@nextblock-cms/ecom 0.20.3 → 0.21.1

package/lib/components/InvoiceViewerShell.es.js

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

package/lib/components/ProductCard.cjs

@@ -0,0 +1 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../currency.cjs"),n=require("../CurrencyProvider.cjs"),r=require("../use-price-formatter.cjs"),i=require("../trials.cjs"),a=require("../variation-utils.cjs"),o=require("./AddToCartButton.cjs");let s=require("next/link");s=e.__toESM(s,1);let c=require("@nextblock-cms/utils"),l=require("react/jsx-runtime");var u=({product:e,className:u,priority:d=!1})=>{let f=r.usePriceFormatter(),{activeCurrencyCode:p,currencies:m}=n.useCurrency(),h=t.resolvePriceRangeForCurrency({entries:e.variants?.length?e.variants:e.product_variants?.length?e.product_variants:[],currencyCode:p,currencies:m}),g=!!(e.has_variants&&h),_=t.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:p,currencies:m}),v=g&&h?h.min===h.max?f(h.min,p):`${f(h.min,p)} - ${f(h.max,p)}`:f(_.sale_price??_.price,p),y=e.variants?.length?e.variants:e.product_variants?.length?e.product_variants:[],b=g?y.some(e=>t.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:p,currencies:m}).sale_price!=null):_.sale_price!=null,{t:x,lang:S}=(0,c.useTranslations)(),C=x(`ecommerce.on_sale`),w=C===`ecommerce.on_sale`?`On Sale`:C,T=i.getTrialSummary(e,x),E=(e.freemius_plans?.[0])?.freemius_pricing?.[0],D=m.find(e=>e.is_default)?.code||`USD`,O=E?.override_monthly_price??E?.api_monthly_price,k=E?.override_annual_price??E?.api_annual_price,A=typeof O==`number`?t.resolvePriceForCurrency({prices:{[D]:(0,c.majorUnitAmountToMinor)(O,D)},currencyCode:p,currencies:m}):null,j=typeof k==`number`?t.resolvePriceForCurrency({prices:{[D]:(0,c.majorUnitAmountToMinor)(k,D)},currencyCode:p,currencies:m}):null;return(0,l.jsxs)(`div`,{className:(0,c.cn)(`group relative flex flex-col overflow-hidden rounded-lg border bg-card text-card-foreground shadow-sm transition-shadow hover:shadow-md`,u),children:[(0,l.jsxs)(s.default,{href:`/product/${e.slug}`,tabIndex:-1,"aria-hidden":`true`,className:`relative aspect-square overflow-hidden bg-muted`,children:[b&&(0,l.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?(0,l.jsx)(`img`,{src:e.image_url,alt:``,width:600,height:600,loading:d?`eager`:`lazy`,decoding:`async`,className:`h-full w-full object-cover object-center transition-transform duration-300 group-hover:scale-105`}):(0,l.jsx)(`div`,{className:`flex h-full items-center justify-center text-muted-foreground`,children:x(`ecommerce.no_image`)===`ecommerce.no_image`?`No image`:x(`ecommerce.no_image`)})]}),(0,l.jsxs)(`div`,{className:`flex flex-1 flex-col p-4`,children:[e.categories&&e.categories.length>0&&(0,l.jsx)(`div`,{className:`text-[10px] font-bold uppercase tracking-widest text-amber-600 dark:text-amber-400 mb-1`,children:e.categories.map(e=>a.resolveTranslatedText(e.name,e.name_translations,S)).join(` • `)}),(0,l.jsx)(s.default,{href:`/product/${e.slug}`,className:`mb-2`,children:(0,l.jsx)(`h3`,{className:`line-clamp-1 text-lg font-medium text-foreground group-hover:underline`,children:e.title})}),(0,l.jsx)(`div`,{className:`flex items-center gap-1 mb-2 mt-0.5 text-xs text-muted-foreground min-h-[1.25rem] select-none`,children:e.total_reviews&&e.total_reviews>0?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`div`,{role:`img`,"aria-label":x(`ecommerce.rating_out_of_5`,{rating:Number(e.average_rating??0).toFixed(1)})===`ecommerce.rating_out_of_5`?`Rated ${Number(e.average_rating??0).toFixed(1)} out of 5`:x(`ecommerce.rating_out_of_5`,{rating:Number(e.average_rating??0).toFixed(1)}),className:`flex items-center text-amber-500 mr-1`,children:Array.from({length:5}).map((t,n)=>{let r=e.average_rating??0;return(0,l.jsx)(`svg`,{className:(0,c.cn)(`h-3.5 w-3.5 fill-current`,n<Math.round(r)?`text-amber-500`:`text-slate-200 dark:text-slate-800`),viewBox:`0 0 20 20`,fill:`currentColor`,"aria-hidden":`true`,children:(0,l.jsx)(`path`,{d:`M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z`})},n)})}),(0,l.jsx)(`span`,{className:`font-semibold text-slate-700 dark:text-slate-300`,children:Number(e.average_rating).toFixed(1)}),(0,l.jsxs)(`span`,{className:`ml-0.5`,children:[`(`,e.total_reviews,`)`]})]}):(0,l.jsx)(`span`,{className:`text-slate-400 dark:text-slate-600`,children:x(`reviews.no_reviews`)})}),(0,l.jsx)(`div`,{className:`mb-4`,children:e.product_type===`digital`&&(A||j)?(0,l.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-3 gap-y-1`,children:[A&&(0,l.jsxs)(`div`,{className:`flex items-baseline gap-0.5`,children:[(0,l.jsx)(`span`,{className:`text-xl font-bold text-primary`,children:f(A.price,p)}),(0,l.jsxs)(`span`,{className:`text-xs font-medium text-muted-foreground lowercase`,children:[`/ `,x(`ecommerce.month`)]})]}),j&&(0,l.jsxs)(`div`,{className:`flex items-baseline gap-0.5`,children:[(0,l.jsx)(`span`,{className:(0,c.cn)(`font-bold text-primary`,A?`text-lg`:`text-xl`),children:f(j.price,p)}),(0,l.jsxs)(`span`,{className:`text-xs font-medium text-muted-foreground lowercase`,children:[`/ `,x(`ecommerce.year`)]})]})]}):(0,l.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,l.jsx)(`span`,{className:`text-xl font-bold text-primary`,children:v}),!g&&_.sale_price&&(0,l.jsxs)(`span`,{className:`text-sm text-muted-foreground tabular-nums`,children:[(0,l.jsxs)(`span`,{className:`sr-only`,children:[x(`ecommerce.regular_price`)===`ecommerce.regular_price`?`Regular price`:x(`ecommerce.regular_price`),` `]}),(0,l.jsx)(`s`,{children:f(_.price,p)})]})]})}),T&&(0,l.jsxs)(`div`,{className:`mb-4 rounded-md border border-emerald-200 bg-emerald-50 px-3 py-2 text-xs text-emerald-900`,children:[(0,l.jsx)(`div`,{className:`font-semibold`,children:T.label}),(0,l.jsx)(`div`,{className:`text-emerald-700`,children:T.paymentRequirementLabel})]}),(0,l.jsx)(`div`,{className:`mt-auto`,children:(0,l.jsx)(o.AddToCartButton,{product:{...e,price:e.price,prices:e.prices,sale_price:e.sale_price,sale_prices:e.sale_prices},className:`w-full`})})]})]})};exports.ProductCard=u;

package/lib/components/ProductCard.d.ts

@@ -5,5 +5,5 @@ interface ProductCardProps {
     /** Above the fold (first grid row): load the image eagerly instead of lazily. */
     priority?: boolean;
 }
-export declare const ProductCard: ({ product, className, priority }: ProductCardProps) => import("react").JSX.Element;
+export declare const ProductCard: ({ product, className, priority }: ProductCardProps) => import('react').JSX.Element;
 export {};

package/lib/components/ProductCard.es.js

@@ -1,172 +1,187 @@
-'use client';
-import { jsxs as l, jsx as r, Fragment as T } from "react/jsx-runtime";
-import { AddToCartButton as M } from "./AddToCartButton.es.js";
-import { useTranslations as $, majorUnitAmountToMinor as N, cn as _ } from "@nextblock-cms/utils";
-import { usePriceFormatter as E } from "../use-price-formatter.es.js";
-import y from "next/link";
-import { useCurrency as z } from "../CurrencyProvider.es.js";
-import { resolvePriceRangeForCurrency as B, resolveEffectivePriceForCurrency as P, resolvePriceForCurrency as w } from "../currency.es.js";
-import { getTrialSummary as q } from "../trials.es.js";
-import { resolveTranslatedText as U } from "../variation-utils.es.js";
-const X = ({ product: e, className: C, priority: S = !1 }) => {
-  const t = E(), { activeCurrencyCode: s, currencies: c } = z(), n = B({
-    entries: e.variants?.length ? e.variants : e.product_variants?.length ? e.product_variants : [],
-    currencyCode: s,
-    currencies: c
-  }), g = !!(e.has_variants && n), m = 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: s,
-    currencies: c
-  }), k = g && n ? n.min === n.max ? t(n.min, s) : `${t(n.min, s)} - ${t(
-    n.max,
-    s
-  )}` : t(m.sale_price ?? m.price, s), j = e.variants?.length ? e.variants : e.product_variants?.length ? e.product_variants : [], A = g ? j.some(
-    (a) => P({
-      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: c
-    }).sale_price != null
-  ) : m.sale_price != null, { t: i, lang: F } = $(), x = i("ecommerce.on_sale"), R = x === "ecommerce.on_sale" ? "On Sale" : x, u = q(e, i), o = e.freemius_plans?.[0]?.freemius_pricing?.[0], d = c.find((a) => a.is_default)?.code || "USD", p = o?.override_monthly_price ?? o?.api_monthly_price, v = o?.override_annual_price ?? o?.api_annual_price, h = typeof p == "number" ? w({
-    prices: {
-      [d]: N(
-        p,
-        d
-      )
-    },
-    currencyCode: s,
-    currencies: c
-  }) : null, f = typeof v == "number" ? w({
-    prices: {
-      [d]: N(
-        v,
-        d
-      )
-    },
-    currencyCode: s,
-    currencies: c
-  }) : null;
-  return /* @__PURE__ */ l("div", { className: _("group relative flex flex-col overflow-hidden rounded-lg border bg-card text-card-foreground shadow-sm transition-shadow hover:shadow-md", C), children: [
-    /* @__PURE__ */ l(
-      y,
-      {
-        href: `/product/${e.slug}`,
-        tabIndex: -1,
-        "aria-hidden": "true",
-        className: "relative aspect-square overflow-hidden bg-muted",
-        children: [
-          A && /* @__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: R }),
-          e.image_url ? /* @__PURE__ */ r(
-            "img",
-            {
-              src: e.image_url,
-              alt: "",
-              width: 600,
-              height: 600,
-              loading: S ? "eager" : "lazy",
-              decoding: "async",
-              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: i("ecommerce.no_image") === "ecommerce.no_image" ? "No image" : i("ecommerce.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((a) => U(a.name, a.name_translations, F)).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: "flex items-center gap-1 mb-2 mt-0.5 text-xs text-muted-foreground min-h-[1.25rem] select-none", children: e.total_reviews && e.total_reviews > 0 ? /* @__PURE__ */ l(T, { children: [
-        /* @__PURE__ */ r(
-          "div",
-          {
-            role: "img",
-            "aria-label": i("ecommerce.rating_out_of_5", { rating: Number(e.average_rating ?? 0).toFixed(1) }) === "ecommerce.rating_out_of_5" ? `Rated ${Number(e.average_rating ?? 0).toFixed(1)} out of 5` : i("ecommerce.rating_out_of_5", { rating: Number(e.average_rating ?? 0).toFixed(1) }),
-            className: "flex items-center text-amber-500 mr-1",
-            children: Array.from({ length: 5 }).map((a, b) => {
-              const L = e.average_rating ?? 0;
-              return /* @__PURE__ */ r(
-                "svg",
-                {
-                  className: _(
-                    "h-3.5 w-3.5 fill-current",
-                    b < Math.round(L) ? "text-amber-500" : "text-slate-200 dark:text-slate-800"
-                  ),
-                  viewBox: "0 0 20 20",
-                  fill: "currentColor",
-                  "aria-hidden": "true",
-                  children: /* @__PURE__ */ r("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" })
-                },
-                b
-              );
-            })
-          }
-        ),
-        /* @__PURE__ */ r("span", { className: "font-semibold text-slate-700 dark:text-slate-300", children: Number(e.average_rating).toFixed(1) }),
-        /* @__PURE__ */ l("span", { className: "ml-0.5", children: [
-          "(",
-          e.total_reviews,
-          ")"
-        ] })
-      ] }) : /* @__PURE__ */ r("span", { className: "text-slate-400 dark:text-slate-600", children: i("reviews.no_reviews") }) }),
-      /* @__PURE__ */ r("div", { className: "mb-4", children: e.product_type === "digital" && (h || f) ? /* @__PURE__ */ l("div", { className: "flex flex-wrap items-baseline gap-x-3 gap-y-1", children: [
-        h && /* @__PURE__ */ l("div", { className: "flex items-baseline gap-0.5", children: [
-          /* @__PURE__ */ r("span", { className: "text-xl font-bold text-primary", children: t(h.price, s) }),
-          /* @__PURE__ */ l("span", { className: "text-xs font-medium text-muted-foreground lowercase", children: [
-            "/ ",
-            i("ecommerce.month")
-          ] })
-        ] }),
-        f && /* @__PURE__ */ l("div", { className: "flex items-baseline gap-0.5", children: [
-          /* @__PURE__ */ r("span", { className: _("font-bold text-primary", h ? "text-lg" : "text-xl"), children: t(f.price, s) }),
-          /* @__PURE__ */ l("span", { className: "text-xs font-medium text-muted-foreground lowercase", children: [
-            "/ ",
-            i("ecommerce.year")
-          ] })
-        ] })
-      ] }) : /* @__PURE__ */ l("div", { className: "flex items-baseline gap-2", children: [
-        /* @__PURE__ */ r("span", { className: "text-xl font-bold text-primary", children: k }),
-        !g && m.sale_price && /* @__PURE__ */ l("span", { className: "text-sm text-muted-foreground tabular-nums", children: [
-          /* @__PURE__ */ l("span", { className: "sr-only", children: [
-            i("ecommerce.regular_price") === "ecommerce.regular_price" ? "Regular price" : i("ecommerce.regular_price"),
-            " "
-          ] }),
-          /* @__PURE__ */ r("s", { children: t(m.price, s) })
-        ] })
-      ] }) }),
-      u && /* @__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: u.label }),
-        /* @__PURE__ */ r("div", { className: "text-emerald-700", children: u.paymentRequirementLabel })
-      ] }),
-      /* @__PURE__ */ r("div", { className: "mt-auto", children: /* @__PURE__ */ r(
-        M,
-        {
-          product: {
-            ...e,
-            price: e.price,
-            prices: e.prices,
-            sale_price: e.sale_price,
-            sale_prices: e.sale_prices
-          },
-          className: "w-full"
-        }
-      ) })
-    ] })
-  ] });
-};
-export {
-  X as ProductCard
+"use client";
+import { resolveEffectivePriceForCurrency as e, resolvePriceForCurrency as t, resolvePriceRangeForCurrency as n } from "../currency.es.js";
+import { useCurrency as r } from "../CurrencyProvider.es.js";
+import { usePriceFormatter as i } from "../use-price-formatter.es.js";
+import { getTrialSummary as a } from "../trials.es.js";
+import { resolveTranslatedText as o } from "../variation-utils.es.js";
+import { AddToCartButton as s } from "./AddToCartButton.es.js";
+import c from "next/link";
+import { cn as l, majorUnitAmountToMinor as u, useTranslations as d } from "@nextblock-cms/utils";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/lib/components/ProductCard.tsx
+var h = ({ product: h, className: g, priority: _ = !1 }) => {
+	let v = i(), { activeCurrencyCode: y, currencies: b } = r(), x = n({
+		entries: h.variants?.length ? h.variants : h.product_variants?.length ? h.product_variants : [],
+		currencyCode: y,
+		currencies: b
+	}), S = !!(h.has_variants && x), C = e({
+		prices: h.prices,
+		salePrices: h.sale_prices,
+		fallbackPrice: h.price,
+		fallbackSalePrice: h.sale_price,
+		saleStartAt: h.sale_start_at,
+		saleEndAt: h.sale_end_at,
+		scheduledPrice: h.scheduled_price,
+		scheduledPrices: h.scheduled_prices,
+		scheduledPriceAt: h.scheduled_price_at,
+		currencyCode: y,
+		currencies: b
+	}), w = S && x ? x.min === x.max ? v(x.min, y) : `${v(x.min, y)} - ${v(x.max, y)}` : v(C.sale_price ?? C.price, y), T = h.variants?.length ? h.variants : h.product_variants?.length ? h.product_variants : [], E = S ? T.some((t) => e({
+		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: y,
+		currencies: b
+	}).sale_price != null) : C.sale_price != null, { t: D, lang: O } = d(), k = D("ecommerce.on_sale"), A = k === "ecommerce.on_sale" ? "On Sale" : k, j = a(h, D), M = (h.freemius_plans?.[0])?.freemius_pricing?.[0], N = b.find((e) => e.is_default)?.code || "USD", P = M?.override_monthly_price ?? M?.api_monthly_price, F = M?.override_annual_price ?? M?.api_annual_price, I = typeof P == "number" ? t({
+		prices: { [N]: u(P, N) },
+		currencyCode: y,
+		currencies: b
+	}) : null, L = typeof F == "number" ? t({
+		prices: { [N]: u(F, N) },
+		currencyCode: y,
+		currencies: b
+	}) : null;
+	return /* @__PURE__ */ m("div", {
+		className: l("group relative flex flex-col overflow-hidden rounded-lg border bg-card text-card-foreground shadow-sm transition-shadow hover:shadow-md", g),
+		children: [/* @__PURE__ */ m(c, {
+			href: `/product/${h.slug}`,
+			tabIndex: -1,
+			"aria-hidden": "true",
+			className: "relative aspect-square overflow-hidden bg-muted",
+			children: [E && /* @__PURE__ */ p("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
+			}), h.image_url ? /* @__PURE__ */ p("img", {
+				src: h.image_url,
+				alt: "",
+				width: 600,
+				height: 600,
+				loading: _ ? "eager" : "lazy",
+				decoding: "async",
+				className: "h-full w-full object-cover object-center transition-transform duration-300 group-hover:scale-105"
+			}) : /* @__PURE__ */ p("div", {
+				className: "flex h-full items-center justify-center text-muted-foreground",
+				children: D("ecommerce.no_image") === "ecommerce.no_image" ? "No image" : D("ecommerce.no_image")
+			})]
+		}), /* @__PURE__ */ m("div", {
+			className: "flex flex-1 flex-col p-4",
+			children: [
+				h.categories && h.categories.length > 0 && /* @__PURE__ */ p("div", {
+					className: "text-[10px] font-bold uppercase tracking-widest text-amber-600 dark:text-amber-400 mb-1",
+					children: h.categories.map((e) => o(e.name, e.name_translations, O)).join(" • ")
+				}),
+				/* @__PURE__ */ p(c, {
+					href: `/product/${h.slug}`,
+					className: "mb-2",
+					children: /* @__PURE__ */ p("h3", {
+						className: "line-clamp-1 text-lg font-medium text-foreground group-hover:underline",
+						children: h.title
+					})
+				}),
+				/* @__PURE__ */ p("div", {
+					className: "flex items-center gap-1 mb-2 mt-0.5 text-xs text-muted-foreground min-h-[1.25rem] select-none",
+					children: h.total_reviews && h.total_reviews > 0 ? /* @__PURE__ */ m(f, { children: [
+						/* @__PURE__ */ p("div", {
+							role: "img",
+							"aria-label": D("ecommerce.rating_out_of_5", { rating: Number(h.average_rating ?? 0).toFixed(1) }) === "ecommerce.rating_out_of_5" ? `Rated ${Number(h.average_rating ?? 0).toFixed(1)} out of 5` : D("ecommerce.rating_out_of_5", { rating: Number(h.average_rating ?? 0).toFixed(1) }),
+							className: "flex items-center text-amber-500 mr-1",
+							children: Array.from({ length: 5 }).map((e, t) => {
+								let n = h.average_rating ?? 0;
+								return /* @__PURE__ */ p("svg", {
+									className: l("h-3.5 w-3.5 fill-current", t < Math.round(n) ? "text-amber-500" : "text-slate-200 dark:text-slate-800"),
+									viewBox: "0 0 20 20",
+									fill: "currentColor",
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ p("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" })
+								}, t);
+							})
+						}),
+						/* @__PURE__ */ p("span", {
+							className: "font-semibold text-slate-700 dark:text-slate-300",
+							children: Number(h.average_rating).toFixed(1)
+						}),
+						/* @__PURE__ */ m("span", {
+							className: "ml-0.5",
+							children: [
+								"(",
+								h.total_reviews,
+								")"
+							]
+						})
+					] }) : /* @__PURE__ */ p("span", {
+						className: "text-slate-400 dark:text-slate-600",
+						children: D("reviews.no_reviews")
+					})
+				}),
+				/* @__PURE__ */ p("div", {
+					className: "mb-4",
+					children: h.product_type === "digital" && (I || L) ? /* @__PURE__ */ m("div", {
+						className: "flex flex-wrap items-baseline gap-x-3 gap-y-1",
+						children: [I && /* @__PURE__ */ m("div", {
+							className: "flex items-baseline gap-0.5",
+							children: [/* @__PURE__ */ p("span", {
+								className: "text-xl font-bold text-primary",
+								children: v(I.price, y)
+							}), /* @__PURE__ */ m("span", {
+								className: "text-xs font-medium text-muted-foreground lowercase",
+								children: ["/ ", D("ecommerce.month")]
+							})]
+						}), L && /* @__PURE__ */ m("div", {
+							className: "flex items-baseline gap-0.5",
+							children: [/* @__PURE__ */ p("span", {
+								className: l("font-bold text-primary", I ? "text-lg" : "text-xl"),
+								children: v(L.price, y)
+							}), /* @__PURE__ */ m("span", {
+								className: "text-xs font-medium text-muted-foreground lowercase",
+								children: ["/ ", D("ecommerce.year")]
+							})]
+						})]
+					}) : /* @__PURE__ */ m("div", {
+						className: "flex items-baseline gap-2",
+						children: [/* @__PURE__ */ p("span", {
+							className: "text-xl font-bold text-primary",
+							children: w
+						}), !S && C.sale_price && /* @__PURE__ */ m("span", {
+							className: "text-sm text-muted-foreground tabular-nums",
+							children: [/* @__PURE__ */ m("span", {
+								className: "sr-only",
+								children: [D("ecommerce.regular_price") === "ecommerce.regular_price" ? "Regular price" : D("ecommerce.regular_price"), " "]
+							}), /* @__PURE__ */ p("s", { children: v(C.price, y) })]
+						})]
+					})
+				}),
+				j && /* @__PURE__ */ m("div", {
+					className: "mb-4 rounded-md border border-emerald-200 bg-emerald-50 px-3 py-2 text-xs text-emerald-900",
+					children: [/* @__PURE__ */ p("div", {
+						className: "font-semibold",
+						children: j.label
+					}), /* @__PURE__ */ p("div", {
+						className: "text-emerald-700",
+						children: j.paymentRequirementLabel
+					})]
+				}),
+				/* @__PURE__ */ p("div", {
+					className: "mt-auto",
+					children: /* @__PURE__ */ p(s, {
+						product: {
+							...h,
+							price: h.price,
+							prices: h.prices,
+							sale_price: h.sale_price,
+							sale_prices: h.sale_prices
+						},
+						className: "w-full"
+					})
+				})
+			]
+		})]
+	});
 };
+//#endregion
+export { h as ProductCard };