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[];
}

Property.MultiSelect({
  displayName: "Channels",
  description: "Slack channels to post to.",
  required: true,
  options: [
    { label: "General", value: "general" },
    { label: "Alerts", value: "alerts" },
  ],
});

Property.MultiSelectDynamic({
  displayName: "Tags",
  description: "Tags to apply to the new deal.",
  required: false,
  options: async ({ auth }) => ({
    disabled: false,
    options: await fetchTags(auth),
  }),
  refreshers: ["connectionId"],
});

Property.KeyValue({
  displayName: "Custom Headers",
  description: "Additional HTTP headers to attach to the request.",
  required: false,
  keyPlaceholder: "Header name",
  valuePlaceholder: "Header value",
});

Property.ResourceLocator({
  displayName: "Notion Page",
  description: "Page to append the new block to.",
  required: true,
  idLabel: "Page ID",
  placeholder: "Search pages…",
  refreshers: ["connectionId"],
  search: async ({ auth, query, cursor }) => {
    const resp = await fetch(`https://api.notion.com/v1/search`, {
      method: "POST",
      headers: {
        Authorization: `Bearer ${(auth as { token: string }).token}`,
        "Content-Type": "application/json",
      },
      body: JSON.stringify({
        query,
        start_cursor: cursor,
        filter: { property: "object", value: "page" },
      }),
    });
    const data = (await resp.json()) as {
      results: Array<{ id: string; properties: { title: { title: { plain_text: string }[] } } }>;
      next_cursor?: string;
    };
    return {
      items: data.results.map((r) => ({
        label: r.properties.title.title[0]?.plain_text ?? r.id,
        value: r.id,
      })),
      nextCursor: data.next_cursor,
    };
  },
});

type SearchResolver = (
  context: SearchResolverContext,
) => Promise<SearchResolverResult>;

interface SearchResolverContext {
  readonly auth: unknown;
  readonly query: string;
  readonly cursor?: string;
  readonly values?: Record<string, unknown>;
}

interface SearchResolverResult {
  readonly items: readonly { label: string; value: string }[];
  readonly nextCursor?: string;
}

Property.File({
  displayName: "Attachment",
  description: "Public URL of the file to attach.",
  required: true,
  allowedMimeTypes: ["image/png", "image/jpeg", "application/pdf"],
});

Property.MarkdownNotice({
  displayName: "oauth_scope_notice",
  markdown:
    "This action requires the `drive.file` scope. **Reconnect** the integration if you added it after authorization.",
  variant: "warning",
});