medusa-plugin-veeqo 0.1.3

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

@@ -0,0 +1,686 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const ui = require("@medusajs/ui");
+const adminSdk = require("@medusajs/admin-sdk");
+const reactQuery = require("@tanstack/react-query");
+const Medusa = require("@medusajs/js-sdk");
+const reactRouterDom = require("react-router-dom");
+const react = require("react");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const Medusa__default = /* @__PURE__ */ _interopDefault(Medusa);
+const sdk = new Medusa__default.default({
+  baseUrl: "/",
+  debug: false,
+  auth: {
+    type: "session"
+  }
+});
+adminSdk.defineWidgetConfig({
+  zone: "customer.details.side.after"
+});
+const CustomerVeeqoWidget = ({ data: customer }) => {
+  var _a, _b;
+  const queryClient = reactQuery.useQueryClient();
+  const { data, isLoading } = reactQuery.useQuery({
+    queryFn: () => sdk.client.fetch(`/admin/customers/${customer.id}`, {
+      query: {
+        fields: "veeqo_customer.veeqo_customer_id"
+      }
+    }),
+    queryKey: ["customer", customer.id]
+  });
+  const syncMutation = reactQuery.useMutation({
+    mutationFn: () => sdk.client.fetch(`/admin/veeqo/customers/${customer.id}/sync`, { method: "POST" }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["customer", customer.id] });
+      ui.toast.success("Customer synced successfully");
+    }
+  });
+  const veeqoCustomerId = ((_b = (_a = data == null ? void 0 : data.customer) == null ? void 0 : _a.veeqo_customer) == null ? void 0 : _b.veeqo_customer_id) || "NOT SYNCED";
+  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.jsx(ui.Heading, { level: "h2", children: "Veeqo Customer" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          size: "small",
+          variant: "secondary",
+          onClick: () => syncMutation.mutate(),
+          disabled: syncMutation.isPending,
+          children: syncMutation.isPending ? "Syncing..." : "Sync"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: isLoading ? "Loading..." : "ID: " + veeqoCustomerId }) })
+  ] });
+};
+adminSdk.defineWidgetConfig({
+  zone: "order.details.side.after"
+});
+const OrderVeeqoWidget = ({ data: order }) => {
+  var _a, _b;
+  const queryClient = reactQuery.useQueryClient();
+  const { data, isLoading } = reactQuery.useQuery({
+    queryFn: () => sdk.client.fetch(`/admin/orders/${order.id}`, {
+      query: {
+        fields: "veeqo_order.veeqo_order_id"
+      }
+    }),
+    queryKey: ["order", order.id]
+  });
+  const syncMutation = reactQuery.useMutation({
+    mutationFn: () => sdk.client.fetch(`/admin/veeqo/orders/${order.id}/sync`, { method: "POST" }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["order", order.id] });
+      ui.toast.success("Order synced successfully");
+    }
+  });
+  const veeqoOrderId = ((_b = (_a = data == null ? void 0 : data.order) == null ? void 0 : _a.veeqo_order) == null ? void 0 : _b.veeqo_order_id) || "NOT SYNCED";
+  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.jsx(ui.Heading, { level: "h2", children: "Veeqo Order" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          size: "small",
+          variant: "secondary",
+          onClick: () => syncMutation.mutate(),
+          disabled: syncMutation.isPending,
+          children: syncMutation.isPending ? "Syncing..." : "Sync"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: isLoading ? "Loading..." : /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: `https://app.veeqo.com/orders/${veeqoOrderId}`, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", children: [
+      "ID: ",
+      veeqoOrderId
+    ] }) }) })
+  ] });
+};
+adminSdk.defineWidgetConfig({
+  zone: "product_variant.details.side.after"
+});
+const ProductVariantVeeqoWidget = ({ data: variant }) => {
+  var _a, _b;
+  const queryClient = reactQuery.useQueryClient();
+  const { data, isLoading } = reactQuery.useQuery({
+    queryFn: () => sdk.client.fetch(`/admin/products/${variant.product_id}/variants/${variant.id}`, {
+      query: {
+        fields: "veeqo_sellable.*"
+      }
+    }),
+    queryKey: ["product-variant", variant.id]
+  });
+  const syncMutation = reactQuery.useMutation({
+    mutationFn: () => sdk.client.fetch(`/admin/veeqo/products/${variant.product_id}/sync`, { method: "POST" }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["product-variant", variant.id] });
+      ui.toast.success("Product synced successfully");
+    }
+  });
+  const veeqoSellableId = ((_b = (_a = data == null ? void 0 : data.variant) == null ? void 0 : _a.veeqo_sellable) == null ? void 0 : _b.veeqo_sellable_id) || "NOT SYNCED";
+  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.jsx(ui.Heading, { level: "h2", children: "Veeqo Sellable" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          size: "small",
+          variant: "secondary",
+          onClick: () => syncMutation.mutate(),
+          disabled: syncMutation.isPending,
+          children: syncMutation.isPending ? "Syncing..." : "Sync"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: `https://app.veeqo.com/inventory/variants/${veeqoSellableId}`, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: isLoading ? "Loading..." : "ID: " + veeqoSellableId }) }) })
+  ] });
+};
+adminSdk.defineWidgetConfig({
+  zone: "product.details.side.after"
+});
+const ProductVeeqoWidget = ({ data: product }) => {
+  var _a, _b, _c, _d;
+  const queryClient = reactQuery.useQueryClient();
+  const { data, isLoading } = reactQuery.useQuery({
+    queryFn: () => sdk.client.fetch(`/admin/products/${product.id}`, {
+      query: {
+        fields: "veeqo_product.veeqo_product_id,variants.id,variants.veeqo_sellable.veeqo_sellable_id"
+      }
+    }),
+    queryKey: ["product", product.id]
+  });
+  const syncMutation = reactQuery.useMutation({
+    mutationFn: () => sdk.client.fetch(`/admin/veeqo/products/${product.id}/sync`, { method: "POST" }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["product", product.id] });
+      ui.toast.success("Product synced successfully");
+    }
+  });
+  const veeqoProductId = ((_b = (_a = data == null ? void 0 : data.product) == null ? void 0 : _a.veeqo_product) == null ? void 0 : _b.veeqo_product_id) || "NOT SYNCED";
+  const defaultVariantId = ((_c = data == null ? void 0 : data.product) == null ? void 0 : _c.variants) && data.product.variants.length === 1 ? (_d = data.product.variants[0].veeqo_sellable) == null ? void 0 : _d.veeqo_sellable_id : null;
+  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.jsx(ui.Heading, { level: "h2", children: "Veeqo Product" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          size: "small",
+          variant: "secondary",
+          onClick: () => syncMutation.mutate(),
+          disabled: syncMutation.isPending,
+          children: syncMutation.isPending ? "Syncing..." : "Sync"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      defaultVariantId && /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: `https://app.veeqo.com/inventory/variants/${defaultVariantId}`, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: isLoading ? "Loading..." : "ID: " + veeqoProductId }) }),
+      !defaultVariantId && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: isLoading ? "Loading..." : "ID: " + veeqoProductId })
+    ] })
+  ] });
+};
+adminSdk.defineWidgetConfig({
+  zone: "sales_channel.details.after"
+});
+const SalesChannelVeeqoWidget = ({ data: sales_channel }) => {
+  var _a, _b;
+  const queryClient = reactQuery.useQueryClient();
+  const { data, isLoading } = reactQuery.useQuery({
+    queryFn: () => sdk.client.fetch(`/admin/sales-channels/${sales_channel.id}`, {
+      query: {
+        fields: "veeqo_channel.veeqo_channel_id"
+      }
+    }),
+    queryKey: ["sales-channel", sales_channel.id]
+  });
+  const syncMutation = reactQuery.useMutation({
+    mutationFn: () => sdk.client.fetch(`/admin/veeqo/sales-channels/${sales_channel.id}/sync`, {
+      method: "POST"
+    }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["sales-channel", sales_channel.id] });
+      ui.toast.success("Sales channel synced successfully");
+    }
+  });
+  const veeqoSalesChannelId = ((_b = (_a = data == null ? void 0 : data.sales_channel) == null ? void 0 : _a.veeqo_channel) == null ? void 0 : _b.veeqo_channel_id) || "NOT SYNCED";
+  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.jsx(ui.Heading, { level: "h2", children: "Veeqo Sales Channel" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          size: "small",
+          variant: "secondary",
+          onClick: () => syncMutation.mutate(),
+          disabled: syncMutation.isPending,
+          children: syncMutation.isPending ? "Syncing..." : "Sync"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: isLoading ? "Loading..." : /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", children: [
+      "ID: ",
+      veeqoSalesChannelId
+    ] }) })
+  ] });
+};
+adminSdk.defineWidgetConfig({
+  zone: "location.details.side.after"
+});
+const StockLocationVeeqoWidget = ({
+  data: stock_location
+}) => {
+  var _a, _b;
+  const queryClient = reactQuery.useQueryClient();
+  const { data, isLoading } = reactQuery.useQuery({
+    queryFn: () => sdk.client.fetch(`/admin/stock-locations/${stock_location.id}`, {
+      query: {
+        fields: "veeqo_warehouse.veeqo_warehouse_id"
+      }
+    }),
+    queryKey: ["stock-location", stock_location.id]
+  });
+  const syncMutation = reactQuery.useMutation({
+    mutationFn: () => sdk.client.fetch(`/admin/veeqo/stock-locations/${stock_location.id}/sync`, {
+      method: "POST"
+    }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["stock-location", stock_location.id] });
+      ui.toast.success("Stock location synced successfully");
+    }
+  });
+  const veeqoStockLocationId = ((_b = (_a = data == null ? void 0 : data.stock_location) == null ? void 0 : _a.veeqo_warehouse) == null ? void 0 : _b.veeqo_warehouse_id) || "NOT SYNCED";
+  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.jsx(ui.Heading, { level: "h2", children: "Veeqo Stock Location" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          size: "small",
+          variant: "secondary",
+          onClick: () => syncMutation.mutate(),
+          disabled: syncMutation.isPending,
+          children: syncMutation.isPending ? "Syncing..." : "Sync"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: isLoading ? "Loading..." : /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", children: [
+      "ID: ",
+      veeqoStockLocationId
+    ] }) })
+  ] });
+};
+const useVeeqoSalesChannels = (params) => reactQuery.useQuery({
+  queryFn: () => sdk.client.fetch("/admin/sales-channels", {
+    query: { fields: "id,name,description,veeqo_channel.veeqo_channel_id", ...params }
+  }),
+  queryKey: ["sales_channels", params.limit, params.offset]
+});
+const useSyncVeeqoSalesChannels = () => {
+  const queryClient = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: (ids) => sdk.client.fetch("/admin/veeqo/sales-channels/sync", {
+      method: "POST",
+      body: { sales_channel_ids: ids }
+    }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["sales_channels"] });
+    }
+  });
+};
+const useVeeqoStockLocations = (params) => reactQuery.useQuery({
+  queryFn: () => sdk.client.fetch("/admin/stock-locations", {
+    query: {
+      fields: "id,name,address.city,address.country_code,veeqo_warehouse.veeqo_warehouse_id",
+      ...params
+    }
+  }),
+  queryKey: ["stock_locations", params.limit, params.offset]
+});
+const useSyncVeeqoStockLocations = () => {
+  const queryClient = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: (ids) => sdk.client.fetch("/admin/veeqo/stock-locations/sync", {
+      method: "POST",
+      body: { stock_location_ids: ids }
+    }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["stock_locations"] });
+    }
+  });
+};
+const useVeeqoShippingOptions = (params) => reactQuery.useQuery({
+  queryFn: () => sdk.client.fetch("/admin/shipping-options", {
+    query: {
+      fields: "id,name,type,veeqo_delivery_method.veeqo_delivery_method_id",
+      ...params
+    }
+  }),
+  queryKey: ["shipping-options", params.limit, params.offset]
+});
+const useSyncVeeqoShippingOptions = () => {
+  const queryClient = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: (ids) => sdk.client.fetch("/admin/veeqo/shipping-options/sync", {
+      method: "POST",
+      body: { shipping_option_ids: ids }
+    }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["shipping-options"] });
+    }
+  });
+};
+const useVeeqoProducts = (params) => reactQuery.useQuery({
+  queryFn: () => sdk.client.fetch("/admin/products", {
+    query: { fields: "id,title,status,veeqo_product.veeqo_product_id", ...params }
+  }),
+  queryKey: ["products", params.limit, params.offset]
+});
+const useVeeqoProductVariants = (params) => reactQuery.useQuery({
+  queryFn: () => sdk.client.fetch("/admin/product-variants", {
+    query: {
+      fields: "id,title,sku,product_id,product.title,veeqo_sellable.veeqo_sellable_id",
+      ...params
+    }
+  }),
+  queryKey: ["product-variants", params.limit, params.offset]
+});
+const useSyncVeeqoProducts = () => {
+  const queryClient = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: (ids) => sdk.client.fetch("/admin/veeqo/products/sync", {
+      method: "POST",
+      body: { product_ids: ids }
+    }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["products"] });
+      queryClient.invalidateQueries({ queryKey: ["veeqo-products"] });
+      queryClient.invalidateQueries({ queryKey: ["product-variants"] });
+    }
+  });
+};
+const config = adminSdk.defineRouteConfig({ label: "Veeqo Setup", rank: 50 });
+const handle = { breadcrumb: () => "Veeqo Setup" };
+const STEPS = ["Stock Locations", "Shipping Options", "Sales Channels", "Products", "Product Variants"];
+const StepIndicator = ({ currentStep }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col md:flex-row md:items-center gap-3 md:gap-4 mb-8", children: STEPS.map((label, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col md:flex-row md:items-center gap-2", children: [
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-7 h-7 rounded-full flex items-center justify-center text-xs font-medium ${index < currentStep ? "bg-ui-bg-interactive text-white" : index === currentStep ? "bg-ui-bg-interactive text-white ring-2 ring-ui-border-interactive ring-offset-2" : "bg-ui-bg-subtle text-ui-fg-subtle"}`, children: index < currentStep ? "✓" : index + 1 }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: index === currentStep ? "plus" : "regular", className: index === currentStep ? "text-ui-fg-base" : "text-ui-fg-subtle", children: label })
+  ] }),
+  index < STEPS.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-3 h-6 w-px bg-ui-border-base md:ml-2 md:h-px md:w-8" })
+] }, label)) });
+const salesChannelColumnHelper = ui.createDataTableColumnHelper();
+const salesChannelColumns = [
+  salesChannelColumnHelper.accessor("name", { header: "Name" }),
+  salesChannelColumnHelper.accessor((row) => row.description ?? "-", { id: "description", header: "Description" })
+];
+const SalesChannelsStep = ({ onNext, onBack }) => {
+  const limit = 15;
+  const [pagination, setPagination] = react.useState({ pageSize: limit, pageIndex: 0 });
+  const offset = react.useMemo(() => pagination.pageIndex * limit, [pagination]);
+  const { data, isLoading } = useVeeqoSalesChannels({ limit, offset });
+  const { mutate: syncSalesChannels, isPending } = useSyncVeeqoSalesChannels();
+  const missingSalesChannels = react.useMemo(() => (data == null ? void 0 : data.sales_channels.filter((sc) => {
+    var _a;
+    return !((_a = sc.veeqo_channel) == null ? void 0 : _a.veeqo_channel_id);
+  })) ?? [], [data]);
+  const missingCount = missingSalesChannels.length;
+  const table = ui.useDataTable({
+    columns: salesChannelColumns,
+    data: missingSalesChannels,
+    getRowId: (row) => row.id,
+    rowCount: missingCount,
+    isLoading,
+    pagination: { state: pagination, onPaginationChange: setPagination }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Sync Sales Channels" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle mt-1", children: "The following Medusa sales channels are missing a linked Veeqo channel." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable, { instance: table, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable.Toolbar, { className: "grid grid-cols-1 md:grid-cols-2 gap-4 justify-between px-6 py-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { className: "whitespace-nowrap mr-2", color: missingCount > 0 ? "orange" : "green", size: "base", children: [
+          missingCount,
+          " missing"
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", onClick: () => syncSalesChannels(missingSalesChannels.map((sc) => sc.id), { onSuccess: () => ui.toast.success("Sales channels synced to Veeqo"), onError: () => ui.toast.error("Failed to sync sales channels") }), isLoading: isPending, disabled: missingCount === 0 || isPending, children: "Sync All to Veeqo" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Table, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Pagination, {})
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between mt-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: onBack, children: "← Back" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: onNext, disabled: missingCount > 0, children: "Next: Products →" })
+    ] })
+  ] });
+};
+const stockLocationColumnHelper = ui.createDataTableColumnHelper();
+const stockLocationColumns = [
+  stockLocationColumnHelper.accessor("name", { header: "Name" }),
+  stockLocationColumnHelper.accessor((row) => {
+    var _a;
+    return ((_a = row.address) == null ? void 0 : _a.city) ?? "-";
+  }, { id: "city", header: "City" }),
+  stockLocationColumnHelper.accessor((row) => {
+    var _a, _b;
+    return ((_b = (_a = row.address) == null ? void 0 : _a.country_code) == null ? void 0 : _b.toUpperCase()) ?? "-";
+  }, { id: "country_code", header: "Country" })
+];
+const StockLocationsStep = ({ onNext }) => {
+  const limit = 15;
+  const [pagination, setPagination] = react.useState({ pageSize: limit, pageIndex: 0 });
+  const offset = react.useMemo(() => pagination.pageIndex * limit, [pagination]);
+  const { data, isLoading } = useVeeqoStockLocations({ limit, offset });
+  const { mutate: syncStockLocations, isPending } = useSyncVeeqoStockLocations();
+  const missingStockLocations = react.useMemo(() => (data == null ? void 0 : data.stock_locations.filter((sl) => {
+    var _a;
+    return !((_a = sl.veeqo_warehouse) == null ? void 0 : _a.veeqo_warehouse_id);
+  })) ?? [], [data]);
+  const missingCount = missingStockLocations.length;
+  const table = ui.useDataTable({
+    columns: stockLocationColumns,
+    data: missingStockLocations,
+    getRowId: (row) => row.id,
+    rowCount: missingCount,
+    isLoading,
+    pagination: { state: pagination, onPaginationChange: setPagination }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Sync Stock Locations" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle mt-1", children: "The following Medusa stock locations are missing a linked Veeqo warehouse." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable, { instance: table, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable.Toolbar, { className: "grid grid-cols-1 md:grid-cols-2 gap-4 justify-between px-6 py-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { className: "whitespace-nowrap mr-2", color: missingCount > 0 ? "orange" : "green", size: "base", children: [
+          missingCount,
+          " missing"
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", onClick: () => syncStockLocations(missingStockLocations.map((sl) => sl.id), { onSuccess: () => ui.toast.success("Stock locations synced to Veeqo"), onError: () => ui.toast.error("Failed to sync stock locations") }), isLoading: isPending, disabled: missingCount === 0 || isPending, children: "Sync All to Veeqo" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Table, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Pagination, {})
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: onNext, disabled: missingCount > 0, children: "Next: Shipping Options →" }) })
+  ] });
+};
+const shippingOptionColumnHelper = ui.createDataTableColumnHelper();
+const shippingOptionColumns = [
+  shippingOptionColumnHelper.accessor("name", { header: "Name" }),
+  shippingOptionColumnHelper.accessor((row) => {
+    var _a;
+    return ((_a = row.type) == null ? void 0 : _a.code) ?? "-";
+  }, { id: "code", header: "Code" })
+];
+const ShippingOptionsStep = ({ onNext, onBack }) => {
+  const limit = 15;
+  const [pagination, setPagination] = react.useState({ pageSize: limit, pageIndex: 0 });
+  const offset = react.useMemo(() => pagination.pageIndex * limit, [pagination]);
+  const { data, isLoading } = useVeeqoShippingOptions({ limit, offset });
+  const { mutate: syncShippingOptions, isPending } = useSyncVeeqoShippingOptions();
+  const missingShippingOptions = react.useMemo(() => (data == null ? void 0 : data.shipping_options.filter((so) => {
+    var _a;
+    return !((_a = so.veeqo_delivery_method) == null ? void 0 : _a.veeqo_delivery_method_id);
+  })) ?? [], [data]);
+  const missingCount = missingShippingOptions.length;
+  const table = ui.useDataTable({
+    columns: shippingOptionColumns,
+    data: missingShippingOptions,
+    getRowId: (row) => row.id,
+    rowCount: missingCount,
+    isLoading,
+    pagination: { state: pagination, onPaginationChange: setPagination }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Sync Shipping Options" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle mt-1", children: "The following Medusa shipping options are missing a linked Veeqo delivery method." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable, { instance: table, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable.Toolbar, { className: "grid grid-cols-1 md:grid-cols-2 gap-4 justify-between px-6 py-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { className: "whitespace-nowrap mr-2", color: missingCount > 0 ? "orange" : "green", size: "base", children: [
+          missingCount,
+          " missing"
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", onClick: () => syncShippingOptions(missingShippingOptions.map((s) => s.id), { onSuccess: () => ui.toast.success("Shipping options synced to Veeqo"), onError: () => ui.toast.error("Failed to sync shipping options") }), isLoading: isPending, disabled: missingCount === 0 || isPending, children: "Sync All to Veeqo" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Table, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Pagination, {})
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between mt-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: onBack, children: "← Back" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: onNext, disabled: missingCount > 0, children: "Next: Sales Channels →" })
+    ] })
+  ] });
+};
+const productColumnHelper = ui.createDataTableColumnHelper();
+const productColumns = [
+  productColumnHelper.accessor("title", { header: "Title" }),
+  productColumnHelper.accessor("status", {
+    header: "Status",
+    cell: ({ getValue }) => /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { className: "whitespace-nowrap mr-2", color: getValue() === "published" ? "green" : "grey", size: "xsmall", children: getValue() })
+  })
+];
+const ProductsStep = ({ onNext, onBack }) => {
+  const limit = 15;
+  const [pagination, setPagination] = react.useState({ pageSize: limit, pageIndex: 0 });
+  const offset = react.useMemo(() => pagination.pageIndex * limit, [pagination]);
+  const { data, isLoading } = useVeeqoProducts({ limit, offset });
+  const { mutate: syncProducts, isPending } = useSyncVeeqoProducts();
+  const missingProducts = react.useMemo(() => (data == null ? void 0 : data.products.filter((p) => {
+    var _a;
+    return !((_a = p.veeqo_product) == null ? void 0 : _a.veeqo_product_id);
+  })) ?? [], [data]);
+  const missingCount = missingProducts.length;
+  const table = ui.useDataTable({
+    columns: productColumns,
+    data: missingProducts,
+    getRowId: (row) => row.id,
+    rowCount: missingCount,
+    isLoading,
+    pagination: { state: pagination, onPaginationChange: setPagination }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Sync Products" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle mt-1", children: "The following Medusa products are missing a linked Veeqo product." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable, { instance: table, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable.Toolbar, { className: "grid grid-cols-1 md:grid-cols-2 justify-between gap-4 px-6 py-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { className: "whitespace-nowrap mr-2", color: missingCount > 0 ? "orange" : "green", size: "base", children: [
+          missingCount,
+          " missing"
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", onClick: () => syncProducts(missingProducts.map((p) => p.id), { onSuccess: () => ui.toast.success("Products synced to Veeqo"), onError: () => ui.toast.error("Failed to sync products") }), isLoading: isPending, disabled: missingCount === 0 || isPending, children: "Sync All to Veeqo" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Table, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Pagination, {})
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between mt-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: onBack, children: "← Back" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: onNext, disabled: missingCount > 0, children: "Next: Product Variants →" })
+    ] })
+  ] });
+};
+const variantColumnHelper = ui.createDataTableColumnHelper();
+const variantColumns = [
+  variantColumnHelper.accessor("title", { header: "Variant" }),
+  variantColumnHelper.accessor((row) => {
+    var _a;
+    return ((_a = row.product) == null ? void 0 : _a.title) ?? "-";
+  }, { id: "product_title", header: "Product" }),
+  variantColumnHelper.accessor("sku", { header: "SKU" })
+];
+const ProductVariantsStep = ({ onBack }) => {
+  const limit = 15;
+  const [pagination, setPagination] = react.useState({ pageSize: limit, pageIndex: 0 });
+  const offset = react.useMemo(() => pagination.pageIndex * limit, [pagination]);
+  const { data, isLoading } = useVeeqoProductVariants({ limit, offset });
+  const { mutate: syncProducts, isPending } = useSyncVeeqoProducts();
+  const missingVariants = react.useMemo(() => (data == null ? void 0 : data.variants.filter((v) => {
+    var _a;
+    return !((_a = v.veeqo_sellable) == null ? void 0 : _a.veeqo_sellable_id);
+  })) ?? [], [data]);
+  const productIdsToSync = react.useMemo(() => [...new Set(missingVariants.map((v) => v.product_id).filter(Boolean))], [missingVariants]);
+  const missingCount = missingVariants.length;
+  const table = ui.useDataTable({
+    columns: variantColumns,
+    data: missingVariants,
+    getRowId: (row) => row.id,
+    rowCount: missingCount,
+    isLoading,
+    pagination: { state: pagination, onPaginationChange: setPagination }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Sync Product Variants" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle mt-1", children: "The following Medusa product variants are missing a linked Veeqo sellable." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable, { instance: table, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable.Toolbar, { className: "grid grid-cols-1 md:grid-cols-2 gap-4 justify-between md:px-6 py-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { className: "whitespace-nowrap mr-2", color: missingCount > 0 ? "orange" : "green", size: "base", children: [
+          missingCount,
+          " missing"
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", onClick: () => syncProducts(productIdsToSync, { onSuccess: () => ui.toast.success("Products with missing variants synced to Veeqo"), onError: () => ui.toast.error("Failed to sync products") }), isLoading: isPending, disabled: productIdsToSync.length === 0 || isPending, children: "Sync All to Veeqo" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Table, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Pagination, {})
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-start mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: onBack, children: "← Back" }) })
+  ] });
+};
+const VeeqoSettingsPage = () => {
+  const [currentStep, setCurrentStep] = react.useState(0);
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "py-8", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Veeqo Setup" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "large", className: "text-ui-fg-subtle mt-2 mb-6", children: "Before Medusa can send orders to Veeqo for shipping, data in your Medusa store needs to be fully synced with Veeqo." }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "large", className: "text-ui-fg-subtle mt-2 mb-6", children: "Follow the steps below to check for critical data that is missing in Veeqo and needs to be synced." }),
+    /* @__PURE__ */ jsxRuntime.jsx(StepIndicator, { currentStep }),
+    currentStep === 0 && /* @__PURE__ */ jsxRuntime.jsx(StockLocationsStep, { onNext: () => setCurrentStep(1) }),
+    currentStep === 1 && /* @__PURE__ */ jsxRuntime.jsx(ShippingOptionsStep, { onNext: () => setCurrentStep(2), onBack: () => setCurrentStep(0) }),
+    currentStep === 2 && /* @__PURE__ */ jsxRuntime.jsx(SalesChannelsStep, { onNext: () => setCurrentStep(3), onBack: () => setCurrentStep(1) }),
+    currentStep === 3 && /* @__PURE__ */ jsxRuntime.jsx(ProductsStep, { onNext: () => setCurrentStep(4), onBack: () => setCurrentStep(2) }),
+    currentStep === 4 && /* @__PURE__ */ jsxRuntime.jsx(ProductVariantsStep, { onBack: () => setCurrentStep(3) })
+  ] });
+};
+const widgetModule = { widgets: [
+  {
+    Component: CustomerVeeqoWidget,
+    zone: ["customer.details.side.after"]
+  },
+  {
+    Component: OrderVeeqoWidget,
+    zone: ["order.details.side.after"]
+  },
+  {
+    Component: ProductVariantVeeqoWidget,
+    zone: ["product_variant.details.side.after"]
+  },
+  {
+    Component: ProductVeeqoWidget,
+    zone: ["product.details.side.after"]
+  },
+  {
+    Component: SalesChannelVeeqoWidget,
+    zone: ["sales_channel.details.after"]
+  },
+  {
+    Component: StockLocationVeeqoWidget,
+    zone: ["location.details.side.after"]
+  }
+] };
+const routeModule = {
+  routes: [
+    {
+      Component: VeeqoSettingsPage,
+      path: "/settings/veeqo",
+      handle
+    }
+  ]
+};
+const menuItemModule = {
+  menuItems: [
+    {
+      label: config.label,
+      icon: void 0,
+      path: "/settings/veeqo",
+      nested: void 0,
+      rank: 50,
+      translationNs: void 0
+    }
+  ]
+};
+const formModule = { customFields: {} };
+const displayModule = {
+  displays: {}
+};
+const i18nModule = { resources: {} };
+const plugin = {
+  widgetModule,
+  routeModule,
+  menuItemModule,
+  formModule,
+  displayModule,
+  i18nModule
+};
+module.exports = plugin;