@nextblock-cms/ecom 0.8.6 → 0.8.7

package/lib/CurrencyProvider.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),n=require("react"),h=require("@nextblock-cms/utils"),f=require("./currency.cjs.js"),v=require("./currency-store.cjs.js"),z=require("./currency-constants.cjs.js"),g=n.createContext(null);function x(o){return f.sortCurrencies(o.filter(r=>r.is_active!==!1))}function M(o){const{currencies:r,storedCurrencyCode:C,hasHydrated:y,initialCurrencyCode:t,locale:l}=o,u=new Set(r.map(a=>h.normalizeCurrencyCode(a.code))),i=f.getDefaultCurrency(r),s=t?h.normalizeCurrencyCode(t):null,e=C?h.normalizeCurrencyCode(C):null;if(y&&e&&u.has(e))return e;if(s&&u.has(s))return s;const d=f.inferCurrencyCodeFromLocale(l,r);return u.has(d)?d:i.code}function p({children:o,initialCurrencies:r,initialCurrencyCode:C,locale:y}){const[t,l]=n.useState(()=>x(r)),u=v.useCurrencyPreferenceStore(c=>c.activeCurrencyCode),i=v.useCurrencyPreferenceStore(c=>c.hasHydrated),s=v.useCurrencyPreferenceStore(c=>c.setActiveCurrencyCode);n.useEffect(()=>{v.useCurrencyPreferenceStore.persist.rehydrate()},[]),n.useEffect(()=>{r.length>0&&l(x(r))},[r]),n.useEffect(()=>{if(r.length>0)return;async function c(){const{fetchActiveCurrenciesFromRest:m}=await Promise.resolve().then(()=>require("./currency-rest-client.cjs.js")),S=await m();S.length>0&&l(x(S.map(P=>f.normalizeCurrencyRecord(P))))}c()},[r.length]);const e=n.useMemo(()=>M({currencies:t,storedCurrencyCode:u,hasHydrated:i,initialCurrencyCode:C,locale:y}),[t,u,i,C,y]);n.useEffect(()=>{e&&u!==e&&s(e)},[e,s,u]),n.useEffect(()=>{!e||typeof document>"u"||(document.cookie=`${z.CURRENCY_COOKIE_NAME}=${e}; Path=/; Max-Age=31536000; SameSite=Lax`)},[e]);const d=n.useMemo(()=>f.getDefaultCurrency(t),[t]),a=n.useMemo(()=>t.find(c=>c.code===e)??d,[t,d,e]),E=n.useMemo(()=>({currencies:t,defaultCurrency:d,activeCurrency:a,activeCurrencyCode:a.code,isHydrated:i,setActiveCurrencyCode:c=>{const m=h.normalizeCurrencyCode(c);t.some(P=>P.code===m)&&s(m)}}),[a,t,d,i,s]);return q.jsx(g.Provider,{value:E,children:o})}function A(){const o=n.useContext(g);if(!o)throw new Error("useCurrency must be used inside a CurrencyProvider");return o}exports.CurrencyProvider=p;exports.useCurrency=A;

package/lib/CurrencyProvider.es.js

@@ -0,0 +1,99 @@
+'use client';
+import { jsx as w } from "react/jsx-runtime";
+import { createContext as E, useState as z, useEffect as a, useMemo as l, useContext as H } from "react";
+import { normalizeCurrencyCode as h } from "@nextblock-cms/utils";
+import { getDefaultCurrency as S, sortCurrencies as R, normalizeCurrencyRecord as M, inferCurrencyCodeFromLocale as _ } from "./currency.es.js";
+import { useCurrencyPreferenceStore as v } from "./currency-store.es.js";
+import { CURRENCY_COOKIE_NAME as F } from "./currency-constants.es.js";
+const A = E(null);
+function g(n) {
+  return R(
+    n.filter((r) => r.is_active !== !1)
+  );
+}
+function L(n) {
+  const { currencies: r, storedCurrencyCode: i, hasHydrated: f, initialCurrencyCode: t, locale: y } = n, c = new Set(
+    r.map((C) => h(C.code))
+  ), d = S(r), s = t ? h(t) : null, e = i ? h(i) : null;
+  if (f && e && c.has(e))
+    return e;
+  if (s && c.has(s))
+    return s;
+  const u = _(y, r);
+  return c.has(u) ? u : d.code;
+}
+function D({
+  children: n,
+  initialCurrencies: r,
+  initialCurrencyCode: i,
+  locale: f
+}) {
+  const [t, y] = z(
+    () => g(r)
+  ), c = v(
+    (o) => o.activeCurrencyCode
+  ), d = v((o) => o.hasHydrated), s = v(
+    (o) => o.setActiveCurrencyCode
+  );
+  a(() => {
+    v.persist.rehydrate();
+  }, []), a(() => {
+    r.length > 0 && y(g(r));
+  }, [r]), a(() => {
+    if (r.length > 0)
+      return;
+    async function o() {
+      const { fetchActiveCurrenciesFromRest: m } = await import("./currency-rest-client.es.js"), p = await m();
+      p.length > 0 && y(
+        g(p.map((x) => M(x)))
+      );
+    }
+    o();
+  }, [r.length]);
+  const e = l(
+    () => L({
+      currencies: t,
+      storedCurrencyCode: c,
+      hasHydrated: d,
+      initialCurrencyCode: i,
+      locale: f
+    }),
+    [t, c, d, i, f]
+  );
+  a(() => {
+    e && c !== e && s(e);
+  }, [e, s, c]), a(() => {
+    !e || typeof document > "u" || (document.cookie = `${F}=${e}; Path=/; Max-Age=31536000; SameSite=Lax`);
+  }, [e]);
+  const u = l(
+    () => S(t),
+    [t]
+  ), C = l(
+    () => t.find((o) => o.code === e) ?? u,
+    [t, u, e]
+  ), P = l(
+    () => ({
+      currencies: t,
+      defaultCurrency: u,
+      activeCurrency: C,
+      activeCurrencyCode: C.code,
+      isHydrated: d,
+      setActiveCurrencyCode: (o) => {
+        const m = h(o);
+        t.some((x) => x.code === m) && s(m);
+      }
+    }),
+    [C, t, u, d, s]
+  );
+  return /* @__PURE__ */ w(A.Provider, { value: P, children: n });
+}
+function I() {
+  const n = H(A);
+  if (!n)
+    throw new Error("useCurrency must be used inside a CurrencyProvider");
+  return n;
+}
+export {
+  D as CurrencyProvider,
+  I as useCurrency
+};

package/lib/cart-store.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("zustand"),p=require("zustand/middleware"),o=require("./types.cjs.js"),k=require("./CurrencyProvider.cjs.js"),_=require("./currency.cjs.js");function a(r,c,e){return r.reduce((t,s)=>o.isDigitalItem(s)||s.sku!==c||e&&s.id===e?t:t+s.quantity,0)}const l=y.create()(p.persist((r,c)=>({items:[],appliedCoupon:null,isOpen:!1,addItem:e=>{const{items:t}=c(),s=e.quantity??1,i=typeof e.stock=="number"?e.stock:null,u=i!==null?a(t,e.sku):0;if(o.isDigitalItem(e))return t.find(d=>d.product_id===e.product_id&&o.isDigitalItem(d))?{success:!1,error:"This software license is already in your cart."}:(r({items:[...t,{...e,quantity:1}],isOpen:!0}),{success:!0});const C=t.find(n=>n.id===e.id);return i!==null&&i<=0?{success:!1,error:"This item is out of stock."}:i!==null&&u+s>i?{success:!1,error:`Only ${i} available for this SKU.`}:(r(C?{items:t.map(n=>n.id===e.id?{...n,...e,quantity:n.quantity+s}:n),isOpen:!0}:{items:[...t,{...e,quantity:s}],isOpen:!0}),{success:!0})},removeItem:e=>{const{items:t}=c();r({items:t.filter(s=>s.id!==e)})},updateQuantity:(e,t)=>{const{items:s}=c(),i=s.find(u=>u.id===e);i&&o.isDigitalItem(i)||(i&&typeof i.stock=="number"&&t+a(s,i.sku,e)>i.stock&&(t=Math.max(i.stock-a(s,i.sku,e),0)),t<=0?r({items:s.filter(u=>u.id!==e)}):r({items:s.map(u=>u.id===e?{...u,quantity:t}:u)}))},setAppliedCoupon:e=>{const t=c().appliedCoupon;t?.code===e?.code&&t?.couponId===e?.couponId||r({appliedCoupon:e})},removeCoupon:()=>{c().appliedCoupon&&r({appliedCoupon:null})},clearCart:()=>r({items:[],appliedCoupon:null}),toggleCart:()=>r(e=>({isOpen:!e.isOpen})),setIsOpen:e=>r({isOpen:e}),setItems:e=>r({items:e})}),{name:"cart-storage",storage:p.createJSONStorage(()=>localStorage),skipHydration:!0})),S=()=>l(c=>c.items).reduce((c,e)=>c+e.quantity,0);function f(r,c){return _.resolveEffectivePriceForCurrency({prices:r.prices,salePrices:r.sale_prices,fallbackPrice:r.price,fallbackSalePrice:r.sale_price,saleStartAt:r.sale_start_at,saleEndAt:r.sale_end_at,scheduledPrice:r.scheduled_price,scheduledPrices:r.scheduled_prices,scheduledPriceAt:r.scheduled_price_at,currencyCode:c.currencyCode,currencies:c.currencies})}const b=()=>{const r=l(t=>t.items),{activeCurrencyCode:c,currencies:e}=k.useCurrency();return r.reduce((t,s)=>{const{price:i,sale_price:u}=f(s,{currencyCode:c,currencies:e});return t+(u??i)*s.quantity},0)};exports.getCartItemActivePrice=f;exports.useCartStore=l;exports.useCartSubtotal=b;exports.useCartTotalItems=S;

package/{cart-store.es.js → lib/cart-store.es.js}

@@ -1,7 +1,7 @@
 import { create as f } from "zustand";
 import { persist as C, createJSONStorage as y } from "zustand/middleware";
 import { isDigitalItem as n } from "./types.es.js";
-import { u as k } from "./CurrencyProvider-OzlRN96V.js";
+import { useCurrency as k } from "./CurrencyProvider.es.js";
 import { resolveEffectivePriceForCurrency as _ } from "./currency.es.js";
 function a(r, i, e) {
   return r.reduce((s, t) => n(t) || t.sku !== i || e && t.id === e ? s : s + t.quantity, 0);
@@ -13,7 +13,7 @@ const p = f()(
       appliedCoupon: null,
       isOpen: !1,
       addItem: (e) => {
-        const { items: s } = i(), t = e.quantity ?? 1, c = typeof e.stock == "number" ? e.stock : null, u = c !== null ? a(s, e.sku) : 0;
+        const { items: s } = i(), t = e.quantity ?? 1, c = typeof e.stock == "number" ? e.stock : null, o = c !== null ? a(s, e.sku) : 0;
         if (n(e))
           return s.find(
             (l) => l.product_id === e.product_id && n(l)
@@ -24,20 +24,20 @@ const p = f()(
             items: [...s, { ...e, quantity: 1 }],
             isOpen: !0
           }), { success: !0 });
-        const d = s.find((o) => o.id === e.id);
+        const d = s.find((u) => u.id === e.id);
         return c !== null && c <= 0 ? {
           success: !1,
           error: "This item is out of stock."
-        } : c !== null && u + t > c ? {
+        } : c !== null && o + t > c ? {
           success: !1,
           error: `Only ${c} available for this SKU.`
         } : (r(d ? {
           items: s.map(
-            (o) => o.id === e.id ? {
-              ...o,
+            (u) => u.id === e.id ? {
+              ...u,
               ...e,
-              quantity: o.quantity + t
-            } : o
+              quantity: u.quantity + t
+            } : u
           ),
           isOpen: !0
         } : {
@@ -52,15 +52,15 @@ const p = f()(
         });
       },
       updateQuantity: (e, s) => {
-        const { items: t } = i(), c = t.find((u) => u.id === e);
+        const { items: t } = i(), c = t.find((o) => o.id === e);
         c && n(c) || (c && typeof c.stock == "number" && s + a(t, c.sku, e) > c.stock && (s = Math.max(
           c.stock - a(t, c.sku, e),
           0
         )), s <= 0 ? r({
-          items: t.filter((u) => u.id !== e)
+          items: t.filter((o) => o.id !== e)
         }) : r({
           items: t.map(
-            (u) => u.id === e ? { ...u, quantity: s } : u
+            (o) => o.id === e ? { ...o, quantity: s } : o
           )
         }));
       },
@@ -101,11 +101,11 @@ function S(r, i) {
 const g = () => {
   const r = p((s) => s.items), { activeCurrencyCode: i, currencies: e } = k();
   return r.reduce((s, t) => {
-    const { price: c, sale_price: u } = S(t, {
+    const { price: c, sale_price: o } = S(t, {
       currencyCode: i,
       currencies: e
     });
-    return s + (u ?? c) * t.quantity;
+    return s + (o ?? c) * t.quantity;
   }, 0);
 };
 export {

package/lib/components/AccountNavigationMenu.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),m=require("next/link"),h=require("next/navigation"),i=require("lucide-react"),c=require("@nextblock-cms/utils");function u(t,s,a){const n=t(s);return n===s?a:n}function f(t){return t==="password"?i.KeyRound:i.Package2}function g({links:t,title:s,className:a}){const n=h.usePathname(),{t:o}=c.useTranslations();return t.length?r.jsxs("div",{className:c.cn("w-full space-y-3",a),children:[r.jsx("div",{className:"text-sm font-medium text-muted-foreground uppercase tracking-wider",children:s||u(o,"account_navigation","Account")}),r.jsx("div",{className:"space-y-2",children:t.map(e=>{const l=f(e.icon),d=n===e.href||n.startsWith(`${e.href}/`);return r.jsxs(m,{href:e.href,className:c.cn("flex items-center gap-3 rounded-xl border px-3 py-2.5 text-sm font-medium transition-colors",d?"border-slate-900 bg-slate-900 text-white":"border-border bg-background hover:bg-muted/40"),children:[r.jsx(l,{className:"h-4 w-4 shrink-0"}),r.jsx("span",{children:u(o,e.labelKey,e.fallbackLabel)})]},e.href)})})]}):null}exports.AccountNavigationMenu=g;

package/lib/components/AccountNavigationMenu.es.js

@@ -0,0 +1,44 @@
+'use client';
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import l from "next/link";
+import { usePathname as f } from "next/navigation";
+import { KeyRound as h, Package2 as p } from "lucide-react";
+import { useTranslations as b, cn as i } from "@nextblock-cms/utils";
+function m(r, n, o) {
+  const t = r(n);
+  return t === n ? o : t;
+}
+function g(r) {
+  return r === "password" ? h : p;
+}
+function A({
+  links: r,
+  title: n,
+  className: o
+}) {
+  const t = f(), { t: s } = b();
+  return r.length ? /* @__PURE__ */ c("div", { className: i("w-full space-y-3", o), children: [
+    /* @__PURE__ */ a("div", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: n || m(s, "account_navigation", "Account") }),
+    /* @__PURE__ */ a("div", { className: "space-y-2", children: r.map((e) => {
+      const u = g(e.icon), d = t === e.href || t.startsWith(`${e.href}/`);
+      return /* @__PURE__ */ c(
+        l,
+        {
+          href: e.href,
+          className: i(
+            "flex items-center gap-3 rounded-xl border px-3 py-2.5 text-sm font-medium transition-colors",
+            d ? "border-slate-900 bg-slate-900 text-white" : "border-border bg-background hover:bg-muted/40"
+          ),
+          children: [
+            /* @__PURE__ */ a(u, { className: "h-4 w-4 shrink-0" }),
+            /* @__PURE__ */ a("span", { children: m(s, e.labelKey, e.fallbackLabel) })
+          ]
+        },
+        e.href
+      );
+    }) })
+  ] }) : null;
+}
+export {
+  A as AccountNavigationMenu
+};

package/lib/components/AddToCartButton.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("@nextblock-cms/ui/button"),_=require("lucide-react"),l=require("sonner"),v=require("next/link"),y=require("../use-cart.cjs.js"),q=require("@nextblock-cms/utils"),o=require("../types.cjs.js"),C=require("../CurrencyProvider.cjs.js"),b=({product:e,className:s,quantity:c})=>{const n=y.useCart(t=>t),{t:r}=q.useTranslations(),{activeCurrencyCode:d}=C.useCurrency();if(!!e.has_variants&&!e.variant_id&&!o.isDigitalProduct(e))return i.jsx(a.Button,{asChild:!0,className:s,children:i.jsx(v,{href:`/product/${e.slug}`,children:"Select Options"})});if(!n)return i.jsxs(a.Button,{disabled:!0,className:s,children:[i.jsx(_.ShoppingCart,{className:"mr-2 h-4 w-4"}),r("ecommerce.add_to_cart")]});const{addItem:u}=n,m=()=>{const t=o.getProductPaymentProvider(e)??"stripe",{success:g,error:h}=u({id:e.variant_id||e.id,product_id:e.id,title:e.title,price:e.price,prices:e.prices,sale_price:e.sale_price,sale_prices:e.sale_prices,is_taxable:e.is_taxable,image_url:e.image_url,slug:e.slug,sku:e.sku,stock:e.stock,language_id:e.language_id,translation_group_id:e.translation_group_id,product_type:e.product_type,payment_provider:e.payment_provider??t,provider:t,freemius_product_id:e.freemius_product_id,freemius_plan_id:e.freemius_plan_id,trial_period_days:e.trial_period_days??0,trial_requires_payment_method:e.trial_requires_payment_method??!1,has_variants:e.has_variants,variant_id:e.variant_id,variant_label:e.variant_label,selected_options:e.selected_options,currency_code:d,quantity:c});g?l.toast.success(r("ecommerce.added_to_cart_success",{item:e.title})):l.toast.error(h||r("ecommerce.added_to_cart_error"))};return i.jsxs(a.Button,{onClick:m,className:s,children:[i.jsx(_.ShoppingCart,{className:"mr-2 h-4 w-4"}),r("ecommerce.add_to_cart")]})};exports.AddToCartButton=b;

package/{AddToCartButton-ffE0DhHu.js → lib/components/AddToCartButton.es.js}

@@ -1,23 +1,24 @@
+'use client';
 import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { Button as t } from "@nextblock-cms/ui/button";
+import { Button as s } from "@nextblock-cms/ui/button";
 import { ShoppingCart as o } from "lucide-react";
 import { toast as l } from "sonner";
 import p from "next/link";
-import { useCart as g } from "./use-cart.es.js";
-import { useTranslations as u } from "@nextblock-cms/utils";
-import { isDigitalProduct as v, getProductPaymentProvider as y } from "./types.es.js";
-import { u as C } from "./CurrencyProvider-OzlRN96V.js";
-const V = ({ product: e, className: s, quantity: m }) => {
-  const _ = g((r) => r), { t: i } = u(), { activeCurrencyCode: d } = C();
-  if (!!e.has_variants && !e.variant_id && !v(e))
-    return /* @__PURE__ */ a(t, { asChild: !0, className: s, children: /* @__PURE__ */ a(p, { href: `/product/${e.slug}`, children: "Select Options" }) });
+import { useCart as g } from "../use-cart.es.js";
+import { useTranslations as v } from "@nextblock-cms/utils";
+import { isDigitalProduct as u, getProductPaymentProvider as y } from "../types.es.js";
+import { useCurrency as C } from "../CurrencyProvider.es.js";
+const V = ({ product: e, className: t, quantity: m }) => {
+  const _ = g((r) => r), { t: i } = v(), { activeCurrencyCode: d } = C();
+  if (!!e.has_variants && !e.variant_id && !u(e))
+    return /* @__PURE__ */ a(s, { asChild: !0, className: t, children: /* @__PURE__ */ a(p, { href: `/product/${e.slug}`, children: "Select Options" }) });
   if (!_)
-    return /* @__PURE__ */ n(t, { disabled: !0, className: s, children: [
+    return /* @__PURE__ */ n(s, { disabled: !0, className: t, children: [
       /* @__PURE__ */ a(o, { className: "mr-2 h-4 w-4" }),
       i("ecommerce.add_to_cart")
     ] });
   const { addItem: c } = _;
-  return /* @__PURE__ */ n(t, { onClick: () => {
+  return /* @__PURE__ */ n(s, { onClick: () => {
     const r = y(e) ?? "stripe", { success: f, error: h } = c({
       id: e.variant_id || e.id,
       product_id: e.id,
@@ -49,11 +50,11 @@ const V = ({ product: e, className: s, quantity: m }) => {
       quantity: m
     });
     f ? l.success(i("ecommerce.added_to_cart_success", { item: e.title })) : l.error(h || i("ecommerce.added_to_cart_error"));
-  }, className: s, children: [
+  }, className: t, children: [
     /* @__PURE__ */ a(o, { className: "mr-2 h-4 w-4" }),
     i("ecommerce.add_to_cart")
   ] });
 };
 export {
-  V as A
+  V as AddToCartButton
 };

package/lib/components/Cart.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("react"),_=require("@nextblock-cms/ui/badge"),n=require("@nextblock-cms/ui/button"),r=require("@nextblock-cms/ui/table"),h=require("lucide-react"),j=require("../cart-store.cjs.js"),q=require("../use-cart.cjs.js"),o=require("../types.cjs.js"),T=require("next/navigation"),d=require("@nextblock-cms/utils"),w=require("./ShippingEstimator.cjs.js"),k=require("../CurrencyProvider.cjs.js"),S=require("../trials.cjs.js"),P=require("./CouponForm.cjs.js"),B=()=>{const g=T.useRouter(),u=q.useCart(s=>s),b=j.useCartSubtotal(),{t}=d.useTranslations(),{activeCurrencyCode:l,currencies:m}=k.useCurrency(),i=u?.items??[],f=C.useMemo(()=>i.reduce((s,a)=>{if(o.isDigitalItem(a))return s;const c=j.getCartItemActivePrice(a,{currencyCode:l,currencies:m});return s+(c.sale_price??c.price)*a.quantity},0),[l,m,i]);if(!u)return null;const{updateQuantity:p,removeItem:N}=u,v=s=>i.reduce((a,c)=>o.isDigitalItem(c)||c.sku!==s?a:a+c.quantity,0),y=()=>{g.push("/checkout")};return i.length===0?e.jsxs("div",{className:"flex flex-col items-center justify-center space-y-4 py-12",children:[e.jsx("h2",{className:"text-2xl font-bold",children:t("ecommerce.cart_empty")}),e.jsx("p",{className:"text-muted-foreground",children:t("ecommerce.cart_empty_description")}),e.jsx(n.Button,{asChild:!0,children:e.jsx("a",{href:"/shop",children:t("ecommerce.continue_shopping")})})]}):e.jsxs("div",{className:"container mx-auto py-12",children:[e.jsx("h1",{className:"mb-8 text-3xl font-bold",children:t("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(r.Table,{children:[e.jsx(r.TableHeader,{children:e.jsxs(r.TableRow,{children:[e.jsx(r.TableHead,{children:t("ecommerce.product")}),e.jsx(r.TableHead,{children:t("ecommerce.quantity")}),e.jsx(r.TableHead,{className:"text-right",children:t("ecommerce.price")}),e.jsx(r.TableHead,{className:"text-right",children:t("ecommerce.total")}),e.jsx(r.TableHead,{className:"w-[50px]"})]})}),e.jsx(r.TableBody,{children:i.map(s=>{const a=v(s.sku),c=j.getCartItemActivePrice(s,{currencyCode:l,currencies:m}),x=S.getTrialSummary(s);return e.jsxs(r.TableRow,{children:[e.jsx(r.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:t("ecommerce.no_image")})}),e.jsxs("div",{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}),o.isDigitalItem(s)&&s.billing_cycle&&e.jsxs("div",{className:"mt-1 text-xs capitalize text-muted-foreground",children:[s.billing_cycle," Subscription"]}),x&&e.jsxs("div",{className:"mt-1 text-xs font-medium text-emerald-700",children:[x.label," - ",x.paymentRequirementLabel]})]})]})}),e.jsx(r.TableCell,{children:o.isDigitalItem(s)?e.jsx(_.Badge,{variant:"secondary",className:"font-normal text-xs",children:"1 (License)"}):e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(n.Button,{variant:"outline",size:"icon",className:"h-8 w-8",onClick:()=>p(s.id,s.quantity-1),children:e.jsx(h.Minus,{className:"h-4 w-4"})}),e.jsx("span",{className:"w-8 text-center",children:s.quantity}),e.jsx(n.Button,{variant:"outline",size:"icon",className:"h-8 w-8",onClick:()=>p(s.id,s.quantity+1),disabled:typeof s.stock=="number"&&a>=s.stock,children:e.jsx(h.Plus,{className:"h-4 w-4"})})]})}),e.jsx(r.TableCell,{className:"text-right",children:e.jsxs("div",{className:"flex flex-col items-end",children:[e.jsx("span",{className:"font-medium",children:d.formatPrice(c.sale_price??c.price,l)}),c.sale_price&&e.jsx("span",{className:"text-xs text-muted-foreground line-through",children:d.formatPrice(c.price,l)})]})}),e.jsx(r.TableCell,{className:"text-right font-medium",children:d.formatPrice((c.sale_price??c.price)*s.quantity,l)}),e.jsx(r.TableCell,{children:e.jsx(n.Button,{variant:"ghost",size:"icon",onClick:()=>N(s.id),className:"text-muted-foreground hover:text-destructive",children:e.jsx(h.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:t("ecommerce.order_summary")}),e.jsxs("div",{className:"flex justify-between border-b pb-4",children:[e.jsx("span",{children:t("ecommerce.subtotal")}),e.jsx("span",{className:"font-medium",children:d.formatPrice(b,l)})]}),e.jsxs("div",{className:"mt-4 flex flex-col gap-4",children:[e.jsx("p",{className:"text-sm text-muted-foreground",children:t("ecommerce.shipping_taxes_calculated")}),i.some(s=>!o.isDigitalItem(s))&&e.jsx(w.ShippingEstimator,{physicalSubtotal:f}),e.jsx(P.CouponForm,{items:i,currencyCode:l,compact:!0}),e.jsx(n.Button,{className:"w-full mt-4",size:"lg",onClick:y,children:t("ecommerce.proceed_to_checkout")})]})]})})]})]})};exports.Cart=B;

package/lib/components/Cart.es.js

@@ -0,0 +1,148 @@
+'use client';
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { useMemo as k } from "react";
+import { Badge as T } from "@nextblock-cms/ui/badge";
+import { Button as n } from "@nextblock-cms/ui/button";
+import { Table as q, TableHeader as S, TableRow as g, TableHead as o, TableBody as j, TableCell as d } from "@nextblock-cms/ui/table";
+import { Minus as z, Plus as P, Trash2 as B } from "lucide-react";
+import { useCartSubtotal as Q, getCartItemActivePrice as N } from "../cart-store.es.js";
+import { useCart as R } from "../use-cart.es.js";
+import { isDigitalItem as m } from "../types.es.js";
+import { useRouter as A } from "next/navigation";
+import { useTranslations as H, formatPrice as u } from "@nextblock-cms/utils";
+import { ShippingEstimator as L } from "./ShippingEstimator.es.js";
+import { useCurrency as M } from "../CurrencyProvider.es.js";
+import { getTrialSummary as D } from "../trials.es.js";
+import { CouponForm as E } from "./CouponForm.es.js";
+const ce = () => {
+  const b = A(), h = R((r) => r), v = Q(), { t } = H(), { activeCurrencyCode: a, currencies: p } = M(), s = h?.items ?? [], y = k(
+    () => s.reduce((r, i) => {
+      if (m(i))
+        return r;
+      const l = N(i, {
+        currencyCode: a,
+        currencies: p
+      });
+      return r + (l.sale_price ?? l.price) * i.quantity;
+    }, 0),
+    [a, p, s]
+  );
+  if (!h) return null;
+  const { updateQuantity: x, removeItem: _ } = h, C = (r) => s.reduce((i, l) => m(l) || l.sku !== r ? i : i + l.quantity, 0), w = () => {
+    b.push("/checkout");
+  };
+  return s.length === 0 ? /* @__PURE__ */ c("div", { className: "flex flex-col items-center justify-center space-y-4 py-12", children: [
+    /* @__PURE__ */ e("h2", { className: "text-2xl font-bold", children: t("ecommerce.cart_empty") }),
+    /* @__PURE__ */ e("p", { className: "text-muted-foreground", children: t("ecommerce.cart_empty_description") }),
+    /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e("a", { href: "/shop", children: t("ecommerce.continue_shopping") }) })
+  ] }) : /* @__PURE__ */ c("div", { className: "container mx-auto py-12", children: [
+    /* @__PURE__ */ e("h1", { className: "mb-8 text-3xl font-bold", children: t("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(q, { children: [
+        /* @__PURE__ */ e(S, { children: /* @__PURE__ */ c(g, { children: [
+          /* @__PURE__ */ e(o, { children: t("ecommerce.product") }),
+          /* @__PURE__ */ e(o, { children: t("ecommerce.quantity") }),
+          /* @__PURE__ */ e(o, { className: "text-right", children: t("ecommerce.price") }),
+          /* @__PURE__ */ e(o, { className: "text-right", children: t("ecommerce.total") }),
+          /* @__PURE__ */ e(o, { className: "w-[50px]" })
+        ] }) }),
+        /* @__PURE__ */ e(j, { children: s.map((r) => {
+          const i = C(r.sku), l = N(r, {
+            currencyCode: a,
+            currencies: p
+          }), f = D(r);
+          return /* @__PURE__ */ c(g, { children: [
+            /* @__PURE__ */ e(d, { 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: t("ecommerce.no_image") }) }),
+              /* @__PURE__ */ c("div", { 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 }),
+                m(r) && r.billing_cycle && /* @__PURE__ */ c("div", { className: "mt-1 text-xs capitalize text-muted-foreground", children: [
+                  r.billing_cycle,
+                  " Subscription"
+                ] }),
+                f && /* @__PURE__ */ c("div", { className: "mt-1 text-xs font-medium text-emerald-700", children: [
+                  f.label,
+                  " - ",
+                  f.paymentRequirementLabel
+                ] })
+              ] })
+            ] }) }),
+            /* @__PURE__ */ e(d, { children: m(r) ? /* @__PURE__ */ e(T, { variant: "secondary", className: "font-normal text-xs", children: "1 (License)" }) : /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e(
+                n,
+                {
+                  variant: "outline",
+                  size: "icon",
+                  className: "h-8 w-8",
+                  onClick: () => x(r.id, r.quantity - 1),
+                  children: /* @__PURE__ */ e(z, { className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "w-8 text-center", children: r.quantity }),
+              /* @__PURE__ */ e(
+                n,
+                {
+                  variant: "outline",
+                  size: "icon",
+                  className: "h-8 w-8",
+                  onClick: () => x(r.id, r.quantity + 1),
+                  disabled: typeof r.stock == "number" && i >= r.stock,
+                  children: /* @__PURE__ */ e(P, { className: "h-4 w-4" })
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ e(d, { className: "text-right", children: /* @__PURE__ */ c("div", { className: "flex flex-col items-end", children: [
+              /* @__PURE__ */ e("span", { className: "font-medium", children: u(l.sale_price ?? l.price, a) }),
+              l.sale_price && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground line-through", children: u(l.price, a) })
+            ] }) }),
+            /* @__PURE__ */ e(d, { className: "text-right font-medium", children: u(
+              (l.sale_price ?? l.price) * r.quantity,
+              a
+            ) }),
+            /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(
+              n,
+              {
+                variant: "ghost",
+                size: "icon",
+                onClick: () => _(r.id),
+                className: "text-muted-foreground hover:text-destructive",
+                children: /* @__PURE__ */ e(B, { 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: t("ecommerce.order_summary") }),
+        /* @__PURE__ */ c("div", { className: "flex justify-between border-b pb-4", children: [
+          /* @__PURE__ */ e("span", { children: t("ecommerce.subtotal") }),
+          /* @__PURE__ */ e("span", { className: "font-medium", children: u(v, a) })
+        ] }),
+        /* @__PURE__ */ c("div", { className: "mt-4 flex flex-col gap-4", children: [
+          /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("ecommerce.shipping_taxes_calculated") }),
+          s.some((r) => !m(r)) && /* @__PURE__ */ e(L, { physicalSubtotal: y }),
+          /* @__PURE__ */ e(
+            E,
+            {
+              items: s,
+              currencyCode: a,
+              compact: !0
+            }
+          ),
+          /* @__PURE__ */ e(n, { className: "w-full mt-4", size: "lg", onClick: w, children: t("ecommerce.proceed_to_checkout") })
+        ] })
+      ] }) })
+    ] })
+  ] });
+};
+export {
+  ce as Cart
+};

package/lib/components/CartDrawer.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@nextblock-cms/ui/sheet"),_=require("@nextblock-cms/ui/badge"),d=require("@nextblock-cms/ui/button"),q=require("next/navigation"),m=require("lucide-react"),j=require("../cart-store.cjs.js"),k=require("../use-cart.cjs.js"),o=require("@nextblock-cms/utils"),p=require("../types.cjs.js"),S=require("../CurrencyProvider.cjs.js"),P=require("../trials.cjs.js"),D=require("./CouponForm.cjs.js"),T=()=>{const x=q.useRouter(),h=k.useCart(t=>t),b=j.useCartSubtotal(),{t:s}=o.useTranslations(),{activeCurrencyCode:c,currencies:g}=S.useCurrency();if(!h)return null;const{isOpen:y,setIsOpen:a,items:n,updateQuantity:f,removeItem:v}=h,N=t=>n.reduce((i,r)=>p.isDigitalItem(r)||r.sku!==t?i:i+r.quantity,0),w=()=>{a(!1),x.push("/cart")},C=()=>{a(!1),x.push("/checkout")};return e.jsx(l.Sheet,{open:y,onOpenChange:a,children:e.jsxs(l.SheetContent,{className:"flex w-full flex-col pr-0 sm:max-w-lg",children:[e.jsxs(l.SheetHeader,{className:"px-1 text-left",children:[e.jsxs(l.SheetTitle,{children:[s("ecommerce.shopping_cart")," (",n.length,")"]}),e.jsx(l.SheetDescription,{className:"sr-only",children:s("ecommerce.shopping_cart")})]}),n.length>0?e.jsx("div",{className:"flex flex-1 flex-col gap-5 overflow-y-auto p-1 pr-6 pt-4",children:n.map(t=>{const i=N(t.sku);return e.jsx("div",{className:"flex gap-4",children:(()=>{const r=j.getCartItemActivePrice(t,{currencyCode:c,currencies:g}),u=P.getTrialSummary(t);return e.jsxs(e.Fragment,{children:[t.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:t.image_url,alt:t.title,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:s("ecommerce.no_image")})}),e.jsxs("div",{className:"flex flex-1 flex-col justify-between",children:[e.jsxs("div",{className:"flex justify-between gap-2",children:[e.jsxs("div",{children:[e.jsx("span",{className:"line-clamp-2 text-sm font-medium leading-tight",children:t.title}),t.variant_label&&e.jsx("div",{className:"mt-1 text-xs text-muted-foreground",children:t.variant_label}),u&&e.jsxs("div",{className:"mt-1 text-xs font-medium text-emerald-700",children:[u.label," - ",u.paymentRequirementLabel]})]}),e.jsxs("span",{className:"text-sm font-semibold",children:[r.sale_price&&e.jsx("span",{className:"mr-1.5 text-xs font-normal text-muted-foreground line-through",children:o.formatPrice(r.price,c)}),o.formatPrice(r.sale_price??r.price,c)]})]}),e.jsxs("div",{className:"flex items-center justify-between text-sm",children:[p.isDigitalItem(t)?e.jsx(_.Badge,{variant:"secondary",className:"font-normal text-xs",children:"1 (License)"}):e.jsxs("div",{className:"flex items-center rounded-md border text-xs",children:[e.jsx("button",{onClick:()=>f(t.id,t.quantity-1),className:"flex h-7 w-7 items-center justify-center border-r",type:"button",children:e.jsx(m.Minus,{className:"h-3 w-3"})}),e.jsx("span",{className:"flex h-7 w-8 items-center justify-center",children:t.quantity}),e.jsx("button",{onClick:()=>f(t.id,t.quantity+1),className:"flex h-7 w-7 items-center justify-center border-l",type:"button",disabled:typeof t.stock=="number"&&i>=t.stock,children:e.jsx(m.Plus,{className:"h-3 w-3"})})]}),e.jsx("button",{onClick:()=>v(t.id),className:"text-muted-foreground hover:text-destructive",type:"button",children:e.jsx(m.Trash2,{className:"h-4 w-4"})})]})]})]})})()},t.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:s("ecommerce.cart_empty")}),e.jsx(d.Button,{variant:"outline",onClick:()=>a(!1),children:s("ecommerce.continue_shopping")})]}),n.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:s("ecommerce.subtotal")}),e.jsx("span",{children:o.formatPrice(b,c)})]}),e.jsx("p",{className:"mb-4 mt-1 text-xs text-muted-foreground",children:s("ecommerce.shipping_taxes_calculated")}),e.jsx("div",{className:"mb-4",children:e.jsx(D.CouponForm,{items:n,currencyCode:c,compact:!0})}),e.jsx(d.Button,{variant:"outline",className:"w-full mb-3",onClick:w,children:s("ecommerce.view_full_cart")}),e.jsx(d.Button,{className:"w-full",onClick:C,children:s("ecommerce.ready_to_checkout")})]})]})})};exports.CartDrawer=T;

package/{components → lib/components}/CartDrawer.es.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as e, jsxs as r, Fragment as C } from "react/jsx-runtime";
 import { Sheet as _, SheetContent as k, SheetHeader as j, SheetTitle as S, SheetDescription as q } from "@nextblock-cms/ui/sheet";
 import { Badge as P } from "@nextblock-cms/ui/badge";
@@ -8,13 +9,13 @@ import { useCartSubtotal as A, getCartItemActivePrice as B } from "../cart-store
 import { useCart as F } from "../use-cart.es.js";
 import { useTranslations as I, formatPrice as d } from "@nextblock-cms/utils";
 import { isDigitalItem as p } from "../types.es.js";
-import { u as L } from "../CurrencyProvider-OzlRN96V.js";
-import { d as R } from "../trials-RDcRAZKx.js";
-import { C as H } from "../CouponForm-BI_5SBHQ.js";
+import { useCurrency as L } from "../CurrencyProvider.es.js";
+import { getTrialSummary as R } from "../trials.es.js";
+import { CouponForm as H } from "./CouponForm.es.js";
 const ee = () => {
-  const u = T(), h = F((t) => t), x = A(), { t: l } = I(), { activeCurrencyCode: n, currencies: y } = L();
+  const u = T(), h = F((t) => t), x = A(), { t: l } = I(), { activeCurrencyCode: s, currencies: y } = L();
   if (!h) return null;
-  const { isOpen: N, setIsOpen: a, items: c, updateQuantity: f, removeItem: g } = h, b = (t) => c.reduce((i, s) => p(s) || s.sku !== t ? i : i + s.quantity, 0), v = () => {
+  const { isOpen: N, setIsOpen: a, items: n, updateQuantity: f, removeItem: g } = h, b = (t) => n.reduce((i, c) => p(c) || c.sku !== t ? i : i + c.quantity, 0), v = () => {
     a(!1), u.push("/cart");
   }, w = () => {
     a(!1), u.push("/checkout");
@@ -24,16 +25,16 @@ const ee = () => {
       /* @__PURE__ */ r(S, { children: [
         l("ecommerce.shopping_cart"),
         " (",
-        c.length,
+        n.length,
         ")"
       ] }),
       /* @__PURE__ */ e(q, { className: "sr-only", children: l("ecommerce.shopping_cart") })
     ] }),
-    c.length > 0 ? /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col gap-5 overflow-y-auto p-1 pr-6 pt-4", children: c.map((t) => {
+    n.length > 0 ? /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col gap-5 overflow-y-auto p-1 pr-6 pt-4", children: n.map((t) => {
       const i = b(t.sku);
       return /* @__PURE__ */ e("div", { className: "flex gap-4", children: (() => {
-        const s = B(t, {
-          currencyCode: n,
+        const c = B(t, {
+          currencyCode: s,
           currencies: y
         }), o = R(t);
         return /* @__PURE__ */ r(C, { children: [
@@ -57,8 +58,8 @@ const ee = () => {
                 ] })
               ] }),
               /* @__PURE__ */ r("span", { className: "text-sm font-semibold", children: [
-                s.sale_price && /* @__PURE__ */ e("span", { className: "mr-1.5 text-xs font-normal text-muted-foreground line-through", children: d(s.price, n) }),
-                d(s.sale_price ?? s.price, n)
+                c.sale_price && /* @__PURE__ */ e("span", { className: "mr-1.5 text-xs font-normal text-muted-foreground line-through", children: d(c.price, s) }),
+                d(c.sale_price ?? c.price, s)
               ] })
             ] }),
             /* @__PURE__ */ r("div", { className: "flex items-center justify-between text-sm", children: [
@@ -101,13 +102,13 @@ const ee = () => {
       /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: l("ecommerce.cart_empty") }),
       /* @__PURE__ */ e(m, { variant: "outline", onClick: () => a(!1), children: l("ecommerce.continue_shopping") })
     ] }),
-    c.length > 0 && /* @__PURE__ */ r("div", { className: "border-t pr-6 pt-4", children: [
+    n.length > 0 && /* @__PURE__ */ r("div", { className: "border-t pr-6 pt-4", children: [
       /* @__PURE__ */ r("div", { className: "flex items-center justify-between text-base font-medium", children: [
         /* @__PURE__ */ e("span", { children: l("ecommerce.subtotal") }),
-        /* @__PURE__ */ e("span", { children: d(x, n) })
+        /* @__PURE__ */ e("span", { children: d(x, s) })
       ] }),
       /* @__PURE__ */ e("p", { className: "mb-4 mt-1 text-xs text-muted-foreground", children: l("ecommerce.shipping_taxes_calculated") }),
-      /* @__PURE__ */ e("div", { className: "mb-4", children: /* @__PURE__ */ e(H, { items: c, currencyCode: n, compact: !0 }) }),
+      /* @__PURE__ */ e("div", { className: "mb-4", children: /* @__PURE__ */ e(H, { items: n, currencyCode: s, compact: !0 }) }),
       /* @__PURE__ */ e(m, { variant: "outline", className: "w-full mb-3", onClick: v, children: l("ecommerce.view_full_cart") }),
       /* @__PURE__ */ e(m, { className: "w-full", onClick: w, children: l("ecommerce.ready_to_checkout") })
     ] })

package/{components → lib/components}/CartIcon.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@nextblock-cms/ui/badge"),a=require("@nextblock-cms/ui/button"),s=require("lucide-react"),n=require("../cart-store.cjs.js"),c=require("../use-cart.cjs.js"),l=()=>{const i=n.useCartStore(t=>t.toggleCart),r=n.useCartTotalItems();return c.useCart(t=>t.isOpen)!==void 0?e.jsxs(a.Button,{variant:"ghost",size:"icon",className:"relative",onClick:i,"aria-label":"Open cart",children:[e.jsx(s.ShoppingBag,{className:"h-5 w-5"}),r>0&&e.jsx(o.Badge,{variant:"destructive",className:"absolute -right-1 -top-1 h-4 w-4 items-center justify-center p-0 text-[10px]",children:r})]}):e.jsx(a.Button,{variant:"ghost",size:"icon",className:"relative","aria-label":"Open cart",children:e.jsx(s.ShoppingBag,{className:"h-5 w-5"})})};exports.CartIcon=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@nextblock-cms/ui/badge"),a=require("@nextblock-cms/ui/button"),s=require("lucide-react"),i=require("../cart-store.cjs.js"),c=require("../use-cart.cjs.js"),l=()=>{const n=i.useCartStore(t=>t.toggleCart),r=i.useCartTotalItems();return c.useCart(t=>t.isOpen)!==void 0?e.jsxs(a.Button,{variant:"ghost",size:"icon",className:"relative",onClick:n,"aria-label":"Open cart",children:[e.jsx(s.ShoppingBag,{className:"h-5 w-5"}),r>0&&e.jsx(o.Badge,{variant:"destructive",className:"absolute -right-1 -top-1 h-4 w-4 items-center justify-center p-0 text-[10px]",children:r})]}):e.jsx(a.Button,{variant:"ghost",size:"icon",className:"relative","aria-label":"Open cart",children:e.jsx(s.ShoppingBag,{className:"h-5 w-5"})})};exports.CartIcon=l;

package/{components → lib/components}/CartIcon.es.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import { Badge as n } from "@nextblock-cms/ui/badge";
 import { Button as a } from "@nextblock-cms/ui/button";