@mercurjs/admin 2.0.0-canary.100

package/dist/chunk-NCYTM57J.js

@@ -0,0 +1,160 @@
+// src/components/inputs/chip-input/chip-input.tsx
+import { XMarkMini } from "@medusajs/icons";
+import { Badge, clx } from "@medusajs/ui";
+import { AnimatePresence, motion } from "motion/react";
+import {
+  forwardRef,
+  useImperativeHandle,
+  useRef,
+  useState
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ChipInput = forwardRef(
+  ({
+    value,
+    onChange,
+    onBlur,
+    disabled,
+    name,
+    showRemove = true,
+    variant = "base",
+    allowDuplicates = false,
+    placeholder,
+    className
+  }, ref) => {
+    const innerRef = useRef(null);
+    const isControlledRef = useRef(typeof value !== "undefined");
+    const isControlled = isControlledRef.current;
+    const [uncontrolledValue, setUncontrolledValue] = useState([]);
+    useImperativeHandle(
+      ref,
+      () => innerRef.current
+    );
+    const [duplicateIndex, setDuplicateIndex] = useState(null);
+    const chips = isControlled ? value : uncontrolledValue;
+    const handleAddChip = (chip) => {
+      const cleanValue = chip.trim();
+      if (!cleanValue) {
+        return;
+      }
+      if (!allowDuplicates && chips.includes(cleanValue)) {
+        setDuplicateIndex(chips.indexOf(cleanValue));
+        setTimeout(() => {
+          setDuplicateIndex(null);
+        }, 300);
+        return;
+      }
+      onChange?.([...chips, cleanValue]);
+      if (!isControlled) {
+        setUncontrolledValue([...chips, cleanValue]);
+      }
+    };
+    const handleRemoveChip = (chip) => {
+      onChange?.(chips.filter((v) => v !== chip));
+      if (!isControlled) {
+        setUncontrolledValue(chips.filter((v) => v !== chip));
+      }
+    };
+    const handleBlur = (e) => {
+      onBlur?.();
+      if (e.target.value) {
+        handleAddChip(e.target.value);
+        e.target.value = "";
+      }
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Enter" || e.key === ",") {
+        e.preventDefault();
+        if (!innerRef.current?.value) {
+          return;
+        }
+        handleAddChip(innerRef.current?.value ?? "");
+        innerRef.current.value = "";
+        innerRef.current?.focus();
+      }
+      if (e.key === "Backspace" && innerRef.current?.value === "") {
+        handleRemoveChip(chips[chips.length - 1]);
+      }
+    };
+    const shake = {
+      x: [0, -2, 2, -2, 2, 0],
+      transition: { duration: 0.3 }
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: clx(
+          "shadow-borders-base flex min-h-8 flex-wrap items-center gap-1 rounded-md px-2 py-1.5",
+          "transition-fg focus-within:shadow-borders-interactive-with-active",
+          "has-[input:disabled]:bg-ui-bg-disabled has-[input:disabled]:text-ui-fg-disabled has-[input:disabled]:cursor-not-allowed",
+          {
+            "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover": variant === "contrast",
+            "bg-ui-bg-field hover:bg-ui-bg-field-hover": variant === "base"
+          },
+          className
+        ),
+        tabIndex: -1,
+        onClick: () => innerRef.current?.focus(),
+        children: [
+          chips.map((v, index) => {
+            return /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsx(
+              Badge,
+              {
+                size: "2xsmall",
+                className: clx("gap-x-0.5 pl-1.5 pr-1.5", {
+                  "transition-fg pr-1": showRemove,
+                  "shadow-borders-focus": index === duplicateIndex
+                }),
+                asChild: true,
+                children: /* @__PURE__ */ jsxs(
+                  motion.div,
+                  {
+                    animate: index === duplicateIndex ? shake : void 0,
+                    children: [
+                      v,
+                      showRemove && /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          tabIndex: -1,
+                          type: "button",
+                          onClick: () => handleRemoveChip(v),
+                          className: clx(
+                            "text-ui-fg-subtle transition-fg outline-none"
+                          ),
+                          children: /* @__PURE__ */ jsx(XMarkMini, {})
+                        }
+                      )
+                    ]
+                  }
+                )
+              }
+            ) }, `${v}-${index}`);
+          }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: clx(
+                "caret-ui-fg-base text-ui-fg-base txt-compact-small flex-1 appearance-none bg-transparent",
+                "disabled:text-ui-fg-disabled disabled:cursor-not-allowed",
+                "focus:outline-none",
+                "placeholder:text-ui-fg-muted"
+              ),
+              onKeyDown: handleKeyDown,
+              onBlur: handleBlur,
+              disabled,
+              name,
+              ref: innerRef,
+              placeholder: chips.length === 0 ? placeholder : void 0,
+              autoComplete: "off"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ChipInput.displayName = "ChipInput";
+
+export {
+  ChipInput
+};

package/dist/chunk-NHGR2OFE.js

@@ -0,0 +1,292 @@
+import {
+  require_dist
+} from "./chunk-BPTVQM72.js";
+import {
+  DateCell
+} from "./chunk-25LYVP3C.js";
+import {
+  StatusCell
+} from "./chunk-DB6ANJBO.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-ULJ3OMWU.js";
+import {
+  SingleColumnPage
+} from "./chunk-XIZLPYEE.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useSellerTableFilters
+} from "./chunk-YMKZS2HK.js";
+import {
+  useSellersTableQuery
+} from "./chunk-TKEAOWBZ.js";
+import {
+  useInviteSeller,
+  useSellers
+} from "./chunk-HPQG3PEA.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
+
+// src/pages/sellers/seller-list/seller-list.tsx
+import { Children as Children3 } from "react";
+
+// src/pages/sellers/seller-list/components/seller-list-table/seller-list-table.tsx
+import { Children as Children2 } from "react";
+import { Container } from "@medusajs/ui";
+
+// src/pages/sellers/seller-list/components/seller-list-table/seller-list-header.tsx
+import { Children, useState } from "react";
+import { Button, Drawer, Heading, Input, Label, toast } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { z } from "zod";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var SellerListTitle = () => {
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Sellers" }) });
+};
+var SellerListActions = ({
+  children
+}) => {
+  const { t } = useTranslation();
+  const [open, setOpen] = useState(false);
+  const [email, setEmail] = useState("");
+  const [error, setError] = useState("");
+  const { mutateAsync, isPending } = useInviteSeller({
+    onSuccess: (_data, variables) => {
+      toast.success(
+        t("sellers.invite.successToast", { email: variables.email })
+      );
+      setEmail("");
+      setError("");
+      setOpen(false);
+    },
+    onError: () => {
+      toast.error(t("sellers.invite.errorToast"));
+    }
+  });
+  const handleSubmit = async () => {
+    const result = z.string().email().safeParse(email);
+    if (!result.success) {
+      setError(t("sellers.fields.email"));
+      return;
+    }
+    setError("");
+    await mutateAsync({ email });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-x-2", children: [
+    children,
+    /* @__PURE__ */ jsxs(Drawer, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(Drawer.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", children: t("sellers.invite.button") }) }),
+      /* @__PURE__ */ jsxs(Drawer.Content, { children: [
+        /* @__PURE__ */ jsxs(Drawer.Header, { children: [
+          /* @__PURE__ */ jsx(Drawer.Title, { children: t("sellers.invite.header") }),
+          /* @__PURE__ */ jsx(Drawer.Description, { children: t("sellers.invite.hint") })
+        ] }),
+        /* @__PURE__ */ jsx(Drawer.Body, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "invite-email", children: t("sellers.fields.email") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "invite-email",
+              type: "email",
+              value: email,
+              onChange: (e) => {
+                setEmail(e.target.value);
+                if (error) setError("");
+              },
+              placeholder: "vendor@example.com"
+            }
+          ),
+          error && /* @__PURE__ */ jsx("span", { className: "text-ui-fg-error txt-small", children: error })
+        ] }) }),
+        /* @__PURE__ */ jsxs(Drawer.Footer, { children: [
+          /* @__PURE__ */ jsx(Drawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: handleSubmit,
+              isLoading: isPending,
+              disabled: !email,
+              children: t("actions.send")
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var SellerListHeader = ({
+  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(SellerListTitle, {}),
+    /* @__PURE__ */ jsx(SellerListActions, {})
+  ] }) });
+};
+
+// src/pages/sellers/seller-list/components/seller-list-table/seller-list-data-table.tsx
+import { useMemo as useMemo2 } from "react";
+import { PencilSquare } from "@medusajs/icons";
+import { keepPreviousData } from "@tanstack/react-query";
+import { createColumnHelper as createColumnHelper2 } from "@tanstack/react-table";
+
+// src/hooks/table/columns/use-seller-table-columns.tsx
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+
+// src/components/table/table-cells/seller/seller-status-cell/seller-status-cell.tsx
+import { useTranslation as useTranslation2 } from "react-i18next";
+var import_types = __toESM(require_dist(), 1);
+import { jsx as jsx2 } from "react/jsx-runtime";
+var SellerStatusCell = ({ status }) => {
+  const { t } = useTranslation2();
+  const [color, text] = {
+    [import_types.SellerStatus.PENDING]: ["orange", t("sellers.status.pending")],
+    [import_types.SellerStatus.ACTIVE]: ["green", t("sellers.status.active")],
+    [import_types.SellerStatus.SUSPENDED]: ["red", t("sellers.status.suspended")]
+  }[status];
+  return /* @__PURE__ */ jsx2(StatusCell, { color, children: text });
+};
+
+// src/hooks/table/columns/use-seller-table-columns.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useSellersTableColumns = () => {
+  return useMemo(
+    () => [
+      columnHelper.display({
+        id: "email",
+        header: "Email",
+        cell: ({ row }) => row.original.email
+      }),
+      columnHelper.display({
+        id: "name",
+        header: "Name",
+        cell: ({ row }) => row.original.name
+      }),
+      columnHelper.display({
+        id: "status",
+        header: "Status",
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx3(SellerStatusCell, { status: row.original.status });
+        }
+      }),
+      columnHelper.display({
+        id: "created_at",
+        header: "Created",
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx3(DateCell, { date: row.original.created_at });
+        }
+      })
+    ],
+    []
+  );
+};
+
+// src/pages/sellers/seller-list/components/seller-list-table/seller-list-data-table.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var PAGE_SIZE = 10;
+var SellerListDataTable = () => {
+  const { searchParams, raw } = useSellersTableQuery({
+    pageSize: PAGE_SIZE
+  });
+  const { sellers, count, isLoading } = useSellers(
+    {
+      ...searchParams
+    },
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const columns = useColumns();
+  const filters = useSellerTableFilters();
+  const { table } = useDataTable({
+    data: sellers ?? [],
+    columns,
+    count: count ?? 0,
+    enablePagination: true,
+    pageSize: PAGE_SIZE,
+    getRowId: (row) => row?.id || ""
+  });
+  return /* @__PURE__ */ jsx4(
+    _DataTable,
+    {
+      table,
+      columns,
+      count: count ?? 0,
+      pageSize: PAGE_SIZE,
+      filters,
+      isLoading,
+      queryObject: raw,
+      search: true,
+      pagination: true,
+      navigateTo: (row) => `/sellers/${row.original.id}`,
+      orderBy: [
+        { key: "email", label: "Email" },
+        { key: "name", label: "Name" },
+        { key: "created_at", label: "Created" }
+      ]
+    }
+  );
+};
+var columnHelper2 = createColumnHelper2();
+var SellerActions = ({ seller }) => {
+  return /* @__PURE__ */ jsx4(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx4(PencilSquare, {}),
+              label: "Edit",
+              to: `/sellers/${seller.id}/edit`
+            }
+          ]
+        }
+      ]
+    }
+  );
+};
+var useColumns = () => {
+  const base = useSellersTableColumns();
+  return useMemo2(
+    () => [
+      ...base,
+      columnHelper2.display({
+        id: "actions",
+        cell: ({ row }) => /* @__PURE__ */ jsx4(SellerActions, { seller: row.original })
+      })
+    ],
+    [base]
+  );
+};
+
+// src/pages/sellers/seller-list/components/seller-list-table/seller-list-table.tsx
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var SellerListTable = ({ children }) => {
+  return /* @__PURE__ */ jsx5(Container, { className: "divide-y p-0", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx5(SellerListHeader, {}),
+    /* @__PURE__ */ jsx5(SellerListDataTable, {})
+  ] }) });
+};
+
+// src/pages/sellers/seller-list/seller-list.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  return /* @__PURE__ */ jsx6(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(SellerListTable, {}) });
+};
+var SellerListPage = Object.assign(Root, {
+  Table: SellerListTable,
+  Header: SellerListHeader,
+  HeaderTitle: SellerListTitle,
+  HeaderActions: SellerListActions,
+  DataTable: SellerListDataTable
+});
+
+export {
+  SellerListPage
+};

package/dist/chunk-NOWUEJ74.js

@@ -0,0 +1,44 @@
+import {
+  MoneyAmountCell
+} from "./chunk-2Y3WMGN6.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+
+// src/components/table/table-cells/order/display-id-cell/display-id-cell.tsx
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DisplayIdCell = ({ displayId }) => {
+  if (!displayId) {
+    return /* @__PURE__ */ jsx(PlaceholderCell, {});
+  }
+  return /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle txt-compact-small flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
+    "#",
+    displayId
+  ] }) });
+};
+var DisplayIdHeader = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: t("fields.order") }) });
+};
+
+// src/components/table/table-cells/order/total-cell/total-cell.tsx
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var TotalCell = ({ currencyCode, total, className }) => {
+  if (!total) {
+    return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+  }
+  return /* @__PURE__ */ jsx2(MoneyAmountCell, { currencyCode, amount: total, className, align: "right" });
+};
+var TotalHeader = () => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center justify-end", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: t("fields.total") }) });
+};
+
+export {
+  DisplayIdCell,
+  DisplayIdHeader,
+  TotalCell,
+  TotalHeader
+};

package/dist/chunk-NQ2RDSI3.js

@@ -0,0 +1,43 @@
+import {
+  getCountryByIso2
+} from "./chunk-JRTZWK77.js";
+import {
+  taxRegionsQueryKeys,
+  useTaxRegion
+} from "./chunk-JI7HMGMO.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
+
+// src/pages/tax-regions/tax-region-detail/breadcrumb.tsx
+import { jsx } from "react/jsx-runtime";
+var TaxRegionDetailBreadcrumb = (props) => {
+  const { id } = props.params || {};
+  const { tax_region } = useTaxRegion(id, void 0, {
+    initialData: props.data,
+    enabled: Boolean(id)
+  });
+  if (!tax_region) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("span", { children: getCountryByIso2(tax_region.country_code)?.display_name || tax_region.country_code?.toUpperCase() });
+};
+
+// src/pages/tax-regions/tax-region-detail/loader.ts
+var taxRegionDetailQuery = (id) => ({
+  queryKey: taxRegionsQueryKeys.detail(id),
+  queryFn: async () => sdk.admin.taxRegions.$id.query({ $id: id })
+});
+var taxRegionLoader = async ({ params }) => {
+  const id = params.id;
+  const query = taxRegionDetailQuery(id);
+  return queryClient.ensureQueryData(query);
+};
+
+export {
+  TaxRegionDetailBreadcrumb,
+  taxRegionLoader
+};