@bpinternal/billing-ui 0.0.1 → 0.0.2

package/dist/index.js

@@ -1,7 +1,7 @@
 import './style.css';
-import { jsx as t, jsxs as s, Fragment as be } from "react/jsx-runtime";
+import { jsx as t, jsxs as s, Fragment as pe } from "react/jsx-runtime";
 import { QueryClient as Gt, hydrate as jt, dehydrate as Vt, useQuery as fe, useMutation as Ue } from "@tanstack/react-query";
-import { useState as O, useMemo as ye, useEffect as Ae, useCallback as rn, createContext as Kt, useContext as Yn, useRef as Hn } from "react";
+import { useState as O, useMemo as ye, useEffect as Ae, useCallback as an, createContext as Kt, useContext as Yn, useRef as Hn } from "react";
 import { loadStripe as Yt } from "@stripe/stripe-js";
 import { createPortal as Ht } from "react-dom";
 import { CardElement as Xe, AddressElement as Qn, useStripe as Zn, useElements as Jn, Elements as Xn } from "@stripe/react-stripe-js";
@@ -55,7 +55,7 @@ const Zr = ({
       window.localStorage.removeItem(L);
     }
     let b = null;
-    const M = h.getQueryCache().subscribe((S) => {
+    const T = h.getQueryCache().subscribe((S) => {
       S.type !== "added" && S.type !== "removed" && S.type !== "updated" || (b && clearTimeout(b), b = setTimeout(() => {
         try {
           window.localStorage.setItem(L, JSON.stringify(Vt(h)));
@@ -64,10 +64,10 @@ const Zr = ({
       }, 250));
     });
     return () => {
-      b && clearTimeout(b), M();
+      b && clearTimeout(b), T();
     };
   }, [u, v, h]);
-  const B = rn(() => h.invalidateQueries({ queryKey: ["bpb", v] }), [h, v]), E = rn((L) => y == null ? void 0 : y(L), [y]), f = _ > 0 ? _ : !1, I = ye(
+  const B = an(() => h.invalidateQueries({ queryKey: ["bpb", v] }), [h, v]), E = an((L) => y == null ? void 0 : y(L), [y]), f = _ > 0 ? _ : !1, I = ye(
     () => ({
       client: e,
       queryClient: h,
@@ -478,7 +478,7 @@ const ra = (e, n) => {
       i in a ? a[i] = l : o(i, l);
     }
   };
-}, sn = "!", $n = ":", ya = [], Un = (e, n, a, r, o) => ({
+}, rn = "!", $n = ":", ya = [], Un = (e, n, a, r, o) => ({
   modifiers: e,
   hasImportantModifier: n,
   baseClassName: a,
@@ -509,12 +509,12 @@ const ra = (e, n) => {
     }
     const p = i.length === 0 ? o : o.slice(c);
     let y = p, _ = !1;
-    p.endsWith(sn) ? (y = p.slice(0, -1), _ = !0) : (
+    p.endsWith(rn) ? (y = p.slice(0, -1), _ = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      p.startsWith(sn) && (y = p.slice(1), _ = !0)
+      p.startsWith(rn) && (y = p.slice(1), _ = !0)
     );
     const w = m && m > c ? m - c : void 0;
     return Un(i, _, y, w);
@@ -596,7 +596,7 @@ const ra = (e, n) => {
       }
       C = !1;
     }
-    const B = _.length === 0 ? "" : _.length === 1 ? _[0] : i(_).join(":"), E = w ? B + sn : B, f = E + x;
+    const B = _.length === 0 ? "" : _.length === 1 ? _[0] : i(_).join(":"), E = w ? B + rn : B, f = E + x;
     if (d.indexOf(f) > -1)
       continue;
     d.push(f);
@@ -636,7 +636,7 @@ const ra = (e, n) => {
 }, Sa = [], ie = (e) => {
   const n = (a) => a[e] || Sa;
   return n.isThemeGetter = !0, n;
-}, ht = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, gt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ia = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Aa = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ma = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Ta = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ba = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, La = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ie = (e) => Ia.test(e), z = (e) => !!e && !Number.isNaN(Number(e)), ke = (e) => !!e && Number.isInteger(Number(e)), tn = (e) => e.endsWith("%") && z(e.slice(0, -1)), xe = (e) => Aa.test(e), yt = () => !0, Pa = (e) => (
+}, ht = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, gt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ia = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Aa = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ma = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Ta = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ba = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, La = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ie = (e) => Ia.test(e), z = (e) => !!e && !Number.isNaN(Number(e)), ke = (e) => !!e && Number.isInteger(Number(e)), nn = (e) => e.endsWith("%") && z(e.slice(0, -1)), xe = (e) => Aa.test(e), yt = () => !0, Pa = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
@@ -666,15 +666,15 @@ const ra = (e, n) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], f = () => [...E(), N, k], I = () => ["auto", "hidden", "clip", "visible", "scroll"], L = () => ["auto", "contain", "none"], b = () => [N, k, c], M = () => [Ie, "full", "auto", ...b()], S = () => [ke, "none", "subgrid", N, k], X = () => ["auto", {
+  ], f = () => [...E(), N, k], I = () => ["auto", "hidden", "clip", "visible", "scroll"], L = () => ["auto", "contain", "none"], b = () => [N, k, c], T = () => [Ie, "full", "auto", ...b()], S = () => [ke, "none", "subgrid", N, k], X = () => ["auto", {
     span: ["full", ke, N, k]
-  }, ke, N, k], Z = () => [ke, "auto", N, k], pe = () => ["auto", "min", "max", "fr", N, k], ue = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], re = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], P = () => ["auto", ...b()], J = () => [Ie, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], A = () => [Ie, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...b()], se = () => [Ie, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...b()], g = () => [e, N, k], F = () => [...E(), Fn, qn, {
+  }, ke, N, k], Z = () => [ke, "auto", N, k], be = () => ["auto", "min", "max", "fr", N, k], ue = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], re = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], P = () => ["auto", ...b()], J = () => [Ie, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], A = () => [Ie, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...b()], se = () => [Ie, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...b()], g = () => [e, N, k], F = () => [...E(), Fn, qn, {
     position: [N, k]
   }], $ = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], W = () => ["auto", "cover", "contain", Wa, $a, {
     size: [N, k]
-  }], K = () => [tn, qe, ze], G = () => [
+  }], K = () => [nn, qe, ze], G = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -682,7 +682,7 @@ const ra = (e, n) => {
     m,
     N,
     k
-  ], Y = () => ["", z, qe, ze], _e = () => ["solid", "dashed", "dotted", "double"], me = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], U = () => [z, tn, Fn, qn], le = () => [
+  ], Y = () => ["", z, qe, ze], _e = () => ["solid", "dashed", "dotted", "double"], me = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], U = () => [z, nn, Fn, qn], le = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -879,21 +879,21 @@ const ra = (e, n) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: M()
+        inset: T()
       }],
       /**
        * Inset Inline
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": M()
+        "inset-x": T()
       }],
       /**
        * Inset Block
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": M()
+        "inset-y": T()
       }],
       /**
        * Inset Inline Start
@@ -901,12 +901,12 @@ const ra = (e, n) => {
        * @todo class group will be renamed to `inset-s` in next major release
        */
       start: [{
-        "inset-s": M(),
+        "inset-s": T(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-s-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        start: M()
+        start: T()
       }],
       /**
        * Inset Inline End
@@ -914,54 +914,54 @@ const ra = (e, n) => {
        * @todo class group will be renamed to `inset-e` in next major release
        */
       end: [{
-        "inset-e": M(),
+        "inset-e": T(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-e-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        end: M()
+        end: T()
       }],
       /**
        * Inset Block Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-bs": [{
-        "inset-bs": M()
+        "inset-bs": T()
       }],
       /**
        * Inset Block End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-be": [{
-        "inset-be": M()
+        "inset-be": T()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: M()
+        top: T()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: M()
+        right: T()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: M()
+        bottom: T()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: M()
+        left: T()
       }],
       /**
        * Visibility
@@ -1095,14 +1095,14 @@ const ra = (e, n) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": pe()
+        "auto-cols": be()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": pe()
+        "auto-rows": be()
       }],
       /**
        * Gap
@@ -1514,7 +1514,7 @@ const ra = (e, n) => {
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", tn, k]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", nn, k]
       }],
       /**
        * Font Family
@@ -3333,7 +3333,7 @@ const ra = (e, n) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, Ya = /* @__PURE__ */ xa(Ka);
-function T(...e) {
+function M(...e) {
   return Ya(aa(e));
 }
 function j(e, n = "usd", a = 2) {
@@ -3512,7 +3512,7 @@ function It(e, n, a) {
   const o = ((l = r.increments) == null ? void 0 : l.conversation_sessions) ?? 0, i = gn(r, n, a);
   return o <= 0 || !i || i.amount <= 0 ? null : { packSize: o, amount: i.amount, currency: i.currency };
 }
-const At = ({ variant: e = "accent", children: n, className: a }) => /* @__PURE__ */ t("span", { className: T("bpb-badge", `bpb-badge--${e}`, a), children: n }), de = ({
+const At = ({ variant: e = "accent", children: n, className: a }) => /* @__PURE__ */ t("span", { className: M("bpb-badge", `bpb-badge--${e}`, a), children: n }), de = ({
   variant: e = "primary",
   size: n = "md",
   block: a = !1,
@@ -3526,7 +3526,7 @@ const At = ({ variant: e = "accent", children: n, className: a }) => /* @__PURE_
   "button",
   {
     type: d,
-    className: T("bpb-btn", `bpb-btn--${e}`, `bpb-btn--${n}`, a && "bpb-btn--block", o),
+    className: M("bpb-btn", `bpb-btn--${e}`, `bpb-btn--${n}`, a && "bpb-btn--block", o),
     disabled: i || r,
     "data-loading": r || void 0,
     ...c,
@@ -3722,7 +3722,7 @@ const At = ({ variant: e = "accent", children: n, className: a }) => /* @__PURE_
 ] }), gr = ({ size: e, ...n }) => /* @__PURE__ */ s("svg", { ...Q(e, n), children: [
   /* @__PURE__ */ t("rect", { x: "2.5", y: "3.5", width: "11", height: "10", rx: "1.5", stroke: "currentColor", strokeWidth: "1.3" }),
   /* @__PURE__ */ t("path", { d: "M2.5 6.5h11M5.5 2v2.5M10.5 2v2.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" })
-] }), on = ({ brand: e }) => {
+] }), sn = ({ brand: e }) => {
   const n = e === "visa" ? "VISA" : e === "mastercard" ? "MC" : e === "amex" ? "AMEX" : e === "discover" ? "DISC" : e.slice(0, 4).toUpperCase();
   return /* @__PURE__ */ t(
     "span",
@@ -3759,7 +3759,7 @@ const Ne = ({
   showClose: i = !0,
   ...l
 }) => {
-  const d = Hn(null), c = Jt(), m = rn(() => n(!1), [n]);
+  const d = Hn(null), c = Jt(), m = an(() => n(!1), [n]);
   return Ae(() => {
     var y;
     if (!e)
@@ -3781,7 +3781,7 @@ const Ne = ({
         "aria-modal": "true",
         "aria-label": l["aria-label"],
         tabIndex: -1,
-        className: T("bpb-dialog", `bpb-dialog--${a}`, o),
+        className: M("bpb-dialog", `bpb-dialog--${a}`, o),
         onClick: (u) => u.stopPropagation(),
         children: [
           i && /* @__PURE__ */ t("button", { type: "button", className: "bpb-dialog__close", "aria-label": "Close", onClick: m, children: /* @__PURE__ */ t(_n, { size: 18 }) }),
@@ -3791,7 +3791,7 @@ const Ne = ({
     ) }),
     document.body
   ) : null;
-}, ln = ({ label: e, children: n }) => /* @__PURE__ */ s("span", { className: "bpb-tooltip", tabIndex: 0, role: "note", children: [
+}, on = ({ label: e, children: n }) => /* @__PURE__ */ s("span", { className: "bpb-tooltip", tabIndex: 0, role: "note", children: [
   /* @__PURE__ */ t("span", { className: "bpb-tooltip__term", children: e }),
   /* @__PURE__ */ t("span", { className: "bpb-tooltip__bubble", role: "tooltip", children: n })
 ] }), Oe = () => {
@@ -3810,7 +3810,7 @@ const Ne = ({
   onChange: a,
   className: r,
   ...o
-}) => /* @__PURE__ */ t("div", { role: "radiogroup", "aria-label": o["aria-label"], className: T("bpb-segmented", r), children: e.map((i) => {
+}) => /* @__PURE__ */ t("div", { role: "radiogroup", "aria-label": o["aria-label"], className: M("bpb-segmented", r), children: e.map((i) => {
   const l = i.value === n;
   return /* @__PURE__ */ s(
     "button",
@@ -3818,7 +3818,7 @@ const Ne = ({
       type: "button",
       role: "radio",
       "aria-checked": l,
-      className: T("bpb-segmented__option", l && "bpb-segmented__option--selected"),
+      className: M("bpb-segmented__option", l && "bpb-segmented__option--selected"),
       onClick: () => a(i.value),
       children: [
         i.label,
@@ -3831,7 +3831,7 @@ const Ne = ({
   "span",
   {
     "aria-hidden": !0,
-    className: T("bpb-skeleton", a && "bpb-skeleton--rounded", r),
+    className: M("bpb-skeleton", a && "bpb-skeleton--rounded", r),
     style: { width: e ?? "100%", height: n }
   }
 );
@@ -3867,9 +3867,9 @@ const kr = ({
   featureDescriptions: d
 }) => {
   var re, P, J;
-  const { isOutdatedBilling: c, toast: m, analytics: u } = D(), [p, y] = O(o), { data: _, isLoading: w } = Te(), { data: v } = Fe(), { data: h } = Se({ enabled: e }), { data: C } = rt({ enabled: e }), x = ct(), B = (C == null ? void 0 : C.planReadonly) ?? !1, E = h == null ? void 0 : h.plan.current.interval, f = _ == null ? void 0 : _.find((A) => A.id === (h == null ? void 0 : h.plan.current.planId)), I = h ? f ? ge(f) : "community" : void 0, L = ((re = h == null ? void 0 : h.plan.next) == null ? void 0 : re.planId) ?? null, b = !!L && L !== (h == null ? void 0 : h.plan.current.planId), M = B || I === "enterprise" || I === "managed", S = ye(() => _ ? _.filter(
+  const { isOutdatedBilling: c, toast: m, analytics: u } = D(), [p, y] = O(o), { data: _, isLoading: w } = Te(), { data: v } = Fe(), { data: h } = Se({ enabled: e }), { data: C } = rt({ enabled: e }), x = ct(), B = (C == null ? void 0 : C.planReadonly) ?? !1, E = h == null ? void 0 : h.plan.current.interval, f = _ == null ? void 0 : _.find((A) => A.id === (h == null ? void 0 : h.plan.current.planId)), I = h ? f ? ge(f) : "community" : void 0, L = ((re = h == null ? void 0 : h.plan.next) == null ? void 0 : re.planId) ?? null, b = !!L && L !== (h == null ? void 0 : h.plan.current.planId), T = B || I === "enterprise" || I === "managed", S = ye(() => _ ? _.filter(
     (A) => ge(A) !== "managed" && ge(A) !== "enterprise" && !i.includes(A.id)
-  ).sort((A, se) => Ze.indexOf(ge(A)) - Ze.indexOf(ge(se))) : [], [_, i]), X = ye(() => vr(S), [S]), Z = ((J = (P = _ == null ? void 0 : _.find((A) => ge(A) === "enterprise")) == null ? void 0 : P.metadata) == null ? void 0 : J.contact_url) ?? Ja, pe = (A) => {
+  ).sort((A, se) => Ze.indexOf(ge(A)) - Ze.indexOf(ge(se))) : [], [_, i]), X = ye(() => vr(S), [S]), Z = ((J = (P = _ == null ? void 0 : _.find((A) => ge(A) === "enterprise")) == null ? void 0 : P.metadata) == null ? void 0 : J.contact_url) ?? Ja, be = (A) => {
     x.mutate(
       { planId: A.id, interval: p },
       {
@@ -3925,7 +3925,7 @@ const kr = ({
         return /* @__PURE__ */ s(
           "div",
           {
-            className: T("bpb-plan-card", me && "bpb-plan-card--highlighted"),
+            className: M("bpb-plan-card", me && "bpb-plan-card--highlighted"),
             "data-plan-id": A.id,
             children: [
               /* @__PURE__ */ s("div", { className: "bpb-plan-card__header", children: [
@@ -3934,7 +3934,7 @@ const kr = ({
                   me && /* @__PURE__ */ t(At, { className: "bpb-plan-card__badge", children: "Recommended" })
                 ] }),
                 /* @__PURE__ */ t("p", { className: "bpb-plan-card__tagline", children: A.description }),
-                /* @__PURE__ */ t("div", { className: "bpb-plan-card__price", children: $ !== null && F ? /* @__PURE__ */ s(be, { children: [
+                /* @__PURE__ */ t("div", { className: "bpb-plan-card__price", children: $ !== null && F ? /* @__PURE__ */ s(pe, { children: [
                   /* @__PURE__ */ t("span", { className: "bpb-plan-card__currency", children: Qa(F.currency) }),
                   /* @__PURE__ */ t("span", { className: "bpb-plan-card__amount", children: Number.isInteger($) ? $ : $.toFixed(2).replace(/\.00$/, "") }),
                   /* @__PURE__ */ s("span", { className: "bpb-plan-card__per", children: [
@@ -3969,9 +3969,9 @@ const kr = ({
                 {
                   variant: "outline",
                   block: !0,
-                  disabled: M || x.isPending,
+                  disabled: T || x.isPending,
                   loading: R,
-                  onClick: () => pe(A),
+                  onClick: () => be(A),
                   children: "Downgrade"
                 }
               ),
@@ -3980,8 +3980,8 @@ const kr = ({
                 {
                   variant: "primary",
                   block: !0,
-                  disabled: M || x.isPending,
-                  title: M ? "Your plan is managed by Botpress — contact us to change it" : void 0,
+                  disabled: T || x.isPending,
+                  title: T ? "Your plan is managed by Botpress — contact us to change it" : void 0,
                   onClick: () => {
                     var H;
                     (H = u.trackPlanUpgradeInitiated) == null || H.call(u, {
@@ -3998,8 +3998,8 @@ const kr = ({
                 {
                   variant: me ? "accent" : "primary",
                   block: !0,
-                  disabled: M || x.isPending,
-                  title: M ? "Your plan is managed by Botpress — contact us to change it" : void 0,
+                  disabled: T || x.isPending,
+                  title: T ? "Your plan is managed by Botpress — contact us to change it" : void 0,
                   onClick: () => {
                     var H;
                     (H = u.trackPlanUpgradeInitiated) == null || H.call(u, {
@@ -4023,7 +4023,7 @@ const kr = ({
                   const ve = Tt(H), we = er(H, d);
                   return /* @__PURE__ */ s("li", { children: [
                     /* @__PURE__ */ t("span", { className: "bpb-plan-card__feature-chip", children: /* @__PURE__ */ t(ve, { size: 13 }) }),
-                    we ? /* @__PURE__ */ t(ln, { label: H, children: we }) : /* @__PURE__ */ t("span", { children: H })
+                    we ? /* @__PURE__ */ t(on, { label: H, children: we }) : /* @__PURE__ */ t("span", { children: H })
                   ] }, H);
                 })
               ] })
@@ -4044,13 +4044,13 @@ const kr = ({
       "."
     ] })
   ] }) });
-}, cn = '-apple-system, "ui-sans-serif", "system-ui", "Segoe UI", Helvetica, Arial, sans-serif', dn = "14px", Kn = "10px";
+}, ln = '-apple-system, "ui-sans-serif", "system-ui", "Segoe UI", Helvetica, Arial, sans-serif', cn = "14px", Kn = "10px";
 function Bt(e) {
   return e ? {
     theme: "night",
     variables: {
-      fontFamily: cn,
-      fontSizeBase: dn,
+      fontFamily: ln,
+      fontSizeBase: cn,
       borderRadius: Kn,
       colorPrimary: "#ececec",
       colorBackground: "#1c1c1c",
@@ -4074,8 +4074,8 @@ function Bt(e) {
   } : {
     theme: "stripe",
     variables: {
-      fontFamily: cn,
-      fontSizeBase: dn,
+      fontFamily: ln,
+      fontSizeBase: cn,
       borderRadius: Kn,
       colorPrimary: "#0d0d0d",
       colorBackground: "#f7f7f7",
@@ -4107,8 +4107,8 @@ function Bt(e) {
 function Lt(e) {
   return {
     base: {
-      fontFamily: cn,
-      fontSize: dn,
+      fontFamily: ln,
+      fontSize: cn,
       color: e ? "#f9f9f9" : "#0d0d0d",
       "::placeholder": { color: e ? "#9b9b9b" : "#8f8f8f" }
     },
@@ -4130,8 +4130,8 @@ const wr = 4, Cr = ({
   isSubmitting: l,
   onSubscribe: d
 }) => {
-  var X, Z, pe, ue, re;
-  const { locale: c } = D(), { data: m } = Fe(), u = ((X = e == null ? void 0 : e.prices.month) == null ? void 0 : X.currency) ?? ((Z = e == null ? void 0 : e.prices.year) == null ? void 0 : Z.currency) ?? "usd", p = e == null ? void 0 : e.features.conversation_sessions, y = e ? It(m, e, n) : null, _ = (a == null ? void 0 : a.costs.immediate.amountDue) ?? 0, w = (a == null ? void 0 : a.costs.immediate.accountBalance) ?? 0, v = (a == null ? void 0 : a.costs.nextCycle.total) ?? 0, h = a != null && a.nextBillingDate ? Me(Ha(a.nextBillingDate, 1), c) : null, C = e ? xt[ge(e)].slice(0, wr) : [], x = e ? ((pe = e.prices[n]) == null ? void 0 : pe.amount) ?? 0 : 0, B = (a == null ? void 0 : a.costs.immediate.lineItems) ?? [], E = B.filter((P) => P.type === "discount"), f = B.filter((P) => P.type === "proration_credit" || P.type === "proration_charge").reduce((P, J) => P + J.amount, 0), I = !!(a != null && a.subscription.plan.effectiveDate), L = ((ue = e == null ? void 0 : e.prices.month) == null ? void 0 : ue.amount) ?? 0, b = ((re = e == null ? void 0 : e.prices.year) == null ? void 0 : re.amount) ?? 0, M = n === "year" && L > 0 && b > 0 ? Math.round(L * 12 - b) : 0, S = Math.round(M / 12);
+  var X, Z, be, ue, re;
+  const { locale: c } = D(), { data: m } = Fe(), u = ((X = e == null ? void 0 : e.prices.month) == null ? void 0 : X.currency) ?? ((Z = e == null ? void 0 : e.prices.year) == null ? void 0 : Z.currency) ?? "usd", p = e == null ? void 0 : e.features.conversation_sessions, y = e ? It(m, e, n) : null, _ = (a == null ? void 0 : a.costs.immediate.amountDue) ?? 0, w = (a == null ? void 0 : a.costs.immediate.accountBalance) ?? 0, v = (a == null ? void 0 : a.costs.nextCycle.total) ?? 0, h = a != null && a.nextBillingDate ? Me(Ha(a.nextBillingDate, 1), c) : null, C = e ? xt[ge(e)].slice(0, wr) : [], x = e ? ((be = e.prices[n]) == null ? void 0 : be.amount) ?? 0 : 0, B = (a == null ? void 0 : a.costs.immediate.lineItems) ?? [], E = B.filter((P) => P.type === "discount"), f = B.filter((P) => P.type === "proration_credit" || P.type === "proration_charge").reduce((P, J) => P + J.amount, 0), I = !!(a != null && a.subscription.plan.effectiveDate), L = ((ue = e == null ? void 0 : e.prices.month) == null ? void 0 : ue.amount) ?? 0, b = ((re = e == null ? void 0 : e.prices.year) == null ? void 0 : re.amount) ?? 0, T = n === "year" && L > 0 && b > 0 ? Math.round(L * 12 - b) : 0, S = Math.round(T / 12);
   return /* @__PURE__ */ s("div", { className: "bpb-summary-wrap", children: [
     /* @__PURE__ */ s("div", { className: "bpb-summary", children: [
       /* @__PURE__ */ t("h3", { className: "bpb-summary__title", children: e ? `${ee(e.name)} plan` : /* @__PURE__ */ t(q, { width: 140, height: 24 }) }),
@@ -4145,7 +4145,7 @@ const wr = 4, Cr = ({
           te(y.packSize)
         ] })
       ] }),
-      C.length > 0 && /* @__PURE__ */ s(be, { children: [
+      C.length > 0 && /* @__PURE__ */ s(pe, { children: [
         /* @__PURE__ */ t("p", { className: "bpb-summary__features-label", children: "Top features" }),
         /* @__PURE__ */ t("ul", { className: "bpb-summary__features", children: C.map((P) => {
           const J = Tt(P);
@@ -4180,7 +4180,7 @@ const wr = 4, Cr = ({
           ] })
         ] }),
         /* @__PURE__ */ s("div", { className: "bpb-summary__line", children: [
-          /* @__PURE__ */ t("span", { className: "bpb-summary__line-label", children: /* @__PURE__ */ t(ln, { label: "Prorated for today", children: "Switching mid-period, we charge only for the time left in your current billing period. The full plan price above is billed at your next renewal, not today." }) }),
+          /* @__PURE__ */ t("span", { className: "bpb-summary__line-label", children: /* @__PURE__ */ t(on, { label: "Prorated for today", children: "Switching mid-period, we charge only for the time left in your current billing period. The full plan price above is billed at your next renewal, not today." }) }),
           /* @__PURE__ */ t("span", { className: "bpb-summary__line-amount", children: j(_, u) })
         ] }),
         /* @__PURE__ */ s("div", { className: "bpb-summary__line bpb-summary__line--total", children: [
@@ -4211,7 +4211,7 @@ const wr = 4, Cr = ({
           /* @__PURE__ */ t("span", { className: "bpb-summary__line-amount", children: j(P.amount, u) })
         ] }, `${P.id}-${J}`)),
         f !== 0 && /* @__PURE__ */ s("div", { className: "bpb-summary__line", children: [
-          /* @__PURE__ */ t("span", { className: "bpb-summary__line-label", children: /* @__PURE__ */ t(ln, { label: f < 0 ? "Credit for unused time" : "Adjustment for unused time", children: f < 0 ? "You already paid for time left in your current billing period. We credit that unused time and re-apply it at your new rate, so you’re never double-charged." : "Switching mid-cycle means we prorate the difference between your old and new plan for the days remaining in your current billing period." }) }),
+          /* @__PURE__ */ t("span", { className: "bpb-summary__line-label", children: /* @__PURE__ */ t(on, { label: f < 0 ? "Credit for unused time" : "Adjustment for unused time", children: f < 0 ? "You already paid for time left in your current billing period. We credit that unused time and re-apply it at your new rate, so you’re never double-charged." : "Switching mid-cycle means we prorate the difference between your old and new plan for the days remaining in your current billing period." }) }),
           /* @__PURE__ */ t("span", { className: "bpb-summary__line-amount", children: j(f, u) })
         ] }),
         w !== 0 && /* @__PURE__ */ s("div", { className: "bpb-summary__line", children: [
@@ -4228,14 +4228,14 @@ const wr = 4, Cr = ({
           " is applied as credit on your next invoice."
         ] })
       ] }),
-      M > 0 && /* @__PURE__ */ s("div", { className: "bpb-summary__savings", children: [
+      T > 0 && /* @__PURE__ */ s("div", { className: "bpb-summary__savings", children: [
         /* @__PURE__ */ t(Mt, { size: 18, className: "bpb-summary__savings-icon" }),
         /* @__PURE__ */ s("span", { children: [
           "You’re saving ",
           j(S, u, 0),
           "/month by choosing an annual plan. That’s",
           " ",
-          j(M, u, 0),
+          j(T, u, 0),
           "/year."
         ] })
       ] }),
@@ -4324,16 +4324,16 @@ function zt(e) {
   const n = e.toUpperCase();
   return xr.includes(n) ? Ir : Sr[n] ?? [];
 }
-const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("label", { className: T("bpb-input", n), children: [
+const dn = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("label", { className: M("bpb-input", n), children: [
   /* @__PURE__ */ t("span", { className: "bpb-input__label", children: e }),
   /* @__PURE__ */ t("input", { className: "bpb-input__field bpb-input__field--labeled", id: a, ...r })
-] }) : /* @__PURE__ */ t("input", { className: T("bpb-input__field", n), id: a, ...r }), Et = ({ label: e, className: n, children: a, ...r }) => /* @__PURE__ */ s("label", { className: T("bpb-input", n), children: [
+] }) : /* @__PURE__ */ t("input", { className: M("bpb-input__field", n), id: a, ...r }), Et = ({ label: e, className: n, children: a, ...r }) => /* @__PURE__ */ s("label", { className: M("bpb-input", n), children: [
   e && /* @__PURE__ */ t("span", { className: "bpb-input__label", children: e }),
   /* @__PURE__ */ s("span", { className: "bpb-input__select-wrap", children: [
     /* @__PURE__ */ t(
       "select",
       {
-        className: T("bpb-input__field bpb-input__field--select", e && "bpb-input__field--labeled"),
+        className: M("bpb-input__field bpb-input__field--select", e && "bpb-input__field--labeled"),
         ...r,
         children: a
       }
@@ -4355,7 +4355,7 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
           type: "button",
           role: "radio",
           "aria-checked": n === "month",
-          className: T("bpb-interval-card", n === "month" && "bpb-interval-card--selected"),
+          className: M("bpb-interval-card", n === "month" && "bpb-interval-card--selected"),
           onClick: () => a("month"),
           children: [
             /* @__PURE__ */ t("span", { className: "bpb-interval-card__title", children: "Monthly billing" }),
@@ -4372,7 +4372,7 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
           type: "button",
           role: "radio",
           "aria-checked": n === "year",
-          className: T("bpb-interval-card", n === "year" && "bpb-interval-card--selected"),
+          className: M("bpb-interval-card", n === "year" && "bpb-interval-card--selected"),
           onClick: () => a("year"),
           children: [
             /* @__PURE__ */ s("span", { className: "bpb-interval-card__title", children: [
@@ -4392,7 +4392,7 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
       )
     ] })
   ] });
-}, nn = ({
+}, un = ({
   number: e,
   title: n,
   onEdit: a
@@ -4421,10 +4421,10 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
   onEdit: u
 }) => {
   const [p, y] = O(!1), _ = i === "new" || !r;
-  return n ? /* @__PURE__ */ s("section", { className: "bpb-step bpb-step--collapsed", children: [
-    /* @__PURE__ */ t(nn, { number: e, title: "Payment method", onEdit: u }),
-    r && i !== "new" ? /* @__PURE__ */ s("div", { className: "bpb-saved-card bpb-saved-card--readonly", children: [
-      /* @__PURE__ */ t(on, { brand: r.brand }),
+  return /* @__PURE__ */ s("section", { className: M("bpb-step", n && "bpb-step--collapsed"), children: [
+    /* @__PURE__ */ t(un, { number: e, title: "Payment method", onEdit: n ? u : void 0 }),
+    n ? r && i !== "new" ? /* @__PURE__ */ s("div", { className: "bpb-saved-card bpb-saved-card--readonly", children: [
+      /* @__PURE__ */ t(sn, { brand: r.brand }),
       /* @__PURE__ */ s("span", { className: "bpb-saved-card__number", children: [
         /* @__PURE__ */ t("span", { className: "bpb-saved-card__brand", children: r.brand }),
         " •••• ",
@@ -4435,55 +4435,54 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
         "/",
         String(r.expYear).slice(-2)
       ] })
-    ] }) : /* @__PURE__ */ t("p", { className: "bpb-step__summary", children: a })
-  ] }) : /* @__PURE__ */ s("section", { className: "bpb-step", children: [
-    /* @__PURE__ */ t(nn, { number: e, title: "Payment method" }),
-    r && /* @__PURE__ */ s("div", { className: "bpb-pay-tabs", role: "tablist", "aria-label": "Payment method", children: [
-      /* @__PURE__ */ s(
-        "button",
-        {
-          type: "button",
-          role: "tab",
-          "aria-selected": i === "saved",
-          className: T("bpb-pay-tab", i === "saved" && "bpb-pay-tab--selected"),
-          onClick: () => l("saved"),
-          children: [
-            /* @__PURE__ */ t(jn, { size: 16 }),
-            "Saved"
-          ]
-        }
-      ),
-      /* @__PURE__ */ s(
-        "button",
-        {
-          type: "button",
-          role: "tab",
-          "aria-selected": i === "new",
-          className: T("bpb-pay-tab", i === "new" && "bpb-pay-tab--selected"),
-          onClick: () => l("new"),
-          children: [
-            /* @__PURE__ */ t(jn, { size: 16 }),
-            "New card"
-          ]
-        }
-      )
-    ] }),
-    r && i === "saved" && /* @__PURE__ */ s("div", { className: "bpb-saved-card", children: [
-      /* @__PURE__ */ t(on, { brand: r.brand }),
-      /* @__PURE__ */ s("span", { className: "bpb-saved-card__number", children: [
-        /* @__PURE__ */ t("span", { className: "bpb-saved-card__brand", children: r.brand }),
-        " •••• ",
-        r.lastFour
+    ] }) : /* @__PURE__ */ t("p", { className: "bpb-step__summary", children: a }) : /* @__PURE__ */ s(pe, { children: [
+      r && /* @__PURE__ */ s("div", { className: "bpb-pay-tabs", role: "tablist", "aria-label": "Payment method", children: [
+        /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": i === "saved",
+            className: M("bpb-pay-tab", i === "saved" && "bpb-pay-tab--selected"),
+            onClick: () => l("saved"),
+            children: [
+              /* @__PURE__ */ t(jn, { size: 16 }),
+              "Saved"
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": i === "new",
+            className: M("bpb-pay-tab", i === "new" && "bpb-pay-tab--selected"),
+            onClick: () => l("new"),
+            children: [
+              /* @__PURE__ */ t(jn, { size: 16 }),
+              "New card"
+            ]
+          }
+        )
       ] }),
-      /* @__PURE__ */ s("span", { className: "bpb-saved-card__exp", children: [
-        String(r.expMonth).padStart(2, "0"),
-        "/",
-        String(r.expYear).slice(-2)
+      r && i === "saved" && /* @__PURE__ */ s("div", { className: "bpb-saved-card", children: [
+        /* @__PURE__ */ t(sn, { brand: r.brand }),
+        /* @__PURE__ */ s("span", { className: "bpb-saved-card__number", children: [
+          /* @__PURE__ */ t("span", { className: "bpb-saved-card__brand", children: r.brand }),
+          " •••• ",
+          r.lastFour
+        ] }),
+        /* @__PURE__ */ s("span", { className: "bpb-saved-card__exp", children: [
+          String(r.expMonth).padStart(2, "0"),
+          "/",
+          String(r.expYear).slice(-2)
+        ] })
       ] })
     ] }),
-    _ && /* @__PURE__ */ s("div", { className: "bpb-payment-element", children: [
-      !p && /* @__PURE__ */ t("div", { className: "bpb-payment-element__skeleton", children: /* @__PURE__ */ t(q, { height: 48 }) }),
-      /* @__PURE__ */ t("div", { className: T("bpb-card-element", !p && "bpb-payment-element--hidden"), children: /* @__PURE__ */ t(
+    _ && /* @__PURE__ */ s("div", { className: M("bpb-payment-element", n && "bpb-payment-element--hidden"), children: [
+      !p && !n && /* @__PURE__ */ t("div", { className: "bpb-payment-element__skeleton", children: /* @__PURE__ */ t(q, { height: 48 }) }),
+      /* @__PURE__ */ t("div", { className: M("bpb-card-element", !p && "bpb-payment-element--hidden"), children: /* @__PURE__ */ t(
         Xe,
         {
           options: { style: Lt(o), hidePostalCode: !0 },
@@ -4492,7 +4491,7 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
         }
       ) })
     ] }),
-    /* @__PURE__ */ t(de, { variant: "primary", block: !0, disabled: !c, onClick: m, children: "Next" })
+    !n && /* @__PURE__ */ t(de, { variant: "primary", block: !0, disabled: !c, onClick: m, children: "Next" })
   ] });
 }, Tr = ({
   stepNumber: e,
@@ -4517,9 +4516,9 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
   taxValue: B,
   onTaxValueChange: E
 }) => {
-  const [f, I] = O(!1), L = d || !o, b = zt(y), M = b.find((S) => S.type === C);
+  const [f, I] = O(!1), L = d || !o, b = zt(y), T = b.find((S) => S.type === C);
   return n ? /* @__PURE__ */ s("section", { className: "bpb-step bpb-step--collapsed", children: [
-    /* @__PURE__ */ t(nn, { number: e, title: "Billing address", onEdit: r }),
+    /* @__PURE__ */ t(un, { number: e, title: "Billing address", onEdit: r }),
     o ? /* @__PURE__ */ t("div", { className: "bpb-address-card bpb-address-card--readonly", children: /* @__PURE__ */ s("div", { className: "bpb-address-card__lines", children: [
       i && /* @__PURE__ */ t("span", { className: "bpb-address-card__name", children: i }),
       /* @__PURE__ */ s("span", { children: [
@@ -4529,13 +4528,13 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
       /* @__PURE__ */ t("span", { children: [o.city, o.state, o.postalCode, o.country].filter(Boolean).join(", ") })
     ] }) }) : /* @__PURE__ */ t("p", { className: "bpb-step__summary", children: a })
   ] }) : /* @__PURE__ */ s("section", { className: "bpb-step", children: [
-    /* @__PURE__ */ t(nn, { number: e, title: "Billing address" }),
+    /* @__PURE__ */ t(un, { number: e, title: "Billing address" }),
     l ? /* @__PURE__ */ t(q, { height: 72 }) : L ? /* @__PURE__ */ s("div", { className: "bpb-payment-element", children: [
       !f && /* @__PURE__ */ s("div", { className: "bpb-payment-element__skeleton", children: [
         /* @__PURE__ */ t(q, { height: 48 }),
         /* @__PURE__ */ t(q, { height: 48 })
       ] }),
-      /* @__PURE__ */ t("div", { className: T(!f && "bpb-payment-element--hidden"), children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t("div", { className: M(!f && "bpb-payment-element--hidden"), children: /* @__PURE__ */ t(
         Qn,
         {
           options: {
@@ -4595,7 +4594,7 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
     _ && /* @__PURE__ */ s("div", { className: "bpb-business-fields", children: [
       /* @__PURE__ */ t("h4", { className: "bpb-step__subtitle", children: "Business details" }),
       /* @__PURE__ */ t(
-        un,
+        dn,
         {
           placeholder: "Business name",
           value: v,
@@ -4603,7 +4602,7 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
           autoComplete: "organization"
         }
       ),
-      b.length > 0 ? /* @__PURE__ */ s(be, { children: [
+      b.length > 0 ? /* @__PURE__ */ s(pe, { children: [
         /* @__PURE__ */ t(
           Et,
           {
@@ -4618,9 +4617,9 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
           }
         ),
         /* @__PURE__ */ t(
-          un,
+          dn,
           {
-            placeholder: M ? M.description : "Tax ID number",
+            placeholder: T ? T.description : "Tax ID number",
             value: B,
             onChange: (S) => E(S.target.value),
             inputMode: "text"
@@ -4631,11 +4630,11 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
   ] });
 }, Br = ({ planId: e, initialInterval: n, clientSecret: a, onSuccess: r }) => {
   var In;
-  const o = Zn(), i = Jn(), { email: l, toast: d, analytics: c, isDark: m } = D(), [u, p] = O(n), [y, _] = O("payment"), [w, v] = O(!1), [h, C] = O(null), [x, B] = O(!1), [E, f] = O(!1), [I, L] = O(!1), [b, M] = O(void 0), [S, X] = O(!1), [Z, pe] = O(""), [ue, re] = O(""), [P, J] = O(""), [A, se] = O(!1), [g, F] = O(null), { data: $ } = Te(), { data: W } = Se(), { data: K, isLoading: G } = nt(), { data: Y, isLoading: _e } = tt(), { data: me } = at(), U = $ == null ? void 0 : $.find((Ke) => Ke.id === e), le = ((In = K == null ? void 0 : K.paymentMethod) == null ? void 0 : In.card) ?? null, ne = (Y == null ? void 0 : Y.address) ?? null;
+  const o = Zn(), i = Jn(), { email: l, toast: d, analytics: c, isDark: m } = D(), [u, p] = O(n), [y, _] = O("payment"), [w, v] = O(!1), [h, C] = O(null), [x, B] = O(!1), [E, f] = O(!1), [I, L] = O(!1), [b, T] = O(void 0), [S, X] = O(!1), [Z, be] = O(""), [ue, re] = O(""), [P, J] = O(""), [A, se] = O(!1), [g, F] = O(null), { data: $ } = Te(), { data: W } = Se(), { data: K, isLoading: G } = nt(), { data: Y, isLoading: _e } = tt(), { data: me } = at(), U = $ == null ? void 0 : $.find((Ke) => Ke.id === e), le = ((In = K == null ? void 0 : K.paymentMethod) == null ? void 0 : In.card) ?? null, ne = (Y == null ? void 0 : Y.address) ?? null;
   Ae(() => {
     h === null && !G && K !== void 0 && C(le ? "saved" : "new");
   }, [h, G, K, le]), Ae(() => {
-    b === void 0 && ne && M(ne.country);
+    b === void 0 && ne && T(ne.country);
   }, [b, ne]);
   const he = ye(() => ({ plan: { planId: e, interval: u } }), [e, u]), oe = et(he), R = ot(), ce = it(), V = lt(), H = ct(), ve = U ? ee(U.name) : "", we = h === "new" || !le, je = E || !ne, Ve = we ? x : !!le, Le = je ? I : !0, Sn = () => {
     Ve && (v(!0), _("address"));
@@ -4741,12 +4740,12 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
           onEdit: () => f(!0),
           onCancelEdit: ne ? () => f(!1) : void 0,
           onCompleteChange: L,
-          onCountryChange: M,
+          onCountryChange: T,
           country: b,
           isBusiness: S,
           onIsBusinessChange: X,
           businessName: Z,
-          onBusinessNameChange: pe,
+          onBusinessNameChange: be,
           taxType: ue,
           onTaxTypeChange: re,
           taxValue: P,
@@ -4815,7 +4814,7 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
   ] }) });
 }, Pr = ({ value: e, onChange: n, min: a = 0, max: r, step: o = 1, className: i, ...l }) => {
   const d = () => n(Math.max(a, e - o)), c = () => n(r === void 0 ? e + o : Math.min(r, e + o));
-  return /* @__PURE__ */ s("div", { className: T("bpb-stepper", i), children: [
+  return /* @__PURE__ */ s("div", { className: M("bpb-stepper", i), children: [
     /* @__PURE__ */ t(
       "button",
       {
@@ -4869,7 +4868,7 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
     [p, y, h]
   ), f = et(E ?? { plan: { planId: "", interval: y } }, {
     enabled: !!E && x
-  }), I = ((P = p == null ? void 0 : p.prices[y]) == null ? void 0 : P.currency) ?? "usd", L = ((J = f.data) == null ? void 0 : J.costs.immediate.amountDue) ?? 0, b = (A = f.data) != null && A.nextBillingDate ? Me(f.data.nextBillingDate, r) : null, M = ((se = p == null ? void 0 : p.prices[y]) == null ? void 0 : se.amount) ?? 0, S = M + B, X = p && h ? tr(p, i, h) : [], Z = (g, F) => F === "bytes" ? $e(g) : te(g), pe = (g, F) => {
+  }), I = ((P = p == null ? void 0 : p.prices[y]) == null ? void 0 : P.currency) ?? "usd", L = ((J = f.data) == null ? void 0 : J.costs.immediate.amountDue) ?? 0, b = (A = f.data) != null && A.nextBillingDate ? Me(f.data.nextBillingDate, r) : null, T = ((se = p == null ? void 0 : p.prices[y]) == null ? void 0 : se.amount) ?? 0, S = T + B, X = p && h ? tr(p, i, h) : [], Z = (g, F) => F === "bytes" ? $e(g) : te(g), be = (g, F) => {
     const $ = i == null ? void 0 : i.find((Y) => Y.id === g), W = $ == null ? void 0 : $.increments;
     if (!W || F <= 0)
       return null;
@@ -4899,7 +4898,7 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
       "Add-ons aren’t available on the ",
       p ? ee(p.name) : "current",
       " plan. Upgrade to a paid plan to add extra usage."
-    ] }) : /* @__PURE__ */ s(be, { children: [
+    ] }) : /* @__PURE__ */ s(pe, { children: [
       /* @__PURE__ */ t("div", { className: "bpb-addons", children: C.map(({ addon: g, price: F }) => {
         var G;
         const $ = ((G = o == null ? void 0 : o.addons[g.id]) == null ? void 0 : G.current.quantity) ?? 0, W = (h == null ? void 0 : h[g.id]) ?? 0, K = W !== $ ? W === 0 ? `${$} active now · removed${w ? ` ${w}` : " next cycle"}` : `${$} active now · ${W}${w ? ` from ${w}` : " next cycle"}` : $ > 0 ? `${$} active` : null;
@@ -4914,7 +4913,7 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
             K && /* @__PURE__ */ t(
               "span",
               {
-                className: T(
+                className: M(
                   "bpb-addon-row__status",
                   W !== $ && "bpb-addon-row__status--changed"
                 ),
@@ -4923,7 +4922,7 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
             )
           ] }),
           /* @__PURE__ */ s("div", { className: "bpb-addon-row__control", children: [
-            pe(g.id, W) && /* @__PURE__ */ t("span", { className: "bpb-addon-row__grant", children: pe(g.id, W) }),
+            be(g.id, W) && /* @__PURE__ */ t("span", { className: "bpb-addon-row__grant", children: be(g.id, W) }),
             /* @__PURE__ */ t(
               Pr,
               {
@@ -4949,7 +4948,7 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
       /* @__PURE__ */ s("div", { className: "bpb-manage-addons__totals", children: [
         /* @__PURE__ */ s("div", { className: "bpb-manage-addons__line", children: [
           /* @__PURE__ */ t("span", { children: p ? `${ee(p.name)} plan` : "Plan" }),
-          /* @__PURE__ */ t("span", { children: j(M, I) })
+          /* @__PURE__ */ t("span", { children: j(T, I) })
         ] }),
         C.map(({ addon: g, price: F }) => {
           const $ = (h == null ? void 0 : h[g.id]) ?? 0;
@@ -5071,7 +5070,7 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
   onSuccess: a
 }) => {
   var oe;
-  const r = Zn(), o = Jn(), { toast: i } = D(), { data: l, isLoading: d } = nt(), { data: c, isLoading: m } = tt(), { data: u, isLoading: p } = at(), y = ot(), _ = it(), w = lt(), v = ((oe = l == null ? void 0 : l.paymentMethod) == null ? void 0 : oe.card) ?? null, h = (c == null ? void 0 : c.address) ?? null, C = (u == null ? void 0 : u.taxIds) ?? [], [x, B] = O(!1), [E, f] = O(!1), [I, L] = O(!1), [b, M] = O(!1), [S, X] = O(null), [Z, pe] = O(!1), [ue, re] = O(!1), [P, J] = O(null), [A, se] = O(h == null ? void 0 : h.country), [g, F] = O(C.length > 0), [$, W] = O(null), K = $ ?? C.map((R) => ({ type: R.type, value: R.value })), G = zt(A), Y = $ !== null, _e = x || !v, me = (R, ce) => W(K.map((V, H) => H === R ? { ...V, ...ce } : V)), U = () => {
+  const r = Zn(), o = Jn(), { toast: i } = D(), { data: l, isLoading: d } = nt(), { data: c, isLoading: m } = tt(), { data: u, isLoading: p } = at(), y = ot(), _ = it(), w = lt(), v = ((oe = l == null ? void 0 : l.paymentMethod) == null ? void 0 : oe.card) ?? null, h = (c == null ? void 0 : c.address) ?? null, C = (u == null ? void 0 : u.taxIds) ?? [], [x, B] = O(!1), [E, f] = O(!1), [I, L] = O(!1), [b, T] = O(!1), [S, X] = O(null), [Z, be] = O(!1), [ue, re] = O(!1), [P, J] = O(null), [A, se] = O(h == null ? void 0 : h.country), [g, F] = O(C.length > 0), [$, W] = O(null), K = $ ?? C.map((R) => ({ type: R.type, value: R.value })), G = zt(A), Y = $ !== null, _e = x || !v, me = (R, ce) => W(K.map((V, H) => H === R ? { ...V, ...ce } : V)), U = () => {
     var R;
     return W([...K, { type: ((R = G[0]) == null ? void 0 : R.type) ?? "", value: "" }]);
   }, le = (R) => W(K.filter((ce, V) => V !== R)), ne = async () => {
@@ -5079,7 +5078,7 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
       return;
     const R = o.getElement(Xe);
     if (R) {
-      M(!0), X(null);
+      T(!0), X(null);
       try {
         const { error: ce, setupIntent: V } = await r.confirmCardSetup(e, {
           payment_method: { card: R }
@@ -5096,7 +5095,7 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
       } catch {
         X("We couldn’t save your card. Please check your details and try again.");
       } finally {
-        M(!1);
+        T(!1);
       }
     }
   }, he = async () => {
@@ -5149,7 +5148,7 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
           /* @__PURE__ */ t(de, { variant: "primary", disabled: !I, loading: b, onClick: ne, children: "Save card" })
         ] })
       ] }) : /* @__PURE__ */ s("div", { className: "bpb-saved-card", children: [
-        /* @__PURE__ */ t(on, { brand: v.brand }),
+        /* @__PURE__ */ t(sn, { brand: v.brand }),
         /* @__PURE__ */ s("span", { className: "bpb-saved-card__number", children: [
           /* @__PURE__ */ t("span", { className: "bpb-saved-card__brand", children: v.brand }),
           " •••• ",
@@ -5185,7 +5184,7 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
                 }
               } : void 0
             },
-            onReady: () => pe(!0),
+            onReady: () => be(!0),
             onChange: (R) => se(R.value.address.country || void 0)
           }
         ) }),
@@ -5202,7 +5201,7 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
                   vn,
                   {
                     size: 16,
-                    className: T("bpb-tax-toggle__chevron", g && "bpb-tax-toggle__chevron--open")
+                    className: M("bpb-tax-toggle__chevron", g && "bpb-tax-toggle__chevron--open")
                   }
                 ),
                 "Tax IDs",
@@ -5227,7 +5226,7 @@ const un = ({ label: e, className: n, id: a, ...r }) => e ? /* @__PURE__ */ s("l
                 }
               ),
               /* @__PURE__ */ t(
-                un,
+                dn,
                 {
                   placeholder: "Tax ID number",
                   value: R.value,
@@ -5304,7 +5303,7 @@ const Ur = [
       }
     ) })
   ] }, i.botId)) });
-}, an = ({
+}, tn = ({
   entry: e,
   metric: n,
   planAllowance: a,
@@ -5326,7 +5325,7 @@ const Ur = [
       /* @__PURE__ */ t("div", { className: "bpb-usage-bar", role: "progressbar", "aria-valuenow": i, "aria-valuemin": 0, "aria-valuemax": 100, children: /* @__PURE__ */ t(
         "div",
         {
-          className: T("bpb-usage-bar__fill", `bpb-usage-bar__fill--${d}`),
+          className: M("bpb-usage-bar__fill", `bpb-usage-bar__fill--${d}`),
           style: { width: `${l}%` }
         }
       ) }),
@@ -5344,20 +5343,20 @@ const Ur = [
     0,
     l.findIndex((b) => b.value === d)
   ), p = (b) => {
-    const M = l[u + b];
-    M && c(M.value);
+    const T = l[u + b];
+    T && c(T.value);
   }, { data: y, isLoading: _, isError: w } = We({ period: d, enabled: !o }), { data: v } = Se({ enabled: !o }), { data: h } = Te(), C = h == null ? void 0 : h.find((b) => b.id === (v == null ? void 0 : v.plan.current.planId)), x = C ? ee(C.name) : void 0, B = (b) => C == null ? void 0 : C.features[b];
   if (o)
-    return /* @__PURE__ */ t("div", { className: T("bpb-usage bpb-scope", r), children: /* @__PURE__ */ t(Oe, {}) });
+    return /* @__PURE__ */ t("div", { className: M("bpb-usage bpb-scope", r), children: /* @__PURE__ */ t(Oe, {}) });
   if (_)
-    return /* @__PURE__ */ s("div", { className: T("bpb-usage bpb-scope", r), "aria-busy": "true", children: [
+    return /* @__PURE__ */ s("div", { className: M("bpb-usage bpb-scope", r), "aria-busy": "true", children: [
       /* @__PURE__ */ t(q, { height: 80 }),
       /* @__PURE__ */ t(q, { height: 140 })
     ] });
   if (w || !y)
-    return /* @__PURE__ */ t("div", { className: T("bpb-usage bpb-scope", r), children: /* @__PURE__ */ t("p", { className: "bpb-usage__error", role: "alert", children: "We couldn’t load your usage. Try again in a moment." }) });
+    return /* @__PURE__ */ t("div", { className: M("bpb-usage bpb-scope", r), children: /* @__PURE__ */ t("p", { className: "bpb-usage__error", role: "alert", children: "We couldn’t load your usage. Try again in a moment." }) });
   const E = y.conversation_sessions, f = y.ai_spend, I = Ur.filter((b) => y[b.key]);
-  return /* @__PURE__ */ s("div", { className: T("bpb-usage bpb-scope", r), children: [
+  return /* @__PURE__ */ s("div", { className: M("bpb-usage bpb-scope", r), children: [
     n && l.length > 1 && /* @__PURE__ */ s("div", { className: "bpb-usage__header", children: [
       /* @__PURE__ */ t("span", { className: "bpb-usage__header-title", children: "Usage" }),
       /* @__PURE__ */ s("div", { className: "bpb-usage__period", children: [
@@ -5406,7 +5405,7 @@ const Ur = [
       /* @__PURE__ */ t("h3", { className: "bpb-usage__group-title", children: "Conversations" }),
       /* @__PURE__ */ t("p", { className: "bpb-usage__group-hint", children: "Each conversation includes AI usage. When you reach your limit, extra conversations are added automatically so service continues." }),
       /* @__PURE__ */ t("div", { className: "bpb-usage__card", children: /* @__PURE__ */ t(
-        an,
+        tn,
         {
           entry: E,
           metric: { key: "conversation_sessions", label: "Conversations", unit: "count" },
@@ -5419,7 +5418,7 @@ const Ur = [
       /* @__PURE__ */ t("h3", { className: "bpb-usage__group-title", children: "Storage" }),
       /* @__PURE__ */ t("p", { className: "bpb-usage__group-hint", children: "Shared across files, knowledge base, and tables." }),
       /* @__PURE__ */ t("div", { className: "bpb-usage__card", children: I.map((b) => /* @__PURE__ */ t(
-        an,
+        tn,
         {
           entry: y[b.key],
           metric: b,
@@ -5432,7 +5431,7 @@ const Ur = [
     f && /* @__PURE__ */ s("section", { className: "bpb-usage__group", children: [
       /* @__PURE__ */ t("h3", { className: "bpb-usage__group-title", children: "AI usage" }),
       /* @__PURE__ */ t("p", { className: "bpb-usage__group-hint", children: "Each conversation includes an AI allowance — this is how much you’ve used." }),
-      /* @__PURE__ */ t("div", { className: "bpb-usage__card", children: /* @__PURE__ */ t(an, { entry: f, metric: { key: "ai_spend", label: "AI spend", unit: "nano-usd" } }) }),
+      /* @__PURE__ */ t("div", { className: "bpb-usage__card", children: /* @__PURE__ */ t(tn, { entry: f, metric: { key: "ai_spend", label: "AI spend", unit: "nano-usd" } }) }),
       m && /* @__PURE__ */ s("div", { className: "bpb-usage__card bpb-usage__card--bots", children: [
         /* @__PURE__ */ t("span", { className: "bpb-usage__subhead", children: "AI spend by bot" }),
         /* @__PURE__ */ t(qr, { period: d })
@@ -5458,11 +5457,11 @@ const Ur = [
   if (d || !v || m)
     return null;
   const h = Fr[v.key] ?? v.key.replace(/_/g, " "), C = Math.min(100, Math.round(v.pct * 100)), x = a ?? (() => y(!0)), B = v.pct >= 1, E = B ? "critical" : "warning";
-  return /* @__PURE__ */ s(be, { children: [
+  return /* @__PURE__ */ s(pe, { children: [
     /* @__PURE__ */ s(
       "div",
       {
-        className: T(
+        className: M(
           "bpb-usage-banner bpb-scope",
           `bpb-usage-banner--${e}`,
           `bpb-usage-banner--${E}`,
@@ -5472,11 +5471,11 @@ const Ur = [
         "aria-live": "polite",
         children: [
           /* @__PURE__ */ t(hr, { size: 18, className: "bpb-usage-banner__icon" }),
-          /* @__PURE__ */ t("p", { className: "bpb-usage-banner__text", children: B ? /* @__PURE__ */ s(be, { children: [
+          /* @__PURE__ */ t("p", { className: "bpb-usage-banner__text", children: B ? /* @__PURE__ */ s(pe, { children: [
             "You’ve reached your ",
             h,
             " limit. Upgrade now to avoid interruptions."
-          ] }) : /* @__PURE__ */ s(be, { children: [
+          ] }) : /* @__PURE__ */ s(pe, { children: [
             "You’ve used ",
             /* @__PURE__ */ s("strong", { children: [
               C,
@@ -5502,7 +5501,7 @@ const Ur = [
         ]
       }
     ),
-    !a && /* @__PURE__ */ s(be, { children: [
+    !a && /* @__PURE__ */ s(pe, { children: [
       /* @__PURE__ */ t(
         kr,
         {
@@ -5534,7 +5533,7 @@ const Ur = [
     "button",
     {
       type: "button",
-      className: T(
+      className: M(
         "bpb-summary-card bpb-scope",
         e === "Add-ons" ? "bpb-summary-card--addons" : "bpb-summary-card--plan",
         n
@@ -5563,13 +5562,13 @@ const Ur = [
   if (a)
     return /* @__PURE__ */ t(Rt, { eyebrow: "Current plan", className: n });
   if (o || l)
-    return /* @__PURE__ */ t(q, { height: 84, rounded: !0, className: T("bpb-scope", n) });
+    return /* @__PURE__ */ t(q, { height: 84, rounded: !0, className: M("bpb-scope", n) });
   const d = r == null ? void 0 : r.plan.current, c = i == null ? void 0 : i.find((h) => h.id === (d == null ? void 0 : d.planId)), m = (d == null ? void 0 : d.interval) ?? "month", u = ((w = c == null ? void 0 : c.prices[m]) == null ? void 0 : w.amount) ?? 0, p = ((v = c == null ? void 0 : c.prices[m]) == null ? void 0 : v.currency) ?? "usd", y = c == null ? void 0 : c.features.conversation_sessions, _ = c ? ge(c) : "community";
   return /* @__PURE__ */ s(
     "button",
     {
       type: "button",
-      className: T(
+      className: M(
         "bpb-summary-card bpb-summary-card--plan bpb-scope",
         `bpb-summary-card--tier-${_ === "managed" ? "enterprise" : _}`,
         n
@@ -5599,7 +5598,7 @@ const Ur = [
   if (a)
     return /* @__PURE__ */ t(Rt, { eyebrow: "Add-ons", className: n });
   if (o || l)
-    return /* @__PURE__ */ t(q, { height: 84, rounded: !0, className: T("bpb-scope", n) });
+    return /* @__PURE__ */ t(q, { height: 84, rounded: !0, className: M("bpb-scope", n) });
   const d = (i ?? []).flatMap((c) => {
     var u;
     const m = ((u = r == null ? void 0 : r.addons[c.id]) == null ? void 0 : u.current.quantity) ?? 0;
@@ -5609,7 +5608,7 @@ const Ur = [
     "button",
     {
       type: "button",
-      className: T(
+      className: M(
         "bpb-summary-card bpb-summary-card--addons bpb-scope",
         d.length > 0 && "bpb-summary-card--active",
         n
@@ -5620,14 +5619,14 @@ const Ur = [
         /* @__PURE__ */ s("div", { className: "bpb-summary-card__content", children: [
           /* @__PURE__ */ s("div", { className: "bpb-summary-card__body", children: [
             /* @__PURE__ */ t("span", { className: "bpb-summary-card__eyebrow", children: "Add-ons" }),
-            d.length > 0 ? /* @__PURE__ */ s(be, { children: [
+            d.length > 0 ? /* @__PURE__ */ s(pe, { children: [
               /* @__PURE__ */ s("span", { className: "bpb-summary-card__title", children: [
                 d.length,
                 " active add-on",
                 d.length > 1 ? "s" : ""
               ] }),
               /* @__PURE__ */ t("span", { className: "bpb-summary-card__meta", children: d.map((c) => `${c.quantity}× ${c.name}`).join(" · ") })
-            ] }) : /* @__PURE__ */ s(be, { children: [
+            ] }) : /* @__PURE__ */ s(pe, { children: [
               /* @__PURE__ */ t("span", { className: "bpb-summary-card__title", children: "No add-ons" }),
               /* @__PURE__ */ t("span", { className: "bpb-summary-card__meta", children: "Add extra conversations or storage" })
             ] })
@@ -5641,7 +5640,7 @@ const Ur = [
     }
   );
 }, cs = ({ onManage: e, className: n }) => {
-  var b, M;
+  var b, T;
   const { isOutdatedBilling: a, locale: r, manageBillingUrl: o } = D(), { data: i, isLoading: l } = Se({ enabled: !a }), { data: d, isLoading: c } = Te(), { data: m, isLoading: u } = Fe();
   if (a) {
     const S = () => o && window.open(o, "_blank", "noopener");
@@ -5649,7 +5648,7 @@ const Ur = [
       "button",
       {
         type: "button",
-        className: T("bpb-plan-banner bpb-plan-banner--community bpb-scope", n),
+        className: M("bpb-plan-banner bpb-plan-banner--community bpb-scope", n),
         onClick: S,
         disabled: !o,
         children: [
@@ -5667,13 +5666,13 @@ const Ur = [
     );
   }
   if (l || c || u)
-    return /* @__PURE__ */ t(q, { height: 132, rounded: !0, className: T("bpb-scope", n) });
+    return /* @__PURE__ */ t(q, { height: 132, rounded: !0, className: M("bpb-scope", n) });
   const p = i == null ? void 0 : i.plan.current, y = d == null ? void 0 : d.find((S) => S.id === (p == null ? void 0 : p.planId)), _ = (p == null ? void 0 : p.interval) ?? "month", w = ((b = y == null ? void 0 : y.prices[_]) == null ? void 0 : b.currency) ?? "usd", v = y ? ge(y) : "community", h = Object.fromEntries(
     Object.entries((i == null ? void 0 : i.addons) ?? {}).map(([S, X]) => {
       var Z;
       return [S, ((Z = X.current) == null ? void 0 : Z.quantity) ?? 0];
     })
-  ), C = ((M = y == null ? void 0 : y.prices[_]) == null ? void 0 : M.amount) ?? 0, x = (m ?? []).reduce((S, X) => {
+  ), C = ((T = y == null ? void 0 : y.prices[_]) == null ? void 0 : T.amount) ?? 0, x = (m ?? []).reduce((S, X) => {
     const Z = y ? gn(X, y, _) : null;
     return S + (h[X.id] ?? 0) * ((Z == null ? void 0 : Z.amount) ?? 0);
   }, 0), B = C + x, E = _ === "year" ? "/yr" : "/mo", f = ar(y, m, h).find((S) => S.key === "conversation_sessions"), I = p != null && p.periodEnd ? Me(p.periodEnd, r) : null, L = v === "enterprise" || v === "managed";
@@ -5681,13 +5680,13 @@ const Ur = [
     "button",
     {
       type: "button",
-      className: T("bpb-plan-banner", `bpb-plan-banner--${v}`, "bpb-scope", n),
+      className: M("bpb-plan-banner", `bpb-plan-banner--${v}`, "bpb-scope", n),
       onClick: e,
       children: [
         /* @__PURE__ */ s("div", { className: "bpb-plan-banner__main", children: [
           /* @__PURE__ */ t("span", { className: "bpb-plan-banner__eyebrow", children: "Current plan" }),
           /* @__PURE__ */ t("span", { className: "bpb-plan-banner__name", children: y ? ee(y.name) : "No plan" }),
-          f && /* @__PURE__ */ t("span", { className: "bpb-plan-banner__sub", children: f.added > 0 ? /* @__PURE__ */ s(be, { children: [
+          f && /* @__PURE__ */ t("span", { className: "bpb-plan-banner__sub", children: f.added > 0 ? /* @__PURE__ */ s(pe, { children: [
             te(f.base),
             " + ",
             te(f.added),
@@ -5742,13 +5741,13 @@ const ds = ({ onManage: e, period: n, variant: a = "card", className: r, style:
   if (i)
     return null;
   if (c || u || y)
-    return /* @__PURE__ */ t(q, { height: 72, rounded: !0, className: T("bpb-scope", r) });
-  const _ = m == null ? void 0 : m.find((b) => b.id === (d == null ? void 0 : d.plan.current.planId)), w = xn(p), v = w.find((b) => b.key === "conversation_sessions"), h = w[0], C = h && h.key !== "conversation_sessions" && h.pct >= 75 ? h : v ?? h, x = C ? Math.round(C.pct) : 0, B = x > 0 ? Math.max(5, x) : 0, E = C ? Cn(C.pct) : "normal", f = d != null && d.plan.current.periodEnd ? Me(d.plan.current.periodEnd, l) : null, I = /* @__PURE__ */ s(be, { children: [
+    return /* @__PURE__ */ t(q, { height: 72, rounded: !0, className: M("bpb-scope", r) });
+  const _ = m == null ? void 0 : m.find((b) => b.id === (d == null ? void 0 : d.plan.current.planId)), w = xn(p), v = w.find((b) => b.key === "conversation_sessions"), h = w[0], C = h && h.key !== "conversation_sessions" && h.pct >= 75 ? h : v ?? h, x = C ? Math.round(C.pct) : 0, B = x > 0 ? Math.max(5, x) : 0, E = C ? Cn(C.pct) : "normal", f = d != null && d.plan.current.periodEnd ? Me(d.plan.current.periodEnd, l) : null, I = /* @__PURE__ */ s(pe, { children: [
     /* @__PURE__ */ s("div", { className: "bpb-plan-usage__head", children: [
       /* @__PURE__ */ t("span", { className: "bpb-plan-usage__plan", children: _ ? ee(_.name) : "Free" }),
       e && /* @__PURE__ */ t(Ge, { size: 15, className: "bpb-plan-usage__chevron" })
     ] }),
-    C && /* @__PURE__ */ s(be, { children: [
+    C && /* @__PURE__ */ s(pe, { children: [
       /* @__PURE__ */ s("div", { className: "bpb-plan-usage__meta", children: [
         /* @__PURE__ */ t("span", { className: "bpb-plan-usage__meta-label", children: C.label }),
         /* @__PURE__ */ s("span", { className: "bpb-plan-usage__meta-value", children: [
@@ -5767,7 +5766,7 @@ const ds = ({ onManage: e, period: n, variant: a = "card", className: r, style:
           children: /* @__PURE__ */ t(
             "div",
             {
-              className: T("bpb-plan-usage__fill", `bpb-plan-usage__fill--${E}`),
+              className: M("bpb-plan-usage__fill", `bpb-plan-usage__fill--${E}`),
               style: { width: `${B}%` }
             }
           )
@@ -5778,7 +5777,7 @@ const ds = ({ onManage: e, period: n, variant: a = "card", className: r, style:
         f
       ] })
     ] })
-  ] }), L = T(
+  ] }), L = M(
     "bpb-plan-usage bpb-scope",
     `bpb-plan-usage--${a}`,
     e && "bpb-plan-usage--clickable",
@@ -5798,14 +5797,14 @@ const ds = ({ onManage: e, period: n, variant: a = "card", className: r, style:
   return /* @__PURE__ */ s(
     "span",
     {
-      className: T("bpb-usage-pop bpb-scope", o),
+      className: M("bpb-usage-pop bpb-scope", o),
       onMouseEnter: h,
       onMouseLeave: C,
       onFocus: h,
       onBlur: C,
       children: [
         e,
-        u && v && /* @__PURE__ */ s("span", { className: T("bpb-usage-pop__card", `bpb-usage-pop__card--${a}`), role: "tooltip", children: [
+        u && v && /* @__PURE__ */ s("span", { className: M("bpb-usage-pop__card", `bpb-usage-pop__card--${a}`), role: "tooltip", children: [
           /* @__PURE__ */ s("span", { className: "bpb-usage-pop__plan", children: [
             /* @__PURE__ */ s("span", { className: "bpb-usage-pop__plan-name", children: [
               B,
@@ -5831,7 +5830,7 @@ const ds = ({ onManage: e, period: n, variant: a = "card", className: r, style:
               /* @__PURE__ */ t("span", { className: "bpb-usage-pop__bar", children: /* @__PURE__ */ t(
                 "span",
                 {
-                  className: T("bpb-usage-pop__fill", `bpb-usage-pop__fill--${Cn(f.pct)}`),
+                  className: M("bpb-usage-pop__fill", `bpb-usage-pop__fill--${Cn(f.pct)}`),
                   style: { width: `${I}%` }
                 }
               ) })
@@ -5854,7 +5853,7 @@ const ds = ({ onManage: e, period: n, variant: a = "card", className: r, style:
   const { isOutdatedBilling: c } = D(), { data: m } = We({ period: i, enabled: !c }), u = xn(m);
   if (c || u.length === 0)
     return null;
-  const p = u[0], y = Cn(p.pct), _ = p.pct > 0 ? Math.max(5, p.pct) : 0, w = (e - n) / 2, v = 2 * Math.PI * w, h = v * (1 - _ / 100), C = d["aria-label"] ?? `${Math.round(p.pct)}% of your ${p.label.toLowerCase()} used`, x = /* @__PURE__ */ s(be, { children: [
+  const p = u[0], y = Cn(p.pct), _ = p.pct > 0 ? Math.max(5, p.pct) : 0, w = (e - n) / 2, v = 2 * Math.PI * w, h = v * (1 - _ / 100), C = d["aria-label"] ?? `${Math.round(p.pct)}% of your ${p.label.toLowerCase()} used`, x = /* @__PURE__ */ s(pe, { children: [
     /* @__PURE__ */ s("svg", { className: "bpb-usage-ring__svg", width: e, height: e, viewBox: `0 0 ${e} ${e}`, "aria-hidden": !0, children: [
       /* @__PURE__ */ t(
         "circle",
@@ -5870,7 +5869,7 @@ const ds = ({ onManage: e, period: n, variant: a = "card", className: r, style:
       /* @__PURE__ */ t(
         "circle",
         {
-          className: T("bpb-usage-ring__arc", `bpb-usage-ring__arc--${y}`),
+          className: M("bpb-usage-ring__arc", `bpb-usage-ring__arc--${y}`),
           cx: e / 2,
           cy: e / 2,
           r: w,
@@ -5887,7 +5886,7 @@ const ds = ({ onManage: e, period: n, variant: a = "card", className: r, style:
       Math.round(p.pct),
       "%"
     ] })
-  ] }), B = T("bpb-usage-ring", r && "bpb-usage-ring--clickable");
+  ] }), B = M("bpb-usage-ring", r && "bpb-usage-ring--clickable");
   return /* @__PURE__ */ t(Gr, { delay: o, period: i, className: l, children: r ? /* @__PURE__ */ t("button", { type: "button", className: B, onClick: r, "aria-label": C, children: x }) : /* @__PURE__ */ t("span", { className: B, tabIndex: 0, role: "img", "aria-label": C, children: x }) });
 };
 export {
@@ -5898,7 +5897,7 @@ export {
   fn as BoltIcon,
   de as Button,
   gr as CalendarIcon,
-  on as CardBrandBadge,
+  sn as CardBrandBadge,
   jn as CardIcon,
   cr as ChartIcon,
   rr as CheckIcon,
@@ -5916,8 +5915,8 @@ export {
   kn as ExternalLinkIcon,
   dr as GlobeIcon,
   ir as InfinityIcon,
-  ln as InfoTooltip,
-  un as Input,
+  on as InfoTooltip,
+  dn as Input,
   ts as InvoicesDialog,
   yn as LayersIcon,
   Xr as LockIcon,
@@ -5953,7 +5952,7 @@ export {
   tr as addonLimitsPreview,
   gn as addonPrice,
   ae as billingKeys,
-  T as cn,
+  M as cn,
   It as conversationPackPrice,
   nr as conversationsAddon,
   Qa as currencySymbol,