@mercurjs/admin 2.0.0-canary.100

package/dist/location-detail-5CGAZMBR.js

@@ -0,0 +1,100 @@
+import {
+  LOCATION_DETAILS_FIELD,
+  LocationDetailPage
+} from "./chunk-VRGXUUPH.js";
+import "./chunk-4F5GP7J7.js";
+import "./chunk-LXSBG6LK.js";
+import "./chunk-VW56KWO2.js";
+import "./chunk-HC25LNX7.js";
+import "./chunk-7AV5EJJ5.js";
+import "./chunk-U2EI2ZLM.js";
+import "./chunk-W6Y3PPU5.js";
+import "./chunk-JRTZWK77.js";
+import "./chunk-V5J73NPW.js";
+import "./chunk-3EF54XFY.js";
+import "./chunk-XIZLPYEE.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-YAMNPEPW.js";
+import "./chunk-R325CPYC.js";
+import "./chunk-J54BZXZX.js";
+import "./chunk-JI7HMGMO.js";
+import "./chunk-EWFOFSF7.js";
+import "./chunk-YQYGAFCS.js";
+import "./chunk-HLL6GLZO.js";
+import "./chunk-CARSKIPW.js";
+import "./chunk-25DQRKFS.js";
+import "./chunk-R4O667NT.js";
+import "./chunk-MO7TNIVQ.js";
+import "./chunk-A2F5MDPU.js";
+import "./chunk-L7DIEO5B.js";
+import "./chunk-EEOEIXDA.js";
+import "./chunk-OEDISQ2O.js";
+import "./chunk-GCEOEV6P.js";
+import "./chunk-PYF5EER5.js";
+import "./chunk-HPQG3PEA.js";
+import "./chunk-FIVW6L2I.js";
+import "./chunk-Q6GUA5VE.js";
+import "./chunk-QVLL4MKH.js";
+import "./chunk-I5LLMPI2.js";
+import {
+  stockLocationsQueryKeys,
+  useStockLocation
+} from "./chunk-VXW3BCN2.js";
+import "./chunk-VHCDSNXF.js";
+import "./chunk-EJY35WBK.js";
+import "./chunk-GYRTURN7.js";
+import "./chunk-QUTZUW55.js";
+import "./chunk-XFKRBJLK.js";
+import "./chunk-WBNGBRBK.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/locations/location-detail/breadcrumb.tsx
+import { jsx } from "react/jsx-runtime";
+var LocationDetailBreadcrumb = (props) => {
+  const { location_id } = props.params || {};
+  const { stock_location } = useStockLocation(
+    location_id,
+    {
+      fields: LOCATION_DETAILS_FIELD
+    },
+    {
+      initialData: props.data,
+      enabled: Boolean(location_id)
+    }
+  );
+  if (!stock_location) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("span", { children: stock_location.name });
+};
+
+// src/pages/locations/location-detail/loader.ts
+var locationQuery = (id) => ({
+  queryKey: stockLocationsQueryKeys.detail(id, {
+    fields: LOCATION_DETAILS_FIELD
+  }),
+  queryFn: async () => sdk.admin.stockLocations.$id.query({
+    $id: id,
+    fields: LOCATION_DETAILS_FIELD
+  })
+});
+var locationLoader = async ({ params }) => {
+  const id = params.location_id;
+  const query = locationQuery(id);
+  return queryClient.ensureQueryData(query);
+};
+export {
+  LocationDetailBreadcrumb as Breadcrumb,
+  LocationDetailPage as Component,
+  locationLoader as loader
+};

package/dist/location-edit-UI6AWCZS.js

@@ -0,0 +1,254 @@
+import {
+  CountrySelect
+} from "./chunk-V74Y5NIV.js";
+import "./chunk-JRTZWK77.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-V6LO4BXB.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useStockLocation,
+  useUpdateStockLocation
+} from "./chunk-VXW3BCN2.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/locations/location-edit/location-edit.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/locations/location-edit/components/edit-location-form/edit-location-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Input, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditLocationSchema = zod.object({
+  name: zod.string().min(1),
+  address: zod.object({
+    address_1: zod.string().min(1),
+    address_2: zod.string().optional(),
+    country_code: zod.string().min(2).max(2),
+    city: zod.string().optional(),
+    postal_code: zod.string().optional(),
+    province: zod.string().optional(),
+    company: zod.string().optional(),
+    phone: zod.string().optional()
+    // TODO: Add validation
+  })
+});
+var EditLocationForm = ({ location }) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      name: location.name,
+      address: {
+        address_1: location.address?.address_1 || "",
+        address_2: location.address?.address_2 || "",
+        city: location.address?.city || "",
+        company: location.address?.company || "",
+        country_code: location.address?.country_code || "",
+        phone: location.address?.phone || "",
+        postal_code: location.address?.postal_code || "",
+        province: location.address?.province || ""
+      }
+    },
+    resolver: zodResolver(EditLocationSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateStockLocation(location.id);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    const { name, address } = values;
+    await mutateAsync(
+      {
+        name,
+        address
+      },
+      {
+        onSuccess: () => {
+          toast.success(t("stockLocations.edit.successToast", { name }));
+          handleSuccess();
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, "data-testid": "location-edit-form", children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-8 overflow-y-auto", "data-testid": "location-edit-form-body", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "name",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "location-edit-form-name-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { "data-testid": "location-edit-form-name-label", children: t("fields.name") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "location-edit-form-name-control", children: /* @__PURE__ */ jsx(Input, { size: "small", ...field, "data-testid": "location-edit-form-name-input" }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "location-edit-form-name-error" })
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "address.address_1",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("fields.address") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { size: "small", ...field }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "address.address_2",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.address2") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { size: "small", ...field }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "address.postal_code",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.postalCode") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { size: "small", ...field }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "address.city",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.city") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { size: "small", ...field }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "address.country_code",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("fields.country") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...field }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "address.province",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.state") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { size: "small", ...field }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "address.company",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.company") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { size: "small", ...field }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "address.phone",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.phone") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { size: "small", ...field }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { "data-testid": "location-edit-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", "data-testid": "location-edit-form-cancel-button", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, "data-testid": "location-edit-form-save-button", children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/locations/location-edit/location-edit.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var LocationEdit = () => {
+  const { t } = useTranslation2();
+  const { location_id } = useParams();
+  const { stock_location, isPending, isError, error } = useStockLocation(
+    location_id,
+    {
+      fields: "*address"
+    }
+  );
+  const ready = !isPending && !!stock_location;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { "data-testid": "location-edit-drawer", children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { "data-testid": "location-edit-drawer-header", children: /* @__PURE__ */ jsx2(Heading, { className: "capitalize", "data-testid": "location-edit-drawer-heading", children: t("locations.editLocation") }) }),
+    ready && /* @__PURE__ */ jsx2(EditLocationForm, { location: stock_location })
+  ] });
+};
+export {
+  LocationEdit as Component
+};

package/dist/location-fulfillment-providers-BA2VMZHX.js

@@ -0,0 +1,293 @@
+import {
+  formatProvider
+} from "./chunk-VW56KWO2.js";
+import {
+  TextCell,
+  TextHeader
+} from "./chunk-JHIMVLB2.js";
+import "./chunk-PHOCVOZ5.js";
+import "./chunk-FQERBIVS.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-ULJ3OMWU.js";
+import "./chunk-YBZWO4ZV.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-3EF54XFY.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-YMKZS2HK.js";
+import "./chunk-2ZFELO2L.js";
+import {
+  useDateTableFilters
+} from "./chunk-26OOAKQ6.js";
+import "./chunk-ZQZHFMD7.js";
+import "./chunk-ZGEMSYN7.js";
+import "./chunk-7OSCNHHQ.js";
+import "./chunk-CMHI2RPL.js";
+import "./chunk-S2WEYEQR.js";
+import "./chunk-6S72GJRI.js";
+import "./chunk-KBYZLKI4.js";
+import "./chunk-YWWUOGJA.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-V6LO4BXB.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-YAMNPEPW.js";
+import "./chunk-R325CPYC.js";
+import "./chunk-J54BZXZX.js";
+import "./chunk-JI7HMGMO.js";
+import "./chunk-EWFOFSF7.js";
+import "./chunk-YQYGAFCS.js";
+import "./chunk-HLL6GLZO.js";
+import "./chunk-CARSKIPW.js";
+import "./chunk-25DQRKFS.js";
+import "./chunk-R4O667NT.js";
+import "./chunk-MO7TNIVQ.js";
+import "./chunk-A2F5MDPU.js";
+import "./chunk-L7DIEO5B.js";
+import "./chunk-EEOEIXDA.js";
+import "./chunk-OEDISQ2O.js";
+import "./chunk-GCEOEV6P.js";
+import "./chunk-PYF5EER5.js";
+import "./chunk-HPQG3PEA.js";
+import "./chunk-FIVW6L2I.js";
+import "./chunk-Q6GUA5VE.js";
+import "./chunk-QVLL4MKH.js";
+import "./chunk-I5LLMPI2.js";
+import {
+  useFulfillmentProviders,
+  useStockLocation,
+  useUpdateStockLocationFulfillmentProviders
+} from "./chunk-VXW3BCN2.js";
+import "./chunk-VHCDSNXF.js";
+import "./chunk-EJY35WBK.js";
+import "./chunk-GYRTURN7.js";
+import "./chunk-QUTZUW55.js";
+import "./chunk-XFKRBJLK.js";
+import "./chunk-WBNGBRBK.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/locations/location-fulfillment-providers/location-fulfillment-providers.tsx
+import { useParams } from "react-router-dom";
+
+// src/pages/locations/location-fulfillment-providers/components/edit-fulfillment-providers-form/edit-fulfillment-providers-form.tsx
+import { Button, Checkbox, toast } from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import {
+  createColumnHelper as createColumnHelper2
+} from "@tanstack/react-table";
+import { useMemo as useMemo2, useState } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import * as zod from "zod";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+
+// src/hooks/table/columns/use-fulfillment-provider-table-columns.tsx
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useFulfillmentProviderTableColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.accessor("id", {
+        header: () => /* @__PURE__ */ jsx(TextHeader, { text: "Provider" }),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: formatProvider(getValue()) })
+      })
+    ],
+    [t]
+  );
+};
+
+// src/hooks/table/query/use-fulfillment-providers-table-query.tsx
+var useFulfillmentProvidersTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "stock_location_id"],
+    prefix
+  );
+  const { offset, q, stock_location_id } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    stock_location_id,
+    q
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
+// src/pages/locations/location-fulfillment-providers/components/edit-fulfillment-providers-form/edit-fulfillment-providers-form.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var EditFulfillmentProvidersFormSchema = zod.object({
+  fulfillment_providers: zod.array(zod.string()).optional()
+});
+var PAGE_SIZE = 50;
+var LocationEditFulfillmentProvidersForm = ({
+  location
+}) => {
+  const { t } = useTranslation2();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      fulfillment_providers: location.fulfillment_providers?.map((fp) => fp.id) ?? []
+    },
+    resolver: zodResolver(EditFulfillmentProvidersFormSchema)
+  });
+  const { setValue } = form;
+  const initialState = location.fulfillment_providers?.reduce((acc, curr) => {
+    acc[curr.id] = true;
+    return acc;
+  }, {}) ?? {};
+  const [rowSelection, setRowSelection] = useState(initialState);
+  const handleRowSelectionChange = (updater) => {
+    const ids = typeof updater === "function" ? updater(rowSelection) : updater;
+    setValue("fulfillment_providers", Object.keys(ids), {
+      shouldDirty: true,
+      shouldTouch: true
+    });
+    setRowSelection(ids);
+  };
+  const { searchParams, raw } = useFulfillmentProvidersTableQuery({
+    pageSize: PAGE_SIZE
+  });
+  const { fulfillment_providers, count, isLoading, isError, error } = useFulfillmentProviders(
+    { ...searchParams, is_enabled: true },
+    { placeholderData: keepPreviousData }
+  );
+  const filters = useDateTableFilters();
+  const columns = useColumns();
+  const { table } = useDataTable({
+    data: fulfillment_providers ?? [],
+    columns,
+    count,
+    enablePagination: true,
+    enableRowSelection: true,
+    rowSelection: {
+      state: rowSelection,
+      updater: handleRowSelectionChange
+    },
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE
+  });
+  const { mutateAsync, isPending: isMutating } = useUpdateStockLocationFulfillmentProviders(location.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const originalIds = location.fulfillment_providers?.map((sc) => sc.id);
+    const arr = data.fulfillment_providers ?? [];
+    await mutateAsync(
+      {
+        add: arr.filter((i) => !originalIds?.includes(i)),
+        remove: originalIds?.filter((i) => !arr.includes(i))
+      },
+      {
+        onSuccess: ({ stock_location }) => {
+          toast.success(t("stockLocations.fulfillmentProviders.successToast"));
+          handleSuccess(`/settings/locations/${stock_location.id}`);
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      }
+    );
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(RouteFocusModal.Form, { form, "data-testid": "location-fulfillment-providers-form", children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex size-full flex-col", children: [
+    /* @__PURE__ */ jsx2(RouteFocusModal.Header, { "data-testid": "location-fulfillment-providers-form-header" }),
+    /* @__PURE__ */ jsx2(RouteFocusModal.Body, { className: "flex flex-1 flex-col overflow-auto", "data-testid": "location-fulfillment-providers-form-body", children: /* @__PURE__ */ jsx2(
+      _DataTable,
+      {
+        table,
+        columns,
+        pageSize: PAGE_SIZE,
+        isLoading,
+        count,
+        filters,
+        search: "autofocus",
+        pagination: true,
+        orderBy: [{ key: "id", label: t("fields.id") }],
+        queryObject: raw,
+        layout: "fill",
+        "data-testid": "location-fulfillment-providers-form-table"
+      }
+    ) }),
+    /* @__PURE__ */ jsx2(RouteFocusModal.Footer, { "data-testid": "location-fulfillment-providers-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsx2(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx2(Button, { size: "small", variant: "secondary", type: "button", "data-testid": "location-fulfillment-providers-form-cancel-button", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx2(Button, { size: "small", isLoading: isMutating, type: "submit", "data-testid": "location-fulfillment-providers-form-save-button", children: t("actions.save") })
+    ] }) })
+  ] }) });
+};
+var columnHelper2 = createColumnHelper2();
+var useColumns = () => {
+  const columns = useFulfillmentProviderTableColumns();
+  return useMemo2(
+    () => [
+      columnHelper2.display({
+        id: "select",
+        header: ({ table }) => {
+          return /* @__PURE__ */ jsx2(
+            Checkbox,
+            {
+              checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+              onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+            }
+          );
+        },
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx2(
+            Checkbox,
+            {
+              checked: row.getIsSelected(),
+              onCheckedChange: (value) => row.toggleSelected(!!value),
+              onClick: (e) => {
+                e.stopPropagation();
+              }
+            }
+          );
+        }
+      }),
+      ...columns
+    ],
+    [columns]
+  );
+};
+
+// src/pages/locations/location-fulfillment-providers/location-fulfillment-providers.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var LocationFulfillmentProviders = () => {
+  const { location_id } = useParams();
+  const { stock_location, isPending, isError, error } = useStockLocation(
+    location_id,
+    { fields: "id,*fulfillment_providers" }
+  );
+  const ready = !isPending && !!stock_location;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx3(RouteFocusModal, { "data-testid": "location-fulfillment-providers-modal", children: ready && /* @__PURE__ */ jsx3(LocationEditFulfillmentProvidersForm, { location: stock_location }) });
+};
+export {
+  LocationFulfillmentProviders as Component
+};