@mercurjs/admin 2.0.0-canary.24

package/dist/tax-region-province-create-GDL65SQF.js

@@ -0,0 +1,315 @@
+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-MWOKFNRO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useCreateTaxRegion,
+  useTaxRegion
+} from "./chunk-362QMJZM.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.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
+};

package/dist/tax-region-province-detail-QMPIKT7K.js

@@ -0,0 +1,215 @@
+import {
+  TaxOverrideTable,
+  TaxRateLine,
+  useTaxOverrideTable
+} from "./chunk-VWGKHDZ6.js";
+import "./chunk-LTBX54CI.js";
+import {
+  TaxRegionCard
+} from "./chunk-NZJGUN67.js";
+import {
+  getProvinceByIso2,
+  isProvinceInCountry
+} from "./chunk-N2TQXB44.js";
+import "./chunk-QDPLZDMX.js";
+import "./chunk-YBZWO4ZV.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-3EF54XFY.js";
+import {
+  useTaxRateTableQuery
+} from "./chunk-MG4GKUJW.js";
+import "./chunk-YWWUOGJA.js";
+import "./chunk-U2EI2ZLM.js";
+import "./chunk-JRTZWK77.js";
+import {
+  SingleColumnPage
+} from "./chunk-U2UCL2VG.js";
+import {
+  SingleColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-ORW4HNX5.js";
+import "./chunk-ODBDAABQ.js";
+import {
+  useTaxRates
+} from "./chunk-YGQUBTKR.js";
+import {
+  taxRegionsQueryKeys,
+  useTaxRegion
+} 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 {
+  queryClient
+} from "./chunk-2KCF3ZIB.js";
+import {
+  sdk
+} from "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/tax-regions/tax-region-province-detail/tax-region-detail.tsx
+import { useLoaderData, useParams } from "react-router-dom";
+
+// src/pages/tax-regions/tax-region-province-detail/components/tax-region-province-detail-section/tax-region-detail-section.tsx
+import { Badge, Container, Tooltip } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TaxRegionProvinceDetailSection = ({
+  taxRegion
+}) => {
+  const { t } = useTranslation();
+  const defaultRates = taxRegion.tax_rates.filter((r) => r.is_default === true);
+  const showBage = defaultRates.length === 0;
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsx(
+      TaxRegionCard,
+      {
+        taxRegion,
+        type: "header",
+        asLink: false,
+        badge: showBage && /* @__PURE__ */ jsx(Tooltip, { content: t("taxRegions.fields.noDefaultRate.tooltip"), children: /* @__PURE__ */ jsx(Badge, { color: "orange", size: "2xsmall", className: "cursor-default", children: t("taxRegions.fields.noDefaultRate.label") }) })
+      }
+    ),
+    defaultRates.map((rate) => {
+      return /* @__PURE__ */ jsx(TaxRateLine, { taxRate: rate, isSublevelTaxRate: true }, rate.id);
+    })
+  ] });
+};
+
+// src/pages/tax-regions/tax-region-province-detail/components/tax-region-province-override-section/tax-region-province-override-section.tsx
+import { Container as Container2, Heading } from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var PAGE_SIZE = 10;
+var PREFIX = "o";
+var TaxRegionProvinceOverrideSection = ({
+  taxRegion
+}) => {
+  const { t } = useTranslation2();
+  const { searchParams, raw } = useTaxRateTableQuery({
+    pageSize: PAGE_SIZE,
+    prefix: PREFIX
+  });
+  const { tax_rates, count, isPending, isError, error } = useTaxRates(
+    {
+      ...searchParams,
+      tax_region_id: taxRegion.id,
+      is_default: false
+    },
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const { table } = useTaxOverrideTable({
+    count,
+    data: tax_rates,
+    pageSize: PAGE_SIZE,
+    prefix: PREFIX
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(Container2, { className: "p-0", children: /* @__PURE__ */ jsx2(
+    TaxOverrideTable,
+    {
+      isPending,
+      table,
+      count,
+      action: {
+        label: t("actions.create"),
+        to: "overrides/create"
+      },
+      queryObject: raw,
+      prefix: PREFIX,
+      children: /* @__PURE__ */ jsx2(Heading, { level: "h2", children: t("taxRegions.taxOverrides.header") })
+    }
+  ) });
+};
+
+// src/pages/tax-regions/tax-region-province-detail/tax-region-detail.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var TaxRegionDetail = () => {
+  const { province_id } = useParams();
+  const initialData = useLoaderData();
+  const {
+    tax_region: taxRegion,
+    isLoading,
+    isError,
+    error
+  } = useTaxRegion(province_id, void 0, { initialData });
+  if (isLoading || !taxRegion) {
+    return /* @__PURE__ */ jsx3(SingleColumnPageSkeleton, { sections: 2, showJSON: true });
+  }
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(
+    SingleColumnPage,
+    {
+      data: taxRegion,
+      showJSON: true,
+      children: [
+        /* @__PURE__ */ jsx3(TaxRegionProvinceDetailSection, { taxRegion }),
+        /* @__PURE__ */ jsx3(TaxRegionProvinceOverrideSection, { taxRegion })
+      ]
+    }
+  );
+};
+
+// src/pages/tax-regions/tax-region-province-detail/breadcrumb.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var TaxRegionDetailBreadcrumb = (props) => {
+  const { province_id } = props.params || {};
+  const { tax_region } = useTaxRegion(province_id, void 0, {
+    initialData: props.data,
+    enabled: Boolean(province_id)
+  });
+  if (!tax_region) {
+    return null;
+  }
+  const countryCode = tax_region.country_code?.toUpperCase();
+  const provinceCode = tax_region.province_code?.toUpperCase();
+  const isValid = isProvinceInCountry(countryCode, provinceCode);
+  return /* @__PURE__ */ jsx4("span", { children: isValid ? getProvinceByIso2(provinceCode) : provinceCode });
+};
+
+// src/pages/tax-regions/tax-region-province-detail/loader.ts
+var taxRegionDetailQuery = (id) => ({
+  queryKey: taxRegionsQueryKeys.detail(id),
+  queryFn: async () => sdk.admin.taxRegion.retrieve(id)
+});
+var taxRegionLoader = async ({ params }) => {
+  const id = params.province_id;
+  const query = taxRegionDetailQuery(id);
+  return queryClient.ensureQueryData(query);
+};
+export {
+  TaxRegionDetailBreadcrumb as Breadcrumb,
+  TaxRegionDetail as Component,
+  TaxRegionDetail,
+  taxRegionLoader as loader
+};