@mercurjs/admin 2.0.0-canary.100

package/dist/chunk-3KOTDGC2.js

@@ -0,0 +1,18 @@
+// src/lib/orders.ts
+var getPaymentsFromOrder = (order) => {
+  return order.payment_collections.map((collection) => collection.payments).flat(1).filter(Boolean);
+};
+function getReservationsLimitCount(order) {
+  if (!order?.items?.length) {
+    return 0;
+  }
+  return order.items.reduce(
+    (acc, item) => acc + (item.variant?.inventory_items?.length || 1),
+    0
+  );
+}
+
+export {
+  getPaymentsFromOrder,
+  getReservationsLimitCount
+};

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-3XPXUIK3.js

@@ -0,0 +1,34 @@
+// src/components/common/section/section-row.tsx
+import { Text, clx } from "@medusajs/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SectionRow = ({ title, value, actions }) => {
+  const isValueString = typeof value === "string" || !value;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clx(
+        `text-ui-fg-subtle grid w-full grid-cols-2 items-center gap-4 px-6 py-4`,
+        {
+          "grid-cols-[1fr_1fr_28px]": !!actions
+        }
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", leading: "compact", children: title }),
+        isValueString ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "small",
+            leading: "compact",
+            className: "whitespace-pre-line text-pretty",
+            children: value ?? "-"
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: value }),
+        actions && /* @__PURE__ */ jsx("div", { children: actions })
+      ]
+    }
+  );
+};
+
+export {
+  SectionRow
+};

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
+};