@jytextiles/medusa-plugin-faire-store-sync 0.2.5 → 0.2.7

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

@@ -63,6 +63,9 @@ const faireApi = {
   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"),
+  taxonomy: () => sdk.client.fetch(
+    "/admin/faire/taxonomy"
+  ),
   products: (opts = {}) => {
     const query = {};
     if (opts.limit !== void 0) query.limit = String(opts.limit);
@@ -481,124 +484,6 @@ const config = adminSdk.defineRouteConfig({
 const handle$3 = {
   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$2 = {
-  breadcrumb: () => "Sync record"
-};
 const Root = ({ prev = "..", children }) => {
   const navigate = reactRouterDom.useNavigate();
   const [open, setOpen] = react.useState(false);
@@ -895,10 +780,124 @@ const FaireBulkPage = () => {
     /* @__PURE__ */ jsxRuntime.jsx(ui.Toaster, {})
   ] });
 };
-const handle$1 = {
+const handle$2 = {
   breadcrumb: () => "Bulk sync"
 };
+const PARENT$1 = "/settings/faire";
+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);
+    }
+  };
+  const warnings = (record == null ? void 0 : record.error_message) ? record.error_message.split(" | ") : [];
+  return /* @__PURE__ */ jsxRuntime.jsxs(RouteFocusModal, { prev: PARENT$1, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(RouteFocusModal.Header, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Sync record" }),
+        record && /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: STATUS_COLORS[record.status] || "grey", children: record.status })
+      ] }),
+      record && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__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(RouteFocusModal.Body, { className: "flex flex-col gap-4 overflow-y-auto p-6", children: [
+      error && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-tag-red-text", children: error }),
+      loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-10 w-full" }, i)) }) : !record ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Sync record not found" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", onClick: () => navigate(PARENT$1), children: "Back to Faire settings" })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-ui-border-base grid grid-cols-2 gap-4 rounded-lg border p-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Detail, { label: "Record id", value: record.id, mono: true }),
+          /* @__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("div", { className: "border-ui-border-base flex flex-col gap-2 rounded-lg border p-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Issues" }),
+          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 TAXONOMY_KEY = ["faire", "taxonomy"];
 const PARENT = "/settings/faire";
 const NONE = "__none__";
 const cleanSettings = (form) => {
@@ -933,6 +932,11 @@ const FaireSyncSettingsDrawer = () => {
   });
   const status = statusQuery.data;
   const connected = !!(status == null ? void 0 : status.connected);
+  const taxonomyQuery = reactQuery.useQuery({
+    queryKey: TAXONOMY_KEY,
+    queryFn: async () => (await faireApi.taxonomy().catch(() => ({ taxonomy: [] }))).taxonomy || []
+  });
+  const taxonomy = taxonomyQuery.data ?? [];
   react.useEffect(() => {
     if (status == null ? void 0 : status.settings) setForm(status.settings);
   }, [status == null ? void 0 : status.settings]);
@@ -961,7 +965,8 @@ const FaireSyncSettingsDrawer = () => {
             /* @__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.jsx(ChecklistItem, { ok: status == null ? void 0 : status.readiness.shipping_policy, label: "Shipping policy" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ChecklistItem, { ok: status == null ? void 0 : status.readiness.taxonomy, label: "Default category" })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
@@ -971,9 +976,8 @@ const FaireSyncSettingsDrawer = () => {
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Brand ID", children: /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
+              ui.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,
@@ -981,10 +985,9 @@ const FaireSyncSettingsDrawer = () => {
               }
             ) }),
             /* @__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",
+              ui.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,
@@ -995,10 +998,9 @@ const FaireSyncSettingsDrawer = () => {
               }
             ) }) }),
             /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Default min order quantity", children: /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
+              ui.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,
@@ -1008,10 +1010,9 @@ const FaireSyncSettingsDrawer = () => {
               }
             ) }),
             /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Default lead time (days)", children: /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
+              ui.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,
@@ -1021,14 +1022,22 @@ const FaireSyncSettingsDrawer = () => {
                 placeholder: "e.g. 14"
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Default category", children: /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
+            /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Default category (taxonomy)", children: /* @__PURE__ */ jsxRuntime.jsx(
+              SelectField,
               {
-                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 }),
+                onValueChange: (v) => setForm({ ...form, default_category: v || null }),
                 disabled: !connected,
-                placeholder: "e.g. Home Decor"
+                options: taxonomy.map((t) => ({ value: t.id, label: t.name }))
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Shipping policy ID", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                value: String(form.default_shipping_policy_id ?? ""),
+                onChange: (e) => setForm({ ...form, default_shipping_policy_id: e.target.value || null }),
+                disabled: !connected,
+                placeholder: "sp_..."
               }
             ) }),
             /* @__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(
@@ -1068,6 +1077,27 @@ const Field = ({ label, children }) => /* @__PURE__ */ jsxRuntime.jsxs("div", {
   /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: label }),
   children
 ] });
+const SelectField = ({
+  value,
+  onValueChange,
+  options,
+  disabled
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  ui.Select,
+  {
+    value: value ? value : NONE,
+    onValueChange: (v) => onValueChange(v === NONE ? "" : v),
+    disabled,
+    size: "small",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Not set" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: NONE, children: "Not set" }),
+        options.map((o) => /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: o.value, children: o.label }, o.value))
+      ] })
+    ]
+  }
+);
 const ChecklistItem = ({ ok, label }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "div",
   {
@@ -1165,13 +1195,13 @@ const routeModule = {
       handle: handle$3
     },
     {
-      Component: FaireSyncDetailPage,
-      path: "/settings/faire/:id",
+      Component: FaireBulkPage,
+      path: "/settings/faire/bulk",
       handle: handle$2
     },
     {
-      Component: FaireBulkPage,
-      path: "/settings/faire/bulk",
+      Component: FaireSyncDetailPage,
+      path: "/settings/faire/:id",
       handle: handle$1
     },
     {