@jytextiles/medusa-plugin-faire-store-sync 0.2.12 → 0.2.14

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

@@ -62,6 +62,7 @@ const faireApi = {
   },
   getSync: (id) => sdk.client.fetch(`/admin/faire/syncs/${id}`),
   retrySync: (id) => sdk.client.fetch(`/admin/faire/syncs/${id}`, { method: "POST" }),
+  deleteSync: (id) => sdk.client.fetch(`/admin/faire/syncs/${id}`, { method: "DELETE" }),
   brand: () => sdk.client.fetch("/admin/faire/brand"),
   taxonomy: (opts = {}) => {
     var _a;
@@ -619,213 +620,6 @@ const config = adminSdk.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 = reactRouterDom.useNavigate();
-  const queryClient = reactQuery.useQueryClient();
-  const [open, setOpen] = react.useState(true);
-  const [form, setForm] = react.useState({});
-  const close = () => {
-    setOpen(false);
-    navigate(PARENT$1);
-  };
-  const statusQuery = reactQuery.useQuery({
-    queryKey: STATUS_KEY,
-    queryFn: () => faireApi.status()
-  });
-  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]);
-  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.taxonomy, label: "Default category" })
-          ] })
-        ] }),
-        /* @__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(
-              ui.Input,
-              {
-                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(
-              ui.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__ */ jsxRuntime.jsx(Field, { label: "Default min order quantity", children: /* @__PURE__ */ jsxRuntime.jsx(
-              ui.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__ */ jsxRuntime.jsx(Field, { label: "Default lead time (days)", children: /* @__PURE__ */ jsxRuntime.jsx(
-              ui.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__ */ jsxRuntime.jsx(Field, { label: "Fallback category (taxonomy)", children: /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.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__ */ 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 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",
-  {
-    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$2 = {
-  breadcrumb: () => "Sync settings"
-};
 const Root = ({ prev = "..", children }) => {
   const navigate = reactRouterDom.useNavigate();
   const [open, setOpen] = react.useState(false);
@@ -1135,9 +929,216 @@ const FaireBulkPage = () => {
     /* @__PURE__ */ jsxRuntime.jsx(ui.Toaster, {})
   ] });
 };
-const handle$1 = {
+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 = reactRouterDom.useNavigate();
+  const queryClient = reactQuery.useQueryClient();
+  const [open, setOpen] = react.useState(true);
+  const [form, setForm] = react.useState({});
+  const close = () => {
+    setOpen(false);
+    navigate(PARENT$1);
+  };
+  const statusQuery = reactQuery.useQuery({
+    queryKey: STATUS_KEY,
+    queryFn: () => faireApi.status()
+  });
+  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]);
+  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.taxonomy, label: "Default category" })
+          ] })
+        ] }),
+        /* @__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(
+              ui.Input,
+              {
+                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(
+              ui.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__ */ jsxRuntime.jsx(Field, { label: "Default min order quantity", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.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__ */ jsxRuntime.jsx(Field, { label: "Default lead time (days)", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.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__ */ jsxRuntime.jsx(Field, { label: "Fallback category (taxonomy)", children: /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.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__ */ 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 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",
+  {
+    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$1 = {
+  breadcrumb: () => "Sync settings"
+};
 const PARENT = "/settings/faire";
 const STATUS_COLORS = {
   success: "green",
@@ -1149,9 +1150,11 @@ const STATUS_COLORS = {
 const FaireSyncDetailPage = () => {
   const { id } = reactRouterDom.useParams();
   const navigate = reactRouterDom.useNavigate();
+  const prompt = ui.usePrompt();
   const [record, setRecord] = react.useState(null);
   const [loading, setLoading] = react.useState(true);
   const [retrying, setRetrying] = react.useState(false);
+  const [deleting, setDeleting] = react.useState(false);
   const [error, setError] = react.useState(null);
   react.useEffect(() => {
     if (!id) return;
@@ -1174,6 +1177,28 @@ const FaireSyncDetailPage = () => {
       setRetrying(false);
     }
   };
+  const handleDelete = async () => {
+    if (!record) return;
+    const confirmed = await prompt({
+      title: "Remove from Faire?",
+      description: "Faire has no hard-delete API, so this unpublishes the product (sets it back to draft, hidden from buyers) and unlinks it from the product. Re-sync to publish it again, or delete it permanently from the Faire brand portal.",
+      confirmText: "Remove",
+      cancelText: "Cancel"
+    });
+    if (!confirmed) return;
+    setDeleting(true);
+    setError(null);
+    try {
+      await faireApi.deleteSync(record.id);
+      const updated = await faireApi.getSync(record.id).catch(() => null);
+      if (updated) setRecord(updated.sync || updated);
+      navigate(PARENT);
+    } catch (err) {
+      setError(err.message || "Remove failed");
+    } finally {
+      setDeleting(false);
+    }
+  };
   const warnings = (record == null ? void 0 : record.error_message) ? record.error_message.split(" | ") : [];
   return /* @__PURE__ */ jsxRuntime.jsxs(RouteFocusModal, { prev: PARENT, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(RouteFocusModal.Header, { children: [
@@ -1182,7 +1207,7 @@ const FaireSyncDetailPage = () => {
         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.jsx(ui.DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", disabled: retrying || deleting, children: /* @__PURE__ */ jsxRuntime.jsx(icons.EllipsisHorizontal, {}) }) }),
         /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu.Content, { align: "end", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
             ui.DropdownMenu.Item,
@@ -1206,6 +1231,19 @@ const FaireSyncDetailPage = () => {
                 "Open on Faire"
               ]
             }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenu.Separator, {}),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            ui.DropdownMenu.Item,
+            {
+              className: "gap-x-2 text-ui-fg-error",
+              onClick: handleDelete,
+              disabled: deleting,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, { className: "text-ui-fg-error" }),
+                deleting ? "Removing…" : "Remove from Faire"
+              ]
+            }
           )
         ] })
       ] }) })
@@ -1332,13 +1370,13 @@ const routeModule = {
       handle: handle$3,
       children: [
         {
-          Component: FaireSyncSettingsDrawer,
-          path: "/settings/faire/settings",
+          Component: FaireBulkPage,
+          path: "/settings/faire/bulk",
           handle: handle$2
         },
         {
-          Component: FaireBulkPage,
-          path: "/settings/faire/bulk",
+          Component: FaireSyncSettingsDrawer,
+          path: "/settings/faire/settings",
           handle: handle$1
         }
       ]