@nextblock-cms/ecom 0.20.3 → 0.21.1

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 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

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../types.cjs"),n=require("../CurrencyProvider.cjs"),r=require("../cart-store.cjs"),i=require("../use-cart.cjs"),a=require("../use-price-formatter.cjs"),o=require("../trials.cjs"),s=require("./CouponForm.cjs");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;