@nextblock-cms/ecom 0.8.6 → 0.8.7

package/lib/components/InvoiceDocument.es.js

@@ -0,0 +1,196 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import b from "next/image";
+import { getInvoiceAddressLines as a, formatInvoiceDate as N, formatInvoiceCurrency as s } from "../invoice.es.js";
+import { getOrderTaxRatePercentage as f, getOrderTaxRateLabel as v, getOrderTaxRateJurisdiction as x } from "../order-tax-details.es.js";
+function k({
+  data: t,
+  labels: r,
+  locale: p = "en-US",
+  className: c = ""
+}) {
+  const u = a(t.settings.address), g = a(t.order.customer_details?.billing), y = a(t.order.customer_details?.shipping);
+  return /* @__PURE__ */ n(
+    "section",
+    {
+      className: `rounded-2xl border bg-white text-slate-900 shadow-sm print:rounded-none print:border-0 print:text-[10px] print:shadow-none ${c}`,
+      children: [
+        /* @__PURE__ */ e("div", { className: "border-b px-6 py-6 print:px-0", children: /* @__PURE__ */ n("div", { className: "grid gap-6 md:grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] md:items-start print:grid-cols-[minmax(0,1fr)_72px_280px] print:items-start print:gap-4", children: [
+          /* @__PURE__ */ n("div", { className: "order-2 max-w-md space-y-4 print:order-none print:max-w-none print:space-y-2 md:order-none", children: [
+            /* @__PURE__ */ n("div", { className: "space-y-1 text-sm print:text-[10px]", children: [
+              /* @__PURE__ */ e("p", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-slate-500", children: r.from }),
+              t.settings.businessName ? /* @__PURE__ */ e("p", { className: "text-base font-semibold", children: t.settings.businessName }) : null,
+              u.map((i, l) => /* @__PURE__ */ e("p", { children: i }, `seller-${l}-${i}`)),
+              t.settings.email ? /* @__PURE__ */ e("p", { children: t.settings.email }) : null,
+              t.settings.phone ? /* @__PURE__ */ e("p", { children: t.settings.phone }) : null
+            ] }),
+            t.settings.taxRegistrations.length > 0 ? /* @__PURE__ */ n("div", { className: "rounded-xl border bg-slate-50 px-4 py-3 text-sm print:px-3 print:py-2 print:text-[10px]", children: [
+              /* @__PURE__ */ e("p", { className: "mb-2 font-semibold", children: r.taxRegistrations }),
+              /* @__PURE__ */ e("div", { className: "space-y-1", children: t.settings.taxRegistrations.map((i, l) => /* @__PURE__ */ n("p", { children: [
+                /* @__PURE__ */ e("span", { className: "font-medium", children: i.label }),
+                i.label && i.value ? ": " : "",
+                i.value
+              ] }, `${i.label}-${i.value}-${l}`)) })
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ e("div", { className: "order-1 flex justify-center md:order-none md:pt-2 print:order-none print:pt-1", children: t.logo?.url ? /* @__PURE__ */ e(
+            b,
+            {
+              src: t.logo.url,
+              alt: t.logo.name || t.settings.businessName || "Logo",
+              className: "mx-auto h-24 w-auto object-contain print:h-14",
+              width: t.logo.width || 320,
+              height: t.logo.height || 120
+            }
+          ) : null }),
+          /* @__PURE__ */ e("div", { className: "order-3 flex justify-start md:order-none md:justify-end print:order-none", children: /* @__PURE__ */ n("div", { className: "w-full max-w-[380px] rounded-2xl bg-slate-950 px-5 py-5 text-white print:max-w-none print:border print:border-slate-300 print:bg-white print:px-3 print:py-3 print:text-[10px] print:text-slate-950", children: [
+            /* @__PURE__ */ e("p", { className: "text-xs uppercase tracking-[0.2em] text-white/70 print:text-slate-500", children: r.invoice }),
+            /* @__PURE__ */ n("div", { className: "mt-4 space-y-3 text-sm print:mt-3 print:space-y-2 print:text-[10px]", children: [
+              /* @__PURE__ */ e(
+                o,
+                {
+                  label: r.invoiceNumber,
+                  value: t.order.invoice_number || "--"
+                }
+              ),
+              /* @__PURE__ */ e(o, { label: r.orderNumber, value: t.order.id }),
+              /* @__PURE__ */ e(
+                o,
+                {
+                  label: r.paidOn,
+                  value: N(t.order.paid_at || t.order.created_at, p) || "--"
+                }
+              ),
+              /* @__PURE__ */ e(o, { label: r.status, value: t.order.status })
+            ] })
+          ] }) })
+        ] }) }),
+        /* @__PURE__ */ n("div", { className: "grid gap-4 border-b px-6 py-6 md:grid-cols-2 print:grid-cols-2 print:gap-3 print:px-0 print:py-3", children: [
+          /* @__PURE__ */ e(h, { title: r.billTo, lines: g }),
+          /* @__PURE__ */ e(h, { title: r.shipTo, lines: y })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "px-6 py-6 print:px-0 print:py-3", children: [
+          /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-2xl border", children: /* @__PURE__ */ n("table", { className: "w-full border-collapse text-sm print:table-fixed print:text-[9px]", children: [
+            /* @__PURE__ */ e("thead", { className: "bg-slate-50", children: /* @__PURE__ */ n("tr", { children: [
+              /* @__PURE__ */ e("th", { className: "px-4 py-3 text-left font-semibold print:w-[22%] print:px-2 print:py-1.5", children: r.item }),
+              /* @__PURE__ */ e("th", { className: "px-4 py-3 text-left font-semibold print:w-[38%] print:px-2 print:py-1.5", children: r.details }),
+              /* @__PURE__ */ e("th", { className: "px-4 py-3 text-right font-semibold print:w-[10%] print:px-2 print:py-1.5", children: r.quantity }),
+              /* @__PURE__ */ e("th", { className: "px-4 py-3 text-right font-semibold print:w-[15%] print:px-2 print:py-1.5", children: r.price }),
+              /* @__PURE__ */ e("th", { className: "px-4 py-3 text-right font-semibold print:w-[15%] print:px-2 print:py-1.5", children: r.amount })
+            ] }) }),
+            /* @__PURE__ */ e("tbody", { children: t.order.items.map((i) => /* @__PURE__ */ n("tr", { className: "border-t", children: [
+              /* @__PURE__ */ e("td", { className: "px-4 py-4 font-medium print:px-2 print:py-1.5", children: i.title }),
+              /* @__PURE__ */ e("td", { className: "px-4 py-4 text-slate-600 print:px-2 print:py-1.5", children: i.description || "--" }),
+              /* @__PURE__ */ e("td", { className: "px-4 py-4 text-right print:px-2 print:py-1.5", children: i.quantity }),
+              /* @__PURE__ */ e("td", { className: "px-4 py-4 text-right print:px-2 print:py-1.5", children: s(i.unit_amount, t.order.currency, p) }),
+              /* @__PURE__ */ e("td", { className: "px-4 py-4 text-right font-medium print:px-2 print:py-1.5", children: s(i.total_amount, t.order.currency, p) })
+            ] }, i.id)) })
+          ] }) }),
+          /* @__PURE__ */ n("div", { className: "mt-6 grid gap-6 md:grid-cols-[minmax(0,1fr)_320px] print:mt-4 print:grid-cols-[minmax(0,1fr)_220px] print:items-start print:gap-4", children: [
+            /* @__PURE__ */ e("div", { children: t.order.tax_details?.lines?.length ? /* @__PURE__ */ n("div", { className: "rounded-xl border bg-slate-50 px-5 py-4 print:break-inside-avoid print:px-3 print:py-2.5 print:text-[10px]", children: [
+              /* @__PURE__ */ e("p", { className: "mb-3 font-semibold", children: r.taxBreakdown }),
+              /* @__PURE__ */ e("div", { className: "space-y-3 text-sm print:space-y-2 print:text-[10px]", children: t.order.tax_details.lines.map((i, l) => {
+                const m = f(i.rate);
+                return /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: "flex items-start justify-between gap-4",
+                    children: [
+                      /* @__PURE__ */ n("div", { children: [
+                        /* @__PURE__ */ n("p", { className: "font-medium", children: [
+                          v(i.rate),
+                          typeof m == "number" ? ` - ${m.toFixed(4)}%` : ""
+                        ] }),
+                        x(i.rate) ? /* @__PURE__ */ e("p", { className: "text-xs text-slate-500 print:text-[9px]", children: x(i.rate) }) : null
+                      ] }),
+                      /* @__PURE__ */ e("span", { children: s(i.amount, t.order.currency, p) })
+                    ]
+                  },
+                  `${i.rate.display_name}-${i.description || "tax"}-${l}`
+                );
+              }) })
+            ] }) : null }),
+            /* @__PURE__ */ n("div", { className: "rounded-xl border bg-slate-950 px-5 py-5 text-sm text-white print:break-inside-avoid print:border-slate-300 print:bg-white print:px-3 print:py-3 print:text-[10px] print:text-slate-950", children: [
+              /* @__PURE__ */ n("div", { className: "space-y-3 print:space-y-2", children: [
+                /* @__PURE__ */ e(
+                  d,
+                  {
+                    label: r.subtotal,
+                    value: s(t.order.subtotal, t.order.currency, p)
+                  }
+                ),
+                t.order.discount_total > 0 ? /* @__PURE__ */ e(
+                  d,
+                  {
+                    label: t.order.coupon_code ? `${r.discount} (${t.order.coupon_code})` : r.discount,
+                    value: `-${s(
+                      t.order.discount_total,
+                      t.order.currency,
+                      p
+                    )}`
+                  }
+                ) : null,
+                /* @__PURE__ */ e(
+                  d,
+                  {
+                    label: r.shipping,
+                    value: s(
+                      t.order.shipping_total,
+                      t.order.currency,
+                      p
+                    )
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  d,
+                  {
+                    label: r.tax,
+                    value: s(t.order.tax_total, t.order.currency, p)
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e("div", { className: "mt-4 border-t border-white/15 pt-4 print:mt-3 print:border-slate-300 print:pt-3", children: /* @__PURE__ */ e(
+                d,
+                {
+                  label: r.total,
+                  value: s(t.order.total, t.order.currency, p),
+                  strong: !0
+                }
+              ) })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function h({ title: t, lines: r }) {
+  return /* @__PURE__ */ n("div", { className: "rounded-xl border bg-slate-50 px-5 py-4 print:break-inside-avoid print:px-3 print:py-2.5 print:text-[10px]", children: [
+    /* @__PURE__ */ e("p", { className: "mb-3 text-xs font-semibold uppercase tracking-[0.2em] text-slate-500", children: t }),
+    r.length ? /* @__PURE__ */ e("div", { className: "space-y-1 text-sm print:text-[10px]", children: r.map((p, c) => /* @__PURE__ */ e("p", { children: p }, `${t}-${c}-${p}`)) }) : /* @__PURE__ */ e("p", { className: "text-sm text-slate-500", children: "--" })
+  ] });
+}
+function o({ label: t, value: r }) {
+  return /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-4", children: [
+    /* @__PURE__ */ e("span", { className: "text-white/70 print:text-[9px] print:text-slate-500", children: t }),
+    /* @__PURE__ */ e("span", { className: "text-right font-medium", children: r })
+  ] });
+}
+function d({
+  label: t,
+  value: r,
+  strong: p = !1
+}) {
+  return /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-4", children: [
+    /* @__PURE__ */ e(
+      "span",
+      {
+        className: p ? "text-base font-semibold print:text-sm" : "text-white/75 print:text-[9px] print:text-slate-500",
+        children: t
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: p ? "text-lg font-semibold print:text-base" : "font-medium", children: r })
+  ] });
+}
+export {
+  k as InvoiceDocument
+};

package/lib/components/InvoiceViewerShell.cjs.js

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("next/link"),j=require("lucide-react"),s=require("@nextblock-cms/ui/button"),v=require("./InvoiceDocument.cjs.js");function f({invoice:i,labels:a,locale:o,title:c,description:r,printLabel:x,headerVisual:d,action:t,loading:l=!1,loadingMessage:m,error:n,emptyMessage:u,className:p="",showHeader:h=!0}){return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:`
+        @media print {
+          @page {
+            size: portrait;
+            margin: 12mm;
+          }
+
+          body {
+            background: white !important;
+          }
+
+          body * {
+            visibility: hidden;
+          }
+
+          [data-print-invoice-root],
+          [data-print-invoice-root] * {
+            visibility: visible;
+          }
+
+          [data-print-invoice-root] {
+            position: absolute;
+            inset: 0;
+            width: 100%;
+            margin: 0;
+            padding: 0;
+          }
+        }
+      `}),e.jsxs("div",{className:`mx-auto max-w-6xl px-4 py-10 md:px-6 print:max-w-none print:px-0 print:py-0 ${p}`,children:[h?e.jsxs("div",{className:"mb-6 flex flex-col gap-4 md:flex-row md:items-center md:justify-between print:hidden",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[d?e.jsx("div",{className:"shrink-0",children:d}):null,e.jsxs("div",{children:[e.jsx("h1",{className:"text-3xl font-bold",children:c}),r?e.jsx("p",{className:"text-sm text-muted-foreground",children:r}):null]})]}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsxs(s.Button,{type:"button",variant:"outline",onClick:()=>window.print(),disabled:!i,children:[e.jsx(j.Printer,{className:"mr-2 h-4 w-4"}),x]}),t?e.jsx(s.Button,{asChild:!0,variant:t.variant||"default",children:e.jsx(b,{href:t.href,children:t.label})}):null]})]}):null,l?e.jsx("div",{className:"mb-6 flex items-center justify-center gap-3 rounded-2xl border bg-background px-5 py-4 text-sm text-muted-foreground print:hidden",children:m}):null,n?e.jsx("div",{className:"mb-6 rounded-2xl border border-amber-200 bg-amber-50 px-5 py-4 text-sm text-amber-700 print:hidden",children:n}):null,i?e.jsx("div",{"data-print-invoice-root":!0,children:e.jsx(v.InvoiceDocument,{data:i,labels:a,locale:o})}):!l&&!n?e.jsx("div",{className:"rounded-2xl border bg-background px-6 py-12 text-center text-muted-foreground print:hidden",children:u}):null]})]})}exports.InvoiceViewerShell=f;

package/lib/components/InvoiceViewerShell.es.js

@@ -0,0 +1,100 @@
+'use client';
+import { jsxs as i, Fragment as f, jsx as e } from "react/jsx-runtime";
+import v from "next/link";
+import { Printer as g } from "lucide-react";
+import { Button as m } from "@nextblock-cms/ui/button";
+import { InvoiceDocument as y } from "./InvoiceDocument.es.js";
+function I({
+  invoice: r,
+  labels: o,
+  locale: s,
+  title: c,
+  description: d,
+  printLabel: p,
+  headerVisual: l,
+  action: t,
+  loading: a = !1,
+  loadingMessage: x,
+  error: n,
+  emptyMessage: u,
+  className: h = "",
+  showHeader: b = !0
+}) {
+  return /* @__PURE__ */ i(f, { children: [
+    /* @__PURE__ */ e("style", { children: `
+        @media print {
+          @page {
+            size: portrait;
+            margin: 12mm;
+          }
+
+          body {
+            background: white !important;
+          }
+
+          body * {
+            visibility: hidden;
+          }
+
+          [data-print-invoice-root],
+          [data-print-invoice-root] * {
+            visibility: visible;
+          }
+
+          [data-print-invoice-root] {
+            position: absolute;
+            inset: 0;
+            width: 100%;
+            margin: 0;
+            padding: 0;
+          }
+        }
+      ` }),
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: `mx-auto max-w-6xl px-4 py-10 md:px-6 print:max-w-none print:px-0 print:py-0 ${h}`,
+        children: [
+          b ? /* @__PURE__ */ i("div", { className: "mb-6 flex flex-col gap-4 md:flex-row md:items-center md:justify-between print:hidden", children: [
+            /* @__PURE__ */ i("div", { className: "flex items-center gap-4", children: [
+              l ? /* @__PURE__ */ e("div", { className: "shrink-0", children: l }) : null,
+              /* @__PURE__ */ i("div", { children: [
+                /* @__PURE__ */ e("h1", { className: "text-3xl font-bold", children: c }),
+                d ? /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: d }) : null
+              ] })
+            ] }),
+            /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-3", children: [
+              /* @__PURE__ */ i(
+                m,
+                {
+                  type: "button",
+                  variant: "outline",
+                  onClick: () => window.print(),
+                  disabled: !r,
+                  children: [
+                    /* @__PURE__ */ e(g, { className: "mr-2 h-4 w-4" }),
+                    p
+                  ]
+                }
+              ),
+              t ? /* @__PURE__ */ e(m, { asChild: !0, variant: t.variant || "default", children: /* @__PURE__ */ e(v, { href: t.href, children: t.label }) }) : null
+            ] })
+          ] }) : null,
+          a ? /* @__PURE__ */ e("div", { className: "mb-6 flex items-center justify-center gap-3 rounded-2xl border bg-background px-5 py-4 text-sm text-muted-foreground print:hidden", children: x }) : null,
+          n ? /* @__PURE__ */ e("div", { className: "mb-6 rounded-2xl border border-amber-200 bg-amber-50 px-5 py-4 text-sm text-amber-700 print:hidden", children: n }) : null,
+          r ? /* @__PURE__ */ e("div", { "data-print-invoice-root": !0, children: /* @__PURE__ */ e(
+            y,
+            {
+              data: r,
+              labels: o,
+              locale: s
+            }
+          ) }) : !a && !n ? /* @__PURE__ */ e("div", { className: "rounded-2xl border bg-background px-6 py-12 text-center text-muted-foreground print:hidden", children: u }) : null
+        ]
+      }
+    )
+  ] });
+}
+export {
+  I as InvoiceViewerShell
+};

package/lib/components/ProductCard.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),S=require("./AddToCartButton.cjs.js"),l=require("@nextblock-cms/utils"),v=require("next/link"),w=require("../CurrencyProvider.cjs.js"),n=require("../currency.cjs.js"),q=require("../trials.cjs.js"),A=require("../variation-utils.cjs.js"),T=({product:e,className:b})=>{const{activeCurrencyCode:a,currencies:c}=w.useCurrency(),i=n.resolvePriceRangeForCurrency({entries:e.variants?.length?e.variants:e.product_variants?.length?e.product_variants:[],currencyCode:a,currencies:c}),u=!!(e.has_variants&&i),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:a,currencies:c}),P=u&&i?i.min===i.max?l.formatPrice(i.min,a):`${l.formatPrice(i.min,a)} - ${l.formatPrice(i.max,a)}`:l.formatPrice(t.sale_price??t.price,a),j=e.variants?.length?e.variants:e.product_variants?.length?e.product_variants:[],y=u?j.some(s=>n.resolveEffectivePriceForCurrency({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:c}).sale_price!=null):t.sale_price!=null,{t:x,lang:N}=l.useTranslations(),p=x("ecommerce.on_sale"),C=p==="ecommerce.on_sale"?"On Sale":p,f=q.getTrialSummary(e),o=e.freemius_plans?.[0]?.freemius_pricing?.[0],d=c.find(s=>s.is_default)?.code||"USD",_=o?.override_monthly_price??o?.api_monthly_price,g=o?.override_annual_price??o?.api_annual_price,m=typeof _=="number"?n.resolvePriceForCurrency({prices:{[d]:l.majorUnitAmountToMinor(_,d)},currencyCode:a,currencies:c}):null,h=typeof g=="number"?n.resolvePriceForCurrency({prices:{[d]:l.majorUnitAmountToMinor(g,d)},currencyCode:a,currencies:c}):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",b),children:[r.jsxs(v,{href:`/product/${e.slug}`,className:"relative aspect-square overflow-hidden bg-muted",children:[y&&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:C}),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(s=>A.resolveTranslatedText(s.name,s.name_translations,N)).join(" • ")}),r.jsx(v,{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"&&(m||h)?r.jsxs("div",{className:"flex flex-wrap items-baseline gap-x-3 gap-y-1",children:[m&&r.jsxs("div",{className:"flex items-baseline gap-0.5",children:[r.jsx("span",{className:"text-xl font-bold text-primary",children:l.formatPrice(m.price,a)}),r.jsxs("span",{className:"text-xs font-medium text-muted-foreground lowercase",children:["/ ",x("ecommerce.month")]})]}),h&&r.jsxs("div",{className:"flex items-baseline gap-0.5",children:[r.jsx("span",{className:l.cn("font-bold text-primary",m?"text-lg":"text-xl"),children:l.formatPrice(h.price,a)}),r.jsxs("span",{className:"text-xs font-medium text-muted-foreground lowercase",children:["/ ",x("ecommerce.year")]})]})]}):r.jsxs("div",{className:"flex items-baseline gap-2",children:[r.jsx("span",{className:"text-xl font-bold text-primary",children:P}),!u&&t.sale_price&&r.jsx("span",{className:"text-sm text-muted-foreground line-through",children:l.formatPrice(t.price,a)})]})}),f&&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:f.label}),r.jsx("div",{className:"text-emerald-700",children:f.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"})})]})]})};exports.ProductCard=T;

package/lib/components/ProductCard.es.js

@@ -0,0 +1,119 @@
+'use client';
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { AddToCartButton as R } from "./AddToCartButton.es.js";
+import { formatPrice as c, useTranslations as T, majorUnitAmountToMinor as b, cn as v } from "@nextblock-cms/utils";
+import y from "next/link";
+import { useCurrency as L } from "../CurrencyProvider.es.js";
+import { resolvePriceRangeForCurrency as E, resolveEffectivePriceForCurrency as N, resolvePriceForCurrency as P } from "../currency.es.js";
+import { getTrialSummary as $ } from "../trials.es.js";
+import { resolveTranslatedText as F } from "../variation-utils.es.js";
+const G = ({ product: e, className: C }) => {
+  const { activeCurrencyCode: l, currencies: n } = L(), i = E({
+    entries: e.variants?.length ? e.variants : e.product_variants?.length ? e.product_variants : [],
+    currencyCode: l,
+    currencies: n
+  }), f = !!(e.has_variants && i), t = N({
+    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: l,
+    currencies: n
+  }), w = f && i ? i.min === i.max ? c(i.min, l) : `${c(i.min, l)} - ${c(
+    i.max,
+    l
+  )}` : c(t.sale_price ?? t.price, l), S = e.variants?.length ? e.variants : e.product_variants?.length ? e.product_variants : [], j = f ? S.some(
+    (a) => N({
+      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: l,
+      currencies: n
+    }).sale_price != null
+  ) : t.sale_price != null, { t: p, lang: k } = T(), x = p("ecommerce.on_sale"), A = x === "ecommerce.on_sale" ? "On Sale" : x, h = $(e), o = e.freemius_plans?.[0]?.freemius_pricing?.[0], m = n.find((a) => a.is_default)?.code || "USD", _ = o?.override_monthly_price ?? o?.api_monthly_price, g = o?.override_annual_price ?? o?.api_annual_price, d = typeof _ == "number" ? P({
+    prices: {
+      [m]: b(
+        _,
+        m
+      )
+    },
+    currencyCode: l,
+    currencies: n
+  }) : null, u = typeof g == "number" ? P({
+    prices: {
+      [m]: b(
+        g,
+        m
+      )
+    },
+    currencyCode: l,
+    currencies: n
+  }) : null;
+  return /* @__PURE__ */ s("div", { className: v("group relative flex flex-col overflow-hidden rounded-lg border bg-card text-card-foreground shadow-sm transition-all hover:shadow-md", C), children: [
+    /* @__PURE__ */ s(y, { 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: A }),
+      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__ */ s("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((a) => F(a.name, a.name_translations, k)).join(" • ") }),
+      /* @__PURE__ */ r(y, { 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" && (d || u) ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-baseline gap-x-3 gap-y-1", children: [
+        d && /* @__PURE__ */ s("div", { className: "flex items-baseline gap-0.5", children: [
+          /* @__PURE__ */ r("span", { className: "text-xl font-bold text-primary", children: c(d.price, l) }),
+          /* @__PURE__ */ s("span", { className: "text-xs font-medium text-muted-foreground lowercase", children: [
+            "/ ",
+            p("ecommerce.month")
+          ] })
+        ] }),
+        u && /* @__PURE__ */ s("div", { className: "flex items-baseline gap-0.5", children: [
+          /* @__PURE__ */ r("span", { className: v("font-bold text-primary", d ? "text-lg" : "text-xl"), children: c(u.price, l) }),
+          /* @__PURE__ */ s("span", { className: "text-xs font-medium text-muted-foreground lowercase", children: [
+            "/ ",
+            p("ecommerce.year")
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ s("div", { className: "flex items-baseline gap-2", children: [
+        /* @__PURE__ */ r("span", { className: "text-xl font-bold text-primary", children: w }),
+        !f && t.sale_price && /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground line-through", children: c(t.price, l) })
+      ] }) }),
+      h && /* @__PURE__ */ s("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"
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  G as ProductCard
+};

package/lib/components/ProductDetailsLayout.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),R=require("lucide-react"),T=require("@nextblock-cms/ui/badge"),z=require("@nextblock-cms/ui/button"),W=require("@nextblock-cms/ui/label"),H=require("@nextblock-cms/ui/separator"),q=require("@nextblock-cms/utils"),Q=require("../product-context.cjs.js"),Y=require("./ProductGallery.cjs.js"),Z=require("./AddToCartButton.cjs.js"),ee=require("./SubscriptionSelector.cjs.js"),te=require("./SimpleTiptapRenderer.cjs.js"),h=require("../variation-utils.cjs.js"),se=require("../CurrencyProvider.cjs.js"),$=require("../currency.cjs.js"),re=require("../types.cjs.js"),ae=require("../trials.cjs.js");function I(l,v,t,o){const y={kind:"product-field",field:v,input:t,label:o},p=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 k=process.env.NEXTBLOCK_VERCEL_PROJECT_ID||process.env.VERCEL_PROJECT_ID,w=process.env.NEXTBLOCK_VERCEL_WORKSPACE_ID||process.env.VERCEL_ORG_ID,n={origin:x,editUrl:`${p}/cms/products/${l.id}/edit`,data:{parentType:"product",parentId:l.id,slug:l.slug,languageId:l.language_id,draftId:null,target:y}};return k&&(n.projectId=k),w&&(n.workspaceId=w),{"data-vercel-edit-info":JSON.stringify(n),"data-vercel-edit-target":JSON.stringify(y),"data-nextblock-visual-edit":`product:${v}`}}const ie=({visualEditingEnabled:l=!1,descriptionNode:v})=>{const t=Q.useProduct(),{t:o,lang:y}=q.useTranslations(),{activeCurrencyCode:p,currencies:P}=se.useCurrency(),x=l?I(t,"title","plain-text","Product title"):void 0,k=l?I(t,"short_description","plain-text","Short description"):void 0,w=l?I(t,"description_json","tiptap","Product description"):void 0,n=(r,u,i)=>{const B=o(r,i);return B===r?u:B},C=t.images&&t.images.length>0?t.images:t.image_url?[{url:t.image_url,alt:t.title}]:[],b=t.custom_props?.provider==="freemius"||re.isDigitalProduct(t),A=ae.getTrialSummary(t),a=!b&&!!(t.has_variants&&t.attributes?.length&&t.variants?.length),g=t.attributes||[],d=t.variants||[],[_,E]=m.useState(()=>h.chooseInitialVariantSelections(g,d)),[S,L]=m.useState(1);m.useEffect(()=>{L(1)},[t.id]),m.useEffect(()=>{a&&E(h.chooseInitialVariantSelections(g,d))},[g,a,t.id,d]);const f=m.useMemo(()=>a?h.normalizeSelectionsToAvailableVariants(g,d,_):_,[g,a,_,d]);m.useEffect(()=>{JSON.stringify(f)!==JSON.stringify(_)&&E(f)},[f,_]);const s=m.useMemo(()=>a?h.findMatchingVariant(d,f):null,[a,f,d]),V=$.resolveEffectivePriceForCurrency({prices:t.prices,salePrices:t.sale_prices,fallbackPrice:t.price,fallbackSalePrice:t.sale_price,saleStartAt:t.sale_start_at,saleEndAt:t.sale_end_at,scheduledPrice:t.scheduled_price,scheduledPrices:t.scheduled_prices,scheduledPriceAt:t.scheduled_price_at,currencyCode:p,currencies:P}),O=a&&s?$.resolveEffectivePriceForCurrency({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:p,currencies:P}):null,j=O?.price??V.price,N=O?.sale_price??V.sale_price,c=a?s?.stock_quantity??0:t.stock??0,D=m.useMemo(()=>{if(!s?.image_url)return C;const r={url:s.image_url,alt:`${t.title} ${s.label}`},u=C.filter(i=>i.url!==s.image_url);return[r,...u]},[C,t.title,s]),M=typeof N=="number"&&j>0?Math.round((j-N)/j*100):0,F=a&&s?{...t,sku:s.sku,price:s.price,prices:s.prices,sale_price:typeof s.sale_price=="number"?s.sale_price:null,sale_prices:s.sale_prices,image_url:s.image_url||t.image_url,stock:s.stock_quantity,variant_id:s.id,variant_label:s.label,selected_options:s.selected_options,currency_code:p}:{...t,currency_code:p},J=(r,u)=>{E(i=>h.normalizeSelectionsToAvailableVariants(g,d,{...i,[r]:u}))},G=n("ecommerce.in_stock",`${c} in stock`,{count:String(c)}),U=n("ecommerce.out_of_stock","Out of stock"),K=n("ecommerce.select_options","Select Options"),X=n("ecommerce.variant_selection_required","Select one term from every dropdown to resolve a variation.");return e.jsxs("div",{className:"w-full animate-in fade-in slide-in-from-bottom-4 duration-700 ease-out",children:[e.jsx("div",{className:"container mx-auto px-4 md:px-6 py-12",children:e.jsxs("div",{className:"grid gap-12 lg:grid-cols-[2fr_3fr] items-start",children:[e.jsx("div",{className:"w-full max-w-2xl mx-auto lg:max-w-none",children:e.jsx(Y.ProductGallery,{images:D,className:"w-full"})}),e.jsxs("div",{className:"flex flex-col gap-4 pb-2 max-w-xl mx-auto lg:mx-0 lg:max-w-none",children:[e.jsx("div",{className:"space-y-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("h1",{className:"text-3xl sm:text-4xl lg:text-5xl font-extrabold tracking-tight text-foreground leading-[1.1] lg:mt-0",...x,children:t.title}),t.categories&&t.categories.length>0&&e.jsx("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:t.categories.map((r,u)=>{const i=h.resolveTranslatedText(r.name,r.name_translations,y);return e.jsxs(m.Fragment,{children:[u>0&&e.jsx("span",{className:"text-muted-foreground/30",children:"•"}),e.jsx("span",{children:i})]},r.id)})}),e.jsx("div",{className:"prose prose-neutral dark:prose-invert max-w-none text-muted-foreground leading-relaxed text-left",...k,children:t.short_description?e.jsx("div",{className:"text-lg mb-4 leading-relaxed",dangerouslySetInnerHTML:{__html:t.short_description}}):l?e.jsx("p",{className:"text-lg mb-4 italic text-muted-foreground",children:"Add a short product description."}):null}),e.jsxs("div",{className:"flex items-center gap-3",children:[typeof N=="number"&&e.jsx(T.Badge,{variant:"destructive",className:"px-2.5 py-1 text-xs font-bold uppercase tracking-wide animate-pulse shadow-sm",children:o("ecommerce.sale_badge",{percent:String(M)})}),!b&&c>0&&c<10&&e.jsx(T.Badge,{variant:"outline",className:"text-amber-600 border-amber-200 bg-amber-50",children:o("ecommerce.low_stock",{count:String(c)})}),A&&e.jsx(T.Badge,{variant:"secondary",className:"border border-emerald-200 bg-emerald-50 text-emerald-800",children:A.label})]})]})}),e.jsxs("div",{className:"p-5 rounded-2xl bg-card/60 border border-border/80 shadow-md backdrop-blur-md space-y-4",children:[b?e.jsx(ee.SubscriptionSelector,{product:t}):e.jsxs("div",{className:"space-y-3.5",children:[e.jsxs("div",{className:"flex items-center justify-between gap-4",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("span",{className:"text-[10px] font-bold text-muted-foreground uppercase tracking-widest",children:n("ecommerce.price","Price")}),e.jsxs("div",{className:"flex items-baseline gap-2.5",children:[e.jsx("span",{className:"text-3xl font-extrabold text-foreground",children:q.formatPrice(N??j,p)}),typeof N=="number"&&e.jsx("span",{className:"text-lg text-muted-foreground line-through decoration-destructive/20 decoration-1",children:q.formatPrice(j,p)})]})]}),!b&&(s||!a)&&e.jsxs("div",{className:"text-right space-y-1",children:[e.jsxs("span",{className:"text-[10px] font-bold text-muted-foreground uppercase tracking-widest block",children:[!a&&t.sku&&e.jsxs("span",{className:"mr-2 font-normal lowercase normal-case text-muted-foreground/70",children:["SKU: ",t.sku]}),n("ecommerce.status","Status")]}),e.jsx("div",{className:(c??0)>0?"text-emerald-600 dark:text-emerald-400 font-semibold text-sm":"text-destructive font-semibold text-sm",children:(c??0)>0?G:U})]})]}),a&&e.jsx("div",{className:"space-y-3",children:e.jsx("div",{className:"grid gap-3 sm:grid-cols-2",children:g.map(r=>{const u=h.getAvailableTermIdsForAttribute(d,r.id,f);return e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(W.Label,{htmlFor:`attribute-${r.id}`,className:"text-[11px] font-semibold text-muted-foreground uppercase tracking-wider",children:r.name}),s?.sku&&e.jsx("span",{className:"text-[10px] text-muted-foreground font-mono",children:s.sku})]}),e.jsx("select",{id:`attribute-${r.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:f[r.id]||"",onChange:i=>J(r.id,i.target.value),children:r.terms.map(i=>e.jsx("option",{value:i.id,disabled:!u.has(i.id),children:i.value},i.id))})]},r.id)})})}),a&&!s&&e.jsx("p",{className:"text-xs text-muted-foreground italic pt-1",children:X}),e.jsxs("div",{className:"flex items-center gap-3 pt-1",children:[!b&&(c??0)>0&&e.jsxs("div",{className:"flex items-center border rounded-lg h-12 bg-background border-input select-none",children:[e.jsx("button",{type:"button",onClick:()=>L(r=>Math.max(1,r-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:S<=1,children:"-"}),e.jsx("span",{className:"w-8 text-center text-sm font-semibold",children:S}),e.jsx("button",{type:"button",onClick:()=>L(r=>c!==null&&r>=c?r:r+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:c!==null&&S>=c,children:"+"})]}),a&&(!s||(c??0)<=0)?e.jsx(z.Button,{disabled:!0,className:"flex-1 h-12 text-md font-bold shadow-md",children:s?U:K}):e.jsx(Z.AddToCartButton,{product:F,quantity:S,className:"flex-1 h-12 text-md font-bold shadow-md transition-all hover:shadow-lg active:scale-[0.98]"})]})]}),e.jsx(H.Separator,{className:"opacity-60 my-0.5"}),e.jsxs("div",{className:"grid grid-cols-2 gap-4 text-center text-[11px] font-medium text-muted-foreground pt-1",children:[e.jsx("div",{className:"flex items-center justify-center gap-2",children:b?e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx(R.Download,{className:"h-3.5 w-3.5"}),o("ecommerce.instant_digital_delivery")]}):e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx(R.Package,{className:"h-3.5 w-3.5"}),o("ecommerce.free_shipping")]})}),e.jsx("div",{className:"flex items-center justify-center gap-2",children:e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx(R.ShieldCheck,{className:"h-3.5 w-3.5"}),o("ecommerce.secure_checkout")]})})]})]})]})]})}),e.jsx("div",{className:"min-w-0 w-full",...v?void 0:w,children:v||(t.description_json?e.jsx("div",{className:"container mx-auto px-4 md:px-6 pb-12 prose prose-neutral dark:prose-invert max-w-none leading-relaxed",children:e.jsx(te.SimpleTiptapRenderer,{content:t.description_json})}):e.jsx("div",{className:"container mx-auto px-4 md:px-6 pb-12",children:e.jsx("p",{className:"italic text-sm text-muted-foreground",children:o("ecommerce.no_description")})}))})]})};exports.ProductDetailsLayout=ie;