@mercurjs/admin 2.0.0-canary.100

package/dist/tax-region-edit-5DOYTPEF.js

@@ -0,0 +1,166 @@
+import {
+  formatProvider
+} from "./chunk-VW56KWO2.js";
+import {
+  useComboboxData
+} from "./chunk-AEFDAU3Y.js";
+import {
+  Combobox
+} from "./chunk-AW77UWCZ.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-V6LO4BXB.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import "./chunk-YAMNPEPW.js";
+import "./chunk-R325CPYC.js";
+import "./chunk-J54BZXZX.js";
+import {
+  useTaxRegion,
+  useUpdateTaxRegion
+} from "./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 {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/tax-regions/tax-region-edit/tax-region-edit.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/tax-regions/tax-region-edit/components/tax-region-edit/tax-region-edit-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, 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 TaxRegionEditSchema = z.object({
+  provider_id: z.string().min(1)
+});
+var TaxRegionEditForm = ({ taxRegion }) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const taxProviders = useComboboxData({
+    queryKey: ["tax_providers"],
+    queryFn: (params) => sdk.admin.taxProviders.query(params),
+    getOptions: (data) => data.tax_providers.map((provider) => ({
+      label: formatProvider(provider.id),
+      value: provider.id
+    }))
+  });
+  const form = useForm({
+    defaultValues: {
+      provider_id: taxRegion.provider_id ?? void 0
+    },
+    resolver: zodResolver(TaxRegionEditSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateTaxRegion(taxRegion.id);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    await mutateAsync(
+      {
+        provider_id: values.provider_id
+      },
+      {
+        onSuccess: () => {
+          toast.success(t("taxRegions.edit.successToast"));
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, "data-testid": "tax-region-edit-form", children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      className: "flex flex-1 flex-col overflow-hidden",
+      onSubmit: handleSubmit,
+      children: [
+        /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-6 overflow-auto", "data-testid": "tax-region-edit-form-body", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-4", children: /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "provider_id",
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "tax-region-edit-form-provider-item", children: [
+              /* @__PURE__ */ jsx(Form.Label, { "data-testid": "tax-region-edit-form-provider-label", children: t("taxRegions.fields.taxProvider") }),
+              /* @__PURE__ */ jsx(Form.Control, { "data-testid": "tax-region-edit-form-provider-control", children: /* @__PURE__ */ jsx(
+                Combobox,
+                {
+                  ...field,
+                  options: taxProviders.options,
+                  searchValue: taxProviders.searchValue,
+                  onSearchValueChange: taxProviders.onSearchValueChange,
+                  fetchNextPage: taxProviders.fetchNextPage,
+                  "data-testid": "tax-region-edit-form-provider-combobox"
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "tax-region-edit-form-provider-error" })
+            ] })
+          }
+        ) }) }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { className: "shrink-0", "data-testid": "tax-region-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": "tax-region-edit-form-cancel-button", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, "data-testid": "tax-region-edit-form-save-button", children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/tax-regions/tax-region-edit/tax-region-edit.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var TaxRegionEdit = () => {
+  const { t } = useTranslation2();
+  const { id } = useParams();
+  const { tax_region, isPending, isError, error } = useTaxRegion(id);
+  const ready = !isPending && !!tax_region;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { "data-testid": "tax-region-edit-drawer", children: [
+    /* @__PURE__ */ jsxs2(RouteDrawer.Header, { "data-testid": "tax-region-edit-drawer-header", children: [
+      /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading, { "data-testid": "tax-region-edit-drawer-heading", children: t("taxRegions.edit.header") }) }),
+      /* @__PURE__ */ jsx2(RouteDrawer.Description, { className: "sr-only", children: t("taxRegions.edit.hint") })
+    ] }),
+    ready && /* @__PURE__ */ jsx2(TaxRegionEditForm, { taxRegion: tax_region })
+  ] });
+};
+export {
+  TaxRegionEdit as Component
+};

package/dist/tax-region-list-MRQ63BL3.js

@@ -0,0 +1,27 @@
+import {
+  TaxRegionListPage
+} from "./chunk-QDIPFZLV.js";
+import "./chunk-4ZIQGDNH.js";
+import "./chunk-RHYS2TFP.js";
+import "./chunk-N2TQXB44.js";
+import "./chunk-U2EI2ZLM.js";
+import "./chunk-JRTZWK77.js";
+import "./chunk-V5J73NPW.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-3EF54XFY.js";
+import "./chunk-XIZLPYEE.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-AYVH6Q5O.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-J54BZXZX.js";
+import "./chunk-JI7HMGMO.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+export {
+  TaxRegionListPage as Component
+};

package/dist/tax-region-metadata-WN3XSWGA.js

@@ -0,0 +1,87 @@
+import "./chunk-NCMUZ6BQ.js";
+import {
+  MetadataForm
+} from "./chunk-YDAJI7WF.js";
+import "./chunk-TKGWSUEI.js";
+import "./chunk-U2ZFCAPX.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import {
+  RouteDrawer
+} from "./chunk-V6LO4BXB.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-YAMNPEPW.js";
+import "./chunk-R325CPYC.js";
+import "./chunk-J54BZXZX.js";
+import {
+  useTaxRegion,
+  useUpdateTaxRegion
+} from "./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";
+
+// src/pages/tax-regions/tax-region-metadata/tax-region-metadata.tsx
+import { useParams } from "react-router-dom";
+import { ClientError } from "@mercurjs/client";
+import { jsx } from "react/jsx-runtime";
+var TaxRegionMetadata = () => {
+  const { id } = useParams();
+  const { tax_region, isPending, isError, error } = useTaxRegion(id);
+  const { mutateAsync, isPending: isMutating } = useUpdateTaxRegion(id);
+  if (isError) {
+    throw error;
+  }
+  const handleSubmit = async (params, callbacks) => {
+    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, { "data-testid": "tax-region-metadata-drawer", children: /* @__PURE__ */ jsx(
+    MetadataForm,
+    {
+      isPending,
+      isMutating,
+      hook: handleSubmit,
+      metadata: tax_region?.metadata
+    }
+  ) });
+};
+export {
+  TaxRegionMetadata as Component
+};

package/dist/tax-region-province-create-3GZUYVBY.js

@@ -0,0 +1,316 @@
+import {
+  getCountryProvinceObjectByIso2
+} from "./chunk-N2TQXB44.js";
+import {
+  PercentageInput
+} from "./chunk-MAEP2UCK.js";
+import {
+  SwitchBox
+} from "./chunk-YVCBMOJG.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-V6LO4BXB.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useCreateTaxRegion,
+  useTaxRegion
+} from "./chunk-JI7HMGMO.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/tax-regions/tax-region-province-create/tax-region-province-create.tsx
+import { useParams } from "react-router-dom";
+
+// src/pages/tax-regions/tax-region-province-create/components/tax-region-province-create-form/tax-region-province-create-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { InformationCircleSolid } from "@medusajs/icons";
+import { Button, Heading, Input, Text, toast, Tooltip } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { z } from "zod";
+
+// src/components/inputs/province-select/province-select.tsx
+import {
+  forwardRef,
+  useImperativeHandle,
+  useRef
+} from "react";
+import { Select } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ProvinceSelect = forwardRef(
+  ({
+    disabled,
+    placeholder,
+    defaultValue,
+    country_code,
+    valueAs = "iso_2",
+    onChange,
+    ...field
+  }, ref) => {
+    const { t } = useTranslation();
+    const innerRef = useRef(null);
+    useImperativeHandle(ref, () => innerRef.current);
+    const provinceObject = getCountryProvinceObjectByIso2(country_code);
+    if (!provinceObject) {
+      disabled = true;
+    }
+    const options = Object.entries(provinceObject?.options ?? {}).map(
+      ([iso2, name]) => {
+        return /* @__PURE__ */ jsx(
+          Select.Item,
+          {
+            value: valueAs === "iso_2" ? iso2.toLowerCase() : name,
+            children: name
+          },
+          iso2
+        );
+      }
+    );
+    const placeholderText = provinceObject ? t(`taxRegions.fields.sublevels.placeholders.${provinceObject.type}`) : "";
+    return /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs(
+      Select,
+      {
+        ...field,
+        value: field.value ? valueAs === "iso_2" ? field.value.toLowerCase() : field.value : void 0,
+        defaultValue: defaultValue ? valueAs === "iso_2" ? defaultValue.toLowerCase() : defaultValue : void 0,
+        onValueChange: onChange,
+        disabled,
+        children: [
+          /* @__PURE__ */ jsx(Select.Trigger, { ref: innerRef, className: "w-full", children: /* @__PURE__ */ jsx(Select.Value, { placeholder: placeholder || placeholderText }) }),
+          /* @__PURE__ */ jsx(Select.Content, { children: options })
+        ]
+      }
+    ) });
+  }
+);
+ProvinceSelect.displayName = "ProvinceSelect";
+
+// src/pages/tax-regions/tax-region-province-create/components/tax-region-province-create-form/tax-region-province-create-form.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CreateTaxRegionProvinceSchema = z.object({
+  province_code: z.string().min(1),
+  name: z.string().optional(),
+  code: z.string().min(1),
+  rate: z.object({
+    float: z.number().optional(),
+    value: z.string().optional()
+  }).optional(),
+  is_combinable: z.boolean().optional()
+});
+var TaxRegionProvinceCreateForm = ({
+  parent
+}) => {
+  const { t } = useTranslation2();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      province_code: "",
+      code: "",
+      is_combinable: false,
+      name: "",
+      rate: {
+        value: ""
+      }
+    },
+    resolver: zodResolver(CreateTaxRegionProvinceSchema)
+  });
+  const { mutateAsync, isPending } = useCreateTaxRegion();
+  const handleSubmit = form.handleSubmit(async (values) => {
+    const defaultRate = values.name && values.rate?.float ? {
+      name: values.name,
+      rate: values.rate.float,
+      code: values.code,
+      is_combinable: values.is_combinable
+    } : void 0;
+    await mutateAsync(
+      {
+        country_code: parent.country_code,
+        province_code: values.province_code,
+        parent_id: parent.id,
+        default_tax_rate: defaultRate
+      },
+      {
+        onSuccess: ({ tax_region }) => {
+          toast.success(t("taxRegions.create.successToast"));
+          handleSuccess(
+            `/settings/tax-regions/${parent.id}/provinces/${tax_region.id}`
+          );
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  const countryProvinceObject = getCountryProvinceObjectByIso2(
+    parent.country_code
+  );
+  const type = countryProvinceObject?.type || "sublevel";
+  const label = t(`taxRegions.fields.sublevels.labels.${type}`);
+  return /* @__PURE__ */ jsx2(RouteFocusModal.Form, { form, "data-testid": "tax-region-province-create-form", children: /* @__PURE__ */ jsxs2(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex h-full flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx2(RouteFocusModal.Header, { "data-testid": "tax-region-province-create-form-header" }),
+        /* @__PURE__ */ jsx2(RouteFocusModal.Body, { className: "flex flex-1 flex-col overflow-hidden", "data-testid": "tax-region-province-create-form-body", children: /* @__PURE__ */ jsx2("div", { className: "flex flex-1 flex-col items-center overflow-y-auto", children: /* @__PURE__ */ jsxs2("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8 px-2 py-16", children: [
+          /* @__PURE__ */ jsxs2("div", { "data-testid": "tax-region-province-create-form-header-section", children: [
+            /* @__PURE__ */ jsx2(Heading, { "data-testid": "tax-region-province-create-form-heading", children: t(`taxRegions.${type}.create.header`) }),
+            /* @__PURE__ */ jsx2(Text, { size: "small", className: "text-ui-fg-subtle", "data-testid": "tax-region-province-create-form-hint", children: t(`taxRegions.${type}.create.hint`) })
+          ] }),
+          /* @__PURE__ */ jsx2("div", { className: "grid gap-4 md:grid-cols-2", children: /* @__PURE__ */ jsx2(
+            Form.Field,
+            {
+              control: form.control,
+              name: "province_code",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs2(Form.Item, { "data-testid": "tax-region-province-create-form-province-item", children: [
+                  /* @__PURE__ */ jsx2(
+                    Form.Label,
+                    {
+                      tooltip: !countryProvinceObject && t("taxRegions.fields.sublevels.tooltips.sublevel"),
+                      "data-testid": "tax-region-province-create-form-province-label",
+                      children: label
+                    }
+                  ),
+                  /* @__PURE__ */ jsx2(Form.Control, { "data-testid": "tax-region-province-create-form-province-control", children: countryProvinceObject ? /* @__PURE__ */ jsx2(
+                    ProvinceSelect,
+                    {
+                      country_code: parent.country_code,
+                      ...field,
+                      "data-testid": "tax-region-province-create-form-province-select"
+                    }
+                  ) : /* @__PURE__ */ jsx2(Input, { ...field, placeholder: "KR-26", "data-testid": "tax-region-province-create-form-province-input" }) }),
+                  /* @__PURE__ */ jsx2(Form.ErrorMessage, { "data-testid": "tax-region-province-create-form-province-error" })
+                ] });
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-4", "data-testid": "tax-region-province-create-form-default-tax-rate-section", children: [
+            /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-1", "data-testid": "tax-region-province-create-form-default-tax-rate-header", children: [
+              /* @__PURE__ */ jsx2(Heading, { level: "h2", className: "!txt-compact-small-plus", "data-testid": "tax-region-province-create-form-default-tax-rate-label", children: t("taxRegions.fields.defaultTaxRate.label") }),
+              /* @__PURE__ */ jsxs2(
+                Text,
+                {
+                  size: "small",
+                  leading: "compact",
+                  className: "text-ui-fg-muted",
+                  "data-testid": "tax-region-province-create-form-default-tax-rate-optional",
+                  children: [
+                    "(",
+                    t("fields.optional"),
+                    ")"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                Tooltip,
+                {
+                  content: t("taxRegions.fields.defaultTaxRate.tooltip"),
+                  children: /* @__PURE__ */ jsx2(InformationCircleSolid, { className: "text-ui-fg-muted", "data-testid": "tax-region-province-create-form-default-tax-rate-tooltip" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+              /* @__PURE__ */ jsx2(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "name",
+                  render: ({ field }) => {
+                    return /* @__PURE__ */ jsxs2(Form.Item, { "data-testid": "tax-region-province-create-form-name-item", children: [
+                      /* @__PURE__ */ jsx2(Form.Label, { "data-testid": "tax-region-province-create-form-name-label", children: t("fields.name") }),
+                      /* @__PURE__ */ jsx2(Form.Control, { "data-testid": "tax-region-province-create-form-name-control", children: /* @__PURE__ */ jsx2(Input, { ...field, "data-testid": "tax-region-province-create-form-name-input" }) }),
+                      /* @__PURE__ */ jsx2(Form.ErrorMessage, { "data-testid": "tax-region-province-create-form-name-error" })
+                    ] });
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "rate",
+                  render: ({ field: { value, onChange, ...field } }) => {
+                    return /* @__PURE__ */ jsxs2(Form.Item, { "data-testid": "tax-region-province-create-form-rate-item", children: [
+                      /* @__PURE__ */ jsx2(Form.Label, { "data-testid": "tax-region-province-create-form-rate-label", children: t("taxRegions.fields.taxRate") }),
+                      /* @__PURE__ */ jsx2(Form.Control, { "data-testid": "tax-region-province-create-form-rate-control", children: /* @__PURE__ */ jsx2(
+                        PercentageInput,
+                        {
+                          ...field,
+                          value: value?.value,
+                          decimalsLimit: 4,
+                          onValueChange: (value2, _name, values) => onChange({
+                            value: value2,
+                            float: values?.float
+                          }),
+                          "data-testid": "tax-region-province-create-form-rate-input"
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx2(Form.ErrorMessage, { "data-testid": "tax-region-province-create-form-rate-error" })
+                    ] });
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "code",
+                  render: ({ field }) => {
+                    return /* @__PURE__ */ jsxs2(Form.Item, { "data-testid": "tax-region-province-create-form-code-item", children: [
+                      /* @__PURE__ */ jsx2(Form.Label, { "data-testid": "tax-region-province-create-form-code-label", children: t("taxRegions.fields.taxCode") }),
+                      /* @__PURE__ */ jsx2(Form.Control, { "data-testid": "tax-region-province-create-form-code-control", children: /* @__PURE__ */ jsx2(Input, { ...field, "data-testid": "tax-region-province-create-form-code-input" }) }),
+                      /* @__PURE__ */ jsx2(Form.ErrorMessage, { "data-testid": "tax-region-province-create-form-code-error" })
+                    ] });
+                  }
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx2(
+            SwitchBox,
+            {
+              control: form.control,
+              name: "is_combinable",
+              label: t("taxRegions.fields.isCombinable.label"),
+              description: t("taxRegions.fields.isCombinable.hint"),
+              "data-testid": "tax-region-province-create-form-is-combinable"
+            }
+          )
+        ] }) }) }),
+        /* @__PURE__ */ jsx2(RouteFocusModal.Footer, { "data-testid": "tax-region-province-create-form-footer", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx2(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx2(Button, { size: "small", variant: "secondary", "data-testid": "tax-region-province-create-form-cancel-button", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx2(Button, { size: "small", type: "submit", isLoading: isPending, "data-testid": "tax-region-province-create-form-save-button", children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/tax-regions/tax-region-province-create/tax-region-province-create.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var TaxProvinceCreate = () => {
+  const { id } = useParams();
+  const { tax_region, isPending, isError, error } = useTaxRegion(id);
+  const ready = !isPending && !!tax_region;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx3(RouteFocusModal, { "data-testid": "tax-region-province-create-modal", children: ready && /* @__PURE__ */ jsx3(TaxRegionProvinceCreateForm, { parent: tax_region }) });
+};
+export {
+  TaxProvinceCreate as Component,
+  TaxProvinceCreate
+};