@nextblock-cms/ecom 0.20.3 → 0.21.0

package/lib/components/Cart.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("react"),C=require("@nextblock-cms/ui/badge"),d=require("@nextblock-cms/ui/button"),a=require("@nextblock-cms/ui/table"),g=require("lucide-react"),j=require("../cart-store.cjs.js"),w=require("../use-cart.cjs.js"),m=require("../types.cjs.js"),b=require("next/link"),T=require("@nextblock-cms/utils"),k=require("../use-price-formatter.cjs.js"),S=require("./ShippingEstimator.cjs.js"),P=require("../CurrencyProvider.cjs.js"),R=require("../trials.cjs.js"),B=require("./CouponForm.cjs.js"),H=()=>{const u=k.usePriceFormatter(),x=w.useCart(s=>s),N=j.useCartSubtotal(),{t:r}=T.useTranslations(),l=(s,t,c)=>{const o=r(s,c);return o===s?t:o},y="/shop",{activeCurrencyCode:i,currencies:h}=P.useCurrency(),n=x?.items??[],v=q.useMemo(()=>n.reduce((s,t)=>{if(m.isDigitalItem(t))return s;const c=j.getCartItemActivePrice(t,{currencyCode:i,currencies:h});return s+(c.sale_price??c.price)*t.quantity},0),[i,h,n]);if(!x)return e.jsxs("div",{role:"status","aria-busy":"true",className:"container mx-auto py-12",children:[e.jsx("span",{className:"sr-only",children:r("loading")==="loading"?"Loading…":r("loading")}),e.jsx("div",{className:"mb-8 h-9 w-56 rounded-md bg-muted"}),e.jsxs("div",{className:"grid gap-12 lg:grid-cols-12 lg:items-start",children:[e.jsx("div",{className:"h-64 rounded-lg border bg-muted/40 lg:col-span-8"}),e.jsx("div",{className:"h-64 rounded-lg border bg-muted/40 lg:col-span-4"})]})]});const{updateQuantity:p,removeItem:f}=x,_=s=>n.reduce((t,c)=>m.isDigitalItem(c)||c.sku!==s?t:t+c.quantity,0);return n.length===0?e.jsxs("div",{className:"flex flex-col items-center justify-center space-y-4 py-12",children:[e.jsx("h1",{className:"text-2xl font-bold",children:r("ecommerce.cart_empty")}),e.jsx("p",{className:"text-muted-foreground",children:r("ecommerce.cart_empty_description")}),e.jsx(d.Button,{asChild:!0,children:e.jsx(b,{href:y,children:r("ecommerce.continue_shopping")})})]}):e.jsxs("div",{className:"container mx-auto py-12",children:[e.jsx("h1",{className:"mb-8 text-3xl font-bold",children:r("ecommerce.shopping_cart")}),e.jsxs("div",{className:"grid gap-12 lg:grid-cols-12 lg:items-start",children:[e.jsx("div",{className:"lg:col-span-8",children:e.jsx("div",{className:"rounded-lg border overflow-hidden",children:e.jsxs(a.Table,{children:[e.jsx(a.TableHeader,{children:e.jsxs(a.TableRow,{children:[e.jsx(a.TableHead,{children:r("ecommerce.product")}),e.jsx(a.TableHead,{children:r("ecommerce.quantity")}),e.jsx(a.TableHead,{className:"text-right",children:r("ecommerce.price")}),e.jsx(a.TableHead,{className:"text-right",children:r("ecommerce.total")}),e.jsx(a.TableHead,{className:"w-[50px]",children:e.jsx("span",{className:"sr-only",children:l("ecommerce.actions","Actions")})})]})}),e.jsx(a.TableBody,{children:n.map(s=>{const t=_(s.sku),c=j.getCartItemActivePrice(s,{currencyCode:i,currencies:h}),o=R.getTrialSummary(s,r);return e.jsxs(a.TableRow,{children:[e.jsx(a.TableCell,{children:e.jsxs("div",{className:"flex items-center gap-4",children:[s.image_url?e.jsx("div",{className:"h-16 w-16 overflow-hidden rounded border bg-neutral-100",children:e.jsx("img",{src:s.image_url,alt:s.title,className:"h-full w-full object-cover"})}):e.jsx("div",{className:"flex h-16 w-16 items-center justify-center rounded bg-secondary",children:e.jsx("span",{className:"text-[10px] text-muted-foreground",children:r("ecommerce.no_image")})}),e.jsxs("div",{className:"min-w-0 break-words",children:[e.jsx("div",{className:"font-medium",children:s.title}),s.variant_label&&e.jsx("div",{className:"mt-1 text-xs text-muted-foreground",children:s.variant_label}),m.isDigitalItem(s)&&s.billing_cycle&&e.jsx("div",{className:"mt-1 text-xs text-muted-foreground",children:l(`ecommerce.checkout_billing_cycle_${s.billing_cycle}`,`${s.billing_cycle} subscription`)}),o&&e.jsxs("div",{className:"mt-1 text-xs font-medium text-emerald-700",children:[o.label," - ",o.paymentRequirementLabel]})]})]})}),e.jsx(a.TableCell,{children:m.isDigitalItem(s)?e.jsx(C.Badge,{variant:"secondary",className:"font-normal text-xs",children:l("ecommerce.license_count_one","1 license",{count:1})}):e.jsxs("div",{role:"group","aria-label":`${l("ecommerce.quantity","Quantity")}: ${s.title}`,className:"flex items-center gap-2",children:[e.jsx(d.Button,{variant:"outline",size:"icon",className:"h-8 w-8","aria-label":l("ecommerce.decrease_quantity","Decrease quantity"),onClick:()=>p(s.id,s.quantity-1),children:e.jsx(g.Minus,{className:"h-4 w-4"})}),e.jsx("span",{"aria-live":"polite","aria-atomic":"true",className:"w-8 text-center tabular-nums",children:s.quantity}),e.jsx(d.Button,{variant:"outline",size:"icon",className:"h-8 w-8","aria-label":l("ecommerce.increase_quantity","Increase quantity"),onClick:()=>p(s.id,s.quantity+1),disabled:typeof s.stock=="number"&&t>=s.stock,children:e.jsx(g.Plus,{className:"h-4 w-4"})})]})}),e.jsx(a.TableCell,{className:"text-right",children:e.jsxs("div",{className:"flex flex-col items-end tabular-nums",children:[e.jsxs("span",{className:"font-medium",children:[c.sale_price&&e.jsxs("span",{className:"sr-only",children:[l("ecommerce.sale_price","Sale price")," "]}),u(c.sale_price??c.price,i)]}),c.sale_price&&e.jsxs("span",{className:"text-xs text-muted-foreground",children:[e.jsxs("span",{className:"sr-only",children:[l("ecommerce.regular_price","Regular price")," "]}),e.jsx("s",{children:u(c.price,i)})]})]})}),e.jsx(a.TableCell,{className:"text-right font-medium tabular-nums",children:u((c.sale_price??c.price)*s.quantity,i)}),e.jsx(a.TableCell,{children:e.jsx(d.Button,{variant:"ghost",size:"icon",onClick:()=>f(s.id),"aria-label":l("ecommerce.remove_item",`Remove ${s.title} from cart`,{item:s.title}),className:"text-muted-foreground hover:text-destructive",children:e.jsx(g.Trash2,{className:"h-4 w-4"})})})]},s.id)})})]})})}),e.jsx("div",{className:"lg:col-span-4",children:e.jsxs("div",{className:"rounded-lg border bg-card p-6 shadow-sm",children:[e.jsx("h2",{className:"mb-4 text-lg font-semibold",children:r("ecommerce.order_summary")}),e.jsxs("div",{className:"flex justify-between border-b pb-4",children:[e.jsx("span",{children:r("ecommerce.subtotal")}),e.jsx("span",{className:"font-medium tabular-nums",children:u(N,i)})]}),e.jsxs("div",{className:"mt-4 flex flex-col gap-4",children:[e.jsx("p",{className:"text-sm text-muted-foreground",children:r("ecommerce.shipping_taxes_calculated")}),n.some(s=>!m.isDigitalItem(s))&&e.jsx(S.ShippingEstimator,{physicalSubtotal:v}),e.jsx(B.CouponForm,{items:n,currencyCode:i,compact:!0}),e.jsx(d.Button,{asChild:!0,className:"w-full mt-4",size:"lg",children:e.jsx(b,{href:"/checkout",children:r("ecommerce.proceed_to_checkout")})})]})]})})]})]})};exports.Cart=H;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../types.cjs.js"),n=require("../CurrencyProvider.cjs.js"),r=require("../cart-store.cjs.js"),i=require("../use-cart.cjs.js"),a=require("../use-price-formatter.cjs.js"),o=require("../trials.cjs.js"),s=require("./CouponForm.cjs.js"),c=require("./ShippingEstimator.cjs.js");let l=require("@nextblock-cms/ui/badge"),u=require("@nextblock-cms/ui/button"),d=require("next/link");d=e.__toESM(d,1);let f=require("react"),p=require("lucide-react"),m=require("@nextblock-cms/utils"),h=require("react/jsx-runtime"),g=require("@nextblock-cms/ui/table");var _=()=>{let e=a.usePriceFormatter(),_=i.useCart(e=>e),v=r.useCartSubtotal(),{t:y}=(0,m.useTranslations)(),b=(e,t,n)=>{let r=y(e,n);return r===e?t:r},{activeCurrencyCode:x,currencies:S}=n.useCurrency(),C=_?.items??[],w=(0,f.useMemo)(()=>C.reduce((e,n)=>{if(t.isDigitalItem(n))return e;let i=r.getCartItemActivePrice(n,{currencyCode:x,currencies:S});return e+(i.sale_price??i.price)*n.quantity},0),[x,S,C]);if(!_)return(0,h.jsxs)(`div`,{role:`status`,"aria-busy":`true`,className:`container mx-auto py-12`,children:[(0,h.jsx)(`span`,{className:`sr-only`,children:y(`loading`)===`loading`?`Loading…`:y(`loading`)}),(0,h.jsx)(`div`,{className:`mb-8 h-9 w-56 rounded-md bg-muted`}),(0,h.jsxs)(`div`,{className:`grid gap-12 lg:grid-cols-12 lg:items-start`,children:[(0,h.jsx)(`div`,{className:`h-64 rounded-lg border bg-muted/40 lg:col-span-8`}),(0,h.jsx)(`div`,{className:`h-64 rounded-lg border bg-muted/40 lg:col-span-4`})]})]});let{updateQuantity:T,removeItem:E}=_,D=e=>C.reduce((n,r)=>t.isDigitalItem(r)||r.sku!==e?n:n+r.quantity,0);return C.length===0?(0,h.jsxs)(`div`,{className:`flex flex-col items-center justify-center space-y-4 py-12`,children:[(0,h.jsx)(`h1`,{className:`text-2xl font-bold`,children:y(`ecommerce.cart_empty`)}),(0,h.jsx)(`p`,{className:`text-muted-foreground`,children:y(`ecommerce.cart_empty_description`)}),(0,h.jsx)(u.Button,{asChild:!0,children:(0,h.jsx)(d.default,{href:`/shop`,children:y(`ecommerce.continue_shopping`)})})]}):(0,h.jsxs)(`div`,{className:`container mx-auto py-12`,children:[(0,h.jsx)(`h1`,{className:`mb-8 text-3xl font-bold`,children:y(`ecommerce.shopping_cart`)}),(0,h.jsxs)(`div`,{className:`grid gap-12 lg:grid-cols-12 lg:items-start`,children:[(0,h.jsx)(`div`,{className:`lg:col-span-8`,children:(0,h.jsx)(`div`,{className:`rounded-lg border overflow-hidden`,children:(0,h.jsxs)(g.Table,{children:[(0,h.jsx)(g.TableHeader,{children:(0,h.jsxs)(g.TableRow,{children:[(0,h.jsx)(g.TableHead,{children:y(`ecommerce.product`)}),(0,h.jsx)(g.TableHead,{children:y(`ecommerce.quantity`)}),(0,h.jsx)(g.TableHead,{className:`text-right`,children:y(`ecommerce.price`)}),(0,h.jsx)(g.TableHead,{className:`text-right`,children:y(`ecommerce.total`)}),(0,h.jsx)(g.TableHead,{className:`w-[50px]`,children:(0,h.jsx)(`span`,{className:`sr-only`,children:b(`ecommerce.actions`,`Actions`)})})]})}),(0,h.jsx)(g.TableBody,{children:C.map(n=>{let i=D(n.sku),a=r.getCartItemActivePrice(n,{currencyCode:x,currencies:S}),s=o.getTrialSummary(n,y);return(0,h.jsxs)(g.TableRow,{children:[(0,h.jsx)(g.TableCell,{children:(0,h.jsxs)(`div`,{className:`flex items-center gap-4`,children:[n.image_url?(0,h.jsx)(`div`,{className:`h-16 w-16 overflow-hidden rounded border bg-neutral-100`,children:(0,h.jsx)(`img`,{src:n.image_url,alt:n.title,className:`h-full w-full object-cover`})}):(0,h.jsx)(`div`,{className:`flex h-16 w-16 items-center justify-center rounded bg-secondary`,children:(0,h.jsx)(`span`,{className:`text-[10px] text-muted-foreground`,children:y(`ecommerce.no_image`)})}),(0,h.jsxs)(`div`,{className:`min-w-0 break-words`,children:[(0,h.jsx)(`div`,{className:`font-medium`,children:n.title}),n.variant_label&&(0,h.jsx)(`div`,{className:`mt-1 text-xs text-muted-foreground`,children:n.variant_label}),t.isDigitalItem(n)&&n.billing_cycle&&(0,h.jsx)(`div`,{className:`mt-1 text-xs text-muted-foreground`,children:b(`ecommerce.checkout_billing_cycle_${n.billing_cycle}`,`${n.billing_cycle} subscription`)}),s&&(0,h.jsxs)(`div`,{className:`mt-1 text-xs font-medium text-emerald-700`,children:[s.label,` - `,s.paymentRequirementLabel]})]})]})}),(0,h.jsx)(g.TableCell,{children:t.isDigitalItem(n)?(0,h.jsx)(l.Badge,{variant:`secondary`,className:`font-normal text-xs`,children:b(`ecommerce.license_count_one`,`1 license`,{count:1})}):(0,h.jsxs)(`div`,{role:`group`,"aria-label":`${b(`ecommerce.quantity`,`Quantity`)}: ${n.title}`,className:`flex items-center gap-2`,children:[(0,h.jsx)(u.Button,{variant:`outline`,size:`icon`,className:`h-8 w-8`,"aria-label":b(`ecommerce.decrease_quantity`,`Decrease quantity`),onClick:()=>T(n.id,n.quantity-1),children:(0,h.jsx)(p.Minus,{className:`h-4 w-4`})}),(0,h.jsx)(`span`,{"aria-live":`polite`,"aria-atomic":`true`,className:`w-8 text-center tabular-nums`,children:n.quantity}),(0,h.jsx)(u.Button,{variant:`outline`,size:`icon`,className:`h-8 w-8`,"aria-label":b(`ecommerce.increase_quantity`,`Increase quantity`),onClick:()=>T(n.id,n.quantity+1),disabled:typeof n.stock==`number`&&i>=n.stock,children:(0,h.jsx)(p.Plus,{className:`h-4 w-4`})})]})}),(0,h.jsx)(g.TableCell,{className:`text-right`,children:(0,h.jsxs)(`div`,{className:`flex flex-col items-end tabular-nums`,children:[(0,h.jsxs)(`span`,{className:`font-medium`,children:[a.sale_price&&(0,h.jsxs)(`span`,{className:`sr-only`,children:[b(`ecommerce.sale_price`,`Sale price`),` `]}),e(a.sale_price??a.price,x)]}),a.sale_price&&(0,h.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[(0,h.jsxs)(`span`,{className:`sr-only`,children:[b(`ecommerce.regular_price`,`Regular price`),` `]}),(0,h.jsx)(`s`,{children:e(a.price,x)})]})]})}),(0,h.jsx)(g.TableCell,{className:`text-right font-medium tabular-nums`,children:e((a.sale_price??a.price)*n.quantity,x)}),(0,h.jsx)(g.TableCell,{children:(0,h.jsx)(u.Button,{variant:`ghost`,size:`icon`,onClick:()=>E(n.id),"aria-label":b(`ecommerce.remove_item`,`Remove ${n.title} from cart`,{item:n.title}),className:`text-muted-foreground hover:text-destructive`,children:(0,h.jsx)(p.Trash2,{className:`h-4 w-4`})})})]},n.id)})})]})})}),(0,h.jsx)(`div`,{className:`lg:col-span-4`,children:(0,h.jsxs)(`div`,{className:`rounded-lg border bg-card p-6 shadow-sm`,children:[(0,h.jsx)(`h2`,{className:`mb-4 text-lg font-semibold`,children:y(`ecommerce.order_summary`)}),(0,h.jsxs)(`div`,{className:`flex justify-between border-b pb-4`,children:[(0,h.jsx)(`span`,{children:y(`ecommerce.subtotal`)}),(0,h.jsx)(`span`,{className:`font-medium tabular-nums`,children:e(v,x)})]}),(0,h.jsxs)(`div`,{className:`mt-4 flex flex-col gap-4`,children:[(0,h.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:y(`ecommerce.shipping_taxes_calculated`)}),C.some(e=>!t.isDigitalItem(e))&&(0,h.jsx)(c.ShippingEstimator,{physicalSubtotal:w}),(0,h.jsx)(s.CouponForm,{items:C,currencyCode:x,compact:!0}),(0,h.jsx)(u.Button,{asChild:!0,className:`w-full mt-4`,size:`lg`,children:(0,h.jsx)(d.default,{href:`/checkout`,children:y(`ecommerce.proceed_to_checkout`)})})]})]})})]})]})};exports.Cart=_;

package/lib/components/Cart.d.ts

@@ -1 +1 @@
-export declare const Cart: () => import("react").JSX.Element;
+export declare const Cart: () => import('react').JSX.Element;

package/lib/components/Cart.es.js

@@ -1,181 +1,262 @@
-'use client';
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { useMemo as q } from "react";
-import { Badge as T } from "@nextblock-cms/ui/badge";
-import { Button as m } from "@nextblock-cms/ui/button";
-import { Table as S, TableHeader as j, TableRow as N, TableHead as d, TableBody as P, TableCell as u } from "@nextblock-cms/ui/table";
-import { Minus as $, Plus as z, Trash2 as Q } from "lucide-react";
-import { useCartSubtotal as R, getCartItemActivePrice as x } from "../cart-store.es.js";
-import { useCart as A } from "../use-cart.es.js";
-import { isDigitalItem as h } from "../types.es.js";
-import y from "next/link";
-import { useTranslations as B } from "@nextblock-cms/utils";
-import { usePriceFormatter as H } from "../use-price-formatter.es.js";
-import { ShippingEstimator as L } from "./ShippingEstimator.es.js";
-import { useCurrency as D } from "../CurrencyProvider.es.js";
-import { getTrialSummary as F } from "../trials.es.js";
-import { CouponForm as I } from "./CouponForm.es.js";
-const le = () => {
-  const p = H(), g = A((r) => r), v = R(), { t: a } = B(), s = (r, t, l) => {
-    const o = a(r, l);
-    return o === r ? t : o;
-  }, _ = "/shop", { activeCurrencyCode: i, currencies: f } = D(), n = g?.items ?? [], w = q(
-    () => n.reduce((r, t) => {
-      if (h(t))
-        return r;
-      const l = x(t, {
-        currencyCode: i,
-        currencies: f
-      });
-      return r + (l.sale_price ?? l.price) * t.quantity;
-    }, 0),
-    [i, f, n]
-  );
-  if (!g)
-    return /* @__PURE__ */ c("div", { role: "status", "aria-busy": "true", className: "container mx-auto py-12", children: [
-      /* @__PURE__ */ e("span", { className: "sr-only", children: a("loading") === "loading" ? "Loading…" : a("loading") }),
-      /* @__PURE__ */ e("div", { className: "mb-8 h-9 w-56 rounded-md bg-muted" }),
-      /* @__PURE__ */ c("div", { className: "grid gap-12 lg:grid-cols-12 lg:items-start", children: [
-        /* @__PURE__ */ e("div", { className: "h-64 rounded-lg border bg-muted/40 lg:col-span-8" }),
-        /* @__PURE__ */ e("div", { className: "h-64 rounded-lg border bg-muted/40 lg:col-span-4" })
-      ] })
-    ] });
-  const { updateQuantity: b, removeItem: C } = g, k = (r) => n.reduce((t, l) => h(l) || l.sku !== r ? t : t + l.quantity, 0);
-  return n.length === 0 ? /* @__PURE__ */ c("div", { className: "flex flex-col items-center justify-center space-y-4 py-12", children: [
-    /* @__PURE__ */ e("h1", { className: "text-2xl font-bold", children: a("ecommerce.cart_empty") }),
-    /* @__PURE__ */ e("p", { className: "text-muted-foreground", children: a("ecommerce.cart_empty_description") }),
-    /* @__PURE__ */ e(m, { asChild: !0, children: /* @__PURE__ */ e(y, { href: _, children: a("ecommerce.continue_shopping") }) })
-  ] }) : /* @__PURE__ */ c("div", { className: "container mx-auto py-12", children: [
-    /* @__PURE__ */ e("h1", { className: "mb-8 text-3xl font-bold", children: a("ecommerce.shopping_cart") }),
-    /* @__PURE__ */ c("div", { className: "grid gap-12 lg:grid-cols-12 lg:items-start", children: [
-      /* @__PURE__ */ e("div", { className: "lg:col-span-8", children: /* @__PURE__ */ e("div", { className: "rounded-lg border overflow-hidden", children: /* @__PURE__ */ c(S, { children: [
-        /* @__PURE__ */ e(j, { children: /* @__PURE__ */ c(N, { children: [
-          /* @__PURE__ */ e(d, { children: a("ecommerce.product") }),
-          /* @__PURE__ */ e(d, { children: a("ecommerce.quantity") }),
-          /* @__PURE__ */ e(d, { className: "text-right", children: a("ecommerce.price") }),
-          /* @__PURE__ */ e(d, { className: "text-right", children: a("ecommerce.total") }),
-          /* @__PURE__ */ e(d, { className: "w-[50px]", children: /* @__PURE__ */ e("span", { className: "sr-only", children: s("ecommerce.actions", "Actions") }) })
-        ] }) }),
-        /* @__PURE__ */ e(P, { children: n.map((r) => {
-          const t = k(r.sku), l = x(r, {
-            currencyCode: i,
-            currencies: f
-          }), o = F(r, a);
-          return /* @__PURE__ */ c(N, { children: [
-            /* @__PURE__ */ e(u, { children: /* @__PURE__ */ c("div", { className: "flex items-center gap-4", children: [
-              r.image_url ? /* @__PURE__ */ e("div", { className: "h-16 w-16 overflow-hidden rounded border bg-neutral-100", children: /* @__PURE__ */ e(
-                "img",
-                {
-                  src: r.image_url,
-                  alt: r.title,
-                  className: "h-full w-full object-cover"
-                }
-              ) }) : /* @__PURE__ */ e("div", { className: "flex h-16 w-16 items-center justify-center rounded bg-secondary", children: /* @__PURE__ */ e("span", { className: "text-[10px] text-muted-foreground", children: a("ecommerce.no_image") }) }),
-              /* @__PURE__ */ c("div", { className: "min-w-0 break-words", children: [
-                /* @__PURE__ */ e("div", { className: "font-medium", children: r.title }),
-                r.variant_label && /* @__PURE__ */ e("div", { className: "mt-1 text-xs text-muted-foreground", children: r.variant_label }),
-                h(r) && r.billing_cycle && /* @__PURE__ */ e("div", { className: "mt-1 text-xs text-muted-foreground", children: s(
-                  `ecommerce.checkout_billing_cycle_${r.billing_cycle}`,
-                  `${r.billing_cycle} subscription`
-                ) }),
-                o && /* @__PURE__ */ c("div", { className: "mt-1 text-xs font-medium text-emerald-700", children: [
-                  o.label,
-                  " - ",
-                  o.paymentRequirementLabel
-                ] })
-              ] })
-            ] }) }),
-            /* @__PURE__ */ e(u, { children: h(r) ? /* @__PURE__ */ e(T, { variant: "secondary", className: "font-normal text-xs", children: s("ecommerce.license_count_one", "1 license", { count: 1 }) }) : /* @__PURE__ */ c(
-              "div",
-              {
-                role: "group",
-                "aria-label": `${s("ecommerce.quantity", "Quantity")}: ${r.title}`,
-                className: "flex items-center gap-2",
-                children: [
-                  /* @__PURE__ */ e(
-                    m,
-                    {
-                      variant: "outline",
-                      size: "icon",
-                      className: "h-8 w-8",
-                      "aria-label": s("ecommerce.decrease_quantity", "Decrease quantity"),
-                      onClick: () => b(r.id, r.quantity - 1),
-                      children: /* @__PURE__ */ e($, { className: "h-4 w-4" })
-                    }
-                  ),
-                  /* @__PURE__ */ e("span", { "aria-live": "polite", "aria-atomic": "true", className: "w-8 text-center tabular-nums", children: r.quantity }),
-                  /* @__PURE__ */ e(
-                    m,
-                    {
-                      variant: "outline",
-                      size: "icon",
-                      className: "h-8 w-8",
-                      "aria-label": s("ecommerce.increase_quantity", "Increase quantity"),
-                      onClick: () => b(r.id, r.quantity + 1),
-                      disabled: typeof r.stock == "number" && t >= r.stock,
-                      children: /* @__PURE__ */ e(z, { className: "h-4 w-4" })
-                    }
-                  )
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ e(u, { className: "text-right", children: /* @__PURE__ */ c("div", { className: "flex flex-col items-end tabular-nums", children: [
-              /* @__PURE__ */ c("span", { className: "font-medium", children: [
-                l.sale_price && /* @__PURE__ */ c("span", { className: "sr-only", children: [
-                  s("ecommerce.sale_price", "Sale price"),
-                  " "
-                ] }),
-                p(l.sale_price ?? l.price, i)
-              ] }),
-              l.sale_price && /* @__PURE__ */ c("span", { className: "text-xs text-muted-foreground", children: [
-                /* @__PURE__ */ c("span", { className: "sr-only", children: [
-                  s("ecommerce.regular_price", "Regular price"),
-                  " "
-                ] }),
-                /* @__PURE__ */ e("s", { children: p(l.price, i) })
-              ] })
-            ] }) }),
-            /* @__PURE__ */ e(u, { className: "text-right font-medium tabular-nums", children: p(
-              (l.sale_price ?? l.price) * r.quantity,
-              i
-            ) }),
-            /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
-              m,
-              {
-                variant: "ghost",
-                size: "icon",
-                onClick: () => C(r.id),
-                "aria-label": s("ecommerce.remove_item", `Remove ${r.title} from cart`, { item: r.title }),
-                className: "text-muted-foreground hover:text-destructive",
-                children: /* @__PURE__ */ e(Q, { className: "h-4 w-4" })
-              }
-            ) })
-          ] }, r.id);
-        }) })
-      ] }) }) }),
-      /* @__PURE__ */ e("div", { className: "lg:col-span-4", children: /* @__PURE__ */ c("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
-        /* @__PURE__ */ e("h2", { className: "mb-4 text-lg font-semibold", children: a("ecommerce.order_summary") }),
-        /* @__PURE__ */ c("div", { className: "flex justify-between border-b pb-4", children: [
-          /* @__PURE__ */ e("span", { children: a("ecommerce.subtotal") }),
-          /* @__PURE__ */ e("span", { className: "font-medium tabular-nums", children: p(v, i) })
-        ] }),
-        /* @__PURE__ */ c("div", { className: "mt-4 flex flex-col gap-4", children: [
-          /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: a("ecommerce.shipping_taxes_calculated") }),
-          n.some((r) => !h(r)) && /* @__PURE__ */ e(L, { physicalSubtotal: w }),
-          /* @__PURE__ */ e(
-            I,
-            {
-              items: n,
-              currencyCode: i,
-              compact: !0
-            }
-          ),
-          /* @__PURE__ */ e(m, { asChild: !0, className: "w-full mt-4", size: "lg", children: /* @__PURE__ */ e(y, { href: "/checkout", children: a("ecommerce.proceed_to_checkout") }) })
-        ] })
-      ] }) })
-    ] })
-  ] });
-};
-export {
-  le as Cart
+"use client";
+import { isDigitalItem as e } from "../types.es.js";
+import { useCurrency as t } from "../CurrencyProvider.es.js";
+import { getCartItemActivePrice as n, useCartSubtotal as r } from "../cart-store.es.js";
+import { useCart as i } from "../use-cart.es.js";
+import { usePriceFormatter as a } from "../use-price-formatter.es.js";
+import { getTrialSummary as o } from "../trials.es.js";
+import { CouponForm as s } from "./CouponForm.es.js";
+import { ShippingEstimator as c } from "./ShippingEstimator.es.js";
+import { Badge as l } from "@nextblock-cms/ui/badge";
+import { Button as u } from "@nextblock-cms/ui/button";
+import d from "next/link";
+import { useMemo as f } from "react";
+import { Minus as p, Plus as m, Trash2 as h } from "lucide-react";
+import { useTranslations as g } from "@nextblock-cms/utils";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Table as y, TableBody as b, TableCell as x, TableHead as S, TableHeader as C, TableRow as w } from "@nextblock-cms/ui/table";
+//#region libs/ecommerce/src/lib/components/Cart.tsx
+var T = () => {
+	let T = a(), E = i((e) => e), D = r(), { t: O } = g(), k = (e, t, n) => {
+		let r = O(e, n);
+		return r === e ? t : r;
+	}, { activeCurrencyCode: A, currencies: j } = t(), M = E?.items ?? [], N = f(() => M.reduce((t, r) => {
+		if (e(r)) return t;
+		let i = n(r, {
+			currencyCode: A,
+			currencies: j
+		});
+		return t + (i.sale_price ?? i.price) * r.quantity;
+	}, 0), [
+		A,
+		j,
+		M
+	]);
+	if (!E) return /* @__PURE__ */ v("div", {
+		role: "status",
+		"aria-busy": "true",
+		className: "container mx-auto py-12",
+		children: [
+			/* @__PURE__ */ _("span", {
+				className: "sr-only",
+				children: O("loading") === "loading" ? "Loading…" : O("loading")
+			}),
+			/* @__PURE__ */ _("div", { className: "mb-8 h-9 w-56 rounded-md bg-muted" }),
+			/* @__PURE__ */ v("div", {
+				className: "grid gap-12 lg:grid-cols-12 lg:items-start",
+				children: [/* @__PURE__ */ _("div", { className: "h-64 rounded-lg border bg-muted/40 lg:col-span-8" }), /* @__PURE__ */ _("div", { className: "h-64 rounded-lg border bg-muted/40 lg:col-span-4" })]
+			})
+		]
+	});
+	let { updateQuantity: P, removeItem: F } = E, I = (t) => M.reduce((n, r) => e(r) || r.sku !== t ? n : n + r.quantity, 0);
+	return M.length === 0 ? /* @__PURE__ */ v("div", {
+		className: "flex flex-col items-center justify-center space-y-4 py-12",
+		children: [
+			/* @__PURE__ */ _("h1", {
+				className: "text-2xl font-bold",
+				children: O("ecommerce.cart_empty")
+			}),
+			/* @__PURE__ */ _("p", {
+				className: "text-muted-foreground",
+				children: O("ecommerce.cart_empty_description")
+			}),
+			/* @__PURE__ */ _(u, {
+				asChild: !0,
+				children: /* @__PURE__ */ _(d, {
+					href: "/shop",
+					children: O("ecommerce.continue_shopping")
+				})
+			})
+		]
+	}) : /* @__PURE__ */ v("div", {
+		className: "container mx-auto py-12",
+		children: [/* @__PURE__ */ _("h1", {
+			className: "mb-8 text-3xl font-bold",
+			children: O("ecommerce.shopping_cart")
+		}), /* @__PURE__ */ v("div", {
+			className: "grid gap-12 lg:grid-cols-12 lg:items-start",
+			children: [/* @__PURE__ */ _("div", {
+				className: "lg:col-span-8",
+				children: /* @__PURE__ */ _("div", {
+					className: "rounded-lg border overflow-hidden",
+					children: /* @__PURE__ */ v(y, { children: [/* @__PURE__ */ _(C, { children: /* @__PURE__ */ v(w, { children: [
+						/* @__PURE__ */ _(S, { children: O("ecommerce.product") }),
+						/* @__PURE__ */ _(S, { children: O("ecommerce.quantity") }),
+						/* @__PURE__ */ _(S, {
+							className: "text-right",
+							children: O("ecommerce.price")
+						}),
+						/* @__PURE__ */ _(S, {
+							className: "text-right",
+							children: O("ecommerce.total")
+						}),
+						/* @__PURE__ */ _(S, {
+							className: "w-[50px]",
+							children: /* @__PURE__ */ _("span", {
+								className: "sr-only",
+								children: k("ecommerce.actions", "Actions")
+							})
+						})
+					] }) }), /* @__PURE__ */ _(b, { children: M.map((t) => {
+						let r = I(t.sku), i = n(t, {
+							currencyCode: A,
+							currencies: j
+						}), a = o(t, O);
+						return /* @__PURE__ */ v(w, { children: [
+							/* @__PURE__ */ _(x, { children: /* @__PURE__ */ v("div", {
+								className: "flex items-center gap-4",
+								children: [t.image_url ? /* @__PURE__ */ _("div", {
+									className: "h-16 w-16 overflow-hidden rounded border bg-neutral-100",
+									children: /* @__PURE__ */ _("img", {
+										src: t.image_url,
+										alt: t.title,
+										className: "h-full w-full object-cover"
+									})
+								}) : /* @__PURE__ */ _("div", {
+									className: "flex h-16 w-16 items-center justify-center rounded bg-secondary",
+									children: /* @__PURE__ */ _("span", {
+										className: "text-[10px] text-muted-foreground",
+										children: O("ecommerce.no_image")
+									})
+								}), /* @__PURE__ */ v("div", {
+									className: "min-w-0 break-words",
+									children: [
+										/* @__PURE__ */ _("div", {
+											className: "font-medium",
+											children: t.title
+										}),
+										t.variant_label && /* @__PURE__ */ _("div", {
+											className: "mt-1 text-xs text-muted-foreground",
+											children: t.variant_label
+										}),
+										e(t) && t.billing_cycle && /* @__PURE__ */ _("div", {
+											className: "mt-1 text-xs text-muted-foreground",
+											children: k(`ecommerce.checkout_billing_cycle_${t.billing_cycle}`, `${t.billing_cycle} subscription`)
+										}),
+										a && /* @__PURE__ */ v("div", {
+											className: "mt-1 text-xs font-medium text-emerald-700",
+											children: [
+												a.label,
+												" - ",
+												a.paymentRequirementLabel
+											]
+										})
+									]
+								})]
+							}) }),
+							/* @__PURE__ */ _(x, { children: e(t) ? /* @__PURE__ */ _(l, {
+								variant: "secondary",
+								className: "font-normal text-xs",
+								children: k("ecommerce.license_count_one", "1 license", { count: 1 })
+							}) : /* @__PURE__ */ v("div", {
+								role: "group",
+								"aria-label": `${k("ecommerce.quantity", "Quantity")}: ${t.title}`,
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ _(u, {
+										variant: "outline",
+										size: "icon",
+										className: "h-8 w-8",
+										"aria-label": k("ecommerce.decrease_quantity", "Decrease quantity"),
+										onClick: () => P(t.id, t.quantity - 1),
+										children: /* @__PURE__ */ _(p, { className: "h-4 w-4" })
+									}),
+									/* @__PURE__ */ _("span", {
+										"aria-live": "polite",
+										"aria-atomic": "true",
+										className: "w-8 text-center tabular-nums",
+										children: t.quantity
+									}),
+									/* @__PURE__ */ _(u, {
+										variant: "outline",
+										size: "icon",
+										className: "h-8 w-8",
+										"aria-label": k("ecommerce.increase_quantity", "Increase quantity"),
+										onClick: () => P(t.id, t.quantity + 1),
+										disabled: typeof t.stock == "number" && r >= t.stock,
+										children: /* @__PURE__ */ _(m, { className: "h-4 w-4" })
+									})
+								]
+							}) }),
+							/* @__PURE__ */ _(x, {
+								className: "text-right",
+								children: /* @__PURE__ */ v("div", {
+									className: "flex flex-col items-end tabular-nums",
+									children: [/* @__PURE__ */ v("span", {
+										className: "font-medium",
+										children: [i.sale_price && /* @__PURE__ */ v("span", {
+											className: "sr-only",
+											children: [k("ecommerce.sale_price", "Sale price"), " "]
+										}), T(i.sale_price ?? i.price, A)]
+									}), i.sale_price && /* @__PURE__ */ v("span", {
+										className: "text-xs text-muted-foreground",
+										children: [/* @__PURE__ */ v("span", {
+											className: "sr-only",
+											children: [k("ecommerce.regular_price", "Regular price"), " "]
+										}), /* @__PURE__ */ _("s", { children: T(i.price, A) })]
+									})]
+								})
+							}),
+							/* @__PURE__ */ _(x, {
+								className: "text-right font-medium tabular-nums",
+								children: T((i.sale_price ?? i.price) * t.quantity, A)
+							}),
+							/* @__PURE__ */ _(x, { children: /* @__PURE__ */ _(u, {
+								variant: "ghost",
+								size: "icon",
+								onClick: () => F(t.id),
+								"aria-label": k("ecommerce.remove_item", `Remove ${t.title} from cart`, { item: t.title }),
+								className: "text-muted-foreground hover:text-destructive",
+								children: /* @__PURE__ */ _(h, { className: "h-4 w-4" })
+							}) })
+						] }, t.id);
+					}) })] })
+				})
+			}), /* @__PURE__ */ _("div", {
+				className: "lg:col-span-4",
+				children: /* @__PURE__ */ v("div", {
+					className: "rounded-lg border bg-card p-6 shadow-sm",
+					children: [
+						/* @__PURE__ */ _("h2", {
+							className: "mb-4 text-lg font-semibold",
+							children: O("ecommerce.order_summary")
+						}),
+						/* @__PURE__ */ v("div", {
+							className: "flex justify-between border-b pb-4",
+							children: [/* @__PURE__ */ _("span", { children: O("ecommerce.subtotal") }), /* @__PURE__ */ _("span", {
+								className: "font-medium tabular-nums",
+								children: T(D, A)
+							})]
+						}),
+						/* @__PURE__ */ v("div", {
+							className: "mt-4 flex flex-col gap-4",
+							children: [
+								/* @__PURE__ */ _("p", {
+									className: "text-sm text-muted-foreground",
+									children: O("ecommerce.shipping_taxes_calculated")
+								}),
+								M.some((t) => !e(t)) && /* @__PURE__ */ _(c, { physicalSubtotal: N }),
+								/* @__PURE__ */ _(s, {
+									items: M,
+									currencyCode: A,
+									compact: !0
+								}),
+								/* @__PURE__ */ _(u, {
+									asChild: !0,
+									className: "w-full mt-4",
+									size: "lg",
+									children: /* @__PURE__ */ _(d, {
+										href: "/checkout",
+										children: O("ecommerce.proceed_to_checkout")
+									})
+								})
+							]
+						})
+					]
+				})
+			})]
+		})]
+	});
 };
+//#endregion
+export { T as Cart };

package/lib/components/CartDrawer.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@nextblock-cms/ui/sheet"),q=require("@nextblock-cms/ui/badge"),m=require("@nextblock-cms/ui/button"),j=require("next/link"),C=require("react"),x=require("lucide-react"),b=require("../cart-store.cjs.js"),k=require("../use-cart.cjs.js"),S=require("@nextblock-cms/utils"),F=require("../use-price-formatter.cjs.js"),g=require("../types.cjs.js"),P=require("../CurrencyProvider.cjs.js"),R=require("../trials.cjs.js"),D=require("./CouponForm.cjs.js"),O=()=>{const d=F.usePriceFormatter(),h=k.useCart(s=>s),v=b.useCartSubtotal(),{t}=S.useTranslations(),f=C.useRef(null),n=(s,l,r)=>{const i=t(s,r);return i===s?l:i},{activeCurrencyCode:a,currencies:y}=P.useCurrency();if(!h)return null;const{isOpen:N,setIsOpen:u,items:c,updateQuantity:p,removeItem:_}=h,w=s=>c.reduce((l,r)=>g.isDigitalItem(r)||r.sku!==s?l:l+r.quantity,0);return e.jsx(o.Sheet,{open:N,onOpenChange:u,children:e.jsxs(o.SheetContent,{className:"flex w-full flex-col pr-0 sm:max-w-lg",onOpenAutoFocus:()=>{f.current=document.activeElement},onCloseAutoFocus:s=>{s.preventDefault(),f.current?.focus()},children:[e.jsxs(o.SheetHeader,{className:"px-1 text-left",children:[e.jsxs(o.SheetTitle,{children:[t("ecommerce.shopping_cart")," (",c.length,")"]}),e.jsx(o.SheetDescription,{className:"sr-only",children:t("ecommerce.shopping_cart")})]}),c.length>0?e.jsx("div",{className:"flex flex-1 flex-col gap-5 overflow-y-auto overscroll-contain p-1 pr-6 pt-4",children:c.map(s=>{const l=w(s.sku);return e.jsx("div",{className:"flex gap-4",children:(()=>{const r=b.getCartItemActivePrice(s,{currencyCode:a,currencies:y}),i=R.getTrialSummary(s,t);return e.jsxs(e.Fragment,{children:[s.image_url?e.jsx("div",{className:"relative aspect-square h-20 w-20 min-w-fit overflow-hidden rounded border bg-neutral-100",children:e.jsx("img",{src:s.image_url,alt:"",width:80,height:80,loading:"lazy",decoding:"async",className:"h-full w-full object-cover"})}):e.jsx("div",{className:"flex h-20 w-20 items-center justify-center rounded bg-secondary",children:e.jsx("span",{className:"text-xs text-muted-foreground",children:t("ecommerce.no_image")})}),e.jsxs("div",{className:"flex min-w-0 flex-1 flex-col justify-between",children:[e.jsxs("div",{className:"flex justify-between gap-2",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("span",{className:"line-clamp-2 text-sm font-medium leading-tight",children:s.title}),s.variant_label&&e.jsx("div",{className:"mt-1 text-xs text-muted-foreground",children:s.variant_label}),i&&e.jsxs("div",{className:"mt-1 text-xs font-medium text-emerald-700",children:[i.label," - ",i.paymentRequirementLabel]})]}),e.jsxs("span",{className:"text-sm font-semibold tabular-nums",children:[r.sale_price&&e.jsxs(e.Fragment,{children:[e.jsxs("span",{className:"sr-only",children:[n("ecommerce.regular_price","Regular price")," "]}),e.jsx("s",{className:"mr-1.5 text-xs font-normal text-muted-foreground",children:d(r.price,a)}),e.jsxs("span",{className:"sr-only",children:[n("ecommerce.sale_price","Sale price")," "]})]}),d(r.sale_price??r.price,a)]})]}),e.jsxs("div",{className:"flex items-center justify-between text-sm",children:[g.isDigitalItem(s)?e.jsx(q.Badge,{variant:"secondary",className:"font-normal text-xs",children:n("ecommerce.license_count_one","1 license",{count:1})}):e.jsxs("div",{role:"group","aria-label":`${n("ecommerce.quantity","Quantity")}: ${s.title}`,className:"flex items-center rounded-md border text-xs",children:[e.jsx("button",{onClick:()=>p(s.id,s.quantity-1),className:"flex h-7 w-7 items-center justify-center rounded-l-md border-r focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",type:"button","aria-label":n("ecommerce.decrease_quantity","Decrease quantity"),children:e.jsx(x.Minus,{className:"h-3 w-3"})}),e.jsx("span",{"aria-live":"polite","aria-atomic":"true",className:"flex h-7 w-8 items-center justify-center tabular-nums",children:s.quantity}),e.jsx("button",{onClick:()=>p(s.id,s.quantity+1),className:"flex h-7 w-7 items-center justify-center rounded-r-md border-l focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",type:"button","aria-label":n("ecommerce.increase_quantity","Increase quantity"),disabled:typeof s.stock=="number"&&l>=s.stock,children:e.jsx(x.Plus,{className:"h-3 w-3"})})]}),e.jsx("button",{onClick:()=>_(s.id),className:"inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-destructive focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",type:"button","aria-label":n("ecommerce.remove_item",`Remove ${s.title} from cart`,{item:s.title}),children:e.jsx(x.Trash2,{className:"h-4 w-4"})})]})]})]})})()},s.id)})}):e.jsxs("div",{className:"flex h-full flex-col items-center justify-center space-y-2",children:[e.jsx("span",{className:"text-muted-foreground",children:t("ecommerce.cart_empty")}),e.jsx(m.Button,{variant:"outline",onClick:()=>u(!1),children:t("ecommerce.continue_shopping")})]}),c.length>0&&e.jsxs("div",{className:"border-t pr-6 pt-4",children:[e.jsxs("div",{className:"flex items-center justify-between text-base font-medium",children:[e.jsx("span",{children:t("ecommerce.subtotal")}),e.jsx("span",{children:d(v,a)})]}),e.jsx("p",{className:"mb-4 mt-1 text-xs text-muted-foreground",children:t("ecommerce.shipping_taxes_calculated")}),e.jsx("div",{className:"mb-4",children:e.jsx(D.CouponForm,{items:c,currencyCode:a,compact:!0})}),e.jsx(m.Button,{asChild:!0,variant:"outline",className:"w-full mb-3",children:e.jsx(j,{href:"/cart",onClick:()=>u(!1),children:t("ecommerce.view_full_cart")})}),e.jsx(m.Button,{asChild:!0,className:"w-full",children:e.jsx(j,{href:"/checkout",onClick:()=>u(!1),children:t("ecommerce.ready_to_checkout")})})]})]})})};exports.CartDrawer=O;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../types.cjs.js"),n=require("../CurrencyProvider.cjs.js"),r=require("../cart-store.cjs.js"),i=require("../use-cart.cjs.js"),a=require("../use-price-formatter.cjs.js"),o=require("../trials.cjs.js"),s=require("./CouponForm.cjs.js");let c=require("@nextblock-cms/ui/sheet"),l=require("@nextblock-cms/ui/badge"),u=require("@nextblock-cms/ui/button"),d=require("next/link");d=e.__toESM(d,1);let f=require("react"),p=require("lucide-react"),m=require("@nextblock-cms/utils"),h=require("react/jsx-runtime");var g=()=>{let e=a.usePriceFormatter(),g=i.useCart(e=>e),_=r.useCartSubtotal(),{t:v}=(0,m.useTranslations)(),y=(0,f.useRef)(null),b=(e,t,n)=>{let r=v(e,n);return r===e?t:r},{activeCurrencyCode:x,currencies:S}=n.useCurrency();if(!g)return null;let{isOpen:C,setIsOpen:w,items:T,updateQuantity:E,removeItem:D}=g,O=e=>T.reduce((n,r)=>t.isDigitalItem(r)||r.sku!==e?n:n+r.quantity,0);return(0,h.jsx)(c.Sheet,{open:C,onOpenChange:w,children:(0,h.jsxs)(c.SheetContent,{className:`flex w-full flex-col pr-0 sm:max-w-lg`,onOpenAutoFocus:()=>{y.current=document.activeElement},onCloseAutoFocus:e=>{e.preventDefault(),y.current?.focus()},children:[(0,h.jsxs)(c.SheetHeader,{className:`px-1 text-left`,children:[(0,h.jsxs)(c.SheetTitle,{children:[v(`ecommerce.shopping_cart`),` (`,T.length,`)`]}),(0,h.jsx)(c.SheetDescription,{className:`sr-only`,children:v(`ecommerce.shopping_cart`)})]}),T.length>0?(0,h.jsx)(`div`,{className:`flex flex-1 flex-col gap-5 overflow-y-auto overscroll-contain p-1 pr-6 pt-4`,children:T.map(n=>{let i=O(n.sku);return(0,h.jsx)(`div`,{className:`flex gap-4`,children:(()=>{let a=r.getCartItemActivePrice(n,{currencyCode:x,currencies:S}),s=o.getTrialSummary(n,v);return(0,h.jsxs)(h.Fragment,{children:[n.image_url?(0,h.jsx)(`div`,{className:`relative aspect-square h-20 w-20 min-w-fit overflow-hidden rounded border bg-neutral-100`,children:(0,h.jsx)(`img`,{src:n.image_url,alt:``,width:80,height:80,loading:`lazy`,decoding:`async`,className:`h-full w-full object-cover`})}):(0,h.jsx)(`div`,{className:`flex h-20 w-20 items-center justify-center rounded bg-secondary`,children:(0,h.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:v(`ecommerce.no_image`)})}),(0,h.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col justify-between`,children:[(0,h.jsxs)(`div`,{className:`flex justify-between gap-2`,children:[(0,h.jsxs)(`div`,{className:`min-w-0`,children:[(0,h.jsx)(`span`,{className:`line-clamp-2 text-sm font-medium leading-tight`,children:n.title}),n.variant_label&&(0,h.jsx)(`div`,{className:`mt-1 text-xs text-muted-foreground`,children:n.variant_label}),s&&(0,h.jsxs)(`div`,{className:`mt-1 text-xs font-medium text-emerald-700`,children:[s.label,` - `,s.paymentRequirementLabel]})]}),(0,h.jsxs)(`span`,{className:`text-sm font-semibold tabular-nums`,children:[a.sale_price&&(0,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)(`span`,{className:`sr-only`,children:[b(`ecommerce.regular_price`,`Regular price`),` `]}),(0,h.jsx)(`s`,{className:`mr-1.5 text-xs font-normal text-muted-foreground`,children:e(a.price,x)}),(0,h.jsxs)(`span`,{className:`sr-only`,children:[b(`ecommerce.sale_price`,`Sale price`),` `]})]}),e(a.sale_price??a.price,x)]})]}),(0,h.jsxs)(`div`,{className:`flex items-center justify-between text-sm`,children:[t.isDigitalItem(n)?(0,h.jsx)(l.Badge,{variant:`secondary`,className:`font-normal text-xs`,children:b(`ecommerce.license_count_one`,`1 license`,{count:1})}):(0,h.jsxs)(`div`,{role:`group`,"aria-label":`${b(`ecommerce.quantity`,`Quantity`)}: ${n.title}`,className:`flex items-center rounded-md border text-xs`,children:[(0,h.jsx)(`button`,{onClick:()=>E(n.id,n.quantity-1),className:`flex h-7 w-7 items-center justify-center rounded-l-md border-r focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring`,type:`button`,"aria-label":b(`ecommerce.decrease_quantity`,`Decrease quantity`),children:(0,h.jsx)(p.Minus,{className:`h-3 w-3`})}),(0,h.jsx)(`span`,{"aria-live":`polite`,"aria-atomic":`true`,className:`flex h-7 w-8 items-center justify-center tabular-nums`,children:n.quantity}),(0,h.jsx)(`button`,{onClick:()=>E(n.id,n.quantity+1),className:`flex h-7 w-7 items-center justify-center rounded-r-md border-l focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring`,type:`button`,"aria-label":b(`ecommerce.increase_quantity`,`Increase quantity`),disabled:typeof n.stock==`number`&&i>=n.stock,children:(0,h.jsx)(p.Plus,{className:`h-3 w-3`})})]}),(0,h.jsx)(`button`,{onClick:()=>D(n.id),className:`inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-destructive focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring`,type:`button`,"aria-label":b(`ecommerce.remove_item`,`Remove ${n.title} from cart`,{item:n.title}),children:(0,h.jsx)(p.Trash2,{className:`h-4 w-4`})})]})]})]})})()},n.id)})}):(0,h.jsxs)(`div`,{className:`flex h-full flex-col items-center justify-center space-y-2`,children:[(0,h.jsx)(`span`,{className:`text-muted-foreground`,children:v(`ecommerce.cart_empty`)}),(0,h.jsx)(u.Button,{variant:`outline`,onClick:()=>w(!1),children:v(`ecommerce.continue_shopping`)})]}),T.length>0&&(0,h.jsxs)(`div`,{className:`border-t pr-6 pt-4`,children:[(0,h.jsxs)(`div`,{className:`flex items-center justify-between text-base font-medium`,children:[(0,h.jsx)(`span`,{children:v(`ecommerce.subtotal`)}),(0,h.jsx)(`span`,{children:e(_,x)})]}),(0,h.jsx)(`p`,{className:`mb-4 mt-1 text-xs text-muted-foreground`,children:v(`ecommerce.shipping_taxes_calculated`)}),(0,h.jsx)(`div`,{className:`mb-4`,children:(0,h.jsx)(s.CouponForm,{items:T,currencyCode:x,compact:!0})}),(0,h.jsx)(u.Button,{asChild:!0,variant:`outline`,className:`w-full mb-3`,children:(0,h.jsx)(d.default,{href:`/cart`,onClick:()=>w(!1),children:v(`ecommerce.view_full_cart`)})}),(0,h.jsx)(u.Button,{asChild:!0,className:`w-full`,children:(0,h.jsx)(d.default,{href:`/checkout`,onClick:()=>w(!1),children:v(`ecommerce.ready_to_checkout`)})})]})]})})};exports.CartDrawer=g;

package/lib/components/CartDrawer.d.ts

@@ -1 +1 @@
-export declare const CartDrawer: () => import("react").JSX.Element | null;
+export declare const CartDrawer: () => import('react').JSX.Element | null;