@mercurjs/vendor 2.0.0-canary.0

package/dist/chunk-O6PRBSFL.js

@@ -0,0 +1,115 @@
+import {
+  TextCell
+} from "./chunk-JHIMVLB2.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+
+// src/hooks/table/query/use-return-reason-table-query.tsx
+var useReturnReasonTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at"],
+    prefix
+  );
+  const { offset, q, order, created_at, updated_at } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    q
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
+// src/hooks/table/query/use-collection-table-query.tsx
+var useCollectionTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at"],
+    prefix
+  );
+  const { offset, created_at, updated_at, q, order } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    q
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
+// src/hooks/table/query/use-product-tag-table-query.tsx
+var useProductTagTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at"],
+    prefix
+  );
+  const { offset, q, order, created_at, updated_at } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    q
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
+// src/hooks/table/columns/use-collection-table-columns.tsx
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useCollectionTableColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.accessor("title", {
+        header: t("fields.title"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() })
+      }),
+      columnHelper.accessor("handle", {
+        header: t("fields.handle"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: `/${getValue()}` })
+      }),
+      columnHelper.accessor("products", {
+        header: t("fields.products"),
+        cell: ({ getValue }) => {
+          const count = getValue()?.length || void 0;
+          return /* @__PURE__ */ jsx(TextCell, { text: count });
+        }
+      })
+    ],
+    [t]
+  );
+};
+
+export {
+  useCollectionTableColumns,
+  useCollectionTableQuery,
+  useProductTagTableQuery,
+  useReturnReasonTableQuery
+};

package/dist/chunk-OJCDB3N5.js

@@ -0,0 +1,539 @@
+import {
+  LocalizedTablePagination,
+  useDeleteTaxRateAction
+} from "./chunk-O5LRZEG6.js";
+import {
+  TaxRateRuleReferenceType
+} from "./chunk-Q4UVXS46.js";
+import {
+  formatPercentage
+} from "./chunk-QDPLZDMX.js";
+import {
+  DataTableSearch
+} from "./chunk-LYUCDASZ.js";
+import {
+  DataTableOrderBy
+} from "./chunk-KAZ5BYTQ.js";
+import {
+  NoRecords,
+  NoResults
+} from "./chunk-3EF54XFY.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  TableFooterSkeleton
+} from "./chunk-INNFZYX2.js";
+import {
+  useProductTypes
+} from "./chunk-VDWGP2U6.js";
+import {
+  useProducts
+} from "./chunk-WPFTRRWV.js";
+
+// src/pages/settings/tax-regions/_common/components/tax-rate-line.tsx
+import { PencilSquare, Trash } from "@medusajs/icons";
+import { StatusBadge, Text } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TaxRateLine = ({
+  taxRate,
+  isSublevelTaxRate
+}) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-[1fr_1fr_auto] items-center gap-4 px-6 py-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-1.5", children: [
+      /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", leading: "compact", children: taxRate.name }),
+      taxRate.code && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-1.5", children: [
+        /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: "\xB7" }),
+        /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: taxRate.code })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: formatPercentage(taxRate.rate) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+      isSublevelTaxRate && /* @__PURE__ */ jsx(StatusBadge, { color: taxRate.is_combinable ? "green" : "grey", children: taxRate.is_combinable ? t("taxRegions.fields.isCombinable.true") : t("taxRegions.fields.isCombinable.false") }),
+      /* @__PURE__ */ jsx(TaxRateActions, { taxRate })
+    ] })
+  ] });
+};
+var TaxRateActions = ({ taxRate }) => {
+  const { t } = useTranslation();
+  const handleDelete = useDeleteTaxRateAction(taxRate);
+  return /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              label: t("actions.edit"),
+              icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+              to: `tax-rates/${taxRate.id}/edit`
+            }
+          ]
+        },
+        {
+          actions: [
+            {
+              label: t("actions.delete"),
+              icon: /* @__PURE__ */ jsx(Trash, {}),
+              onClick: handleDelete
+            }
+          ]
+        }
+      ]
+    }
+  );
+};
+
+// src/pages/settings/tax-regions/_common/components/tax-override-table.tsx
+import { Button } from "@medusajs/ui";
+import { useMemo } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { Link } from "react-router-dom";
+
+// src/pages/settings/tax-regions/_common/components/tax-override-card.tsx
+import {
+  ArrowDownRightMini,
+  PencilSquare as PencilSquare2,
+  Trash as Trash2,
+  TriangleRightMini
+} from "@medusajs/icons";
+import {
+  Badge,
+  Divider,
+  IconButton,
+  StatusBadge as StatusBadge2,
+  Text as Text2,
+  Tooltip
+} from "@medusajs/ui";
+import { Collapsible as RadixCollapsible } from "radix-ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var TaxOverrideCard = ({ taxRate }) => {
+  const { t } = useTranslation2();
+  const handleDelete = useDeleteTaxRateAction(taxRate);
+  if (taxRate.is_default) {
+    return null;
+  }
+  const groupedRules = taxRate.rules.reduce(
+    (acc, rule) => {
+      if (!acc[rule.reference]) {
+        acc[rule.reference] = [];
+      }
+      acc[rule.reference].push(rule.reference_id);
+      return acc;
+    },
+    {}
+  );
+  const validKeys = Object.values(TaxRateRuleReferenceType);
+  const numberOfTargets = Object.keys(groupedRules).map(
+    (key) => validKeys.includes(key)
+  ).length;
+  return /* @__PURE__ */ jsxs2(RadixCollapsible.Root, { children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-3", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx2(RadixCollapsible.Trigger, { asChild: true, children: /* @__PURE__ */ jsx2(IconButton, { size: "2xsmall", variant: "transparent", className: "group", children: /* @__PURE__ */ jsx2(TriangleRightMini, { className: "text-ui-fg-muted transition-transform group-data-[state='open']:rotate-90" }) }) }),
+        /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-1.5", children: [
+          /* @__PURE__ */ jsx2(Text2, { size: "small", weight: "plus", leading: "compact", children: taxRate.name }),
+          taxRate.code && /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle flex items-center gap-x-1.5", children: [
+            /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", children: "\xB7" }),
+            /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", children: taxRate.code })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-3", children: [
+        /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t("taxRegions.fields.targets.numberOfTargets", {
+          count: numberOfTargets
+        }) }),
+        /* @__PURE__ */ jsx2("div", { className: "bg-ui-border-base h-3 w-px" }),
+        /* @__PURE__ */ jsx2(StatusBadge2, { color: taxRate.is_combinable ? "green" : "grey", children: taxRate.is_combinable ? t("taxRegions.fields.isCombinable.true") : t("taxRegions.fields.isCombinable.false") }),
+        /* @__PURE__ */ jsx2(
+          ActionMenu,
+          {
+            groups: [
+              {
+                actions: [
+                  {
+                    label: t("actions.edit"),
+                    icon: /* @__PURE__ */ jsx2(PencilSquare2, {}),
+                    to: `overrides/${taxRate.id}/edit`
+                  }
+                ]
+              },
+              {
+                actions: [
+                  {
+                    label: t("actions.delete"),
+                    icon: /* @__PURE__ */ jsx2(Trash2, {}),
+                    onClick: handleDelete
+                  }
+                ]
+              }
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx2(RadixCollapsible.Content, { children: /* @__PURE__ */ jsxs2("div", { className: "bg-ui-bg-subtle", children: [
+      /* @__PURE__ */ jsx2(Divider, { variant: "dashed" }),
+      /* @__PURE__ */ jsx2("div", { className: "px-6 py-3", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-3", children: [
+        /* @__PURE__ */ jsx2("div", { className: "text-ui-fg-muted flex size-5 items-center justify-center", children: /* @__PURE__ */ jsx2(ArrowDownRightMini, {}) }),
+        /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap items-center gap-x-1.5 gap-y-2", children: [
+          /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", children: formatPercentage(taxRate.rate) }),
+          /* @__PURE__ */ jsx2(
+            Text2,
+            {
+              size: "small",
+              leading: "compact",
+              className: "text-ui-fg-subtle",
+              children: t("taxRegions.fields.targets.operators.on")
+            }
+          ),
+          Object.entries(groupedRules).map(([reference, ids], index) => {
+            return /* @__PURE__ */ jsxs2(
+              "div",
+              {
+                className: "flex items-center gap-x-1.5",
+                children: [
+                  /* @__PURE__ */ jsx2(
+                    Reference,
+                    {
+                      reference,
+                      ids
+                    },
+                    reference
+                  ),
+                  index < Object.keys(groupedRules).length - 1 && /* @__PURE__ */ jsx2(
+                    Text2,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      className: "text-ui-fg-subtle",
+                      children: t("taxRegions.fields.targets.operators.and")
+                    }
+                  )
+                ]
+              },
+              reference
+            );
+          })
+        ] })
+      ] }) })
+    ] }) })
+  ] });
+};
+var Reference = ({
+  reference,
+  ids
+}) => {
+  return /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-1.5", children: [
+    /* @__PURE__ */ jsx2(ReferenceBadge, { reference }),
+    /* @__PURE__ */ jsx2(ReferenceValues, { type: reference, ids })
+  ] });
+};
+var ReferenceBadge = ({
+  reference
+}) => {
+  const { t } = useTranslation2();
+  let label = null;
+  switch (reference) {
+    case "product" /* PRODUCT */:
+      label = t("taxRegions.fields.targets.tags.product");
+      break;
+    // case TaxRateRuleReferenceType.PRODUCT_COLLECTION:
+    //   label = t("taxRegions.fields.targets.tags.productCollection")
+    //   break
+    // case TaxRateRuleReferenceType.PRODUCT_TAG:
+    //   label = t("taxRegions.fields.targets.tags.productTag")
+    //   break
+    case "product_type" /* PRODUCT_TYPE */:
+      label = t("taxRegions.fields.targets.tags.productType");
+      break;
+  }
+  if (!label) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", children: label });
+};
+var ReferenceValues = ({
+  type,
+  ids
+}) => {
+  const { t } = useTranslation2();
+  const { isPending, additional, labels, isError, error } = useReferenceValues(
+    type,
+    ids
+  );
+  if (isError) {
+    throw error;
+  }
+  if (isPending) {
+    return /* @__PURE__ */ jsx2("div", { className: "bg-ui-tag-neutral-bg border-ui-tag-neutral-border h-5 w-14 animate-pulse rounded-md" });
+  }
+  return /* @__PURE__ */ jsx2(
+    Tooltip,
+    {
+      content: /* @__PURE__ */ jsxs2("ul", { children: [
+        labels?.map((label, index) => /* @__PURE__ */ jsx2("li", { children: label }, index)),
+        additional > 0 && /* @__PURE__ */ jsx2("li", { children: t("taxRegions.fields.targets.additionalValues", {
+          count: additional
+        }) })
+      ] }),
+      children: /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", children: t("taxRegions.fields.targets.values", {
+        count: ids.length
+      }) })
+    }
+  );
+};
+var useReferenceValues = (type, ids) => {
+  const products = useProducts(
+    {
+      id: ids,
+      limit: 10
+    },
+    {
+      enabled: !!ids.length && type === "product" /* PRODUCT */
+    }
+  );
+  const productTypes = useProductTypes(
+    {
+      id: ids,
+      limit: 10
+    },
+    {
+      enabled: !!ids.length && type === "product_type" /* PRODUCT_TYPE */
+    }
+  );
+  switch (type) {
+    case "product" /* PRODUCT */:
+      return {
+        labels: products.products?.map((product) => product.title),
+        isPending: products.isPending,
+        additional: products.products && products.count ? products.count - (products.products?.length ?? 0) : 0,
+        isError: products.isError,
+        error: products.error
+      };
+    // case TaxRateRuleReferenceType.PRODUCT_TAG:
+    //   return {
+    //     labels: tags.product_tags?.map((tag: any) => tag.value),
+    //     isPending: tags.isPending,
+    //     additional:
+    //       tags.product_tags && tags.count
+    //         ? tags.count - tags.product_tags.length
+    //         : 0,
+    //     isError: tags.isError,
+    //     error: tags.error,
+    //   }
+    case "product_type" /* PRODUCT_TYPE */:
+      return {
+        labels: productTypes.product_types?.map((type2) => type2.value),
+        isPending: productTypes.isPending,
+        additional: productTypes.product_types && productTypes.count ? productTypes.count - productTypes.product_types.length : 0,
+        isError: productTypes.isError,
+        error: productTypes.error
+      };
+    // case TaxRateRuleReferenceType.PRODUCT_COLLECTION:
+    //   return {
+    //     labels: collections.collections?.map((collection) => collection.title!),
+    //     isPending: collections.isPending,
+    //     additional:
+    //       collections.collections && collections.count
+    //         ? collections.count - collections.collections.length
+    //         : 0,
+    //     isError: collections.isError,
+    //     error: collections.error,
+    //   }
+    // case TaxRateRuleReferenceType.CUSTOMER_GROUP:
+    //   return {
+    //     labels: customerGroups.customer_groups?.map((group) => group.name!),
+    //     isPending: customerGroups.isPending,
+    //     additional:
+    //       customerGroups.customer_groups && customerGroups.count
+    //         ? customerGroups.count - customerGroups.customer_groups.length
+    //         : 0,
+    //     isError: customerGroups.isError,
+    //     error: customerGroups.error,
+    //   }
+    default:
+      return {
+        labels: void 0,
+        isPending: false,
+        additional: 0,
+        isError: false,
+        error: null
+      };
+  }
+};
+
+// src/pages/settings/tax-regions/_common/components/tax-override-table.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var TaxOverrideTable = ({
+  isPending,
+  action,
+  count = 0,
+  table,
+  queryObject,
+  prefix,
+  children
+}) => {
+  const { t } = useTranslation3();
+  const orderByKeys = useMemo(
+    () => [
+      { key: "name", label: t("fields.name") },
+      { key: "rate", label: t("fields.rate") },
+      { key: "code", label: t("fields.code") },
+      { key: "updated_at", label: t("fields.updatedAt") },
+      { key: "created_at", label: t("fields.createdAt") }
+    ],
+    [t]
+  );
+  if (isPending) {
+    return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col divide-y", children: [
+      Array.from({ length: 3 }).map((_, index) => {
+        return /* @__PURE__ */ jsx3(
+          "div",
+          {
+            className: "bg-ui-bg-field-component h-[52px] w-full animate-pulse"
+          },
+          index
+        );
+      }),
+      /* @__PURE__ */ jsx3(TableFooterSkeleton, { layout: "fit" })
+    ] });
+  }
+  const noQuery = Object.values(queryObject).filter((v) => Boolean(v)).length === 0;
+  const noResults = !isPending && count === 0 && !noQuery;
+  const noRecords = !isPending && count === 0 && noQuery;
+  const { pageIndex, pageSize } = table.getState().pagination;
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col divide-y", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col justify-between gap-x-4 gap-y-3 px-6 py-4 md:flex-row md:items-center", children: [
+      /* @__PURE__ */ jsx3("div", { children }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-2", children: [
+        !noRecords && /* @__PURE__ */ jsxs3("div", { className: "flex w-full items-center gap-x-2 md:w-fit", children: [
+          /* @__PURE__ */ jsx3("div", { className: "w-full md:w-fit", children: /* @__PURE__ */ jsx3(DataTableSearch, { prefix }) }),
+          /* @__PURE__ */ jsx3(
+            DataTableOrderBy,
+            {
+              keys: orderByKeys,
+              prefix
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx3(Link, { to: action.to, children: /* @__PURE__ */ jsx3(Button, { size: "small", variant: "secondary", children: action.label }) })
+      ] })
+    ] }),
+    noResults && /* @__PURE__ */ jsx3(NoResults, {}),
+    noRecords && /* @__PURE__ */ jsx3(NoRecords, {}),
+    !noRecords && !noResults ? !isPending ? table.getRowModel().rows.map((row) => {
+      return /* @__PURE__ */ jsx3(
+        TaxOverrideCard,
+        {
+          taxRate: row.original,
+          role: "row",
+          "aria-rowindex": row.index
+        },
+        row.id
+      );
+    }) : Array.from({ length: 3 }).map((_, index) => {
+      return /* @__PURE__ */ jsx3(
+        "div",
+        {
+          className: "bg-ui-bg-field-component h-[60px] w-full animate-pulse"
+        },
+        index
+      );
+    }) : null,
+    !noRecords && /* @__PURE__ */ jsx3(
+      LocalizedTablePagination,
+      {
+        prefix,
+        canNextPage: table.getCanNextPage(),
+        canPreviousPage: table.getCanPreviousPage(),
+        count,
+        nextPage: table.nextPage,
+        previousPage: table.previousPage,
+        pageCount: table.getPageCount(),
+        pageIndex,
+        pageSize
+      }
+    )
+  ] });
+};
+
+// src/pages/settings/tax-regions/_common/hooks/use-tax-override-table.tsx
+import {
+  getCoreRowModel,
+  getPaginationRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+import { useEffect, useMemo as useMemo2, useState } from "react";
+import { useSearchParams } from "react-router-dom";
+var useTaxOverrideTable = ({
+  data = [],
+  count = 0,
+  pageSize: _pageSize = 10,
+  prefix
+}) => {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const offsetKey = `${prefix ? `${prefix}_` : ""}offset`;
+  const offset = searchParams.get(offsetKey);
+  const [{ pageIndex, pageSize }, setPagination] = useState({
+    pageIndex: offset ? Math.ceil(Number(offset) / _pageSize) : 0,
+    pageSize: _pageSize
+  });
+  const pagination = useMemo2(
+    () => ({
+      pageIndex,
+      pageSize
+    }),
+    [pageIndex, pageSize]
+  );
+  useEffect(() => {
+    const index = offset ? Math.ceil(Number(offset) / _pageSize) : 0;
+    if (index === pageIndex) {
+      return;
+    }
+    setPagination((prev) => ({
+      ...prev,
+      pageIndex: index
+    }));
+  }, [offset, _pageSize, pageIndex]);
+  const onPaginationChange = (updater) => {
+    const state = updater(pagination);
+    const { pageIndex: pageIndex2, pageSize: pageSize2 } = state;
+    setSearchParams((prev) => {
+      if (!pageIndex2) {
+        prev.delete(offsetKey);
+        return prev;
+      }
+      const newSearch = new URLSearchParams(prev);
+      newSearch.set(offsetKey, String(pageIndex2 * pageSize2));
+      return newSearch;
+    });
+    setPagination(state);
+    return state;
+  };
+  const table = useReactTable({
+    data,
+    columns: [],
+    // We don't actually want to render any columns
+    pageCount: Math.ceil(count / pageSize),
+    state: {
+      pagination
+    },
+    getCoreRowModel: getCoreRowModel(),
+    onPaginationChange,
+    getPaginationRowModel: getPaginationRowModel(),
+    manualPagination: true
+  });
+  return {
+    table
+  };
+};
+
+export {
+  TaxRateLine,
+  TaxOverrideTable,
+  useTaxOverrideTable
+};