@nextblock-cms/ecom 0.8.6 → 0.8.7

package/ProductDetailsLayout-Dg8dRTYp.js

@@ -1,530 +0,0 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import le, { useState as T, useEffect as j, createContext as oe, useContext as ce, useMemo as $ } from "react";
-import { ShoppingCart as de, Download as me, Package as ue, ShieldCheck as pe } from "lucide-react";
-import { Badge as M } from "@nextblock-cms/ui/badge";
-import { Button as H } from "@nextblock-cms/ui/button";
-import { Label as fe } from "@nextblock-cms/ui/label";
-import { Separator as ge } from "@nextblock-cms/ui/separator";
-import { cn as q, useTranslations as Q, majorUnitAmountToMinor as E, formatPrice as D } from "@nextblock-cms/utils";
-import { A as he } from "./AddToCartButton-ffE0DhHu.js";
-import { Skeleton as G } from "@nextblock-cms/ui/Skeleton";
-import { useCart as xe } from "./use-cart.es.js";
-import { toast as K } from "sonner";
-import { g as _e } from "./actions-j5fuSZX-.js";
-import { u as Y } from "./CurrencyProvider-OzlRN96V.js";
-import { convertMinorUnitAmount as U, resolveEffectivePriceForCurrency as X } from "./currency.es.js";
-import { d as Z } from "./trials-RDcRAZKx.js";
-import { SimpleTiptapRenderer as ve } from "./components/SimpleTiptapRenderer.es.js";
-import { chooseInitialVariantSelections as W, normalizeSelectionsToAvailableVariants as z, findMatchingVariant as be, resolveTranslatedText as ye, getAvailableTermIdsForAttribute as Ne } from "./variation-utils.es.js";
-import { isDigitalProduct as we } from "./types.es.js";
-const Ce = ({ images: r = [], className: u }) => {
-  const [e, c] = T(0);
-  return j(() => {
-    c(0);
-  }, [r]), r.length ? /* @__PURE__ */ n("div", { className: q("flex flex-col gap-4", u), children: [
-    /* @__PURE__ */ t("div", { className: "relative aspect-square w-full overflow-hidden rounded-lg border bg-white", children: /* @__PURE__ */ t(
-      "img",
-      {
-        src: r[e].url,
-        alt: r[e].alt,
-        className: "h-full w-full object-cover object-center"
-      }
-    ) }),
-    r.length > 1 && /* @__PURE__ */ t("div", { className: "flex gap-4 overflow-x-auto pb-2", children: r.map((f, o) => /* @__PURE__ */ t(
-      "button",
-      {
-        onClick: () => c(o),
-        className: q(
-          "relative aspect-square w-20 flex-shrink-0 overflow-hidden rounded-md border",
-          e === o ? "ring-2 ring-primary" : "ring-1 ring-transparent hover:ring-primary/50"
-        ),
-        children: /* @__PURE__ */ t(
-          "img",
-          {
-            src: f.url,
-            alt: f.alt,
-            className: "h-full w-full object-cover object-center"
-          }
-        )
-      },
-      o
-    )) })
-  ] }) : /* @__PURE__ */ t("div", { className: q("relative aspect-square w-full overflow-hidden rounded-lg bg-secondary", u), children: /* @__PURE__ */ t("div", { className: "flex h-full items-center justify-center text-muted-foreground", children: "No Image" }) });
-}, ke = ({ product: r }) => {
-  const u = xe((d) => d), { t: e } = Q(), { activeCurrencyCode: c, currencies: f, defaultCurrency: o } = Y(), [I, x] = T([]), [S, L] = T(!0), [l, _] = T("annual");
-  if (j(() => {
-    async function d() {
-      try {
-        if (!r.id) return;
-        const a = await _e(r.id);
-        x(a);
-      } catch (a) {
-        console.error("Failed to load pricing:", a);
-      } finally {
-        L(!1);
-      }
-    }
-    d();
-  }, [r.id]), !u)
-    return /* @__PURE__ */ t(G, { className: "h-14 w-full" });
-  const { addItem: y } = u, N = I[0], i = N?.pricing?.[0], v = () => {
-    let d = r.price, a = r.freemius_plan_id;
-    i && (l === "monthly" && i.monthly_price != null && (d = E(i.monthly_price, o.code)), l === "annual" && i.annual_price != null && (d = E(i.annual_price, o.code)), l === "lifetime" && i.lifetime_price != null && (d = E(i.lifetime_price, o.code)));
-    const A = f.reduce((m, O) => (m[O.code] = U({
-      amount: d,
-      fromCurrencyCode: o.code,
-      toCurrencyCode: O.code,
-      currencies: f,
-      applyRounding: !0
-    }), m), {}), V = A[c] ?? d;
-    N && N.id && (a = N.id);
-    const { success: k, error: P } = y({
-      id: r.id,
-      product_id: r.id,
-      title: r.title,
-      price: V,
-      prices: A,
-      image_url: r.image_url,
-      slug: r.slug,
-      sku: r.sku,
-      language_id: r.language_id,
-      translation_group_id: r.translation_group_id,
-      product_type: "digital",
-      payment_provider: "freemius",
-      provider: "freemius",
-      billing_cycle: l,
-      freemius_product_id: r.freemius_product_id,
-      freemius_plan_id: a,
-      // Overwrite if we got a real plan id
-      trial_period_days: r.trial_period_days ?? 0,
-      trial_requires_payment_method: r.trial_requires_payment_method ?? !1,
-      is_taxable: r.is_taxable,
-      currency_code: c
-    });
-    k ? K.success(e("ecommerce.added_to_cart_success", { item: r.title })) : K.error(P || e("ecommerce.added_to_cart_error"));
-  };
-  if (S)
-    return /* @__PURE__ */ t(G, { className: "h-32 w-full" });
-  if (!N || !i)
-    return /* @__PURE__ */ t("div", { className: "p-4 border border-dashed rounded-lg text-center text-muted-foreground", children: e("ecommerce.pricing_unavailable") });
-  const g = i.monthly_price != null, w = i.annual_price != null, R = i.lifetime_price != null;
-  l === "annual" && !w && (g ? _("monthly") : R && _("lifetime"));
-  const h = Z(r);
-  let C = r.price;
-  return l === "monthly" && i.monthly_price != null && (C = U({
-    amount: E(i.monthly_price, o.code),
-    fromCurrencyCode: o.code,
-    toCurrencyCode: c,
-    currencies: f,
-    applyRounding: !0
-  })), l === "annual" && i.annual_price != null && (C = U({
-    amount: E(i.annual_price, o.code),
-    fromCurrencyCode: o.code,
-    toCurrencyCode: c,
-    currencies: f,
-    applyRounding: !0
-  })), l === "lifetime" && i.lifetime_price != null && (C = U({
-    amount: E(i.lifetime_price, o.code),
-    fromCurrencyCode: o.code,
-    toCurrencyCode: c,
-    currencies: f,
-    applyRounding: !0
-  })), /* @__PURE__ */ n("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ n("div", { className: "flex bg-secondary/35 p-1 rounded-lg w-full max-w-sm mx-auto shadow-inner", children: [
-      g && /* @__PURE__ */ t(
-        "button",
-        {
-          onClick: () => _("monthly"),
-          className: `flex-1 py-1.5 text-xs font-semibold rounded-md transition-all ${l === "monthly" ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"}`,
-          children: e("ecommerce.monthly")
-        }
-      ),
-      w && /* @__PURE__ */ t(
-        "button",
-        {
-          onClick: () => _("annual"),
-          className: `flex-1 py-1.5 text-xs font-semibold rounded-md transition-all ${l === "annual" ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"}`,
-          children: e("ecommerce.annual")
-        }
-      ),
-      R && /* @__PURE__ */ t(
-        "button",
-        {
-          onClick: () => _("lifetime"),
-          className: `flex-1 py-1.5 text-xs font-semibold rounded-md transition-all ${l === "lifetime" ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"}`,
-          children: e("ecommerce.lifetime")
-        }
-      )
-    ] }),
-    /* @__PURE__ */ n("div", { className: "text-center", children: [
-      /* @__PURE__ */ t("span", { className: "text-3xl font-extrabold text-foreground", children: D(C, c) }),
-      l !== "lifetime" && /* @__PURE__ */ n("span", { className: "text-muted-foreground text-sm ml-1.5", children: [
-        "/ ",
-        e(l === "annual" ? "ecommerce.year" : "ecommerce.month")
-      ] }),
-      h && /* @__PURE__ */ n("div", { className: "mt-1 text-xs font-medium text-emerald-600 dark:text-emerald-400", children: [
-        h.label,
-        /* @__PURE__ */ t("span", { className: "mx-2 text-muted-foreground/50", children: "|" }),
-        /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: h.paymentRequirementLabel })
-      ] })
-    ] }),
-    /* @__PURE__ */ n(H, { onClick: v, className: "w-full h-12 text-md font-bold shadow-md transition-all hover:shadow-lg active:scale-[0.98]", children: [
-      /* @__PURE__ */ t(de, { className: "mr-2 h-4 w-4" }),
-      h?.label ? `Start ${h.label}` : e("ecommerce.get_license")
-    ] })
-  ] });
-}, ee = oe(void 0), Ke = ({
-  product: r,
-  children: u
-}) => /* @__PURE__ */ t(ee.Provider, { value: { product: r }, children: u }), Pe = () => {
-  const r = ce(ee);
-  if (!r)
-    throw new Error("useProduct must be used within a ProductProvider. Ensure the component is wrapped in a ProductProvider.");
-  return r.product;
-};
-function B(r, u, e, c) {
-  const f = {
-    kind: "product-field",
-    field: u,
-    input: e,
-    label: c
-  }, o = typeof window < "u" ? window.location.origin : process.env.NEXT_PUBLIC_URL || process.env.TARGET_URL || (process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : "") || "http://localhost:3000";
-  let x = (typeof window < "u" ? window.location.origin : process.env.NEXT_PUBLIC_URL || process.env.TARGET_URL || (process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : "") || "http://localhost:3000").replace(/\/+$/, "");
-  try {
-    (x.startsWith("http://") || x.startsWith("https://")) && (x = new URL(x).hostname);
-  } catch {
-  }
-  const S = process.env.NEXTBLOCK_VERCEL_PROJECT_ID || process.env.VERCEL_PROJECT_ID, L = process.env.NEXTBLOCK_VERCEL_WORKSPACE_ID || process.env.VERCEL_ORG_ID, l = {
-    origin: x,
-    editUrl: `${o}/cms/products/${r.id}/edit`,
-    data: {
-      parentType: "product",
-      parentId: r.id,
-      slug: r.slug,
-      languageId: r.language_id,
-      draftId: null,
-      target: f
-    }
-  };
-  return S && (l.projectId = S), L && (l.workspaceId = L), {
-    "data-vercel-edit-info": JSON.stringify(l),
-    "data-vercel-edit-target": JSON.stringify(f),
-    "data-nextblock-visual-edit": `product:${u}`
-  };
-}
-const Xe = ({
-  visualEditingEnabled: r = !1,
-  descriptionNode: u
-}) => {
-  const e = Pe(), { t: c, lang: f } = Q(), { activeCurrencyCode: o, currencies: I } = Y(), x = r ? B(
-    e,
-    "title",
-    "plain-text",
-    "Product title"
-  ) : void 0, S = r ? B(
-    e,
-    "short_description",
-    "plain-text",
-    "Short description"
-  ) : void 0, L = r ? B(
-    e,
-    "description_json",
-    "tiptap",
-    "Product description"
-  ) : void 0, l = (s, b, p) => {
-    const J = c(s, p);
-    return J === s ? b : J;
-  }, _ = e.images && e.images.length > 0 ? e.images : e.image_url ? [{ url: e.image_url, alt: e.title }] : [], y = e.custom_props?.provider === "freemius" || we(e), N = Z(e), i = !y && !!(e.has_variants && e.attributes?.length && e.variants?.length), v = e.attributes || [], g = e.variants || [], [w, R] = T(() => W(v, g)), [h, C] = T(1);
-  j(() => {
-    C(1);
-  }, [e.id]), j(() => {
-    i && R(W(v, g));
-  }, [v, i, e.id, g]);
-  const d = $(() => i ? z(
-    v,
-    g,
-    w
-  ) : w, [v, i, w, g]);
-  j(() => {
-    JSON.stringify(d) !== JSON.stringify(w) && R(d);
-  }, [d, w]);
-  const a = $(() => i ? be(g, d) : null, [i, d, g]), A = X({
-    prices: e.prices,
-    salePrices: e.sale_prices,
-    fallbackPrice: e.price,
-    fallbackSalePrice: e.sale_price,
-    saleStartAt: e.sale_start_at,
-    saleEndAt: e.sale_end_at,
-    scheduledPrice: e.scheduled_price,
-    scheduledPrices: e.scheduled_prices,
-    scheduledPriceAt: e.scheduled_price_at,
-    currencyCode: o,
-    currencies: I
-  }), V = i && a ? X({
-    prices: a.prices,
-    salePrices: a.sale_prices,
-    fallbackPrice: a.price,
-    fallbackSalePrice: a.sale_price,
-    saleStartAt: a.sale_start_at,
-    saleEndAt: a.sale_end_at,
-    scheduledPrice: a.scheduled_price,
-    scheduledPrices: a.scheduled_prices,
-    scheduledPriceAt: a.scheduled_price_at,
-    currencyCode: o,
-    currencies: I
-  }) : null, k = V?.price ?? A.price, P = V?.sale_price ?? A.sale_price, m = i ? a?.stock_quantity ?? 0 : e.stock ?? 0, O = $(() => {
-    if (!a?.image_url)
-      return _;
-    const s = {
-      url: a.image_url,
-      alt: `${e.title} ${a.label}`
-    }, b = _.filter(
-      (p) => p.url !== a.image_url
-    );
-    return [s, ...b];
-  }, [_, e.title, a]), te = typeof P == "number" && k > 0 ? Math.round(
-    (k - P) / k * 100
-  ) : 0, re = i && a ? {
-    ...e,
-    sku: a.sku,
-    price: a.price,
-    prices: a.prices,
-    sale_price: typeof a.sale_price == "number" ? a.sale_price : null,
-    sale_prices: a.sale_prices,
-    image_url: a.image_url || e.image_url,
-    stock: a.stock_quantity,
-    variant_id: a.id,
-    variant_label: a.label,
-    selected_options: a.selected_options,
-    currency_code: o
-  } : {
-    ...e,
-    currency_code: o
-  }, ae = (s, b) => {
-    R(
-      (p) => z(v, g, {
-        ...p,
-        [s]: b
-      })
-    );
-  }, ie = l(
-    "ecommerce.in_stock",
-    `${m} in stock`,
-    { count: String(m) }
-  ), F = l(
-    "ecommerce.out_of_stock",
-    "Out of stock"
-  ), ne = l(
-    "ecommerce.select_options",
-    "Select Options"
-  ), se = l(
-    "ecommerce.variant_selection_required",
-    "Select one term from every dropdown to resolve a variation."
-  );
-  return /* @__PURE__ */ n("div", { className: "w-full animate-in fade-in slide-in-from-bottom-4 duration-700 ease-out", children: [
-    /* @__PURE__ */ t("div", { className: "container mx-auto px-4 md:px-6 py-12", children: /* @__PURE__ */ n("div", { className: "grid gap-12 lg:grid-cols-[2fr_3fr] items-start", children: [
-      /* @__PURE__ */ t("div", { className: "w-full max-w-2xl mx-auto lg:max-w-none", children: /* @__PURE__ */ t(Ce, { images: O, className: "w-full" }) }),
-      /* @__PURE__ */ n("div", { className: "flex flex-col gap-4 pb-2 max-w-xl mx-auto lg:mx-0 lg:max-w-none", children: [
-        /* @__PURE__ */ t("div", { className: "space-y-6", children: /* @__PURE__ */ n("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ t(
-            "h1",
-            {
-              className: "text-3xl sm:text-4xl lg:text-5xl font-extrabold tracking-tight text-foreground leading-[1.1] lg:mt-0",
-              ...x,
-              children: e.title
-            }
-          ),
-          e.categories && e.categories.length > 0 && /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-1.5 text-xs font-bold uppercase tracking-widest text-amber-600 dark:text-amber-400", children: e.categories.map((s, b) => {
-            const p = ye(
-              s.name,
-              s.name_translations,
-              f
-            );
-            return /* @__PURE__ */ n(le.Fragment, { children: [
-              b > 0 && /* @__PURE__ */ t("span", { className: "text-muted-foreground/30", children: "•" }),
-              /* @__PURE__ */ t("span", { children: p })
-            ] }, s.id);
-          }) }),
-          /* @__PURE__ */ t(
-            "div",
-            {
-              className: "prose prose-neutral dark:prose-invert max-w-none text-muted-foreground leading-relaxed text-left",
-              ...S,
-              children: e.short_description ? /* @__PURE__ */ t(
-                "div",
-                {
-                  className: "text-lg mb-4 leading-relaxed",
-                  dangerouslySetInnerHTML: {
-                    __html: e.short_description
-                  }
-                }
-              ) : r ? /* @__PURE__ */ t("p", { className: "text-lg mb-4 italic text-muted-foreground", children: "Add a short product description." }) : null
-            }
-          ),
-          /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
-            typeof P == "number" && /* @__PURE__ */ t(
-              M,
-              {
-                variant: "destructive",
-                className: "px-2.5 py-1 text-xs font-bold uppercase tracking-wide animate-pulse shadow-sm",
-                children: c("ecommerce.sale_badge", {
-                  percent: String(te)
-                })
-              }
-            ),
-            !y && m > 0 && m < 10 && /* @__PURE__ */ t(
-              M,
-              {
-                variant: "outline",
-                className: "text-amber-600 border-amber-200 bg-amber-50",
-                children: c("ecommerce.low_stock", {
-                  count: String(m)
-                })
-              }
-            ),
-            N && /* @__PURE__ */ t(
-              M,
-              {
-                variant: "secondary",
-                className: "border border-emerald-200 bg-emerald-50 text-emerald-800",
-                children: N.label
-              }
-            )
-          ] })
-        ] }) }),
-        /* @__PURE__ */ n("div", { className: "p-5 rounded-2xl bg-card/60 border border-border/80 shadow-md backdrop-blur-md space-y-4", children: [
-          y ? /* @__PURE__ */ t(ke, { product: e }) : /* @__PURE__ */ n("div", { className: "space-y-3.5", children: [
-            /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-4", children: [
-              /* @__PURE__ */ n("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ t("span", { className: "text-[10px] font-bold text-muted-foreground uppercase tracking-widest", children: l("ecommerce.price", "Price") }),
-                /* @__PURE__ */ n("div", { className: "flex items-baseline gap-2.5", children: [
-                  /* @__PURE__ */ t("span", { className: "text-3xl font-extrabold text-foreground", children: D(
-                    P ?? k,
-                    o
-                  ) }),
-                  typeof P == "number" && /* @__PURE__ */ t("span", { className: "text-lg text-muted-foreground line-through decoration-destructive/20 decoration-1", children: D(k, o) })
-                ] })
-              ] }),
-              !y && (a || !i) && /* @__PURE__ */ n("div", { className: "text-right space-y-1", children: [
-                /* @__PURE__ */ n("span", { className: "text-[10px] font-bold text-muted-foreground uppercase tracking-widest block", children: [
-                  !i && e.sku && /* @__PURE__ */ n("span", { className: "mr-2 font-normal lowercase normal-case text-muted-foreground/70", children: [
-                    "SKU: ",
-                    e.sku
-                  ] }),
-                  l("ecommerce.status", "Status")
-                ] }),
-                /* @__PURE__ */ t("div", { className: (m ?? 0) > 0 ? "text-emerald-600 dark:text-emerald-400 font-semibold text-sm" : "text-destructive font-semibold text-sm", children: (m ?? 0) > 0 ? ie : F })
-              ] })
-            ] }),
-            i && /* @__PURE__ */ t("div", { className: "space-y-3", children: /* @__PURE__ */ t("div", { className: "grid gap-3 sm:grid-cols-2", children: v.map((s) => {
-              const b = Ne(
-                g,
-                s.id,
-                d
-              );
-              return /* @__PURE__ */ n("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
-                  /* @__PURE__ */ t(
-                    fe,
-                    {
-                      htmlFor: `attribute-${s.id}`,
-                      className: "text-[11px] font-semibold text-muted-foreground uppercase tracking-wider",
-                      children: s.name
-                    }
-                  ),
-                  a?.sku && /* @__PURE__ */ t("span", { className: "text-[10px] text-muted-foreground font-mono", children: a.sku })
-                ] }),
-                /* @__PURE__ */ t(
-                  "select",
-                  {
-                    id: `attribute-${s.id}`,
-                    className: "flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-                    value: d[s.id] || "",
-                    onChange: (p) => ae(
-                      s.id,
-                      p.target.value
-                    ),
-                    children: s.terms.map((p) => /* @__PURE__ */ t(
-                      "option",
-                      {
-                        value: p.id,
-                        disabled: !b.has(p.id),
-                        children: p.value
-                      },
-                      p.id
-                    ))
-                  }
-                )
-              ] }, s.id);
-            }) }) }),
-            i && !a && /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground italic pt-1", children: se }),
-            /* @__PURE__ */ n("div", { className: "flex items-center gap-3 pt-1", children: [
-              !y && (m ?? 0) > 0 && /* @__PURE__ */ n("div", { className: "flex items-center border rounded-lg h-12 bg-background border-input select-none", children: [
-                /* @__PURE__ */ t(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => C((s) => Math.max(1, s - 1)),
-                    className: "px-3 h-full flex items-center justify-center text-muted-foreground hover:text-foreground active:scale-95 transition-all text-lg font-medium",
-                    disabled: h <= 1,
-                    children: "-"
-                  }
-                ),
-                /* @__PURE__ */ t("span", { className: "w-8 text-center text-sm font-semibold", children: h }),
-                /* @__PURE__ */ t(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => C(
-                      (s) => m !== null && s >= m ? s : s + 1
-                    ),
-                    className: "px-3 h-full flex items-center justify-center text-muted-foreground hover:text-foreground active:scale-95 transition-all text-lg font-medium",
-                    disabled: m !== null && h >= m,
-                    children: "+"
-                  }
-                )
-              ] }),
-              i && (!a || (m ?? 0) <= 0) ? /* @__PURE__ */ t(
-                H,
-                {
-                  disabled: !0,
-                  className: "flex-1 h-12 text-md font-bold shadow-md",
-                  children: a ? F : ne
-                }
-              ) : /* @__PURE__ */ t(
-                he,
-                {
-                  product: re,
-                  quantity: h,
-                  className: "flex-1 h-12 text-md font-bold shadow-md transition-all hover:shadow-lg active:scale-[0.98]"
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ t(ge, { className: "opacity-60 my-0.5" }),
-          /* @__PURE__ */ n("div", { className: "grid grid-cols-2 gap-4 text-center text-[11px] font-medium text-muted-foreground pt-1", children: [
-            /* @__PURE__ */ t("div", { className: "flex items-center justify-center gap-2", children: y ? /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1.5", children: [
-              /* @__PURE__ */ t(me, { className: "h-3.5 w-3.5" }),
-              c("ecommerce.instant_digital_delivery")
-            ] }) : /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1.5", children: [
-              /* @__PURE__ */ t(ue, { className: "h-3.5 w-3.5" }),
-              c("ecommerce.free_shipping")
-            ] }) }),
-            /* @__PURE__ */ t("div", { className: "flex items-center justify-center gap-2", children: /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1.5", children: [
-              /* @__PURE__ */ t(pe, { className: "h-3.5 w-3.5" }),
-              c("ecommerce.secure_checkout")
-            ] }) })
-          ] })
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ t("div", { className: "min-w-0 w-full", ...u ? void 0 : L, children: u || (e.description_json ? /* @__PURE__ */ t("div", { className: "container mx-auto px-4 md:px-6 pb-12 prose prose-neutral dark:prose-invert max-w-none leading-relaxed", children: /* @__PURE__ */ t(ve, { content: e.description_json }) }) : /* @__PURE__ */ t("div", { className: "container mx-auto px-4 md:px-6 pb-12", children: /* @__PURE__ */ t("p", { className: "italic text-sm text-muted-foreground", children: c("ecommerce.no_description") }) })) })
-  ] });
-};
-export {
-  Xe as P,
-  ke as S,
-  Ce as a,
-  Ke as b,
-  Pe as u
-};

package/ProductGrid-BdL7iglO.cjs

@@ -1 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),S=require("./AddToCartButton-DsSEH9yp.cjs"),l=require("@nextblock-cms/utils"),P=require("next/link"),q=require("./CurrencyProvider-Cg-Q6ucj.cjs"),n=require("./currency.cjs.js"),A=require("./trials-DvZaOtNy.cjs"),k=require("./variation-utils.cjs.js"),b=({product:e,className:o})=>{const{activeCurrencyCode:s,currencies:i}=q.useCurrency(),c=n.resolvePriceRangeForCurrency({entries:e.variants?.length?e.variants:e.product_variants?.length?e.product_variants:[],currencyCode:s,currencies:i}),x=!!(e.has_variants&&c),t=n.resolveEffectivePriceForCurrency({prices:e.prices,salePrices:e.sale_prices,fallbackPrice:e.price,fallbackSalePrice:e.sale_price,saleStartAt:e.sale_start_at,saleEndAt:e.sale_end_at,scheduledPrice:e.scheduled_price,scheduledPrices:e.scheduled_prices,scheduledPriceAt:e.scheduled_price_at,currencyCode:s,currencies:i}),j=x&&c?c.min===c.max?l.formatPrice(c.min,s):`${l.formatPrice(c.min,s)} - ${l.formatPrice(c.max,s)}`:l.formatPrice(t.sale_price??t.price,s),y=e.variants?.length?e.variants:e.product_variants?.length?e.product_variants:[],N=x?y.some(a=>n.resolveEffectivePriceForCurrency({prices:a.prices,salePrices:a.sale_prices,fallbackPrice:a.price,fallbackSalePrice:a.sale_price,saleStartAt:a.sale_start_at,saleEndAt:a.sale_end_at,scheduledPrice:a.scheduled_price,scheduledPrices:a.scheduled_prices,scheduledPriceAt:a.scheduled_price_at,currencyCode:s,currencies:i}).sale_price!=null):t.sale_price!=null,{t:f,lang:C}=l.useTranslations(),g=f("ecommerce.on_sale"),w=g==="ecommerce.on_sale"?"On Sale":g,h=A.getTrialSummary(e),d=e.freemius_plans?.[0]?.freemius_pricing?.[0],m=i.find(a=>a.is_default)?.code||"USD",_=d?.override_monthly_price??d?.api_monthly_price,v=d?.override_annual_price??d?.api_annual_price,u=typeof _=="number"?n.resolvePriceForCurrency({prices:{[m]:l.majorUnitAmountToMinor(_,m)},currencyCode:s,currencies:i}):null,p=typeof v=="number"?n.resolvePriceForCurrency({prices:{[m]:l.majorUnitAmountToMinor(v,m)},currencyCode:s,currencies:i}):null;return r.jsxs("div",{className:l.cn("group relative flex flex-col overflow-hidden rounded-lg border bg-card text-card-foreground shadow-sm transition-all hover:shadow-md",o),children:[r.jsxs(P,{href:`/product/${e.slug}`,className:"relative aspect-square overflow-hidden bg-muted",children:[N&&r.jsx("span",{className:"absolute left-3 top-3 z-10 rounded-full bg-destructive px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider text-destructive-foreground shadow-sm",children:w}),e.image_url?r.jsx("img",{src:e.image_url,alt:e.title,className:"h-full w-full object-cover object-center transition-transform duration-300 group-hover:scale-105"}):r.jsx("div",{className:"flex h-full items-center justify-center text-muted-foreground",children:"No Image"})]}),r.jsxs("div",{className:"flex flex-1 flex-col p-4",children:[e.categories&&e.categories.length>0&&r.jsx("div",{className:"text-[10px] font-bold uppercase tracking-widest text-amber-600 dark:text-amber-400 mb-1",children:e.categories.map(a=>k.resolveTranslatedText(a.name,a.name_translations,C)).join(" • ")}),r.jsx(P,{href:`/product/${e.slug}`,className:"mb-2",children:r.jsx("h3",{className:"line-clamp-1 text-lg font-medium text-foreground group-hover:underline",children:e.title})}),r.jsx("div",{className:"mb-4",children:e.product_type==="digital"&&(u||p)?r.jsxs("div",{className:"flex flex-wrap items-baseline gap-x-3 gap-y-1",children:[u&&r.jsxs("div",{className:"flex items-baseline gap-0.5",children:[r.jsx("span",{className:"text-xl font-bold text-primary",children:l.formatPrice(u.price,s)}),r.jsxs("span",{className:"text-xs font-medium text-muted-foreground lowercase",children:["/ ",f("ecommerce.month")]})]}),p&&r.jsxs("div",{className:"flex items-baseline gap-0.5",children:[r.jsx("span",{className:l.cn("font-bold text-primary",u?"text-lg":"text-xl"),children:l.formatPrice(p.price,s)}),r.jsxs("span",{className:"text-xs font-medium text-muted-foreground lowercase",children:["/ ",f("ecommerce.year")]})]})]}):r.jsxs("div",{className:"flex items-baseline gap-2",children:[r.jsx("span",{className:"text-xl font-bold text-primary",children:j}),!x&&t.sale_price&&r.jsx("span",{className:"text-sm text-muted-foreground line-through",children:l.formatPrice(t.price,s)})]})}),h&&r.jsxs("div",{className:"mb-4 rounded-md border border-emerald-200 bg-emerald-50 px-3 py-2 text-xs text-emerald-900",children:[r.jsx("div",{className:"font-semibold",children:h.label}),r.jsx("div",{className:"text-emerald-700",children:h.paymentRequirementLabel})]}),r.jsx("div",{className:"mt-auto",children:r.jsx(S.AddToCartButton,{product:{...e,price:e.price,prices:e.prices,sale_price:e.sale_price,sale_prices:e.sale_prices},className:"w-full"})})]})]})},R=({products:e,columns:o=3,className:s})=>e.length?r.jsx("div",{className:l.cn("grid gap-6 sm:grid-cols-2",o===3&&"lg:grid-cols-3",o===4&&"lg:grid-cols-4",s),children:e.map(i=>r.jsx(b,{product:i},i.id))}):r.jsx("div",{className:"py-12 text-center text-muted-foreground",children:"No products found."});exports.ProductCard=b;exports.ProductGrid=R;

package/ProductGrid-D3AWM8sr.js

@@ -1,130 +0,0 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { A as R } from "./AddToCartButton-ffE0DhHu.js";
-import { formatPrice as t, useTranslations as T, majorUnitAmountToMinor as y, cn as x } from "@nextblock-cms/utils";
-import N from "next/link";
-import { u as L } from "./CurrencyProvider-OzlRN96V.js";
-import { resolvePriceRangeForCurrency as E, resolveEffectivePriceForCurrency as P, resolvePriceForCurrency as C } from "./currency.es.js";
-import { d as $ } from "./trials-RDcRAZKx.js";
-import { resolveTranslatedText as F } from "./variation-utils.es.js";
-const M = ({ product: e, className: o }) => {
-  const { activeCurrencyCode: a, currencies: i } = L(), c = E({
-    entries: e.variants?.length ? e.variants : e.product_variants?.length ? e.product_variants : [],
-    currencyCode: a,
-    currencies: i
-  }), u = !!(e.has_variants && c), n = P({
-    prices: e.prices,
-    salePrices: e.sale_prices,
-    fallbackPrice: e.price,
-    fallbackSalePrice: e.sale_price,
-    saleStartAt: e.sale_start_at,
-    saleEndAt: e.sale_end_at,
-    scheduledPrice: e.scheduled_price,
-    scheduledPrices: e.scheduled_prices,
-    scheduledPriceAt: e.scheduled_price_at,
-    currencyCode: a,
-    currencies: i
-  }), w = u && c ? c.min === c.max ? t(c.min, a) : `${t(c.min, a)} - ${t(
-    c.max,
-    a
-  )}` : t(n.sale_price ?? n.price, a), S = e.variants?.length ? e.variants : e.product_variants?.length ? e.product_variants : [], j = u ? S.some(
-    (s) => P({
-      prices: s.prices,
-      salePrices: s.sale_prices,
-      fallbackPrice: s.price,
-      fallbackSalePrice: s.sale_price,
-      saleStartAt: s.sale_start_at,
-      saleEndAt: s.sale_end_at,
-      scheduledPrice: s.scheduled_price,
-      scheduledPrices: s.scheduled_prices,
-      scheduledPriceAt: s.scheduled_price_at,
-      currencyCode: a,
-      currencies: i
-    }).sale_price != null
-  ) : n.sale_price != null, { t: p, lang: A } = T(), _ = p("ecommerce.on_sale"), k = _ === "ecommerce.on_sale" ? "On Sale" : _, h = $(e), d = e.freemius_plans?.[0]?.freemius_pricing?.[0], m = i.find((s) => s.is_default)?.code || "USD", v = d?.override_monthly_price ?? d?.api_monthly_price, b = d?.override_annual_price ?? d?.api_annual_price, f = typeof v == "number" ? C({
-    prices: {
-      [m]: y(
-        v,
-        m
-      )
-    },
-    currencyCode: a,
-    currencies: i
-  }) : null, g = typeof b == "number" ? C({
-    prices: {
-      [m]: y(
-        b,
-        m
-      )
-    },
-    currencyCode: a,
-    currencies: i
-  }) : null;
-  return /* @__PURE__ */ l("div", { className: x("group relative flex flex-col overflow-hidden rounded-lg border bg-card text-card-foreground shadow-sm transition-all hover:shadow-md", o), children: [
-    /* @__PURE__ */ l(N, { href: `/product/${e.slug}`, className: "relative aspect-square overflow-hidden bg-muted", children: [
-      j && /* @__PURE__ */ r("span", { className: "absolute left-3 top-3 z-10 rounded-full bg-destructive px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider text-destructive-foreground shadow-sm", children: k }),
-      e.image_url ? /* @__PURE__ */ r(
-        "img",
-        {
-          src: e.image_url,
-          alt: e.title,
-          className: "h-full w-full object-cover object-center transition-transform duration-300 group-hover:scale-105"
-        }
-      ) : /* @__PURE__ */ r("div", { className: "flex h-full items-center justify-center text-muted-foreground", children: "No Image" })
-    ] }),
-    /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col p-4", children: [
-      e.categories && e.categories.length > 0 && /* @__PURE__ */ r("div", { className: "text-[10px] font-bold uppercase tracking-widest text-amber-600 dark:text-amber-400 mb-1", children: e.categories.map((s) => F(s.name, s.name_translations, A)).join(" • ") }),
-      /* @__PURE__ */ r(N, { href: `/product/${e.slug}`, className: "mb-2", children: /* @__PURE__ */ r("h3", { className: "line-clamp-1 text-lg font-medium text-foreground group-hover:underline", children: e.title }) }),
-      /* @__PURE__ */ r("div", { className: "mb-4", children: e.product_type === "digital" && (f || g) ? /* @__PURE__ */ l("div", { className: "flex flex-wrap items-baseline gap-x-3 gap-y-1", children: [
-        f && /* @__PURE__ */ l("div", { className: "flex items-baseline gap-0.5", children: [
-          /* @__PURE__ */ r("span", { className: "text-xl font-bold text-primary", children: t(f.price, a) }),
-          /* @__PURE__ */ l("span", { className: "text-xs font-medium text-muted-foreground lowercase", children: [
-            "/ ",
-            p("ecommerce.month")
-          ] })
-        ] }),
-        g && /* @__PURE__ */ l("div", { className: "flex items-baseline gap-0.5", children: [
-          /* @__PURE__ */ r("span", { className: x("font-bold text-primary", f ? "text-lg" : "text-xl"), children: t(g.price, a) }),
-          /* @__PURE__ */ l("span", { className: "text-xs font-medium text-muted-foreground lowercase", children: [
-            "/ ",
-            p("ecommerce.year")
-          ] })
-        ] })
-      ] }) : /* @__PURE__ */ l("div", { className: "flex items-baseline gap-2", children: [
-        /* @__PURE__ */ r("span", { className: "text-xl font-bold text-primary", children: w }),
-        !u && n.sale_price && /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground line-through", children: t(n.price, a) })
-      ] }) }),
-      h && /* @__PURE__ */ l("div", { className: "mb-4 rounded-md border border-emerald-200 bg-emerald-50 px-3 py-2 text-xs text-emerald-900", children: [
-        /* @__PURE__ */ r("div", { className: "font-semibold", children: h.label }),
-        /* @__PURE__ */ r("div", { className: "text-emerald-700", children: h.paymentRequirementLabel })
-      ] }),
-      /* @__PURE__ */ r("div", { className: "mt-auto", children: /* @__PURE__ */ r(
-        R,
-        {
-          product: {
-            ...e,
-            price: e.price,
-            prices: e.prices,
-            sale_price: e.sale_price,
-            sale_prices: e.sale_prices
-          },
-          className: "w-full"
-        }
-      ) })
-    ] })
-  ] });
-}, H = ({ products: e, columns: o = 3, className: a }) => e.length ? /* @__PURE__ */ r(
-  "div",
-  {
-    className: x(
-      "grid gap-6 sm:grid-cols-2",
-      o === 3 && "lg:grid-cols-3",
-      o === 4 && "lg:grid-cols-4",
-      a
-    ),
-    children: e.map((i) => /* @__PURE__ */ r(M, { product: i }, i.id))
-  }
-) : /* @__PURE__ */ r("div", { className: "py-12 text-center text-muted-foreground", children: "No products found." });
-export {
-  M as P,
-  H as a
-};