@bpinternal/billing-ui 0.14.3 → 0.15.0

package/dist/index.js

@@ -905,10 +905,10 @@ class Ha extends sn {
           W && W.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
         }
         let B = [];
-        const x = this.languageUtils.getFallbackCodes(this.options.fallbackLng, a.lng || this.language);
-        if (this.options.saveMissingTo === "fallback" && x && x[0])
-          for (let W = 0; W < x.length; W++)
-            B.push(x[W]);
+        const P = this.languageUtils.getFallbackCodes(this.options.fallbackLng, a.lng || this.language);
+        if (this.options.saveMissingTo === "fallback" && P && P[0])
+          for (let W = 0; W < P.length; W++)
+            B.push(P[W]);
         else this.options.saveMissingTo === "all" ? B = this.languageUtils.toResolveHierarchy(a.lng || this.language) : B.push(a.lng || this.language);
         const H = (W, X, D) => {
           const ue = A && D !== h ? D : V;
@@ -4102,7 +4102,7 @@ const Ui = (t, e) => {
     "left-bottom"
   ], I = () => [...T(), z, U], k = () => ["auto", "hidden", "clip", "visible", "scroll"], A = () => ["auto", "contain", "none"], w = () => [z, U, d], E = () => [ht, "full", "auto", ...w()], L = () => [Ye, "none", "subgrid", z, U], O = () => ["auto", {
     span: ["full", Ye, z, U]
-  }, Ye, z, U], Z = () => [Ye, "auto", z, U], V = () => ["auto", "min", "max", "fr", z, U], $ = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], B = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], x = () => ["auto", ...w()], H = () => [ht, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...w()], W = () => [ht, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...w()], X = () => [ht, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...w()], D = () => [t, z, U], ue = () => [...T(), Ar, Ir, {
+  }, Ye, z, U], Z = () => [Ye, "auto", z, U], V = () => ["auto", "min", "max", "fr", z, U], $ = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], B = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], P = () => ["auto", ...w()], H = () => [ht, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...w()], W = () => [ht, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...w()], X = () => [ht, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...w()], D = () => [t, z, U], ue = () => [...T(), Ar, Ir, {
     position: [z, U]
   }], ee = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -4116,7 +4116,7 @@ const Ui = (t, e) => {
     c,
     z,
     U
-  ], G = () => ["", ie, la, wt], P = () => ["solid", "dashed", "dotted", "double"], be = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], te = () => [ie, Tn, Ar, Ir], de = () => [
+  ], G = () => ["", ie, la, wt], x = () => ["solid", "dashed", "dotted", "double"], be = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], te = () => [ie, Tn, Ar, Ir], de = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -4709,77 +4709,77 @@ const Ui = (t, e) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: x()
+        m: P()
       }],
       /**
        * Margin Inline
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: x()
+        mx: P()
       }],
       /**
        * Margin Block
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: x()
+        my: P()
       }],
       /**
        * Margin Inline Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: x()
+        ms: P()
       }],
       /**
        * Margin Inline End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: x()
+        me: P()
       }],
       /**
        * Margin Block Start
        * @see https://tailwindcss.com/docs/margin
        */
       mbs: [{
-        mbs: x()
+        mbs: P()
       }],
       /**
        * Margin Block End
        * @see https://tailwindcss.com/docs/margin
        */
       mbe: [{
-        mbe: x()
+        mbe: P()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: x()
+        mt: P()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: x()
+        mr: P()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: x()
+        mb: P()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: x()
+        ml: P()
       }],
       /**
        * Space Between X
@@ -5072,7 +5072,7 @@ const Ui = (t, e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...P(), "wavy"]
+        decoration: [...x(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
@@ -5489,14 +5489,14 @@ const Ui = (t, e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...P(), "hidden", "none"]
+        border: [...x(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...P(), "hidden", "none"]
+        divide: [...x(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -5587,7 +5587,7 @@ const Ui = (t, e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...P(), "none", "hidden"]
+        outline: [...x(), "none", "hidden"]
       }],
       /**
        * Outline Offset
@@ -7417,7 +7417,7 @@ const rd = ({
   onOpenChange: e,
   onSelectPlan: a,
   recommendedPlanId: n = "team",
-  defaultInterval: r = "year",
+  defaultInterval: r = "month",
   excludePlanIds: s = [],
   planFeatures: o = {},
   featureDescriptions: i
@@ -7427,27 +7427,27 @@ const rd = ({
   Oe(() => {
     t && u.capture(we.PLAN_PICKER_VIEWED, { interval: h });
   }, [t, u]);
-  const I = (P) => {
-    P !== h && u.capture(we.PLAN_INTERVAL_TOGGLED, { interval: P }), g(P);
-  }, k = v == null ? void 0 : v.plan.current.interval, A = b == null ? void 0 : b.find((P) => P.id === (v == null ? void 0 : v.plan.current.planId)), w = v ? A ? _e(A) : "community" : void 0, E = ((M = v == null ? void 0 : v.plan.next) == null ? void 0 : M.planId) ?? null, L = !!E && E !== (v == null ? void 0 : v.plan.current.planId), O = T || w === "enterprise" || w === "managed", Z = Re(() => b ? b.filter(
-    (P) => _e(P) !== "managed" && _e(P) !== "enterprise" && !s.includes(P.id)
-  ).sort((P, be) => Wt.indexOf(_e(P)) - Wt.indexOf(_e(be))) : [], [b, s]), V = Re(() => nd(Z), [Z]), $ = Ql(), B = Re(() => {
+  const I = (x) => {
+    x !== h && u.capture(we.PLAN_INTERVAL_TOGGLED, { interval: x }), g(x);
+  }, k = v == null ? void 0 : v.plan.current.interval, A = b == null ? void 0 : b.find((x) => x.id === (v == null ? void 0 : v.plan.current.planId)), w = v ? A ? _e(A) : "community" : void 0, E = ((M = v == null ? void 0 : v.plan.next) == null ? void 0 : M.planId) ?? null, L = !!E && E !== (v == null ? void 0 : v.plan.current.planId), O = T || w === "enterprise" || w === "managed", Z = Re(() => b ? b.filter(
+    (x) => _e(x) !== "managed" && _e(x) !== "enterprise" && !s.includes(x.id)
+  ).sort((x, be) => Wt.indexOf(_e(x)) - Wt.indexOf(_e(be))) : [], [b, s]), V = Re(() => nd(Z), [Z]), $ = Ql(), B = Re(() => {
     var te;
     if (Z.length === 0)
       return null;
-    const P = Z.find(
+    const x = Z.find(
       (de) => _e(de) === n || de.id === n
     ), be = Z.find((de) => _e(de) === w);
-    return ((te = P ?? be ?? Z[0]) == null ? void 0 : te.id) ?? null;
-  }, [Z, n, w]), [x, H] = J(void 0), [W, X] = J(t);
+    return ((te = x ?? be ?? Z[0]) == null ? void 0 : te.id) ?? null;
+  }, [Z, n, w]), [P, H] = J(void 0), [W, X] = J(t);
   W !== t && (X(t), H(void 0));
-  const D = x === void 0 ? B : x, ue = ((G = (K = b == null ? void 0 : b.find((P) => _e(P) === "enterprise")) == null ? void 0 : K.metadata) == null ? void 0 : G.contact_url) ?? Is, ee = (P) => {
+  const D = P === void 0 ? B : P, ue = ((G = (K = b == null ? void 0 : b.find((x) => _e(x) === "enterprise")) == null ? void 0 : K.metadata) == null ? void 0 : G.contact_url) ?? Is, ee = (x) => {
     S.mutate(
-      { planId: P.id, interval: h },
+      { planId: x.id, interval: h },
       {
         onSuccess: () => {
           u.capture(we.PLAN_DOWNGRADED, {
-            plan_name: Ne(P.name),
+            plan_name: Ne(x.name),
             interval: h,
             previous_plan_name: A ? Ne(A.name) : void 0
           }), c({ type: "success", message: m("upgradeDowngradeSuccess") });
@@ -7505,15 +7505,15 @@ const rd = ({
           }
         ) }),
         /* @__PURE__ */ p("div", { className: "bpb-upgrade__grid", children: [
-          C && [0, 1, 2].map((P) => /* @__PURE__ */ p("div", { className: "bpb-plan-card", "aria-hidden": !0, children: [
+          C && [0, 1, 2].map((x) => /* @__PURE__ */ p("div", { className: "bpb-plan-card", "aria-hidden": !0, children: [
             /* @__PURE__ */ l(me, { width: 120, height: 22 }),
             /* @__PURE__ */ l(me, { width: 90, height: 40 }),
             /* @__PURE__ */ l(me, { width: "100%", height: 36, rounded: !0 }),
             /* @__PURE__ */ l(me, { width: "100%", height: 140 })
-          ] }, P)),
-          Z.map((P, be) => {
+          ] }, x)),
+          Z.map((x, be) => {
             var sa, oa;
-            const te = _e(P), de = td(P, h), pe = ad(P, h), ae = (((sa = P.prices.month) == null ? void 0 : sa.amount) ?? 0) <= 0, fe = te === w, se = fe && (w === "community" || h === k), Ee = te === w && w !== "community" && h !== k, st = !!E && P.id === E && !se, pt = w !== void 0 && Wt.indexOf(te) < Wt.indexOf(w), Pe = (te === n || P.id === n) && !se, Ze = fe && L ? "cancel_downgrade" : se ? "current" : Ee ? "switch_interval" : st ? "next" : pt ? "downgrade" : "upgrade", ta = be > 0 ? Z[be - 1] : void 0, aa = o[te] ?? $n[te], Et = P.features.conversation_sessions, Lt = Gn(_, P, h), Ot = P.features.ai_spend, Ea = Ot !== void 0 ? m("planFeatureAiUsageIncluded", {
+            const te = _e(x), de = td(x, h), pe = ad(x, h), ae = (((sa = x.prices.month) == null ? void 0 : sa.amount) ?? 0) <= 0, fe = te === w, se = fe && (w === "community" || h === k), Ee = te === w && w !== "community" && h !== k, st = !!E && x.id === E && !se, pt = w !== void 0 && Wt.indexOf(te) < Wt.indexOf(w), Pe = (te === n || x.id === n) && !se, Ze = fe && L ? "cancel_downgrade" : se ? "current" : Ee ? "switch_interval" : st ? "next" : pt ? "downgrade" : "upgrade", ta = be > 0 ? Z[be - 1] : void 0, aa = o[te] ?? $n[te], Et = x.features.conversation_sessions, Lt = Gn(_, x, h), Ot = x.features.ai_spend, Ea = Ot !== void 0 ? m("planFeatureAiUsageIncluded", {
               amount: le(Ot / tt, (de == null ? void 0 : de.currency) ?? "usd", 0)
             }) : void 0, vn = Ot !== void 0 && Et ? m("planFeatureDescAiUsageIncluded", {
               rate: le(
@@ -7531,7 +7531,7 @@ const rd = ({
                   description: (i == null ? void 0 : i["AI usage included"]) ?? vn
                 }
               } : {}
-            }, na = S.isPending && (Ze === "downgrade" && ((oa = S.variables) == null ? void 0 : oa.planId) === P.id || Ze === "cancel_downgrade"), xe = Ne(P.name), mt = !$ || D === P.id, ra = pe !== null && de ? /* @__PURE__ */ p(Te, { children: [
+            }, na = S.isPending && (Ze === "downgrade" && ((oa = S.variables) == null ? void 0 : oa.planId) === x.id || Ze === "cancel_downgrade"), xe = Ne(x.name), mt = !$ || D === x.id, ra = pe !== null && de ? /* @__PURE__ */ p(Te, { children: [
               /* @__PURE__ */ l("span", { className: "bpb-plan-card__currency", children: za(de.currency) }),
               /* @__PURE__ */ l("span", { className: "bpb-plan-card__amount", children: Number.isInteger(pe) ? pe : pe.toFixed(2).replace(/\.00$/, "") }),
               /* @__PURE__ */ l("span", { className: "bpb-plan-card__per", children: m("upgradePerMonthSuffix", { currency: de.currency.toUpperCase() }) })
@@ -7545,7 +7545,7 @@ const rd = ({
                   $ && "bpb-plan-card--accordion",
                   $ && mt && "is-expanded"
                 ),
-                "data-plan-id": P.id,
+                "data-plan-id": x.id,
                 children: [
                   $ ? (
                     /* Name + price stay visible collapsed, so tiers compare. */
@@ -7555,7 +7555,7 @@ const rd = ({
                         type: "button",
                         className: "bpb-plan-card__summary",
                         "aria-expanded": mt,
-                        onClick: () => H(mt ? null : P.id),
+                        onClick: () => H(mt ? null : x.id),
                         children: [
                           /* @__PURE__ */ p("span", { className: "bpb-plan-card__summary-text", children: [
                             /* @__PURE__ */ p("span", { className: "bpb-plan-card__name", children: [
@@ -7575,12 +7575,12 @@ const rd = ({
                         xe,
                         Pe && /* @__PURE__ */ l(Ja, { className: "bpb-plan-card__badge", children: m("upgradeRecommended") })
                       ] }),
-                      /* @__PURE__ */ l("p", { className: "bpb-plan-card__tagline", children: m(Pr[_e(P)]) }),
+                      /* @__PURE__ */ l("p", { className: "bpb-plan-card__tagline", children: m(Pr[_e(x)]) }),
                       /* @__PURE__ */ l("div", { className: "bpb-plan-card__price", children: ra })
                     ] })
                   ),
                   mt && /* @__PURE__ */ p(Te, { children: [
-                    $ && /* @__PURE__ */ l("p", { className: "bpb-plan-card__tagline", children: m(Pr[_e(P)]) }),
+                    $ && /* @__PURE__ */ l("p", { className: "bpb-plan-card__tagline", children: m(Pr[_e(x)]) }),
                     Et !== void 0 && /* @__PURE__ */ p("div", { className: "bpb-plan-card__allowance", children: [
                       /* @__PURE__ */ p("div", { className: "bpb-plan-card__metric", children: [
                         /* @__PURE__ */ l("span", { className: "bpb-plan-card__metric-value", children: ve(Et) }),
@@ -7601,7 +7601,7 @@ const rd = ({
                         block: !0,
                         disabled: O || S.isPending,
                         loading: na,
-                        onClick: () => ee(P),
+                        onClick: () => ee(x),
                         children: m("upgradeDowngrade")
                       }
                     ),
@@ -7614,10 +7614,10 @@ const rd = ({
                         title: O ? m("upgradePlanManaged") : void 0,
                         onClick: () => {
                           u.capture(we.PLAN_UPGRADE_INITIATED, {
-                            plan_name: Ne(P.name),
+                            plan_name: Ne(x.name),
                             interval: h,
                             current_plan_name: A ? Ne(A.name) : void 0
-                          }), a(P.id, h);
+                          }), a(x.id, h);
                         },
                         children: m(h === "year" ? "upgradeSwitchToAnnual" : "upgradeSwitchToMonthly")
                       }
@@ -7631,10 +7631,10 @@ const rd = ({
                         title: O ? m("upgradePlanManaged") : void 0,
                         onClick: () => {
                           u.capture(we.PLAN_UPGRADE_INITIATED, {
-                            plan_name: Ne(P.name),
+                            plan_name: Ne(x.name),
                             interval: h,
                             current_plan_name: A ? Ne(A.name) : void 0
-                          }), a(P.id, h);
+                          }), a(x.id, h);
                         },
                         children: m("upgradeUpgrade")
                       }
@@ -7651,7 +7651,7 @@ const rd = ({
                   ] })
                 ]
               },
-              P.id
+              x.id
             );
           })
         ] }),
@@ -7783,7 +7783,7 @@ const id = 4, ld = ({
   onSubscribe: d
 }) => {
   var H, W, X, D, ue;
-  const { locale: c } = ne(), { t: u } = ge(), { data: m } = Qt(), h = ((H = t == null ? void 0 : t.prices.month) == null ? void 0 : H.currency) ?? ((W = t == null ? void 0 : t.prices.year) == null ? void 0 : W.currency) ?? "usd", g = t == null ? void 0 : t.features.conversation_sessions, b = t && _e(t) === "community" ? u("conversationsUnit") : u("conversationsPerMonth"), C = t ? Gn(m, t, e) : null, _ = (a == null ? void 0 : a.costs.immediate.amountDue) ?? 0, v = (a == null ? void 0 : a.costs.immediate.accountBalance) ?? 0, N = (a == null ? void 0 : a.costs.nextCycle.total) ?? 0, S = a != null && a.nextBillingDate ? Pl(a.nextBillingDate, 1) : null, T = S && !Xa(S) ? ct(S, c) : null, I = t ? $n[_e(t)].slice(0, id) : [], k = t == null ? void 0 : t.features.ai_spend, A = k !== void 0 ? u("planFeatureAiUsageIncluded", { amount: le(k / tt, h, 0) }) : void 0, w = t ? ((X = t.prices[e]) == null ? void 0 : X.amount) ?? 0 : 0, E = (a == null ? void 0 : a.costs.immediate.lineItems) ?? [], L = E.filter((ee) => ee.type === "discount"), O = E.filter((ee) => ee.type === "proration_credit" || ee.type === "proration_charge").reduce((ee, ce) => ee + ce.amount, 0), Z = !!(a != null && a.subscription.plan.effectiveDate), V = ((D = t == null ? void 0 : t.prices.month) == null ? void 0 : D.amount) ?? 0, $ = ((ue = t == null ? void 0 : t.prices.year) == null ? void 0 : ue.amount) ?? 0, B = e === "year" && V > 0 && $ > 0 ? Math.round(V * 12 - $) : 0, x = Math.round(B / 12);
+  const { locale: c } = ne(), { t: u } = ge(), { data: m } = Qt(), h = ((H = t == null ? void 0 : t.prices.month) == null ? void 0 : H.currency) ?? ((W = t == null ? void 0 : t.prices.year) == null ? void 0 : W.currency) ?? "usd", g = t == null ? void 0 : t.features.conversation_sessions, b = t && _e(t) === "community" ? u("conversationsUnit") : u("conversationsPerMonth"), C = t ? Gn(m, t, e) : null, _ = (a == null ? void 0 : a.costs.immediate.amountDue) ?? 0, v = (a == null ? void 0 : a.costs.immediate.accountBalance) ?? 0, N = (a == null ? void 0 : a.costs.nextCycle.total) ?? 0, S = a != null && a.nextBillingDate ? Pl(a.nextBillingDate, 1) : null, T = S && !Xa(S) ? ct(S, c) : null, I = t ? $n[_e(t)].slice(0, id) : [], k = t == null ? void 0 : t.features.ai_spend, A = k !== void 0 ? u("planFeatureAiUsageIncluded", { amount: le(k / tt, h, 0) }) : void 0, w = t ? ((X = t.prices[e]) == null ? void 0 : X.amount) ?? 0 : 0, E = (a == null ? void 0 : a.costs.immediate.lineItems) ?? [], L = E.filter((ee) => ee.type === "discount"), O = E.filter((ee) => ee.type === "proration_credit" || ee.type === "proration_charge").reduce((ee, ce) => ee + ce.amount, 0), Z = !!(a != null && a.subscription.plan.effectiveDate), V = ((D = t == null ? void 0 : t.prices.month) == null ? void 0 : D.amount) ?? 0, $ = ((ue = t == null ? void 0 : t.prices.year) == null ? void 0 : ue.amount) ?? 0, B = e === "year" && V > 0 && $ > 0 ? Math.round(V * 12 - $) : 0, P = Math.round(B / 12);
   return /* @__PURE__ */ p("div", { className: "bpb-summary-wrap", children: [
     /* @__PURE__ */ p("div", { className: "bpb-summary bpb-glow", children: [
       /* @__PURE__ */ l("h3", { className: "bpb-summary__title", children: t ? `${Ne(t.name)} plan` : /* @__PURE__ */ l(me, { width: 140, height: 24 }) }),
@@ -7869,7 +7869,7 @@ const id = 4, ld = ({
       B > 0 && /* @__PURE__ */ p("div", { className: "bpb-summary__savings", children: [
         /* @__PURE__ */ l(Hn, { size: 18, className: "bpb-summary__savings-icon" }),
         /* @__PURE__ */ l("span", { children: u("orderSavingsNote", {
-          monthlySavings: le(x, h, 0),
+          monthlySavings: le(P, h, 0),
           yearlySavings: le(B, h, 0)
         }) })
       ] }),
@@ -8292,7 +8292,7 @@ const Bn = ({ label: t, invalid: e, className: a, id: n, ...r }) => t ? /* @__PU
   ] });
 }, gd = ({ planId: t, initialInterval: e, onSuccess: a }) => {
   var na;
-  const n = Gr(), r = Kr(), { email: s, toast: o, analytics: i, isDark: d } = ne(), { t: c } = ge(), [u, m] = J(e), [h, g] = J("payment"), [b, C] = J(null), [_, v] = J(!1), [N, S] = J(!1), [T, I] = J(!1), [k, A] = J(void 0), [w, E] = J(!1), [L, O] = J(""), [Z, V] = J(""), [$, B] = J(""), [x, H] = J(!1), [W, X] = J({}), [D, ue] = J(!1), ee = ls(), { data: ce } = rt(), { data: M } = $e(), { data: K, isLoading: G } = rs(), { data: P, isLoading: be, isError: te } = ss(), de = ce == null ? void 0 : ce.find((xe) => xe.id === t), pe = ((na = K == null ? void 0 : K.paymentMethod) == null ? void 0 : na.card) ?? null, ae = (P == null ? void 0 : P.address) ?? null;
+  const n = Gr(), r = Kr(), { email: s, toast: o, analytics: i, isDark: d } = ne(), { t: c } = ge(), [u, m] = J(e), [h, g] = J("payment"), [b, C] = J(null), [_, v] = J(!1), [N, S] = J(!1), [T, I] = J(!1), [k, A] = J(void 0), [w, E] = J(!1), [L, O] = J(""), [Z, V] = J(""), [$, B] = J(""), [P, H] = J(!1), [W, X] = J({}), [D, ue] = J(!1), ee = ls(), { data: ce } = rt(), { data: M } = $e(), { data: K, isLoading: G } = rs(), { data: x, isLoading: be, isError: te } = ss(), de = ce == null ? void 0 : ce.find((xe) => xe.id === t), pe = ((na = K == null ? void 0 : K.paymentMethod) == null ? void 0 : na.card) ?? null, ae = (x == null ? void 0 : x.address) ?? null;
   Oe(() => {
     b === null && !G && K !== void 0 && C(pe ? "saved" : "new");
   }, [b, G, K, pe]), Oe(() => {
@@ -8310,7 +8310,7 @@ const Bn = ({ label: t, invalid: e, className: a, id: n, ...r }) => t ? /* @__PU
     i.capture(we.PAYMENT_METHOD_SELECTED, { method: xe === "saved" ? "saved_card" : "new_card" }), C(xe);
   }, Ea = (xe) => {
     v(xe), ue(!1);
-  }, vn = !!n && !!r && !!de && !be && !te && !se.isError && !!se.data && aa && Et && !x, _n = async () => {
+  }, vn = !!n && !!r && !!de && !be && !te && !se.isError && !!se.data && aa && Et && !P, _n = async () => {
     var mt, ra, sa, oa;
     if (!n || !r || !de || be || te)
       return;
@@ -8363,13 +8363,13 @@ const Bn = ({ label: t, invalid: e, className: a, id: n, ...r }) => t ? /* @__PU
           };
         }
       }
-      const sr = w && L.trim() || qe || (P == null ? void 0 : P.name) || void 0, La = w && Z && $.trim() ? { type: Z, value: $.trim() } : void 0, mo = La ? [
-        ...((P == null ? void 0 : P.taxIds) ?? []).filter(
+      const sr = w && L.trim() || qe || (x == null ? void 0 : x.name) || void 0, La = w && Z && $.trim() ? { type: Z, value: $.trim() } : void 0, mo = La ? [
+        ...((x == null ? void 0 : x.taxIds) ?? []).filter(
           (He) => He.type !== La.type || He.value !== La.value
         ),
         La
-      ] : P == null ? void 0 : P.taxIds;
-      (Me || w || sr !== ((P == null ? void 0 : P.name) ?? void 0)) && await st.mutateAsync({
+      ] : x == null ? void 0 : x.taxIds;
+      (Me || w || sr !== ((x == null ? void 0 : x.name) ?? void 0)) && await st.mutateAsync({
         address: Me ?? ae ?? void 0,
         name: sr,
         taxIds: mo
@@ -8417,7 +8417,7 @@ const Bn = ({ label: t, invalid: e, className: a, id: n, ...r }) => t ? /* @__PU
         {
           stepNumber: 2,
           existingAddress: ae,
-          customerName: (P == null ? void 0 : P.name) ?? null,
+          customerName: (x == null ? void 0 : x.name) ?? null,
           isLoading: be,
           editing: N,
           onEdit: () => S(!0),
@@ -8447,7 +8447,7 @@ const Bn = ({ label: t, invalid: e, className: a, id: n, ...r }) => t ? /* @__PU
         isLoadingPreview: se.isLoading,
         isPreviewError: se.isError,
         canSubscribe: vn,
-        isSubmitting: x,
+        isSubmitting: P,
         submitError: W.general ?? null,
         onSubscribe: () => void _n()
       }
@@ -8541,8 +8541,8 @@ const Bn = ({ label: t, invalid: e, className: a, id: n, ...r }) => t ? /* @__PU
       return null;
     const M = {};
     for (const G of i) {
-      const P = o.addons[G.id];
-      M[G.id] = ((K = P == null ? void 0 : P.next) == null ? void 0 : K.quantity) ?? (P == null ? void 0 : P.current.quantity) ?? 0;
+      const x = o.addons[G.id];
+      M[G.id] = ((K = x == null ? void 0 : x.next) == null ? void 0 : K.quantity) ?? (x == null ? void 0 : x.current.quantity) ?? 0;
     }
     return M;
   }, [o, i]), S = m ?? N, T = Re(() => !i || !g ? [] : i.flatMap((M) => {
@@ -8556,14 +8556,14 @@ const Bn = ({ label: t, invalid: e, className: a, id: n, ...r }) => t ? /* @__PU
     [g, b, S]
   ), w = ns(A ?? { plan: { planId: "", interval: b } }, {
     enabled: !!A && I
-  }), E = ((D = g == null ? void 0 : g.prices[b]) == null ? void 0 : D.currency) ?? "usd", L = ((ue = w.data) == null ? void 0 : ue.costs.immediate.amountDue) ?? 0, O = (ee = w.data) == null ? void 0 : ee.nextBillingDate, Z = O && !Xa(O) ? ct(O, r) : null, V = ((ce = g == null ? void 0 : g.prices[b]) == null ? void 0 : ce.amount) ?? 0, $ = V + k, B = g && S ? Ll(g, i, S) : [], x = (M, K) => K === "bytes" ? Kt(M) : ve(M), H = (M, K) => {
-    const G = i == null ? void 0 : i.find((de) => de.id === M), P = G == null ? void 0 : G.increments;
-    if (!P || K <= 0)
+  }), E = ((D = g == null ? void 0 : g.prices[b]) == null ? void 0 : D.currency) ?? "usd", L = ((ue = w.data) == null ? void 0 : ue.costs.immediate.amountDue) ?? 0, O = (ee = w.data) == null ? void 0 : ee.nextBillingDate, Z = O && !Xa(O) ? ct(O, r) : null, V = ((ce = g == null ? void 0 : g.prices[b]) == null ? void 0 : ce.amount) ?? 0, $ = V + k, B = g && S ? Ll(g, i, S) : [], P = (M, K) => K === "bytes" ? Kt(M) : ve(M), H = (M, K) => {
+    const G = i == null ? void 0 : i.find((de) => de.id === M), x = G == null ? void 0 : G.increments;
+    if (!x || K <= 0)
       return null;
-    const be = P.conversation_sessions ?? 0;
+    const be = x.conversation_sessions ?? 0;
     if (be > 0)
       return s("addonsConvos", { n: ve(be * K) });
-    const te = P.file_storage ?? 0;
+    const te = x.file_storage ?? 0;
     return te > 0 ? Kt(te * K) : null;
   }, W = () => {
     S && u.mutate(
@@ -8596,7 +8596,7 @@ const Bn = ({ label: t, invalid: e, className: a, id: n, ...r }) => t ? /* @__PU
     ) : /* @__PURE__ */ p(Te, { children: [
       /* @__PURE__ */ l("div", { className: "bpb-addons", children: T.map(({ addon: M, price: K }) => {
         var de;
-        const G = ((de = o == null ? void 0 : o.addons[M.id]) == null ? void 0 : de.current.quantity) ?? 0, P = (S == null ? void 0 : S[M.id]) ?? 0, be = P !== G ? P === 0 ? v ? s("addonRemovedOnDate", { activeNow: G, date: v }) : s("addonRemovedNextCycle", { activeNow: G }) : v ? s("addonChangedOnDate", { activeNow: G, pending: P, date: v }) : s("addonChangedNextCycle", { activeNow: G, pending: P }) : G > 0 ? s("addonActiveOnly", { count: G }) : null, te = H(M.id, P);
+        const G = ((de = o == null ? void 0 : o.addons[M.id]) == null ? void 0 : de.current.quantity) ?? 0, x = (S == null ? void 0 : S[M.id]) ?? 0, be = x !== G ? x === 0 ? v ? s("addonRemovedOnDate", { activeNow: G, date: v }) : s("addonRemovedNextCycle", { activeNow: G }) : v ? s("addonChangedOnDate", { activeNow: G, pending: x, date: v }) : s("addonChangedNextCycle", { activeNow: G, pending: x }) : G > 0 ? s("addonActiveOnly", { count: G }) : null, te = H(M.id, x);
         return /* @__PURE__ */ p("div", { className: "bpb-addon-row", children: [
           /* @__PURE__ */ p("div", { className: "bpb-addon-row__info", children: [
             /* @__PURE__ */ l("span", { className: "bpb-addon-row__name", children: gt[M.id] ? s(gt[M.id]) : ja(M.name) }),
@@ -8611,7 +8611,7 @@ const Bn = ({ label: t, invalid: e, className: a, id: n, ...r }) => t ? /* @__PU
               {
                 className: j(
                   "bpb-addon-row__status",
-                  P !== G && "bpb-addon-row__status--changed"
+                  x !== G && "bpb-addon-row__status--changed"
                 ),
                 children: be
               }
@@ -8623,7 +8623,7 @@ const Bn = ({ label: t, invalid: e, className: a, id: n, ...r }) => t ? /* @__PU
               fd,
               {
                 "aria-label": `${gt[M.id] ? s(gt[M.id]) : ja(M.name)} quantity`,
-                value: P,
+                value: x,
                 onChange: (pe) => h({ ...S ?? {}, [M.id]: pe })
               }
             )
@@ -8642,9 +8642,9 @@ const Bn = ({ label: t, invalid: e, className: a, id: n, ...r }) => t ? /* @__PU
           return /* @__PURE__ */ p("div", { className: "bpb-manage-addons__limit-row", children: [
             /* @__PURE__ */ l("span", { className: "bpb-manage-addons__limit-label", children: K ? s(K) : M.label }),
             /* @__PURE__ */ p("span", { className: "bpb-manage-addons__limit-values", children: [
-              /* @__PURE__ */ l("span", { className: "bpb-manage-addons__limit-now", children: x(M.now, M.unit) }),
+              /* @__PURE__ */ l("span", { className: "bpb-manage-addons__limit-now", children: P(M.now, M.unit) }),
               /* @__PURE__ */ l("span", { className: "bpb-manage-addons__limit-arrow", "aria-hidden": !0, children: "→" }),
-              /* @__PURE__ */ l("span", { className: "bpb-manage-addons__limit-next", children: x(M.next, M.unit) })
+              /* @__PURE__ */ l("span", { className: "bpb-manage-addons__limit-next", children: P(M.next, M.unit) })
             ] })
           ] }, M.key);
         })
@@ -8794,7 +8794,7 @@ const Bn = ({ label: t, invalid: e, className: a, id: n, ...r }) => t ? /* @__PU
   onSuccess: a
 }) => {
   var pe;
-  const n = Gr(), r = Kr(), { toast: s, analytics: o } = ne(), { t: i } = ge(), { data: d, isLoading: c } = rs(), { data: u, isLoading: m } = ss(), h = ds(), g = cs(), b = ((pe = d == null ? void 0 : d.paymentMethod) == null ? void 0 : pe.card) ?? null, C = (u == null ? void 0 : u.address) ?? null, _ = (u == null ? void 0 : u.taxIds) ?? [], [v, N] = J(!1), [S, T] = J(!1), [I, k] = J(!1), [A, w] = J(!1), [E, L] = J(null), [O, Z] = J(!1), [V, $] = J(!1), [B, x] = J({}), [H, W] = J(C == null ? void 0 : C.country), [X, D] = J(_.length > 0), [ue, ee] = J(null), ce = ue ?? _.map((ae) => ({ type: ae.type, value: ae.value })), M = Ms(H), K = v || !b, G = (ae, fe) => ee(ce.map((se, Ee) => Ee === ae ? { ...se, ...fe } : se)), P = () => {
+  const n = Gr(), r = Kr(), { toast: s, analytics: o } = ne(), { t: i } = ge(), { data: d, isLoading: c } = rs(), { data: u, isLoading: m } = ss(), h = ds(), g = cs(), b = ((pe = d == null ? void 0 : d.paymentMethod) == null ? void 0 : pe.card) ?? null, C = (u == null ? void 0 : u.address) ?? null, _ = (u == null ? void 0 : u.taxIds) ?? [], [v, N] = J(!1), [S, T] = J(!1), [I, k] = J(!1), [A, w] = J(!1), [E, L] = J(null), [O, Z] = J(!1), [V, $] = J(!1), [B, P] = J({}), [H, W] = J(C == null ? void 0 : C.country), [X, D] = J(_.length > 0), [ue, ee] = J(null), ce = ue ?? _.map((ae) => ({ type: ae.type, value: ae.value })), M = Ms(H), K = v || !b, G = (ae, fe) => ee(ce.map((se, Ee) => Ee === ae ? { ...se, ...fe } : se)), x = () => {
     var ae;
     return ee([...ce, { type: ((ae = M[0]) == null ? void 0 : ae.type) ?? "", value: "" }]);
   }, be = (ae) => ee(ce.filter((fe, se) => se !== ae)), te = async () => {
@@ -8830,10 +8830,10 @@ const Bn = ({ label: t, invalid: e, className: a, id: n, ...r }) => t ? /* @__PU
       return;
     const { complete: fe, value: se } = await ae.getValue();
     if (!fe || !se.address) {
-      x({ address: i("paymentAddressIncomplete") });
+      P({ address: i("paymentAddressIncomplete") });
       return;
     }
-    $(!0), x({});
+    $(!0), P({});
     try {
       const { address: Ee, name: st } = se, pt = ce.filter((Pe) => !!Pe.type && Pe.value.trim() !== "").map((Pe) => ({ type: Pe.type, value: Pe.value.trim() }));
       await g.mutateAsync({
@@ -8850,7 +8850,7 @@ const Bn = ({ label: t, invalid: e, className: a, id: n, ...r }) => t ? /* @__PU
       }), o.capture(we.BILLING_ADDRESS_UPDATED), s({ type: "success", message: i("paymentDetailsUpdated") }), a == null || a();
     } catch (Ee) {
       const st = Ee instanceof Error ? Ee : void 0, pt = Os(st, i("paymentAddressError"));
-      x(pt), pt.taxId && D(!0), s({ type: "error", message: i("paymentDetailsUpdateError") });
+      P(pt), pt.taxId && D(!0), s({ type: "error", message: i("paymentDetailsUpdateError") });
     } finally {
       $(!1);
     }
@@ -8971,7 +8971,7 @@ const Bn = ({ label: t, invalid: e, className: a, id: n, ...r }) => t ? /* @__PU
                 }
               )
             ] }, fe)),
-            /* @__PURE__ */ l("button", { type: "button", className: "bpb-link-button bpb-tax__add", onClick: P, children: i("paymentTaxAdd") }),
+            /* @__PURE__ */ l("button", { type: "button", className: "bpb-link-button bpb-tax__add", onClick: x, children: i("paymentTaxAdd") }),
             B.taxId && /* @__PURE__ */ l("p", { role: "alert", className: "bpb-payment-dialog__field-error", children: B.taxId })
           ] })
         ] }),
@@ -13258,7 +13258,7 @@ const nu = ({
   period: i
 }) => {
   var $, B;
-  const { isOutdatedBilling: d, analytics: c, scope: u } = ne(), { t: m } = ge(), { data: h } = rt(), { data: g } = Qt(), { data: b } = $e({ enabled: !d }), { data: C } = Xt({ period: i, enabled: !d }), _ = t !== void 0, [v, N] = J(!1), S = h == null ? void 0 : h.find((x) => x.id === (b == null ? void 0 : b.plan.current.planId)), T = b ? S ? _e(S) === "community" : !0 : !1, I = Re(() => yn(C).find((x) => x.key === "conversation_sessions"), [C]), k = !_ && !d && T && !!I && I.pct / 100 >= Pc && !v && !Zs(zr, u, "modal"), A = _ ? !!t : k;
+  const { isOutdatedBilling: d, analytics: c, scope: u } = ne(), { t: m } = ge(), { data: h } = rt(), { data: g } = Qt(), { data: b } = $e({ enabled: !d }), { data: C } = Xt({ period: i, enabled: !d }), _ = t !== void 0, [v, N] = J(!1), S = h == null ? void 0 : h.find((P) => P.id === (b == null ? void 0 : b.plan.current.planId)), T = b ? S ? _e(S) === "community" : !0 : !1, I = Re(() => yn(C).find((P) => P.key === "conversation_sessions"), [C]), k = !_ && !d && T && !!I && I.pct / 100 >= Pc && !v && !Zs(zr, u, "modal"), A = _ ? !!t : k;
   Oe(() => {
     A && c.capture(we.PLAN_PICKER_VIEWED, {
       source: _ ? "outgrow_free" : "outgrow_free_auto",
@@ -13267,10 +13267,10 @@ const nu = ({
   }, [A, _, c]);
   const w = () => {
     _ || (qs(zr, u, "modal"), N(!0)), e == null || e(!1);
-  }, E = Re(() => h ? h.filter((x) => {
-    const H = _e(x);
+  }, E = Re(() => h ? h.filter((P) => {
+    const H = _e(P);
     return H !== "community" && H !== "enterprise" && H !== "managed";
-  }).sort((x, H) => Wt.indexOf(_e(x)) - Wt.indexOf(_e(H))) : [], [h]), L = ((B = ($ = h == null ? void 0 : h.find((x) => _e(x) === "enterprise")) == null ? void 0 : $.metadata) == null ? void 0 : B.contact_url) ?? Is;
+  }).sort((P, H) => Wt.indexOf(_e(P)) - Wt.indexOf(_e(H))) : [], [h]), L = ((B = ($ = h == null ? void 0 : h.find((P) => _e(P) === "enterprise")) == null ? void 0 : $.metadata) == null ? void 0 : B.contact_url) ?? Is;
   if (d || !A)
     return null;
   const O = (I == null ? void 0 : I.quota) ?? (S == null ? void 0 : S.features.conversation_sessions) ?? 100, Z = (I == null ? void 0 : I.used) ?? 0, V = I && I.pct > 0 ? Math.min(100, Math.max(5, Math.round(I.pct))) : 0;
@@ -13308,17 +13308,17 @@ const nu = ({
         }
       ) })
     ] }),
-    /* @__PURE__ */ l("div", { className: "bpb-outgrow__grid", children: E.map((x, H) => {
-      const W = _e(x), X = Rc(x, r), D = Ec(x, r), ue = W === n || x.id === n, ee = x.features.conversation_sessions, ce = Gn(g, x, r), M = H > 0 ? E[H - 1] : void 0, K = (s[W] ?? $n[W]).slice(0, Dc);
+    /* @__PURE__ */ l("div", { className: "bpb-outgrow__grid", children: E.map((P, H) => {
+      const W = _e(P), X = Rc(P, r), D = Ec(P, r), ue = W === n || P.id === n, ee = P.features.conversation_sessions, ce = Gn(g, P, r), M = H > 0 ? E[H - 1] : void 0, K = (s[W] ?? $n[W]).slice(0, Dc);
       return /* @__PURE__ */ p(
         "div",
         {
           className: j("bpb-plan-card", ue && "bpb-plan-card--highlighted bpb-glow"),
-          "data-plan-id": x.id,
+          "data-plan-id": P.id,
           children: [
             /* @__PURE__ */ p("div", { className: "bpb-plan-card__header", children: [
               /* @__PURE__ */ p("h3", { className: "bpb-plan-card__name", children: [
-                Ne(x.name),
+                Ne(P.name),
                 ue && /* @__PURE__ */ l(Ja, { className: "bpb-plan-card__badge", children: m("upgradeRecommended") })
               ] }),
               /* @__PURE__ */ l("div", { className: "bpb-plan-card__price", children: D !== null && X ? /* @__PURE__ */ p(Te, { children: [
@@ -13353,13 +13353,13 @@ const nu = ({
                 block: !0,
                 onClick: () => {
                   c.capture(we.PLAN_UPGRADE_INITIATED, {
-                    plan_name: Ne(x.name),
+                    plan_name: Ne(P.name),
                     interval: r,
                     source: "outgrow_free"
-                  }), a(x.id, r), w();
+                  }), a(P.id, r), w();
                 },
                 children: [
-                  m("outgrowUpgradeTo", { planName: Ne(x.name) }),
+                  m("outgrowUpgradeTo", { planName: Ne(P.name) }),
                   ue && /* @__PURE__ */ l(Xn, { size: 15 })
                 ]
               }
@@ -13367,16 +13367,16 @@ const nu = ({
             /* @__PURE__ */ p("ul", { className: "bpb-plan-card__features", children: [
               M && /* @__PURE__ */ l("li", { className: "bpb-outgrow__features-lead", children: m("outgrowEverythingIn", { planName: Ne(M.name) }) }),
               K.map((G) => {
-                const P = er(G), be = Kn[G], te = be !== void 0 ? m(be.label) : G, de = (o == null ? void 0 : o[G]) ?? (be !== void 0 ? m(be.desc) : void 0);
+                const x = er(G), be = Kn[G], te = be !== void 0 ? m(be.label) : G, de = (o == null ? void 0 : o[G]) ?? (be !== void 0 ? m(be.desc) : void 0);
                 return /* @__PURE__ */ p("li", { children: [
-                  /* @__PURE__ */ l("span", { className: "bpb-plan-card__feature-chip", children: /* @__PURE__ */ l(P, { size: 13 }) }),
+                  /* @__PURE__ */ l("span", { className: "bpb-plan-card__feature-chip", children: /* @__PURE__ */ l(x, { size: 13 }) }),
                   de ? /* @__PURE__ */ l(Qa, { label: te, children: de }) : /* @__PURE__ */ l("span", { children: te })
                 ] }, G);
               })
             ] })
           ]
         },
-        x.id
+        P.id
       );
     }) }),
     /* @__PURE__ */ p("footer", { className: "bpb-outgrow__footer", children: [
@@ -13899,9 +13899,9 @@ const nu = ({
   ), S = ((X = b == null ? void 0 : b.prices[C]) == null ? void 0 : X.amount) ?? 0, T = (m ?? []).reduce((D, ue) => {
     const ee = b ? Wn(ue, b, C) : null;
     return D + (N[ue.id] ?? 0) * ((ee == null ? void 0 : ee.amount) ?? 0);
-  }, 0), I = S + T, k = C === "year" ? "/yr" : "/mo", A = Ol(b, m, N).find((D) => D.key === "conversation_sessions"), w = o(v === "community" ? "conversationsUnit" : "conversationsPerMonth"), E = v === "enterprise" || v === "managed", L = v !== "community" && !E, O = i == null ? void 0 : i.plan.next, Z = O && O.planId !== (g == null ? void 0 : g.planId), V = g == null ? void 0 : g.periodEnd, $ = L && !Z && V && !Xa(V) ? ct(V, n) : null, B = c == null ? void 0 : c.find((D) => D.id === (O == null ? void 0 : O.planId)), x = O == null ? void 0 : O.effectiveDate, H = Z && B && x ? o("planBannerDowngradesTo", {
+  }, 0), I = S + T, k = C === "year" ? "/yr" : "/mo", A = Ol(b, m, N).find((D) => D.key === "conversation_sessions"), w = o(v === "community" ? "conversationsUnit" : "conversationsPerMonth"), E = v === "enterprise" || v === "managed", L = v !== "community" && !E, O = i == null ? void 0 : i.plan.next, Z = O && O.planId !== (g == null ? void 0 : g.planId), V = g == null ? void 0 : g.periodEnd, $ = L && !Z && V && !Xa(V) ? ct(V, n) : null, B = c == null ? void 0 : c.find((D) => D.id === (O == null ? void 0 : O.planId)), P = O == null ? void 0 : O.effectiveDate, H = Z && B && P ? o("planBannerDowngradesTo", {
     plan: Ne(B.name),
-    date: ct(x, n)
+    date: ct(P, n)
   }) : null;
   return /* @__PURE__ */ p(
     "button",
@@ -14014,14 +14014,14 @@ const nu = ({
   ] }) : /* @__PURE__ */ p("div", { className: "bpb-plan-usage__head", children: [
     /* @__PURE__ */ l("span", { className: "bpb-plan-usage__plan", children: C ? Ne(C.name) : d("free") }),
     t && /* @__PURE__ */ l(yt, { size: 15, className: "bpb-plan-usage__chevron" })
-  ] }) }), x = j(
+  ] }) }), P = j(
     "bpb-plan-usage bpb-scope",
     `bpb-plan-usage--${a}`,
     L && `bpb-plan-usage--${E}`,
     t && "bpb-plan-usage--clickable",
     r
   );
-  return t ? /* @__PURE__ */ l("button", { type: "button", className: x, style: s, onClick: t, children: B }) : /* @__PURE__ */ l("div", { className: x, style: s, children: B });
+  return t ? /* @__PURE__ */ l("button", { type: "button", className: P, style: s, onClick: t, children: B }) : /* @__PURE__ */ l("div", { className: P, style: s, children: B });
 }, Fc = ({
   children: t,
   delay: e = 200,
@@ -14078,7 +14078,7 @@ const nu = ({
                 /* @__PURE__ */ l("span", { className: "bpb-usage-pop__period", children: m("usagePopoverTitle", { date: V }) })
               ] }) }),
               I.map((B) => {
-                const x = B.pct > 0 ? Math.max(5, B.pct) : 0;
+                const P = B.pct > 0 ? Math.max(5, B.pct) : 0;
                 return /* @__PURE__ */ p("span", { className: "bpb-usage-pop__item", children: [
                   /* @__PURE__ */ p("span", { className: "bpb-usage-pop__head", children: [
                     /* @__PURE__ */ l("span", { className: "bpb-usage-pop__name", children: uo(B.key, m) }),
@@ -14092,7 +14092,7 @@ const nu = ({
                     "span",
                     {
                       className: j("bpb-usage-pop__fill", `bpb-usage-pop__fill--${rr(B.pct)}`),
-                      style: { width: `${x}%` }
+                      style: { width: `${P}%` }
                     }
                   ) })
                 ] }, B.key);
@@ -14202,20 +14202,19 @@ const nu = ({
     refetch: v
   } = is(), N = Li(), [S, T] = J(null), [I, k] = J(!1), [A, w] = J(!1), [E, L] = J(!1), O = i || m || C, Z = d || h || _, V = () => {
     c(), g(), v();
-  }, $ = u == null ? void 0 : u.find((pe) => pe.id === (o == null ? void 0 : o.plan.current.planId)), B = o ? $ ? _e($) === "community" : !0 : !1, x = b == null ? void 0 : b[Vr], H = Re(() => {
-    const pe = (x == null ? void 0 : x.maxAmount) != null, fe = (x == null ? void 0 : x.targetType) === "credit_grant" && (x == null ? void 0 : x.thresholdType) === "remaining_amount" ? x == null ? void 0 : x.threshold : null;
+  }, $ = u == null ? void 0 : u.find((pe) => pe.id === (o == null ? void 0 : o.plan.current.planId)), B = o ? $ ? _e($) === "community" : !0 : !1, P = b == null ? void 0 : b[Vr], H = Re(() => {
+    const pe = (P == null ? void 0 : P.maxAmount) != null, fe = (P == null ? void 0 : P.targetType) === "credit_grant" && (P == null ? void 0 : P.thresholdType) === "remaining_amount" ? P == null ? void 0 : P.threshold : null;
     return {
       thresholdInput: fe != null ? String(Math.round(Pn(fe))) : "",
-      chunkInput: (x == null ? void 0 : x.chunkSize) != null ? String(Math.round(Pn(x.chunkSize))) : "",
-      limitInput: (x == null ? void 0 : x.maxAmount) != null ? String(Math.round(Pn(x.maxAmount))) : "",
+      chunkInput: (P == null ? void 0 : P.chunkSize) != null ? String(Math.round(Pn(P.chunkSize))) : "",
+      limitInput: (P == null ? void 0 : P.maxAmount) != null ? String(Math.round(Pn(P.maxAmount))) : "",
       hasLimit: pe
     };
-  }, [x]), W = S ?? H, X = (pe) => T({ ...W, ...pe }), D = Number(W.thresholdInput), ue = Number(W.chunkInput), ee = Number(W.limitInput), ce = W.thresholdInput.trim() !== "" && Zr(D), M = Zr(ue), K = !W.hasLimit || W.limitInput.trim() !== "" && Uc(ee, ue), G = I && !ce, P = A && !M, be = E && !K, te = W.thresholdInput !== H.thresholdInput || W.chunkInput !== H.chunkInput || W.limitInput !== H.limitInput || W.hasLimit !== H.hasLimit, de = () => {
+  }, [P]), W = S ?? H, X = (pe) => T({ ...W, ...pe }), D = Number(W.thresholdInput), ue = Number(W.chunkInput), ee = Number(W.limitInput), ce = W.thresholdInput.trim() !== "" && Zr(D), M = Zr(ue), K = !W.hasLimit || W.limitInput.trim() !== "" && Uc(ee, ue), G = I && !ce, x = A && !M, be = E && !K, te = W.thresholdInput !== H.thresholdInput || W.chunkInput !== H.chunkInput || W.limitInput !== H.limitInput || W.hasLimit !== H.hasLimit, de = () => {
     N.mutate(
       {
         settings: {
           [Vr]: {
-            enabled: (x == null ? void 0 : x.enabled) ?? !1,
             targetType: "credit_grant",
             thresholdType: "remaining_amount",
             threshold: Dn(D),
@@ -14309,7 +14308,7 @@ const nu = ({
           {
             className: j(
               "bpb-auto-recharge-dialog__panel",
-              P && "bpb-auto-recharge-dialog__panel--invalid"
+              x && "bpb-auto-recharge-dialog__panel--invalid"
             ),
             children: [
               /* @__PURE__ */ l("label", { className: "bpb-auto-recharge-dialog__amount-label", htmlFor: "auto-recharge-chunk", children: s("autoRechargeChunkLabel") }),
@@ -14338,9 +14337,9 @@ const nu = ({
           {
             className: j(
               "bpb-auto-recharge-dialog__hint",
-              P && "bpb-auto-recharge-dialog__hint--error"
+              x && "bpb-auto-recharge-dialog__hint--error"
             ),
-            children: s(P ? "autoRechargeChunkError" : "autoRechargeChunkHint")
+            children: s(x ? "autoRechargeChunkError" : "autoRechargeChunkHint")
           }
         )
       ] }),
@@ -14412,7 +14411,7 @@ const nu = ({
           ] }) })
         }
       ),
-      !(x != null && x.enabled) && (x == null ? void 0 : x.disabledReason) && /* @__PURE__ */ l("p", { className: "bpb-auto-recharge-dialog__disabled-note", role: "alert", children: s("autoRechargeDisabledReason", { reason: x.disabledReason }) }),
+      !(P != null && P.enabled) && (P == null ? void 0 : P.disabledReason) && /* @__PURE__ */ l("p", { className: "bpb-auto-recharge-dialog__disabled-note", role: "alert", children: s("autoRechargeDisabledReason", { reason: P.disabledReason }) }),
       /* @__PURE__ */ p("div", { className: "bpb-auto-recharge-dialog__actions", children: [
         /* @__PURE__ */ l(ke, { variant: "outline", onClick: () => t(!1), disabled: N.isPending, children: s("cancel") }),
         /* @__PURE__ */ l(