@nextblock-cms/ecom 0.20.1 → 0.21.0

package/lib/components/SubscriptionSelector.es.js

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

package/lib/countries.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=[{code:"US",name:"United States"},{code:"CA",name:"Canada"},{code:"GB",name:"United Kingdom"},{code:"AU",name:"Australia"},{code:"NZ",name:"New Zealand"},{code:"IE",name:"Ireland"},{code:"FR",name:"France"},{code:"DE",name:"Germany"},{code:"IT",name:"Italy"},{code:"ES",name:"Spain"},{code:"MX",name:"Mexico"},{code:"BR",name:"Brazil"},{code:"AR",name:"Argentina"},{code:"CL",name:"Chile"},{code:"CO",name:"Colombia"},{code:"PE",name:"Peru"},{code:"ZA",name:"South Africa"},{code:"NG",name:"Nigeria"},{code:"KE",name:"Kenya"},{code:"IN",name:"India"},{code:"JP",name:"Japan"},{code:"KR",name:"South Korea"},{code:"CN",name:"China"},{code:"SG",name:"Singapore"},{code:"MY",name:"Malaysia"},{code:"PH",name:"Philippines"},{code:"TH",name:"Thailand"},{code:"VN",name:"Vietnam"},{code:"ID",name:"Indonesia"},{code:"AE",name:"United Arab Emirates"},{code:"SA",name:"Saudi Arabia"},{code:"EG",name:"Egypt"},{code:"MA",name:"Morocco"},{code:"DZ",name:"Algeria"},{code:"TN",name:"Tunisia"},{code:"PT",name:"Portugal"},{code:"NL",name:"Netherlands"},{code:"BE",name:"Belgium"},{code:"CH",name:"Switzerland"},{code:"AT",name:"Austria"},{code:"SE",name:"Sweden"},{code:"NO",name:"Norway"},{code:"DK",name:"Denmark"},{code:"FI",name:"Finland"},{code:"PL",name:"Poland"},{code:"CZ",name:"Czech Republic"},{code:"HU",name:"Hungary"},{code:"RO",name:"Romania"},{code:"BG",name:"Bulgaria"},{code:"GR",name:"Greece"},{code:"TR",name:"Turkey"},{code:"IL",name:"Israel"},{code:"CY",name:"Cyprus"},{code:"MT",name:"Malta"}],i={USA:"US","UNITED STATES OF AMERICA":"US",UK:"GB","GREAT BRITAIN":"GB"};function r(m){const o=m?.trim();if(!o)return null;const e=o.toUpperCase(),c=i[e];if(c)return c;const d=n.find(a=>a.code===e);return d?d.code:n.find(a=>a.name.toUpperCase()===e)?.code??null}exports.countries=n;exports.normalizeCountryCode=r;
+var e=[{code:`US`,name:`United States`},{code:`CA`,name:`Canada`},{code:`GB`,name:`United Kingdom`},{code:`AU`,name:`Australia`},{code:`NZ`,name:`New Zealand`},{code:`IE`,name:`Ireland`},{code:`FR`,name:`France`},{code:`DE`,name:`Germany`},{code:`IT`,name:`Italy`},{code:`ES`,name:`Spain`},{code:`MX`,name:`Mexico`},{code:`BR`,name:`Brazil`},{code:`AR`,name:`Argentina`},{code:`CL`,name:`Chile`},{code:`CO`,name:`Colombia`},{code:`PE`,name:`Peru`},{code:`ZA`,name:`South Africa`},{code:`NG`,name:`Nigeria`},{code:`KE`,name:`Kenya`},{code:`IN`,name:`India`},{code:`JP`,name:`Japan`},{code:`KR`,name:`South Korea`},{code:`CN`,name:`China`},{code:`SG`,name:`Singapore`},{code:`MY`,name:`Malaysia`},{code:`PH`,name:`Philippines`},{code:`TH`,name:`Thailand`},{code:`VN`,name:`Vietnam`},{code:`ID`,name:`Indonesia`},{code:`AE`,name:`United Arab Emirates`},{code:`SA`,name:`Saudi Arabia`},{code:`EG`,name:`Egypt`},{code:`MA`,name:`Morocco`},{code:`DZ`,name:`Algeria`},{code:`TN`,name:`Tunisia`},{code:`PT`,name:`Portugal`},{code:`NL`,name:`Netherlands`},{code:`BE`,name:`Belgium`},{code:`CH`,name:`Switzerland`},{code:`AT`,name:`Austria`},{code:`SE`,name:`Sweden`},{code:`NO`,name:`Norway`},{code:`DK`,name:`Denmark`},{code:`FI`,name:`Finland`},{code:`PL`,name:`Poland`},{code:`CZ`,name:`Czech Republic`},{code:`HU`,name:`Hungary`},{code:`RO`,name:`Romania`},{code:`BG`,name:`Bulgaria`},{code:`GR`,name:`Greece`},{code:`TR`,name:`Turkey`},{code:`IL`,name:`Israel`},{code:`CY`,name:`Cyprus`},{code:`MT`,name:`Malta`}],t={USA:`US`,"UNITED STATES OF AMERICA":`US`,UK:`GB`,"GREAT BRITAIN":`GB`};function n(n){let r=n?.trim();if(!r)return null;let i=r.toUpperCase(),a=t[i];if(a)return a;let o=e.find(e=>e.code===i);return o?o.code:e.find(e=>e.name.toUpperCase()===i)?.code??null}exports.countries=e,exports.normalizeCountryCode=n;