@jytextiles/medusa-plugin-faire-store-sync 0.1.0

package/.medusa/server/src/admin/index.js

@@ -0,0 +1,960 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const adminSdk = require("@medusajs/admin-sdk");
+const ui = require("@medusajs/ui");
+const reactQuery = require("@tanstack/react-query");
+const Medusa = require("@medusajs/js-sdk");
+const icons = require("@medusajs/icons");
+const react = require("react");
+const reactRouterDom = require("react-router-dom");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const Medusa__default = /* @__PURE__ */ _interopDefault(Medusa);
+const sdk = new Medusa__default.default({
+  baseUrl: "/",
+  auth: {
+    type: "session"
+  }
+});
+const faireApi = {
+  status: () => sdk.client.fetch("/admin/faire/status"),
+  getSettings: () => sdk.client.fetch("/admin/faire/settings"),
+  saveSettings: (settings) => sdk.client.fetch("/admin/faire/settings", {
+    method: "POST",
+    body: settings
+  }),
+  authorize: () => sdk.client.fetch(
+    "/admin/faire/auth/authorize"
+  ),
+  callback: (code, state) => sdk.client.fetch("/admin/faire/auth/callback", {
+    method: "POST",
+    body: { code, state }
+  }),
+  disconnect: () => sdk.client.fetch("/admin/faire/auth/disconnect", { method: "POST" }),
+  syncProduct: (id) => sdk.client.fetch(`/admin/faire/sync/product/${id}`, { method: "POST" }),
+  productStatus: (id) => sdk.client.fetch(`/admin/faire/status/product/${id}`),
+  syncBulk: (product_ids) => sdk.client.fetch(
+    "/admin/faire/sync/bulk",
+    {
+      method: "POST",
+      body: { product_ids }
+    }
+  ),
+  bulkStatus: (batchId) => sdk.client.fetch(
+    `/admin/faire/sync/bulk/${batchId}`
+  ),
+  ingestOrders: (limit) => sdk.client.fetch(
+    "/admin/faire/ingest/orders",
+    { method: "POST", body: limit != null ? { limit } : {} }
+  ),
+  ingestStatus: (batchId) => sdk.client.fetch(
+    `/admin/faire/ingest/orders/${batchId}`
+  ),
+  listSyncs: (opts = {}) => {
+    const query = {};
+    if (opts.take !== void 0) query.take = String(opts.take);
+    if (opts.skip !== void 0) query.skip = String(opts.skip);
+    if (opts.status) query.status = opts.status;
+    return sdk.client.fetch("/admin/faire/syncs", { query });
+  },
+  getSync: (id) => sdk.client.fetch(`/admin/faire/syncs/${id}`),
+  retrySync: (id) => sdk.client.fetch(`/admin/faire/syncs/${id}`, { method: "POST" }),
+  brand: () => sdk.client.fetch("/admin/faire/brand"),
+  products: (opts = {}) => {
+    const query = {};
+    if (opts.limit !== void 0) query.limit = String(opts.limit);
+    if (opts.page !== void 0) query.page = String(opts.page);
+    return sdk.client.fetch("/admin/faire/products", { query });
+  }
+};
+const badgeColor = (status) => {
+  switch (status) {
+    case "synced":
+    case "success":
+      return "green";
+    case "failed":
+      return "red";
+    case "draft":
+    case "pending":
+      return "orange";
+    default:
+      return "grey";
+  }
+};
+const FaireProductWidget = ({ data }) => {
+  var _a, _b, _c;
+  const queryClient = reactQuery.useQueryClient();
+  const productKey = ["faire", "product-status", data.id];
+  const statusQuery = reactQuery.useQuery({
+    queryKey: ["faire", "status"],
+    queryFn: () => faireApi.status()
+  });
+  const connected = !!((_a = statusQuery.data) == null ? void 0 : _a.connected);
+  const readiness = (_b = statusQuery.data) == null ? void 0 : _b.readiness;
+  const productStatusQuery = reactQuery.useQuery({
+    queryKey: productKey,
+    queryFn: () => faireApi.productStatus(data.id),
+    refetchInterval: (query) => {
+      var _a2, _b2;
+      const s = (_b2 = (_a2 = query.state.data) == null ? void 0 : _a2.latest) == null ? void 0 : _b2.status;
+      return s === "draft" || s === "pending" ? 1e4 : false;
+    }
+  });
+  const latest = (_c = productStatusQuery.data) == null ? void 0 : _c.latest;
+  const syncMutation = reactQuery.useMutation({
+    mutationFn: () => faireApi.syncProduct(data.id),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: productKey });
+    }
+  });
+  const result = syncMutation.data ? syncMutation.data.result : null;
+  const error = syncMutation.error ? syncMutation.error.message || "Sync failed" : null;
+  const view = result ? {
+    published: result.published,
+    state: result.state,
+    product_url: result.product_url,
+    product_token: result.product_token,
+    warnings: result.warnings,
+    status: result.published ? "success" : result.state
+  } : latest ? {
+    published: latest.published,
+    state: latest.product_state,
+    product_url: latest.product_url,
+    product_token: latest.product_token,
+    warnings: latest.error_message ? String(latest.error_message).split(" | ") : void 0,
+    status: latest.status
+  } : null;
+  const notReady = connected && readiness && !readiness.ready_to_publish;
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Faire Sync" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: "Sync this product to your Faire brand." })
+      ] }),
+      view && /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: badgeColor(view.status), children: view.published ? "Active" : view.state || view.status })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 px-6 py-4", children: [
+      !connected && !statusQuery.isLoading && /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "warning", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: "Faire is not connected. Connect it under Settings → Faire." }) }),
+      notReady && /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "warning", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: "Publish readiness incomplete (brand or wholesale pricing config is missing). Syncing will still run and create the product as a draft." }) }),
+      error && /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: error }) }),
+      view && /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: view.published ? "success" : "warning", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: view.published ? "Published to Faire as active." : `Synced as ${view.state || view.status}.` }),
+        view.warnings && view.warnings.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: view.warnings.join(" | ") }),
+        view.product_url && /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: view.product_url,
+            target: "_blank",
+            rel: "noreferrer",
+            className: "text-ui-fg-interactive hover:text-ui-fg-interactive-hover",
+            children: view.published ? "View on Faire →" : "Open in Faire →"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Tooltip,
+        {
+          content: connected ? void 0 : "Connect Faire under Settings → Faire first.",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              size: "small",
+              isLoading: syncMutation.isPending,
+              disabled: !connected,
+              onClick: () => syncMutation.mutate(),
+              children: view ? "Re-sync to Faire" : "Sync to Faire"
+            }
+          )
+        }
+      ) })
+    ] })
+  ] });
+};
+adminSdk.defineWidgetConfig({
+  zone: "product.details.side.before"
+});
+const columnHelper = ui.createDataTableColumnHelper();
+const useFaireSyncColumns = () => {
+  return [
+    columnHelper.accessor("product_id", {
+      header: "Product",
+      cell: (info) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-ui-fg-subtle text-xs", children: info.getValue() })
+    }),
+    columnHelper.accessor("status", {
+      header: "Status",
+      cell: (info) => {
+        const status = info.getValue();
+        const color = status === "success" ? "green" : status === "failed" ? "red" : status === "draft" ? "orange" : "grey";
+        return /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color, children: status });
+      }
+    }),
+    columnHelper.accessor("product_state", {
+      header: "State",
+      cell: (info) => info.getValue() || "—"
+    }),
+    columnHelper.display({
+      id: "product",
+      header: "Faire product",
+      cell: ({ row }) => {
+        const r = row.original;
+        if (!r.product_url) return "—";
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: r.product_url,
+            target: "_blank",
+            rel: "noreferrer",
+            onClick: (e) => e.stopPropagation(),
+            className: "text-ui-fg-interactive hover:text-ui-fg-interactive-hover",
+            children: r.product_token
+          }
+        );
+      }
+    }),
+    columnHelper.accessor("synced_at", {
+      header: "Synced",
+      cell: (info) => {
+        const v = info.getValue();
+        return v ? new Date(v).toLocaleString() : "—";
+      },
+      enableSorting: true,
+      sortLabel: "Synced",
+      sortAscLabel: "Oldest first",
+      sortDescLabel: "Newest first"
+    })
+  ];
+};
+const PAGE_SIZE = 10;
+const STATUS_KEY$1 = ["faire", "status"];
+const FaireSettingsPage = () => {
+  var _a, _b, _c;
+  const navigate = reactRouterDom.useNavigate();
+  const queryClient = reactQuery.useQueryClient();
+  const [pagination, setPagination] = react.useState({
+    pageIndex: 0,
+    pageSize: PAGE_SIZE
+  });
+  const [filtering, setFiltering] = react.useState({});
+  const statusQuery = reactQuery.useQuery({
+    queryKey: STATUS_KEY$1,
+    queryFn: () => faireApi.status()
+  });
+  const status = statusQuery.data;
+  const connected = !!(status == null ? void 0 : status.connected);
+  const syncsQuery = reactQuery.useQuery({
+    queryKey: ["faire", "syncs", pagination, filtering],
+    placeholderData: reactQuery.keepPreviousData,
+    queryFn: async () => {
+      var _a2;
+      const statusFilter = (_a2 = filtering.status) == null ? void 0 : _a2[0];
+      const res = await faireApi.listSyncs({
+        take: pagination.pageSize,
+        skip: pagination.pageIndex * pagination.pageSize,
+        status: statusFilter
+      });
+      return { syncs: res.syncs || [], count: res.count || 0 };
+    }
+  });
+  const connectMutation = reactQuery.useMutation({
+    mutationFn: () => faireApi.authorize(),
+    onSuccess: (res) => {
+      window.open(res.authorization_url, "_blank");
+      ui.toast.info("Faire authorization opened", {
+        description: "Complete the authorization in the new tab."
+      });
+    },
+    onError: (err) => ui.toast.error("Failed to start Faire authorization", {
+      description: err.message
+    })
+  });
+  const disconnectMutation = reactQuery.useMutation({
+    mutationFn: () => faireApi.disconnect(),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: STATUS_KEY$1 });
+      ui.toast.success("Disconnected from Faire");
+    },
+    onError: (err) => ui.toast.error("Failed to disconnect", { description: err.message })
+  });
+  const columns = useFaireSyncColumns();
+  const filterHelper = ui.createDataTableFilterHelper();
+  const filters = [
+    filterHelper.accessor("status", {
+      type: "select",
+      label: "Status",
+      options: [
+        { label: "Success", value: "success" },
+        { label: "Draft", value: "draft" },
+        { label: "Failed", value: "failed" },
+        { label: "Pending", value: "pending" },
+        { label: "Syncing", value: "syncing" }
+      ]
+    })
+  ];
+  const table = ui.useDataTable({
+    data: ((_a = syncsQuery.data) == null ? void 0 : _a.syncs) ?? [],
+    columns,
+    rowCount: ((_b = syncsQuery.data) == null ? void 0 : _b.count) ?? 0,
+    getRowId: (row) => row.id,
+    onRowClick: (_, row) => {
+      navigate(`/settings/faire/${row.id}`);
+    },
+    isLoading: syncsQuery.isLoading,
+    filters,
+    pagination: {
+      state: pagination,
+      onPaginationChange: setPagination
+    },
+    filtering: {
+      state: filtering,
+      onFilteringChange: setFiltering
+    }
+  });
+  if (statusQuery.isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-6 w-32" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-7 w-28" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-4 px-6 py-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-10 w-full" }, i)) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "p-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-5 w-32" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3 px-6 pb-6", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-10 w-full" }, i)) })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+    statusQuery.isError && /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: ((_c = statusQuery.error) == null ? void 0 : _c.message) || "Failed to load Faire status" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Faire Sync" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: "Connect your Faire brand and sync Medusa products, inventory and orders bidirectionally." })
+        ] }),
+        connected ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: "green", children: "Connected" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              size: "small",
+              variant: "secondary",
+              onClick: () => navigate("/settings/faire/settings"),
+              children: "Sync settings"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              size: "small",
+              variant: "danger",
+              onClick: () => disconnectMutation.mutate(),
+              isLoading: disconnectMutation.isPending,
+              children: "Disconnect"
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            size: "small",
+            onClick: () => connectMutation.mutate(),
+            isLoading: connectMutation.isPending,
+            children: "Connect Faire"
+          }
+        )
+      ] }),
+      connected && (status == null ? void 0 : status.account) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 grid grid-cols-4 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Brand", value: status.account.brand_name }),
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Brand ID", value: status.account.brand_id }),
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Currency", value: status.account.currency || "—" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          InfoField,
+          {
+            label: "Token expires",
+            value: status.account.token_expires_at ? new Date(status.account.token_expires_at).toLocaleString() : "Does not expire"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(BulkOperations, { connected }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable, { instance: table, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable.Toolbar, { className: "flex flex-col md:flex-row justify-between gap-y-4 px-6 py-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Recent syncs" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", size: "small", children: "Latest product sync attempts. Click a row for details." })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.FilterMenu, { tooltip: "Filter syncs" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              size: "small",
+              variant: "secondary",
+              onClick: () => syncsQuery.refetch(),
+              isLoading: syncsQuery.isFetching,
+              children: "Refresh"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Table, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Pagination, {})
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Toaster, {})
+  ] });
+};
+const InfoField = ({ label, value }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: label }),
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: value })
+] });
+const BulkOperations = ({ connected }) => {
+  var _a, _b, _c, _d, _e, _f;
+  const [productIds, setProductIds] = react.useState("");
+  const [pushBatch, setPushBatch] = react.useState(null);
+  const [pullBatch, setPullBatch] = react.useState(null);
+  const pushMutation = reactQuery.useMutation({
+    mutationFn: (ids) => faireApi.syncBulk(ids),
+    onSuccess: (res) => {
+      setPushBatch(res.batch_id);
+      ui.toast.success("Bulk product sync started", {
+        description: "Running in the background. Polling progress…"
+      });
+    },
+    onError: (err) => ui.toast.error("Failed to start bulk sync", { description: err.message })
+  });
+  const pullMutation = reactQuery.useMutation({
+    mutationFn: () => faireApi.ingestOrders(),
+    onSuccess: (res) => {
+      setPullBatch(res.batch_id);
+      ui.toast.success("Faire order pull started", {
+        description: "Running in the background. Polling progress…"
+      });
+    },
+    onError: (err) => ui.toast.error("Failed to start order pull", { description: err.message })
+  });
+  const pushStatus = reactQuery.useQuery({
+    queryKey: ["faire", "bulk", pushBatch],
+    enabled: !!pushBatch,
+    refetchInterval: (q) => {
+      var _a2, _b2;
+      return ((_b2 = (_a2 = q.state.data) == null ? void 0 : _a2.progress) == null ? void 0 : _b2.finished) ? false : 3e3;
+    },
+    queryFn: () => faireApi.bulkStatus(pushBatch)
+  });
+  const pullStatus = reactQuery.useQuery({
+    queryKey: ["faire", "ingest", pullBatch],
+    enabled: !!pullBatch,
+    refetchInterval: (q) => {
+      var _a2, _b2;
+      return ((_b2 = (_a2 = q.state.data) == null ? void 0 : _a2.progress) == null ? void 0 : _b2.finished) ? false : 3e3;
+    },
+    queryFn: () => faireApi.ingestStatus(pullBatch)
+  });
+  const pushProgress = (_a = pushStatus.data) == null ? void 0 : _a.progress;
+  const pullProgress = (_b = pullStatus.data) == null ? void 0 : _b.progress;
+  const handlePush = () => {
+    const ids = productIds.split(/[\s,]+/).map((s) => s.trim()).filter(Boolean);
+    if (!ids.length) {
+      ui.toast.error("Enter at least one product id");
+      return;
+    }
+    pushMutation.mutate(ids);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Bulk operations" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", size: "small", children: "Push many products to Faire, or pull wholesale orders from Faire into Medusa. Both run as long-running background workflows." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Push products to Faire" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", size: "small", children: "Comma- or line-separated Medusa product IDs." })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "textarea",
+          {
+            className: "border-ui-border-base rounded-lg border px-3 py-2 text-sm min-h-[72px]",
+            placeholder: "prod_01..., prod_02...",
+            value: productIds,
+            onChange: (e) => setProductIds(e.target.value),
+            disabled: !connected || pushMutation.isPending
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              size: "small",
+              onClick: handlePush,
+              disabled: !connected || pushMutation.isPending,
+              isLoading: pushMutation.isPending,
+              children: "Start bulk push"
+            }
+          ),
+          pushBatch && pushProgress && /* @__PURE__ */ jsxRuntime.jsx(
+            BulkProgress,
+            {
+              label: "Push",
+              progress: pushProgress,
+              status: (_d = (_c = pushStatus.data) == null ? void 0 : _c.batch) == null ? void 0 : _d.status
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Pull Faire orders into Medusa" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", size: "small", children: "Ingests all available Faire orders as Medusa orders (idempotent)." })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              size: "small",
+              variant: "secondary",
+              onClick: () => pullMutation.mutate(),
+              disabled: !connected || pullMutation.isPending,
+              isLoading: pullMutation.isPending,
+              children: "Start order pull"
+            }
+          ),
+          pullBatch && pullProgress && /* @__PURE__ */ jsxRuntime.jsx(
+            BulkProgress,
+            {
+              label: "Pull",
+              progress: pullProgress,
+              status: (_f = (_e = pullStatus.data) == null ? void 0 : _e.batch) == null ? void 0 : _f.status
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+};
+const BulkProgress = ({
+  label,
+  progress,
+  status
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+  /* @__PURE__ */ jsxRuntime.jsxs(ui.StatusBadge, { color: progress.finished ? status === "failed" ? "red" : "green" : "orange", children: [
+    label,
+    ": ",
+    progress.done,
+    "/",
+    progress.total || "?",
+    " (",
+    progress.pct,
+    "%)"
+  ] }),
+  progress.finished && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", size: "small", children: status === "failed" ? "Completed with errors" : "Done" })
+] });
+const config = adminSdk.defineRouteConfig({
+  label: "Faire",
+  icon: icons.BuildingStorefront
+});
+const handle$2 = {
+  breadcrumb: () => "Faire Sync"
+};
+const STATUS_COLORS = {
+  success: "green",
+  failed: "red",
+  draft: "orange",
+  pending: "grey",
+  syncing: "grey"
+};
+const FaireSyncDetailPage = () => {
+  const { id } = reactRouterDom.useParams();
+  const navigate = reactRouterDom.useNavigate();
+  const [record, setRecord] = react.useState(null);
+  const [loading, setLoading] = react.useState(true);
+  const [retrying, setRetrying] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  react.useEffect(() => {
+    if (!id) return;
+    setLoading(true);
+    faireApi.getSync(id).then((res) => {
+      setRecord(res.sync || res);
+    }).catch((err) => setError(err.message || "Failed to load sync record")).finally(() => setLoading(false));
+  }, [id]);
+  const handleRetry = async () => {
+    if (!record) return;
+    setRetrying(true);
+    setError(null);
+    try {
+      await faireApi.retrySync(record.id);
+      const updated = await faireApi.getSync(record.id).catch(() => null);
+      if (updated) setRecord(updated.sync || updated);
+    } catch (err) {
+      setError(err.message || "Retry failed");
+    } finally {
+      setRetrying(false);
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-7 w-12 rounded-md" }) });
+  }
+  if (!record) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "p-6 flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Sync record not found" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", onClick: () => navigate("/settings/faire"), children: "Back to Faire settings" })
+    ] });
+  }
+  const warnings = record.error_message ? record.error_message.split(" | ") : [];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+    error && /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-tag-red-text", children: error }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Sync record" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle font-mono text-xs", children: record.id })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: STATUS_COLORS[record.status] || "grey", children: record.status }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", disabled: retrying, children: /* @__PURE__ */ jsxRuntime.jsx(icons.EllipsisHorizontal, {}) }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu.Content, { align: "end", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                ui.DropdownMenu.Item,
+                {
+                  className: "gap-x-2",
+                  onClick: handleRetry,
+                  disabled: retrying,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowPath, { className: "text-ui-fg-subtle" }),
+                    retrying ? "Re-syncing…" : "Re-sync product"
+                  ]
+                }
+              ),
+              record.product_url && /* @__PURE__ */ jsxRuntime.jsxs(
+                ui.DropdownMenu.Item,
+                {
+                  className: "gap-x-2",
+                  onClick: () => window.open(record.product_url, "_blank"),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpRightOnBox, { className: "text-ui-fg-subtle" }),
+                    "Open on Faire"
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Detail, { label: "Product", value: record.product_id, mono: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(Detail, { label: "Action", value: record.action }),
+        /* @__PURE__ */ jsxRuntime.jsx(Detail, { label: "Faire product token", value: record.product_token || "—", mono: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(Detail, { label: "State", value: record.product_state || "—" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Detail, { label: "Published", value: record.published ? "Yes" : "No" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Detail,
+          {
+            label: "Synced at",
+            value: record.synced_at ? new Date(record.synced_at).toLocaleString() : "—"
+          }
+        )
+      ] })
+    ] }),
+    warnings.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Issues" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4 flex flex-col gap-2", children: warnings.map((w, i) => /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-tag-red-text text-sm", children: w }, i)) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Toaster, {})
+  ] });
+};
+const Detail = ({
+  label,
+  value,
+  mono
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: label }),
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: mono ? "font-mono text-xs" : "", children: value })
+] });
+const handle$1 = {
+  breadcrumb: () => "Sync record"
+};
+const STATUS_KEY = ["faire", "status"];
+const PARENT = "/settings/faire";
+const NONE = "__none__";
+const cleanSettings = (form) => {
+  const out = { ...form };
+  for (const key of [
+    "default_brand_id",
+    "default_shipping_policy_id",
+    "default_category"
+  ]) {
+    if (!out[key] || out[key] === NONE) out[key] = null;
+  }
+  if (out.default_wholesale_markup_percent === "" || out.default_wholesale_markup_percent === NONE) {
+    out.default_wholesale_markup_percent = null;
+  }
+  if (out.default_lead_time_days === "" || out.default_lead_time_days === NONE) {
+    out.default_lead_time_days = null;
+  }
+  return out;
+};
+const FaireSyncSettingsDrawer = () => {
+  const navigate = reactRouterDom.useNavigate();
+  const queryClient = reactQuery.useQueryClient();
+  const [open, setOpen] = react.useState(true);
+  const [form, setForm] = react.useState({});
+  const close = () => {
+    setOpen(false);
+    navigate(PARENT);
+  };
+  const statusQuery = reactQuery.useQuery({
+    queryKey: STATUS_KEY,
+    queryFn: () => faireApi.status()
+  });
+  const status = statusQuery.data;
+  const connected = !!(status == null ? void 0 : status.connected);
+  react.useEffect(() => {
+    if (status == null ? void 0 : status.settings) setForm(status.settings);
+  }, [status == null ? void 0 : status.settings]);
+  const saveMutation = reactQuery.useMutation({
+    mutationFn: (payload) => faireApi.saveSettings(payload),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: STATUS_KEY });
+      ui.toast.success("Sync settings saved");
+      close();
+    },
+    onError: (err) => ui.toast.error("Failed to save settings", { description: err.message })
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer, { open, onOpenChange: (o) => o ? setOpen(true) : close(), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Header, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Title, { children: "Sync settings" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Description, { children: "Publish readiness and the defaults applied to every product pushed to Faire." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Body, { className: "flex flex-col gap-6 overflow-y-auto", children: statusQuery.isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-10 w-full" }, i)) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Publish readiness" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", size: "small", children: "Faire needs a brand and a wholesale-pricing strategy to publish products. Missing fields sync products as drafts." })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ChecklistItem, { ok: status == null ? void 0 : status.readiness.connected, label: "Faire connected" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ChecklistItem, { ok: status == null ? void 0 : status.readiness.brand, label: "Brand configured" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ChecklistItem, { ok: status == null ? void 0 : status.readiness.wholesale_pricing, label: "Wholesale pricing" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ChecklistItem, { ok: status == null ? void 0 : status.readiness.shipping_policy, label: "Shipping policy" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Sync defaults" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", size: "small", children: "Applied to every product unless overridden in product metadata." })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Brand ID", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                className: "border-ui-border-base rounded-lg border px-3 py-2 text-sm",
+                value: String(form.default_brand_id ?? ""),
+                onChange: (e) => setForm({ ...form, default_brand_id: e.target.value || null }),
+                disabled: !connected,
+                placeholder: "b_..."
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Wholesale markup % (off retail)", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { content: "Wholesale price = retail × (100 − markup%) / 100. E.g. 50 → half of retail.", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "number",
+                className: "border-ui-border-base rounded-lg border px-3 py-2 text-sm",
+                value: String(form.default_wholesale_markup_percent ?? ""),
+                onChange: (e) => setForm({
+                  ...form,
+                  default_wholesale_markup_percent: e.target.value ? Number(e.target.value) : null
+                }),
+                disabled: !connected,
+                placeholder: "e.g. 50"
+              }
+            ) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Default min order quantity", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "number",
+                className: "border-ui-border-base rounded-lg border px-3 py-2 text-sm",
+                value: String(form.default_min_order_quantity ?? 1),
+                onChange: (e) => setForm({
+                  ...form,
+                  default_min_order_quantity: e.target.value ? Number(e.target.value) : 1
+                }),
+                disabled: !connected
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Default lead time (days)", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "number",
+                className: "border-ui-border-base rounded-lg border px-3 py-2 text-sm",
+                value: String(form.default_lead_time_days ?? ""),
+                onChange: (e) => setForm({
+                  ...form,
+                  default_lead_time_days: e.target.value ? Number(e.target.value) : null
+                }),
+                disabled: !connected,
+                placeholder: "e.g. 14"
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Default category", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                className: "border-ui-border-base rounded-lg border px-3 py-2 text-sm",
+                value: String(form.default_category ?? ""),
+                onChange: (e) => setForm({ ...form, default_category: e.target.value || null }),
+                disabled: !connected,
+                placeholder: "e.g. Home Decor"
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Follow product status", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { content: "If on, published Medusa products are published on Faire; draft products sync as drafts.", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Switch,
+              {
+                checked: form.follow_product_status !== false,
+                onCheckedChange: (v) => setForm({ ...form, follow_product_status: v })
+              }
+            ) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Auto publish", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { content: "Publish products to Faire automatically on sync (otherwise create as draft).", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Switch,
+              {
+                checked: !!form.auto_publish,
+                onCheckedChange: (v) => setForm({ ...form, auto_publish: v })
+              }
+            ) }) })
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Footer, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: close, children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            onClick: () => saveMutation.mutate(cleanSettings(form)),
+            isLoading: saveMutation.isPending,
+            disabled: !connected,
+            children: "Save settings"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Toaster, {})
+  ] });
+};
+const Field = ({ label, children }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: label }),
+  children
+] });
+const ChecklistItem = ({ ok, label }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "div",
+  {
+    className: ui.clx(
+      "flex items-center gap-2 rounded-lg border px-3 py-2",
+      ok ? "border-ui-tag-green-border bg-ui-tag-green-bg" : "border-ui-tag-red-border bg-ui-tag-red-bg"
+    ),
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: ok ? "green" : "red", children: ok ? "Ready" : "Missing" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: label })
+    ]
+  }
+);
+const handle = {
+  breadcrumb: () => "Sync settings"
+};
+const FaireOauthCallback = () => {
+  const [params] = reactRouterDom.useSearchParams();
+  const navigate = reactRouterDom.useNavigate();
+  const [error, setError] = react.useState(null);
+  const exchangedRef = react.useRef(false);
+  react.useEffect(() => {
+    if (exchangedRef.current) return;
+    exchangedRef.current = true;
+    const code = params.get("code");
+    const state = params.get("state");
+    const errParam = params.get("error");
+    if (errParam) {
+      setError(
+        `Faire authorization failed: ${params.get("error_description") || errParam}`
+      );
+      return;
+    }
+    if (!code || !state) {
+      setError("Missing code or state in Faire callback.");
+      return;
+    }
+    faireApi.callback(code, state).then(() => {
+      navigate("/settings/faire", { replace: true });
+    }).catch((err) => {
+      setError(err.message || "Failed to complete Faire authorization.");
+    });
+  }, [params, navigate]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "flex flex-col items-center gap-4 p-8", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Connecting Faire…" }),
+    error ? /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: error }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Completing authorization, please wait…" }),
+    error && /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Button,
+      {
+        size: "small",
+        variant: "secondary",
+        onClick: () => navigate("/settings/faire", { replace: true }),
+        children: "Back to Faire settings"
+      }
+    )
+  ] });
+};
+const widgetModule = { widgets: [
+  {
+    Component: FaireProductWidget,
+    zone: ["product.details.side.before"],
+    widgetId: "Widget-50e7"
+  }
+] };
+const routeModule = {
+  routes: [
+    {
+      Component: FaireSettingsPage,
+      path: "/settings/faire",
+      handle: handle$2
+    },
+    {
+      Component: FaireSyncDetailPage,
+      path: "/settings/faire/:id",
+      handle: handle$1
+    },
+    {
+      Component: FaireSyncSettingsDrawer,
+      path: "/settings/faire/settings",
+      handle
+    },
+    {
+      Component: FaireOauthCallback,
+      path: "/settings/oauth/faire/callback"
+    }
+  ]
+};
+const menuItemModule = {
+  menuItems: [
+    {
+      label: config.label,
+      icon: config.icon,
+      path: "/settings/faire",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
+    }
+  ]
+};
+const formModule = { customFields: {} };
+const displayModule = {
+  displays: {}
+};
+const i18nModule = { resources: {} };
+const layoutModule = { layouts: [] };
+const plugin = {
+  widgetModule,
+  routeModule,
+  menuItemModule,
+  formModule,
+  displayModule,
+  i18nModule,
+  layoutModule
+};
+module.exports = plugin;