@jytextiles/medusa-plugin-faire-store-sync 0.2.8 → 0.2.10

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

@@ -1,8 +1,8 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { defineWidgetConfig, defineRouteConfig } from "@medusajs/admin-sdk";
-import { toast, Container, Heading, Text, StatusBadge, Alert, Badge, Button, Tooltip, Drawer, Input, clx, createDataTableColumnHelper, createDataTableFilterHelper, useDataTable, Skeleton, DropdownMenu, DataTable, Label, Toaster, FocusModal, Switch, Select, IconButton } from "@medusajs/ui";
+import { toast, Container, Heading, Text, StatusBadge, Alert, Badge, Button, Tooltip, Drawer, Input, clx, createDataTableColumnHelper, createDataTableFilterHelper, useDataTable, Skeleton, DropdownMenu, DataTable, Label, Toaster, Switch, Select, FocusModal, IconButton } from "@medusajs/ui";
 import { useQueryClient, useQuery, useMutation, keepPreviousData } from "@tanstack/react-query";
-import { useState, useMemo, useEffect } from "react";
+import { useState, useEffect, useMemo } from "react";
 import Medusa from "@medusajs/js-sdk";
 import { BuildingStorefront, ChevronDownMini, EllipsisHorizontal, ArrowPath, ArrowUpRightOnBox } from "@medusajs/icons";
 import { useNavigate, Outlet, useParams, useSearchParams } from "react-router-dom";
@@ -60,9 +60,14 @@ 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"
-  ),
+  taxonomy: (opts = {}) => {
+    var _a;
+    const query = {};
+    if (opts.q) query.q = opts.q;
+    if (opts.limit !== void 0) query.limit = String(opts.limit);
+    if ((_a = opts.ids) == null ? void 0 : _a.length) query.ids = opts.ids.join(",");
+    return sdk.client.fetch("/admin/faire/taxonomy", { query });
+  },
   products: (opts = {}) => {
     const query = {};
     if (opts.limit !== void 0) query.limit = String(opts.limit);
@@ -71,7 +76,7 @@ const faireApi = {
     return sdk.client.fetch("/admin/faire/products", { query });
   }
 };
-const MAX_RENDERED = 60;
+const PICKER_LIMIT = 50;
 const badgeColor = (status) => {
   switch (status) {
     case "synced":
@@ -87,7 +92,7 @@ const badgeColor = (status) => {
   }
 };
 const FaireProductWidget = ({ data }) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const queryClient = useQueryClient();
   const productKey = ["faire", "product-status", data.id];
   const statusQuery = useQuery({
@@ -134,38 +139,46 @@ const FaireProductWidget = ({ data }) => {
   const productType = (_d = data.type) == null ? void 0 : _d.value;
   const [pickerOpen, setPickerOpen] = useState(false);
   const [pickerSearch, setPickerSearch] = useState("");
-  const [pinnedOverride, setPinnedOverride] = useState(
-    void 0
-  );
+  const [debouncedSearch, setDebouncedSearch] = useState("");
+  useEffect(() => {
+    const t = setTimeout(() => setDebouncedSearch(pickerSearch.trim()), 250);
+    return () => clearTimeout(t);
+  }, [pickerSearch]);
+  const [pinnedOverride, setPinnedOverride] = useState(void 0);
   const taxonomyQuery = useQuery({
-    queryKey: ["faire", "taxonomy"],
+    queryKey: ["faire", "taxonomy", "search", debouncedSearch],
     enabled: pickerOpen,
-    queryFn: async () => (await faireApi.taxonomy()).taxonomy ?? []
+    placeholderData: keepPreviousData,
+    queryFn: async () => faireApi.taxonomy({
+      q: debouncedSearch || void 0,
+      limit: PICKER_LIMIT
+    })
   });
-  const taxonomy = taxonomyQuery.data ?? [];
-  const pinnedId = pinnedOverride !== void 0 ? pinnedOverride ?? void 0 : metadata.faire_taxonomy_type_id;
-  const pinnedName = useMemo(() => {
-    var _a2;
-    if (!pinnedId) return void 0;
-    if (!/^tt_/.test(String(pinnedId))) return String(pinnedId);
-    return (_a2 = taxonomy.find((t) => t.id === pinnedId)) == null ? void 0 : _a2.name;
-  }, [pinnedId, taxonomy]);
+  const results = ((_e = taxonomyQuery.data) == null ? void 0 : _e.taxonomy) ?? [];
+  const matchCount = ((_f = taxonomyQuery.data) == null ? void 0 : _f.count) ?? 0;
+  const pinnedId = pinnedOverride !== void 0 ? pinnedOverride.id ?? void 0 : metadata.faire_taxonomy_type_id;
+  const pinnedNameFromMeta = pinnedOverride !== void 0 ? pinnedOverride.name ?? void 0 : metadata.faire_taxonomy_type_name;
+  const pinnedResolveQuery = useQuery({
+    queryKey: ["faire", "taxonomy", "resolve", pinnedId],
+    enabled: !!pinnedId && !pinnedNameFromMeta && /^tt_/.test(String(pinnedId)),
+    queryFn: async () => (await faireApi.taxonomy({ ids: [pinnedId] })).taxonomy
+  });
+  const pinnedName = pinnedNameFromMeta ?? (pinnedId && /^tt_/.test(String(pinnedId)) ? (_h = (_g = pinnedResolveQuery.data) == null ? void 0 : _g[0]) == null ? void 0 : _h.name : pinnedId ? String(pinnedId) : void 0);
   const resolvedSource = pinnedId ? { label: pinnedName || String(pinnedId), from: "pinned" } : metadata.faire_category ? { label: String(metadata.faire_category), from: "metadata" } : productType ? { label: productType, from: "type" } : { label: "Account fallback", from: "fallback" };
-  const filteredTaxonomy = useMemo(() => {
-    const q = pickerSearch.trim().toLowerCase();
-    const list = q ? taxonomy.filter((t) => t.name.toLowerCase().includes(q)) : taxonomy;
-    return list.slice(0, MAX_RENDERED);
-  }, [taxonomy, pickerSearch]);
   const saveCategory = useMutation({
-    mutationFn: (value) => sdk.admin.product.update(data.id, {
-      metadata: { ...metadata, faire_taxonomy_type_id: value }
+    mutationFn: (choice) => sdk.admin.product.update(data.id, {
+      metadata: {
+        ...metadata,
+        faire_taxonomy_type_id: (choice == null ? void 0 : choice.id) ?? null,
+        faire_taxonomy_type_name: (choice == null ? void 0 : choice.name) ?? null
+      }
     }),
-    onSuccess: (_res, value) => {
-      setPinnedOverride(value);
+    onSuccess: (_res, choice) => {
+      setPinnedOverride({ id: (choice == null ? void 0 : choice.id) ?? null, name: (choice == null ? void 0 : choice.name) ?? null });
       queryClient.invalidateQueries({ queryKey: ["product", data.id] });
       setPickerOpen(false);
       setPickerSearch("");
-      toast.success(value ? "Faire category set" : "Faire category cleared");
+      toast.success(choice ? "Faire category set" : "Faire category cleared");
     },
     onError: (err) => toast.error("Failed to save category", { description: err == null ? void 0 : err.message })
   });
@@ -248,15 +261,11 @@ const FaireProductWidget = ({ data }) => {
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 overflow-y-auto", children: [
-          taxonomyQuery.isLoading ? /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle px-1 py-2", children: "Loading categories…" }) : filteredTaxonomy.length === 0 ? /* @__PURE__ */ jsxs(Text, { size: "small", className: "text-ui-fg-subtle px-1 py-2", children: [
-            "No categories match “",
-            pickerSearch,
-            "”."
-          ] }) : filteredTaxonomy.map((t) => /* @__PURE__ */ jsxs(
+          taxonomyQuery.isLoading ? /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle px-1 py-2", children: "Loading categories…" }) : results.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle px-1 py-2", children: debouncedSearch ? `No categories match “${debouncedSearch}”.` : "No categories available." }) : results.map((t) => /* @__PURE__ */ jsxs(
             "button",
             {
               type: "button",
-              onClick: () => saveCategory.mutate(t.id),
+              onClick: () => saveCategory.mutate(t),
               disabled: saveCategory.isPending,
               className: clx(
                 "flex items-center justify-between rounded-md px-3 py-2 text-left text-sm",
@@ -270,12 +279,12 @@ const FaireProductWidget = ({ data }) => {
             },
             t.id
           )),
-          !taxonomyQuery.isLoading && taxonomy.length > filteredTaxonomy.length && /* @__PURE__ */ jsxs(Text, { size: "xsmall", className: "text-ui-fg-muted px-1 py-1", children: [
+          !taxonomyQuery.isLoading && matchCount > results.length && /* @__PURE__ */ jsxs(Text, { size: "xsmall", className: "text-ui-fg-muted px-1 py-1", children: [
             "Showing ",
-            filteredTaxonomy.length,
+            results.length,
             " of ",
-            taxonomy.length,
-            " — refine your search to narrow down."
+            matchCount,
+            " matches — refine your search to narrow down."
           ] })
         ] })
       ] }),
@@ -473,24 +482,28 @@ const FaireSettingsPage = () => {
         ] }),
         connected ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsx(StatusBadge, { color: "green", children: "Connected" }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "small",
-              variant: "secondary",
-              onClick: () => navigate("/settings/faire/bulk"),
-              children: "Bulk sync"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "small",
-              variant: "secondary",
-              onClick: () => navigate("/settings/faire/settings"),
-              children: "Sync settings"
-            }
-          ),
+          /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { size: "small", variant: "secondary", children: [
+              "Sync",
+              /* @__PURE__ */ jsx(ChevronDownMini, {})
+            ] }) }),
+            /* @__PURE__ */ jsxs(DropdownMenu.Content, { children: [
+              /* @__PURE__ */ jsx(
+                DropdownMenu.Item,
+                {
+                  onClick: () => navigate("/settings/faire/bulk"),
+                  children: "Bulk sync"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                DropdownMenu.Item,
+                {
+                  onClick: () => navigate("/settings/faire/settings"),
+                  children: "Sync settings"
+                }
+              )
+            ] })
+          ] }),
           /* @__PURE__ */ jsx(
             Button,
             {
@@ -603,6 +616,213 @@ const config = defineRouteConfig({
 const handle$3 = {
   breadcrumb: () => "Faire Sync"
 };
+const STATUS_KEY = ["faire", "status"];
+const TAXONOMY_KEY = ["faire", "taxonomy"];
+const PARENT$1 = "/settings/faire";
+const NONE = "__none__";
+const cleanSettings = (form) => {
+  const out = { ...form };
+  for (const key of [
+    "default_brand_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 = useNavigate();
+  const queryClient = useQueryClient();
+  const [open, setOpen] = useState(true);
+  const [form, setForm] = useState({});
+  const close = () => {
+    setOpen(false);
+    navigate(PARENT$1);
+  };
+  const statusQuery = useQuery({
+    queryKey: STATUS_KEY,
+    queryFn: () => faireApi.status()
+  });
+  const status = statusQuery.data;
+  const connected = !!(status == null ? void 0 : status.connected);
+  const taxonomyQuery = useQuery({
+    queryKey: TAXONOMY_KEY,
+    queryFn: async () => (await faireApi.taxonomy().catch(() => ({ taxonomy: [] }))).taxonomy || []
+  });
+  const taxonomy = taxonomyQuery.data ?? [];
+  useEffect(() => {
+    if (status == null ? void 0 : status.settings) setForm(status.settings);
+  }, [status == null ? void 0 : status.settings]);
+  const saveMutation = useMutation({
+    mutationFn: (payload) => faireApi.saveSettings(payload),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: STATUS_KEY });
+      toast.success("Sync settings saved");
+      close();
+    },
+    onError: (err) => toast.error("Failed to save settings", { description: err.message })
+  });
+  return /* @__PURE__ */ jsxs(Drawer, { open, onOpenChange: (o) => o ? setOpen(true) : close(), children: [
+    /* @__PURE__ */ jsxs(Drawer.Content, { children: [
+      /* @__PURE__ */ jsxs(Drawer.Header, { children: [
+        /* @__PURE__ */ jsx(Drawer.Title, { children: "Sync settings" }),
+        /* @__PURE__ */ jsx(Drawer.Description, { children: "Publish readiness and the defaults applied to every product pushed to Faire." })
+      ] }),
+      /* @__PURE__ */ jsx(Drawer.Body, { className: "flex flex-col gap-6 overflow-y-auto", children: statusQuery.isLoading ? /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" }, i)) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Publish readiness" }),
+            /* @__PURE__ */ jsx(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__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx(ChecklistItem, { ok: status == null ? void 0 : status.readiness.connected, label: "Faire connected" }),
+            /* @__PURE__ */ jsx(ChecklistItem, { ok: status == null ? void 0 : status.readiness.brand, label: "Brand configured" }),
+            /* @__PURE__ */ jsx(ChecklistItem, { ok: status == null ? void 0 : status.readiness.wholesale_pricing, label: "Wholesale pricing" }),
+            /* @__PURE__ */ jsx(ChecklistItem, { ok: status == null ? void 0 : status.readiness.taxonomy, label: "Default category" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Sync defaults" }),
+            /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: "Applied to every product unless overridden in product metadata." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
+            /* @__PURE__ */ jsx(Field, { label: "Brand ID", children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: String(form.default_brand_id ?? ""),
+                onChange: (e) => setForm({ ...form, default_brand_id: e.target.value || null }),
+                disabled: !connected,
+                placeholder: "b_..."
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Field, { label: "Wholesale markup % (off retail)", children: /* @__PURE__ */ jsx(Tooltip, { content: "Wholesale price = retail × (100 − markup%) / 100. E.g. 50 → half of retail.", children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "number",
+                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__ */ jsx(Field, { label: "Default min order quantity", children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "number",
+                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__ */ jsx(Field, { label: "Default lead time (days)", children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "number",
+                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__ */ jsx(Field, { label: "Fallback category (taxonomy)", children: /* @__PURE__ */ jsx(Tooltip, { content: "Faire requires a category per product. Resolution order: product metadata → the product's Type (matched by name) → this fallback. Set the product Type or pick a category on the product page for accuracy.", children: /* @__PURE__ */ jsx(
+              SelectField,
+              {
+                value: String(form.default_category ?? ""),
+                onValueChange: (v) => setForm({ ...form, default_category: v || null }),
+                disabled: !connected,
+                options: taxonomy.map((t) => ({ value: t.id, label: t.name }))
+              }
+            ) }) }),
+            /* @__PURE__ */ jsx(Field, { label: "Follow product status", children: /* @__PURE__ */ jsx(Tooltip, { content: "If on, published Medusa products are published on Faire; draft products sync as drafts.", children: /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: form.follow_product_status !== false,
+                onCheckedChange: (v) => setForm({ ...form, follow_product_status: v })
+              }
+            ) }) }),
+            /* @__PURE__ */ jsx(Field, { label: "Auto publish", children: /* @__PURE__ */ jsx(Tooltip, { content: "Publish products to Faire automatically on sync (otherwise create as draft).", children: /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: !!form.auto_publish,
+                onCheckedChange: (v) => setForm({ ...form, auto_publish: v })
+              }
+            ) }) })
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxs(Drawer.Footer, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: close, children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: () => saveMutation.mutate(cleanSettings(form)),
+            isLoading: saveMutation.isPending,
+            disabled: !connected,
+            children: "Save settings"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Toaster, {})
+  ] });
+};
+const Field = ({ label, children }) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+  /* @__PURE__ */ jsx(Label, { children: label }),
+  children
+] });
+const SelectField = ({
+  value,
+  onValueChange,
+  options,
+  disabled
+}) => /* @__PURE__ */ jsxs(
+  Select,
+  {
+    value: value ? value : NONE,
+    onValueChange: (v) => onValueChange(v === NONE ? "" : v),
+    disabled,
+    size: "small",
+    children: [
+      /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Not set" }) }),
+      /* @__PURE__ */ jsxs(Select.Content, { children: [
+        /* @__PURE__ */ jsx(Select.Item, { value: NONE, children: "Not set" }),
+        options.map((o) => /* @__PURE__ */ jsx(Select.Item, { value: o.value, children: o.label }, o.value))
+      ] })
+    ]
+  }
+);
+const ChecklistItem = ({ ok, label }) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    className: 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__ */ jsx(StatusBadge, { color: ok ? "green" : "red", children: ok ? "Ready" : "Missing" }),
+      /* @__PURE__ */ jsx(Text, { children: label })
+    ]
+  }
+);
+const handle$2 = {
+  breadcrumb: () => "Sync settings"
+};
 const Root = ({ prev = "..", children }) => {
   const navigate = useNavigate();
   const [open, setOpen] = useState(false);
@@ -912,215 +1132,8 @@ const FaireBulkPage = () => {
     /* @__PURE__ */ jsx(Toaster, {})
   ] });
 };
-const handle$2 = {
-  breadcrumb: () => "Bulk sync"
-};
-const STATUS_KEY = ["faire", "status"];
-const TAXONOMY_KEY = ["faire", "taxonomy"];
-const PARENT$1 = "/settings/faire";
-const NONE = "__none__";
-const cleanSettings = (form) => {
-  const out = { ...form };
-  for (const key of [
-    "default_brand_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 = useNavigate();
-  const queryClient = useQueryClient();
-  const [open, setOpen] = useState(true);
-  const [form, setForm] = useState({});
-  const close = () => {
-    setOpen(false);
-    navigate(PARENT$1);
-  };
-  const statusQuery = useQuery({
-    queryKey: STATUS_KEY,
-    queryFn: () => faireApi.status()
-  });
-  const status = statusQuery.data;
-  const connected = !!(status == null ? void 0 : status.connected);
-  const taxonomyQuery = useQuery({
-    queryKey: TAXONOMY_KEY,
-    queryFn: async () => (await faireApi.taxonomy().catch(() => ({ taxonomy: [] }))).taxonomy || []
-  });
-  const taxonomy = taxonomyQuery.data ?? [];
-  useEffect(() => {
-    if (status == null ? void 0 : status.settings) setForm(status.settings);
-  }, [status == null ? void 0 : status.settings]);
-  const saveMutation = useMutation({
-    mutationFn: (payload) => faireApi.saveSettings(payload),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: STATUS_KEY });
-      toast.success("Sync settings saved");
-      close();
-    },
-    onError: (err) => toast.error("Failed to save settings", { description: err.message })
-  });
-  return /* @__PURE__ */ jsxs(Drawer, { open, onOpenChange: (o) => o ? setOpen(true) : close(), children: [
-    /* @__PURE__ */ jsxs(Drawer.Content, { children: [
-      /* @__PURE__ */ jsxs(Drawer.Header, { children: [
-        /* @__PURE__ */ jsx(Drawer.Title, { children: "Sync settings" }),
-        /* @__PURE__ */ jsx(Drawer.Description, { children: "Publish readiness and the defaults applied to every product pushed to Faire." })
-      ] }),
-      /* @__PURE__ */ jsx(Drawer.Body, { className: "flex flex-col gap-6 overflow-y-auto", children: statusQuery.isLoading ? /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" }, i)) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Publish readiness" }),
-            /* @__PURE__ */ jsx(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__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsx(ChecklistItem, { ok: status == null ? void 0 : status.readiness.connected, label: "Faire connected" }),
-            /* @__PURE__ */ jsx(ChecklistItem, { ok: status == null ? void 0 : status.readiness.brand, label: "Brand configured" }),
-            /* @__PURE__ */ jsx(ChecklistItem, { ok: status == null ? void 0 : status.readiness.wholesale_pricing, label: "Wholesale pricing" }),
-            /* @__PURE__ */ jsx(ChecklistItem, { ok: status == null ? void 0 : status.readiness.taxonomy, label: "Default category" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Sync defaults" }),
-            /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: "Applied to every product unless overridden in product metadata." })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
-            /* @__PURE__ */ jsx(Field, { label: "Brand ID", children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                value: String(form.default_brand_id ?? ""),
-                onChange: (e) => setForm({ ...form, default_brand_id: e.target.value || null }),
-                disabled: !connected,
-                placeholder: "b_..."
-              }
-            ) }),
-            /* @__PURE__ */ jsx(Field, { label: "Wholesale markup % (off retail)", children: /* @__PURE__ */ jsx(Tooltip, { content: "Wholesale price = retail × (100 − markup%) / 100. E.g. 50 → half of retail.", children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                type: "number",
-                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__ */ jsx(Field, { label: "Default min order quantity", children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                type: "number",
-                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__ */ jsx(Field, { label: "Default lead time (days)", children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                type: "number",
-                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__ */ jsx(Field, { label: "Fallback category (taxonomy)", children: /* @__PURE__ */ jsx(Tooltip, { content: "Faire requires a category per product. Resolution order: product metadata → the product's Type (matched by name) → this fallback. Set the product Type or pick a category on the product page for accuracy.", children: /* @__PURE__ */ jsx(
-              SelectField,
-              {
-                value: String(form.default_category ?? ""),
-                onValueChange: (v) => setForm({ ...form, default_category: v || null }),
-                disabled: !connected,
-                options: taxonomy.map((t) => ({ value: t.id, label: t.name }))
-              }
-            ) }) }),
-            /* @__PURE__ */ jsx(Field, { label: "Follow product status", children: /* @__PURE__ */ jsx(Tooltip, { content: "If on, published Medusa products are published on Faire; draft products sync as drafts.", children: /* @__PURE__ */ jsx(
-              Switch,
-              {
-                checked: form.follow_product_status !== false,
-                onCheckedChange: (v) => setForm({ ...form, follow_product_status: v })
-              }
-            ) }) }),
-            /* @__PURE__ */ jsx(Field, { label: "Auto publish", children: /* @__PURE__ */ jsx(Tooltip, { content: "Publish products to Faire automatically on sync (otherwise create as draft).", children: /* @__PURE__ */ jsx(
-              Switch,
-              {
-                checked: !!form.auto_publish,
-                onCheckedChange: (v) => setForm({ ...form, auto_publish: v })
-              }
-            ) }) })
-          ] })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsxs(Drawer.Footer, { children: [
-        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: close, children: "Cancel" }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            onClick: () => saveMutation.mutate(cleanSettings(form)),
-            isLoading: saveMutation.isPending,
-            disabled: !connected,
-            children: "Save settings"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(Toaster, {})
-  ] });
-};
-const Field = ({ label, children }) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-  /* @__PURE__ */ jsx(Label, { children: label }),
-  children
-] });
-const SelectField = ({
-  value,
-  onValueChange,
-  options,
-  disabled
-}) => /* @__PURE__ */ jsxs(
-  Select,
-  {
-    value: value ? value : NONE,
-    onValueChange: (v) => onValueChange(v === NONE ? "" : v),
-    disabled,
-    size: "small",
-    children: [
-      /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Not set" }) }),
-      /* @__PURE__ */ jsxs(Select.Content, { children: [
-        /* @__PURE__ */ jsx(Select.Item, { value: NONE, children: "Not set" }),
-        options.map((o) => /* @__PURE__ */ jsx(Select.Item, { value: o.value, children: o.label }, o.value))
-      ] })
-    ]
-  }
-);
-const ChecklistItem = ({ ok, label }) => /* @__PURE__ */ jsxs(
-  "div",
-  {
-    className: 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__ */ jsx(StatusBadge, { color: ok ? "green" : "red", children: ok ? "Ready" : "Missing" }),
-      /* @__PURE__ */ jsx(Text, { children: label })
-    ]
-  }
-);
 const handle$1 = {
-  breadcrumb: () => "Sync settings"
+  breadcrumb: () => "Bulk sync"
 };
 const PARENT = "/settings/faire";
 const STATUS_COLORS = {
@@ -1316,13 +1329,13 @@ const routeModule = {
       handle: handle$3,
       children: [
         {
-          Component: FaireBulkPage,
-          path: "/settings/faire/bulk",
+          Component: FaireSyncSettingsDrawer,
+          path: "/settings/faire/settings",
           handle: handle$2
         },
         {
-          Component: FaireSyncSettingsDrawer,
-          path: "/settings/faire/settings",
+          Component: FaireBulkPage,
+          path: "/settings/faire/bulk",
           handle: handle$1
         }
       ]