@mercurjs/admin 2.0.0-canary.24

package/dist/chunk-NZJGUN67.js

@@ -0,0 +1,266 @@
+import {
+  getProvinceByIso2,
+  isProvinceInCountry
+} from "./chunk-N2TQXB44.js";
+import {
+  IconAvatar
+} from "./chunk-U2EI2ZLM.js";
+import {
+  getCountryByIso2
+} from "./chunk-JRTZWK77.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useDeleteTaxRate
+} from "./chunk-YGQUBTKR.js";
+import {
+  useDeleteTaxRegion
+} from "./chunk-362QMJZM.js";
+
+// src/pages/tax-regions/common/components/tax-region-card/tax-region-card.tsx
+import { Heading, Text, Tooltip, clx } from "@medusajs/ui";
+import ReactCountryFlag from "react-country-flag";
+import {
+  ExclamationCircle,
+  MapPin,
+  Plus,
+  Trash,
+  PencilSquare
+} from "@medusajs/icons";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { Link } from "react-router-dom";
+
+// src/pages/tax-regions/common/hooks.ts
+import { toast, usePrompt } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+var useDeleteTaxRegionAction = ({
+  taxRegion,
+  to = "/settings/tax-regions"
+}) => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const prompt = usePrompt();
+  const { mutateAsync } = useDeleteTaxRegion(taxRegion.id);
+  const handleDelete = async () => {
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: t("taxRegions.delete.confirmation"),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    await mutateAsync(void 0, {
+      onSuccess: () => {
+        toast.success(t("taxRegions.delete.successToast"));
+        navigate(to, { replace: true });
+      },
+      onError: (e) => {
+        toast.error(e.message);
+      }
+    });
+  };
+  return handleDelete;
+};
+var useDeleteTaxRateAction = (taxRate) => {
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const { mutateAsync } = useDeleteTaxRate(taxRate.id);
+  const handleDelete = async () => {
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: t("taxRegions.taxRates.delete.confirmation", {
+        name: taxRate.name
+      }),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    await mutateAsync(void 0, {
+      onSuccess: () => {
+        toast.success(t("taxRegions.taxRates.delete.successToast"));
+      },
+      onError: (e) => {
+        toast.error(e.message);
+      }
+    });
+  };
+  return handleDelete;
+};
+
+// src/pages/tax-regions/common/components/tax-region-card/tax-region-card.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var TaxRegionCard = ({
+  taxRegion,
+  type = "list",
+  variant = "country",
+  asLink = true,
+  badge
+}) => {
+  const { t } = useTranslation2();
+  const { id, country_code, province_code } = taxRegion;
+  const country = getCountryByIso2(country_code);
+  const province = getProvinceByIso2(province_code);
+  let name = "N/A";
+  let misconfiguredSublevelTooltip = null;
+  if (province || province_code) {
+    name = province ? province : province_code.toUpperCase();
+  } else if (country || country_code) {
+    name = country ? country.display_name : country_code.toUpperCase();
+  }
+  if (country_code && province_code && !isProvinceInCountry(country_code, province_code)) {
+    name = province_code.toUpperCase();
+    misconfiguredSublevelTooltip = t(
+      "taxRegions.fields.sublevels.tooltips.notPartOfCountry",
+      {
+        country: country?.display_name,
+        province: province_code.toUpperCase()
+      }
+    );
+  }
+  const showCreateDefaultTaxRate = !taxRegion.tax_rates.filter((tr) => tr.is_default).length && type === "header";
+  const Component = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clx(
+        "group-data-[link=true]:hover:bg-ui-bg-base-hover transition-fg flex flex-col justify-between gap-y-4 px-6 md:flex-row md:items-center md:gap-y-0",
+        {
+          "py-4": type === "header",
+          "py-3": type === "list"
+        }
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-4", children: [
+            /* @__PURE__ */ jsx(IconAvatar, { size: type === "list" ? "small" : "large", children: country_code && !province_code ? /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: clx(
+                  "flex size-fit items-center justify-center overflow-hidden rounded-[1px]",
+                  {
+                    "rounded-sm": type === "header"
+                  }
+                ),
+                children: /* @__PURE__ */ jsx(
+                  ReactCountryFlag,
+                  {
+                    countryCode: country_code,
+                    svg: true,
+                    style: type === "list" ? { width: "12px", height: "9px" } : { width: "16px", height: "12px" },
+                    "aria-label": country?.display_name
+                  }
+                )
+              }
+            ) : /* @__PURE__ */ jsx(MapPin, { className: "text-ui-fg-subtle" }) }),
+            /* @__PURE__ */ jsx("div", { children: type === "list" ? /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", leading: "compact", children: name }) : /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-2", children: /* @__PURE__ */ jsx(Heading, { children: name }) }) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex size-fit items-center gap-x-2 md:hidden", children: [
+            misconfiguredSublevelTooltip && /* @__PURE__ */ jsx(Tooltip, { content: misconfiguredSublevelTooltip, children: /* @__PURE__ */ jsx(ExclamationCircle, { className: "text-ui-tag-orange-icon" }) }),
+            badge,
+            /* @__PURE__ */ jsx(
+              TaxRegionCardActions,
+              {
+                taxRegion,
+                showCreateDefaultTaxRate
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "hidden size-fit items-center gap-x-2 md:flex", children: [
+          misconfiguredSublevelTooltip && /* @__PURE__ */ jsx(Tooltip, { content: misconfiguredSublevelTooltip, children: /* @__PURE__ */ jsx(ExclamationCircle, { className: "text-ui-tag-orange-icon" }) }),
+          badge,
+          /* @__PURE__ */ jsx(
+            TaxRegionCardActions,
+            {
+              taxRegion,
+              showCreateDefaultTaxRate
+            }
+          )
+        ] })
+      ]
+    }
+  );
+  if (asLink) {
+    return /* @__PURE__ */ jsx(
+      Link,
+      {
+        to: variant === "country" ? `${id}` : `provinces/${id}`,
+        "data-link": "true",
+        className: "group block",
+        children: Component
+      }
+    );
+  }
+  return Component;
+};
+var TaxRegionCardActions = ({
+  taxRegion,
+  showCreateDefaultTaxRate
+}) => {
+  const { t } = useTranslation2();
+  const hasParent = !!taxRegion.parent_id;
+  const to = hasParent ? `/settings/tax-regions/${taxRegion.parent_id}` : void 0;
+  const handleDelete = useDeleteTaxRegionAction({ taxRegion, to });
+  return /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      groups: [
+        ...showCreateDefaultTaxRate ? [
+          {
+            actions: [
+              {
+                icon: /* @__PURE__ */ jsx(Plus, {}),
+                label: t("taxRegions.fields.defaultTaxRate.action"),
+                to: `tax-rates/create`
+              }
+            ]
+          }
+        ] : [],
+        {
+          actions: [
+            !hasParent && {
+              icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+              label: t("actions.edit"),
+              to: `/settings/tax-regions/${taxRegion.id}/edit`
+            },
+            {
+              icon: /* @__PURE__ */ jsx(Trash, {}),
+              label: t("actions.delete"),
+              onClick: handleDelete
+            }
+          ].filter(Boolean)
+        }
+      ],
+      "data-testid": `tax-region-card-action-menu-${taxRegion.id}`
+    }
+  );
+};
+
+// src/components/localization/localized-table-pagination/localized-table-pagination.tsx
+import { Table } from "@medusajs/ui";
+import { forwardRef } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var LocalizedTablePagination = forwardRef((props, ref) => {
+  const { t } = useTranslation3();
+  const translations = {
+    of: t("general.of"),
+    results: t("general.results"),
+    pages: t("general.pages"),
+    prev: t("general.prev"),
+    next: t("general.next")
+  };
+  return /* @__PURE__ */ jsx2(Table.Pagination, { ...props, translations, ref });
+});
+LocalizedTablePagination.displayName = "LocalizedTablePagination";
+
+export {
+  LocalizedTablePagination,
+  useDeleteTaxRateAction,
+  TaxRegionCard
+};

package/dist/chunk-NZN7PFPB.js

@@ -0,0 +1,169 @@
+import {
+  useDataTableDateColumns,
+  useDataTableDateFilters
+} from "./chunk-54RTJBYO.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+
+// src/components/data-table/helpers/sales-channels/use-sales-channel-table-columns.tsx
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { createDataTableColumnHelper, Tooltip } from "@medusajs/ui";
+
+// src/components/data-table/components/data-table-status-cell/data-table-status-cell.tsx
+import { clx } from "@medusajs/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DataTableStatusCell = ({
+  color,
+  children
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "txt-compact-small text-ui-fg-subtle flex h-full w-full items-center gap-x-2 overflow-hidden", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "presentation",
+        className: "flex h-5 w-2 items-center justify-center",
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clx(
+              "h-2 w-2 rounded-sm shadow-[0px_0px_0px_1px_rgba(0,0,0,0.12)_inset]",
+              {
+                "bg-ui-tag-neutral-icon": color === "grey",
+                "bg-ui-tag-green-icon": color === "green",
+                "bg-ui-tag-red-icon": color === "red",
+                "bg-ui-tag-blue-icon": color === "blue",
+                "bg-ui-tag-orange-icon": color === "orange",
+                "bg-ui-tag-purple-icon": color === "purple"
+              }
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "truncate", children })
+  ] });
+};
+
+// src/components/data-table/helpers/sales-channels/use-sales-channel-table-columns.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var columnHelper = createDataTableColumnHelper();
+var useSalesChannelTableColumns = () => {
+  const { t } = useTranslation();
+  const dateColumns = useDataTableDateColumns();
+  return useMemo(
+    () => [
+      columnHelper.accessor("name", {
+        header: () => t("fields.name"),
+        enableSorting: true,
+        sortLabel: t("fields.name"),
+        sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
+        sortDescLabel: t("filters.sorting.alphabeticallyDesc")
+      }),
+      columnHelper.accessor("description", {
+        header: () => t("fields.description"),
+        cell: ({ getValue }) => {
+          return /* @__PURE__ */ jsx2(Tooltip, { content: getValue(), children: /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: getValue() }) }) });
+        },
+        enableSorting: true,
+        sortLabel: t("fields.description"),
+        sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
+        sortDescLabel: t("filters.sorting.alphabeticallyDesc"),
+        maxSize: 250,
+        minSize: 100
+      }),
+      columnHelper.accessor("is_disabled", {
+        header: () => t("fields.status"),
+        enableSorting: true,
+        sortLabel: t("fields.status"),
+        sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
+        sortDescLabel: t("filters.sorting.alphabeticallyDesc"),
+        cell: ({ getValue }) => {
+          const value = getValue();
+          return /* @__PURE__ */ jsx2(DataTableStatusCell, { color: value ? "grey" : "green", children: value ? t("general.disabled") : t("general.enabled") });
+        }
+      }),
+      ...dateColumns
+    ],
+    [t, dateColumns]
+  );
+};
+
+// src/components/data-table/helpers/sales-channels/use-sales-channel-table-empty-state.tsx
+import { useMemo as useMemo2 } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+var useSalesChannelTableEmptyState = () => {
+  const { t } = useTranslation2();
+  return useMemo2(() => {
+    const content = {
+      empty: {
+        heading: t("salesChannels.list.empty.heading"),
+        description: t("salesChannels.list.empty.description")
+      },
+      filtered: {
+        heading: t("salesChannels.list.filtered.heading"),
+        description: t("salesChannels.list.filtered.description")
+      }
+    };
+    return content;
+  }, [t]);
+};
+
+// src/components/data-table/helpers/sales-channels/use-sales-channel-table-filters.tsx
+import { createDataTableFilterHelper } from "@medusajs/ui";
+import { useMemo as useMemo3 } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+var filterHelper = createDataTableFilterHelper();
+var useSalesChannelTableFilters = () => {
+  const { t } = useTranslation3();
+  const dateFilters = useDataTableDateFilters();
+  return useMemo3(
+    () => [
+      filterHelper.accessor("is_disabled", {
+        label: t("fields.status"),
+        type: "radio",
+        options: [
+          {
+            label: t("general.enabled"),
+            value: "false"
+          },
+          {
+            label: t("general.disabled"),
+            value: "true"
+          }
+        ]
+      }),
+      ...dateFilters
+    ],
+    [dateFilters, t]
+  );
+};
+
+// src/components/data-table/helpers/sales-channels/use-sales-channel-table-query.tsx
+var useSalesChannelTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at", "is_disabled"],
+    prefix
+  );
+  const { offset, created_at, updated_at, is_disabled, ...rest } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    is_disabled: is_disabled ? JSON.parse(is_disabled) : void 0,
+    ...rest
+  };
+  return searchParams;
+};
+
+export {
+  useSalesChannelTableColumns,
+  useSalesChannelTableEmptyState,
+  useSalesChannelTableFilters,
+  useSalesChannelTableQuery
+};

package/dist/chunk-O5HZRJPB.js

@@ -0,0 +1,55 @@
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+
+// src/hooks/table/query/use-order-table-query.tsx
+var useOrderTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    [
+      "offset",
+      "q",
+      "created_at",
+      "updated_at",
+      "region_id",
+      "sales_channel_id",
+      "payment_status",
+      "fulfillment_status",
+      "order"
+    ],
+    prefix
+  );
+  const {
+    offset,
+    sales_channel_id,
+    created_at,
+    updated_at,
+    fulfillment_status,
+    payment_status,
+    region_id,
+    q,
+    order
+  } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    sales_channel_id: sales_channel_id?.split(","),
+    fulfillment_status: fulfillment_status?.split(","),
+    payment_status: payment_status?.split(","),
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    region_id: region_id?.split(","),
+    order: order ? order : "-display_id",
+    q
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
+export {
+  useOrderTableQuery
+};

package/dist/chunk-O5VKW5FL.js

@@ -0,0 +1,41 @@
+import {
+  DateCell
+} from "./chunk-25LYVP3C.js";
+import {
+  TextCell
+} from "./chunk-JHIMVLB2.js";
+
+// src/hooks/table/columns/use-product-type-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 useProductTypeTableColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.accessor("value", {
+        header: () => t("fields.value"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() })
+      }),
+      columnHelper.accessor("created_at", {
+        header: () => t("fields.createdAt"),
+        cell: ({ getValue }) => {
+          return /* @__PURE__ */ jsx(DateCell, { date: getValue() });
+        }
+      }),
+      columnHelper.accessor("updated_at", {
+        header: () => t("fields.updatedAt"),
+        cell: ({ getValue }) => {
+          return /* @__PURE__ */ jsx(DateCell, { date: getValue() });
+        }
+      })
+    ],
+    [t]
+  );
+};
+
+export {
+  useProductTypeTableColumns
+};

package/dist/chunk-O67KME6D.js

@@ -0,0 +1,110 @@
+// src/hooks/use-combobox-data.tsx
+import {
+  keepPreviousData,
+  useInfiniteQuery,
+  useQuery
+} from "@tanstack/react-query";
+
+// src/hooks/use-debounced-search.tsx
+import debounce from "lodash/debounce";
+import { useCallback, useEffect, useState } from "react";
+var useDebouncedSearch = () => {
+  const [searchValue, onSearchValueChange] = useState("");
+  const [debouncedQuery, setDebouncedQuery] = useState("");
+  const debouncedUpdate = useCallback(
+    debounce((query) => setDebouncedQuery(query), 300),
+    []
+  );
+  useEffect(() => {
+    debouncedUpdate(searchValue);
+    return () => debouncedUpdate.cancel();
+  }, [searchValue, debouncedUpdate]);
+  return {
+    searchValue,
+    onSearchValueChange,
+    query: debouncedQuery || void 0
+  };
+};
+
+// src/hooks/use-combobox-data.tsx
+var useComboboxData = ({
+  queryKey,
+  queryFn,
+  getOptions,
+  defaultValue,
+  defaultValueKey,
+  selectedValue,
+  pageSize = 10,
+  enabled = true
+}) => {
+  const { searchValue, onSearchValueChange, query } = useDebouncedSearch();
+  const queryInitialDataBy = defaultValueKey || "id";
+  const { data: initialData } = useQuery({
+    queryKey: [...queryKey, defaultValue].filter(Boolean),
+    queryFn: async () => {
+      return queryFn({
+        [queryInitialDataBy]: defaultValue,
+        limit: Array.isArray(defaultValue) ? defaultValue.length : 1
+      });
+    },
+    enabled: !!defaultValue && enabled
+  });
+  const { data: selectedData } = useQuery({
+    queryKey: [...queryKey, selectedValue].filter(Boolean),
+    queryFn: async () => {
+      return queryFn({
+        id: selectedValue,
+        limit: 1
+      });
+    },
+    enabled: !!selectedValue && enabled
+  });
+  const { data, ...rest } = useInfiniteQuery({
+    // prevent infinite query response shape beeing stored under regualr list reponse QKs
+    queryKey: [...queryKey, "_cbx_", query].filter(Boolean),
+    queryFn: async ({ pageParam = 0 }) => {
+      return await queryFn({
+        q: query,
+        limit: pageSize,
+        offset: pageParam
+      });
+    },
+    initialPageParam: 0,
+    getNextPageParam: (lastPage) => {
+      const moreItemsExist = lastPage.count > lastPage.offset + lastPage.limit;
+      return moreItemsExist ? lastPage.offset + lastPage.limit : void 0;
+    },
+    placeholderData: keepPreviousData,
+    enabled
+  });
+  const options = data?.pages.flatMap((page) => getOptions(page)) ?? [];
+  const defaultOptions = initialData ? getOptions(initialData) : [];
+  const selectedOptions = selectedData ? getOptions(selectedData) : [];
+  const disabled = !rest.isPending && !options.length && !searchValue || !enabled;
+  if (defaultValue && defaultOptions.length && !searchValue) {
+    defaultOptions.forEach((option) => {
+      if (!options.find((o) => o.value === option.value)) {
+        options.unshift(option);
+      }
+    });
+  }
+  if (selectedValue && selectedOptions.length) {
+    selectedOptions.forEach((option) => {
+      if (!options.find((o) => o.value === option.value)) {
+        options.unshift(option);
+      }
+    });
+  }
+  return {
+    options,
+    searchValue,
+    onSearchValueChange,
+    disabled,
+    ...rest
+  };
+};
+
+export {
+  useDebouncedSearch,
+  useComboboxData
+};