@mercurjs/admin 2.0.0-canary.100

package/dist/chunk-I6GNV6QA.js

@@ -0,0 +1,175 @@
+import {
+  isProductRow
+} from "./chunk-U5MJIHLY.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
+import {
+  DataGrid,
+  createDataGridHelper,
+  createDataGridPriceColumns
+} from "./chunk-U3OWJE7V.js";
+import {
+  useRegions
+} from "./chunk-VHCDSNXF.js";
+import {
+  useStore
+} from "./chunk-EJY35WBK.js";
+import {
+  usePricePreferences
+} from "./chunk-GYRTURN7.js";
+
+// src/pages/price-lists/common/hooks/use-price-list-currency-data.tsx
+var usePriceListCurrencyData = () => {
+  const {
+    store,
+    isPending: isStorePending,
+    isError: isStoreError,
+    error: storeError
+  } = useStore({
+    fields: "+supported_currencies"
+  });
+  const currencies = store?.supported_currencies;
+  const {
+    regions,
+    isPending: isRegionsPending,
+    isError: isRegionsError,
+    error: regionsError
+  } = useRegions({
+    fields: "id,name,currency_code",
+    limit: 999
+  });
+  const {
+    price_preferences: pricePreferences,
+    isPending: isPreferencesPending,
+    isError: isPreferencesError,
+    error: preferencesError
+  } = usePricePreferences({});
+  const isReady = !!currencies && !!regions && !!pricePreferences && !isStorePending && !isRegionsPending && !isPreferencesPending;
+  if (isRegionsError) {
+    throw regionsError;
+  }
+  if (isStoreError) {
+    throw storeError;
+  }
+  if (isPreferencesError) {
+    throw preferencesError;
+  }
+  if (!isReady) {
+    return {
+      regions: void 0,
+      currencies: void 0,
+      pricePreferences: void 0,
+      isReady: false
+    };
+  }
+  return { regions, currencies, pricePreferences, isReady };
+};
+
+// src/pages/price-lists/common/schemas.ts
+import { z } from "zod";
+var PriceListCustomerGroupSchema = z.object({
+  id: z.string(),
+  name: z.string()
+});
+var PriceListRulesSchema = z.object({
+  customer_group_id: z.array(PriceListCustomerGroupSchema).nullish()
+});
+var PriceListCreateCurrencyPriceSchema = z.object({
+  amount: z.string().or(z.number()).optional()
+});
+var PriceListCreateRegionPriceSchema = z.object({
+  amount: z.string().or(z.number()).optional()
+});
+var PriceListCreateProductVariantSchema = z.object({
+  currency_prices: z.record(PriceListCreateCurrencyPriceSchema.optional()),
+  region_prices: z.record(PriceListCreateRegionPriceSchema.optional())
+});
+var PriceListCreateProductVariantsSchema = z.record(
+  PriceListCreateProductVariantSchema
+);
+var PriceListCreateProductsSchema = z.record(
+  z.object({
+    variants: PriceListCreateProductVariantsSchema
+  })
+);
+var PriceListUpdateCurrencyPriceSchema = z.object({
+  amount: z.string().or(z.number()).optional(),
+  id: z.string().nullish()
+});
+var PriceListUpdateRegionPriceSchema = z.object({
+  amount: z.string().or(z.number()).optional(),
+  id: z.string().nullish()
+});
+var PriceListUpdateProductVariantsSchema = z.record(
+  z.object({
+    currency_prices: z.record(PriceListUpdateCurrencyPriceSchema.optional()),
+    region_prices: z.record(PriceListUpdateRegionPriceSchema.optional())
+  })
+);
+var PriceListUpdateProductsSchema = z.record(
+  z.object({
+    variants: PriceListUpdateProductVariantsSchema
+  })
+);
+
+// src/pages/price-lists/common/hooks/use-price-list-grid-columns.tsx
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var columnHelper = createDataGridHelper();
+var usePriceListGridColumns = ({
+  currencies = [],
+  regions = [],
+  pricePreferences = []
+}) => {
+  const { t } = useTranslation();
+  const colDefs = useMemo(() => {
+    return [
+      columnHelper.column({
+        id: t("fields.title"),
+        header: t("fields.title"),
+        cell: (context) => {
+          const entity = context.row.original;
+          if (isProductRow(entity)) {
+            return /* @__PURE__ */ jsx(DataGrid.ReadonlyCell, { context, children: /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full items-center gap-x-2 overflow-hidden", children: [
+              /* @__PURE__ */ jsx(Thumbnail, { src: entity.thumbnail, size: "small" }),
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: entity.title })
+            ] }) });
+          }
+          return /* @__PURE__ */ jsx(DataGrid.ReadonlyCell, { context, color: "normal", children: /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center gap-x-2 overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: entity.title }) }) });
+        },
+        disableHiding: true
+      }),
+      ...createDataGridPriceColumns({
+        currencies: currencies.map((c) => c.currency_code),
+        regions,
+        pricePreferences,
+        isReadyOnly: (context) => {
+          const entity = context.row.original;
+          return isProductRow(entity);
+        },
+        getFieldName: (context, value) => {
+          const entity = context.row.original;
+          if (isProductRow(entity)) {
+            return null;
+          }
+          if (context.column.id?.startsWith("currency_prices")) {
+            return `products.${entity.product_id}.variants.${entity.id}.currency_prices.${value}.amount`;
+          }
+          return `products.${entity.product_id}.variants.${entity.id}.region_prices.${value}.amount`;
+        },
+        t
+      })
+    ];
+  }, [t, currencies, regions, pricePreferences]);
+  return colDefs;
+};
+
+export {
+  usePriceListCurrencyData,
+  usePriceListGridColumns,
+  PriceListRulesSchema,
+  PriceListCreateProductsSchema,
+  PriceListUpdateProductsSchema
+};

package/dist/chunk-IGTRIAUC.js

@@ -0,0 +1,84 @@
+// src/components/common/chip-group/chip-group.tsx
+import { XMarkMini } from "@medusajs/icons";
+import { Button, clx } from "@medusajs/ui";
+import { Children, createContext, useContext } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var GroupContext = createContext(null);
+var useGroupContext = () => {
+  const context = useContext(GroupContext);
+  if (!context) {
+    throw new Error("useGroupContext must be used within a ChipGroup component");
+  }
+  return context;
+};
+var Group = ({
+  onClearAll,
+  onRemove,
+  variant = "component",
+  className,
+  children
+}) => {
+  const { t } = useTranslation();
+  const showClearAll = !!onClearAll && Children.count(children) > 0;
+  return /* @__PURE__ */ jsx(GroupContext.Provider, { value: { onRemove, variant }, children: /* @__PURE__ */ jsxs(
+    "ul",
+    {
+      role: "application",
+      className: clx("flex flex-wrap items-center gap-2", className),
+      children: [
+        children,
+        showClearAll && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            variant: "transparent",
+            type: "button",
+            onClick: onClearAll,
+            className: "text-ui-fg-muted active:text-ui-fg-subtle",
+            children: t("actions.clearAll")
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+var Chip = ({ index, className, children }) => {
+  const { onRemove, variant } = useGroupContext();
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      className: clx(
+        "bg-ui-bg-component shadow-borders-base flex items-stretch divide-x overflow-hidden rounded-md",
+        {
+          "bg-ui-bg-component": variant === "component",
+          "bg-ui-bg-base-": variant === "base"
+        },
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "txt-compact-small-plus text-ui-fg-subtle flex items-center justify-center px-2 py-1", children }),
+        !!onRemove && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => onRemove(index),
+            type: "button",
+            className: clx(
+              "text-ui-fg-muted active:text-ui-fg-subtle transition-fg flex items-center justify-center p-1",
+              {
+                "hover:bg-ui-bg-component-hover active:bg-ui-bg-component-pressed": variant === "component",
+                "hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed": variant === "base"
+              }
+            ),
+            children: /* @__PURE__ */ jsx(XMarkMini, {})
+          }
+        )
+      ]
+    }
+  );
+};
+var ChipGroup = Object.assign(Group, { Chip });
+
+export {
+  ChipGroup
+};

package/dist/chunk-INNFZYX2.js

@@ -0,0 +1,183 @@
+// src/components/common/skeleton/skeleton.tsx
+import { Container, clx } from "@medusajs/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Skeleton = ({ className, style }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": true,
+      className: clx(
+        "bg-ui-bg-component h-3 w-3 animate-pulse rounded-[4px]",
+        className
+      ),
+      style
+    }
+  );
+};
+var TextSkeleton = ({
+  size = "small",
+  leading = "compact",
+  characters = 10
+}) => {
+  let charWidth = 9;
+  switch (size) {
+    case "xlarge":
+      charWidth = 13;
+      break;
+    case "large":
+      charWidth = 11;
+      break;
+    case "base":
+      charWidth = 10;
+      break;
+    case "small":
+      charWidth = 9;
+      break;
+    case "xsmall":
+      charWidth = 8;
+      break;
+  }
+  return /* @__PURE__ */ jsx(
+    Skeleton,
+    {
+      className: clx({
+        "h-5": size === "xsmall",
+        "h-6": size === "small",
+        "h-7": size === "base",
+        "h-8": size === "xlarge",
+        "!h-5": leading === "compact"
+      }),
+      style: {
+        width: `${charWidth * characters}px`
+      }
+    }
+  );
+};
+var TableFooterSkeleton = ({ layout }) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clx("flex items-center justify-between p-4", {
+        "border-t": layout === "fill"
+      }),
+      children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-[138px]" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-24" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-11" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-11" })
+        ] })
+      ]
+    }
+  );
+};
+var TableSkeleton = ({
+  rowCount = 10,
+  search = true,
+  filters = true,
+  orderBy = true,
+  pagination = true,
+  layout = "fit"
+}) => {
+  const totalRowCount = rowCount + 1;
+  const rows = Array.from({ length: totalRowCount }, (_, i) => i);
+  const hasToolbar = search || filters || orderBy;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-hidden": true,
+      className: clx({
+        "flex h-full flex-col overflow-hidden": layout === "fill"
+      }),
+      children: [
+        hasToolbar && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+          filters && /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-full max-w-[135px]" }),
+          (search || orderBy) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+            search && /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-[160px]" }),
+            orderBy && /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-7" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col divide-y border-y", children: rows.map((row) => /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full rounded-none" }, row)) }),
+        pagination && /* @__PURE__ */ jsx(TableFooterSkeleton, { layout })
+      ]
+    }
+  );
+};
+var SingleColumnPageSkeleton = ({
+  sections = 2,
+  showJSON = false,
+  showMetadata = false
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-3", children: [
+    Array.from({ length: sections }, (_, i) => i).map((section) => {
+      return /* @__PURE__ */ jsx(
+        Skeleton,
+        {
+          className: clx("h-full max-h-[460px] w-full rounded-lg", {
+            // First section is smaller on most pages, this gives us less
+            // layout shifting in general,
+            "max-h-[219px]": section === 0
+          })
+        },
+        section
+      );
+    }),
+    showMetadata && /* @__PURE__ */ jsx(Skeleton, { className: "h-[60px] w-full rounded-lg" }),
+    showJSON && /* @__PURE__ */ jsx(Skeleton, { className: "h-[60px] w-full rounded-lg" })
+  ] });
+};
+var TwoColumnPageSkeleton = ({
+  mainSections = 2,
+  sidebarSections = 1,
+  showJSON = false,
+  showMetadata = true
+}) => {
+  const showExtraData = showJSON || showMetadata;
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-x-4 gap-y-3 xl:flex-row xl:items-start", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-y-3", children: [
+      Array.from({ length: mainSections }, (_, i) => i).map((section) => {
+        return /* @__PURE__ */ jsx(
+          Skeleton,
+          {
+            className: clx("h-full max-h-[460px] w-full rounded-lg", {
+              "max-h-[219px]": section === 0
+            })
+          },
+          section
+        );
+      }),
+      showExtraData && /* @__PURE__ */ jsxs("div", { className: "hidden flex-col gap-y-3 xl:flex", children: [
+        showMetadata && /* @__PURE__ */ jsx(Skeleton, { className: "h-[60px] w-full rounded-lg" }),
+        showJSON && /* @__PURE__ */ jsx(Skeleton, { className: "h-[60px] w-full rounded-lg" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[100%] flex-col gap-y-3 xl:mt-0 xl:max-w-[440px]", children: [
+      Array.from({ length: sidebarSections }, (_, i) => i).map(
+        (section) => {
+          return /* @__PURE__ */ jsx(
+            Skeleton,
+            {
+              className: clx("h-full max-h-[320px] w-full rounded-lg", {
+                "max-h-[140px]": section === 0
+              })
+            },
+            section
+          );
+        }
+      ),
+      showExtraData && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-3 xl:hidden", children: [
+        showMetadata && /* @__PURE__ */ jsx(Skeleton, { className: "h-[60px] w-full rounded-lg" }),
+        showJSON && /* @__PURE__ */ jsx(Skeleton, { className: "h-[60px] w-full rounded-lg" })
+      ] })
+    ] })
+  ] }) });
+};
+
+export {
+  Skeleton,
+  TextSkeleton,
+  TableFooterSkeleton,
+  TableSkeleton,
+  SingleColumnPageSkeleton,
+  TwoColumnPageSkeleton
+};