@nextblock-cms/ecom 0.20.3 → 0.21.1

package/lib/components/CartDrawer.es.js

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

package/lib/components/CartIcon.cjs

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

package/lib/components/CartIcon.d.ts

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

package/lib/components/CartIcon.es.js

@@ -1,36 +1,34 @@
-'use client';
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { Badge as p } from "@nextblock-cms/ui/badge";
-import { Button as s } from "@nextblock-cms/ui/button";
-import { ShoppingBag as i } from "lucide-react";
-import { useTranslations as u } from "@nextblock-cms/utils";
-import { useCartStore as h, useCartTotalItems as g } from "../cart-store.es.js";
-import { useCart as d } from "../use-cart.es.js";
-const j = () => {
-  const n = h((e) => e.toggleCart), t = g(), c = d((e) => e.isOpen) !== void 0, { t: m } = u(), o = m("ecommerce.open_cart_count", { count: t }), r = o === "ecommerce.open_cart_count" ? `Open cart (${t} items)` : o;
-  return c ? /* @__PURE__ */ l(
-    s,
-    {
-      variant: "ghost",
-      size: "icon",
-      className: "relative",
-      onClick: n,
-      "aria-label": r,
-      "aria-haspopup": "dialog",
-      children: [
-        /* @__PURE__ */ a(i, { className: "h-5 w-5" }),
-        t > 0 && /* @__PURE__ */ a(
-          p,
-          {
-            variant: "destructive",
-            className: "absolute -right-1 -top-1 h-4 w-4 items-center justify-center p-0 text-[10px]",
-            children: t
-          }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ a(s, { variant: "ghost", size: "icon", className: "relative", "aria-label": r, "aria-haspopup": "dialog", children: /* @__PURE__ */ a(i, { className: "h-5 w-5" }) });
-};
-export {
-  j as CartIcon
+"use client";
+import { useCartStore as e, useCartTotalItems as t } from "../cart-store.es.js";
+import { useCart as n } from "../use-cart.es.js";
+import { Badge as r } from "@nextblock-cms/ui/badge";
+import { Button as i } from "@nextblock-cms/ui/button";
+import { ShoppingBag as a } from "lucide-react";
+import { useTranslations as o } from "@nextblock-cms/utils";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/lib/components/CartIcon.tsx
+var l = () => {
+	let l = e((e) => e.toggleCart), u = t(), d = n((e) => e.isOpen) !== void 0, { t: f } = o(), p = f("ecommerce.open_cart_count", { count: u }), m = p === "ecommerce.open_cart_count" ? `Open cart (${u} items)` : p;
+	return d ? /* @__PURE__ */ c(i, {
+		variant: "ghost",
+		size: "icon",
+		className: "relative",
+		onClick: l,
+		"aria-label": m,
+		"aria-haspopup": "dialog",
+		children: [/* @__PURE__ */ s(a, { className: "h-5 w-5" }), u > 0 && /* @__PURE__ */ s(r, {
+			variant: "destructive",
+			className: "absolute -right-1 -top-1 h-4 w-4 items-center justify-center p-0 text-[10px]",
+			children: u
+		})]
+	}) : /* @__PURE__ */ s(i, {
+		variant: "ghost",
+		size: "icon",
+		className: "relative",
+		"aria-label": m,
+		"aria-haspopup": "dialog",
+		children: /* @__PURE__ */ s(a, { className: "h-5 w-5" })
+	});
 };
+//#endregion
+export { l as CartIcon };

package/lib/components/Checkout.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../types.cjs"),t=require("../CurrencyProvider.cjs"),n=require("../cart-store.cjs"),r=require("../use-cart.cjs"),i=require("../use-price-formatter.cjs"),a=require("../trials.cjs"),o=require("./CouponForm.cjs"),s=require("../countries.cjs"),c=require("../states.cjs"),ee=require("../server-actions/shipping-actions.cjs"),te=require("../PaymentReadinessProvider.cjs"),ne=require("../server-actions/tax-actions.cjs"),l=require("../customer.cjs");let re=require("@nextblock-cms/ui/badge"),ie=require("@nextblock-cms/ui/button"),u=require("react"),d=require("lucide-react"),ae=require("@nextblock-cms/utils"),f=require("react/jsx-runtime"),p=require("@nextblock-cms/ui/input"),m=require("@nextblock-cms/ui/label"),h=require("@nextblock-cms/ui/card"),oe=require("@nextblock-cms/ui/checkbox"),se=require("@nextblock-cms/ui/separator"),g=require("@nextblock-cms/ui/radio-group"),ce=require("@freemius/checkout");var le=process.env.NEXT_PUBLIC_IS_SANDBOX===`true`,_=`nextblock-checkout-draft-v1`;function v(e,t){return{...l.emptyCustomerAddress(),company_name:e?.company_name||``,recipient_name:e?.recipient_name||t||``,line1:e?.line1||``,line2:e?.line2||``,city:e?.city||``,state:e?.state||``,postal_code:e?.postal_code||``,country_code:s.normalizeCountryCode(e?.country_code)||`CA`}}function ue(e){let t=l.normalizeCustomerAddress(e);return!(!t?.country_code||!t.postal_code||c.countryUsesStructuredStates(t.country_code)&&!t.state)}function de(e,t,r){return e.reduce((e,i)=>{let{price:a,sale_price:o}=n.getCartItemActivePrice(i,{currencyCode:t,currencies:r});return e+(o??a)*i.quantity},0)}function fe({idPrefix:e,title:t,description:n,value:r,onChange:i}){let{t:a,lang:o}=(0,ae.useTranslations)(),ee=(0,u.useMemo)(()=>{try{return new Intl.DisplayNames([o],{type:`region`})}catch{return null}},[o]),te=a(`company_name`)===`company_name`?`Company name`:a(`company_name`),ne=a(`select_an_option`)===`select_an_option`?`Select an option`:a(`select_an_option`),l=a(`state_province`)===`state_province`?`State / Province`:a(`state_province`),re=c.getStatesForCountry(r.country_code),ie=c.countryUsesStructuredStates(r.country_code);return(0,f.jsxs)(h.Card,{children:[(0,f.jsxs)(h.CardHeader,{children:[(0,f.jsxs)(h.CardTitle,{role:`heading`,"aria-level":2,className:`flex items-center gap-2`,children:[(0,f.jsx)(d.MapPin,{className:`w-5 h-5`}),t]}),(0,f.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:n})]}),(0,f.jsxs)(h.CardContent,{className:`space-y-4`,children:[(0,f.jsxs)(`div`,{className:`grid gap-4 sm:grid-cols-3`,children:[(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(m.Label,{htmlFor:`${e}-company`,children:te}),(0,f.jsx)(p.Input,{id:`${e}-company`,name:`${e}-company`,autoComplete:`${e} organization`,value:r.company_name,onChange:e=>i({...r,company_name:e.target.value})})]}),(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(m.Label,{htmlFor:`${e}-name`,children:a(`full_name`)}),(0,f.jsx)(p.Input,{id:`${e}-name`,name:`${e}-name`,autoComplete:`${e} name`,required:!0,value:r.recipient_name,onChange:e=>i({...r,recipient_name:e.target.value})})]}),(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(m.Label,{htmlFor:`${e}-country`,children:a(`country`)}),(0,f.jsx)(`select`,{id:`${e}-country`,name:`${e}-country`,autoComplete:`${e} country`,required:!0,className:`flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,value:r.country_code,onChange:e=>{let t=e.target.value,n=c.getStatesForCountry(t);i({...r,country_code:t,state:n.some(e=>e.code===r.state)?r.state:``})},children:s.countries.map(e=>(0,f.jsx)(`option`,{value:e.code,children:ee?.of(e.code)??e.name},e.code))})]})]}),(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(m.Label,{htmlFor:`${e}-line1`,children:a(`address_line_1`)}),(0,f.jsx)(p.Input,{id:`${e}-line1`,name:`${e}-line1`,autoComplete:`${e} address-line1`,required:!0,value:r.line1,onChange:e=>i({...r,line1:e.target.value})})]}),(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(m.Label,{htmlFor:`${e}-line2`,children:a(`address_line_2`)}),(0,f.jsx)(p.Input,{id:`${e}-line2`,name:`${e}-line2`,autoComplete:`${e} address-line2`,value:r.line2,onChange:e=>i({...r,line2:e.target.value})})]}),(0,f.jsxs)(`div`,{className:`grid gap-4 sm:grid-cols-3`,children:[(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(m.Label,{htmlFor:`${e}-city`,children:a(`city`)}),(0,f.jsx)(p.Input,{id:`${e}-city`,name:`${e}-city`,autoComplete:`${e} address-level2`,required:!0,value:r.city,onChange:e=>i({...r,city:e.target.value})})]}),(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(m.Label,{htmlFor:`${e}-state`,children:a(`state_province`)}),ie?(0,f.jsxs)(`select`,{id:`${e}-state`,name:`${e}-state`,autoComplete:`${e} address-level1`,required:!0,className:`flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,value:r.state,onChange:e=>i({...r,state:e.target.value}),children:[(0,f.jsx)(`option`,{value:``,children:`${ne}: ${l}`}),re.map(e=>(0,f.jsx)(`option`,{value:e.code,children:c.getSubdivisionLabel(r.country_code,e,o)},e.code))]}):(0,f.jsx)(p.Input,{id:`${e}-state`,name:`${e}-state`,autoComplete:`${e} address-level1`,value:r.state,onChange:e=>i({...r,state:e.target.value})})]}),(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(m.Label,{htmlFor:`${e}-postal`,children:a(`postal_zip_code`)}),(0,f.jsx)(p.Input,{id:`${e}-postal`,name:`${e}-postal`,autoComplete:`${e} postal-code`,required:!0,value:r.postal_code,onChange:e=>i({...r,postal_code:e.target.value})})]})]})]})]})}function pe({title:e,description:t,badgeLabel:n,children:r}){return(0,f.jsxs)(h.Card,{children:[(0,f.jsx)(h.CardHeader,{children:(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-3 flex-wrap`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsx)(h.CardTitle,{role:`heading`,"aria-level":2,children:e}),(0,f.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:t})]}),n?(0,f.jsx)(re.Badge,{variant:`secondary`,children:n}):null]})}),(0,f.jsx)(h.CardContent,{className:`space-y-4`,children:r})]})}var y=({initialCustomer:s})=>{let y=i.usePriceFormatter(),[me,he]=(0,u.useState)({}),[b,x]=(0,u.useState)(null),[S,C]=(0,u.useState)({}),[w,ge]=(0,u.useState)(s?.email||``),[T,_e]=(0,u.useState)(``),[E,ve]=(0,u.useState)(s?.phone||``),[ye,be]=(0,u.useState)(!1),[xe,Se]=(0,u.useState)(null),[Ce,D]=(0,u.useState)(!1),[we,Te]=(0,u.useState)(!1),[Ee,O]=(0,u.useState)(!1),[k,A]=(0,u.useState)([]),[j,M]=(0,u.useState)(null),[N,P]=(0,u.useState)(null),[F,De]=(0,u.useState)(null),[I,Oe]=(0,u.useState)(()=>v(s?.billingAddress,s?.fullName)),[L,ke]=(0,u.useState)(()=>v(s?.shippingAddress??s?.billingAddress,s?.fullName)),[R,Ae]=(0,u.useState)(!s?.shippingAddress||l.addressesMatch(s?.billingAddress,s?.shippingAddress)),z=r.useCart(e=>e),{t:B,lang:je}=(0,ae.useTranslations)(),{activeCurrencyCode:V,currencies:H}=t.useCurrency(),Me=te.usePaymentReadiness(),U=z?.items??[],W=(0,u.useMemo)(()=>U.filter(t=>!e.isDigitalItem(t)),[U]),G=(0,u.useMemo)(()=>U.filter(t=>e.isDigitalItem(t)),[U]),K=s?.isAuthenticated??!1,q=(e,t,n)=>{let r=B(e,n);if(r!==e)return r;if(!n)return t;let i=t;return Object.entries(n).forEach(([e,t])=>{i=i.replace(RegExp(`\\{${e}\\}`,`g`),String(t))}),i},J=W.length>0,Ne=(0,u.useMemo)(()=>de(U,V,H),[V,H,U]),Pe=(0,u.useMemo)(()=>de(W,V,H),[V,H,W]),Fe=(0,u.useMemo)(()=>de(G,V,H),[V,H,G]),Ie=F?.providerDiscounts.stripe??0,Le=F?.providerDiscounts.freemius??0,Y=Math.max(0,Pe-Ie),Re=Math.max(0,Fe-Le),X=(0,u.useMemo)(()=>R?I:L,[I,L,R]),Z=(0,u.useMemo)(()=>J?X:I,[I,J,X]),Q=!J||ue(X),$=(0,u.useMemo)(()=>k.find(e=>e.id===j),[k,j]),ze=(0,u.useMemo)(()=>Y+($?.amount??0)+(N&&!N.isPendingExternalCalculation?N.amount:0),[Y,$,N]),Be=ze+Re;if((0,u.useEffect)(()=>{if(!(K||typeof window>`u`))try{let e=window.localStorage.getItem(_);if(!e)return;let t=JSON.parse(e);t.email&&ge(t.email),t.phone&&ve(t.phone),t.billingAddress&&Oe(v(t.billingAddress)),t.shippingAddress&&ke(v(t.shippingAddress)),typeof t.useBillingForShipping==`boolean`&&Ae(t.useBillingForShipping),(typeof t.selectedMethodId==`string`||t.selectedMethodId===null)&&M(t.selectedMethodId)}catch(e){console.error(`[Checkout] Failed to restore checkout draft:`,e)}},[K]),(0,u.useEffect)(()=>{if(typeof window<`u`)try{if(K){window.localStorage.removeItem(_);return}window.localStorage.setItem(_,JSON.stringify({email:w,phone:E,billingAddress:I,shippingAddress:L,useBillingForShipping:R,selectedMethodId:j}))}catch{}},[I,w,K,E,j,L,R]),(0,u.useEffect)(()=>{if(!J){A([]),M(null),D(!1);return}if(!Q){A([]),M(null),D(!1);return}let e=!1,t=setTimeout(async()=>{if(X.country_code){D(!0),Te(!1);try{let t=await ee.getShippingEstimates(Y,{country:X.country_code,state:X.state,postal_code:X.postal_code},je,V);if(e)return;if(t.success&&t.methods){let e=t.methods;A(e),M(t=>t&&e.some(e=>e.id===t)?t:e[0]?.id??null)}else A([]),M(null)}catch(t){if(e)return;console.error(`[Checkout] Failed to load shipping rates:`,t),A([]),M(null),Te(!0)}finally{e||D(!1)}}},400);return()=>{e=!0,clearTimeout(t)}},[V,J,Q,je,X.country_code,X.postal_code,X.state,Y]),(0,u.useEffect)(()=>{let e=!1,t=setTimeout(async()=>{if(!J||!Z.country_code){O(!1),P(null);return}if(c.countryUsesStructuredStates(Z.country_code)&&!Z.state){O(!1),P(null);return}O(!0);try{let t=await ne.getTaxEstimate(W,{country_code:Z.country_code,state:Z.state},V,F?.code??null,U);if(e)return;P(t.success&&t.tax?t.tax:null)}catch(t){if(e)return;console.error(`[Checkout] Failed to load the tax estimate:`,t),P(null)}finally{e||O(!1)}},300);return()=>{e=!0,clearTimeout(t)}},[V,J,W,Z.country_code,Z.state,F?.code,U]),(0,u.useEffect)(()=>{let e=e=>{e.persisted&&x(null)};return window.addEventListener(`pageshow`,e),()=>window.removeEventListener(`pageshow`,e)},[]),!z)return(0,f.jsxs)(`div`,{role:`status`,"aria-busy":`true`,className:`container mx-auto px-4 py-12 md:px-6`,children:[(0,f.jsx)(`span`,{className:`sr-only`,children:B(`loading`)===`loading`?`Loading…`:B(`loading`)}),(0,f.jsxs)(`div`,{className:`mx-auto max-w-6xl`,children:[(0,f.jsx)(`div`,{className:`mb-8 h-9 w-48 rounded-md bg-muted`}),(0,f.jsxs)(`div`,{className:`grid gap-8 lg:grid-cols-12 lg:items-start`,children:[(0,f.jsxs)(`div`,{className:`space-y-6 lg:col-span-8`,children:[(0,f.jsx)(`div`,{className:`h-56 rounded-xl border bg-muted/40`}),(0,f.jsx)(`div`,{className:`h-96 rounded-xl border bg-muted/40`})]}),(0,f.jsx)(`div`,{className:`lg:col-span-4`,children:(0,f.jsx)(`div`,{className:`h-72 rounded-xl border bg-muted/40`})})]})]})]});let Ve=()=>{be(!1),Se(null)},He=ye?(0,f.jsx)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center overscroll-contain bg-black/60 backdrop-blur-sm`,onClick:Ve,onKeyDown:e=>{e.key===`Escape`&&Ve()},children:(0,f.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":`sandbox-checkout-title`,className:`relative bg-background border rounded-xl shadow-2xl p-8 max-w-md mx-4`,onClick:e=>e.stopPropagation(),children:[(0,f.jsx)(`button`,{type:`button`,autoFocus:!0,onClick:Ve,"aria-label":q(`close`,`Close`),className:`absolute top-4 right-4 inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground hover:text-foreground transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring`,children:(0,f.jsx)(d.X,{className:`w-5 h-5`})}),(0,f.jsxs)(`div`,{className:`flex items-center gap-3 mb-4`,children:[(0,f.jsx)(`div`,{className:`p-2 rounded-full bg-amber-100 dark:bg-amber-900/20`,children:(0,f.jsx)(d.FlaskConical,{className:`h-6 w-6 text-amber-600 dark:text-amber-400`})}),(0,f.jsx)(`h2`,{id:`sandbox-checkout-title`,className:`text-xl font-semibold`,children:B(`ecommerce.checkout_successful`)})]}),(0,f.jsx)(`p`,{className:`text-muted-foreground mb-2`,children:B(`ecommerce.sandbox_notice`)}),(0,f.jsx)(`p`,{className:`text-muted-foreground mb-2`,children:xe===`stripe`?q(`ecommerce.sandbox_checkout_stripe_description`,`This simulated step represents the Stripe checkout for physical products.`):q(`ecommerce.sandbox_checkout_freemius_description`,`This simulated step represents the Freemius checkout for digital products.`)}),(0,f.jsx)(`p`,{className:`text-muted-foreground mb-6`,children:B(`ecommerce.license_notice`)}),(0,f.jsx)(`a`,{href:`https://nextblock.dev`,target:`_blank`,rel:`noopener noreferrer`,className:`block w-full text-center py-3 px-4 rounded-lg bg-primary text-primary-foreground font-semibold hover:opacity-90 transition-opacity`,children:B(`ecommerce.purchase_at`)})]})}):null,Ue=(e,t,n)=>(C(n=>({...n,[e]:t})),n&&document.getElementById(n)?.focus(),null),We=(e,t)=>t.recipient_name.trim()?t.line1.trim()?t.city.trim()?c.countryUsesStructuredStates(t.country_code)&&!t.state?`${e}-state`:t.postal_code.trim()?`${e}-line1`:`${e}-postal`:`${e}-city`:`${e}-line1`:`${e}-name`,Ge=e=>{if(!K&&(!w||!/^\S+@\S+\.\S+$/.test(w)))return _e(B(`ecommerce.invalid_email`)),Ue(e,B(`ecommerce.invalid_email`),`checkout-email`);let t=l.normalizeCustomerAddress(I);if(!l.isCustomerAddressComplete(t))return Ue(e,B(`checkout_complete_billing_address`),We(`billing`,I));let n=J?l.normalizeCustomerAddress(R?I:L):null;if(e===`stripe`){if(!l.isCustomerAddressComplete(n))return Ue(e,B(`checkout_complete_shipping_address`),R?We(`billing`,I):We(`shipping`,L));if(!j)return Ue(e,q(`ecommerce.shipping_method_required`,`Please select a shipping method before continuing.`))}return _e(``),{normalizedBillingAddress:t,normalizedShippingAddress:n}},Ke=async(e,t,n)=>{C(t=>({...t,[e]:``}));let r=Ge(e);if(r){if(le){let n=new Set(t.map(e=>e.id)),r=U.filter(e=>!n.has(e.id));if(z.setItems(r),r.length===0&&z.removeCoupon(),Se(e),be(!0),typeof window<`u`&&r.length===0)try{window.localStorage.removeItem(_)}catch{}return}x(n);try{let n=await fetch(`/api/checkout`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({items:t,customerEmail:K?void 0:w,customerPhone:E||null,billingAddress:r.normalizedBillingAddress,shippingAddress:e===`stripe`?r.normalizedShippingAddress:null,shippingMethodId:e===`stripe`?j:null,locale:je,currencyCode:V,couponCode:F?.code??z.appliedCoupon?.code??null,couponContextItems:U})}),i=await n.json();if(!n.ok){let t=i?.errorKey&&typeof i.errorKey==`string`?q(i.errorKey,i?.error||q(`ecommerce.generic_error`,`Something went wrong.`),i.errorParams):i?.error||B(`ecommerce.generic_error`);C(n=>({...n,[e]:t})),x(null);return}if(i.customProps&&i.customProps.provider===`freemius`){let t=i.customProps,n=null,r=()=>{window.location.href=`/checkout/success?session_id=${t.order_id}`},a=e=>(n||=fetch(`/api/checkout/freemius/sync`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({orderId:t.order_id,checkoutResponse:e})}).then(async e=>{if(!e.ok){let t=await e.json().catch(()=>null);console.error(`Freemius checkout sync failed:`,t)}}),n),o={product_id:t.plugin_id,public_key:t.public_key,sandbox:t.sandbox},s={name:B(`ecommerce.checkout_overlay_title`),plan_id:t.plan_id,...t.billing_cycle?{billing_cycle:t.billing_cycle}:{},...t.trial?{trial:t.trial}:{},...t.coupon?{coupon:t.coupon}:{},user_email:t.user_email,user_firstname:t.user_firstname,user_lastname:t.user_lastname,sandbox:t.sandbox,purchaseCompleted:function(e){a(e)},success:function(e){(async()=>{try{await a(e)}finally{r()}})()}};try{new ce.Checkout(o).open(s),x(null)}catch(t){console.error(`[Checkout] Freemius overlay failed to open:`,t),C(t=>({...t,[e]:B(`ecommerce.checkout_popup_blocked`)})),i.url&&(window.location.href=i.url),x(null)}}else i.url?window.location.href=i.url:(C(t=>({...t,[e]:B(`ecommerce.checkout_failed`)+(i.error||q(`ecommerce.unknown_error`,`Unknown error`))})),x(null))}catch(t){console.error(t),C(t=>({...t,[e]:B(`ecommerce.generic_error`)})),x(null)}}};if(U.length===0)return(0,f.jsxs)(f.Fragment,{children:[He,(0,f.jsxs)(`div`,{className:`container mx-auto flex min-h-[50vh] flex-col items-center justify-center p-8 text-center`,children:[(0,f.jsx)(`h1`,{className:`mb-4 text-2xl font-bold`,children:B(`ecommerce.cart_empty`)}),(0,f.jsx)(`p`,{className:`mb-8 text-muted-foreground`,children:B(`ecommerce.cart_empty_description`)}),(0,f.jsx)(ie.Button,{asChild:!0,children:(0,f.jsx)(`a`,{href:`/shop`,children:B(`ecommerce.go_to_shop`)})})]})]});let qe=q(`ecommerce.checkout_payments_unavailable`,`This store is not able to take payments right now. Please contact the seller to complete your purchase.`),Je=Me.stripe?null:qe,Ye=Me.freemius?null:qe,Xe=Je||(J?Q?Ce?q(`ecommerce.calculating_shipping`,`Calculating shipping...`):j?null:k.length>0?B(`ecommerce.select_rate`):B(`ecommerce.no_rates_for_region`):q(`ecommerce.waiting_on_address_info`,`Complete your shipping address to view available shipping options.`):null),Ze=b!==null||Xe!==null,Qe=W.length===1?q(`ecommerce.item_count_one`,`{count} item`,{count:W.length}):q(`ecommerce.item_count_other`,`{count} items`,{count:W.length}),$e=G.length===1?q(`ecommerce.license_count_one`,`{count} license`,{count:G.length}):q(`ecommerce.license_count_other`,`{count} licenses`,{count:G.length}),et=t=>e.isDigitalItem(t)?q(`ecommerce.digital_label`,`Digital`):q(`ecommerce.physical_label`,`Physical`),tt=e=>e===`monthly`?q(`ecommerce.checkout_billing_cycle_monthly`,`Monthly subscription`):e===`annual`?q(`ecommerce.checkout_billing_cycle_annual`,`Annual subscription`):e===`lifetime`?q(`ecommerce.checkout_billing_cycle_lifetime`,`Lifetime subscription`):null;return(0,f.jsxs)(`div`,{className:`container mx-auto px-4 py-12 md:px-6`,children:[He,(0,f.jsxs)(`div`,{className:`mx-auto max-w-6xl`,children:[(0,f.jsx)(`h1`,{className:`mb-8 text-3xl font-bold`,children:B(`ecommerce.checkout`)}),(0,f.jsxs)(`div`,{className:`grid gap-8 lg:grid-cols-12 lg:items-start`,children:[(0,f.jsxs)(`div`,{className:`lg:col-span-8 space-y-6`,children:[(0,f.jsxs)(h.Card,{children:[(0,f.jsx)(h.CardHeader,{children:(0,f.jsxs)(h.CardTitle,{role:`heading`,"aria-level":2,className:`flex items-center gap-2`,children:[(0,f.jsx)(d.CreditCard,{className:`w-5 h-5`}),B(`ecommerce.contact_information`)]})}),(0,f.jsxs)(h.CardContent,{className:`space-y-4`,children:[K?(0,f.jsx)(`div`,{className:`rounded-xl border bg-muted/20 p-4 text-sm text-muted-foreground`,children:B(`checkout_prefill_notice`,{email:s?.email||``})}):(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsxs)(m.Label,{htmlFor:`checkout-email`,children:[B(`ecommerce.email_address`),` `,(0,f.jsx)(`span`,{className:`text-destructive`,children:`*`})]}),(0,f.jsx)(p.Input,{id:`checkout-email`,name:`email`,type:`email`,autoComplete:`email`,spellCheck:!1,"aria-invalid":T?!0:void 0,"aria-describedby":T?`checkout-email-error`:void 0,placeholder:B(`ecommerce.email_placeholder`),value:w,onChange:e=>{ge(e.target.value),T&&_e(``)},required:!0}),T?(0,f.jsx)(`p`,{id:`checkout-email-error`,role:`alert`,className:`text-xs text-destructive mt-1`,children:T}):null]}),(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(m.Label,{htmlFor:`checkout-phone`,children:B(`phone_number`)}),(0,f.jsx)(p.Input,{id:`checkout-phone`,name:`phone`,type:`tel`,inputMode:`tel`,autoComplete:`tel`,placeholder:B(`optional`),value:E,onChange:e=>ve(e.target.value)})]})]})]}),(0,f.jsx)(fe,{idPrefix:`billing`,title:B(`billing_address`),description:B(`checkout_billing_address_help`),value:I,onChange:Oe}),J?(0,f.jsxs)(`div`,{className:`flex items-center space-x-3 rounded-xl border bg-muted/20 p-4`,children:[(0,f.jsx)(oe.Checkbox,{id:`use-billing-for-shipping`,checked:R,onCheckedChange:e=>Ae(!!e)}),(0,f.jsxs)(`div`,{className:`space-y-1`,children:[(0,f.jsx)(m.Label,{htmlFor:`use-billing-for-shipping`,className:`cursor-pointer`,children:B(`use_billing_for_shipping`)}),(0,f.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:B(`checkout_use_billing_for_shipping_help`)})]})]}):null,J&&!R?(0,f.jsx)(fe,{idPrefix:`shipping`,title:B(`shipping_address`),description:B(`checkout_shipping_address_help`),value:L,onChange:ke}):null,J?(0,f.jsxs)(h.Card,{children:[(0,f.jsx)(h.CardHeader,{children:(0,f.jsxs)(h.CardTitle,{role:`heading`,"aria-level":2,className:`flex items-center gap-2`,children:[(0,f.jsx)(d.ChevronRight,{className:`w-5 h-5 text-primary`}),B(`ecommerce.shipping_method`)]})}),(0,f.jsx)(h.CardContent,{children:Ce?(0,f.jsxs)(`div`,{role:`status`,className:`flex items-center justify-center py-6`,children:[(0,f.jsx)(d.Loader2,{className:`w-6 h-6 animate-spin text-muted-foreground`}),(0,f.jsx)(`span`,{className:`sr-only`,children:q(`ecommerce.calculating_shipping`,`Calculating shipping…`)})]}):we?(0,f.jsx)(`div`,{role:`alert`,className:`rounded-lg bg-destructive/10 px-4 py-3 text-center text-sm text-destructive`,children:q(`ecommerce.shipping_calculation_failed`,`We couldn't calculate shipping right now. Please try again.`)}):k.length>0?(0,f.jsx)(g.RadioGroup,{value:j??``,onValueChange:M,"aria-label":B(`ecommerce.shipping_method`),className:`space-y-3`,children:k.map(e=>(0,f.jsxs)(m.Label,{htmlFor:`shipping-method-${e.id}`,className:`flex items-center justify-between gap-3 p-4 rounded-lg border-2 cursor-pointer transition-colors ${j===e.id?`border-primary bg-primary/5`:`border-border hover:border-muted-foreground/40`}`,children:[(0,f.jsxs)(`span`,{className:`flex min-w-0 items-center gap-3`,children:[(0,f.jsx)(g.RadioGroupItem,{id:`shipping-method-${e.id}`,value:e.id}),(0,f.jsx)(`span`,{className:`font-medium break-words`,children:e.name})]}),(0,f.jsx)(`span`,{className:`font-bold tabular-nums`,children:y(e.amount,V)})]},e.id))}):(0,f.jsx)(`div`,{className:`py-4 text-center text-muted-foreground bg-muted/30 rounded-lg italic`,children:Q?B(`ecommerce.no_rates_for_region`):q(`ecommerce.waiting_on_address_info`,`Complete your shipping address to view available shipping options.`)})})]}):null]}),(0,f.jsxs)(`div`,{className:`lg:col-span-4 space-y-6`,children:[(0,f.jsxs)(h.Card,{className:`top-6`,children:[(0,f.jsx)(h.CardHeader,{children:(0,f.jsx)(h.CardTitle,{role:`heading`,"aria-level":2,children:B(`ecommerce.order_summary`)})}),(0,f.jsxs)(h.CardContent,{className:`space-y-4`,children:[(0,f.jsx)(`div`,{className:`space-y-3 max-h-[260px] overflow-y-auto pr-2`,children:U.map(e=>{let t=n.getCartItemActivePrice(e,{currencyCode:V,currencies:H}),r=a.getTrialSummary(e,B);return(0,f.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,f.jsxs)(`div`,{className:`flex gap-3`,children:[e.image_url?(0,f.jsx)(`div`,{className:`h-10 w-10 shrink-0 overflow-hidden rounded border bg-neutral-100`,children:(0,f.jsx)(`img`,{src:e.image_url,alt:e.title,className:`h-full w-full object-cover`})}):null,(0,f.jsxs)(`div`,{className:`grid gap-0.5`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(`span`,{className:`font-medium text-xs line-clamp-1`,children:e.title}),(0,f.jsx)(re.Badge,{variant:`outline`,className:`text-[9px] uppercase`,children:et(e)})]}),e.variant_label?(0,f.jsx)(`span`,{className:`text-[10px] text-muted-foreground line-clamp-1`,children:e.variant_label}):null,(0,f.jsxs)(`span`,{className:`text-[10px] text-muted-foreground`,children:[B(`ecommerce.qty`),`: `,e.quantity]}),r?(0,f.jsxs)(`span`,{className:`text-[10px] font-medium text-emerald-700`,children:[r.label,` - `,r.paymentRequirementLabel]}):null]})]}),(0,f.jsxs)(`div`,{className:`flex flex-col items-end gap-0.5 shrink-0`,children:[(0,f.jsx)(`span`,{className:`font-medium text-xs`,children:y((t.sale_price??t.price)*e.quantity,V)}),t.sale_price?(0,f.jsx)(`span`,{className:`text-[9px] text-muted-foreground line-through`,children:y(t.price*e.quantity,V)}):null]})]},`${e.id}-${e.variant_id||`base`}`)})}),(0,f.jsx)(se.Separator,{}),(0,f.jsx)(o.CouponForm,{items:U,currencyCode:V,onQuoteChange:De}),(0,f.jsxs)(`div`,{className:`space-y-2 text-sm`,children:[(0,f.jsxs)(`div`,{className:`flex justify-between`,children:[(0,f.jsx)(`span`,{children:B(`ecommerce.subtotal`)}),(0,f.jsx)(`span`,{children:y(Ne,V)})]}),W.length>0?(0,f.jsxs)(`div`,{className:`flex justify-between text-muted-foreground`,children:[(0,f.jsx)(`span`,{children:q(`ecommerce.physical_products`,`Physical products`)}),(0,f.jsx)(`span`,{children:y(Pe,V)})]}):null,G.length>0?(0,f.jsxs)(`div`,{className:`flex justify-between text-muted-foreground`,children:[(0,f.jsx)(`span`,{children:q(`ecommerce.digital_products`,`Digital products`)}),(0,f.jsx)(`span`,{children:y(Fe,V)})]}):null,F?(0,f.jsxs)(`div`,{className:`flex justify-between text-emerald-600`,children:[(0,f.jsxs)(`span`,{children:[q(`ecommerce.discount`,`Discount`),` (`,F.code,`)`]}),(0,f.jsxs)(`span`,{children:[`-`,y(F.discountTotal,V)]})]}):null,(W.length>0||G.length>0)&&(0,f.jsxs)(`div`,{className:`flex justify-between font-bold text-lg pt-2 border-t mt-2`,children:[(0,f.jsx)(`span`,{children:q(`ecommerce.estimated_total`,`Estimated total`)}),(0,f.jsx)(`span`,{className:`text-primary`,children:y(Be,V)})]})]})]})]}),W.length>0?(0,f.jsxs)(pe,{title:q(`ecommerce.stripe_checkout_title`,`Stripe Checkout`),description:q(`ecommerce.stripe_checkout_description`,`Pay for physical products in one Stripe checkout session.`),badgeLabel:Qe,children:[(0,f.jsxs)(`div`,{className:`space-y-2 text-sm`,children:[(0,f.jsxs)(`div`,{className:`flex justify-between`,children:[(0,f.jsx)(`span`,{children:q(`ecommerce.physical_subtotal`,`Physical subtotal`)}),(0,f.jsx)(`span`,{children:y(Pe,V)})]}),Ie>0?(0,f.jsxs)(`div`,{className:`flex justify-between text-emerald-600`,children:[(0,f.jsx)(`span`,{children:q(`ecommerce.discount`,`Discount`)}),(0,f.jsxs)(`span`,{children:[`-`,y(Ie,V)]})]}):null,(0,f.jsxs)(`div`,{className:`flex justify-between`,children:[(0,f.jsx)(`span`,{children:B(`ecommerce.shipping`)}),(0,f.jsx)(`span`,{children:$?y($.amount,V):`-`})]}),(0,f.jsxs)(`div`,{className:`flex justify-between`,children:[(0,f.jsx)(`span`,{children:q(`ecommerce.tax`,`Tax`)}),(0,f.jsx)(`span`,{children:Ee?`...`:N?.isPendingExternalCalculation?q(`ecommerce.tax_calculated_on_stripe`,`Calculated on Stripe`):N?y(N.amount,V):`-`})]}),N&&N.lines.length>0?(0,f.jsx)(`div`,{className:`rounded-lg bg-muted/20 px-3 py-2 text-xs text-muted-foreground`,children:N.lines.map(e=>(0,f.jsxs)(`div`,{className:`flex justify-between gap-3`,children:[(0,f.jsxs)(`span`,{children:[e.name,` (`,e.rate.toFixed(4),`%)`]}),(0,f.jsx)(`span`,{children:y(e.amount,V)})]},e.id||`${e.name}-${e.rate}`))}):null,(0,f.jsxs)(`div`,{className:`flex justify-between font-semibold pt-2 border-t`,children:[(0,f.jsx)(`span`,{children:q(`ecommerce.total_on_stripe`,`Total on Stripe`)}),(0,f.jsx)(`span`,{children:y(ze,V)})]})]}),(0,f.jsxs)(ie.Button,{className:`w-full`,size:`lg`,onClick:()=>Ke(`stripe`,W,`stripe`),disabled:Ze,children:[b===`stripe`?(0,f.jsx)(d.Loader2,{className:`mr-2 h-4 w-4 animate-spin`}):(0,f.jsx)(d.Package,{className:`mr-2 h-4 w-4`}),b===`stripe`?B(`ecommerce.processing`):q(`ecommerce.checkout_physical_products`,`Checkout Physical Products`)]}),Xe&&b===null?(0,f.jsx)(`p`,{className:`text-[11px] text-muted-foreground`,children:Xe}):null,S.stripe?(0,f.jsx)(`div`,{role:`alert`,className:`rounded-lg border border-destructive/20 bg-destructive/10 px-3 py-2 text-xs text-destructive`,children:S.stripe}):null,(0,f.jsx)(`p`,{className:`text-[11px] text-muted-foreground`,children:N?.isPendingExternalCalculation?q(`checkout_stripe_tax_finalized_notice`,`Tax will be finalized by Stripe Tax on the payment step.`):q(`ecommerce.shipping_taxes_collected_on_stripe`,`Shipping and taxes are only collected during the Stripe step for physical products.`)})]}):null,G.length>0?(0,f.jsxs)(pe,{title:q(`ecommerce.freemius_checkout_title`,`Freemius Checkout`),description:q(`ecommerce.freemius_checkout_description`,`Digital products use the Freemius checkout flow.`),badgeLabel:$e,children:[(0,f.jsx)(`div`,{className:`space-y-3`,children:G.map(e=>{let t=n.getCartItemActivePrice(e,{currencyCode:V,currencies:H}),r=a.getTrialSummary(e,B),i=`freemius:${e.id}`,o=r?me[i]||`paid`:void 0;return(0,f.jsxs)(`div`,{className:`rounded-lg border p-3 space-y-3`,children:[(0,f.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`p`,{className:`font-medium`,children:e.title}),e.billing_cycle?(0,f.jsx)(`p`,{className:`text-xs text-muted-foreground capitalize`,children:tt(e.billing_cycle)}):null,r?(0,f.jsxs)(`p`,{className:`text-xs font-medium text-emerald-700`,children:[r.label,` - `,r.paymentRequirementLabel]}):null]}),(0,f.jsx)(`span`,{className:`font-medium`,children:y(t.sale_price??t.price,V)})]}),r&&!e.trial_requires_payment_method&&(0,f.jsxs)(`div`,{className:`bg-muted/30 p-3 rounded-md border text-sm mt-2 mb-3`,children:[(0,f.jsx)(`p`,{className:`font-medium mb-3`,children:q(`ecommerce.freemius_trial_preference_title`,`How would you like to start your trial?`)}),(0,f.jsxs)(g.RadioGroup,{value:me[i]||`paid`,onValueChange:e=>he(t=>({...t,[i]:e})),className:`gap-3`,children:[(0,f.jsxs)(`div`,{className:`flex items-start space-x-3`,children:[(0,f.jsx)(g.RadioGroupItem,{value:`paid`,id:`${i}-paid`,className:`mt-1`}),(0,f.jsxs)(`div`,{className:`grid gap-1.5`,children:[(0,f.jsx)(m.Label,{htmlFor:`${i}-paid`,className:`font-medium leading-none cursor-pointer`,children:q(`ecommerce.freemius_trial_with_card`,`Enter Payment Details Now (Still get full trial length free)`)}),(0,f.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:q(`ecommerce.freemius_trial_with_card_help`,`You will not be billed until the trial ends. Cancel anytime.`)})]})]}),(0,f.jsxs)(`div`,{className:`flex items-start space-x-3`,children:[(0,f.jsx)(g.RadioGroupItem,{value:`free`,id:`${i}-free`,className:`mt-1`}),(0,f.jsx)(`div`,{className:`grid gap-1.5`,children:(0,f.jsx)(m.Label,{htmlFor:`${i}-free`,className:`font-medium leading-none cursor-pointer`,children:q(`ecommerce.freemius_trial_no_card`,`Start Free Trial (No card required)`)})})]})]})]}),(0,f.jsxs)(ie.Button,{className:`w-full h-auto min-h-[2.75rem] py-2`,onClick:()=>Ke(`freemius`,[{...e,...o?{trial_preference:o}:{}}],i),disabled:b!==null||Ye!==null,children:[b===i?(0,f.jsx)(d.Loader2,{className:`mr-2 h-4 w-4 shrink-0 animate-spin`}):(0,f.jsx)(d.Download,{className:`mr-2 h-4 w-4 shrink-0`}),(0,f.jsx)(`span`,{className:`whitespace-normal text-left`,children:b===i?B(`ecommerce.processing`):G.length>1?q(`ecommerce.checkout_product`,`Checkout {title}`,{title:e.title}):q(`ecommerce.checkout_digital_product`,`Checkout Digital Product`)})]})]},i)})}),(0,f.jsxs)(`div`,{className:`flex justify-between text-sm font-semibold border-t pt-3`,children:[(0,f.jsx)(`span`,{children:q(`ecommerce.digital_subtotal`,`Digital subtotal`)}),(0,f.jsx)(`span`,{children:y(Fe,V)})]}),Le>0?(0,f.jsxs)(`div`,{className:`flex justify-between text-sm font-semibold text-emerald-600`,children:[(0,f.jsx)(`span`,{children:q(`ecommerce.discount`,`Discount`)}),(0,f.jsxs)(`span`,{children:[`-`,y(Le,V)]})]}):null,Ye?(0,f.jsx)(`div`,{className:`rounded-lg border border-amber-500/40 bg-amber-500/10 px-3 py-2 text-xs`,children:Ye}):null,S.freemius?(0,f.jsx)(`div`,{role:`alert`,className:`rounded-lg border border-destructive/20 bg-destructive/10 px-3 py-2 text-xs text-destructive`,children:S.freemius}):null,(0,f.jsx)(`p`,{className:`text-[11px] text-muted-foreground`,children:G.length>1?q(`ecommerce.freemius_multi_checkout_notice`,`Freemius licenses are completed one at a time, so each digital product gets its own checkout action.`):q(`ecommerce.freemius_tax_notice`,`Taxes and compliance for digital products are handled inside the Freemius checkout.`)})]}):null]})]})]})]})};exports.Checkout=y;

package/lib/components/Checkout.d.ts

@@ -2,5 +2,5 @@ import { CheckoutCustomerDefaults } from '../customer';
 interface CheckoutProps {
     initialCustomer?: CheckoutCustomerDefaults;
 }
-export declare const Checkout: ({ initialCustomer }: CheckoutProps) => import("react").JSX.Element;
+export declare const Checkout: ({ initialCustomer }: CheckoutProps) => import('react').JSX.Element;
 export {};