@mercurjs/admin 2.0.0-canary.24

package/dist/store-edit-WBF6EL5N.js

@@ -0,0 +1,246 @@
+import {
+  useComboboxData
+} from "./chunk-O67KME6D.js";
+import {
+  Combobox
+} from "./chunk-AW77UWCZ.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-MWOKFNRO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useDocumentDirection
+} from "./chunk-Y7QKP6QU.js";
+import {
+  useStore,
+  useUpdateStore
+} from "./chunk-LCZXAT4Q.js";
+import "./chunk-S6LPCNXQ.js";
+import "./chunk-2KCF3ZIB.js";
+import {
+  sdk
+} from "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/store/store-edit/store-edit.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/pages/store/store-edit/components/edit-store-form/edit-store-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Input, Select, 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 EditStoreSchema = z.object({
+  name: z.string().min(1),
+  default_currency_code: z.string().optional(),
+  default_region_id: z.string().optional(),
+  default_sales_channel_id: z.string().optional(),
+  default_location_id: z.string().optional()
+});
+var EditStoreForm = ({ store }) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const direction = useDocumentDirection();
+  const form = useForm({
+    defaultValues: {
+      name: store.name,
+      default_region_id: store.default_region_id || void 0,
+      default_currency_code: store.supported_currencies?.find((c) => c.is_default)?.currency_code || void 0,
+      default_sales_channel_id: store.default_sales_channel_id || void 0,
+      default_location_id: store.default_location_id || void 0
+    },
+    resolver: zodResolver(EditStoreSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateStore(store.id);
+  const regionsCombobox = useComboboxData({
+    queryKey: ["regions", "default_region_id"],
+    queryFn: (params) => sdk.admin.region.list({ ...params, fields: "id,name" }),
+    defaultValue: store.default_region_id || void 0,
+    getOptions: (data) => data.regions.map((r) => ({ label: r.name, value: r.id }))
+  });
+  const salesChannelsCombobox = useComboboxData({
+    queryFn: (params) => sdk.admin.salesChannel.list({ ...params, fields: "id,name" }),
+    getOptions: (data) => data.sales_channels.map((sc) => ({ label: sc.name, value: sc.id })),
+    queryKey: ["sales_channels", "default_sales_channel_id"],
+    defaultValue: store.default_sales_channel_id || void 0
+  });
+  const locationsCombobox = useComboboxData({
+    queryFn: (params) => sdk.admin.stockLocation.list({ ...params, fields: "id,name" }),
+    getOptions: (data) => data.stock_locations.map((l) => ({ label: l.name, value: l.id })),
+    queryKey: ["stock_locations", "default_location_id"],
+    defaultValue: store.default_location_id || void 0
+  });
+  const handleSubmit = form.handleSubmit(async (values) => {
+    const { default_currency_code, ...rest } = values;
+    const normalizedMutation = {
+      ...rest,
+      supported_currencies: store.supported_currencies?.map((c) => ({
+        ...c,
+        is_default: c.currency_code === default_currency_code
+      }))
+    };
+    await mutateAsync(normalizedMutation, {
+      onSuccess: () => {
+        toast.success(t("store.toast.update"));
+        handleSuccess();
+      },
+      onError: (error) => {
+        toast.error(error.message);
+      }
+    });
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, "data-testid": "store-edit-form", children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex h-full flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "overflow-y-auto", "data-testid": "store-edit-form-body", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-8", children: [
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "name",
+          render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "store-edit-form-name-item", children: [
+            /* @__PURE__ */ jsx(Form.Label, { "data-testid": "store-edit-form-name-label", children: t("fields.name") }),
+            /* @__PURE__ */ jsx(Form.Control, { "data-testid": "store-edit-form-name-control", children: /* @__PURE__ */ jsx(Input, { placeholder: "ACME", ...field, "data-testid": "store-edit-form-name-input" }) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "store-edit-form-name-error" })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "default_currency_code",
+          render: ({ field: { onChange, ...field } }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "store-edit-form-currency-item", children: [
+              /* @__PURE__ */ jsx(Form.Label, { "data-testid": "store-edit-form-currency-label", children: t("store.defaultCurrency") }),
+              /* @__PURE__ */ jsx(Form.Control, { "data-testid": "store-edit-form-currency-control", children: /* @__PURE__ */ jsxs(
+                Select,
+                {
+                  dir: direction,
+                  ...field,
+                  onValueChange: onChange,
+                  "data-testid": "store-edit-form-currency-select",
+                  children: [
+                    /* @__PURE__ */ jsx(Select.Trigger, { ref: field.ref, "data-testid": "store-edit-form-currency-select-trigger", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                    /* @__PURE__ */ jsx(Select.Content, { "data-testid": "store-edit-form-currency-select-content", children: store.supported_currencies?.map((currency) => /* @__PURE__ */ jsx(
+                      Select.Item,
+                      {
+                        value: currency.currency_code,
+                        "data-testid": `store-edit-form-currency-select-option-${currency.currency_code}`,
+                        children: currency.currency_code.toUpperCase()
+                      },
+                      currency.currency_code
+                    )) })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "store-edit-form-currency-error" })
+            ] });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "default_region_id",
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "store-edit-form-region-item", children: [
+              /* @__PURE__ */ jsx(Form.Label, { "data-testid": "store-edit-form-region-label", children: t("store.defaultRegion") }),
+              /* @__PURE__ */ jsx(Form.Control, { "data-testid": "store-edit-form-region-control", children: /* @__PURE__ */ jsx(
+                Combobox,
+                {
+                  ...field,
+                  options: regionsCombobox.options,
+                  searchValue: regionsCombobox.searchValue,
+                  onSearchValueChange: regionsCombobox.onSearchValueChange,
+                  disabled: regionsCombobox.disabled,
+                  "data-testid": "store-edit-form-region-combobox"
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "store-edit-form-region-error" })
+            ] });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "default_sales_channel_id",
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "store-edit-form-sales-channel-item", children: [
+              /* @__PURE__ */ jsx(Form.Label, { "data-testid": "store-edit-form-sales-channel-label", children: t("store.defaultSalesChannel") }),
+              /* @__PURE__ */ jsx(Form.Control, { "data-testid": "store-edit-form-sales-channel-control", children: /* @__PURE__ */ jsx(
+                Combobox,
+                {
+                  ...field,
+                  options: salesChannelsCombobox.options,
+                  searchValue: salesChannelsCombobox.searchValue,
+                  onSearchValueChange: salesChannelsCombobox.onSearchValueChange,
+                  disabled: salesChannelsCombobox.disabled,
+                  "data-testid": "store-edit-form-sales-channel-combobox"
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "store-edit-form-sales-channel-error" })
+            ] });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "default_location_id",
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "store-edit-form-location-item", children: [
+              /* @__PURE__ */ jsx(Form.Label, { "data-testid": "store-edit-form-location-label", children: t("store.defaultLocation") }),
+              /* @__PURE__ */ jsx(Form.Control, { "data-testid": "store-edit-form-location-control", children: /* @__PURE__ */ jsx(
+                Combobox,
+                {
+                  ...field,
+                  options: locationsCombobox.options,
+                  searchValue: locationsCombobox.searchValue,
+                  onSearchValueChange: locationsCombobox.onSearchValueChange,
+                  disabled: locationsCombobox.disabled,
+                  "data-testid": "store-edit-form-location-combobox"
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "store-edit-form-location-error" })
+            ] });
+          }
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(RouteDrawer.Footer, { "data-testid": "store-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": "store-edit-form-cancel-button", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx(Button, { size: "small", isLoading: isPending, type: "submit", "data-testid": "store-edit-form-save-button", children: t("actions.save") })
+    ] }) })
+  ] }) });
+};
+
+// src/pages/store/store-edit/store-edit.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var StoreEdit = () => {
+  const { t } = useTranslation2();
+  const { store, isPending: isLoading, isError, error } = useStore();
+  if (isError) {
+    throw error;
+  }
+  const ready = !!store && !isLoading;
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { "data-testid": "store-edit", children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { "data-testid": "store-edit-header", children: /* @__PURE__ */ jsx2(Heading, { "data-testid": "store-edit-heading", children: t("store.edit.header") }) }),
+    ready && /* @__PURE__ */ jsx2(EditStoreForm, { store })
+  ] });
+};
+export {
+  StoreEdit as Component
+};

package/dist/store-metadata-LSK7UVSC.js

@@ -0,0 +1,85 @@
+import "./chunk-NCMUZ6BQ.js";
+import {
+  MetadataForm
+} from "./chunk-JISYRXUS.js";
+import "./chunk-TKGWSUEI.js";
+import "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer
+} from "./chunk-MWOKFNRO.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-LAVHRER2.js";
+import "./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 "./chunk-LLWK3OR6.js";
+import "./chunk-HYUGYB23.js";
+import "./chunk-XCMR2HTV.js";
+import "./chunk-CI5Z6FGV.js";
+import {
+  useStore,
+  useUpdateStore
+} from "./chunk-LCZXAT4Q.js";
+import "./chunk-S6LPCNXQ.js";
+import "./chunk-T435NFHC.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/store/store-metadata/store-metadata.tsx
+import { ClientError } from "@mercurjs/client";
+import { jsx } from "react/jsx-runtime";
+var StoreMetadata = () => {
+  const { store, isPending, isError, error } = useStore();
+  const { mutateAsync, isPending: isMutating } = useUpdateStore(store?.id ?? "");
+  if (isError) {
+    throw error;
+  }
+  const handleSubmit = async (params, callbacks) => {
+    if (!store?.id) {
+      callbacks.onError?.("Store ID not available");
+      return;
+    }
+    try {
+      const result = await mutateAsync({
+        metadata: params.metadata === void 0 ? void 0 : params.metadata
+      });
+      callbacks.onSuccess?.();
+      return result;
+    } catch (error2) {
+      const message = error2 instanceof ClientError ? error2.message : "An error occurred";
+      callbacks.onError?.(message);
+      throw error2;
+    }
+  };
+  return /* @__PURE__ */ jsx(RouteDrawer, { children: /* @__PURE__ */ jsx(
+    MetadataForm,
+    {
+      isPending,
+      isMutating,
+      hook: handleSubmit,
+      metadata: store?.metadata
+    }
+  ) });
+};
+export {
+  StoreMetadata as Component
+};

package/dist/tax-region-create-XTX4YWRA.js

@@ -0,0 +1,300 @@
+import {
+  PercentageInput
+} from "./chunk-MAEP2UCK.js";
+import {
+  formatProvider
+} from "./chunk-VW56KWO2.js";
+import "./chunk-NXDFDEKP.js";
+import {
+  CountrySelect
+} from "./chunk-V74Y5NIV.js";
+import "./chunk-FMFVTERD.js";
+import {
+  useComboboxData
+} from "./chunk-O67KME6D.js";
+import {
+  Combobox
+} from "./chunk-AW77UWCZ.js";
+import {
+  i18n
+} from "./chunk-LR4ACD6E.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-ORW4HNX5.js";
+import "./chunk-ODBDAABQ.js";
+import "./chunk-YGQUBTKR.js";
+import {
+  useCreateTaxRegion
+} from "./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 "./chunk-LLWK3OR6.js";
+import "./chunk-HYUGYB23.js";
+import "./chunk-XCMR2HTV.js";
+import "./chunk-CI5Z6FGV.js";
+import "./chunk-LCZXAT4Q.js";
+import "./chunk-S6LPCNXQ.js";
+import "./chunk-T435NFHC.js";
+import "./chunk-2KCF3ZIB.js";
+import {
+  sdk
+} from "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/tax-regions/tax-region-create/components/tax-region-create-form/tax-region-create-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { InformationCircleSolid } from "@medusajs/icons";
+import { Button, Heading, Input, Text, toast, Tooltip } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TaxRegionCreateSchema = z.object({
+  name: z.string().optional(),
+  code: z.string().optional(),
+  rate: z.object({
+    float: z.number().optional(),
+    value: z.string().optional()
+  }),
+  country_code: z.string(),
+  provider_id: z.string()
+}).superRefine(({ provider_id, country_code }, ctx) => {
+  if (!provider_id) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: i18n.t("taxRegions.create.errors.missingProvider"),
+      path: ["provider_id"]
+    });
+  }
+  if (!country_code) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: i18n.t("taxRegions.create.errors.missingCountry"),
+      path: ["country_code"]
+    });
+  }
+});
+var TaxRegionCreateForm = ({ parentId }) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const taxProviders = useComboboxData({
+    queryKey: ["tax_providers"],
+    queryFn: (params) => sdk.admin.taxProvider.list(params),
+    getOptions: (data) => data.tax_providers.map((provider) => ({
+      label: formatProvider(provider.id),
+      value: provider.id
+    }))
+  });
+  const form = useForm({
+    defaultValues: {
+      name: "",
+      rate: {
+        value: ""
+      },
+      code: "",
+      country_code: "",
+      provider_id: ""
+    },
+    resolver: zodResolver(TaxRegionCreateSchema)
+  });
+  const { mutateAsync, isPending } = useCreateTaxRegion();
+  const handleSubmit = form.handleSubmit(async (values) => {
+    const defaultRate = values.name ? {
+      name: values.name,
+      rate: values.rate?.value === "" ? void 0 : parseFloat(values.rate.value),
+      // TODO: Check if optional region's tax code is correct - was it intentionally set as optional? It's same for vendor panel.
+      // Leaving it like this, previously it was sent as empty string too if not provided
+      code: values.code ?? ""
+    } : void 0;
+    await mutateAsync(
+      {
+        country_code: values.country_code,
+        parent_id: parentId,
+        default_tax_rate: defaultRate,
+        provider_id: values.provider_id
+      },
+      {
+        onSuccess: ({ tax_region }) => {
+          toast.success(t("taxRegions.create.successToast"));
+          handleSuccess(`../${tax_region.id}`);
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, "data-testid": "tax-region-create-form", children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex h-full flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx(RouteFocusModal.Header, { "data-testid": "tax-region-create-form-header" }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "flex flex-1 flex-col overflow-hidden", "data-testid": "tax-region-create-form-body", children: /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col items-center overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8 px-2 py-16", children: [
+          /* @__PURE__ */ jsxs("div", { "data-testid": "tax-region-create-form-header-section", children: [
+            /* @__PURE__ */ jsx(Heading, { className: "capitalize", "data-testid": "tax-region-create-form-heading", children: t("taxRegions.create.header") }),
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", "data-testid": "tax-region-create-form-hint", children: t("taxRegions.create.hint") })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-4", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "country_code",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "tax-region-create-form-country-item", children: [
+                    /* @__PURE__ */ jsx(Form.Label, { "data-testid": "tax-region-create-form-country-label", children: t("fields.country") }),
+                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "tax-region-create-form-country-control", children: /* @__PURE__ */ jsx(CountrySelect, { ...field, "data-testid": "tax-region-create-form-country-select" }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "tax-region-create-form-country-error" })
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "provider_id",
+                render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "tax-region-create-form-provider-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { "data-testid": "tax-region-create-form-provider-label", children: t("taxRegions.fields.taxProvider") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "tax-region-create-form-provider-control", children: /* @__PURE__ */ jsx(
+                    Combobox,
+                    {
+                      ...field,
+                      options: taxProviders.options,
+                      searchValue: taxProviders.searchValue,
+                      onSearchValueChange: taxProviders.onSearchValueChange,
+                      fetchNextPage: taxProviders.fetchNextPage,
+                      "data-testid": "tax-region-create-form-provider-combobox"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "tax-region-create-form-provider-error" })
+                ] })
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", "data-testid": "tax-region-create-form-default-tax-rate-section", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-1", "data-testid": "tax-region-create-form-default-tax-rate-header", children: [
+              /* @__PURE__ */ jsx(Heading, { level: "h2", className: "!txt-compact-small-plus", "data-testid": "tax-region-create-form-default-tax-rate-label", children: t("taxRegions.fields.defaultTaxRate.label") }),
+              /* @__PURE__ */ jsxs(
+                Text,
+                {
+                  size: "small",
+                  leading: "compact",
+                  className: "text-ui-fg-muted",
+                  "data-testid": "tax-region-create-form-default-tax-rate-optional",
+                  children: [
+                    "(",
+                    t("fields.optional"),
+                    ")"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Tooltip,
+                {
+                  content: t("taxRegions.fields.defaultTaxRate.tooltip"),
+                  children: /* @__PURE__ */ jsx(InformationCircleSolid, { className: "text-ui-fg-muted", "data-testid": "tax-region-create-form-default-tax-rate-tooltip" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-4", children: /* @__PURE__ */ jsxs("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": "tax-region-create-form-name-item", children: [
+                      /* @__PURE__ */ jsx(Form.Label, { "data-testid": "tax-region-create-form-name-label", children: t("fields.name") }),
+                      /* @__PURE__ */ jsx(Form.Control, { "data-testid": "tax-region-create-form-name-control", children: /* @__PURE__ */ jsx(Input, { ...field, "data-testid": "tax-region-create-form-name-input" }) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "tax-region-create-form-name-error" })
+                    ] });
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "rate",
+                  render: ({ field: { value, onChange, ...field } }) => {
+                    return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "tax-region-create-form-rate-item", children: [
+                      /* @__PURE__ */ jsx(Form.Label, { "data-testid": "tax-region-create-form-rate-label", children: t("taxRegions.fields.taxRate") }),
+                      /* @__PURE__ */ jsx(Form.Control, { "data-testid": "tax-region-create-form-rate-control", children: /* @__PURE__ */ jsx(
+                        PercentageInput,
+                        {
+                          ...field,
+                          value: value?.value,
+                          decimalsLimit: 4,
+                          onValueChange: (value2, _name, values) => onChange({
+                            value: value2,
+                            float: values?.float
+                          }),
+                          "data-testid": "tax-region-create-form-rate-input"
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "tax-region-create-form-rate-error" })
+                    ] });
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "code",
+                  render: ({ field }) => {
+                    return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "tax-region-create-form-code-item", children: [
+                      /* @__PURE__ */ jsx(Form.Label, { "data-testid": "tax-region-create-form-code-label", children: t("taxRegions.fields.taxCode") }),
+                      /* @__PURE__ */ jsx(Form.Control, { "data-testid": "tax-region-create-form-code-control", children: /* @__PURE__ */ jsx(Input, { ...field, "data-testid": "tax-region-create-form-code-input" }) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "tax-region-create-form-code-error" })
+                    ] });
+                  }
+                }
+              )
+            ] }) })
+          ] })
+        ] }) }) }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Footer, { "data-testid": "tax-region-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, { size: "small", variant: "secondary", "data-testid": "tax-region-create-form-cancel-button", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, "data-testid": "tax-region-create-form-save-button", children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/tax-regions/tax-region-create/tax-region-create.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var TaxRegionCreate = () => {
+  return /* @__PURE__ */ jsx2(RouteFocusModal, { "data-testid": "tax-region-create-modal", children: /* @__PURE__ */ jsx2(TaxRegionCreateForm, {}) });
+};
+export {
+  TaxRegionCreate as Component,
+  TaxRegionCreate
+};