@nextblock-cms/ecom 0.8.1 → 0.8.6

package/ProductDetailsLayout-Dg8dRTYp.js

@@ -0,0 +1,530 @@
+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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,130 @@
+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
+};