@mercurjs/vendor 2.0.0-canary.0

package/dist/chunk-BDGZ4EQO.js

@@ -0,0 +1,86 @@
+import {
+  ConditionalTooltip
+} from "./chunk-LAVHRER2.js";
+import {
+  useDocumentDirection
+} from "./chunk-Y7QKP6QU.js";
+
+// src/components/common/action-menu/action-menu.tsx
+import { DropdownMenu, IconButton, clx } from "@medusajs/ui";
+import { EllipsisHorizontal } from "@medusajs/icons";
+import { Link } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ActionMenu = ({
+  groups,
+  variant = "transparent",
+  children
+}) => {
+  const direction = useDocumentDirection();
+  const inner = children ?? /* @__PURE__ */ jsx(IconButton, { size: "small", variant, children: /* @__PURE__ */ jsx(EllipsisHorizontal, {}) });
+  return /* @__PURE__ */ jsxs(DropdownMenu, { dir: direction, children: [
+    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: inner }),
+    /* @__PURE__ */ jsx(DropdownMenu.Content, { children: groups.map((group, index) => {
+      if (!group.actions.length) {
+        return null;
+      }
+      const isLast = index === groups.length - 1;
+      return /* @__PURE__ */ jsxs(DropdownMenu.Group, { children: [
+        group.actions.map((action, index2) => {
+          const Wrapper = action.disabledTooltip ? ({ children: children2 }) => /* @__PURE__ */ jsx(
+            ConditionalTooltip,
+            {
+              showTooltip: action.disabled,
+              content: action.disabledTooltip,
+              side: "right",
+              children: /* @__PURE__ */ jsx("div", { children: children2 })
+            }
+          ) : "div";
+          if (action.onClick) {
+            return /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsxs(
+              DropdownMenu.Item,
+              {
+                disabled: action.disabled,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  action.onClick();
+                },
+                className: clx(
+                  "[&_svg]:text-ui-fg-subtle flex items-center gap-x-2",
+                  {
+                    "[&_svg]:text-ui-fg-disabled": action.disabled
+                  }
+                ),
+                children: [
+                  action.icon,
+                  /* @__PURE__ */ jsx("span", { children: action.label })
+                ]
+              }
+            ) }, index2);
+          }
+          return /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(
+            DropdownMenu.Item,
+            {
+              className: clx(
+                "[&_svg]:text-ui-fg-subtle flex items-center gap-x-2",
+                {
+                  "[&_svg]:text-ui-fg-disabled": action.disabled
+                }
+              ),
+              asChild: true,
+              disabled: action.disabled,
+              children: /* @__PURE__ */ jsxs(Link, { to: action.to, onClick: (e) => e.stopPropagation(), children: [
+                action.icon,
+                /* @__PURE__ */ jsx("span", { children: action.label })
+              ] })
+            }
+          ) }, index2);
+        }),
+        !isLast && /* @__PURE__ */ jsx(DropdownMenu.Separator, {})
+      ] }, index);
+    }) })
+  ] });
+};
+
+export {
+  ActionMenu
+};

package/dist/chunk-BDZOSMAX.js

@@ -0,0 +1,23 @@
+// src/pages/categories/common/utils.ts
+function getCategoryPath(category) {
+  if (!category) {
+    return [];
+  }
+  const path = category.parent_category ? getCategoryPath(category.parent_category) : [];
+  path.push({ id: category.id, name: category.name });
+  return path;
+}
+function getCategoryChildren(category) {
+  if (!category || !category.category_children) {
+    return [];
+  }
+  return category.category_children.map((child) => ({
+    id: child.id,
+    name: child.name
+  }));
+}
+
+export {
+  getCategoryPath,
+  getCategoryChildren
+};

package/dist/chunk-C6SUTRP2.js

@@ -0,0 +1,13 @@
+// src/lib/is-fetch-error.ts
+import { ClientError } from "@mercurjs/client";
+var isClientError = (error) => {
+  return error instanceof ClientError;
+};
+var isFetchError = (error) => {
+  return error instanceof Error && "status" in error;
+};
+
+export {
+  isClientError,
+  isFetchError
+};

package/dist/chunk-CDIZEXFJ.js

@@ -0,0 +1,145 @@
+import {
+  useCollectionTableColumns,
+  useCollectionTableQuery
+} from "./chunk-O6PRBSFL.js";
+import {
+  useCollectionTableFilters
+} from "./chunk-HHD2VUED.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-WHTS4G5K.js";
+import {
+  SingleColumnPage
+} from "./chunk-RM5RSDYP.js";
+import {
+  useCollections
+} from "./chunk-LWVBKUUL.js";
+
+// src/pages/collections/collection-list-page.tsx
+import { Children as Children3 } from "react";
+
+// src/pages/collections/_components/collection-list-table/collection-list-table.tsx
+import { Children as Children2 } from "react";
+import { Container } from "@medusajs/ui";
+import { Outlet } from "react-router-dom";
+
+// src/pages/collections/_components/collection-list-table/collection-list-header.tsx
+import { Children } from "react";
+import { useTranslation } from "react-i18next";
+import { Heading, Text } from "@medusajs/ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var CollectionListTitle = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Heading, { children: t("collections.domain") }),
+    /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: t("collections.subtitle") })
+  ] });
+};
+var CollectionListActions = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center gap-x-2", children });
+};
+var CollectionListHeader = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(CollectionListTitle, {}),
+    /* @__PURE__ */ jsx(CollectionListActions, {})
+  ] }) });
+};
+
+// src/pages/collections/_components/collection-list-table/collection-list-data-table.tsx
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { keepPreviousData } from "@tanstack/react-query";
+import { useMemo } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var CollectionListDataTable = () => {
+  const { t } = useTranslation2();
+  const { searchParams, raw } = useCollectionTableQuery({
+    pageSize: PAGE_SIZE
+  });
+  const { collections, count, isError, error, isLoading } = useCollections(
+    {
+      ...searchParams,
+      fields: "*products"
+    },
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const filters = useCollectionTableFilters();
+  const columns = useColumns();
+  const { table } = useDataTable({
+    data: collections ?? [],
+    columns,
+    count,
+    enablePagination: true,
+    getRowId: (row, index) => row.id ?? `${index}`,
+    pageSize: PAGE_SIZE
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(
+    _DataTable,
+    {
+      table,
+      columns,
+      pageSize: PAGE_SIZE,
+      count,
+      filters,
+      orderBy: [
+        { key: "title", label: t("fields.title") },
+        { key: "handle", label: t("fields.handle") },
+        {
+          key: "created_at",
+          label: t("fields.createdAt")
+        },
+        {
+          key: "updated_at",
+          label: t("fields.updatedAt")
+        }
+      ],
+      search: true,
+      navigateTo: (row) => `/collections/${row.original.id}`,
+      queryObject: raw,
+      isLoading
+    }
+  );
+};
+var useColumns = () => {
+  const base = useCollectionTableColumns();
+  return useMemo(() => [...base], [base]);
+};
+
+// src/pages/collections/_components/collection-list-table/collection-list-table.tsx
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var CollectionListTable = ({ children }) => {
+  return /* @__PURE__ */ jsxs2(Container, { className: "divide-y p-0", children: [
+    Children2.count(children) > 0 ? children : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+      /* @__PURE__ */ jsx3(CollectionListHeader, {}),
+      /* @__PURE__ */ jsx3(CollectionListDataTable, {})
+    ] }),
+    /* @__PURE__ */ jsx3(Outlet, {})
+  ] });
+};
+
+// src/pages/collections/collection-list-page.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(CollectionListTable, {}) });
+};
+var CollectionListPage = Object.assign(Root, {
+  Table: CollectionListTable,
+  Header: CollectionListHeader,
+  HeaderTitle: CollectionListTitle,
+  HeaderActions: CollectionListActions,
+  DataTable: CollectionListDataTable
+});
+
+export {
+  CollectionListPage
+};

package/dist/chunk-CFETU5BI.js

@@ -0,0 +1,261 @@
+// src/hooks/use-date.tsx
+import { format, formatDistance, sub } from "date-fns";
+import { enUS as enUS2 } from "date-fns/locale";
+import { useTranslation } from "react-i18next";
+
+// src/i18n/languages.ts
+import {
+  ar,
+  bg,
+  bs,
+  cs,
+  de,
+  el,
+  enUS,
+  es,
+  faIR,
+  fr,
+  he,
+  hu,
+  id,
+  it,
+  ja,
+  ko,
+  lt,
+  mk,
+  mn,
+  nl,
+  pl,
+  pt,
+  ptBR,
+  ro,
+  ru,
+  th,
+  tr,
+  uk,
+  vi,
+  zhCN,
+  zhTW
+} from "date-fns/locale";
+var languages = [
+  {
+    code: "bs",
+    display_name: "Bosanski",
+    ltr: true,
+    date_locale: bs
+  },
+  {
+    code: "bg",
+    display_name: "\u0411\u044A\u043B\u0433\u0430\u0440\u0441\u043A\u0438",
+    ltr: true,
+    date_locale: bg
+  },
+  {
+    code: "en",
+    display_name: "English",
+    ltr: true,
+    date_locale: enUS
+  },
+  {
+    code: "es",
+    display_name: "Espa\xF1ol",
+    ltr: true,
+    date_locale: es
+  },
+  {
+    code: "el",
+    display_name: "\u0395\u03BB\u03BB\u03B7\u03BD\u03B9\u03BA\u03AC",
+    ltr: true,
+    date_locale: el
+  },
+  {
+    code: "de",
+    display_name: "Deutsch",
+    ltr: true,
+    date_locale: de
+  },
+  {
+    code: "fr",
+    display_name: "Fran\xE7ais",
+    ltr: true,
+    date_locale: fr
+  },
+  {
+    code: "he",
+    display_name: "\u05E2\u05D1\u05E8\u05D9\u05EA",
+    ltr: false,
+    date_locale: he
+  },
+  {
+    code: "hu",
+    display_name: "Magyar",
+    ltr: true,
+    date_locale: hu
+  },
+  {
+    code: "it",
+    display_name: "Italiano",
+    ltr: true,
+    date_locale: it
+  },
+  {
+    code: "ja",
+    display_name: "\u65E5\u672C\u8A9E",
+    ltr: true,
+    date_locale: ja
+  },
+  {
+    code: "pl",
+    display_name: "Polski",
+    ltr: true,
+    date_locale: pl
+  },
+  {
+    code: "ptBR",
+    display_name: "Portugu\xEAs (Brasil)",
+    ltr: true,
+    date_locale: ptBR
+  },
+  {
+    code: "ptPT",
+    display_name: "Portugu\xEAs (Portugal)",
+    ltr: true,
+    date_locale: pt
+  },
+  {
+    code: "tr",
+    display_name: "T\xFCrk\xE7e",
+    ltr: true,
+    date_locale: tr
+  },
+  {
+    code: "th",
+    display_name: "\u0E44\u0E17\u0E22",
+    ltr: true,
+    date_locale: th
+  },
+  {
+    code: "uk",
+    display_name: "\u0423\u043A\u0440\u0430\u0457\u043D\u0441\u044C\u043A\u0430",
+    ltr: true,
+    date_locale: uk
+  },
+  {
+    code: "ro",
+    display_name: "Rom\xE2n\u0103",
+    ltr: true,
+    date_locale: ro
+  },
+  {
+    code: "mk",
+    display_name: "\u041C\u0430\u043A\u0435\u0434\u043E\u043D\u0441\u043A\u0438",
+    ltr: true,
+    date_locale: mk
+  },
+  {
+    code: "mn",
+    display_name: "\u041C\u043E\u043D\u0433\u043E\u043B",
+    ltr: true,
+    date_locale: mn
+  },
+  {
+    code: "ar",
+    display_name: "\u0627\u0644\u0639\u0631\u0628\u064A\u0629",
+    ltr: false,
+    date_locale: ar
+  },
+  {
+    code: "zhCN",
+    display_name: "\u7B80\u4F53\u4E2D\u6587",
+    ltr: true,
+    date_locale: zhCN
+  },
+  {
+    code: "fa",
+    display_name: "\u0641\u0627\u0631\u0633\u06CC",
+    ltr: false,
+    date_locale: faIR
+  },
+  {
+    code: "cs",
+    display_name: "\u010Ce\u0161tina",
+    ltr: true,
+    date_locale: cs
+  },
+  {
+    code: "ru",
+    display_name: "\u0420\u0443\u0441\u0441\u043A\u0438\u0439",
+    ltr: true,
+    date_locale: ru
+  },
+  {
+    code: "lt",
+    display_name: "Lietuvi\u0161kai",
+    ltr: true,
+    date_locale: lt
+  },
+  {
+    code: "vi",
+    display_name: "Ti\u1EBFng Vi\u1EC7t",
+    ltr: true,
+    date_locale: vi
+  },
+  {
+    code: "id",
+    display_name: "Bahasa Indonesia",
+    ltr: true,
+    date_locale: id
+  },
+  {
+    code: "ko",
+    display_name: "\uD55C\uAD6D\uC5B4",
+    ltr: true,
+    date_locale: ko
+  },
+  {
+    code: "nl",
+    display_name: "Nederlands",
+    ltr: true,
+    date_locale: nl
+  },
+  {
+    code: "zhTW",
+    display_name: "\u7E41\u9AD4\u4E2D\u6587(\u81FA\u7063)",
+    ltr: true,
+    date_locale: zhTW
+  }
+];
+
+// src/hooks/use-date.tsx
+var useDate = () => {
+  const { i18n } = useTranslation();
+  const locale = languages.find((l) => l.code === i18n.language)?.date_locale || enUS2;
+  const getFullDate = ({
+    date,
+    includeTime = false
+  }) => {
+    const ensuredDate = new Date(date);
+    if (isNaN(ensuredDate.getTime())) {
+      return "";
+    }
+    const timeFormat = includeTime ? "p" : "";
+    return format(ensuredDate, `PP ${timeFormat}`, {
+      locale
+    });
+  };
+  function getRelativeDate(date) {
+    const now = /* @__PURE__ */ new Date();
+    return formatDistance(sub(new Date(date), { minutes: 0 }), now, {
+      addSuffix: true,
+      locale
+    });
+  }
+  return {
+    getFullDate,
+    getRelativeDate
+  };
+};
+
+export {
+  useDate
+};

package/dist/chunk-CMHI2RPL.js

@@ -0,0 +1,20 @@
+// src/hooks/table/filters/use-customer-group-table-filters.tsx
+import { useTranslation } from "react-i18next";
+var useCustomerGroupTableFilters = () => {
+  const { t } = useTranslation();
+  let filters = [];
+  const dateFilters = [
+    { label: t("fields.createdAt"), key: "created_at" },
+    { label: t("fields.updatedAt"), key: "updated_at" }
+  ].map((f) => ({
+    key: f.key,
+    label: f.label,
+    type: "date"
+  }));
+  filters = [...filters, ...dateFilters];
+  return filters;
+};
+
+export {
+  useCustomerGroupTableFilters
+};

package/dist/chunk-CP5IL4P6.js

@@ -0,0 +1,98 @@
+import {
+  IconAvatar
+} from "./chunk-U2EI2ZLM.js";
+
+// src/components/common/logo-box/avatar-box.tsx
+import { motion } from "motion/react";
+import config from "virtual:mercur/config";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AvatarBox({ checked }) {
+  const fallbackLetter = config.name?.charAt(0)?.toUpperCase() ?? "M";
+  return /* @__PURE__ */ jsxs(
+    IconAvatar,
+    {
+      size: "xlarge",
+      className: "bg-ui-button-neutral shadow-buttons-neutral after:button-neutral-gradient relative mb-4 flex h-[50px] w-[50px] items-center justify-center rounded-xl after:inset-0 after:content-['']",
+      children: [
+        checked && /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            className: "absolute -right-[5px] -top-1 flex size-5 items-center justify-center rounded-full border-[0.5px] border-[rgba(3,7,18,0.2)] bg-[#3B82F6] bg-gradient-to-b from-white/0 to-white/20 shadow-[0px_1px_2px_0px_rgba(3,7,18,0.12),0px_1px_2px_0px_rgba(255,255,255,0.10)_inset,0px_-1px_5px_0px_rgba(255,255,255,0.10)_inset,0px_0px_0px_0px_rgba(3,7,18,0.06)_inset]",
+            initial: { opacity: 0, scale: 0.5 },
+            animate: { opacity: 1, scale: 1 },
+            transition: {
+              duration: 1.2,
+              delay: 0.8,
+              ease: [0, 0.71, 0.2, 1.01]
+            },
+            children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "20",
+                height: "20",
+                viewBox: "0 0 20 20",
+                fill: "none",
+                children: /* @__PURE__ */ jsx(
+                  motion.path,
+                  {
+                    d: "M5.8335 10.4167L9.16683 13.75L14.1668 6.25",
+                    stroke: "white",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    initial: { pathLength: 0, opacity: 0 },
+                    animate: { pathLength: 1, opacity: 1 },
+                    transition: {
+                      duration: 1.3,
+                      delay: 1.1,
+                      bounce: 0.6,
+                      ease: [0.1, 0.8, 0.2, 1.01]
+                    }
+                  }
+                )
+              }
+            )
+          }
+        ),
+        config.logo ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: config.logo,
+            alt: config.name ?? "",
+            className: "h-full w-full rounded-[10px] object-cover"
+          }
+        ) : /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            className: "rounded-[10px]",
+            viewBox: "0 0 400 400",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: [
+              /* @__PURE__ */ jsx("rect", { width: "400", height: "400", rx: "40", fill: "#18181B" }),
+              /* @__PURE__ */ jsx(
+                "text",
+                {
+                  x: "200",
+                  y: "200",
+                  textAnchor: "middle",
+                  dominantBaseline: "central",
+                  fill: "white",
+                  fontSize: "200",
+                  fontWeight: "bold",
+                  fontFamily: "Inter, system-ui, sans-serif",
+                  children: fallbackLetter
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  AvatarBox
+};