@mercurjs/admin 2.0.0-canary.100

package/dist/location-service-zone-manage-areas-X2ZGRHHA.js

@@ -0,0 +1,155 @@
+import {
+  GeoZoneForm
+} from "./chunk-WEVK4TBV.js";
+import "./chunk-TUJIAA5O.js";
+import {
+  GEO_ZONE_STACKED_MODAL_ID
+} from "./chunk-LXSBG6LK.js";
+import {
+  countries
+} from "./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 "./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-manage-areas/location-service-zone-manage-areas.tsx
+import { useParams } from "react-router-dom";
+
+// src/pages/locations/location-service-zone-manage-areas/components/edit-region-areas-form/edit-service-zone-areas-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Heading, 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 EditeServiceZoneSchema = z.object({
+  countries: z.array(z.object({ iso_2: z.string().min(2), display_name: z.string() })).min(1)
+});
+function EditServiceZoneAreasForm({
+  fulfillmentSetId,
+  locationId,
+  zone
+}) {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      countries: zone.geo_zones.map((z2) => {
+        const country = countries.find((c) => c.iso_2 === z2.country_code);
+        return {
+          iso_2: z2.country_code,
+          display_name: country?.display_name || z2.country_code.toUpperCase()
+        };
+      })
+    },
+    resolver: zodResolver(EditeServiceZoneSchema)
+  });
+  const { mutateAsync: editServiceZone, isPending: isLoading } = useUpdateFulfillmentSetServiceZone(fulfillmentSetId, zone.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    await editServiceZone(
+      {
+        geo_zones: data.countries.map(({ iso_2 }) => ({
+          country_code: iso_2,
+          type: "country"
+        }))
+      },
+      {
+        onSuccess: () => {
+          toast.success(
+            t("stockLocations.serviceZones.manageAreas.successToast", {
+              name: zone.name
+            })
+          );
+          handleSuccess(`/settings/locations/${locationId}`);
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, "data-testid": "location-service-zone-manage-areas-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-manage-areas-form-header" }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "flex flex-1 flex-col overflow-auto", "data-testid": "location-service-zone-manage-areas-form-body", children: /* @__PURE__ */ jsxs(StackedFocusModal, { id: GEO_ZONE_STACKED_MODAL_ID, "data-testid": "location-service-zone-manage-areas-form-stacked-modal", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: [
+            /* @__PURE__ */ jsx(Heading, { "data-testid": "location-service-zone-manage-areas-form-heading", children: t("stockLocations.serviceZones.manageAreas.header", {
+              name: zone.name
+            }) }),
+            /* @__PURE__ */ jsx(GeoZoneForm, { form })
+          ] }) }),
+          /* @__PURE__ */ jsx(GeoZoneForm.AreaDrawer, { form })
+        ] }) }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Footer, { "data-testid": "location-service-zone-manage-areas-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-manage-areas-form-cancel-button", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", size: "small", isLoading, "data-testid": "location-service-zone-manage-areas-form-save-button", children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+}
+
+// src/pages/locations/location-service-zone-manage-areas/location-service-zone-manage-areas.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var LocationServiceZoneManageAreas = () => {
+  const { location_id, fset_id, zone_id } = useParams();
+  const { stock_location, isPending, isFetching, isError, error } = useStockLocation(location_id, {
+    fields: "*fulfillment_sets.service_zones.geo_zones,fulfillment_sets.service_zones.name"
+  });
+  const zone = stock_location?.fulfillment_sets?.find((f) => f.id === fset_id)?.service_zones.find((z2) => z2.id === zone_id);
+  if (!isPending && !isFetching && !zone) {
+    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__ */ jsx2(RouteFocusModal, { prev: `/settings/locations/${location_id}`, "data-testid": "location-service-zone-manage-areas-modal", children: zone && /* @__PURE__ */ jsx2(
+    EditServiceZoneAreasForm,
+    {
+      zone,
+      fulfillmentSetId: fset_id,
+      locationId: location_id
+    }
+  ) });
+};
+export {
+  LocationServiceZoneManageAreas as Component
+};

package/dist/location-service-zone-shipping-option-create-IASFWJ2Z.js

@@ -0,0 +1,57 @@
+import {
+  LocationServiceZoneShippingOptionCreate
+} from "./chunk-RF7BE47J.js";
+import "./chunk-X6HEEFUW.js";
+import "./chunk-LXSBG6LK.js";
+import "./chunk-VW56KWO2.js";
+import "./chunk-PXYDR7WQ.js";
+import "./chunk-U3OWJE7V.js";
+import "./chunk-IQPN4PZJ.js";
+import "./chunk-AEFDAU3Y.js";
+import "./chunk-AW77UWCZ.js";
+import "./chunk-SMQT3ZNO.js";
+import "./chunk-XSEF6KRY.js";
+import "./chunk-YVCBMOJG.js";
+import "./chunk-TKGWSUEI.js";
+import "./chunk-U2ZFCAPX.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./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 "./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 {
+  LocationServiceZoneShippingOptionCreate as Component
+};

package/dist/location-service-zone-shipping-option-edit-IJDU5PTW.js

@@ -0,0 +1,363 @@
+import {
+  ShippingOptionPriceType
+} from "./chunk-LXSBG6LK.js";
+import {
+  formatProvider
+} from "./chunk-VW56KWO2.js";
+import {
+  isOptionEnabledInStore
+} from "./chunk-HC25LNX7.js";
+import {
+  useComboboxData
+} from "./chunk-AEFDAU3Y.js";
+import {
+  Combobox
+} from "./chunk-AW77UWCZ.js";
+import {
+  SwitchBox
+} from "./chunk-YVCBMOJG.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  useDocumentDirection
+} from "./chunk-Y7QKP6QU.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-V6LO4BXB.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useShippingOptions,
+  useUpdateShippingOptions
+} from "./chunk-Q6GUA5VE.js";
+import "./chunk-VXW3BCN2.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/locations/location-service-zone-shipping-option-edit/location-service-zone-shipping-option-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-shipping-option-edit/components/edit-region-form/edit-shipping-option-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Divider, Input, RadioGroup, 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 EditShippingOptionSchema = zod.object({
+  name: zod.string().min(1),
+  price_type: zod.nativeEnum(ShippingOptionPriceType),
+  enabled_in_store: zod.boolean().optional(),
+  shipping_profile_id: zod.string(),
+  shipping_option_type_id: zod.string(),
+  provider_id: zod.string().optional()
+  // just for UI purposes
+});
+var EditShippingOptionForm = ({
+  locationId,
+  shippingOption,
+  type
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const direction = useDocumentDirection();
+  const isPickup = type === "pickup" /* Pickup */;
+  const shippingProfiles = useComboboxData({
+    queryFn: (params) => sdk.admin.shippingProfiles.query(params),
+    queryKey: ["shipping_profiles"],
+    getOptions: (data) => data.shipping_profiles.map((profile) => ({
+      label: profile.name,
+      value: profile.id
+    })),
+    defaultValue: shippingOption.shipping_profile_id
+  });
+  const shippingOptionTypes = useComboboxData({
+    queryFn: (params) => sdk.admin.shippingOptionTypes.query(params),
+    queryKey: ["shipping_option_types"],
+    getOptions: (data) => data.shipping_option_types.map((type2) => ({
+      label: type2.label,
+      value: type2.id
+    }))
+  });
+  const form = useForm({
+    defaultValues: {
+      name: shippingOption.name,
+      price_type: shippingOption.price_type,
+      enabled_in_store: isOptionEnabledInStore(shippingOption),
+      shipping_profile_id: shippingOption.shipping_profile_id,
+      shipping_option_type_id: shippingOption.type.id,
+      provider_id: shippingOption.provider_id
+    },
+    resolver: zodResolver(EditShippingOptionSchema)
+  });
+  const { mutateAsync, isPending: isLoading } = useUpdateShippingOptions(
+    shippingOption.id
+  );
+  const handleSubmit = form.handleSubmit(async (values) => {
+    const rules = shippingOption.rules.map((r) => ({
+      id: r.id,
+      attribute: r.attribute,
+      operator: r.operator,
+      value: r.value ?? ""
+    }));
+    const storeRule = rules.find((r) => r.attribute === "enabled_in_store");
+    if (!storeRule) {
+      rules.push({
+        value: values.enabled_in_store ? "true" : "false",
+        attribute: "enabled_in_store",
+        operator: "eq"
+      });
+    } else {
+      storeRule.value = values.enabled_in_store ? "true" : "false";
+    }
+    await mutateAsync(
+      {
+        name: values.name,
+        price_type: values.price_type,
+        shipping_profile_id: values.shipping_profile_id,
+        rules,
+        type_id: values.shipping_option_type_id
+      },
+      {
+        onSuccess: ({ shipping_option }) => {
+          toast.success(
+            t("stockLocations.shippingOptions.edit.successToast", {
+              name: shipping_option.name
+            })
+          );
+          handleSuccess(`/settings/locations/${locationId}`);
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, "data-testid": "location-shipping-option-edit-form", children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "overflow-y-auto", "data-testid": "location-shipping-option-edit-form-body", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-8", children: [
+          !isPickup && /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "price_type",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "location-shipping-option-edit-form-price-type-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { "data-testid": "location-shipping-option-edit-form-price-type-label", children: t(
+                    "stockLocations.shippingOptions.fields.priceType.label"
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "location-shipping-option-edit-form-price-type-control", children: /* @__PURE__ */ jsxs(
+                    RadioGroup,
+                    {
+                      dir: direction,
+                      ...field,
+                      onValueChange: field.onChange,
+                      "data-testid": "location-shipping-option-edit-form-price-type-radio-group",
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          RadioGroup.ChoiceBox,
+                          {
+                            className: "flex-1",
+                            value: "flat" /* FlatRate */,
+                            label: t(
+                              "stockLocations.shippingOptions.fields.priceType.options.fixed.label"
+                            ),
+                            description: t(
+                              "stockLocations.shippingOptions.fields.priceType.options.fixed.hint"
+                            ),
+                            "data-testid": "location-shipping-option-edit-form-price-type-flat-rate"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          RadioGroup.ChoiceBox,
+                          {
+                            className: "flex-1",
+                            value: "calculated" /* Calculated */,
+                            label: t(
+                              "stockLocations.shippingOptions.fields.priceType.options.calculated.label"
+                            ),
+                            description: t(
+                              "stockLocations.shippingOptions.fields.priceType.options.calculated.hint"
+                            ),
+                            "data-testid": "location-shipping-option-edit-form-price-type-calculated"
+                          }
+                        )
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "location-shipping-option-edit-form-price-type-error" })
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-y-4", children: [
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "name",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "location-shipping-option-edit-form-name-item", children: [
+                    /* @__PURE__ */ jsx(Form.Label, { "data-testid": "location-shipping-option-edit-form-name-label", children: t("fields.name") }),
+                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "location-shipping-option-edit-form-name-control", children: /* @__PURE__ */ jsx(Input, { ...field, "data-testid": "location-shipping-option-edit-form-name-input" }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "location-shipping-option-edit-form-name-error" })
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "shipping_profile_id",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "location-shipping-option-edit-form-shipping-profile-item", children: [
+                    /* @__PURE__ */ jsx(Form.Label, { "data-testid": "location-shipping-option-edit-form-shipping-profile-label", children: t("stockLocations.shippingOptions.fields.profile") }),
+                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "location-shipping-option-edit-form-shipping-profile-control", children: /* @__PURE__ */ jsx(
+                      Combobox,
+                      {
+                        ...field,
+                        options: shippingProfiles.options,
+                        searchValue: shippingProfiles.searchValue,
+                        onSearchValueChange: shippingProfiles.onSearchValueChange,
+                        disabled: shippingProfiles.disabled,
+                        "data-testid": "location-shipping-option-edit-form-shipping-profile-combobox"
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "location-shipping-option-edit-form-shipping-profile-error" })
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "shipping_option_type_id",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "location-shipping-option-edit-form-shipping-option-type-item", children: [
+                    /* @__PURE__ */ jsx(Form.Label, { "data-testid": "location-shipping-option-edit-form-shipping-option-type-label", children: t("stockLocations.shippingOptions.fields.type") }),
+                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "location-shipping-option-edit-form-shipping-option-type-control", children: /* @__PURE__ */ jsx(
+                      Combobox,
+                      {
+                        ...field,
+                        options: shippingOptionTypes.options,
+                        searchValue: shippingOptionTypes.searchValue,
+                        onSearchValueChange: shippingOptionTypes.onSearchValueChange,
+                        disabled: shippingOptionTypes.disabled,
+                        "data-testid": "location-shipping-option-edit-form-shipping-option-type-combobox"
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "location-shipping-option-edit-form-shipping-option-type-error" })
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "provider_id",
+                disabled: true,
+                render: () => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "location-shipping-option-edit-form-provider-item", children: [
+                    /* @__PURE__ */ jsx(Form.Label, { "data-testid": "location-shipping-option-edit-form-provider-label", children: t("stockLocations.shippingOptions.fields.provider") }),
+                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "location-shipping-option-edit-form-provider-control", children: /* @__PURE__ */ jsx(
+                      Combobox,
+                      {
+                        value: shippingOption.provider_id,
+                        disabled: true,
+                        options: [
+                          {
+                            label: `${formatProvider(
+                              shippingOption.provider_id
+                            )} (${shippingOption?.data?.id || "N/A"})`,
+                            // FO is stored in so.data and only guaranteed proeprty is `id`
+                            value: shippingOption.provider_id
+                          }
+                        ],
+                        "data-testid": "location-shipping-option-edit-form-provider-combobox"
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "location-shipping-option-edit-form-provider-error" })
+                  ] });
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(Divider, {}),
+          /* @__PURE__ */ jsx(
+            SwitchBox,
+            {
+              control: form.control,
+              name: "enabled_in_store",
+              label: t(
+                "stockLocations.shippingOptions.fields.enableInStore.label"
+              ),
+              description: t(
+                "stockLocations.shippingOptions.fields.enableInStore.hint"
+              ),
+              "data-testid": "location-shipping-option-edit-form-enabled-in-store"
+            }
+          )
+        ] }) }) }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { "data-testid": "location-shipping-option-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-shipping-option-edit-form-cancel-button", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading, "data-testid": "location-shipping-option-edit-form-save-button", children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/locations/location-service-zone-shipping-option-edit/location-service-zone-shipping-option-edit.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var LocationServiceZoneShippingOptionEdit = () => {
+  const { t } = useTranslation2();
+  const { location_id, so_id } = useParams();
+  const { shipping_options, isPending, isFetching, isError, error } = useShippingOptions({
+    id: so_id,
+    fields: "+service_zone.fulfillment_set.type"
+  });
+  const shippingOption = shipping_options?.find((so) => so.id === so_id);
+  if (!isPending && !isFetching && !shippingOption) {
+    throw new Response(
+      JSON.stringify({ message: `Shipping option with ID ${so_id} was not found` }),
+      { status: 404, headers: { "Content-Type": "application/json" } }
+    );
+  }
+  if (isError) {
+    throw error;
+  }
+  const isPickup = shippingOption?.service_zone.fulfillment_set.type === "pickup" /* Pickup */;
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { "data-testid": "location-shipping-option-edit-drawer", children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { "data-testid": "location-shipping-option-edit-drawer-header", children: /* @__PURE__ */ jsx2(Heading, { "data-testid": "location-shipping-option-edit-drawer-heading", children: t(
+      `stockLocations.${isPickup ? "pickupOptions" : "shippingOptions"}.edit.header`
+    ) }) }),
+    shippingOption && /* @__PURE__ */ jsx2(
+      EditShippingOptionForm,
+      {
+        shippingOption,
+        locationId: location_id,
+        type: shippingOption.service_zone.fulfillment_set.type
+      }
+    )
+  ] });
+};
+export {
+  LocationServiceZoneShippingOptionEdit as Component
+};