@nextblock-cms/ecom 0.20.3 → 0.21.1

package/lib/cart-store.es.js

@@ -1,124 +1,112 @@
-import { create as f } from "zustand";
-import { persist as y, createJSONStorage as C } from "zustand/middleware";
-import { isDigitalItem as n } from "./types.es.js";
-import { useCurrency as _ } from "./CurrencyProvider.es.js";
-import { resolveEffectivePriceForCurrency as k } from "./currency.es.js";
-function a(e, o, r) {
-  return e.reduce((t, s) => n(s) || s.sku !== o || r && s.id === r ? t : t + s.quantity, 0);
+import { isDigitalItem as e } from "./types.es.js";
+import { resolveEffectivePriceForCurrency as t } from "./currency.es.js";
+import { useCurrency as n } from "./CurrencyProvider.es.js";
+import { create as r } from "zustand";
+import { createJSONStorage as i, persist as a } from "zustand/middleware";
+//#region src/lib/cart-store.ts
+function o(t, n, r) {
+	return t.reduce((t, i) => e(i) || i.sku !== n || r && i.id === r ? t : t + i.quantity, 0);
 }
-const p = f()(
-  y(
-    (e, o) => ({
-      items: [],
-      appliedCoupon: null,
-      isOpen: !1,
-      addItem: (r) => {
-        const { items: t } = o(), s = r.quantity ?? 1, c = typeof r.stock == "number" ? r.stock : null, i = c !== null ? a(t, r.sku) : 0;
-        if (n(r))
-          return t.find(
-            (l) => l.product_id === r.product_id && n(l)
-          ) ? {
-            success: !1,
-            error: "This software license is already in your cart.",
-            errorKey: "ecommerce.cart_error_license_in_cart"
-          } : (e({
-            items: [...t, { ...r, quantity: 1 }],
-            isOpen: !0
-          }), { success: !0 });
-        const d = t.find((u) => u.id === r.id);
-        return c !== null && c <= 0 ? {
-          success: !1,
-          error: "This item is out of stock.",
-          errorKey: "ecommerce.cart_error_out_of_stock"
-        } : c !== null && i + s > c ? {
-          success: !1,
-          error: `Only ${c} available for this SKU.`,
-          errorKey: "ecommerce.cart_error_stock_limit",
-          errorParams: { count: c }
-        } : (e(d ? {
-          items: t.map(
-            (u) => u.id === r.id ? {
-              ...u,
-              ...r,
-              quantity: u.quantity + s
-            } : u
-          ),
-          isOpen: !0
-        } : {
-          items: [...t, { ...r, quantity: s }],
-          isOpen: !0
-        }), { success: !0 });
-      },
-      removeItem: (r) => {
-        const { items: t } = o();
-        e({
-          items: t.filter((s) => s.id !== r)
-        });
-      },
-      updateQuantity: (r, t) => {
-        const { items: s } = o(), c = s.find((i) => i.id === r);
-        c && n(c) || (c && typeof c.stock == "number" && t + a(s, c.sku, r) > c.stock && (t = Math.max(
-          c.stock - a(s, c.sku, r),
-          0
-        )), t <= 0 ? e({
-          items: s.filter((i) => i.id !== r)
-        }) : e({
-          items: s.map(
-            (i) => i.id === r ? { ...i, quantity: t } : i
-          )
-        }));
-      },
-      setAppliedCoupon: (r) => {
-        const t = o().appliedCoupon;
-        t?.code === r?.code && t?.couponId === r?.couponId || e({ appliedCoupon: r });
-      },
-      removeCoupon: () => {
-        o().appliedCoupon && e({ appliedCoupon: null });
-      },
-      clearCart: () => e({ items: [], appliedCoupon: null }),
-      toggleCart: () => e((r) => ({ isOpen: !r.isOpen })),
-      setIsOpen: (r) => e({ isOpen: r }),
-      setItems: (r) => e({ items: r })
-    }),
-    {
-      name: "cart-storage",
-      storage: C(() => localStorage),
-      skipHydration: !0,
-      // Persist the cart, not the UI. `isOpen` used to be stored too, so a visitor who left
-      // with the drawer open got it thrown open again (stealing focus) on the next page load
-      // and in every new tab.
-      partialize: (e) => ({ items: e.items, appliedCoupon: e.appliedCoupon })
-    }
-  )
-), b = () => p((o) => o.items).reduce((o, r) => o + r.quantity, 0);
-function m(e, o) {
-  return k({
-    prices: e.prices,
-    salePrices: e.sale_prices,
-    fallbackPrice: e.price,
-    fallbackSalePrice: e.sale_price,
-    saleStartAt: e.sale_start_at,
-    saleEndAt: e.sale_end_at,
-    scheduledPrice: e.scheduled_price,
-    scheduledPrices: e.scheduled_prices,
-    scheduledPriceAt: e.scheduled_price_at,
-    currencyCode: o.currencyCode,
-    currencies: o.currencies
-  });
+var s = r()(a((t, n) => ({
+	items: [],
+	appliedCoupon: null,
+	isOpen: !1,
+	addItem: (r) => {
+		let { items: i } = n(), a = r.quantity ?? 1, s = typeof r.stock == "number" ? r.stock : null, c = s === null ? 0 : o(i, r.sku);
+		if (e(r)) return i.find((t) => t.product_id === r.product_id && e(t)) ? {
+			success: !1,
+			error: "This software license is already in your cart.",
+			errorKey: "ecommerce.cart_error_license_in_cart"
+		} : (t({
+			items: [...i, {
+				...r,
+				quantity: 1
+			}],
+			isOpen: !0
+		}), { success: !0 });
+		let l = i.find((e) => e.id === r.id);
+		return s !== null && s <= 0 ? {
+			success: !1,
+			error: "This item is out of stock.",
+			errorKey: "ecommerce.cart_error_out_of_stock"
+		} : s !== null && c + a > s ? {
+			success: !1,
+			error: `Only ${s} available for this SKU.`,
+			errorKey: "ecommerce.cart_error_stock_limit",
+			errorParams: { count: s }
+		} : (t(l ? {
+			items: i.map((e) => e.id === r.id ? {
+				...e,
+				...r,
+				quantity: e.quantity + a
+			} : e),
+			isOpen: !0
+		} : {
+			items: [...i, {
+				...r,
+				quantity: a
+			}],
+			isOpen: !0
+		}), { success: !0 });
+	},
+	removeItem: (e) => {
+		let { items: r } = n();
+		t({ items: r.filter((t) => t.id !== e) });
+	},
+	updateQuantity: (r, i) => {
+		let { items: a } = n(), s = a.find((e) => e.id === r);
+		s && e(s) || (s && typeof s.stock == "number" && i + o(a, s.sku, r) > s.stock && (i = Math.max(s.stock - o(a, s.sku, r), 0)), t(i <= 0 ? { items: a.filter((e) => e.id !== r) } : { items: a.map((e) => e.id === r ? {
+			...e,
+			quantity: i
+		} : e) }));
+	},
+	setAppliedCoupon: (e) => {
+		let r = n().appliedCoupon;
+		(r?.code !== e?.code || r?.couponId !== e?.couponId) && t({ appliedCoupon: e });
+	},
+	removeCoupon: () => {
+		n().appliedCoupon && t({ appliedCoupon: null });
+	},
+	clearCart: () => t({
+		items: [],
+		appliedCoupon: null
+	}),
+	toggleCart: () => t((e) => ({ isOpen: !e.isOpen })),
+	setIsOpen: (e) => t({ isOpen: e }),
+	setItems: (e) => t({ items: e })
+}), {
+	name: "cart-storage",
+	storage: i(() => localStorage),
+	skipHydration: !0,
+	partialize: (e) => ({
+		items: e.items,
+		appliedCoupon: e.appliedCoupon
+	})
+})), c = () => s((e) => e.items).reduce((e, t) => e + t.quantity, 0);
+function l(e, n) {
+	return t({
+		prices: e.prices,
+		salePrices: e.sale_prices,
+		fallbackPrice: e.price,
+		fallbackSalePrice: e.sale_price,
+		saleStartAt: e.sale_start_at,
+		saleEndAt: e.sale_end_at,
+		scheduledPrice: e.scheduled_price,
+		scheduledPrices: e.scheduled_prices,
+		scheduledPriceAt: e.scheduled_price_at,
+		currencyCode: n.currencyCode,
+		currencies: n.currencies
+	});
 }
-const g = () => {
-  const e = p((t) => t.items), { activeCurrencyCode: o, currencies: r } = _();
-  return e.reduce((t, s) => {
-    const { price: c, sale_price: i } = m(s, {
-      currencyCode: o,
-      currencies: r
-    });
-    return t + (i ?? c) * s.quantity;
-  }, 0);
-};
-export {
-  m as getCartItemActivePrice,
-  p as useCartStore,
-  g as useCartSubtotal,
-  b as useCartTotalItems
+var u = () => {
+	let e = s((e) => e.items), { activeCurrencyCode: t, currencies: r } = n();
+	return e.reduce((e, n) => {
+		let { price: i, sale_price: a } = l(n, {
+			currencyCode: t,
+			currencies: r
+		});
+		return e + (a ?? i) * n.quantity;
+	}, 0);
 };
+//#endregion
+export { l as getCartItemActivePrice, s as useCartStore, u as useCartSubtotal, c as useCartTotalItems };

package/lib/components/AccountNavigationMenu.cjs

@@ -0,0 +1 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("next/link");t=e.__toESM(t,1);let n=require("lucide-react"),r=require("@nextblock-cms/utils"),i=require("react/jsx-runtime"),a=require("next/navigation");function o(e,t,n){let r=e(t);return r===t?n:r}function s(e){return e===`password`?n.KeyRound:n.Package2}function c({links:e,title:n,className:c}){let l=(0,a.usePathname)(),{t:u}=(0,r.useTranslations)();return e.length?(0,i.jsxs)(`nav`,{"aria-label":n||o(u,`account_navigation`,`Account`),className:(0,r.cn)(`w-full space-y-3`,c),children:[(0,i.jsx)(`div`,{"aria-hidden":`true`,className:`text-sm font-medium text-muted-foreground uppercase tracking-wider`,children:n||o(u,`account_navigation`,`Account`)}),(0,i.jsx)(`div`,{className:`space-y-2`,children:e.map(e=>{let n=s(e.icon),a=l===e.href||l.startsWith(`${e.href}/`);return(0,i.jsxs)(t.default,{href:e.href,"aria-current":a?`page`:void 0,className:(0,r.cn)(`flex items-center gap-3 rounded-xl border px-3 py-2.5 text-sm font-medium transition-colors`,a?`border-primary bg-primary text-primary-foreground`:`border-border bg-background hover:bg-muted/40`),children:[(0,i.jsx)(n,{className:`h-4 w-4 shrink-0`}),(0,i.jsx)(`span`,{children:o(u,e.labelKey,e.fallbackLabel)})]},e.href)})})]}):null}exports.AccountNavigationMenu=c;

package/lib/components/AccountNavigationMenu.d.ts

@@ -10,5 +10,5 @@ interface AccountNavigationMenuProps {
     title?: string;
     className?: string;
 }
-export declare function AccountNavigationMenu({ links, title, className, }: AccountNavigationMenuProps): import("react").JSX.Element | null;
+export declare function AccountNavigationMenu({ links, title, className, }: AccountNavigationMenuProps): import('react').JSX.Element | null;
 export {};

package/lib/components/AccountNavigationMenu.es.js

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

package/lib/components/AddToCartButton.cjs

@@ -0,0 +1 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../types.cjs"),n=require("../CurrencyProvider.cjs"),r=require("../use-cart.cjs"),i=require("../PaymentReadinessProvider.cjs");let a=require("@nextblock-cms/ui/button"),o=require("next/link");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("@nextblock-cms/utils"),l=require("react/jsx-runtime"),u=require("sonner");var d=({product:e,className:d,quantity:f})=>{let p=r.useCart(e=>e),{t:m}=(0,c.useTranslations)(),{activeCurrencyCode:h}=n.useCurrency(),g=i.useCanPurchase(e),_=t.isDigitalProduct(e),v=!!e.has_variants&&!e.variant_id&&!_,y=!_&&typeof e.stock==`number`&&e.stock<=0;if(!g){let t=m(`ecommerce.contact_seller`);return(0,l.jsx)(a.Button,{asChild:!0,variant:`outline`,className:d,children:(0,l.jsxs)(o.default,{href:`/product/${e.slug}#contact-seller`,children:[(0,l.jsx)(s.Mail,{className:`mr-2 h-4 w-4`}),t===`ecommerce.contact_seller`?`Contact the seller`:t]})})}if(v)return(0,l.jsx)(a.Button,{asChild:!0,className:d,children:(0,l.jsx)(o.default,{href:`/product/${e.slug}`,children:m(`ecommerce.select_options`)===`ecommerce.select_options`?`Select options`:m(`ecommerce.select_options`)})});if(y){let e=m(`ecommerce.out_of_stock`);return(0,l.jsxs)(a.Button,{disabled:!0,className:d,children:[(0,l.jsx)(s.ShoppingCart,{className:`mr-2 h-4 w-4`}),e===`ecommerce.out_of_stock`?`Out of stock`:e]})}if(!p)return(0,l.jsxs)(a.Button,{disabled:!0,className:d,children:[(0,l.jsx)(s.ShoppingCart,{className:`mr-2 h-4 w-4`}),m(`ecommerce.add_to_cart`)]});let{addItem:b}=p;return(0,l.jsxs)(a.Button,{onClick:()=>{let n=t.getProductPaymentProvider(e)??`stripe`,{success:r,error:i,errorKey:a,errorParams:o}=b({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,sale_start_at:e.sale_start_at,sale_end_at:e.sale_end_at,scheduled_price:e.scheduled_price,scheduled_prices:e.scheduled_prices,scheduled_price_at:e.scheduled_price_at,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??n,provider:n,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:h,quantity:f});if(r)u.toast.success(m(`ecommerce.added_to_cart_success`,{item:e.title}));else{let e=a?m(a,o):null;u.toast.error(e&&e!==a?e:i||m(`ecommerce.added_to_cart_error`))}},className:d,children:[(0,l.jsx)(s.ShoppingCart,{className:`mr-2 h-4 w-4`}),m(`ecommerce.add_to_cart`)]})};exports.AddToCartButton=d;

package/lib/components/AddToCartButton.d.ts

@@ -4,5 +4,5 @@ interface AddToCartButtonProps {
     className?: string;
     quantity?: number;
 }
-export declare const AddToCartButton: ({ product, className, quantity }: AddToCartButtonProps) => import("react").JSX.Element;
+export declare const AddToCartButton: ({ product, className, quantity }: AddToCartButtonProps) => import('react').JSX.Element;
 export {};

package/lib/components/AddToCartButton.es.js

@@ -1,91 +1,96 @@
-'use client';
-import { jsx as s, jsxs as o } from "react/jsx-runtime";
+"use client";
+import { getProductPaymentProvider as e, isDigitalProduct as t } from "../types.es.js";
+import { useCurrency as n } from "../CurrencyProvider.es.js";
+import { useCart as r } from "../use-cart.es.js";
+import { useCanPurchase as i } from "../PaymentReadinessProvider.es.js";
 import { Button as a } from "@nextblock-cms/ui/button";
-import { Mail as P, ShoppingCart as l } from "lucide-react";
-import { toast as d } from "sonner";
-import h from "next/link";
-import { useCart as x } from "../use-cart.es.js";
-import { useTranslations as S } from "@nextblock-cms/utils";
-import { isDigitalProduct as w, getProductPaymentProvider as O } from "../types.es.js";
-import { useCurrency as T } from "../CurrencyProvider.es.js";
-import { useCanPurchase as q } from "../PaymentReadinessProvider.es.js";
-const z = ({ product: e, className: i, quantity: f }) => {
-  const c = x((r) => r), { t } = S(), { activeCurrencyCode: u } = T(), p = q(e), m = w(e), g = !!e.has_variants && !e.variant_id && !m, v = !m && typeof e.stock == "number" && e.stock <= 0;
-  if (!p) {
-    const r = t("ecommerce.contact_seller");
-    return /* @__PURE__ */ s(a, { asChild: !0, variant: "outline", className: i, children: /* @__PURE__ */ o(h, { href: `/product/${e.slug}#contact-seller`, children: [
-      /* @__PURE__ */ s(P, { className: "mr-2 h-4 w-4" }),
-      r === "ecommerce.contact_seller" ? "Contact the seller" : r
-    ] }) });
-  }
-  if (g)
-    return /* @__PURE__ */ s(a, { asChild: !0, className: i, children: /* @__PURE__ */ s(h, { href: `/product/${e.slug}`, children: t("ecommerce.select_options") === "ecommerce.select_options" ? "Select options" : t("ecommerce.select_options") }) });
-  if (v) {
-    const r = t("ecommerce.out_of_stock");
-    return /* @__PURE__ */ o(a, { disabled: !0, className: i, children: [
-      /* @__PURE__ */ s(l, { className: "mr-2 h-4 w-4" }),
-      r === "ecommerce.out_of_stock" ? "Out of stock" : r
-    ] });
-  }
-  if (!c)
-    return /* @__PURE__ */ o(a, { disabled: !0, className: i, children: [
-      /* @__PURE__ */ s(l, { className: "mr-2 h-4 w-4" }),
-      t("ecommerce.add_to_cart")
-    ] });
-  const { addItem: y } = c;
-  return /* @__PURE__ */ o(a, { onClick: () => {
-    const r = O(e) ?? "stripe", { success: k, error: C, errorKey: n, errorParams: b } = y({
-      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,
-      // The sale window and the scheduled price travel with the line. The cart prices a line
-      // with `resolveEffectivePriceForCurrency`, where a missing window means "always on":
-      // without these an expired or not-yet-started sale showed the regular price on the
-      // product page and the sale price in the cart, the drawer and the subtotal.
-      sale_start_at: e.sale_start_at,
-      sale_end_at: e.sale_end_at,
-      scheduled_price: e.scheduled_price,
-      scheduled_prices: e.scheduled_prices,
-      scheduled_price_at: e.scheduled_price_at,
-      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 ?? r,
-      provider: r,
-      freemius_product_id: e.freemius_product_id,
-      // include just in case it wasn't intercepted
-      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: u,
-      quantity: f
-    });
-    if (k)
-      d.success(t("ecommerce.added_to_cart_success", { item: e.title }));
-    else {
-      const _ = n ? t(n, b) : null;
-      d.error(
-        _ && _ !== n ? _ : C || t("ecommerce.added_to_cart_error")
-      );
-    }
-  }, className: i, children: [
-    /* @__PURE__ */ s(l, { className: "mr-2 h-4 w-4" }),
-    t("ecommerce.add_to_cart")
-  ] });
-};
-export {
-  z as AddToCartButton
+import o from "next/link";
+import { Mail as s, ShoppingCart as c } from "lucide-react";
+import { useTranslations as l } from "@nextblock-cms/utils";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { toast as f } from "sonner";
+//#region src/lib/components/AddToCartButton.tsx
+var p = ({ product: p, className: m, quantity: h }) => {
+	let g = r((e) => e), { t: _ } = l(), { activeCurrencyCode: v } = n(), y = i(p), b = t(p), x = !!p.has_variants && !p.variant_id && !b, S = !b && typeof p.stock == "number" && p.stock <= 0;
+	if (!y) {
+		let e = _("ecommerce.contact_seller");
+		return /* @__PURE__ */ u(a, {
+			asChild: !0,
+			variant: "outline",
+			className: m,
+			children: /* @__PURE__ */ d(o, {
+				href: `/product/${p.slug}#contact-seller`,
+				children: [/* @__PURE__ */ u(s, { className: "mr-2 h-4 w-4" }), e === "ecommerce.contact_seller" ? "Contact the seller" : e]
+			})
+		});
+	}
+	if (x) return /* @__PURE__ */ u(a, {
+		asChild: !0,
+		className: m,
+		children: /* @__PURE__ */ u(o, {
+			href: `/product/${p.slug}`,
+			children: _("ecommerce.select_options") === "ecommerce.select_options" ? "Select options" : _("ecommerce.select_options")
+		})
+	});
+	if (S) {
+		let e = _("ecommerce.out_of_stock");
+		return /* @__PURE__ */ d(a, {
+			disabled: !0,
+			className: m,
+			children: [/* @__PURE__ */ u(c, { className: "mr-2 h-4 w-4" }), e === "ecommerce.out_of_stock" ? "Out of stock" : e]
+		});
+	}
+	if (!g) return /* @__PURE__ */ d(a, {
+		disabled: !0,
+		className: m,
+		children: [/* @__PURE__ */ u(c, { className: "mr-2 h-4 w-4" }), _("ecommerce.add_to_cart")]
+	});
+	let { addItem: C } = g;
+	return /* @__PURE__ */ d(a, {
+		onClick: () => {
+			let t = e(p) ?? "stripe", { success: n, error: r, errorKey: i, errorParams: a } = C({
+				id: p.variant_id || p.id,
+				product_id: p.id,
+				title: p.title,
+				price: p.price,
+				prices: p.prices,
+				sale_price: p.sale_price,
+				sale_prices: p.sale_prices,
+				sale_start_at: p.sale_start_at,
+				sale_end_at: p.sale_end_at,
+				scheduled_price: p.scheduled_price,
+				scheduled_prices: p.scheduled_prices,
+				scheduled_price_at: p.scheduled_price_at,
+				is_taxable: p.is_taxable,
+				image_url: p.image_url,
+				slug: p.slug,
+				sku: p.sku,
+				stock: p.stock,
+				language_id: p.language_id,
+				translation_group_id: p.translation_group_id,
+				product_type: p.product_type,
+				payment_provider: p.payment_provider ?? t,
+				provider: t,
+				freemius_product_id: p.freemius_product_id,
+				freemius_plan_id: p.freemius_plan_id,
+				trial_period_days: p.trial_period_days ?? 0,
+				trial_requires_payment_method: p.trial_requires_payment_method ?? !1,
+				has_variants: p.has_variants,
+				variant_id: p.variant_id,
+				variant_label: p.variant_label,
+				selected_options: p.selected_options,
+				currency_code: v,
+				quantity: h
+			});
+			if (n) f.success(_("ecommerce.added_to_cart_success", { item: p.title }));
+			else {
+				let e = i ? _(i, a) : null;
+				f.error(e && e !== i ? e : r || _("ecommerce.added_to_cart_error"));
+			}
+		},
+		className: m,
+		children: [/* @__PURE__ */ u(c, { className: "mr-2 h-4 w-4" }), _("ecommerce.add_to_cart")]
+	});
 };
+//#endregion
+export { p as AddToCartButton };

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

package/lib/components/Cart.d.ts

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