@nextblock-cms/ecom 0.8.0 → 0.8.6

package/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-Cg-Q6ucj.cjs"),S=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})),g=()=>l(c=>c.items).reduce((c,e)=>c+e.quantity,0);function f(r,c){return S.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 _=()=>{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=_;exports.useCartTotalItems=g;

package/cart-store.es.js

@@ -0,0 +1,116 @@
+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 { 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);
+}
+const p = f()(
+  C(
+    (r, i) => ({
+      items: [],
+      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;
+        if (n(e))
+          return s.find(
+            (l) => l.product_id === e.product_id && n(l)
+          ) ? {
+            success: !1,
+            error: "This software license is already in your cart."
+          } : (r({
+            items: [...s, { ...e, quantity: 1 }],
+            isOpen: !0
+          }), { success: !0 });
+        const d = s.find((o) => o.id === e.id);
+        return c !== null && c <= 0 ? {
+          success: !1,
+          error: "This item is out of stock."
+        } : c !== null && u + t > c ? {
+          success: !1,
+          error: `Only ${c} available for this SKU.`
+        } : (r(d ? {
+          items: s.map(
+            (o) => o.id === e.id ? {
+              ...o,
+              ...e,
+              quantity: o.quantity + t
+            } : o
+          ),
+          isOpen: !0
+        } : {
+          items: [...s, { ...e, quantity: t }],
+          isOpen: !0
+        }), { success: !0 });
+      },
+      removeItem: (e) => {
+        const { items: s } = i();
+        r({
+          items: s.filter((t) => t.id !== e)
+        });
+      },
+      updateQuantity: (e, s) => {
+        const { items: t } = i(), c = t.find((u) => u.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)
+        }) : r({
+          items: t.map(
+            (u) => u.id === e ? { ...u, quantity: s } : u
+          )
+        }));
+      },
+      setAppliedCoupon: (e) => {
+        const s = i().appliedCoupon;
+        s?.code === e?.code && s?.couponId === e?.couponId || r({ appliedCoupon: e });
+      },
+      removeCoupon: () => {
+        i().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: y(() => localStorage),
+      skipHydration: !0
+    }
+  )
+), b = () => p((i) => i.items).reduce((i, e) => i + e.quantity, 0);
+function S(r, i) {
+  return _({
+    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: i.currencyCode,
+    currencies: i.currencies
+  });
+}
+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, {
+      currencyCode: i,
+      currencies: e
+    });
+    return s + (u ?? c) * t.quantity;
+  }, 0);
+};
+export {
+  S as getCartItemActivePrice,
+  p as useCartStore,
+  g as useCartSubtotal,
+  b as useCartTotalItems
+};

package/components/Cart.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),z=require("@nextblock-cms/ui/badge"),g=require("@nextblock-cms/ui/button"),l=require("@nextblock-cms/ui/table"),x=require("lucide-react"),k=require("../cart-store.cjs.js"),H=require("../use-cart.cjs.js"),f=require("../types.cjs.js"),D=require("next/navigation"),m=require("@nextblock-cms/utils"),E=require("@nextblock-cms/ui/input"),T=require("@nextblock-cms/ui/label"),_=require("../states-CWYRxV4B.cjs"),M=require("../shipping-actions-D6zt20gg.cjs"),P=require("../CurrencyProvider-Cg-Q6ucj.cjs"),O=require("../trials-DvZaOtNy.cjs"),Q=require("../CouponForm-D_uu2bLP.cjs"),K=({physicalSubtotal:S})=>{const[o,w]=u.useState("CA"),[a,n]=u.useState(""),[h,i]=u.useState(""),[N,j]=u.useState(!1),[d,v]=u.useState(null),[b,s]=u.useState(null),{t:r,lang:c}=m.useTranslations(),{activeCurrencyCode:p}=P.useCurrency(),q=(t,y)=>{const C=r(t);return C===t?y:C},A=_.getStatesForCountry(o),B=_.countryUsesStructuredStates(o),F=q("select_an_option","Select an option"),I=q("state_province","State / Province"),R=async()=>{j(!0),s(null),v(null);const t=await M.getShippingEstimates(S,{country:o,state:a||void 0,postal_code:h},c,p);t.success&&t.methods?v(t.methods):s(t.errorKey?q(t.errorKey,t.error||r("ecommerce.no_rates_found")):t.error||r("ecommerce.no_rates_found")),j(!1)};return e.jsxs("div",{className:"space-y-4 rounded-lg border bg-muted/30 p-4 mt-6",children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold text-sm",children:[e.jsx(x.Truck,{className:"h-4 w-4"}),e.jsx("span",{children:r("ecommerce.estimate_shipping")})]}),e.jsxs("div",{className:"grid gap-3",children:[e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(T.Label,{htmlFor:"estimate-country",className:"text-xs uppercase tracking-wider text-muted-foreground",children:r("ecommerce.country")}),e.jsx("select",{id:"estimate-country",value:o,onChange:t=>{const y=t.target.value,C=_.getStatesForCountry(y);w(y),n(C.some(L=>L.code===a)?a:"")},className:"flex h-9 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",children:_.countries.map(t=>e.jsx("option",{value:t.code,children:t.name},t.code))})]}),B&&e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(T.Label,{htmlFor:"estimate-state",className:"text-xs uppercase tracking-wider text-muted-foreground",children:r("state_province")}),e.jsxs("select",{id:"estimate-state",value:a,onChange:t=>n(t.target.value),className:"flex h-9 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",children:[e.jsx("option",{value:"",children:`${F}: ${I}`}),A.map(t=>e.jsx("option",{value:t.code,children:t.name},t.code))]})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(T.Label,{htmlFor:"estimate-postal",className:"text-xs uppercase tracking-wider text-muted-foreground",children:r("ecommerce.postal_code")}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(E.Input,{id:"estimate-postal",placeholder:"A1A 1A1",value:h,onChange:t=>i(t.target.value),className:"h-9 text-sm bg-background"}),e.jsxs(g.Button,{size:"sm",variant:"secondary",onClick:R,disabled:N,className:"shrink-0",children:[N?e.jsx(x.Loader2,{className:"h-4 w-4 animate-spin"}):e.jsx(x.Calculator,{className:"h-4 w-4 mr-1.5"}),r("ecommerce.calculate")]})]})]})]}),b&&e.jsx("p",{className:"text-xs text-destructive mt-2",children:b}),d&&d.length>0&&e.jsxs("div",{className:"mt-4 space-y-2 border-t pt-3",children:[e.jsxs("p",{className:"text-xs font-medium text-muted-foreground uppercase",children:[r("ecommerce.available_rates"),":"]}),d.map(t=>e.jsxs("div",{className:"flex justify-between items-center p-3 border rounded-lg bg-muted/30",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(x.Truck,{className:"h-4 w-4 text-muted-foreground"}),e.jsx("span",{className:"text-sm font-medium",children:t.name})]}),e.jsx("span",{className:"text-sm font-bold",children:t.amount===0?r("ecommerce.free"):m.formatPrice(t.amount,p)})]},t.id))]}),d&&d.length===0&&!b&&e.jsx("p",{className:"text-xs text-muted-foreground mt-2 italic",children:r("ecommerce.no_rates_found")})]})},$=()=>{const S=D.useRouter(),o=H.useCart(s=>s),w=k.useCartSubtotal(),{t:a}=m.useTranslations(),{activeCurrencyCode:n,currencies:h}=P.useCurrency(),i=o?.items??[],N=u.useMemo(()=>i.reduce((s,r)=>{if(f.isDigitalItem(r))return s;const c=k.getCartItemActivePrice(r,{currencyCode:n,currencies:h});return s+(c.sale_price??c.price)*r.quantity},0),[n,h,i]);if(!o)return null;const{updateQuantity:j,removeItem:d}=o,v=s=>i.reduce((r,c)=>f.isDigitalItem(c)||c.sku!==s?r:r+c.quantity,0),b=()=>{S.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:a("ecommerce.cart_empty")}),e.jsx("p",{className:"text-muted-foreground",children:a("ecommerce.cart_empty_description")}),e.jsx(g.Button,{asChild:!0,children:e.jsx("a",{href:"/shop",children:a("ecommerce.continue_shopping")})})]}):e.jsxs("div",{className:"container mx-auto py-12",children:[e.jsx("h1",{className:"mb-8 text-3xl font-bold",children:a("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(l.Table,{children:[e.jsx(l.TableHeader,{children:e.jsxs(l.TableRow,{children:[e.jsx(l.TableHead,{children:a("ecommerce.product")}),e.jsx(l.TableHead,{children:a("ecommerce.quantity")}),e.jsx(l.TableHead,{className:"text-right",children:a("ecommerce.price")}),e.jsx(l.TableHead,{className:"text-right",children:a("ecommerce.total")}),e.jsx(l.TableHead,{className:"w-[50px]"})]})}),e.jsx(l.TableBody,{children:i.map(s=>{const r=v(s.sku),c=k.getCartItemActivePrice(s,{currencyCode:n,currencies:h}),p=O.getTrialSummary(s);return e.jsxs(l.TableRow,{children:[e.jsx(l.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:a("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}),f.isDigitalItem(s)&&s.billing_cycle&&e.jsxs("div",{className:"mt-1 text-xs capitalize text-muted-foreground",children:[s.billing_cycle," Subscription"]}),p&&e.jsxs("div",{className:"mt-1 text-xs font-medium text-emerald-700",children:[p.label," - ",p.paymentRequirementLabel]})]})]})}),e.jsx(l.TableCell,{children:f.isDigitalItem(s)?e.jsx(z.Badge,{variant:"secondary",className:"font-normal text-xs",children:"1 (License)"}):e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(g.Button,{variant:"outline",size:"icon",className:"h-8 w-8",onClick:()=>j(s.id,s.quantity-1),children:e.jsx(x.Minus,{className:"h-4 w-4"})}),e.jsx("span",{className:"w-8 text-center",children:s.quantity}),e.jsx(g.Button,{variant:"outline",size:"icon",className:"h-8 w-8",onClick:()=>j(s.id,s.quantity+1),disabled:typeof s.stock=="number"&&r>=s.stock,children:e.jsx(x.Plus,{className:"h-4 w-4"})})]})}),e.jsx(l.TableCell,{className:"text-right",children:e.jsxs("div",{className:"flex flex-col items-end",children:[e.jsx("span",{className:"font-medium",children:m.formatPrice(c.sale_price??c.price,n)}),c.sale_price&&e.jsx("span",{className:"text-xs text-muted-foreground line-through",children:m.formatPrice(c.price,n)})]})}),e.jsx(l.TableCell,{className:"text-right font-medium",children:m.formatPrice((c.sale_price??c.price)*s.quantity,n)}),e.jsx(l.TableCell,{children:e.jsx(g.Button,{variant:"ghost",size:"icon",onClick:()=>d(s.id),className:"text-muted-foreground hover:text-destructive",children:e.jsx(x.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:a("ecommerce.order_summary")}),e.jsxs("div",{className:"flex justify-between border-b pb-4",children:[e.jsx("span",{children:a("ecommerce.subtotal")}),e.jsx("span",{className:"font-medium",children:m.formatPrice(w,n)})]}),e.jsxs("div",{className:"mt-4 flex flex-col gap-4",children:[e.jsx("p",{className:"text-sm text-muted-foreground",children:a("ecommerce.shipping_taxes_calculated")}),i.some(s=>!f.isDigitalItem(s))&&e.jsx(K,{physicalSubtotal:N}),e.jsx(Q.CouponForm,{items:i,currencyCode:n,compact:!0}),e.jsx(g.Button,{className:"w-full mt-4",size:"lg",onClick:b,children:a("ecommerce.proceed_to_checkout")})]})]})})]})]})};exports.Cart=$;

package/components/Cart.es.js

@@ -0,0 +1,259 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { useState as h, useMemo as K } from "react";
+import { Badge as M } from "@nextblock-cms/ui/badge";
+import { Button as p } from "@nextblock-cms/ui/button";
+import { Table as O, TableHeader as $, TableRow as P, TableHead as x, TableBody as D, TableCell as N } from "@nextblock-cms/ui/table";
+import { Truck as j, Loader2 as U, Calculator as G, Minus as J, Plus as V, Trash2 as W } from "lucide-react";
+import { useCartSubtotal as X, getCartItemActivePrice as z } from "../cart-store.es.js";
+import { useCart as Y } from "../use-cart.es.js";
+import { isDigitalItem as v } from "../types.es.js";
+import { useRouter as Z } from "next/navigation";
+import { useTranslations as F, formatPrice as b } from "@nextblock-cms/utils";
+import { Input as ee } from "@nextblock-cms/ui/input";
+import { Label as q } from "@nextblock-cms/ui/label";
+import { g as A, a as te, c as re } from "../states-DlHJezQ1.js";
+import { g as ae } from "../shipping-actions-BnHjlo2q.js";
+import { u as L } from "../CurrencyProvider-OzlRN96V.js";
+import { d as ce } from "../trials-RDcRAZKx.js";
+import { C as se } from "../CouponForm-BI_5SBHQ.js";
+const le = ({ physicalSubtotal: k }) => {
+  const [i, S] = h("CA"), [s, n] = h(""), [m, o] = h(""), [y, g] = h(!1), [d, C] = h(null), [f, t] = h(null), { t: c, lang: l } = F(), { activeCurrencyCode: u } = L(), T = (r, _) => {
+    const w = c(r);
+    return w === r ? _ : w;
+  }, R = A(i), B = te(i), E = T("select_an_option", "Select an option"), I = T("state_province", "State / Province"), Q = async () => {
+    g(!0), t(null), C(null);
+    const r = await ae(
+      k,
+      {
+        country: i,
+        state: s || void 0,
+        postal_code: m
+      },
+      l,
+      u
+    );
+    r.success && r.methods ? C(r.methods) : t(
+      r.errorKey ? T(
+        r.errorKey,
+        r.error || c("ecommerce.no_rates_found")
+      ) : r.error || c("ecommerce.no_rates_found")
+    ), g(!1);
+  };
+  return /* @__PURE__ */ a("div", { className: "space-y-4 rounded-lg border bg-muted/30 p-4 mt-6", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-2 font-semibold text-sm", children: [
+      /* @__PURE__ */ e(j, { className: "h-4 w-4" }),
+      /* @__PURE__ */ e("span", { children: c("ecommerce.estimate_shipping") })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "grid gap-3", children: [
+      /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ e(q, { htmlFor: "estimate-country", className: "text-xs uppercase tracking-wider text-muted-foreground", children: c("ecommerce.country") }),
+        /* @__PURE__ */ e(
+          "select",
+          {
+            id: "estimate-country",
+            value: i,
+            onChange: (r) => {
+              const _ = r.target.value, w = A(_);
+              S(_), n(
+                w.some((H) => H.code === s) ? s : ""
+              );
+            },
+            className: "flex h-9 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+            children: re.map((r) => /* @__PURE__ */ e("option", { value: r.code, children: r.name }, r.code))
+          }
+        )
+      ] }),
+      B && /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ e(q, { htmlFor: "estimate-state", className: "text-xs uppercase tracking-wider text-muted-foreground", children: c("state_province") }),
+        /* @__PURE__ */ a(
+          "select",
+          {
+            id: "estimate-state",
+            value: s,
+            onChange: (r) => n(r.target.value),
+            className: "flex h-9 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+            children: [
+              /* @__PURE__ */ e("option", { value: "", children: `${E}: ${I}` }),
+              R.map((r) => /* @__PURE__ */ e("option", { value: r.code, children: r.name }, r.code))
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ e(q, { htmlFor: "estimate-postal", className: "text-xs uppercase tracking-wider text-muted-foreground", children: c("ecommerce.postal_code") }),
+        /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ e(
+            ee,
+            {
+              id: "estimate-postal",
+              placeholder: "A1A 1A1",
+              value: m,
+              onChange: (r) => o(r.target.value),
+              className: "h-9 text-sm bg-background"
+            }
+          ),
+          /* @__PURE__ */ a(
+            p,
+            {
+              size: "sm",
+              variant: "secondary",
+              onClick: Q,
+              disabled: y,
+              className: "shrink-0",
+              children: [
+                y ? /* @__PURE__ */ e(U, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ e(G, { className: "h-4 w-4 mr-1.5" }),
+                c("ecommerce.calculate")
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    f && /* @__PURE__ */ e("p", { className: "text-xs text-destructive mt-2", children: f }),
+    d && d.length > 0 && /* @__PURE__ */ a("div", { className: "mt-4 space-y-2 border-t pt-3", children: [
+      /* @__PURE__ */ a("p", { className: "text-xs font-medium text-muted-foreground uppercase", children: [
+        c("ecommerce.available_rates"),
+        ":"
+      ] }),
+      d.map((r) => /* @__PURE__ */ a("div", { className: "flex justify-between items-center p-3 border rounded-lg bg-muted/30", children: [
+        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(j, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: r.name })
+        ] }),
+        /* @__PURE__ */ e("span", { className: "text-sm font-bold", children: r.amount === 0 ? c("ecommerce.free") : b(r.amount, u) })
+      ] }, r.id))
+    ] }),
+    d && d.length === 0 && !f && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground mt-2 italic", children: c("ecommerce.no_rates_found") })
+  ] });
+}, ke = () => {
+  const k = Z(), i = Y((t) => t), S = X(), { t: s } = F(), { activeCurrencyCode: n, currencies: m } = L(), o = i?.items ?? [], y = K(
+    () => o.reduce((t, c) => {
+      if (v(c))
+        return t;
+      const l = z(c, {
+        currencyCode: n,
+        currencies: m
+      });
+      return t + (l.sale_price ?? l.price) * c.quantity;
+    }, 0),
+    [n, m, o]
+  );
+  if (!i) return null;
+  const { updateQuantity: g, removeItem: d } = i, C = (t) => o.reduce((c, l) => v(l) || l.sku !== t ? c : c + l.quantity, 0), f = () => {
+    k.push("/checkout");
+  };
+  return o.length === 0 ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-center space-y-4 py-12", children: [
+    /* @__PURE__ */ e("h2", { className: "text-2xl font-bold", children: s("ecommerce.cart_empty") }),
+    /* @__PURE__ */ e("p", { className: "text-muted-foreground", children: s("ecommerce.cart_empty_description") }),
+    /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e("a", { href: "/shop", children: s("ecommerce.continue_shopping") }) })
+  ] }) : /* @__PURE__ */ a("div", { className: "container mx-auto py-12", children: [
+    /* @__PURE__ */ e("h1", { className: "mb-8 text-3xl font-bold", children: s("ecommerce.shopping_cart") }),
+    /* @__PURE__ */ a("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__ */ a(O, { children: [
+        /* @__PURE__ */ e($, { children: /* @__PURE__ */ a(P, { children: [
+          /* @__PURE__ */ e(x, { children: s("ecommerce.product") }),
+          /* @__PURE__ */ e(x, { children: s("ecommerce.quantity") }),
+          /* @__PURE__ */ e(x, { className: "text-right", children: s("ecommerce.price") }),
+          /* @__PURE__ */ e(x, { className: "text-right", children: s("ecommerce.total") }),
+          /* @__PURE__ */ e(x, { className: "w-[50px]" })
+        ] }) }),
+        /* @__PURE__ */ e(D, { children: o.map((t) => {
+          const c = C(t.sku), l = z(t, {
+            currencyCode: n,
+            currencies: m
+          }), u = ce(t);
+          return /* @__PURE__ */ a(P, { children: [
+            /* @__PURE__ */ e(N, { children: /* @__PURE__ */ a("div", { className: "flex items-center gap-4", children: [
+              t.image_url ? /* @__PURE__ */ e("div", { className: "h-16 w-16 overflow-hidden rounded border bg-neutral-100", children: /* @__PURE__ */ e(
+                "img",
+                {
+                  src: t.image_url,
+                  alt: t.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: s("ecommerce.no_image") }) }),
+              /* @__PURE__ */ a("div", { children: [
+                /* @__PURE__ */ e("div", { className: "font-medium", children: t.title }),
+                t.variant_label && /* @__PURE__ */ e("div", { className: "mt-1 text-xs text-muted-foreground", children: t.variant_label }),
+                v(t) && t.billing_cycle && /* @__PURE__ */ a("div", { className: "mt-1 text-xs capitalize text-muted-foreground", children: [
+                  t.billing_cycle,
+                  " Subscription"
+                ] }),
+                u && /* @__PURE__ */ a("div", { className: "mt-1 text-xs font-medium text-emerald-700", children: [
+                  u.label,
+                  " - ",
+                  u.paymentRequirementLabel
+                ] })
+              ] })
+            ] }) }),
+            /* @__PURE__ */ e(N, { children: v(t) ? /* @__PURE__ */ e(M, { variant: "secondary", className: "font-normal text-xs", children: "1 (License)" }) : /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e(
+                p,
+                {
+                  variant: "outline",
+                  size: "icon",
+                  className: "h-8 w-8",
+                  onClick: () => g(t.id, t.quantity - 1),
+                  children: /* @__PURE__ */ e(J, { className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "w-8 text-center", children: t.quantity }),
+              /* @__PURE__ */ e(
+                p,
+                {
+                  variant: "outline",
+                  size: "icon",
+                  className: "h-8 w-8",
+                  onClick: () => g(t.id, t.quantity + 1),
+                  disabled: typeof t.stock == "number" && c >= t.stock,
+                  children: /* @__PURE__ */ e(V, { className: "h-4 w-4" })
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ e(N, { className: "text-right", children: /* @__PURE__ */ a("div", { className: "flex flex-col items-end", children: [
+              /* @__PURE__ */ e("span", { className: "font-medium", children: b(l.sale_price ?? l.price, n) }),
+              l.sale_price && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground line-through", children: b(l.price, n) })
+            ] }) }),
+            /* @__PURE__ */ e(N, { className: "text-right font-medium", children: b(
+              (l.sale_price ?? l.price) * t.quantity,
+              n
+            ) }),
+            /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(
+              p,
+              {
+                variant: "ghost",
+                size: "icon",
+                onClick: () => d(t.id),
+                className: "text-muted-foreground hover:text-destructive",
+                children: /* @__PURE__ */ e(W, { className: "h-4 w-4" })
+              }
+            ) })
+          ] }, t.id);
+        }) })
+      ] }) }) }),
+      /* @__PURE__ */ e("div", { className: "lg:col-span-4", children: /* @__PURE__ */ a("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
+        /* @__PURE__ */ e("h2", { className: "mb-4 text-lg font-semibold", children: s("ecommerce.order_summary") }),
+        /* @__PURE__ */ a("div", { className: "flex justify-between border-b pb-4", children: [
+          /* @__PURE__ */ e("span", { children: s("ecommerce.subtotal") }),
+          /* @__PURE__ */ e("span", { className: "font-medium", children: b(S, n) })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "mt-4 flex flex-col gap-4", children: [
+          /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: s("ecommerce.shipping_taxes_calculated") }),
+          o.some((t) => !v(t)) && /* @__PURE__ */ e(le, { physicalSubtotal: y }),
+          /* @__PURE__ */ e(
+            se,
+            {
+              items: o,
+              currencyCode: n,
+              compact: !0
+            }
+          ),
+          /* @__PURE__ */ e(p, { className: "w-full mt-4", size: "lg", onClick: f, children: s("ecommerce.proceed_to_checkout") })
+        ] })
+      ] }) })
+    ] })
+  ] });
+};
+export {
+  ke as Cart
+};

package/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"),q=require("@nextblock-cms/ui/badge"),d=require("@nextblock-cms/ui/button"),_=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-Cg-Q6ucj.cjs"),P=require("../trials-DvZaOtNy.cjs"),D=require("../CouponForm-D_uu2bLP.cjs"),T=()=>{const x=_.useRouter(),h=k.useCart(t=>t),g=j.useCartSubtotal(),{t:s}=o.useTranslations(),{activeCurrencyCode:c,currencies:y}=S.useCurrency();if(!h)return null;const{isOpen:b,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:b,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:y}),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(q.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(g,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/CartDrawer.es.js

@@ -0,0 +1,118 @@
+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";
+import { Button as m } from "@nextblock-cms/ui/button";
+import { useRouter as T } from "next/navigation";
+import { Minus as D, Plus as O, Trash2 as Q } from "lucide-react";
+import { useCartSubtotal as A, getCartItemActivePrice as B } from "../cart-store.es.js";
+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";
+const ee = () => {
+  const u = T(), h = F((t) => t), x = A(), { t: l } = I(), { activeCurrencyCode: n, 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 = () => {
+    a(!1), u.push("/cart");
+  }, w = () => {
+    a(!1), u.push("/checkout");
+  };
+  return /* @__PURE__ */ e(_, { open: N, onOpenChange: a, children: /* @__PURE__ */ r(k, { className: "flex w-full flex-col pr-0 sm:max-w-lg", children: [
+    /* @__PURE__ */ r(j, { className: "px-1 text-left", children: [
+      /* @__PURE__ */ r(S, { children: [
+        l("ecommerce.shopping_cart"),
+        " (",
+        c.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) => {
+      const i = b(t.sku);
+      return /* @__PURE__ */ e("div", { className: "flex gap-4", children: (() => {
+        const s = B(t, {
+          currencyCode: n,
+          currencies: y
+        }), o = R(t);
+        return /* @__PURE__ */ r(C, { children: [
+          t.image_url ? /* @__PURE__ */ e("div", { className: "relative aspect-square h-20 w-20 min-w-fit overflow-hidden rounded border bg-neutral-100", children: /* @__PURE__ */ e(
+            "img",
+            {
+              src: t.image_url,
+              alt: t.title,
+              className: "h-full w-full object-cover"
+            }
+          ) }) : /* @__PURE__ */ e("div", { className: "flex h-20 w-20 items-center justify-center rounded bg-secondary", children: /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: l("ecommerce.no_image") }) }),
+          /* @__PURE__ */ r("div", { className: "flex flex-1 flex-col justify-between", children: [
+            /* @__PURE__ */ r("div", { className: "flex justify-between gap-2", children: [
+              /* @__PURE__ */ r("div", { children: [
+                /* @__PURE__ */ e("span", { className: "line-clamp-2 text-sm font-medium leading-tight", children: t.title }),
+                t.variant_label && /* @__PURE__ */ e("div", { className: "mt-1 text-xs text-muted-foreground", children: t.variant_label }),
+                o && /* @__PURE__ */ r("div", { className: "mt-1 text-xs font-medium text-emerald-700", children: [
+                  o.label,
+                  " - ",
+                  o.paymentRequirementLabel
+                ] })
+              ] }),
+              /* @__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)
+              ] })
+            ] }),
+            /* @__PURE__ */ r("div", { className: "flex items-center justify-between text-sm", children: [
+              p(t) ? /* @__PURE__ */ e(P, { variant: "secondary", className: "font-normal text-xs", children: "1 (License)" }) : /* @__PURE__ */ r("div", { className: "flex items-center rounded-md border text-xs", children: [
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    onClick: () => f(t.id, t.quantity - 1),
+                    className: "flex h-7 w-7 items-center justify-center border-r",
+                    type: "button",
+                    children: /* @__PURE__ */ e(D, { className: "h-3 w-3" })
+                  }
+                ),
+                /* @__PURE__ */ e("span", { className: "flex h-7 w-8 items-center justify-center", children: t.quantity }),
+                /* @__PURE__ */ e(
+                  "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: /* @__PURE__ */ e(O, { className: "h-3 w-3" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: () => g(t.id),
+                  className: "text-muted-foreground hover:text-destructive",
+                  type: "button",
+                  children: /* @__PURE__ */ e(Q, { className: "h-4 w-4" })
+                }
+              )
+            ] })
+          ] })
+        ] });
+      })() }, t.id);
+    }) }) : /* @__PURE__ */ r("div", { className: "flex h-full flex-col items-center justify-center space-y-2", children: [
+      /* @__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: [
+      /* @__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("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(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") })
+    ] })
+  ] }) });
+};
+export {
+  ee as CartDrawer
+};

package/components/CartIcon.cjs.js

@@ -0,0 +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;

package/components/CartIcon.es.js

@@ -0,0 +1,33 @@
+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";
+import { ShoppingBag as o } from "lucide-react";
+import { useCartStore as c, useCartTotalItems as l } from "../cart-store.es.js";
+import { useCart as m } from "../use-cart.es.js";
+const C = () => {
+  const s = c((e) => e.toggleCart), r = l();
+  return m((e) => e.isOpen) !== void 0 ? /* @__PURE__ */ i(
+    a,
+    {
+      variant: "ghost",
+      size: "icon",
+      className: "relative",
+      onClick: s,
+      "aria-label": "Open cart",
+      children: [
+        /* @__PURE__ */ t(o, { className: "h-5 w-5" }),
+        r > 0 && /* @__PURE__ */ t(
+          n,
+          {
+            variant: "destructive",
+            className: "absolute -right-1 -top-1 h-4 w-4 items-center justify-center p-0 text-[10px]",
+            children: r
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ t(a, { variant: "ghost", size: "icon", className: "relative", "aria-label": "Open cart", children: /* @__PURE__ */ t(o, { className: "h-5 w-5" }) });
+};
+export {
+  C as CartIcon
+};