@mercurjs/vendor 2.0.0-canary.0

package/dist/chunk-3QSRE5LS.js

@@ -0,0 +1,161 @@
+// src/components/common/form/form.tsx
+import { InformationCircleSolid } from "@medusajs/icons";
+import {
+  Hint as HintComponent,
+  Label as LabelComponent,
+  Text,
+  Tooltip,
+  clx
+} from "@medusajs/ui";
+import { Slot } from "radix-ui";
+import {
+  createContext,
+  forwardRef,
+  useContext,
+  useId
+} from "react";
+import {
+  Controller,
+  FormProvider,
+  useFormContext,
+  useFormState
+} from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Provider = FormProvider;
+var FormFieldContext = createContext(
+  {}
+);
+var Field = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
+};
+var FormItemContext = createContext(
+  {}
+);
+var useFormField = () => {
+  const fieldContext = useContext(FormFieldContext);
+  const itemContext = useContext(FormItemContext);
+  const { getFieldState } = useFormContext();
+  const formState = useFormState({ name: fieldContext.name });
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within a FormField");
+  }
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formLabelId: `${id}-form-item-label`,
+    formDescriptionId: `${id}-form-item-description`,
+    formErrorMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+};
+var Item = forwardRef(
+  ({ className, ...props }, ref) => {
+    const id = useId();
+    return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: clx("flex flex-col space-y-2", className),
+        ...props
+      }
+    ) });
+  }
+);
+Item.displayName = "Form.Item";
+var Label = forwardRef(({ className, optional = false, tooltip, icon, ...props }, ref) => {
+  const { formLabelId, formItemId } = useFormField();
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-1", children: [
+    /* @__PURE__ */ jsx(
+      LabelComponent,
+      {
+        id: formLabelId,
+        ref,
+        className: clx(className),
+        htmlFor: formItemId,
+        size: "small",
+        weight: "plus",
+        ...props
+      }
+    ),
+    tooltip && /* @__PURE__ */ jsx(Tooltip, { content: tooltip, children: /* @__PURE__ */ jsx(InformationCircleSolid, { className: "text-ui-fg-muted" }) }),
+    icon,
+    optional && /* @__PURE__ */ jsxs(Text, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
+      "(",
+      t("fields.optional"),
+      ")"
+    ] })
+  ] });
+});
+Label.displayName = "Form.Label";
+var Control = forwardRef(({ ...props }, ref) => {
+  const {
+    error,
+    formItemId,
+    formDescriptionId,
+    formErrorMessageId,
+    formLabelId
+  } = useFormField();
+  return /* @__PURE__ */ jsx(
+    Slot.Root,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formErrorMessageId}`,
+      "aria-invalid": !!error,
+      "aria-labelledby": formLabelId,
+      ...props
+    }
+  );
+});
+Control.displayName = "Form.Control";
+var Hint = forwardRef(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    HintComponent,
+    {
+      ref,
+      id: formDescriptionId,
+      className,
+      ...props
+    }
+  );
+});
+Hint.displayName = "Form.Hint";
+var ErrorMessage = forwardRef(({ className, children, ...props }, ref) => {
+  const { error, formErrorMessageId } = useFormField();
+  const msg = error ? String(error?.message) : children;
+  if (!msg || msg === "undefined") {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    HintComponent,
+    {
+      ref,
+      id: formErrorMessageId,
+      className,
+      variant: error ? "error" : "info",
+      ...props,
+      children: msg
+    }
+  );
+});
+ErrorMessage.displayName = "Form.ErrorMessage";
+var Form = Object.assign(Provider, {
+  Item,
+  Label,
+  Control,
+  Hint,
+  ErrorMessage,
+  Field
+});
+
+export {
+  Form
+};

package/dist/chunk-3SIDRPKT.js

@@ -0,0 +1,185 @@
+import {
+  LocalizedTablePagination,
+  TaxRegionCard
+} from "./chunk-O5LRZEG6.js";
+import {
+  DataTableOrderBy
+} from "./chunk-KAZ5BYTQ.js";
+import {
+  NoRecords,
+  NoResults
+} from "./chunk-3EF54XFY.js";
+import {
+  TableFooterSkeleton
+} from "./chunk-INNFZYX2.js";
+
+// src/pages/settings/tax-regions/_common/components/tax-region-table.tsx
+import { Button } from "@medusajs/ui";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TaxRegionTable = ({
+  variant = "country",
+  isPending,
+  action,
+  count = 0,
+  table,
+  queryObject,
+  prefix,
+  children
+}) => {
+  const { t } = useTranslation();
+  const orderByKeys = useMemo(
+    () => [
+      { key: "updated_at", label: t("fields.updatedAt") },
+      { key: "created_at", label: t("fields.createdAt") }
+    ],
+    [t]
+  );
+  if (isPending) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col divide-y", children: [
+      Array.from({ length: 3 }).map((_, index) => {
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "bg-ui-bg-field-component h-[52px] w-full animate-pulse"
+          },
+          index
+        );
+      }),
+      /* @__PURE__ */ jsx(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__ */ jsxs("div", { className: "flex flex-col divide-y", children: [
+    /* @__PURE__ */ jsxs("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__ */ jsx("div", { children }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+        !noRecords && /* @__PURE__ */ jsx("div", { className: "flex w-full items-center gap-x-2 md:w-fit", children: /* @__PURE__ */ jsx(
+          DataTableOrderBy,
+          {
+            keys: orderByKeys,
+            prefix
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Link, { to: action.to, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: action.label }) })
+      ] })
+    ] }),
+    noResults && /* @__PURE__ */ jsx(NoResults, {}),
+    noRecords && /* @__PURE__ */ jsx(NoRecords, {}),
+    !noRecords && !noResults ? !isPending ? table.getRowModel().rows.map((row) => {
+      return /* @__PURE__ */ jsx(
+        TaxRegionCard,
+        {
+          variant,
+          taxRegion: row.original,
+          role: "row",
+          "aria-rowindex": row.index
+        },
+        row.id
+      );
+    }) : Array.from({ length: 3 }).map((_, index) => {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "bg-ui-bg-field-component h-[60px] w-full animate-pulse"
+        },
+        index
+      );
+    }) : null,
+    !noRecords && /* @__PURE__ */ jsx(
+      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-region-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 useTaxRegionTable = ({
+  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 {
+  TaxRegionTable,
+  useTaxRegionTable
+};

package/dist/chunk-4F5GP7J7.js

@@ -0,0 +1,45 @@
+// src/components/common/list-summary/list-summary.tsx
+import { Tooltip, clx } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ListSummary = ({
+  list,
+  className,
+  variant = "compact",
+  inline,
+  n = 2
+}) => {
+  const { t } = useTranslation();
+  const title = t("general.plusCountMore", {
+    count: list.length - n
+  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clx(
+        "text-ui-fg-subtle gap-x-1 overflow-hidden",
+        {
+          "inline-flex": inline,
+          flex: !inline,
+          "txt-compact-small": variant === "compact",
+          "txt-small": variant === "base"
+        },
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-1 truncate", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: list.slice(0, n).join(", ") }) }),
+        list.length > n && /* @__PURE__ */ jsx("div", { className: "whitespace-nowrap", children: /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            content: /* @__PURE__ */ jsx("ul", { children: list.slice(n).map((c) => /* @__PURE__ */ jsx("li", { children: c }, c)) }),
+            children: /* @__PURE__ */ jsx("span", { className: "cursor-default whitespace-nowrap", children: title })
+          }
+        ) })
+      ]
+    }
+  );
+};
+
+export {
+  ListSummary
+};

package/dist/chunk-4GPAS5GW.js

@@ -0,0 +1,36 @@
+import {
+  IconAvatar
+} from "./chunk-U2EI2ZLM.js";
+
+// src/components/common/sidebar-link/sidebar-link.tsx
+import { Link } from "react-router-dom";
+import { TriangleRightMini } from "@medusajs/icons";
+import { Text } from "@medusajs/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SidebarLink = ({
+  to,
+  labelKey,
+  descriptionKey,
+  icon
+}) => {
+  return /* @__PURE__ */ jsx(Link, { to, className: "group outline-none", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx("div", { className: "shadow-elevation-card-rest bg-ui-bg-component transition-fg hover:bg-ui-bg-component-hover active:bg-ui-bg-component-pressed group-focus-visible:shadow-borders-interactive-with-active rounded-md px-4 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ jsx(IconAvatar, { children: icon }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: labelKey }),
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          size: "small",
+          leading: "compact",
+          className: "text-ui-fg-subtle",
+          children: descriptionKey
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex size-7 items-center justify-center", children: /* @__PURE__ */ jsx(TriangleRightMini, { className: "text-ui-fg-muted rtl:rotate-180" }) })
+  ] }) }) }) });
+};
+
+export {
+  SidebarLink
+};

package/dist/chunk-4MFMCZEJ.js

@@ -0,0 +1,70 @@
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+
+// src/hooks/table/query/use-product-table-query.tsx
+var DEFAULT_FIELDS = (
+  // TODO: Remove exclusion once we avoid including unnecessary relations by default in the query config
+  "id,title,handle,status,*collection,*sales_channels,variants.id,thumbnail,-type,-options,-tags,-images,-variants"
+);
+var useProductTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    [
+      "offset",
+      "order",
+      "q",
+      "created_at",
+      "updated_at",
+      "sales_channel_id",
+      "category_id",
+      "collection_id",
+      "is_giftcard",
+      "tag_id",
+      "type_id",
+      "status",
+      "id"
+    ],
+    prefix
+  );
+  const {
+    offset,
+    sales_channel_id,
+    created_at,
+    updated_at,
+    category_id,
+    collection_id,
+    tag_id,
+    type_id,
+    is_giftcard,
+    status,
+    order,
+    q
+  } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    sales_channel_id: sales_channel_id?.split(","),
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    category_id: category_id?.split(","),
+    collection_id: collection_id?.split(","),
+    is_giftcard: is_giftcard ? is_giftcard === "true" : void 0,
+    order,
+    tag_id: tag_id ? tag_id.split(",") : void 0,
+    type_id: type_id?.split(","),
+    status: status?.split(","),
+    q,
+    fields: DEFAULT_FIELDS
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
+export {
+  useProductTableQuery
+};