@mercurjs/admin 2.0.0-canary.24

package/dist/chunk-PX675AEP.js

@@ -0,0 +1,129 @@
+import {
+  VisuallyHidden
+} from "./chunk-54TMLQH3.js";
+import {
+  CreateCampaignFormFields
+} from "./chunk-BMNW3AEU.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-MWOKFNRO.js";
+import {
+  useCreateCampaign
+} from "./chunk-U62GYN4A.js";
+
+// src/pages/campaigns/campaign-create/components/create-campaign-form/create-campaign-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+
+// src/pages/campaigns/common/constants.ts
+var DEFAULT_CAMPAIGN_VALUES = {
+  name: "",
+  description: "",
+  campaign_identifier: "",
+  starts_at: null,
+  ends_at: null,
+  budget: {
+    type: "usage",
+    currency_code: null,
+    limit: null,
+    attribute: null
+  }
+};
+
+// src/pages/campaigns/campaign-create/components/create-campaign-form/create-campaign-form.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var CreateCampaignSchema = zod.object({
+  name: zod.string().min(1),
+  description: zod.string().optional(),
+  campaign_identifier: zod.string().min(1),
+  starts_at: zod.date().nullable(),
+  ends_at: zod.date().nullable(),
+  budget: zod.object({
+    attribute: zod.string().nullish(),
+    limit: zod.number().min(0).nullish(),
+    type: zod.enum(["spend", "usage", "use_by_attribute"]),
+    currency_code: zod.string().nullish()
+  })
+});
+var CreateCampaignForm = () => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const { mutateAsync, isPending } = useCreateCampaign();
+  const form = useForm({
+    defaultValues: DEFAULT_CAMPAIGN_VALUES,
+    resolver: zodResolver(CreateCampaignSchema)
+  });
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const attribute = data.budget.attribute || null;
+    const type = attribute ? "use_by_attribute" : data.budget.type;
+    await mutateAsync(
+      {
+        name: data.name,
+        description: data.description,
+        campaign_identifier: data.campaign_identifier,
+        starts_at: data.starts_at,
+        ends_at: data.ends_at,
+        budget: {
+          type,
+          attribute,
+          limit: data.budget.limit ? data.budget.limit : void 0,
+          currency_code: data.budget.currency_code
+        }
+      },
+      {
+        onSuccess: ({ campaign }) => {
+          toast.success(
+            t("campaigns.create.successToast", {
+              name: campaign.name
+            })
+          );
+          handleSuccess(`/campaigns/${campaign.id}`);
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, "data-testid": "campaign-create-form", children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex size-full flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsxs(RouteFocusModal.Header, { "data-testid": "campaign-create-form-header", children: [
+          /* @__PURE__ */ jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("campaigns.create.title") }) }),
+          /* @__PURE__ */ jsx(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("campaigns.create.description") }) })
+        ] }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "flex size-full flex-col items-center overflow-auto py-16", "data-testid": "campaign-create-form-body", children: /* @__PURE__ */ jsx(CreateCampaignFormFields, { form }) }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Footer, { "data-testid": "campaign-create-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", "data-testid": "campaign-create-form-cancel-button", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              variant: "primary",
+              type: "submit",
+              isLoading: isPending,
+              "data-testid": "campaign-create-form-create-button",
+              children: t("actions.create")
+            }
+          )
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+export {
+  DEFAULT_CAMPAIGN_VALUES,
+  CreateCampaignSchema,
+  CreateCampaignForm
+};

package/dist/chunk-PXYDR7WQ.js

@@ -0,0 +1,48 @@
+import {
+  currencies
+} from "./chunk-IQPN4PZJ.js";
+
+// src/lib/money-amount-helpers.ts
+var getDecimalDigits = (currency) => {
+  return currencies[currency.toUpperCase()]?.decimal_digits ?? 0;
+};
+var getLocaleAmount = (amount, currencyCode) => {
+  const formatter = new Intl.NumberFormat([], {
+    style: "currency",
+    currencyDisplay: "narrowSymbol",
+    currency: currencyCode
+  });
+  return formatter.format(amount);
+};
+var getNativeSymbol = (currencyCode) => {
+  const formatted = new Intl.NumberFormat([], {
+    style: "currency",
+    currency: currencyCode,
+    currencyDisplay: "narrowSymbol"
+  }).format(0);
+  return formatted.replace(/\d/g, "").replace(/[.,]/g, "").trim();
+};
+var getStylizedAmount = (amount, currencyCode) => {
+  const symbol = getNativeSymbol(currencyCode);
+  const decimalDigits = getDecimalDigits(currencyCode);
+  const lessThanRoundingPrecission = isAmountLessThenRoundingError(
+    amount,
+    currencyCode
+  );
+  const total = amount.toLocaleString(void 0, {
+    minimumFractionDigits: decimalDigits,
+    maximumFractionDigits: decimalDigits,
+    signDisplay: lessThanRoundingPrecission ? "exceptZero" : "auto"
+  });
+  return `${symbol} ${total} ${currencyCode.toUpperCase()}`;
+};
+var isAmountLessThenRoundingError = (amount, currencyCode) => {
+  const decimalDigits = getDecimalDigits(currencyCode);
+  return Math.abs(amount) < 1 / 10 ** decimalDigits / 2;
+};
+
+export {
+  getLocaleAmount,
+  getStylizedAmount,
+  isAmountLessThenRoundingError
+};

package/dist/chunk-QDPLZDMX.js

@@ -0,0 +1,17 @@
+// src/lib/percentage-helpers.ts
+var formatter = new Intl.NumberFormat([], {
+  style: "percent",
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 4
+});
+var formatPercentage = (value, isPercentageValue = false) => {
+  let val = value || 0;
+  if (!isPercentageValue) {
+    val = val / 100;
+  }
+  return formatter.format(val);
+};
+
+export {
+  formatPercentage
+};

package/dist/chunk-QG6PLWNH.js

@@ -0,0 +1,106 @@
+import {
+  DateCell
+} from "./chunk-25LYVP3C.js";
+import {
+  StatusCell
+} from "./chunk-DB6ANJBO.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+
+// src/hooks/table/columns/use-customer-table-columns.tsx
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+
+// src/components/table/table-cells/common/email-cell/email-cell.tsx
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var EmailCell = ({ email }) => {
+  if (!email) {
+    return /* @__PURE__ */ jsx(PlaceholderCell, {});
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: email }) });
+};
+var EmailHeader = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: t("fields.email") }) });
+};
+
+// src/components/table/table-cells/common/name-cell/name-cell.tsx
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var NameCell = ({ firstName, lastName }) => {
+  if (!firstName && !lastName) {
+    return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+  }
+  const name = [firstName, lastName].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: name }) });
+};
+var NameHeader = () => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: t("fields.name") }) });
+};
+
+// src/components/table/table-cells/customer/account-cell/account-cell.tsx
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var AccountCell = ({ hasAccount }) => {
+  const { t } = useTranslation3();
+  const color = hasAccount ? "green" : "orange";
+  const text = hasAccount ? t("customers.fields.registered") : t("customers.fields.guest");
+  return /* @__PURE__ */ jsx3(StatusCell, { color, children: text });
+};
+var AccountHeader = () => {
+  const { t } = useTranslation3();
+  return /* @__PURE__ */ jsx3("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx3("span", { className: "truncate", children: t("fields.account") }) });
+};
+
+// src/components/table/table-cells/customer/first-seen-cell/first-seen-cell.tsx
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var FirstSeenCell = ({ createdAt }) => {
+  if (!createdAt) {
+    return /* @__PURE__ */ jsx4(PlaceholderCell, {});
+  }
+  return /* @__PURE__ */ jsx4(DateCell, { date: createdAt });
+};
+var FirstSeenHeader = () => {
+  const { t } = useTranslation4();
+  return /* @__PURE__ */ jsx4("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx4("span", { className: "truncate", children: t("fields.createdAt") }) });
+};
+
+// src/hooks/table/columns/use-customer-table-columns.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useCustomerTableColumns = () => {
+  return useMemo(
+    () => [
+      columnHelper.accessor("email", {
+        header: () => /* @__PURE__ */ jsx5(EmailHeader, {}),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx5(EmailCell, { email: getValue() })
+      }),
+      columnHelper.display({
+        id: "name",
+        header: () => /* @__PURE__ */ jsx5(NameHeader, {}),
+        cell: ({
+          row: {
+            original: { first_name, last_name }
+          }
+        }) => /* @__PURE__ */ jsx5(NameCell, { firstName: first_name, lastName: last_name })
+      }),
+      columnHelper.accessor("has_account", {
+        header: () => /* @__PURE__ */ jsx5(AccountHeader, {}),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx5(AccountCell, { hasAccount: getValue() })
+      }),
+      columnHelper.accessor("created_at", {
+        header: () => /* @__PURE__ */ jsx5(FirstSeenHeader, {}),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx5(FirstSeenCell, { createdAt: getValue() })
+      })
+    ],
+    []
+  );
+};
+
+export {
+  useCustomerTableColumns
+};

package/dist/chunk-QSGR43JM.js

@@ -0,0 +1,30 @@
+// src/components/common/progress-bar/progress-bar.tsx
+import { motion } from "motion/react";
+import { jsx } from "react/jsx-runtime";
+var ProgressBar = ({ duration = 2 }) => {
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      className: "bg-ui-fg-subtle size-full",
+      initial: {
+        width: "0%"
+      },
+      transition: {
+        delay: 0.2,
+        duration,
+        ease: "linear"
+      },
+      animate: {
+        width: "90%"
+      },
+      exit: {
+        width: "100%",
+        transition: { duration: 0.2, ease: "linear" }
+      }
+    }
+  );
+};
+
+export {
+  ProgressBar
+};

package/dist/chunk-RK5N3XIX.js

@@ -0,0 +1,56 @@
+import {
+  useDate
+} from "./chunk-UZWFZMOX.js";
+
+// src/components/common/date-range-display/date-range-display.tsx
+import { Text, clx } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DateRangeDisplay = ({
+  startsAt,
+  endsAt,
+  showTime = false
+}) => {
+  const startDate = startsAt ? new Date(startsAt) : null;
+  const endDate = endsAt ? new Date(endsAt) : null;
+  const { t } = useTranslation();
+  const { getFullDate } = useDate();
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "shadow-elevation-card-rest bg-ui-bg-component text-ui-fg-subtle flex items-center gap-x-3 rounded-md px-3 py-1.5", children: [
+      /* @__PURE__ */ jsx(Bar, { date: startDate }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { weight: "plus", size: "small", children: t("fields.startDate") }),
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "tabular-nums", children: startDate ? getFullDate({
+          date: startDate,
+          includeTime: showTime
+        }) : "-" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "shadow-elevation-card-rest bg-ui-bg-component text-ui-fg-subtle flex items-center gap-x-3 rounded-md px-3 py-1.5", children: [
+      /* @__PURE__ */ jsx(Bar, { date: endDate }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", children: t("fields.endDate") }),
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "tabular-nums", children: endDate ? getFullDate({
+          date: endDate,
+          includeTime: showTime
+        }) : "-" })
+      ] })
+    ] })
+  ] });
+};
+var Bar = ({ date }) => {
+  const now = /* @__PURE__ */ new Date();
+  const isDateInFuture = date && date > now;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clx("bg-ui-tag-neutral-icon h-8 w-1 rounded-full", {
+        "bg-ui-tag-orange-icon": isDateInFuture
+      })
+    }
+  );
+};
+
+export {
+  DateRangeDisplay
+};

package/dist/chunk-RLMLYJDI.js

@@ -0,0 +1,38 @@
+import {
+  i18n
+} from "./chunk-LR4ACD6E.js";
+
+// src/lib/promotions.ts
+var promotionStatusMap = {
+  ["ACTIVE" /* ACTIVE */]: ["green", i18n.t("statuses.active")],
+  ["INACTIVE" /* INACTIVE */]: ["red", i18n.t("statuses.inactive")],
+  ["DRAFT" /* DRAFT */]: ["grey", i18n.t("statuses.draft")],
+  ["SCHEDULED" /* SCHEDULED */]: [
+    "orange",
+    `${i18n.t("promotions.fields.campaign")} ${i18n.t("statuses.scheduled")?.toLowerCase()}`
+  ],
+  ["EXPIRED" /* EXPIRED */]: [
+    "red",
+    `${i18n.t("promotions.fields.campaign")} ${i18n.t("statuses.expired")?.toLowerCase()}`
+  ]
+};
+var getPromotionStatus = (promotion) => {
+  const date = /* @__PURE__ */ new Date();
+  const campaign = promotion.campaign;
+  if (!campaign) {
+    return promotionStatusMap[promotion.status.toUpperCase()];
+  }
+  if (campaign.starts_at && new Date(campaign.starts_at) > date) {
+    return promotionStatusMap["SCHEDULED" /* SCHEDULED */];
+  }
+  const campaignBudget = campaign.budget;
+  const overBudget = campaignBudget && campaignBudget.limit && campaignBudget.used > campaignBudget.limit;
+  if (campaign.ends_at && new Date(campaign.ends_at) < date || overBudget) {
+    return promotionStatusMap["EXPIRED" /* EXPIRED */];
+  }
+  return promotionStatusMap[promotion.status.toUpperCase()];
+};
+
+export {
+  getPromotionStatus
+};

package/dist/chunk-RMXYSYK4.js

@@ -0,0 +1,50 @@
+import {
+  TextCell,
+  TextHeader
+} from "./chunk-JHIMVLB2.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+
+// src/pages/store/common/hooks/use-currencies-table-columns.tsx
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useCurrenciesTableColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.accessor("code", {
+        header: () => /* @__PURE__ */ jsx(TextHeader, { text: t("fields.code") }),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue().toUpperCase() })
+      }),
+      columnHelper.accessor("name", {
+        header: () => /* @__PURE__ */ jsx(TextHeader, { text: t("fields.name") }),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() })
+      })
+    ],
+    [t]
+  );
+};
+
+// src/pages/store/common/hooks/use-currencies-table-query.tsx
+var useCurrenciesTableQuery = ({
+  pageSize = 10,
+  prefix
+}) => {
+  const raw = useQueryParams(["order", "q", "offset"], prefix);
+  const { offset, ...rest } = raw;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? parseInt(offset) : 0,
+    ...rest
+  };
+  return { searchParams, raw };
+};
+
+export {
+  useCurrenciesTableColumns,
+  useCurrenciesTableQuery
+};