@mercurjs/admin 2.0.0-canary.100

package/dist/location-list-656DEW7L.js

@@ -0,0 +1,53 @@
+import {
+  LocationListPage
+} from "./chunk-STSW4GDV.js";
+import "./chunk-4F5GP7J7.js";
+import "./chunk-LXSBG6LK.js";
+import "./chunk-4GPAS5GW.js";
+import "./chunk-U2EI2ZLM.js";
+import "./chunk-W6Y3PPU5.js";
+import "./chunk-JRTZWK77.js";
+import "./chunk-PHOCVOZ5.js";
+import "./chunk-V5J73NPW.js";
+import "./chunk-XIZLPYEE.js";
+import "./chunk-UQITHKTH.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-THHRRYRS.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 "./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";
+export {
+  LocationListPage as Component
+};

package/dist/location-sales-channels-WXBK4EJO.js

@@ -0,0 +1,216 @@
+import {
+  VisuallyHidden
+} from "./chunk-54TMLQH3.js";
+import {
+  useSalesChannelTableColumns,
+  useSalesChannelTableEmptyState,
+  useSalesChannelTableFilters,
+  useSalesChannelTableQuery
+} from "./chunk-NZN7PFPB.js";
+import "./chunk-54RTJBYO.js";
+import {
+  DataTable
+} from "./chunk-UQITHKTH.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-V6LO4BXB.js";
+import "./chunk-3QSRE5LS.js";
+import {
+  useStockLocation,
+  useUpdateStockLocationSalesChannels
+} from "./chunk-VXW3BCN2.js";
+import {
+  useSalesChannels
+} from "./chunk-QUTZUW55.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-sales-channels/location-sales-channels.tsx
+import { useParams } from "react-router-dom";
+
+// src/pages/locations/location-sales-channels/components/edit-sales-channels-form/edit-sales-channels-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import {
+  Button,
+  Checkbox,
+  createDataTableColumnHelper,
+  toast
+} from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import { useMemo, useState } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditSalesChannelsSchema = zod.object({
+  sales_channels: zod.array(zod.string()).optional()
+});
+var PAGE_SIZE = 20;
+var PREFIX = "sc";
+var LocationEditSalesChannelsForm = ({
+  location
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      sales_channels: location.sales_channels?.map((sc) => sc.id) ?? []
+    },
+    resolver: zodResolver(EditSalesChannelsSchema)
+  });
+  const { setValue } = form;
+  const [rowSelection, setRowSelection] = useState(
+    getInitialState(location)
+  );
+  const onRowSelectionChange = (selection) => {
+    const ids = Object.keys(selection);
+    setValue("sales_channels", ids, {
+      shouldDirty: true,
+      shouldTouch: true
+    });
+    setRowSelection(selection);
+  };
+  const searchParams = useSalesChannelTableQuery({
+    pageSize: PAGE_SIZE,
+    prefix: PREFIX
+  });
+  const { sales_channels, count, isPending, isError, error } = useSalesChannels(
+    {
+      ...searchParams
+    },
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const filters = useSalesChannelTableFilters();
+  const columns = useColumns();
+  const emptyState = useSalesChannelTableEmptyState();
+  const { mutateAsync, isPending: isMutating } = useUpdateStockLocationSalesChannels(location.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const originalIds = location.sales_channels?.map((sc) => sc.id);
+    const arr = data.sales_channels ?? [];
+    await mutateAsync(
+      {
+        add: arr.filter((i) => !originalIds?.includes(i)),
+        remove: originalIds?.filter((i) => !arr.includes(i))
+      },
+      {
+        onSuccess: () => {
+          toast.success(t("stockLocations.salesChannels.successToast"));
+          handleSuccess(`/settings/locations/${location.id}`);
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      }
+    );
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, "data-testid": "location-sales-channels-form", children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs(RouteFocusModal.Header, { "data-testid": "location-sales-channels-form-header", children: [
+      /* @__PURE__ */ jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("stockLocations.salesChannels.header") }) }),
+      /* @__PURE__ */ jsx(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("stockLocations.salesChannels.hint") }) })
+    ] }),
+    /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "flex flex-1 flex-col overflow-auto", "data-testid": "location-sales-channels-form-body", children: /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        data: sales_channels,
+        columns,
+        filters,
+        emptyState,
+        prefix: PREFIX,
+        rowSelection: {
+          state: rowSelection,
+          onRowSelectionChange
+        },
+        pageSize: PAGE_SIZE,
+        isLoading: isPending,
+        rowCount: count,
+        layout: "fill",
+        getRowId: (row) => row.id,
+        "data-testid": "location-sales-channels-form-table"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(RouteFocusModal.Footer, { "data-testid": "location-sales-channels-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", type: "button", "data-testid": "location-sales-channels-form-cancel-button", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx(Button, { size: "small", isLoading: isMutating, type: "submit", "data-testid": "location-sales-channels-form-save-button", children: t("actions.save") })
+    ] }) })
+  ] }) });
+};
+var columnHelper = createDataTableColumnHelper();
+var useColumns = () => {
+  const base = useSalesChannelTableColumns();
+  return useMemo(
+    () => [
+      columnHelper.select({
+        header: ({ table }) => {
+          return /* @__PURE__ */ jsx("div", { "data-testid": "location-sales-channels-form-table-select-all-header", children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+              onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value),
+              "data-testid": "location-sales-channels-form-table-select-all-checkbox"
+            }
+          ) });
+        },
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx("div", { "data-testid": `location-sales-channels-form-table-row-${row.index}-select-cell`, children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: row.getIsSelected(),
+              onCheckedChange: (value) => row.toggleSelected(!!value),
+              onClick: (e) => {
+                e.stopPropagation();
+              },
+              "data-testid": `location-sales-channels-form-table-row-${row.index}-select-checkbox`
+            }
+          ) });
+        }
+      }),
+      ...base
+    ],
+    [base]
+  );
+};
+function getInitialState(location) {
+  return location.sales_channels?.reduce((acc, curr) => {
+    acc[curr.id] = true;
+    return acc;
+  }, {}) ?? {};
+}
+
+// src/pages/locations/location-sales-channels/location-sales-channels.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var LocationSalesChannels = () => {
+  const { location_id } = useParams();
+  const { stock_location, isPending, isError, error } = useStockLocation(
+    location_id,
+    {
+      fields: "id,*sales_channels"
+    }
+  );
+  const ready = !isPending && !!stock_location;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(RouteFocusModal, { "data-testid": "location-sales-channels-modal", children: ready && /* @__PURE__ */ jsx2(LocationEditSalesChannelsForm, { location: stock_location }) });
+};
+export {
+  LocationSalesChannels as Component
+};

package/dist/location-service-zone-create-647O67PU.js

@@ -0,0 +1,174 @@
+import {
+  GeoZoneForm
+} from "./chunk-WEVK4TBV.js";
+import "./chunk-TUJIAA5O.js";
+import {
+  GEO_ZONE_STACKED_MODAL_ID
+} from "./chunk-LXSBG6LK.js";
+import "./chunk-JRTZWK77.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-ULJ3OMWU.js";
+import "./chunk-YBZWO4ZV.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-3EF54XFY.js";
+import "./chunk-IGTRIAUC.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-KBYZLKI4.js";
+import "./chunk-YWWUOGJA.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import {
+  RouteFocusModal,
+  StackedFocusModal,
+  useRouteModal
+} from "./chunk-V6LO4BXB.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useCreateFulfillmentSetServiceZone
+} from "./chunk-HLL6GLZO.js";
+import "./chunk-Q6GUA5VE.js";
+import {
+  useStockLocation
+} from "./chunk-VXW3BCN2.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/locations/location-service-zone-create/location-service-zone-create.tsx
+import { useParams } from "react-router-dom";
+
+// src/pages/locations/location-service-zone-create/components/create-service-zone-form/create-service-zone-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Heading, InlineTip, Input, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { z } from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CreateServiceZoneSchema = z.object({
+  name: z.string().min(1),
+  countries: z.array(z.object({ iso_2: z.string().min(2), display_name: z.string() })).min(1)
+});
+function CreateServiceZoneForm({
+  fulfillmentSet,
+  type,
+  location
+}) {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      name: "",
+      countries: []
+    },
+    resolver: zodResolver(CreateServiceZoneSchema)
+  });
+  const { mutateAsync, isPending } = useCreateFulfillmentSetServiceZone(
+    fulfillmentSet.id
+  );
+  const handleSubmit = form.handleSubmit(async (data) => {
+    await mutateAsync(
+      {
+        name: data.name,
+        geo_zones: data.countries.map(({ iso_2 }) => ({
+          country_code: iso_2,
+          type: "country"
+        }))
+      },
+      {
+        onSuccess: () => {
+          toast.success(
+            t("stockLocations.serviceZones.create.successToast", {
+              name: data.name
+            })
+          );
+          handleSuccess(`/settings/locations/${location.id}`);
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, "data-testid": "location-service-zone-create-form", children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      className: "flex h-full flex-col overflow-hidden",
+      onSubmit: handleSubmit,
+      children: [
+        /* @__PURE__ */ jsx(RouteFocusModal.Header, { "data-testid": "location-service-zone-create-form-header" }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "flex flex-1 flex-col items-center overflow-auto", "data-testid": "location-service-zone-create-form-body", children: /* @__PURE__ */ jsxs(StackedFocusModal, { id: GEO_ZONE_STACKED_MODAL_ID, "data-testid": "location-service-zone-create-form-stacked-modal", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8 px-2 py-16", children: [
+            /* @__PURE__ */ jsx(Heading, { "data-testid": "location-service-zone-create-form-heading", children: type === "pickup" /* Pickup */ ? t("stockLocations.serviceZones.create.headerPickup", {
+              location: location.name
+            }) : t("stockLocations.serviceZones.create.headerShipping", {
+              location: location.name
+            }) }),
+            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "name",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "location-service-zone-create-form-name-item", children: [
+                    /* @__PURE__ */ jsx(Form.Label, { "data-testid": "location-service-zone-create-form-name-label", children: t("fields.name") }),
+                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "location-service-zone-create-form-name-control", children: /* @__PURE__ */ jsx(Input, { ...field, "data-testid": "location-service-zone-create-form-name-input" }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "location-service-zone-create-form-name-error" })
+                  ] });
+                }
+              }
+            ) }),
+            /* @__PURE__ */ jsx(InlineTip, { label: t("general.tip"), "data-testid": "location-service-zone-create-form-tip", children: t("stockLocations.serviceZones.fields.tip") }),
+            /* @__PURE__ */ jsx(GeoZoneForm, { form })
+          ] }) }),
+          /* @__PURE__ */ jsx(GeoZoneForm.AreaDrawer, { form })
+        ] }) }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Footer, { "data-testid": "location-service-zone-create-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", "data-testid": "location-service-zone-create-form-cancel-button", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", size: "small", isLoading: isPending, "data-testid": "location-service-zone-create-form-save-button", children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+}
+
+// src/pages/locations/location-service-zone-create/location-service-zone-create.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function LocationCreateServiceZone() {
+  const { fset_id, location_id } = useParams();
+  const { stock_location, isPending, isFetching, isError, error } = useStockLocation(location_id, {
+    fields: "*fulfillment_sets"
+  });
+  const fulfillmentSet = stock_location?.fulfillment_sets?.find(
+    (f) => f.id === fset_id
+  );
+  const type = fulfillmentSet?.type === "pickup" /* Pickup */ ? "pickup" /* Pickup */ : "shipping" /* Shipping */;
+  if (!isPending && !isFetching && !fulfillmentSet) {
+    throw new Response(
+      JSON.stringify({ message: `Fulfillment set with ID: ${fset_id} was not found.` }),
+      { status: 404, headers: { "Content-Type": "application/json" } }
+    );
+  }
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(RouteFocusModal, { prev: `/settings/locations/${location_id}`, "data-testid": "location-service-zone-create-modal", children: fulfillmentSet && /* @__PURE__ */ jsx2(
+    CreateServiceZoneForm,
+    {
+      fulfillmentSet,
+      location: stock_location,
+      type
+    }
+  ) });
+}
+export {
+  LocationCreateServiceZone as Component
+};

package/dist/location-service-zone-edit-BUY6HNZM.js

@@ -0,0 +1,135 @@
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-V6LO4BXB.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useUpdateFulfillmentSetServiceZone
+} from "./chunk-HLL6GLZO.js";
+import "./chunk-Q6GUA5VE.js";
+import {
+  useStockLocation
+} from "./chunk-VXW3BCN2.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/locations/location-service-zone-edit/location-service-zone-edit.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/locations/location-service-zone-edit/components/edit-region-form/edit-service-zone-form.tsx
+import { Button, InlineTip, 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 EditServiceZoneSchema = zod.object({
+  name: zod.string().min(1)
+});
+var EditServiceZoneForm = ({
+  zone,
+  fulfillmentSetId,
+  locationId
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      name: zone.name
+    }
+  });
+  const { mutateAsync, isPending: isLoading } = useUpdateFulfillmentSetServiceZone(fulfillmentSetId, zone.id);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    await mutateAsync(
+      {
+        name: values.name
+      },
+      {
+        onSuccess: () => {
+          toast.success(
+            t("stockLocations.serviceZones.edit.successToast", {
+              name: values.name
+            })
+          );
+          handleSuccess(`/settings/locations/${locationId}`);
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, "data-testid": "location-service-zone-edit-form", children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex size-full flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex-1 overflow-auto", "data-testid": "location-service-zone-edit-form-body", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-8", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-4", children: /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "name",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "location-service-zone-edit-form-name-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { "data-testid": "location-service-zone-edit-form-name-label", children: t("fields.name") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "location-service-zone-edit-form-name-control", children: /* @__PURE__ */ jsx(Input, { ...field, "data-testid": "location-service-zone-edit-form-name-input" }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "location-service-zone-edit-form-name-error" })
+                ] });
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsx(InlineTip, { label: t("general.tip"), "data-testid": "location-service-zone-edit-form-tip", children: t("stockLocations.serviceZones.fields.tip") })
+        ] }) }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { "data-testid": "location-service-zone-edit-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", "data-testid": "location-service-zone-edit-form-cancel-button", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading, "data-testid": "location-service-zone-edit-form-save-button", children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/locations/location-service-zone-edit/location-service-zone-edit.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var LocationServiceZoneEdit = () => {
+  const { t } = useTranslation2();
+  const { location_id, fset_id, zone_id } = useParams();
+  const { stock_location, isPending, isFetching, isError, error } = useStockLocation(location_id, {
+    fields: "*fulfillment_sets.service_zones"
+  });
+  const serviceZone = stock_location?.fulfillment_sets?.find((f) => f.id === fset_id)?.service_zones.find((z) => z.id === zone_id);
+  if (!isPending && !isFetching && !serviceZone) {
+    throw new Response(
+      JSON.stringify({ message: `Service zone with ID ${zone_id} was not found` }),
+      { status: 404, headers: { "Content-Type": "application/json" } }
+    );
+  }
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { prev: `/settings/locations/${location_id}`, "data-testid": "location-service-zone-edit-drawer", children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { "data-testid": "location-service-zone-edit-drawer-header", children: /* @__PURE__ */ jsx2(Heading, { "data-testid": "location-service-zone-edit-drawer-heading", children: t("stockLocations.serviceZones.edit.header") }) }),
+    serviceZone && /* @__PURE__ */ jsx2(
+      EditServiceZoneForm,
+      {
+        zone: serviceZone,
+        fulfillmentSetId: fset_id,
+        locationId: location_id
+      }
+    )
+  ] });
+};
+export {
+  LocationServiceZoneEdit as Component
+};