import { Property } from "@triggo/connector-sdk";

Property.ShortText({
  displayName: "Name",
  description: "The recipient's name.",
  required: true,
})

Property.LongText({
  displayName: "Message Body",
  description: "The full message content. Supports multiple lines.",
  required: true,
})

Property.Number({
  displayName: "Quantity",
  description: "Number of items.",
  required: true,
  defaultValue: 1,
})

Property.Checkbox({
  displayName: "Send Notification",
  description: "Whether to send an email notification.",
  required: false,
  defaultValue: false,
})

Property.DateTime({
  displayName: "Due Date",
  description: "Task deadline in ISO 8601 format.",
  required: false,
})

Property.Array({
  displayName: "Tags",
  description: "List of tags to apply.",
  required: false,
  defaultValue: [],
})

Property.Object({
  displayName: "Metadata",
  description: "Custom key-value pairs.",
  required: false,
  defaultValue: {},
})

Property.SecretText({
  displayName: "Webhook Secret",
  description: "HMAC secret for signature verification.",
  required: true,
})

Property.OAuth2({
  displayName: "OAuth2 Connection",
  description: "Select an OAuth2 connection.",
  required: true,
})

Property.Dropdown({
  displayName: "Priority",
  description: "Task priority level.",
  required: true,
  defaultValue: "medium",
  options: [
    { label: "Low", value: "low" },
    { label: "Medium", value: "medium" },
    { label: "High", value: "high" },
  ],
})

interface DropdownOption {
  readonly label: string;  // Shown in the UI
  readonly value: string;  // Stored value passed to run()
}

Property.DynamicDropdown({
  displayName: "Pipeline",
  description: "Select a pipeline to reference.",
  required: true,
  refreshers: ["workspace_id"],
  options: async (context) => {
    const auth = context.auth as { secret: string };
    const workspaceId = context.values?.["workspace_id"] as string | undefined;

    if (!workspaceId) {
      return {
        disabled: true,
        placeholder: "Select a workspace first",
        options: [],
      };
    }

    const response = await fetch(
      `https://api.example.com/workspaces/${workspaceId}/pipelines`,
      { headers: { Authorization: `Bearer ${auth.secret}` } },
    );
    const pipelines = (await response.json()) as Array<{ id: string; name: string }>;

    return {
      disabled: false,
      options: pipelines.map((p) => ({ label: p.name, value: p.id })),
    };
  },
})

type DynamicDropdownResolver = (
  context: DynamicDropdownResolverContext,
) => Promise<DynamicDropdownState>;

interface DynamicDropdownResolverContext {
  readonly auth: unknown;
  readonly values?: Record<string, unknown>;
}

interface DynamicDropdownState {
  readonly disabled: boolean;
  readonly placeholder?: string;
  readonly options: readonly DropdownOption[];
}