@nextblock-cms/ecom 0.20.3 → 0.21.1

package/lib/components/SimpleTiptapRenderer.es.js

@@ -1,212 +1,239 @@
-import { jsx as e, jsxs as m, Fragment as b } from "react/jsx-runtime";
-import h from "react";
-const g = (t, a) => a.reduce((s, r) => {
-  switch (r.type) {
-    case "bold":
-      return /* @__PURE__ */ e("strong", { children: s });
-    case "italic":
-      return /* @__PURE__ */ e("em", { children: s });
-    case "underline":
-    case "u":
-      return /* @__PURE__ */ e("u", { children: s });
-    case "strike":
-      return /* @__PURE__ */ e("s", { children: s });
-    case "code":
-      return /* @__PURE__ */ e("code", { className: "bg-muted px-1.5 py-0.5 rounded text-[0.875em] font-mono", children: s });
-    case "link": {
-      const l = r.attrs?.href || "#", c = r.attrs?.target || "_blank";
-      return /* @__PURE__ */ e("a", { href: l, target: c, rel: "noopener noreferrer", className: "underline text-primary hover:text-primary/80", children: s });
-    }
-    case "highlight": {
-      const l = r.attrs?.color;
-      return /* @__PURE__ */ e("mark", { style: l ? { backgroundColor: l } : {}, className: l ? void 0 : "bg-yellow-200 dark:bg-yellow-800/50", children: s });
-    }
-    case "subscript":
-      return /* @__PURE__ */ e("sub", { children: s });
-    case "superscript":
-      return /* @__PURE__ */ e("sup", { children: s });
-    case "textStyle": {
-      const l = {};
-      return r.attrs?.color && (l.color = r.attrs.color), r.attrs?.fontSize && (l.fontSize = r.attrs.fontSize), r.attrs?.fontFamily && (l.fontFamily = r.attrs.fontFamily), Object.keys(l).length > 0 ? /* @__PURE__ */ e("span", { style: l, children: s }) : /* @__PURE__ */ e(b, { children: s });
-    }
-    default:
-      return s;
-  }
-}, t), f = ["h1", "h2", "h3", "h4", "h5", "h6"], p = (t, a, s, r) => {
-  const l = Math.max(1, Math.min(6, t)), c = f[l - 1], o = r?.id;
-  return h.createElement(c, { key: s, className: "font-bold my-4", id: o }, a);
-}, d = (t) => {
-  const a = {}, s = {}, r = t?.colspan, l = t?.rowspan, c = t?.colwidth;
-  return r && r > 1 && (a.colSpan = r), l && l > 1 && (a.rowSpan = l), c && Array.isArray(c) && c[0] && (s.minWidth = c[0]), Object.keys(s).length > 0 && (a.style = s), a;
-}, y = (t, a) => {
-  if (t.type === "text") {
-    const r = t.text ?? "";
-    return /* @__PURE__ */ e(h.Fragment, { children: t.marks?.length ? g(r, t.marks) : r }, a);
-  }
-  const s = t.content?.map((r, l) => y(r, l)) ?? null;
-  switch (t.type) {
-    // ── Document ────────────────────────────────────────────────
-    case "doc":
-      return /* @__PURE__ */ e("div", { children: s }, a);
-    // ── Block-level text ────────────────────────────────────────
-    case "paragraph": {
-      if (!t.content?.length || t.content.every(
-        (o) => o.type === "text" && (!o.text || !o.text.trim())
-      )) return null;
-      const l = t.attrs?.textAlign, c = l ? { textAlign: l } : {};
-      return /* @__PURE__ */ e("p", { className: "mb-4", style: Object.keys(c).length ? c : void 0, children: s }, a);
-    }
-    case "heading":
-      return p(
-        t.attrs?.level || 1,
-        s,
-        a,
-        t.attrs ?? void 0
-      );
-    // ── Lists ───────────────────────────────────────────────────
-    case "bulletList":
-      return /* @__PURE__ */ e("ul", { className: "list-disc pl-5 mb-4", children: s }, a);
-    case "orderedList": {
-      const r = t.attrs?.start ?? 1;
-      return /* @__PURE__ */ e("ol", { className: "list-decimal pl-5 mb-4", start: r !== 1 ? r : void 0, children: s }, a);
-    }
-    case "listItem":
-      return /* @__PURE__ */ e("li", { children: s }, a);
-    case "taskList":
-      return /* @__PURE__ */ e("ul", { className: "list-none pl-0 mb-4 space-y-1", children: s }, a);
-    case "taskItem": {
-      const r = !!t.attrs?.checked;
-      return /* @__PURE__ */ m("li", { className: "flex items-start gap-2", children: [
-        /* @__PURE__ */ e("input", { type: "checkbox", checked: r, readOnly: !0, className: "mt-1.5 rounded" }),
-        /* @__PURE__ */ e("div", { className: r ? "line-through text-muted-foreground" : "", children: s })
-      ] }, a);
-    }
-    // ── Quotes & code ───────────────────────────────────────────
-    case "blockquote":
-      return /* @__PURE__ */ e("blockquote", { className: "border-l-4 border-border pl-4 italic my-4", children: s }, a);
-    case "codeBlock": {
-      const r = t.attrs?.language;
-      return /* @__PURE__ */ e("pre", { className: "bg-muted rounded-lg p-4 mb-4 overflow-x-auto", "data-language": r || void 0, children: /* @__PURE__ */ e("code", { className: "text-sm font-mono", children: s }) }, a);
-    }
-    // ── Inline / void ───────────────────────────────────────────
-    case "horizontalRule":
-      return /* @__PURE__ */ e("hr", { className: "my-6 border-border" }, a);
-    case "hardBreak":
-      return /* @__PURE__ */ e("br", {}, a);
-    case "image": {
-      const r = t.attrs?.src, l = t.attrs?.alt || "", c = t.attrs?.title, o = t.attrs?.width, n = t.attrs?.height, i = {};
-      return o && (i.width = typeof o == "number" ? `${o}px` : o), n && (i.height = typeof n == "number" ? `${n}px` : n), /* @__PURE__ */ e(
-        "img",
-        {
-          src: r,
-          alt: l ?? "",
-          title: c,
-          width: typeof o == "number" ? o : void 0,
-          height: typeof n == "number" ? n : void 0,
-          loading: "lazy",
-          decoding: "async",
-          style: Object.keys(i).length ? i : void 0,
-          className: "max-w-full h-auto rounded my-4"
-        },
-        a
-      );
-    }
-    // ── Table ───────────────────────────────────────────────────
-    case "table":
-      return /* @__PURE__ */ e("div", { className: "overflow-x-auto my-4", children: /* @__PURE__ */ e("table", { className: "w-full border-collapse border border-gray-300 dark:border-gray-700", style: { minWidth: 500 }, children: /* @__PURE__ */ e("tbody", { children: s }) }) }, a);
-    case "tableRow":
-      return /* @__PURE__ */ e("tr", { className: "border-b border-gray-300 dark:border-gray-700", children: s }, a);
-    case "tableHeader":
-      return /* @__PURE__ */ e(
-        "th",
-        {
-          ...d(t.attrs ?? void 0),
-          className: "bg-gray-100 dark:bg-gray-800 font-bold p-3 text-left border border-gray-300 dark:border-gray-700",
-          children: s
-        },
-        a
-      );
-    case "tableCell":
-      return /* @__PURE__ */ e(
-        "td",
-        {
-          ...d(t.attrs ?? void 0),
-          className: "p-3 border border-gray-300 dark:border-gray-700",
-          children: s
-        },
-        a
-      );
-    // ── Details / collapsible ───────────────────────────────────
-    case "details":
-      return /* @__PURE__ */ e("details", { className: "my-4 border rounded-lg overflow-hidden", children: s }, a);
-    case "detailsSummary":
-      return /* @__PURE__ */ e("summary", { className: "cursor-pointer p-3 font-semibold bg-muted/30 hover:bg-muted/50", children: s }, a);
-    case "detailsContent":
-      return /* @__PURE__ */ e("div", { className: "p-3 border-t", children: s }, a);
-    // ── Embeds ──────────────────────────────────────────────────
-    case "youtube": {
-      const r = u(t.attrs?.src), l = t.attrs?.width || 640, c = t.attrs?.height || 480;
-      return /* @__PURE__ */ e("div", { className: "relative my-4 overflow-hidden rounded-lg", style: { aspectRatio: `${l}/${c}`, maxWidth: l }, children: /* @__PURE__ */ e(
-        "iframe",
-        {
-          src: r,
-          title: t.attrs?.title || "Embedded video",
-          allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-          allowFullScreen: !0,
-          loading: "lazy",
-          className: "absolute inset-0 w-full h-full"
-        }
-      ) }, a);
-    }
-    case "iframe": {
-      const r = u(t.attrs?.src);
-      return /* @__PURE__ */ e("div", { className: "my-4 overflow-hidden rounded-lg", style: { aspectRatio: "16/9" }, children: /* @__PURE__ */ e(
-        "iframe",
-        {
-          src: r,
-          title: t.attrs?.title || "Embedded content",
-          allowFullScreen: !0,
-          loading: "lazy",
-          className: "w-full h-full border-0"
-        }
-      ) }, a);
-    }
-    // ── Mention ─────────────────────────────────────────────────
-    case "mention": {
-      const r = t.attrs?.label || t.attrs?.id || "";
-      return /* @__PURE__ */ m("span", { className: "text-primary font-medium", children: [
-        "@",
-        r
-      ] }, a);
-    }
-    // ── Fallback ────────────────────────────────────────────────
-    default:
-      return /* @__PURE__ */ e("div", { children: s }, a);
-  }
-}, u = (t) => t?.replace(
-  /(?:https?:)?\/\/(?:www\.|m\.|music\.)?youtube\.com\/embed\//gi,
-  "https://www.youtube-nocookie.com/embed/"
-), v = ({ content: t, className: a }) => {
-  if (!t) return null;
-  if (typeof t == "string") {
-    if (t.trim().startsWith("{") || t.trim().startsWith("["))
-      try {
-        const r = JSON.parse(t);
-        return /* @__PURE__ */ e(v, { content: r, className: a });
-      } catch {
-      }
-    return /* @__PURE__ */ e(
-      "div",
-      {
-        className: a,
-        dangerouslySetInnerHTML: { __html: u(t) ?? t }
-      }
-    );
-  }
-  const s = t;
-  return !s.content || !Array.isArray(s.content) ? null : /* @__PURE__ */ e("div", { className: a, children: s.content.map((r, l) => y(r, l)) });
-};
-export {
-  v as SimpleTiptapRenderer,
-  u as toNoCookieEmbedSrc
+import e from "react";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/lib/components/SimpleTiptapRenderer.tsx
+var i = (e, r) => r.reduce((e, r) => {
+	switch (r.type) {
+		case "bold": return /* @__PURE__ */ n("strong", { children: e });
+		case "italic": return /* @__PURE__ */ n("em", { children: e });
+		case "underline":
+		case "u": return /* @__PURE__ */ n("u", { children: e });
+		case "strike": return /* @__PURE__ */ n("s", { children: e });
+		case "code": return /* @__PURE__ */ n("code", {
+			className: "bg-muted px-1.5 py-0.5 rounded text-[0.875em] font-mono",
+			children: e
+		});
+		case "link": {
+			let t = r.attrs?.href || "#", i = r.attrs?.target || "_blank";
+			return /* @__PURE__ */ n("a", {
+				href: t,
+				target: i,
+				rel: "noopener noreferrer",
+				className: "underline text-primary hover:text-primary/80",
+				children: e
+			});
+		}
+		case "highlight": {
+			let t = r.attrs?.color;
+			return /* @__PURE__ */ n("mark", {
+				style: t ? { backgroundColor: t } : {},
+				className: t ? void 0 : "bg-yellow-200 dark:bg-yellow-800/50",
+				children: e
+			});
+		}
+		case "subscript": return /* @__PURE__ */ n("sub", { children: e });
+		case "superscript": return /* @__PURE__ */ n("sup", { children: e });
+		case "textStyle": {
+			let i = {};
+			return r.attrs?.color && (i.color = r.attrs.color), r.attrs?.fontSize && (i.fontSize = r.attrs.fontSize), r.attrs?.fontFamily && (i.fontFamily = r.attrs.fontFamily), Object.keys(i).length > 0 ? /* @__PURE__ */ n("span", {
+				style: i,
+				children: e
+			}) : /* @__PURE__ */ n(t, { children: e });
+		}
+		default: return e;
+	}
+}, e), a = [
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6"
+], o = (t, n, r, i) => {
+	let o = a[Math.max(1, Math.min(6, t)) - 1], s = i?.id;
+	return e.createElement(o, {
+		key: r,
+		className: "font-bold my-4",
+		id: s
+	}, n);
+}, s = (e) => {
+	let t = {}, n = {}, r = e?.colspan, i = e?.rowspan, a = e?.colwidth;
+	return r && r > 1 && (t.colSpan = r), i && i > 1 && (t.rowSpan = i), a && Array.isArray(a) && a[0] && (n.minWidth = a[0]), Object.keys(n).length > 0 && (t.style = n), t;
+}, c = (t, a) => {
+	if (t.type === "text") {
+		let r = t.text ?? "";
+		return /* @__PURE__ */ n(e.Fragment, { children: t.marks?.length ? i(r, t.marks) : r }, a);
+	}
+	let u = t.content?.map((e, t) => c(e, t)) ?? null;
+	switch (t.type) {
+		case "doc": return /* @__PURE__ */ n("div", { children: u }, a);
+		case "paragraph": {
+			if (!t.content?.length || t.content.every((e) => e.type === "text" && (!e.text || !e.text.trim()))) return null;
+			let e = t.attrs?.textAlign, r = e ? { textAlign: e } : {};
+			return /* @__PURE__ */ n("p", {
+				className: "mb-4",
+				style: Object.keys(r).length ? r : void 0,
+				children: u
+			}, a);
+		}
+		case "heading": return o(t.attrs?.level || 1, u, a, t.attrs ?? void 0);
+		case "bulletList": return /* @__PURE__ */ n("ul", {
+			className: "list-disc pl-5 mb-4",
+			children: u
+		}, a);
+		case "orderedList": {
+			let e = t.attrs?.start ?? 1;
+			return /* @__PURE__ */ n("ol", {
+				className: "list-decimal pl-5 mb-4",
+				start: e === 1 ? void 0 : e,
+				children: u
+			}, a);
+		}
+		case "listItem": return /* @__PURE__ */ n("li", { children: u }, a);
+		case "taskList": return /* @__PURE__ */ n("ul", {
+			className: "list-none pl-0 mb-4 space-y-1",
+			children: u
+		}, a);
+		case "taskItem": {
+			let e = !!t.attrs?.checked;
+			return /* @__PURE__ */ r("li", {
+				className: "flex items-start gap-2",
+				children: [/* @__PURE__ */ n("input", {
+					type: "checkbox",
+					checked: e,
+					readOnly: !0,
+					className: "mt-1.5 rounded"
+				}), /* @__PURE__ */ n("div", {
+					className: e ? "line-through text-muted-foreground" : "",
+					children: u
+				})]
+			}, a);
+		}
+		case "blockquote": return /* @__PURE__ */ n("blockquote", {
+			className: "border-l-4 border-border pl-4 italic my-4",
+			children: u
+		}, a);
+		case "codeBlock": {
+			let e = t.attrs?.language;
+			return /* @__PURE__ */ n("pre", {
+				className: "bg-muted rounded-lg p-4 mb-4 overflow-x-auto",
+				"data-language": e || void 0,
+				children: /* @__PURE__ */ n("code", {
+					className: "text-sm font-mono",
+					children: u
+				})
+			}, a);
+		}
+		case "horizontalRule": return /* @__PURE__ */ n("hr", { className: "my-6 border-border" }, a);
+		case "hardBreak": return /* @__PURE__ */ n("br", {}, a);
+		case "image": {
+			let e = t.attrs?.src, r = t.attrs?.alt || "", i = t.attrs?.title, o = t.attrs?.width, s = t.attrs?.height, c = {};
+			return o && (c.width = typeof o == "number" ? `${o}px` : o), s && (c.height = typeof s == "number" ? `${s}px` : s), /* @__PURE__ */ n("img", {
+				src: e,
+				alt: r ?? "",
+				title: i,
+				width: typeof o == "number" ? o : void 0,
+				height: typeof s == "number" ? s : void 0,
+				loading: "lazy",
+				decoding: "async",
+				style: Object.keys(c).length ? c : void 0,
+				className: "max-w-full h-auto rounded my-4"
+			}, a);
+		}
+		case "table": return /* @__PURE__ */ n("div", {
+			className: "overflow-x-auto my-4",
+			children: /* @__PURE__ */ n("table", {
+				className: "w-full border-collapse border border-gray-300 dark:border-gray-700",
+				style: { minWidth: 500 },
+				children: /* @__PURE__ */ n("tbody", { children: u })
+			})
+		}, a);
+		case "tableRow": return /* @__PURE__ */ n("tr", {
+			className: "border-b border-gray-300 dark:border-gray-700",
+			children: u
+		}, a);
+		case "tableHeader": return /* @__PURE__ */ n("th", {
+			...s(t.attrs ?? void 0),
+			className: "bg-gray-100 dark:bg-gray-800 font-bold p-3 text-left border border-gray-300 dark:border-gray-700",
+			children: u
+		}, a);
+		case "tableCell": return /* @__PURE__ */ n("td", {
+			...s(t.attrs ?? void 0),
+			className: "p-3 border border-gray-300 dark:border-gray-700",
+			children: u
+		}, a);
+		case "details": return /* @__PURE__ */ n("details", {
+			className: "my-4 border rounded-lg overflow-hidden",
+			children: u
+		}, a);
+		case "detailsSummary": return /* @__PURE__ */ n("summary", {
+			className: "cursor-pointer p-3 font-semibold bg-muted/30 hover:bg-muted/50",
+			children: u
+		}, a);
+		case "detailsContent": return /* @__PURE__ */ n("div", {
+			className: "p-3 border-t",
+			children: u
+		}, a);
+		case "youtube": {
+			let e = l(t.attrs?.src), r = t.attrs?.width || 640, i = t.attrs?.height || 480;
+			return /* @__PURE__ */ n("div", {
+				className: "relative my-4 overflow-hidden rounded-lg",
+				style: {
+					aspectRatio: `${r}/${i}`,
+					maxWidth: r
+				},
+				children: /* @__PURE__ */ n("iframe", {
+					src: e,
+					title: t.attrs?.title || "Embedded video",
+					allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+					allowFullScreen: !0,
+					loading: "lazy",
+					className: "absolute inset-0 w-full h-full"
+				})
+			}, a);
+		}
+		case "iframe": {
+			let e = l(t.attrs?.src);
+			return /* @__PURE__ */ n("div", {
+				className: "my-4 overflow-hidden rounded-lg",
+				style: { aspectRatio: "16/9" },
+				children: /* @__PURE__ */ n("iframe", {
+					src: e,
+					title: t.attrs?.title || "Embedded content",
+					allowFullScreen: !0,
+					loading: "lazy",
+					className: "w-full h-full border-0"
+				})
+			}, a);
+		}
+		case "mention": {
+			let e = t.attrs?.label || t.attrs?.id || "";
+			return /* @__PURE__ */ r("span", {
+				className: "text-primary font-medium",
+				children: ["@", e]
+			}, a);
+		}
+		default: return /* @__PURE__ */ n("div", { children: u }, a);
+	}
+}, l = (e) => e?.replace(/(?:https?:)?\/\/(?:www\.|m\.|music\.)?youtube\.com\/embed\//gi, "https://www.youtube-nocookie.com/embed/"), u = ({ content: e, className: t }) => {
+	if (!e) return null;
+	if (typeof e == "string") {
+		if (e.trim().startsWith("{") || e.trim().startsWith("[")) try {
+			let r = JSON.parse(e);
+			return /* @__PURE__ */ n(u, {
+				content: r,
+				className: t
+			});
+		} catch {}
+		return /* @__PURE__ */ n("div", {
+			className: t,
+			dangerouslySetInnerHTML: { __html: l(e) ?? e }
+		});
+	}
+	let r = e;
+	return !r.content || !Array.isArray(r.content) ? null : /* @__PURE__ */ n("div", {
+		className: t,
+		children: r.content.map((e, t) => c(e, t))
+	});
 };
+//#endregion
+export { u as SimpleTiptapRenderer, l as toNoCookieEmbedSrc };

package/lib/components/SubscriptionSelector.cjs

@@ -0,0 +1 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../currency.cjs"),n=require("../CurrencyProvider.cjs"),r=require("../use-cart.cjs"),i=require("../use-price-formatter.cjs"),a=require("../trials.cjs"),o=require("../pages/cms/products/actions.cjs");let s=require("@nextblock-cms/ui/button"),c=require("react");c=e.__toESM(c,1);let l=require("lucide-react"),u=require("@nextblock-cms/utils"),d=require("react/jsx-runtime"),f=require("sonner"),p=require("@nextblock-cms/ui/Skeleton");var m=({product:e})=>{let m=i.usePriceFormatter(),h=r.useCart(e=>e),{t:g}=(0,u.useTranslations)(),{activeCurrencyCode:_,currencies:v,defaultCurrency:y}=n.useCurrency(),[b,x]=(0,c.useState)([]),[S,C]=(0,c.useState)(!0),[w,T]=(0,c.useState)(`annual`);if((0,c.useEffect)(()=>{async function t(){try{if(!e.id)return;let t=await o.getPublicFreemiusPricing(e.id);x(t)}catch(e){console.error(`Failed to load pricing:`,e)}finally{C(!1)}}t()},[e.id]),!h)return(0,d.jsx)(p.Skeleton,{className:`h-14 w-full`});let{addItem:E}=h,D=b[0],O=D?.pricing?.[0],k=()=>{let n=e.price,r=e.freemius_plan_id;O&&(w===`monthly`&&O.monthly_price!=null&&(n=(0,u.majorUnitAmountToMinor)(O.monthly_price,y.code)),w===`annual`&&O.annual_price!=null&&(n=(0,u.majorUnitAmountToMinor)(O.annual_price,y.code)),w===`lifetime`&&O.lifetime_price!=null&&(n=(0,u.majorUnitAmountToMinor)(O.lifetime_price,y.code)));let i=v.reduce((e,r)=>(e[r.code]=t.convertMinorUnitAmount({amount:n,fromCurrencyCode:y.code,toCurrencyCode:r.code,currencies:v,applyRounding:!0}),e),{}),a=i[_]??n;D&&D.id&&(r=D.id);let{success:o,error:s}=E({id:e.id,product_id:e.id,title:e.title,price:a,prices:i,image_url:e.image_url,slug:e.slug,sku:e.sku,language_id:e.language_id,translation_group_id:e.translation_group_id,product_type:`digital`,payment_provider:`freemius`,provider:`freemius`,billing_cycle:w,freemius_product_id:e.freemius_product_id,freemius_plan_id:r,trial_period_days:e.trial_period_days??0,trial_requires_payment_method:e.trial_requires_payment_method??!1,is_taxable:e.is_taxable,currency_code:_});o?f.toast.success(g(`ecommerce.added_to_cart_success`,{item:e.title})):f.toast.error(s||g(`ecommerce.added_to_cart_error`))};if(S)return(0,d.jsx)(p.Skeleton,{className:`h-32 w-full`});if(!D||!O)return(0,d.jsx)(`div`,{className:`p-4 border border-dashed rounded-lg text-center text-muted-foreground`,children:g(`ecommerce.pricing_unavailable`)});let A=O.monthly_price!=null,j=O.annual_price!=null,M=O.lifetime_price!=null;w===`annual`&&!j&&(A?T(`monthly`):M&&T(`lifetime`));let N=a.getTrialSummary(e,g),P=e.price;return w===`monthly`&&O.monthly_price!=null&&(P=t.convertMinorUnitAmount({amount:(0,u.majorUnitAmountToMinor)(O.monthly_price,y.code),fromCurrencyCode:y.code,toCurrencyCode:_,currencies:v,applyRounding:!0})),w===`annual`&&O.annual_price!=null&&(P=t.convertMinorUnitAmount({amount:(0,u.majorUnitAmountToMinor)(O.annual_price,y.code),fromCurrencyCode:y.code,toCurrencyCode:_,currencies:v,applyRounding:!0})),w===`lifetime`&&O.lifetime_price!=null&&(P=t.convertMinorUnitAmount({amount:(0,u.majorUnitAmountToMinor)(O.lifetime_price,y.code),fromCurrencyCode:y.code,toCurrencyCode:_,currencies:v,applyRounding:!0})),(0,d.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,d.jsxs)(`div`,{role:`group`,"aria-label":g(`ecommerce.billing_cycle`)===`ecommerce.billing_cycle`?`Billing cycle`:g(`ecommerce.billing_cycle`),className:`flex bg-secondary/35 p-1 rounded-lg w-full max-w-sm mx-auto shadow-inner`,children:[A&&(0,d.jsx)(`button`,{type:`button`,"aria-pressed":w===`monthly`,onClick:()=>T(`monthly`),className:`flex-1 py-1.5 text-xs font-semibold rounded-md transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring ${w===`monthly`?`bg-background shadow-sm text-foreground`:`text-muted-foreground hover:text-foreground`}`,children:g(`ecommerce.monthly`)}),j&&(0,d.jsx)(`button`,{type:`button`,"aria-pressed":w===`annual`,onClick:()=>T(`annual`),className:`flex-1 py-1.5 text-xs font-semibold rounded-md transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring ${w===`annual`?`bg-background shadow-sm text-foreground`:`text-muted-foreground hover:text-foreground`}`,children:g(`ecommerce.annual`)}),M&&(0,d.jsx)(`button`,{type:`button`,"aria-pressed":w===`lifetime`,onClick:()=>T(`lifetime`),className:`flex-1 py-1.5 text-xs font-semibold rounded-md transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring ${w===`lifetime`?`bg-background shadow-sm text-foreground`:`text-muted-foreground hover:text-foreground`}`,children:g(`ecommerce.lifetime`)})]}),(0,d.jsxs)(`div`,{className:`text-center`,children:[(0,d.jsx)(`span`,{className:`text-3xl font-extrabold text-foreground tabular-nums`,children:m(P,_)}),w!==`lifetime`&&(0,d.jsxs)(`span`,{className:`text-muted-foreground text-sm ml-1.5`,children:[`/ `,g(w===`annual`?`ecommerce.year`:`ecommerce.month`)]}),N&&(0,d.jsxs)(`div`,{className:`mt-1 text-xs font-medium text-emerald-600 dark:text-emerald-400`,children:[N.label,(0,d.jsx)(`span`,{className:`mx-2 text-muted-foreground/50`,children:`|`}),(0,d.jsx)(`span`,{className:`text-muted-foreground`,children:N.paymentRequirementLabel})]})]}),(0,d.jsxs)(s.Button,{onClick:k,className:`w-full h-12 text-base font-bold shadow-md transition-shadow hover:shadow-lg active:scale-[0.98]`,children:[(0,d.jsx)(l.ShoppingCart,{className:`mr-2 h-4 w-4`}),N?.label?g(`ecommerce.start_trial`,{trial:N.label})===`ecommerce.start_trial`?`Start ${N.label}`:g(`ecommerce.start_trial`,{trial:N.label}):g(`ecommerce.get_license`)]})]})};exports.SubscriptionSelector=m;