@mercurjs/admin 2.0.0-canary.24

package/dist/inventory-create-FT7GL4RK.js

@@ -0,0 +1,616 @@
+import {
+  transformNullableFormData,
+  transformNullableFormNumber,
+  transformNullableFormNumbers
+} from "./chunk-7RPRNVBS.js";
+import "./chunk-NXDFDEKP.js";
+import {
+  CountrySelect
+} from "./chunk-V74Y5NIV.js";
+import {
+  SwitchBox
+} from "./chunk-YVCBMOJG.js";
+import {
+  optionalInt
+} from "./chunk-IZ5RG5XI.js";
+import {
+  DataGrid,
+  createDataGridHelper
+} from "./chunk-KUWNYCGL.js";
+import "./chunk-IQPN4PZJ.js";
+import "./chunk-SMQT3ZNO.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-MWOKFNRO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import "./chunk-JRTZWK77.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-LAVHRER2.js";
+import {
+  useDocumentDirection
+} from "./chunk-Y7QKP6QU.js";
+import "./chunk-ORW4HNX5.js";
+import "./chunk-ODBDAABQ.js";
+import "./chunk-YGQUBTKR.js";
+import "./chunk-362QMJZM.js";
+import "./chunk-FODCCP6C.js";
+import "./chunk-AWZFIP25.js";
+import "./chunk-2QKPRGNK.js";
+import "./chunk-XBMLI2YI.js";
+import "./chunk-XL52SYWY.js";
+import "./chunk-NS5CHWOH.js";
+import "./chunk-WDZFLCSQ.js";
+import "./chunk-VVTSF42Z.js";
+import "./chunk-D3KDXELJ.js";
+import "./chunk-2MKZ4HD4.js";
+import "./chunk-OGYWOPHZ.js";
+import "./chunk-U62GYN4A.js";
+import "./chunk-KTKL7M34.js";
+import "./chunk-JJVGCTKT.js";
+import "./chunk-I43SCBL3.js";
+import {
+  useStockLocations
+} from "./chunk-LLWK3OR6.js";
+import "./chunk-HYUGYB23.js";
+import "./chunk-XCMR2HTV.js";
+import "./chunk-CI5Z6FGV.js";
+import "./chunk-LCZXAT4Q.js";
+import "./chunk-S6LPCNXQ.js";
+import {
+  inventoryItemsQueryKeys,
+  useCreateInventoryItem
+} from "./chunk-T435NFHC.js";
+import {
+  queryClient
+} from "./chunk-2KCF3ZIB.js";
+import {
+  sdk
+} from "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/inventory/inventory-create/components/inventory-create-form/inventory-create-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import {
+  Button,
+  clx,
+  Divider,
+  Heading,
+  Input,
+  ProgressTabs,
+  Textarea,
+  toast
+} from "@medusajs/ui";
+import { useCallback, useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/pages/inventory/inventory-create/components/inventory-create-form/inventory-availability-form.tsx
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var InventoryAvailabilityForm = ({
+  form,
+  locations
+}) => {
+  const { setCloseOnEscape } = useRouteModal();
+  const columns = useColumns();
+  return /* @__PURE__ */ jsx("div", { className: "size-full", "data-testid": "inventory-create-form-availability", children: /* @__PURE__ */ jsx(
+    DataGrid,
+    {
+      columns,
+      data: locations,
+      state: form,
+      onEditingChange: (editing) => setCloseOnEscape(!editing)
+    }
+  ) });
+};
+var columnHelper = createDataGridHelper();
+var useColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.column({
+        id: "location",
+        header: () => /* @__PURE__ */ jsx("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: t("locations.domain") }) }),
+        cell: (context) => {
+          return /* @__PURE__ */ jsx(DataGrid.ReadonlyCell, { context, children: context.row.original.name });
+        },
+        disableHiding: true
+      }),
+      columnHelper.column({
+        id: "in-stock",
+        name: t("fields.inStock"),
+        header: t("fields.inStock"),
+        field: (context) => `locations.${context.row.original.id}`,
+        type: "number",
+        cell: (context) => {
+          return /* @__PURE__ */ jsx(DataGrid.NumberCell, { placeholder: "0", context });
+        },
+        disableHiding: true
+      })
+    ],
+    [t]
+  );
+};
+
+// src/pages/inventory/inventory-create/components/inventory-create-form/schema.ts
+import { z } from "zod";
+var CreateInventoryItemSchema = z.object({
+  title: z.string().min(1),
+  description: z.string().optional(),
+  sku: z.string().optional(),
+  hs_code: z.string().optional(),
+  weight: optionalInt,
+  length: optionalInt,
+  height: optionalInt,
+  width: optionalInt,
+  origin_country: z.string().optional(),
+  mid_code: z.string().optional(),
+  material: z.string().optional(),
+  requires_shipping: z.boolean().optional(),
+  thumbnail: z.string().optional(),
+  locations: z.record(z.string(), optionalInt).optional()
+});
+
+// src/pages/inventory/inventory-create/components/inventory-create-form/inventory-create-form.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function InventoryCreateForm({ locations }) {
+  const { t } = useTranslation2();
+  const { handleSuccess } = useRouteModal();
+  const [tab, setTab] = useState("details" /* DETAILS */);
+  const direction = useDocumentDirection();
+  const form = useForm({
+    defaultValues: {
+      title: "",
+      sku: "",
+      hs_code: "",
+      weight: "",
+      length: "",
+      height: "",
+      width: "",
+      origin_country: "",
+      mid_code: "",
+      material: "",
+      description: "",
+      requires_shipping: true,
+      thumbnail: "",
+      locations: Object.fromEntries(
+        locations.map((location) => [location.id, ""])
+      )
+    },
+    resolver: zodResolver(CreateInventoryItemSchema)
+  });
+  const {
+    trigger,
+    formState: { isDirty }
+  } = form;
+  const { mutateAsync: createInventoryItem, isPending: isLoading } = useCreateInventoryItem();
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const { locations: locations2, weight, length, height, width, ...payload } = data;
+    const cleanData = transformNullableFormData(payload, false);
+    const cleanNumbers = transformNullableFormNumbers(
+      {
+        weight,
+        length,
+        height,
+        width
+      },
+      false
+    );
+    const { inventory_item } = await createInventoryItem(
+      {
+        ...cleanData,
+        ...cleanNumbers
+      },
+      {
+        onError: (e) => {
+          toast.error(e.message);
+          return;
+        }
+      }
+    );
+    await sdk.admin.inventoryItem.batchUpdateLevels(inventory_item.id, {
+      create: Object.entries(locations2 ?? {}).filter(([_, quantiy]) => !!quantiy).map(([location_id, stocked_quantity]) => ({
+        location_id,
+        stocked_quantity: transformNullableFormNumber(
+          stocked_quantity,
+          false
+        )
+      }))
+    }).then(async () => {
+      await queryClient.invalidateQueries({
+        queryKey: inventoryItemsQueryKeys.lists()
+      });
+    }).catch((e) => {
+      toast.error(e.message);
+    }).finally(() => {
+      handleSuccess();
+      toast.success(t("inventory.create.successToast"));
+    });
+  });
+  const [status, setStatus] = useState({
+    ["availability" /* AVAILABILITY */]: "not-started",
+    ["details" /* DETAILS */]: "not-started"
+  });
+  const onTabChange = useCallback(
+    async (value) => {
+      const result = await trigger();
+      if (!result) {
+        return;
+      }
+      setTab(value);
+    },
+    [trigger]
+  );
+  const onNext = useCallback(async () => {
+    const result = await trigger();
+    if (!result) {
+      return;
+    }
+    switch (tab) {
+      case "details" /* DETAILS */: {
+        setTab("availability" /* AVAILABILITY */);
+        break;
+      }
+      case "availability" /* AVAILABILITY */:
+        break;
+    }
+  }, [tab, trigger]);
+  useEffect(() => {
+    if (isDirty) {
+      setStatus((prev) => ({ ...prev, ["details" /* DETAILS */]: "in-progress" }));
+    } else {
+      setStatus((prev) => ({ ...prev, ["details" /* DETAILS */]: "not-started" }));
+    }
+  }, [isDirty]);
+  useEffect(() => {
+    if (tab === "details" /* DETAILS */ && isDirty) {
+      setStatus((prev) => ({ ...prev, ["details" /* DETAILS */]: "in-progress" }));
+    }
+    if (tab === "availability" /* AVAILABILITY */) {
+      setStatus((prev) => ({
+        ...prev,
+        ["details" /* DETAILS */]: "completed",
+        ["availability" /* AVAILABILITY */]: "in-progress"
+      }));
+    }
+  }, [tab, isDirty]);
+  return /* @__PURE__ */ jsx2(RouteFocusModal.Form, { form, "data-testid": "inventory-create-form", children: /* @__PURE__ */ jsx2(
+    ProgressTabs,
+    {
+      dir: direction,
+      value: tab,
+      className: "h-full",
+      onValueChange: (tab2) => onTabChange(tab2),
+      children: /* @__PURE__ */ jsxs(
+        KeyboundForm,
+        {
+          className: "flex h-full flex-col overflow-hidden",
+          onSubmit: handleSubmit,
+          children: [
+            /* @__PURE__ */ jsx2(RouteFocusModal.Header, { "data-testid": "inventory-create-form-header", children: /* @__PURE__ */ jsxs(ProgressTabs.List, { className: "border-ui-border-base -my-2 ml-2 min-w-0 flex-1 border-l", "data-testid": "inventory-create-form-tabs-list", children: [
+              /* @__PURE__ */ jsx2(
+                ProgressTabs.Trigger,
+                {
+                  value: "details" /* DETAILS */,
+                  status: status["details" /* DETAILS */],
+                  className: "w-full max-w-[200px]",
+                  "data-testid": "inventory-create-form-tab-details",
+                  children: /* @__PURE__ */ jsx2("span", { className: "w-full cursor-auto overflow-hidden text-ellipsis whitespace-nowrap", children: t("inventory.create.details") })
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                ProgressTabs.Trigger,
+                {
+                  value: "availability" /* AVAILABILITY */,
+                  className: "w-full max-w-[200px]",
+                  status: status["availability" /* AVAILABILITY */],
+                  "data-testid": "inventory-create-form-tab-availability",
+                  children: /* @__PURE__ */ jsx2("span", { className: "w-full overflow-hidden text-ellipsis whitespace-nowrap", children: t("inventory.create.availability") })
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsxs(
+              RouteFocusModal.Body,
+              {
+                className: clx(
+                  "flex h-full w-full flex-col items-center divide-y overflow-hidden",
+                  { "mx-auto": tab === "details" /* DETAILS */ }
+                ),
+                "data-testid": "inventory-create-form-body",
+                children: [
+                  /* @__PURE__ */ jsx2(
+                    ProgressTabs.Content,
+                    {
+                      value: "details" /* DETAILS */,
+                      className: "h-full w-full overflow-auto px-3",
+                      "data-testid": "inventory-create-form-tab-details-content",
+                      children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full max-w-[720px] flex-col gap-y-8 px-px py-16", "data-testid": "inventory-create-form-content", children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-8", children: [
+                          /* @__PURE__ */ jsx2("div", { "data-testid": "inventory-create-form-header", children: /* @__PURE__ */ jsx2(Heading, { "data-testid": "inventory-create-form-heading", children: t("inventory.create.title") }) }),
+                          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-6", children: [
+                            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-2", children: [
+                              /* @__PURE__ */ jsx2(
+                                Form.Field,
+                                {
+                                  control: form.control,
+                                  name: "title",
+                                  render: ({ field }) => {
+                                    return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-create-form-title-item", children: [
+                                      /* @__PURE__ */ jsx2(Form.Label, { "data-testid": "inventory-create-form-title-label", children: t("fields.title") }),
+                                      /* @__PURE__ */ jsx2(Form.Control, { "data-testid": "inventory-create-form-title-control", children: /* @__PURE__ */ jsx2(
+                                        Input,
+                                        {
+                                          ...field,
+                                          placeholder: t("fields.title"),
+                                          "data-testid": "inventory-create-form-title-input"
+                                        }
+                                      ) }),
+                                      /* @__PURE__ */ jsx2(Form.ErrorMessage, { "data-testid": "inventory-create-form-title-error" })
+                                    ] });
+                                  }
+                                }
+                              ),
+                              /* @__PURE__ */ jsx2(
+                                Form.Field,
+                                {
+                                  control: form.control,
+                                  name: "sku",
+                                  render: ({ field }) => {
+                                    return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-create-form-sku-item", children: [
+                                      /* @__PURE__ */ jsx2(Form.Label, { "data-testid": "inventory-create-form-sku-label", children: t("fields.sku") }),
+                                      /* @__PURE__ */ jsx2(Form.Control, { "data-testid": "inventory-create-form-sku-control", children: /* @__PURE__ */ jsx2(Input, { ...field, placeholder: "sku-123", "data-testid": "inventory-create-form-sku-input" }) }),
+                                      /* @__PURE__ */ jsx2(Form.ErrorMessage, { "data-testid": "inventory-create-form-sku-error" })
+                                    ] });
+                                  }
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ jsx2(
+                              Form.Field,
+                              {
+                                control: form.control,
+                                name: "description",
+                                render: ({ field }) => {
+                                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-create-form-description-item", children: [
+                                    /* @__PURE__ */ jsx2(Form.Label, { optional: true, "data-testid": "inventory-create-form-description-label", children: t("products.fields.description.label") }),
+                                    /* @__PURE__ */ jsx2(Form.Control, { "data-testid": "inventory-create-form-description-control", children: /* @__PURE__ */ jsx2(
+                                      Textarea,
+                                      {
+                                        ...field,
+                                        placeholder: "The item description",
+                                        "data-testid": "inventory-create-form-description-textarea"
+                                      }
+                                    ) }),
+                                    /* @__PURE__ */ jsx2(Form.ErrorMessage, { "data-testid": "inventory-create-form-description-error" })
+                                  ] });
+                                }
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ jsx2(
+                            SwitchBox,
+                            {
+                              control: form.control,
+                              name: "requires_shipping",
+                              label: t("inventory.create.requiresShipping"),
+                              description: t("inventory.create.requiresShippingHint"),
+                              "data-testid": "inventory-create-form-requires-shipping"
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ jsx2(Divider, {}),
+                        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-6", children: [
+                          /* @__PURE__ */ jsx2(Heading, { level: "h2", children: t("inventory.create.attributes") }),
+                          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-x-4 gap-y-4 lg:grid-cols-2 lg:gap-y-8", children: [
+                            /* @__PURE__ */ jsx2(
+                              Form.Field,
+                              {
+                                control: form.control,
+                                name: "width",
+                                render: ({ field }) => {
+                                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-create-form-width-item", children: [
+                                    /* @__PURE__ */ jsx2(Form.Label, { optional: true, "data-testid": "inventory-create-form-width-label", children: t("products.fields.width.label") }),
+                                    /* @__PURE__ */ jsx2(Form.Control, { "data-testid": "inventory-create-form-width-control", children: /* @__PURE__ */ jsx2(
+                                      Input,
+                                      {
+                                        ...field,
+                                        type: "number",
+                                        min: 0,
+                                        placeholder: "100",
+                                        "data-testid": "inventory-create-form-width-input"
+                                      }
+                                    ) }),
+                                    /* @__PURE__ */ jsx2(Form.ErrorMessage, { "data-testid": "inventory-create-form-width-error" })
+                                  ] });
+                                }
+                              }
+                            ),
+                            /* @__PURE__ */ jsx2(
+                              Form.Field,
+                              {
+                                control: form.control,
+                                name: "length",
+                                render: ({ field }) => {
+                                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-create-form-length-item", children: [
+                                    /* @__PURE__ */ jsx2(Form.Label, { optional: true, "data-testid": "inventory-create-form-length-label", children: t("products.fields.length.label") }),
+                                    /* @__PURE__ */ jsx2(Form.Control, { "data-testid": "inventory-create-form-length-control", children: /* @__PURE__ */ jsx2(
+                                      Input,
+                                      {
+                                        ...field,
+                                        type: "number",
+                                        min: 0,
+                                        placeholder: "100",
+                                        "data-testid": "inventory-create-form-length-input"
+                                      }
+                                    ) }),
+                                    /* @__PURE__ */ jsx2(Form.ErrorMessage, { "data-testid": "inventory-create-form-length-error" })
+                                  ] });
+                                }
+                              }
+                            ),
+                            /* @__PURE__ */ jsx2(
+                              Form.Field,
+                              {
+                                control: form.control,
+                                name: "height",
+                                render: ({ field }) => {
+                                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-create-form-height-item", children: [
+                                    /* @__PURE__ */ jsx2(Form.Label, { optional: true, "data-testid": "inventory-create-form-height-label", children: t("products.fields.height.label") }),
+                                    /* @__PURE__ */ jsx2(Form.Control, { "data-testid": "inventory-create-form-height-control", children: /* @__PURE__ */ jsx2(
+                                      Input,
+                                      {
+                                        ...field,
+                                        type: "number",
+                                        min: 0,
+                                        placeholder: "100",
+                                        "data-testid": "inventory-create-form-height-input"
+                                      }
+                                    ) }),
+                                    /* @__PURE__ */ jsx2(Form.ErrorMessage, { "data-testid": "inventory-create-form-height-error" })
+                                  ] });
+                                }
+                              }
+                            ),
+                            /* @__PURE__ */ jsx2(
+                              Form.Field,
+                              {
+                                control: form.control,
+                                name: "weight",
+                                render: ({ field }) => {
+                                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-create-form-weight-item", children: [
+                                    /* @__PURE__ */ jsx2(Form.Label, { optional: true, "data-testid": "inventory-create-form-weight-label", children: t("products.fields.weight.label") }),
+                                    /* @__PURE__ */ jsx2(Form.Control, { "data-testid": "inventory-create-form-weight-control", children: /* @__PURE__ */ jsx2(
+                                      Input,
+                                      {
+                                        ...field,
+                                        type: "number",
+                                        min: 0,
+                                        placeholder: "100",
+                                        "data-testid": "inventory-create-form-weight-input"
+                                      }
+                                    ) }),
+                                    /* @__PURE__ */ jsx2(Form.ErrorMessage, { "data-testid": "inventory-create-form-weight-error" })
+                                  ] });
+                                }
+                              }
+                            ),
+                            /* @__PURE__ */ jsx2(
+                              Form.Field,
+                              {
+                                control: form.control,
+                                name: "mid_code",
+                                render: ({ field }) => {
+                                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-create-form-mid-code-item", children: [
+                                    /* @__PURE__ */ jsx2(Form.Label, { optional: true, "data-testid": "inventory-create-form-mid-code-label", children: t("products.fields.mid_code.label") }),
+                                    /* @__PURE__ */ jsx2(Form.Control, { "data-testid": "inventory-create-form-mid-code-control", children: /* @__PURE__ */ jsx2(Input, { ...field, "data-testid": "inventory-create-form-mid-code-input" }) }),
+                                    /* @__PURE__ */ jsx2(Form.ErrorMessage, { "data-testid": "inventory-create-form-mid-code-error" })
+                                  ] });
+                                }
+                              }
+                            ),
+                            /* @__PURE__ */ jsx2(
+                              Form.Field,
+                              {
+                                control: form.control,
+                                name: "hs_code",
+                                render: ({ field }) => {
+                                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-create-form-hs-code-item", children: [
+                                    /* @__PURE__ */ jsx2(Form.Label, { optional: true, "data-testid": "inventory-create-form-hs-code-label", children: t("products.fields.hs_code.label") }),
+                                    /* @__PURE__ */ jsx2(Form.Control, { "data-testid": "inventory-create-form-hs-code-control", children: /* @__PURE__ */ jsx2(Input, { ...field, "data-testid": "inventory-create-form-hs-code-input" }) }),
+                                    /* @__PURE__ */ jsx2(Form.ErrorMessage, { "data-testid": "inventory-create-form-hs-code-error" })
+                                  ] });
+                                }
+                              }
+                            ),
+                            /* @__PURE__ */ jsx2(
+                              Form.Field,
+                              {
+                                control: form.control,
+                                name: "origin_country",
+                                render: ({ field }) => {
+                                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-create-form-origin-country-item", children: [
+                                    /* @__PURE__ */ jsx2(Form.Label, { optional: true, "data-testid": "inventory-create-form-origin-country-label", children: t("products.fields.countryOrigin.label") }),
+                                    /* @__PURE__ */ jsx2(Form.Control, { "data-testid": "inventory-create-form-origin-country-control", children: /* @__PURE__ */ jsx2(CountrySelect, { ...field, "data-testid": "inventory-create-form-origin-country-select" }) }),
+                                    /* @__PURE__ */ jsx2(Form.ErrorMessage, { "data-testid": "inventory-create-form-origin-country-error" })
+                                  ] });
+                                }
+                              }
+                            ),
+                            /* @__PURE__ */ jsx2(
+                              Form.Field,
+                              {
+                                control: form.control,
+                                name: "material",
+                                render: ({ field }) => {
+                                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "inventory-create-form-material-item", children: [
+                                    /* @__PURE__ */ jsx2(Form.Label, { optional: true, "data-testid": "inventory-create-form-material-label", children: t("products.fields.material.label") }),
+                                    /* @__PURE__ */ jsx2(Form.Control, { "data-testid": "inventory-create-form-material-control", children: /* @__PURE__ */ jsx2(Input, { ...field, "data-testid": "inventory-create-form-material-input" }) }),
+                                    /* @__PURE__ */ jsx2(Form.ErrorMessage, { "data-testid": "inventory-create-form-material-error" })
+                                  ] });
+                                }
+                              }
+                            )
+                          ] })
+                        ] })
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx2(
+                    ProgressTabs.Content,
+                    {
+                      value: "availability" /* AVAILABILITY */,
+                      className: "size-full",
+                      "data-testid": "inventory-create-form-tab-availability-content",
+                      children: /* @__PURE__ */ jsx2(InventoryAvailabilityForm, { form, locations })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx2(RouteFocusModal.Footer, { "data-testid": "inventory-create-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, { variant: "secondary", size: "small", "data-testid": "inventory-create-form-cancel-button", children: t("actions.cancel") }) }),
+              /* @__PURE__ */ jsx2(
+                Button,
+                {
+                  size: "small",
+                  className: "whitespace-nowrap",
+                  isLoading,
+                  onClick: tab !== "availability" /* AVAILABILITY */ ? onNext : void 0,
+                  type: tab === "availability" /* AVAILABILITY */ ? "submit" : "button",
+                  "data-testid": tab === "availability" /* AVAILABILITY */ ? "inventory-create-form-save-button" : "inventory-create-form-next-button",
+                  children: tab === "availability" /* AVAILABILITY */ ? t("actions.save") : t("general.next")
+                },
+                tab === "availability" /* AVAILABILITY */ ? "details" : "pricing"
+              )
+            ] }) })
+          ]
+        }
+      )
+    }
+  ) });
+}
+
+// src/pages/inventory/inventory-create/inventory-create.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function InventoryCreate() {
+  const { isPending, stock_locations, isError, error } = useStockLocations({
+    limit: 9999,
+    fields: "id,name"
+  });
+  const ready = !isPending && !!stock_locations;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx3(RouteFocusModal, { children: ready && /* @__PURE__ */ jsx3(InventoryCreateForm, { locations: stock_locations }) });
+}
+export {
+  InventoryCreate as Component
+};