@mercurjs/vendor 2.2.1 → 2.3.0-canary.0

package/dist/{[id]-BPQNQFVE.js → [id]-AMZFAAJ3.js}

@@ -1,14 +1,17 @@
 import {
   formatPercentage
 } from "./chunk-QDPLZDMX.js";
+import {
+  BadgeListSummary
+} from "./chunk-QLOJNFUE.js";
 import {
   DateRangeDisplay
 } from "./chunk-BWGPN6XV.js";
 import {
   getPromotionStatus
-} from "./chunk-GTNCNKTC.js";
+} from "./chunk-NP5TISFX.js";
 import "./chunk-FMFVTERD.js";
-import "./chunk-UUBGLS7U.js";
+import "./chunk-V43BEBDT.js";
 import {
   TwoColumnPage
 } from "./chunk-YV6MK4PZ.js";
@@ -144,62 +147,10 @@ var CampaignSection = ({
 
 // src/pages/promotions/[id]/_components/promotion-conditions-section/promotion-conditions-section.tsx
 import { PencilSquare as PencilSquare2 } from "@medusajs/icons";
-import { Badge as Badge2, Container as Container2, Heading as Heading2 } from "@medusajs/ui";
-import { useTranslation as useTranslation3 } from "react-i18next";
-import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
-
-// src/components/common/badge-list-summary/badge-list-summary.tsx
-import { Badge, Tooltip, clx } from "@medusajs/ui";
+import { Badge, Container as Container2, Heading as Heading2 } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var BadgeListSummary = ({
-  list,
-  className,
-  inline,
-  rounded = false,
-  n = 2
-}) => {
-  const { t } = useTranslation2();
-  const title = t("general.plusCount", {
-    count: list.length - n
-  });
-  return /* @__PURE__ */ jsxs2(
-    "div",
-    {
-      className: clx(
-        "text-ui-fg-subtle txt-compact-small gap-x-2 overflow-hidden",
-        {
-          "inline-flex": inline,
-          flex: !inline
-        },
-        className
-      ),
-      children: [
-        list.slice(0, n).map((item) => {
-          return /* @__PURE__ */ jsx2(Badge, { rounded: rounded ? "full" : "base", size: "2xsmall", children: item }, item);
-        }),
-        list.length > n && /* @__PURE__ */ jsx2("div", { className: "whitespace-nowrap", children: /* @__PURE__ */ jsx2(
-          Tooltip,
-          {
-            content: /* @__PURE__ */ jsx2("ul", { children: list.slice(n).map((c) => /* @__PURE__ */ jsx2("li", { children: c }, c)) }),
-            children: /* @__PURE__ */ jsx2(
-              Badge,
-              {
-                rounded: rounded ? "full" : "base",
-                size: "2xsmall",
-                className: "cursor-default whitespace-nowrap",
-                children: title
-              }
-            )
-          }
-        ) })
-      ]
-    }
-  );
-};
-
-// src/pages/promotions/[id]/_components/promotion-conditions-section/promotion-conditions-section.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function RuleBlock({ rule }) {
   const getValuesList = () => {
     if (rule.field_type === "number") {
@@ -207,9 +158,9 @@ function RuleBlock({ rule }) {
     }
     return rule.values?.map((v) => v.label || v.value || String(v)).filter(Boolean) || [];
   };
-  return /* @__PURE__ */ jsx3("div", { className: "bg-ui-bg-subtle shadow-borders-base align-center flex justify-around rounded-md p-2", children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle txt-compact-xsmall flex items-center whitespace-nowrap", children: [
-    /* @__PURE__ */ jsx3(
-      Badge2,
+  return /* @__PURE__ */ jsx2("div", { className: "bg-ui-bg-subtle shadow-borders-base align-center flex justify-around rounded-md p-2", children: /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle txt-compact-xsmall flex items-center whitespace-nowrap", children: [
+    /* @__PURE__ */ jsx2(
+      Badge,
       {
         size: "2xsmall",
         className: "txt-compact-xsmall-plus tag-neutral-text mx-1 inline-block truncate",
@@ -217,8 +168,8 @@ function RuleBlock({ rule }) {
       },
       "rule-attribute"
     ),
-    /* @__PURE__ */ jsx3("span", { className: "txt-compact-2xsmall mx-1 inline-block", children: rule.operator_label }),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx2("span", { className: "txt-compact-2xsmall mx-1 inline-block", children: rule.operator_label }),
+    /* @__PURE__ */ jsx2(
       BadgeListSummary,
       {
         inline: true,
@@ -232,19 +183,19 @@ var PromotionConditionsSection = ({
   rules,
   ruleType
 }) => {
-  const { t } = useTranslation3();
+  const { t } = useTranslation2();
   const translationKey = `promotions.fields.conditions.${ruleType}.title`;
-  return /* @__PURE__ */ jsxs3(Container2, { className: "p-0", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx3("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx3(Heading2, { children: t(translationKey) }) }),
-      /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs2(Container2, { className: "p-0", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx2("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx2(Heading2, { children: t(translationKey) }) }),
+      /* @__PURE__ */ jsx2(
         ActionMenu,
         {
           groups: [
             {
               actions: [
                 {
-                  icon: /* @__PURE__ */ jsx3(PencilSquare2, {}),
+                  icon: /* @__PURE__ */ jsx2(PencilSquare2, {}),
                   label: t("actions.edit"),
                   to: `${ruleType}/edit`
                 }
@@ -254,8 +205,8 @@ var PromotionConditionsSection = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle flex flex-col gap-2 px-6 pb-4 pt-2", children: [
-      !rules.length && /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle flex flex-col gap-2 px-6 pb-4 pt-2", children: [
+      !rules.length && /* @__PURE__ */ jsx2(
         NoRecords,
         {
           className: "h-[180px]",
@@ -267,9 +218,9 @@ var PromotionConditionsSection = ({
           }
         }
       ),
-      rules.map((rule) => /* @__PURE__ */ jsx3(RuleBlock, { rule }, `${rule.id}-${rule.attribute}`))
+      rules.map((rule) => /* @__PURE__ */ jsx2(RuleBlock, { rule }, `${rule.id}-${rule.attribute}`))
     ] }),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx2(
       DisplayExtensionZone2,
       {
         model: "promotion",
@@ -283,7 +234,7 @@ var PromotionConditionsSection = ({
 // src/pages/promotions/[id]/_components/promotion-general-section/promotion-general-section.tsx
 import { PencilSquare as PencilSquare3, Trash } from "@medusajs/icons";
 import {
-  Badge as Badge3,
+  Badge as Badge2,
   Container as Container3,
   Copy,
   Heading as Heading3,
@@ -291,7 +242,7 @@ import {
   Text as Text2,
   usePrompt
 } from "@medusajs/ui";
-import { useTranslation as useTranslation4 } from "react-i18next";
+import { useTranslation as useTranslation3 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import { DisplayExtensionZone as DisplayExtensionZone3, DisplayField } from "@mercurjs/dashboard-shared";
 
@@ -305,7 +256,7 @@ var formatCurrency = (amount, currency) => {
 };
 
 // src/pages/promotions/[id]/_components/promotion-general-section/promotion-general-section.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function getTypeLabelKey(promotion) {
   if (promotion.type === "buyget") {
     return "promotions.form.type.buyget.title";
@@ -338,7 +289,7 @@ function getDisplayValue(promotion) {
 var PromotionGeneralSection = ({
   promotion
 }) => {
-  const { t } = useTranslation4();
+  const { t } = useTranslation3();
   const prompt = usePrompt();
   const navigate = useNavigate();
   const { mutateAsync } = useDeletePromotion(promotion.id);
@@ -366,28 +317,28 @@ var PromotionGeneralSection = ({
   const typeLabelKey = getTypeLabelKey(promotion);
   const usageLimit = promotion.limit;
   const [statusColor, statusText] = getPromotionStatus(promotion);
-  return /* @__PURE__ */ jsxs4(Container3, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx4("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "code", data: promotion, children: /* @__PURE__ */ jsx4(Heading3, { children: promotion.code }) }) }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-4", children: [
-        /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs3(Container3, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx3("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx3(DisplayField, { model: "promotion", zone: "general", id: "code", data: promotion, children: /* @__PURE__ */ jsx3(Heading3, { children: promotion.code }) }) }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-4", children: [
+        /* @__PURE__ */ jsx3(
           DisplayField,
           {
             model: "promotion",
             zone: "general",
             id: "status",
             data: promotion,
-            children: /* @__PURE__ */ jsx4(StatusBadge, { color: statusColor, children: statusText })
+            children: /* @__PURE__ */ jsx3(StatusBadge, { color: statusColor, children: statusText })
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3(
           ActionMenu,
           {
             groups: [
               {
                 actions: [
                   {
-                    icon: /* @__PURE__ */ jsx4(PencilSquare3, {}),
+                    icon: /* @__PURE__ */ jsx3(PencilSquare3, {}),
                     label: t("actions.edit"),
                     to: `/promotions/${promotion.id}/edit`
                   }
@@ -396,7 +347,7 @@ var PromotionGeneralSection = ({
               {
                 actions: [
                   {
-                    icon: /* @__PURE__ */ jsx4(Trash, {}),
+                    icon: /* @__PURE__ */ jsx3(Trash, {}),
                     label: t("actions.delete"),
                     onClick: handleDelete
                   }
@@ -407,40 +358,40 @@ var PromotionGeneralSection = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "type", data: promotion, children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.type") }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty", children: typeLabelKey ? t(typeLabelKey) : "-" })
+    /* @__PURE__ */ jsx3(DisplayField, { model: "promotion", zone: "general", id: "type", data: promotion, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+      /* @__PURE__ */ jsx3(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.type") }),
+      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", className: "text-pretty", children: typeLabelKey ? t(typeLabelKey) : "-" })
     ] }) }),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx3(
       DisplayField,
       {
         model: "promotion",
         zone: "general",
         id: "is_automatic",
         data: promotion,
-        children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-          /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.method") }),
-          /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty", children: promotion.is_automatic ? t("promotions.form.method.automatic.title") : t("promotions.form.method.code.title") })
+        children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+          /* @__PURE__ */ jsx3(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.method") }),
+          /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", className: "text-pretty", children: promotion.is_automatic ? t("promotions.form.method.automatic.title") : t("promotions.form.method.code.title") })
         ] })
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx3(
       DisplayField,
       {
         model: "promotion",
         zone: "general",
         id: "code_value",
         data: promotion,
-        children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-          /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("fields.code") }),
-          /* @__PURE__ */ jsx4(
+        children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
+          /* @__PURE__ */ jsx3(Text2, { size: "small", weight: "plus", leading: "compact", children: t("fields.code") }),
+          /* @__PURE__ */ jsx3(
             Copy,
             {
               content: promotion.code,
               className: "text-ui-tag-neutral-text",
               asChild: true,
-              children: /* @__PURE__ */ jsx4(
-                Badge3,
+              children: /* @__PURE__ */ jsx3(
+                Badge2,
                 {
                   size: "2xsmall",
                   rounded: "full",
@@ -453,36 +404,36 @@ var PromotionGeneralSection = ({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx3(
       DisplayField,
       {
         model: "promotion",
         zone: "general",
         id: "tax_inclusive",
         data: promotion,
-        children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-          /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.taxInclusive") }),
-          /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty", children: promotion.is_tax_inclusive ? t("general.yes") : t("general.no") })
+        children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+          /* @__PURE__ */ jsx3(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.taxInclusive") }),
+          /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", className: "text-pretty", children: promotion.is_tax_inclusive ? t("general.yes") : t("general.no") })
         ] })
       }
     ),
-    /* @__PURE__ */ jsx4(DisplayField, { model: "promotion", zone: "general", id: "value", data: promotion, children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.value") }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-2", children: [
-        /* @__PURE__ */ jsx4(Text2, { className: "inline", size: "small", leading: "compact", children: displayValue || "-" }),
-        promotion?.application_method?.type === "fixed" && /* @__PURE__ */ jsx4(Badge3, { size: "2xsmall", rounded: "full", children: promotion?.application_method?.currency_code?.toUpperCase() })
+    /* @__PURE__ */ jsx3(DisplayField, { model: "promotion", zone: "general", id: "value", data: promotion, children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+      /* @__PURE__ */ jsx3(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.value") }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx3(Text2, { className: "inline", size: "small", leading: "compact", children: displayValue || "-" }),
+        promotion?.application_method?.type === "fixed" && /* @__PURE__ */ jsx3(Badge2, { size: "2xsmall", rounded: "full", children: promotion?.application_method?.currency_code?.toUpperCase() })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx3(
       DisplayField,
       {
         model: "promotion",
         zone: "general",
         id: "allocation",
         data: promotion,
-        children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-          /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.allocation") }),
-          /* @__PURE__ */ jsx4(
+        children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+          /* @__PURE__ */ jsx3(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.allocation") }),
+          /* @__PURE__ */ jsx3(
             Text2,
             {
               size: "small",
@@ -494,20 +445,20 @@ var PromotionGeneralSection = ({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx3(
       DisplayField,
       {
         model: "promotion",
         zone: "general",
         id: "usage_limit",
         data: promotion,
-        children: /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
-          /* @__PURE__ */ jsx4(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.usageLimit") }),
-          /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", className: "text-pretty", children: usageLimit ?? t("promotions.fields.unlimited") })
+        children: /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-start px-6 py-4", children: [
+          /* @__PURE__ */ jsx3(Text2, { size: "small", weight: "plus", leading: "compact", children: t("promotions.fields.usageLimit") }),
+          /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", className: "text-pretty", children: usageLimit ?? t("promotions.fields.unlimited") })
         ] })
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx3(
       DisplayExtensionZone3,
       {
         model: "promotion",
@@ -530,7 +481,7 @@ var PromotionGeneralSection = ({
 };
 
 // src/pages/promotions/[id]/promotion-detail-page.tsx
-import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams2();
@@ -544,19 +495,19 @@ var Root = ({ children }) => {
   const { rules: targetRules } = usePromotionRules(id, "target-rules", query);
   const { rules: buyRules } = usePromotionRules(id, "buy-rules", query);
   if (isLoading || !promotion)
-    return /* @__PURE__ */ jsx5(TwoColumnPageSkeleton, { mainSections: 3, sidebarSections: 1, showJSON: true });
-  return /* @__PURE__ */ jsx5(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs5(TwoColumnPage, { data: promotion, hasOutlet: true, children: [
-    /* @__PURE__ */ jsx5(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs5(WidgetZone, { id: "promotions.detail.main", data: promotion, children: [
-      /* @__PURE__ */ jsx5(PromotionGeneralSection, { promotion }),
-      /* @__PURE__ */ jsx5(PromotionConditionsSection, { rules: rules || [], ruleType: "rules" }),
-      /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx4(TwoColumnPageSkeleton, { mainSections: 3, sidebarSections: 1, showJSON: true });
+  return /* @__PURE__ */ jsx4(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs4(TwoColumnPage, { data: promotion, hasOutlet: true, children: [
+    /* @__PURE__ */ jsx4(TwoColumnPage.Main, { children: /* @__PURE__ */ jsxs4(WidgetZone, { id: "promotions.detail.main", data: promotion, children: [
+      /* @__PURE__ */ jsx4(PromotionGeneralSection, { promotion }),
+      /* @__PURE__ */ jsx4(PromotionConditionsSection, { rules: rules || [], ruleType: "rules" }),
+      /* @__PURE__ */ jsx4(
         PromotionConditionsSection,
         {
           rules: targetRules || [],
           ruleType: "target-rules"
         }
       ),
-      promotion.type === "buyget" && /* @__PURE__ */ jsx5(
+      promotion.type === "buyget" && /* @__PURE__ */ jsx4(
         PromotionConditionsSection,
         {
           rules: buyRules || [],
@@ -564,7 +515,7 @@ var Root = ({ children }) => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx5(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx5(WidgetZone, { id: "promotions.detail.side", data: promotion, children: /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx4(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx4(WidgetZone, { id: "promotions.detail.side", data: promotion, children: /* @__PURE__ */ jsx4(
       CampaignSection,
       {
         campaign: promotion.campaign,