npm - @movmo_app/payments - Versions diffs - 0.5.0 → 0.6.0 - Mend

@movmo_app/payments 0.5.0 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.es.js CHANGED Viewed

@@ -1,8 +1,8 @@
 var Gr = Object.defineProperty;
 var Hr = (r, t, n) => t in r ? Gr(r, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[t] = n;
-var ir = (r, t, n) => Hr(r, typeof t != "symbol" ? t + "" : t, n);
-import Fr, { useState as k, useRef as U, useEffect as A, useCallback as z, useMemo as Ze, useId as Jr } from "react";
-var fr = { exports: {} }, qe = {};
+var mr = (r, t, n) => Hr(r, typeof t != "symbol" ? t + "" : t, n);
+import Or, { useState as C, useRef as I, useEffect as D, useCallback as Y, useMemo as Qe, useId as Jr } from "react";
+var xr = { exports: {} }, He = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -12,21 +12,21 @@ var fr = { exports: {} }, qe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var jr;
+var _r;
 function Zr() {
-  if (jr) return qe;
-  jr = 1;
-  var r = Fr, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, i = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(x, m, F) {
-    var y, b = {}, f = null, j = null;
-    F !== void 0 && (f = "" + F), m.key !== void 0 && (f = "" + m.key), m.ref !== void 0 && (j = m.ref);
-    for (y in m) s.call(m, y) && !c.hasOwnProperty(y) && (b[y] = m[y]);
-    if (x && x.defaultProps) for (y in m = x.defaultProps, m) b[y] === void 0 && (b[y] = m[y]);
-    return { $$typeof: t, type: x, key: f, ref: j, props: b, _owner: i.current };
+  if (_r) return He;
+  _r = 1;
+  var r = Or, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, i = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(x, m, k) {
+    var b, f = {}, y = null, w = null;
+    k !== void 0 && (y = "" + k), m.key !== void 0 && (y = "" + m.key), m.ref !== void 0 && (w = m.ref);
+    for (b in m) s.call(m, b) && !l.hasOwnProperty(b) && (f[b] = m[b]);
+    if (x && x.defaultProps) for (b in m = x.defaultProps, m) f[b] === void 0 && (f[b] = m[b]);
+    return { $$typeof: t, type: x, key: y, ref: w, props: f, _owner: i.current };
   }
-  return qe.Fragment = n, qe.jsx = u, qe.jsxs = u, qe;
+  return He.Fragment = n, He.jsx = u, He.jsxs = u, He;
 }
-var Ge = {};
+var Je = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -36,57 +36,57 @@ var Ge = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Er;
+var Nr;
 function Xr() {
-  return Er || (Er = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = Fr, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), x = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), W = Symbol.iterator, ae = "@@iterator";
-    function _(e) {
+  return Nr || (Nr = 1, process.env.NODE_ENV !== "production" && function() {
+    var r = Or, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), x = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), S = Symbol.iterator, le = "@@iterator";
+    function O(e) {
       if (e === null || typeof e != "object")
         return null;
-      var o = W && e[W] || e[ae];
+      var o = S && e[S] || e[le];
       return typeof o == "function" ? o : null;
     }
-    var P = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function w(e) {
+    var _ = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function g(e) {
       {
-        for (var o = arguments.length, l = new Array(o > 1 ? o - 1 : 0), h = 1; h < o; h++)
-          l[h - 1] = arguments[h];
-        se("error", e, l);
+        for (var o = arguments.length, c = new Array(o > 1 ? o - 1 : 0), h = 1; h < o; h++)
+          c[h - 1] = arguments[h];
+        q("error", e, c);
       }
     }
-    function se(e, o, l) {
+    function q(e, o, c) {
       {
-        var h = P.ReactDebugCurrentFrame, S = h.getStackAddendum();
-        S !== "" && (o += "%s", l = l.concat([S]));
-        var O = l.map(function(C) {
-          return String(C);
+        var h = _.ReactDebugCurrentFrame, F = h.getStackAddendum();
+        F !== "" && (o += "%s", c = c.concat([F]));
+        var $ = c.map(function(N) {
+          return String(N);
         });
-        O.unshift("Warning: " + o), Function.prototype.apply.call(console[e], console, O);
+        $.unshift("Warning: " + o), Function.prototype.apply.call(console[e], console, $);
       }
     }
-    var ee = !1, fe = !1, ge = !1, G = !1, oe = !1, v;
-    v = Symbol.for("react.module.reference");
-    function ie(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === s || e === c || oe || e === i || e === F || e === y || G || e === j || ee || fe || ge || typeof e == "object" && e !== null && (e.$$typeof === f || e.$$typeof === b || e.$$typeof === u || e.$$typeof === x || e.$$typeof === m || // This needs to include all possible module reference object
+    var ae = !1, be = !1, pe = !1, ne = !1, ce = !1, M;
+    M = Symbol.for("react.module.reference");
+    function j(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === s || e === l || ce || e === i || e === k || e === b || ne || e === w || ae || be || pe || typeof e == "object" && e !== null && (e.$$typeof === y || e.$$typeof === f || e.$$typeof === u || e.$$typeof === x || e.$$typeof === m || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === v || e.getModuleId !== void 0));
+      e.$$typeof === M || e.getModuleId !== void 0));
     }
-    function Re(e, o, l) {
+    function he(e, o, c) {
       var h = e.displayName;
       if (h)
         return h;
-      var S = o.displayName || o.name || "";
-      return S !== "" ? l + "(" + S + ")" : l;
+      var F = o.displayName || o.name || "";
+      return F !== "" ? c + "(" + F + ")" : c;
     }
-    function be(e) {
+    function Ne(e) {
       return e.displayName || "Context";
     }
-    function T(e) {
+    function P(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
@@ -95,32 +95,32 @@ function Xr() {
           return "Fragment";
         case n:
           return "Portal";
-        case c:
+        case l:
           return "Profiler";
         case i:
           return "StrictMode";
-        case F:
+        case k:
           return "Suspense";
-        case y:
+        case b:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case x:
             var o = e;
-            return be(o) + ".Consumer";
+            return Ne(o) + ".Consumer";
           case u:
-            var l = e;
-            return be(l._context) + ".Provider";
+            var c = e;
+            return Ne(c._context) + ".Provider";
           case m:
-            return Re(e, e.render, "ForwardRef");
-          case b:
+            return he(e, e.render, "ForwardRef");
+          case f:
             var h = e.displayName || null;
-            return h !== null ? h : T(e.type) || "Memo";
-          case f: {
-            var S = e, O = S._payload, C = S._init;
+            return h !== null ? h : P(e.type) || "Memo";
+          case y: {
+            var F = e, $ = F._payload, N = F._init;
             try {
-              return T(C(O));
+              return P(N($));
             } catch {
               return null;
             }
@@ -128,18 +128,18 @@ function Xr() {
         }
       return null;
     }
-    var g = Object.assign, p = 0, N, I, Q, pe, H, K, B;
-    function $() {
+    var v = Object.assign, p = 0, R, L, J, ye, Z, se, X;
+    function W() {
     }
-    $.__reactDisabledLog = !0;
-    function Y() {
+    W.__reactDisabledLog = !0;
+    function ee() {
       {
         if (p === 0) {
-          N = console.log, I = console.info, Q = console.warn, pe = console.error, H = console.group, K = console.groupCollapsed, B = console.groupEnd;
+          R = console.log, L = console.info, J = console.warn, ye = console.error, Z = console.group, se = console.groupCollapsed, X = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: $,
+            value: W,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -155,7 +155,7 @@ function Xr() {
         p++;
       }
     }
-    function he() {
+    function Ce() {
       {
         if (p--, p === 0) {
           var e = {
@@ -164,267 +164,267 @@ function Xr() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: g({}, e, {
-              value: N
+            log: v({}, e, {
+              value: R
             }),
-            info: g({}, e, {
-              value: I
+            info: v({}, e, {
+              value: L
             }),
-            warn: g({}, e, {
-              value: Q
+            warn: v({}, e, {
+              value: J
             }),
-            error: g({}, e, {
-              value: pe
+            error: v({}, e, {
+              value: ye
             }),
-            group: g({}, e, {
-              value: H
+            group: v({}, e, {
+              value: Z
             }),
-            groupCollapsed: g({}, e, {
-              value: K
+            groupCollapsed: v({}, e, {
+              value: se
             }),
-            groupEnd: g({}, e, {
-              value: B
+            groupEnd: v({}, e, {
+              value: X
             })
           });
         }
-        p < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        p < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var me = P.ReactCurrentDispatcher, re;
-    function Ce(e, o, l) {
+    var ve = _.ReactCurrentDispatcher, xe;
+    function de(e, o, c) {
       {
-        if (re === void 0)
+        if (xe === void 0)
           try {
             throw Error();
-          } catch (S) {
-            var h = S.stack.trim().match(/\n( *(at )?)/);
-            re = h && h[1] || "";
+          } catch (F) {
+            var h = F.stack.trim().match(/\n( *(at )?)/);
+            xe = h && h[1] || "";
           }
         return `
-` + re + e;
+` + xe + e;
       }
     }
-    var Pe = !1, ye;
+    var oe = !1, ke;
     {
-      var le = typeof WeakMap == "function" ? WeakMap : Map;
-      ye = new le();
+      var Oe = typeof WeakMap == "function" ? WeakMap : Map;
+      ke = new Oe();
     }
-    function we(e, o) {
-      if (!e || Pe)
+    function ue(e, o) {
+      if (!e || oe)
         return "";
       {
-        var l = ye.get(e);
-        if (l !== void 0)
-          return l;
+        var c = ke.get(e);
+        if (c !== void 0)
+          return c;
       }
       var h;
-      Pe = !0;
-      var S = Error.prepareStackTrace;
+      oe = !0;
+      var F = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var O;
-      O = me.current, me.current = null, Y();
+      var $;
+      $ = ve.current, ve.current = null, ee();
       try {
         if (o) {
-          var C = function() {
+          var N = function() {
             throw Error();
           };
-          if (Object.defineProperty(C.prototype, "props", {
+          if (Object.defineProperty(N.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(C, []);
-            } catch (ue) {
-              h = ue;
+              Reflect.construct(N, []);
+            } catch (me) {
+              h = me;
             }
-            Reflect.construct(e, [], C);
+            Reflect.construct(e, [], N);
           } else {
             try {
-              C.call();
-            } catch (ue) {
-              h = ue;
+              N.call();
+            } catch (me) {
+              h = me;
             }
-            e.call(C.prototype);
+            e.call(N.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (ue) {
-            h = ue;
+          } catch (me) {
+            h = me;
           }
           e();
         }
-      } catch (ue) {
-        if (ue && h && typeof ue.stack == "string") {
-          for (var E = ue.stack.split(`
-`), ne = h.stack.split(`
-`), L = E.length - 1, V = ne.length - 1; L >= 1 && V >= 0 && E[L] !== ne[V]; )
-            V--;
-          for (; L >= 1 && V >= 0; L--, V--)
-            if (E[L] !== ne[V]) {
-              if (L !== 1 || V !== 1)
+      } catch (me) {
+        if (me && h && typeof me.stack == "string") {
+          for (var E = me.stack.split(`
+`), ie = h.stack.split(`
+`), G = E.length - 1, H = ie.length - 1; G >= 1 && H >= 0 && E[G] !== ie[H]; )
+            H--;
+          for (; G >= 1 && H >= 0; G--, H--)
+            if (E[G] !== ie[H]) {
+              if (G !== 1 || H !== 1)
                 do
-                  if (L--, V--, V < 0 || E[L] !== ne[V]) {
-                    var xe = `
-` + E[L].replace(" at new ", " at ");
-                    return e.displayName && xe.includes("<anonymous>") && (xe = xe.replace("<anonymous>", e.displayName)), typeof e == "function" && ye.set(e, xe), xe;
+                  if (G--, H--, H < 0 || E[G] !== ie[H]) {
+                    var ge = `
+` + E[G].replace(" at new ", " at ");
+                    return e.displayName && ge.includes("<anonymous>") && (ge = ge.replace("<anonymous>", e.displayName)), typeof e == "function" && ke.set(e, ge), ge;
                   }
-                while (L >= 1 && V >= 0);
+                while (G >= 1 && H >= 0);
               break;
             }
         }
       } finally {
-        Pe = !1, me.current = O, he(), Error.prepareStackTrace = S;
+        oe = !1, ve.current = $, Ce(), Error.prepareStackTrace = F;
       }
-      var De = e ? e.displayName || e.name : "", We = De ? Ce(De) : "";
-      return typeof e == "function" && ye.set(e, We), We;
+      var Me = e ? e.displayName || e.name : "", We = Me ? de(Me) : "";
+      return typeof e == "function" && ke.set(e, We), We;
     }
-    function je(e, o, l) {
-      return we(e, !1);
+    function Q(e, o, c) {
+      return ue(e, !1);
     }
-    function ke(e) {
+    function we(e) {
       var o = e.prototype;
       return !!(o && o.isReactComponent);
     }
-    function J(e, o, l) {
+    function V(e, o, c) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return we(e, ke(e));
+        return ue(e, we(e));
       if (typeof e == "string")
-        return Ce(e);
+        return de(e);
       switch (e) {
-        case F:
-          return Ce("Suspense");
-        case y:
-          return Ce("SuspenseList");
+        case k:
+          return de("Suspense");
+        case b:
+          return de("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case m:
-            return je(e.render);
-          case b:
-            return J(e.type, o, l);
-          case f: {
-            var h = e, S = h._payload, O = h._init;
+            return Q(e.render);
+          case f:
+            return V(e.type, o, c);
+          case y: {
+            var h = e, F = h._payload, $ = h._init;
             try {
-              return J(O(S), o, l);
+              return V($(F), o, c);
             } catch {
             }
           }
         }
       return "";
     }
-    var Ee = Object.prototype.hasOwnProperty, Te = {}, ve = P.ReactDebugCurrentFrame;
-    function _e(e) {
+    var je = Object.prototype.hasOwnProperty, Fe = {}, _e = _.ReactDebugCurrentFrame;
+    function re(e) {
       if (e) {
-        var o = e._owner, l = J(e.type, e._source, o ? o.type : null);
-        ve.setExtraStackFrame(l);
+        var o = e._owner, c = V(e.type, e._source, o ? o.type : null);
+        _e.setExtraStackFrame(c);
       } else
-        ve.setExtraStackFrame(null);
+        _e.setExtraStackFrame(null);
     }
-    function R(e, o, l, h, S) {
+    function T(e, o, c, h, F) {
       {
-        var O = Function.call.bind(Ee);
-        for (var C in e)
-          if (O(e, C)) {
+        var $ = Function.call.bind(je);
+        for (var N in e)
+          if ($(e, N)) {
             var E = void 0;
             try {
-              if (typeof e[C] != "function") {
-                var ne = Error((h || "React class") + ": " + l + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw ne.name = "Invariant Violation", ne;
+              if (typeof e[N] != "function") {
+                var ie = Error((h || "React class") + ": " + c + " type `" + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[N] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw ie.name = "Invariant Violation", ie;
               }
-              E = e[C](o, C, h, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (L) {
-              E = L;
+              E = e[N](o, N, h, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (G) {
+              E = G;
             }
-            E && !(E instanceof Error) && (_e(S), w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", h || "React class", l, C, typeof E), _e(null)), E instanceof Error && !(E.message in Te) && (Te[E.message] = !0, _e(S), w("Failed %s type: %s", l, E.message), _e(null));
+            E && !(E instanceof Error) && (re(F), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", h || "React class", c, N, typeof E), re(null)), E instanceof Error && !(E.message in Fe) && (Fe[E.message] = !0, re(F), g("Failed %s type: %s", c, E.message), re(null));
           }
       }
     }
-    var M = Array.isArray;
-    function q(e) {
-      return M(e);
+    var A = Array.isArray;
+    function U(e) {
+      return A(e);
     }
-    function ce(e) {
+    function fe(e) {
       {
-        var o = typeof Symbol == "function" && Symbol.toStringTag, l = o && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return l;
+        var o = typeof Symbol == "function" && Symbol.toStringTag, c = o && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return c;
       }
     }
-    function Xe(e) {
+    function dr(e) {
       try {
-        return Qe(e), !1;
+        return er(e), !1;
       } catch {
         return !0;
       }
     }
-    function Qe(e) {
+    function er(e) {
       return "" + e;
     }
-    function Oe(e) {
-      if (Xe(e))
-        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ce(e)), Qe(e);
+    function $e(e) {
+      if (dr(e))
+        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", fe(e)), er(e);
     }
-    var Be = P.ReactCurrentOwner, er = {
+    var rr = _.ReactCurrentOwner, tr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ye, Fe;
+    }, Ye, ar;
     function Ve(e) {
-      if (Ee.call(e, "ref")) {
+      if (je.call(e, "ref")) {
         var o = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (o && o.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function Ke(e) {
-      if (Ee.call(e, "key")) {
+    function nr(e) {
+      if (je.call(e, "key")) {
         var o = Object.getOwnPropertyDescriptor(e, "key").get;
         if (o && o.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function ar(e, o) {
-      typeof e.ref == "string" && Be.current;
+    function sr(e, o) {
+      typeof e.ref == "string" && rr.current;
     }
-    function nr(e, o) {
+    function or(e, o) {
       {
-        var l = function() {
-          Ye || (Ye = !0, w("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
+        var c = function() {
+          Ye || (Ye = !0, g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
         };
-        l.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: l,
+        c.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: c,
           configurable: !0
         });
       }
     }
-    function d(e, o) {
+    function De(e, o) {
       {
-        var l = function() {
-          Fe || (Fe = !0, w("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
+        var c = function() {
+          ar || (ar = !0, g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
         };
-        l.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: l,
+        c.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: c,
           configurable: !0
         });
       }
     }
-    var Z = function(e, o, l, h, S, O, C) {
+    var Ke = function(e, o, c, h, F, $, N) {
       var E = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: e,
         key: o,
-        ref: l,
-        props: C,
+        ref: c,
+        props: N,
         // Record the component responsible for creating this element.
-        _owner: O
+        _owner: $
       };
       return E._store = {}, Object.defineProperty(E._store, "validated", {
         configurable: !1,
@@ -440,44 +440,44 @@ function Xr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: S
+        value: F
       }), Object.freeze && (Object.freeze(E.props), Object.freeze(E)), E;
     };
-    function X(e, o, l, h, S) {
+    function qe(e, o, c, h, F) {
       {
-        var O, C = {}, E = null, ne = null;
-        l !== void 0 && (Oe(l), E = "" + l), Ke(o) && (Oe(o.key), E = "" + o.key), Ve(o) && (ne = o.ref, ar(o, S));
-        for (O in o)
-          Ee.call(o, O) && !er.hasOwnProperty(O) && (C[O] = o[O]);
+        var $, N = {}, E = null, ie = null;
+        c !== void 0 && ($e(c), E = "" + c), nr(o) && ($e(o.key), E = "" + o.key), Ve(o) && (ie = o.ref, sr(o, F));
+        for ($ in o)
+          je.call(o, $) && !tr.hasOwnProperty($) && (N[$] = o[$]);
         if (e && e.defaultProps) {
-          var L = e.defaultProps;
-          for (O in L)
-            C[O] === void 0 && (C[O] = L[O]);
+          var G = e.defaultProps;
+          for ($ in G)
+            N[$] === void 0 && (N[$] = G[$]);
         }
-        if (E || ne) {
-          var V = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          E && nr(C, V), ne && d(C, V);
+        if (E || ie) {
+          var H = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          E && or(N, H), ie && De(N, H);
         }
-        return Z(e, E, ne, S, h, Be.current, C);
+        return Ke(e, E, ie, F, h, rr.current, N);
       }
     }
-    var D = P.ReactCurrentOwner, Ne = P.ReactDebugCurrentFrame;
-    function de(e) {
+    var Pe = _.ReactCurrentOwner, ir = _.ReactDebugCurrentFrame;
+    function Te(e) {
       if (e) {
-        var o = e._owner, l = J(e.type, e._source, o ? o.type : null);
-        Ne.setExtraStackFrame(l);
+        var o = e._owner, c = V(e.type, e._source, o ? o.type : null);
+        ir.setExtraStackFrame(c);
       } else
-        Ne.setExtraStackFrame(null);
+        ir.setExtraStackFrame(null);
     }
-    var $e;
-    $e = !1;
-    function sr(e) {
+    var d;
+    d = !1;
+    function K(e) {
       return typeof e == "object" && e !== null && e.$$typeof === t;
     }
-    function yr() {
+    function z() {
       {
-        if (D.current) {
-          var e = T(D.current.type);
+        if (Pe.current) {
+          var e = P(Pe.current.type);
           if (e)
             return `
@@ -486,177 +486,177 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Ar(e) {
+    function B(e) {
       return "";
     }
-    var vr = {};
-    function Ir(e) {
+    var Ee = {};
+    function Re(e) {
       {
-        var o = yr();
+        var o = z();
         if (!o) {
-          var l = typeof e == "string" ? e : e.displayName || e.name;
-          l && (o = `
+          var c = typeof e == "string" ? e : e.displayName || e.name;
+          c && (o = `
-Check the top-level render call using <` + l + ">.");
+Check the top-level render call using <` + c + ">.");
         }
         return o;
       }
     }
-    function xr(e, o) {
+    function Ge(e, o) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var l = Ir(o);
-        if (vr[l])
+        var c = Re(o);
+        if (Ee[c])
           return;
-        vr[l] = !0;
+        Ee[c] = !0;
         var h = "";
-        e && e._owner && e._owner !== D.current && (h = " It was passed a child from " + T(e._owner.type) + "."), de(e), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, h), de(null);
+        e && e._owner && e._owner !== Pe.current && (h = " It was passed a child from " + P(e._owner.type) + "."), Te(e), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, h), Te(null);
       }
     }
-    function gr(e, o) {
+    function wr(e, o) {
       {
         if (typeof e != "object")
           return;
-        if (q(e))
-          for (var l = 0; l < e.length; l++) {
-            var h = e[l];
-            sr(h) && xr(h, o);
+        if (U(e))
+          for (var c = 0; c < e.length; c++) {
+            var h = e[c];
+            K(h) && Ge(h, o);
           }
-        else if (sr(e))
+        else if (K(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var S = _(e);
-          if (typeof S == "function" && S !== e.entries)
-            for (var O = S.call(e), C; !(C = O.next()).done; )
-              sr(C.value) && xr(C.value, o);
+          var F = O(e);
+          if (typeof F == "function" && F !== e.entries)
+            for (var $ = F.call(e), N; !(N = $.next()).done; )
+              K(N.value) && Ge(N.value, o);
         }
       }
     }
-    function Ur(e) {
+    function Ir(e) {
       {
         var o = e.type;
         if (o == null || typeof o == "string")
           return;
-        var l;
+        var c;
         if (typeof o == "function")
-          l = o.propTypes;
+          c = o.propTypes;
         else if (typeof o == "object" && (o.$$typeof === m || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        o.$$typeof === b))
-          l = o.propTypes;
+        o.$$typeof === f))
+          c = o.propTypes;
         else
           return;
-        if (l) {
-          var h = T(o);
-          R(l, e.props, "prop", h, e);
-        } else if (o.PropTypes !== void 0 && !$e) {
-          $e = !0;
-          var S = T(o);
-          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", S || "Unknown");
+        if (c) {
+          var h = P(o);
+          T(c, e.props, "prop", h, e);
+        } else if (o.PropTypes !== void 0 && !d) {
+          d = !0;
+          var F = P(o);
+          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", F || "Unknown");
         }
-        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Lr(e) {
       {
-        for (var o = Object.keys(e.props), l = 0; l < o.length; l++) {
-          var h = o[l];
+        for (var o = Object.keys(e.props), c = 0; c < o.length; c++) {
+          var h = o[c];
           if (h !== "children" && h !== "key") {
-            de(e), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), de(null);
+            Te(e), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), Te(null);
             break;
           }
         }
-        e.ref !== null && (de(e), w("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
+        e.ref !== null && (Te(e), g("Invalid attribute `ref` supplied to `React.Fragment`."), Te(null));
       }
     }
-    var br = {};
-    function wr(e, o, l, h, S, O) {
+    var jr = {};
+    function Er(e, o, c, h, F, $) {
       {
-        var C = ie(e);
-        if (!C) {
+        var N = j(e);
+        if (!N) {
           var E = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (E += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var ne = Ar();
-          ne ? E += ne : E += yr();
-          var L;
-          e === null ? L = "null" : q(e) ? L = "array" : e !== void 0 && e.$$typeof === t ? (L = "<" + (T(e.type) || "Unknown") + " />", E = " Did you accidentally export a JSX literal instead of a component?") : L = typeof e, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, E);
+          var ie = B();
+          ie ? E += ie : E += z();
+          var G;
+          e === null ? G = "null" : U(e) ? G = "array" : e !== void 0 && e.$$typeof === t ? (G = "<" + (P(e.type) || "Unknown") + " />", E = " Did you accidentally export a JSX literal instead of a component?") : G = typeof e, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", G, E);
         }
-        var V = X(e, o, l, S, O);
-        if (V == null)
-          return V;
-        if (C) {
-          var xe = o.children;
-          if (xe !== void 0)
+        var H = qe(e, o, c, F, $);
+        if (H == null)
+          return H;
+        if (N) {
+          var ge = o.children;
+          if (ge !== void 0)
             if (h)
-              if (q(xe)) {
-                for (var De = 0; De < xe.length; De++)
-                  gr(xe[De], e);
-                Object.freeze && Object.freeze(xe);
+              if (U(ge)) {
+                for (var Me = 0; Me < ge.length; Me++)
+                  wr(ge[Me], e);
+                Object.freeze && Object.freeze(ge);
               } else
-                w("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              gr(xe, e);
+              wr(ge, e);
         }
-        if (Ee.call(o, "key")) {
-          var We = T(e), ue = Object.keys(o).filter(function(qr) {
+        if (je.call(o, "key")) {
+          var We = P(e), me = Object.keys(o).filter(function(qr) {
             return qr !== "key";
-          }), or = ue.length > 0 ? "{key: someKey, " + ue.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!br[We + or]) {
-            var Kr = ue.length > 0 ? "{" + ue.join(": ..., ") + ": ...}" : "{}";
-            w(`A props object containing a "key" prop is being spread into JSX:
+          }), ur = me.length > 0 ? "{key: someKey, " + me.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!jr[We + ur]) {
+            var Kr = me.length > 0 ? "{" + me.join(": ..., ") + ": ...}" : "{}";
+            g(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, or, We, Kr, We), br[We + or] = !0;
+  <%s key={someKey} {...props} />`, ur, We, Kr, We), jr[We + ur] = !0;
           }
         }
-        return e === s ? Lr(V) : Ur(V), V;
+        return e === s ? Lr(H) : Ir(H), H;
       }
     }
-    function zr(e, o, l) {
-      return wr(e, o, l, !0);
+    function zr(e, o, c) {
+      return Er(e, o, c, !0);
     }
-    function Br(e, o, l) {
-      return wr(e, o, l, !1);
+    function Br(e, o, c) {
+      return Er(e, o, c, !1);
     }
     var Yr = Br, Vr = zr;
-    Ge.Fragment = s, Ge.jsx = Yr, Ge.jsxs = Vr;
-  }()), Ge;
+    Je.Fragment = s, Je.jsx = Yr, Je.jsxs = Vr;
+  }()), Je;
 }
-process.env.NODE_ENV === "production" ? fr.exports = Zr() : fr.exports = Xr();
-var a = fr.exports;
-function Wr(r) {
+process.env.NODE_ENV === "production" ? xr.exports = Zr() : xr.exports = Xr();
+var a = xr.exports;
+function $r(r) {
   var t, n, s = "";
   if (typeof r == "string" || typeof r == "number") s += r;
   else if (typeof r == "object") if (Array.isArray(r)) {
     var i = r.length;
-    for (t = 0; t < i; t++) r[t] && (n = Wr(r[t])) && (s && (s += " "), s += n);
+    for (t = 0; t < i; t++) r[t] && (n = $r(r[t])) && (s && (s += " "), s += n);
   } else for (n in r) r[n] && (s && (s += " "), s += n);
   return s;
 }
 function te() {
-  for (var r, t, n = 0, s = "", i = arguments.length; n < i; n++) (r = arguments[n]) && (t = Wr(r)) && (s && (s += " "), s += t);
+  for (var r, t, n = 0, s = "", i = arguments.length; n < i; n++) (r = arguments[n]) && (t = $r(r)) && (s && (s += " "), s += t);
   return s;
 }
 const Qr = "https://core.spreedly.com/iframe/iframe-v1.min.js", et = "https://cdn.e2e.movmo.io";
-let Me = {};
+let Ae = {};
 const At = (r) => {
-  Me = { ...Me, ...r };
-}, lr = (r) => {
+  Ae = { ...Ae, ...r };
+}, fr = (r) => {
   var n;
   const t = globalThis.process;
   return (n = t == null ? void 0 : t.env) == null ? void 0 : n[r];
-}, ze = () => ({
-  baseUrl: Me.baseUrl ?? lr("REACT_APP_MOVMO_API_URL") ?? "",
-  spreedlyScriptUrl: Me.spreedlyScriptUrl ?? lr("REACT_APP_SPREEDLY_SCRIPT_URL") ?? Qr,
-  iconCdnBaseUrl: Me.iconCdnBaseUrl ?? lr("REACT_APP_MOVMO_ICON_CDN_URL") ?? et,
-  fetch: Me.fetch ?? (typeof globalThis < "u" && typeof globalThis.fetch == "function" ? globalThis.fetch.bind(globalThis) : (() => {
+}, Be = () => ({
+  baseUrl: Ae.baseUrl ?? fr("REACT_APP_MOVMO_API_URL") ?? "",
+  spreedlyScriptUrl: Ae.spreedlyScriptUrl ?? fr("REACT_APP_SPREEDLY_SCRIPT_URL") ?? Qr,
+  iconCdnBaseUrl: Ae.iconCdnBaseUrl ?? fr("REACT_APP_MOVMO_ICON_CDN_URL") ?? et,
+  fetch: Ae.fetch ?? (typeof globalThis < "u" && typeof globalThis.fetch == "function" ? globalThis.fetch.bind(globalThis) : (() => {
     throw new Error("@movmo_app/payments: no fetch available");
   })())
-}), pr = (r) => ({
+}), gr = (r) => ({
   id: r.id,
   last4: r.last4,
   brand: r.brand,
@@ -666,114 +666,115 @@ const At = (r) => {
   vault: r.vault,
   cardholderName: r.cardholderName,
   zip: r.zip
-}), Ae = {
+}), Ue = {
   Accept: "application/json",
   "Content-Type": "application/json"
 }, Ie = (r) => {
-  const { baseUrl: t } = ze();
+  const { baseUrl: t } = Be();
   if (!t)
     throw new Error(
       "@movmo_app/payments: baseUrl is not configured. Call setPaymentsConfig({ baseUrl }) at app boot, or set REACT_APP_MOVMO_API_URL."
     );
   return `${t}${r}`;
-}, Ue = (r, t) => {
-  const { fetch: n } = ze();
+}, Le = (r, t) => {
+  const { fetch: n } = Be();
   return n(r, t);
-}, Le = async (r, t) => {
+}, ze = async (r, t) => {
   try {
     return (await r.json()).message || t;
   } catch {
     return t;
   }
 };
-let He = null;
-const hr = () => {
-  if (He) return He;
+let Ze = null;
+const br = () => {
+  if (Ze) return Ze;
   const r = (async () => {
-    const t = await Ue(Ie("/v1/payments/tokenization-session"), {
+    const t = await Le(Ie("/v1/payments/tokenization-session"), {
       method: "GET",
-      headers: Ae,
+      headers: Ue,
       credentials: "include"
     });
     if (!t.ok)
-      throw new Error(await Le(t, `Failed to fetch tokenization session (${t.status})`));
+      throw new Error(await ze(t, `Failed to fetch tokenization session (${t.status})`));
     return await t.json();
   })();
-  return He = r, r.finally(() => {
-    He === r && (He = null);
+  return Ze = r, r.finally(() => {
+    Ze === r && (Ze = null);
   }).catch(() => {
   }), r;
 }, rt = (r) => typeof r.brand == "string" && typeof r.last4 == "string" && typeof r.expMonth == "number" && typeof r.expYear == "number", tt = async (r, t, n) => {
-  const s = await Ue(
+  const s = await Le(
     Ie(`/v1/users/${encodeURIComponent(r)}/payment-methods/from-token`),
     {
       method: "POST",
-      headers: Ae,
+      headers: Ue,
       credentials: "include",
       body: JSON.stringify({ tokenizedPaymentMethodId: t, isDefault: n })
     }
   );
   if (!s.ok)
-    throw new Error(await Le(s, `Failed to save payment method (${s.status})`));
+    throw new Error(await ze(s, `Failed to save payment method (${s.status})`));
   const i = await s.json();
   if (rt(i))
-    return pr(i);
-  const c = await Ue(
+    return gr(i);
+  const l = await Le(
     Ie(
       `/v1/users/${encodeURIComponent(r)}/payment-methods/${encodeURIComponent(i.id)}`
     ),
     {
       method: "GET",
-      headers: Ae,
+      headers: Ue,
       credentials: "include"
     }
   );
-  if (!c.ok)
+  if (!l.ok)
     throw new Error(
-      await Le(c, `Failed to fetch saved payment method (${c.status})`)
+      await ze(l, `Failed to fetch saved payment method (${l.status})`)
     );
-  const u = await c.json();
-  return pr(u);
+  const u = await l.json();
+  return gr(u);
 }, at = async (r, t) => {
-  const n = await Ue(
+  if (!r) return [];
+  const n = await Le(
     Ie(`/v1/users/${encodeURIComponent(r)}/payment-methods`),
     {
       method: "GET",
-      headers: Ae,
+      headers: Ue,
       credentials: "include",
       signal: t
     }
   );
   if (!n.ok)
-    throw new Error(await Le(n, `Failed to fetch payment methods (${n.status})`));
-  return (await n.json() ?? []).map(pr);
+    throw new Error(await ze(n, `Failed to fetch payment methods (${n.status})`));
+  return (await n.json() ?? []).map(gr);
 }, nt = async (r, t) => {
-  const n = await Ue(
+  const n = await Le(
     Ie(
       `/v1/users/${encodeURIComponent(r)}/payment-methods/${encodeURIComponent(t)}`
     ),
     {
       method: "DELETE",
-      headers: Ae,
+      headers: Ue,
       credentials: "include"
     }
   );
   if (!n.ok)
-    throw new Error(await Le(n, `Failed to delete payment method (${n.status})`));
-}, Or = async (r, t, n) => {
-  const s = await Ue(
+    throw new Error(await ze(n, `Failed to delete payment method (${n.status})`));
+}, Dr = async (r, t, n) => {
+  const s = await Le(
     Ie(
       `/v1/users/${encodeURIComponent(r)}/payment-methods/${encodeURIComponent(t)}`
     ),
     {
       method: "PUT",
-      headers: Ae,
+      headers: Ue,
       credentials: "include",
       body: JSON.stringify(n)
     }
   );
   if (!s.ok)
-    throw new Error(await Le(s, `Failed to update payment method (${s.status})`));
+    throw new Error(await ze(s, `Failed to update payment method (${s.status})`));
 }, st = {
   visa: "visa",
   master: "mastercard",
@@ -786,7 +787,7 @@ const hr = () => {
   className: t,
   width: n = 46
 }) => {
-  const s = r ? st[r.toLowerCase()] ?? "credit-card" : "credit-card", i = Math.max(n, ot), c = Math.round(i * 24 / 34), { iconCdnBaseUrl: u } = ze();
+  const s = r ? st[r.toLowerCase()] ?? "credit-card" : "credit-card", i = Math.max(n, ot), l = Math.round(i * 24 / 34), { iconCdnBaseUrl: u } = Be();
   return /* @__PURE__ */ a.jsx(
     "img",
     {
@@ -795,21 +796,21 @@ const hr = () => {
       "data-testid": `card-brand-${r.toLowerCase()}`,
       className: t,
       width: i,
-      height: c,
+      height: l,
       loading: "lazy"
     }
   );
 };
-let Je = null;
+let Xe = null;
 const it = () => {
   if (typeof window > "u")
     return Promise.reject(new Error("Spreedly can only be loaded in a browser environment."));
   if (window.Spreedly)
     return Promise.resolve(window.Spreedly);
-  if (Je)
-    return Je;
-  const { spreedlyScriptUrl: r } = ze();
-  return Je = new Promise((t, n) => {
+  if (Xe)
+    return Xe;
+  const { spreedlyScriptUrl: r } = Be();
+  return Xe = new Promise((t, n) => {
     const s = document.querySelector(
       `script[src="${r}"]`
     ), i = () => {
@@ -829,21 +830,21 @@ const it = () => {
       );
       return;
     }
-    const c = document.createElement("script");
-    c.src = r, c.async = !0, c.onload = i, c.onerror = () => {
-      c.remove(), n(new Error("Failed to load Spreedly iframe script."));
-    }, document.head.appendChild(c);
+    const l = document.createElement("script");
+    l.src = r, l.async = !0, l.onload = i, l.onerror = () => {
+      l.remove(), n(new Error("Failed to load Spreedly iframe script."));
+    }, document.head.appendChild(l);
   }).catch((t) => {
-    throw Je = null, t;
-  }), Je;
+    throw Xe = null, t;
+  }), Xe;
 };
-class rr extends Error {
+class lr extends Error {
   constructor(n, s) {
     super(s instanceof Error ? s.message : "Failed to initialize card form.");
-    ir(this, "source");
+    mr(this, "source");
     // Re-declared (vs. relying on the lib's ES2022 `Error.cause`) so the field is
     // always present on the type regardless of the consuming app's tsconfig `lib`.
-    ir(this, "cause");
+    mr(this, "cause");
     this.name = "InitError", this.source = n, this.cause = s;
   }
 }
@@ -860,131 +861,131 @@ const lt = "movmo-card-number", ct = "movmo-card-cvv", dt = (r) => ({
     cvvEl: n = ct,
     onCardTokenized: s,
     onFieldErrors: i,
-    onValidityChange: c,
+    onValidityChange: l,
     onBrandChange: u
-  } = r, [x, m] = k("idle"), [F, y] = k(null), [b, f] = k(null), [j, W] = k(null), [ae, _] = k({ number: !1, cvv: !1 }), [P, w] = k(null), [se, ee] = k({ number: !1, cvv: !1 }), fe = U(null), ge = U(s), G = U(i), oe = U(c), v = U(u);
-  A(() => {
-    ge.current = s;
-  }, [s]), A(() => {
-    G.current = i;
-  }, [i]), A(() => {
-    oe.current = c;
-  }, [c]), A(() => {
-    v.current = u;
+  } = r, [x, m] = C("idle"), [k, b] = C(null), [f, y] = C(null), [w, S] = C(null), [le, O] = C({ number: !1, cvv: !1 }), [_, g] = C(null), [q, ae] = C({ number: !1, cvv: !1 }), be = I(null), pe = I(s), ne = I(i), ce = I(l), M = I(u);
+  D(() => {
+    pe.current = s;
+  }, [s]), D(() => {
+    ne.current = i;
+  }, [i]), D(() => {
+    ce.current = l;
+  }, [l]), D(() => {
+    M.current = u;
   }, [u]);
-  const ie = U({ number: !1, cvv: !1 });
-  A(() => {
-    let T = !1;
-    return m("loading"), y(null), f(null), W(null), _({ number: !1, cvv: !1 }), w(null), ie.current = { number: !1, cvv: !1 }, (async () => {
+  const j = I({ number: !1, cvv: !1 });
+  D(() => {
+    let P = !1;
+    return m("loading"), b(null), y(null), S(null), O({ number: !1, cvv: !1 }), g(null), j.current = { number: !1, cvv: !1 }, (async () => {
       try {
-        const [g, p] = await Promise.all([
-          hr().catch((N) => {
-            throw new rr("tokenization-session", N);
+        const [v, p] = await Promise.all([
+          br().catch((R) => {
+            throw new lr("tokenization-session", R);
           }),
-          it().catch((N) => {
-            throw new rr("spreedly-script", N);
+          it().catch((R) => {
+            throw new lr("spreedly-script", R);
           })
         ]);
-        if (T) return;
-        fe.current = p, p.on("ready", () => {
-          var N, I, Q, pe, H, K;
-          if (!T) {
+        if (P) return;
+        be.current = p, p.on("ready", () => {
+          var R, L, J, ye, Z, se;
+          if (!P) {
             m("ready");
             try {
-              (N = p.setFieldType) == null || N.call(p, "number", "tel"), (I = p.setFieldType) == null || I.call(p, "cvv", "tel");
-            } catch (B) {
-              console.warn("@movmo_app/payments: setFieldType failed", B);
+              (R = p.setFieldType) == null || R.call(p, "number", "tel"), (L = p.setFieldType) == null || L.call(p, "cvv", "tel");
+            } catch (X) {
+              console.warn("@movmo_app/payments: setFieldType failed", X);
             }
             try {
               typeof p.setNumberFormat == "function" ? p.setNumberFormat("prettyFormat") : console.warn(
                 "@movmo_app/payments: Spreedly.setNumberFormat is missing — card-number digits will not be space-grouped."
               );
-            } catch (B) {
-              console.warn("@movmo_app/payments: setNumberFormat failed", B);
+            } catch (X) {
+              console.warn("@movmo_app/payments: setNumberFormat failed", X);
             }
             try {
-              (Q = p.setPlaceholder) == null || Q.call(p, "number", "Card number"), (pe = p.setPlaceholder) == null || pe.call(p, "cvv", "CVV");
-              const B = 'box-sizing: border-box;width: 100%;height: 100%;margin: 0;padding: 0;border: 0;background: transparent;outline: none;font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-size: 14px;font-weight: 400;line-height: 20px;color: rgb(28 25 23);letter-spacing: 0;vertical-align: middle;';
-              (H = p.setStyle) == null || H.call(p, "number", B), (K = p.setStyle) == null || K.call(p, "cvv", B);
-            } catch (B) {
-              console.warn("@movmo_app/payments: setPlaceholder/setStyle failed", B);
+              (J = p.setPlaceholder) == null || J.call(p, "number", "Card number"), (ye = p.setPlaceholder) == null || ye.call(p, "cvv", "CVV");
+              const X = 'box-sizing: border-box;width: 100%;height: 100%;margin: 0;padding: 0;border: 0;background: transparent;outline: none;font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-size: 14px;font-weight: 400;line-height: 20px;color: rgb(28 25 23);letter-spacing: 0;vertical-align: middle;';
+              (Z = p.setStyle) == null || Z.call(p, "number", X), (se = p.setStyle) == null || se.call(p, "cvv", X);
+            } catch (X) {
+              console.warn("@movmo_app/payments: setPlaceholder/setStyle failed", X);
             }
           }
-        }), p.on("paymentMethod", (N) => {
-          var I;
-          (I = ge.current) == null || I.call(ge, N);
-        }), p.on("errors", (N) => {
-          var I;
-          (I = G.current) == null || I.call(G, N);
-        }), p.on("fieldEvent", (N, I, Q, pe) => {
-          var B;
-          if (T) return;
-          if (I === "focus") {
-            ee(($) => $[N] ? $ : { ...$, [N]: !0 });
+        }), p.on("paymentMethod", (R) => {
+          var L;
+          (L = pe.current) == null || L.call(pe, R);
+        }), p.on("errors", (R) => {
+          var L;
+          (L = ne.current) == null || L.call(ne, R);
+        }), p.on("fieldEvent", (R, L, J, ye) => {
+          var X;
+          if (P) return;
+          if (L === "focus") {
+            ae((W) => W[R] ? W : { ...W, [R]: !0 });
             return;
           }
-          if (I === "blur") {
-            ee(($) => $[N] ? { ...$, [N]: !1 } : $);
+          if (L === "blur") {
+            ae((W) => W[R] ? { ...W, [R]: !1 } : W);
             return;
           }
-          if (I !== "input") return;
-          const H = pe ?? {};
-          if (N === "number") {
-            if (H.numberLength === 0)
-              w(($) => {
-                var Y;
-                return $ !== null && ((Y = v.current) == null || Y.call(v, null)), null;
+          if (L !== "input") return;
+          const Z = ye ?? {};
+          if (R === "number") {
+            if (Z.numberLength === 0)
+              g((W) => {
+                var ee;
+                return W !== null && ((ee = M.current) == null || ee.call(M, null)), null;
               });
-            else if (H.cardType !== void 0) {
-              const $ = H.cardType || null;
-              w((Y) => {
-                var he;
-                return Y !== $ && ((he = v.current) == null || he.call(v, $)), $;
+            else if (Z.cardType !== void 0) {
+              const W = Z.cardType || null;
+              g((ee) => {
+                var Ce;
+                return ee !== W && ((Ce = M.current) == null || Ce.call(M, W)), W;
               });
             }
           }
-          const K = N === "number" ? typeof H.validNumber == "boolean" ? H.validNumber : void 0 : typeof H.validCvv == "boolean" ? H.validCvv : void 0;
-          if (typeof K == "boolean") {
-            const $ = ie.current, Y = N === "number" ? { ...$, number: K } : { ...$, cvv: K };
-            (Y.number !== $.number || Y.cvv !== $.cvv) && (ie.current = Y, _(Y), (B = oe.current) == null || B.call(oe, Y));
+          const se = R === "number" ? typeof Z.validNumber == "boolean" ? Z.validNumber : void 0 : typeof Z.validCvv == "boolean" ? Z.validCvv : void 0;
+          if (typeof se == "boolean") {
+            const W = j.current, ee = R === "number" ? { ...W, number: se } : { ...W, cvv: se };
+            (ee.number !== W.number || ee.cvv !== W.cvv) && (j.current = ee, O(ee), (X = ce.current) == null || X.call(ce, ee));
           }
-        }), p.on("consoleError", (N) => {
-          var Q;
-          const I = N instanceof Error ? N.message : "An unexpected error occurred while securing your card.";
-          (Q = G.current) == null || Q.call(G, [{ message: I }]);
-        }), p.init(g.environmentKey, {
+        }), p.on("consoleError", (R) => {
+          var J;
+          const L = R instanceof Error ? R.message : "An unexpected error occurred while securing your card.";
+          (J = ne.current) == null || J.call(ne, [{ message: L }]);
+        }), p.init(v.environmentKey, {
           numberEl: t,
           cvvEl: n,
-          nonce: g.nonce,
-          timestamp: String(g.timestamp),
-          certificateToken: g.certificateToken,
-          signature: g.signature
+          nonce: v.nonce,
+          timestamp: String(v.timestamp),
+          certificateToken: v.certificateToken,
+          signature: v.signature
         });
-      } catch (g) {
-        if (T) return;
-        const p = g instanceof Error ? g.message : "Failed to initialize card form.";
-        y(p), f(g instanceof rr ? g.source : "spreedly-script"), W(g instanceof rr ? g.cause : g), m("error");
+      } catch (v) {
+        if (P) return;
+        const p = v instanceof Error ? v.message : "Failed to initialize card form.";
+        b(p), y(v instanceof lr ? v.source : "spreedly-script"), S(v instanceof lr ? v.cause : v), m("error");
       }
     })(), () => {
-      var g, p;
-      T = !0;
+      var v, p;
+      P = !0;
       try {
-        (p = (g = fe.current) == null ? void 0 : g.removeHandlers) == null || p.call(g);
-      } catch (N) {
-        console.warn("@movmo_app/payments: removeHandlers failed during cleanup", N);
+        (p = (v = be.current) == null ? void 0 : v.removeHandlers) == null || p.call(v);
+      } catch (R) {
+        console.warn("@movmo_app/payments: removeHandlers failed during cleanup", R);
       }
-      fe.current = null;
+      be.current = null;
     };
   }, [t, n]);
-  const Re = z((T) => {
-    var g;
-    (g = fe.current) == null || g.tokenizeCreditCard(dt(T));
-  }, []), be = z((T) => {
-    var g, p;
-    (p = (g = fe.current) == null ? void 0 : g.transferFocus) == null || p.call(g, T);
+  const he = Y((P) => {
+    var v;
+    (v = be.current) == null || v.tokenizeCreditCard(dt(P));
+  }, []), Ne = Y((P) => {
+    var v, p;
+    (p = (v = be.current) == null ? void 0 : v.transferFocus) == null || p.call(v, P);
   }, []);
-  return { status: x, error: F, errorSource: b, errorCause: j, tokenize: Re, validity: ae, brand: P, focused: se, focusField: be };
-}, cr = "h-11 w-full rounded-md border border-grayWarm-300 bg-white px-3 py-2 text-sm text-grayWarm-900 placeholder:text-grayWarm-400 outline-none focus:border-grayWarm-950 focus:shadow-[0_0_0_1px_#1c1917]", _r = "flex h-11 w-full items-center gap-2 rounded-md border bg-white px-3 py-2 transition-shadow", Nr = "border-grayWarm-950 shadow-[0_0_0_1px_#1c1917]", Cr = "border-grayWarm-300", mt = (r) => {
+  return { status: x, error: k, errorSource: f, errorCause: w, tokenize: he, validity: le, brand: _, focused: q, focusField: Ne };
+}, pr = "h-11 w-full rounded-md border border-grayWarm-300 bg-white px-3 py-2 text-sm text-grayWarm-900 placeholder:text-grayWarm-400 outline-none focus:border-grayWarm-950 focus:shadow-[0_0_0_1px_#1c1917]", Cr = "flex h-11 w-full items-center gap-2 rounded-md border bg-white px-3 py-2 transition-shadow", kr = "border-grayWarm-950 shadow-[0_0_0_1px_#1c1917]", Rr = "border-grayWarm-300", mt = (r) => {
   const t = r.trim();
   if (!t) return { firstName: "", lastName: "" };
   const n = t.lastIndexOf(" ");
@@ -992,7 +993,7 @@ const lt = "movmo-card-number", ct = "movmo-card-cvv", dt = (r) => ({
     firstName: t.slice(0, n).trim(),
     lastName: t.slice(n + 1).trim()
   };
-}, $r = (r) => {
+}, Mr = (r) => {
   const t = r.replace(/\D/g, "");
   if (t.length < 4) return { month: "", year: "" };
   const n = t.slice(0, 2), s = t.slice(2), i = s.length === 2 ? `20${s}` : s.slice(0, 4);
@@ -1000,125 +1001,125 @@ const lt = "movmo-card-number", ct = "movmo-card-cvv", dt = (r) => ({
 }, ft = (r) => {
   const t = r.replace(/\D/g, "").slice(0, 4);
   return t.length <= 2 ? t : `${t.slice(0, 2)} / ${t.slice(2)}`;
-}, dr = (r) => {
-  const { month: t, year: n } = $r(r);
+}, hr = (r) => {
+  const { month: t, year: n } = Mr(r);
   if (!t || !n) return !1;
   const s = parseInt(t, 10), i = parseInt(n, 10);
   if (isNaN(s) || s < 1 || s > 12) return !1;
-  const c = /* @__PURE__ */ new Date();
-  return !(i < c.getFullYear() || i > c.getFullYear() + 20 || i === c.getFullYear() && s < c.getMonth() + 1);
-}, ur = (r) => /^\d{5}(-\d{4})?$/.test(r.trim()), pt = (r) => {
+  const l = /* @__PURE__ */ new Date();
+  return !(i < l.getFullYear() || i > l.getFullYear() + 20 || i === l.getFullYear() && s < l.getMonth() + 1);
+}, yr = (r) => /^\d{5}(-\d{4})?$/.test(r.trim()), pt = (r) => {
   const t = r.replace(/[^\d]/g, "").slice(0, 9);
   return t.length <= 5 ? t : `${t.slice(0, 5)}-${t.slice(5)}`;
-}, Dr = ({
+}, Ar = ({
   userId: r,
   onSuccess: t,
   onError: n,
   onErrorDetail: s,
   isDefault: i = !1,
-  className: c,
+  className: l,
   defaultCardholderName: u,
   defaultCardholderFirstName: x = "",
   defaultCardholderLastName: m = "",
-  autoSave: F = !1,
-  formId: y = "movmo-card-form",
-  hideInternalSaveButton: b = !1,
-  onCanSubmitChange: f,
-  onSavingChange: j,
-  autoFocus: W
+  autoSave: k = !1,
+  formId: b = "movmo-card-form",
+  hideInternalSaveButton: f = !1,
+  onCanSubmitChange: y,
+  onSavingChange: w,
+  autoFocus: S
 }) => {
-  const ae = u ?? [x, m].filter(Boolean).join(" "), [_, P] = k(ae), [w, se] = k(""), [ee, fe] = k(""), [ge, G] = k("idle"), oe = U(!1), v = U(s);
-  A(() => {
-    v.current = s;
+  const le = u ?? [x, m].filter(Boolean).join(" "), [O, _] = C(le), [g, q] = C(""), [ae, be] = C(""), [pe, ne] = C("idle"), ce = I(!1), M = I(s);
+  D(() => {
+    M.current = s;
   }, [s]);
-  const ie = z(
-    async (R) => {
-      var M;
-      G("saving");
+  const j = Y(
+    async (T) => {
+      var A;
+      ne("saving");
       try {
-        const q = await tt(r, R, i);
-        G("ready"), t(q);
-      } catch (q) {
-        const ce = q instanceof Error ? q.message : "Failed to save payment method.";
-        G("ready"), oe.current = !1, n(ce), (M = v.current) == null || M.call(v, { source: "save-from-token", message: ce, cause: q });
+        const U = await tt(r, T, i);
+        ne("ready"), t(U);
+      } catch (U) {
+        const fe = U instanceof Error ? U.message : "Failed to save payment method.";
+        ne("ready"), ce.current = !1, n(fe), (A = M.current) == null || A.call(M, { source: "save-from-token", message: fe, cause: U });
       }
     },
     [r, i, t, n]
-  ), Re = z(
-    (R) => {
-      var q;
-      const M = R.map((ce) => ce.message).filter(Boolean).join("; ") || "Card validation failed.";
-      G((ce) => ce === "tokenizing" ? "ready" : ce), oe.current = !1, n(M), (q = v.current) == null || q.call(v, { source: "card-tokenize", message: M });
+  ), he = Y(
+    (T) => {
+      var U;
+      const A = T.map((fe) => fe.message).filter(Boolean).join("; ") || "Card validation failed.";
+      ne((fe) => fe === "tokenizing" ? "ready" : fe), ce.current = !1, n(A), (U = M.current) == null || U.call(M, { source: "card-tokenize", message: A });
     },
     [n]
-  ), be = Ze(
+  ), Ne = Qe(
     () => ({
-      onCardTokenized: ie,
-      onFieldErrors: Re
+      onCardTokenized: j,
+      onFieldErrors: he
     }),
-    [ie, Re]
+    [j, he]
   ), {
-    status: T,
-    error: g,
+    status: P,
+    error: v,
     errorSource: p,
-    errorCause: N,
-    tokenize: I,
-    validity: Q,
-    brand: pe,
-    focused: H,
-    focusField: K
-  } = ut(be), B = U(!1);
-  A(() => {
-    !W || T !== "ready" || B.current || (B.current = !0, K(W));
-  }, [W, T, K]);
-  const $ = _.trim().split(/\s+/).length >= 2, Y = dr(w), he = ur(ee), me = U(!1), re = U(!1), Ce = U(!1), Pe = U(null), ye = U(null);
-  A(() => {
-    var R;
-    Q.cvv ? re.current || (re.current = !0, (R = Pe.current) == null || R.focus()) : re.current = !1;
-  }, [Q.cvv]);
-  const le = !$ || !Y || !he || !Q.number || !Q.cvv, we = ge === "tokenizing" || ge === "saving", je = T === "ready" && !we && !le, ke = U(f);
-  A(() => {
-    ke.current = f;
-  }, [f]), A(() => {
-    var R;
-    (R = ke.current) == null || R.call(ke, je);
-  }, [je]);
-  const J = U(j);
-  A(() => {
-    J.current = j;
-  }, [j]), A(() => {
-    var R;
-    (R = J.current) == null || R.call(J, we);
-  }, [we]);
-  const Ee = z(() => {
-    const { firstName: R, lastName: M } = mt(_), { month: q, year: ce } = $r(w);
-    G("tokenizing"), I({ firstName: R, lastName: M, month: q, year: ce, zip: ee.trim() });
-  }, [_, w, ee, I]);
-  A(() => {
-    if (!F || !je || oe.current) return;
-    const R = setTimeout(() => {
-      oe.current = !0, Ee();
+    errorCause: R,
+    tokenize: L,
+    validity: J,
+    brand: ye,
+    focused: Z,
+    focusField: se
+  } = ut(Ne), X = I(!1);
+  D(() => {
+    !S || P !== "ready" || X.current || (X.current = !0, se(S));
+  }, [S, P, se]);
+  const W = O.trim().split(/\s+/).length >= 2, ee = hr(g), Ce = yr(ae), ve = I(!1), xe = I(!1), de = I(!1), oe = I(null), ke = I(null);
+  D(() => {
+    var T;
+    J.cvv ? xe.current || (xe.current = !0, (T = oe.current) == null || T.focus()) : xe.current = !1;
+  }, [J.cvv]);
+  const Oe = !W || !ee || !Ce || !J.number || !J.cvv, ue = pe === "tokenizing" || pe === "saving", Q = P === "ready" && !ue && !Oe, we = I(y);
+  D(() => {
+    we.current = y;
+  }, [y]), D(() => {
+    var T;
+    (T = we.current) == null || T.call(we, Q);
+  }, [Q]);
+  const V = I(w);
+  D(() => {
+    V.current = w;
+  }, [w]), D(() => {
+    var T;
+    (T = V.current) == null || T.call(V, ue);
+  }, [ue]);
+  const je = Y(() => {
+    const { firstName: T, lastName: A } = mt(O), { month: U, year: fe } = Mr(g);
+    ne("tokenizing"), L({ firstName: T, lastName: A, month: U, year: fe, zip: ae.trim() });
+  }, [O, g, ae, L]);
+  D(() => {
+    if (!k || !Q || ce.current) return;
+    const T = setTimeout(() => {
+      ce.current = !0, je();
     }, 1200);
-    return () => clearTimeout(R);
-  }, [F, je, Ee]);
-  const Te = (R) => {
-    R.preventDefault(), je && Ee();
-  }, ve = T !== "ready" || we, _e = U(n);
-  return A(() => {
-    _e.current = n;
-  }, [n]), A(() => {
-    var R, M;
-    g && ((R = _e.current) == null || R.call(_e, g), (M = v.current) == null || M.call(v, {
+    return () => clearTimeout(T);
+  }, [k, Q, je]);
+  const Fe = (T) => {
+    T.preventDefault(), Q && je();
+  }, _e = P !== "ready" || ue, re = I(n);
+  return D(() => {
+    re.current = n;
+  }, [n]), D(() => {
+    var T, A;
+    v && ((T = re.current) == null || T.call(re, v), (A = M.current) == null || A.call(M, {
       source: p ?? "spreedly-script",
-      message: g,
-      cause: N
+      message: v,
+      cause: R
     }));
-  }, [g, p, N]), /* @__PURE__ */ a.jsxs(
+  }, [v, p, R]), /* @__PURE__ */ a.jsxs(
     "form",
     {
-      id: y,
-      onSubmit: Te,
-      className: te("flex w-full flex-col gap-3", c),
+      id: b,
+      onSubmit: Fe,
+      className: te("flex w-full flex-col gap-3", l),
       "data-testid": "movmo-card-form",
       children: [
         /* @__PURE__ */ a.jsxs("div", { children: [
@@ -1127,23 +1128,23 @@ const lt = "movmo-card-number", ct = "movmo-card-cvv", dt = (r) => ({
             "div",
             {
               className: te(
-                _r,
-                H.number ? Nr : Cr
+                Cr,
+                Z.number ? kr : Rr
               ),
               children: [
-                /* @__PURE__ */ a.jsx(Se, { brand: pe ?? "", width: 32, className: "flex-shrink-0" }),
+                /* @__PURE__ */ a.jsx(Se, { brand: ye ?? "", width: 32, className: "flex-shrink-0" }),
                 /* @__PURE__ */ a.jsxs("div", { className: "relative h-full flex-1", children: [
                   /* @__PURE__ */ a.jsx(
                     "div",
                     {
                       id: "movmo-card-number",
                       "aria-labelledby": "movmo-card-number-label",
-                      "aria-busy": T !== "ready",
+                      "aria-busy": P !== "ready",
                       className: "absolute inset-0",
                       "data-testid": "movmo-card-number-mount"
                     }
                   ),
-                  T !== "ready" ? /* @__PURE__ */ a.jsx(
+                  P !== "ready" ? /* @__PURE__ */ a.jsx(
                     "div",
                     {
                       "aria-hidden": "true",
@@ -1166,13 +1167,13 @@ const lt = "movmo-card-number", ct = "movmo-card-cvv", dt = (r) => ({
                 inputMode: "numeric",
                 autoComplete: "cc-exp",
                 placeholder: "MM / YY",
-                value: w,
-                onChange: (R) => {
-                  const M = ft(R.target.value);
-                  se(M), dr(M) && !me.current ? (me.current = !0, K("cvv")) : dr(M) || (me.current = !1);
+                value: g,
+                onChange: (T) => {
+                  const A = ft(T.target.value);
+                  q(A), hr(A) && !ve.current ? (ve.current = !0, se("cvv")) : hr(A) || (ve.current = !1);
                 },
-                className: te(cr, w && !Y && "border-error-500"),
-                disabled: ve,
+                className: te(pr, g && !ee && "border-error-500"),
+                disabled: _e,
                 required: !0,
                 "data-testid": "movmo-card-expiry-input"
               }
@@ -1184,8 +1185,8 @@ const lt = "movmo-card-number", ct = "movmo-card-cvv", dt = (r) => ({
               "div",
               {
                 className: te(
-                  _r,
-                  H.cvv ? Nr : Cr
+                  Cr,
+                  Z.cvv ? kr : Rr
                 ),
                 children: [
                   /* @__PURE__ */ a.jsxs("div", { className: "relative h-full flex-1", children: [
@@ -1194,12 +1195,12 @@ const lt = "movmo-card-number", ct = "movmo-card-cvv", dt = (r) => ({
                       {
                         id: "movmo-card-cvv",
                         "aria-labelledby": "movmo-card-cvv-label",
-                        "aria-busy": T !== "ready",
+                        "aria-busy": P !== "ready",
                         className: "absolute inset-0",
                         "data-testid": "movmo-card-cvv-mount"
                       }
                     ),
-                    T !== "ready" ? /* @__PURE__ */ a.jsx(
+                    P !== "ready" ? /* @__PURE__ */ a.jsx(
                       "div",
                       {
                         "aria-hidden": "true",
@@ -1214,7 +1215,7 @@ const lt = "movmo-card-number", ct = "movmo-card-cvv", dt = (r) => ({
                       "aria-label": "CVV help",
                       tabIndex: -1,
                       className: "flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full border border-grayWarm-300 text-xs text-grayWarm-500",
-                      title: pe === "american_express" ? "The 4 numbers on the front of your card." : "The 3 numbers on the back of your card.",
+                      title: ye === "american_express" ? "The 4 numbers on the front of your card." : "The 3 numbers on the back of your card.",
                       "data-testid": "movmo-cvv-help",
                       children: "?"
                     }
@@ -1229,19 +1230,19 @@ const lt = "movmo-card-number", ct = "movmo-card-cvv", dt = (r) => ({
               "input",
               {
                 id: "movmo-card-zip",
-                ref: Pe,
+                ref: oe,
                 type: "text",
                 inputMode: "numeric",
                 autoComplete: "postal-code",
                 placeholder: "ZIP code",
-                value: ee,
-                onChange: (R) => {
-                  var q;
-                  const M = pt(R.target.value);
-                  fe(M), ur(M) && !Ce.current ? (Ce.current = !0, (q = ye.current) == null || q.focus()) : ur(M) || (Ce.current = !1);
+                value: ae,
+                onChange: (T) => {
+                  var U;
+                  const A = pt(T.target.value);
+                  be(A), yr(A) && !de.current ? (de.current = !0, (U = ke.current) == null || U.focus()) : yr(A) || (de.current = !1);
                 },
-                className: te(cr, ee && !he && "border-error-500"),
-                disabled: ve,
+                className: te(pr, ae && !Ce && "border-error-500"),
+                disabled: _e,
                 required: !0,
                 "data-testid": "movmo-card-zip-input"
               }
@@ -1254,32 +1255,32 @@ const lt = "movmo-card-number", ct = "movmo-card-cvv", dt = (r) => ({
             "input",
             {
               id: "movmo-card-cardholder-name",
-              ref: ye,
+              ref: ke,
               type: "text",
               autoComplete: "cc-name",
               placeholder: "Cardholder name",
-              value: _,
-              onChange: (R) => P(R.target.value),
-              className: cr,
-              disabled: ve,
+              value: O,
+              onChange: (T) => _(T.target.value),
+              className: pr,
+              disabled: _e,
               required: !0,
               "data-testid": "movmo-card-cardholder-name-input"
             }
           )
         ] }),
-        !F && !b ? /* @__PURE__ */ a.jsx(
+        !k && !f ? /* @__PURE__ */ a.jsx(
           "button",
           {
             type: "submit",
-            disabled: !je,
+            disabled: !Q,
             className: te(
               "inline-flex h-11 items-center justify-center rounded-md bg-brand-500 px-4 text-sm font-semibold text-white transition-colors hover:bg-brand-600",
               "disabled:cursor-not-allowed disabled:bg-grayWarm-300 disabled:text-grayWarm-500"
             ),
             "data-testid": "movmo-card-save",
-            children: we ? "Saving…" : T === "loading" ? "Loading…" : "Save card"
+            children: ue ? "Saving…" : P === "loading" ? "Loading…" : "Save card"
           }
-        ) : we && F ? (
+        ) : ue && k ? (
           // In autoSave mode (empty-state inline form, no Save button at all),
           // surface the in-flight state as inline text. The modal flow uses a
           // spinner inside the modal-footer Save button instead — see
@@ -1298,10 +1299,10 @@ const lt = "movmo-card-number", ct = "movmo-card-cvv", dt = (r) => ({
     }
   );
 };
-Dr.displayName = "MovmoCardForm";
+Ar.displayName = "MovmoCardForm";
 const ht = (r) => {
-  const [t, n] = k("idle"), [s, i] = k(null);
-  return { deletePaymentMethod: z(
+  const [t, n] = C("idle"), [s, i] = C(null);
+  return { deletePaymentMethod: Y(
     async (u) => {
       n("pending"), i(null);
       try {
@@ -1314,12 +1315,12 @@ const ht = (r) => {
     [r]
   ), status: t, error: s };
 }, yt = (r) => {
-  const [t, n] = k("idle"), [s, i] = k(null);
-  return { setDefault: z(
+  const [t, n] = C("idle"), [s, i] = C(null);
+  return { setDefault: Y(
     async (u) => {
       n("pending"), i(null);
       try {
-        await Or(r, u, { isDefault: !0 }), n("idle");
+        await Dr(r, u, { isDefault: !0 }), n("idle");
       } catch (x) {
         const m = x instanceof Error ? x.message : "Failed to set default payment method.";
         throw i(m), n("error"), x;
@@ -1328,61 +1329,64 @@ const ht = (r) => {
     [r]
   ), status: t, error: s };
 }, vt = (r) => {
-  const [t, n] = k("idle"), [s, i] = k(null);
-  return { updatePaymentMethod: z(
+  const [t, n] = C("idle"), [s, i] = C(null);
+  return { updatePaymentMethod: Y(
     async (u, x) => {
       n("pending"), i(null);
       try {
-        await Or(r, u, x), n("idle");
+        await Dr(r, u, x), n("idle");
       } catch (m) {
-        const F = m instanceof Error ? m.message : "Failed to update payment method.";
-        throw i(F), n("error"), m;
+        const k = m instanceof Error ? m.message : "Failed to update payment method.";
+        throw i(k), n("error"), m;
       }
     },
     [r]
   ), status: t, error: s };
 }, xt = (r) => {
-  const [t, n] = k([]), [s, i] = k("idle"), [c, u] = k(null), [x, m] = k(0), F = U(null);
-  A(() => {
-    var f;
-    (f = F.current) == null || f.abort();
-    const b = new AbortController();
-    return F.current = b, i("loading"), u(null), at(r, b.signal).then((j) => {
-      b.signal.aborted || (n(j), i("ready"));
-    }).catch((j) => {
-      if (b.signal.aborted || j instanceof DOMException && j.name === "AbortError") return;
-      const W = j instanceof Error ? j.message : "Failed to fetch payment methods.";
-      u(W), i("error");
+  const [t, n] = C([]), [s, i] = C("idle"), [l, u] = C(null), [x, m] = C(0), k = I(null);
+  D(() => {
+    var y;
+    if ((y = k.current) == null || y.abort(), !r) {
+      k.current = null, n([]), u(null), i("ready");
+      return;
+    }
+    const f = new AbortController();
+    return k.current = f, i("loading"), u(null), at(r, f.signal).then((w) => {
+      f.signal.aborted || (n(w), i("ready"));
+    }).catch((w) => {
+      if (f.signal.aborted || w instanceof DOMException && w.name === "AbortError") return;
+      const S = w instanceof Error ? w.message : "Failed to fetch payment methods.";
+      u(S), i("error");
     }), () => {
-      b.abort();
+      f.abort();
     };
   }, [r, x]);
-  const y = z(() => {
-    m((b) => b + 1);
+  const b = Y(() => {
+    m((f) => f + 1);
   }, []);
-  return { items: t, status: s, error: c, refetch: y };
-}, Mr = ({
+  return { items: t, status: s, error: l, refetch: b };
+}, Ur = ({
   open: r,
   onClose: t,
   title: n,
   titleId: s,
   formId: i,
-  saveDisabled: c,
+  saveDisabled: l,
   saveLabel: u = "Save",
   isSaving: x = !1,
   testIdPrefix: m = "payment-method",
-  children: F
-}) => (A(() => {
+  children: k
+}) => (D(() => {
   if (!r) return;
-  const y = (b) => {
-    b.key === "Escape" && t();
+  const b = (f) => {
+    f.key === "Escape" && t();
   };
-  return document.addEventListener("keydown", y), () => document.removeEventListener("keydown", y);
-}, [r, t]), A(() => {
+  return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
+}, [r, t]), D(() => {
   if (!r) return;
-  const y = document.body.style.overflow;
+  const b = document.body.style.overflow;
   return document.body.style.overflow = "hidden", () => {
-    document.body.style.overflow = y;
+    document.body.style.overflow = b;
   };
 }, [r]), r ? /* @__PURE__ */ a.jsx(
   "div",
@@ -1391,8 +1395,8 @@ const ht = (r) => {
     "aria-modal": "true",
     "aria-labelledby": s,
     className: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",
-    onClick: (y) => {
-      y.target === y.currentTarget && t();
+    onClick: (b) => {
+      b.target === b.currentTarget && t();
     },
     "data-testid": `${m}-modal`,
     children: /* @__PURE__ */ a.jsxs("div", { className: "flex max-h-full w-full max-w-md flex-col rounded-xl bg-white shadow-2xl", children: [
@@ -1420,7 +1424,7 @@ const ht = (r) => {
         /* @__PURE__ */ a.jsx("h2", { id: s, className: "flex-1 text-center text-base font-semibold text-grayWarm-900", children: n }),
         /* @__PURE__ */ a.jsx("span", { "aria-hidden": "true", className: "h-9 w-9 flex-shrink-0" })
       ] }),
-      /* @__PURE__ */ a.jsx("div", { className: "flex-1 overflow-y-auto p-4", children: F }),
+      /* @__PURE__ */ a.jsx("div", { className: "flex-1 overflow-y-auto p-4", children: k }),
       /* @__PURE__ */ a.jsxs("div", { className: "flex gap-3 border-t border-grayWarm-200 p-4", children: [
         /* @__PURE__ */ a.jsx(
           "button",
@@ -1437,8 +1441,8 @@ const ht = (r) => {
           {
             type: "submit",
             form: i,
-            disabled: x ? !1 : c,
-            "aria-disabled": x || c,
+            disabled: x ? !1 : l,
+            "aria-disabled": x || l,
             "aria-busy": x,
             className: te(
               "inline-flex h-11 flex-1 items-center justify-center rounded-lg bg-brand-500 px-4 text-sm font-semibold text-white transition-colors",
@@ -1490,10 +1494,10 @@ const ht = (r) => {
   formId: n,
   saveDisabled: s,
   saveLabel: i = "Save",
-  isSaving: c = !1,
+  isSaving: l = !1,
   children: u
 }) => /* @__PURE__ */ a.jsx(
-  Mr,
+  Ur,
   {
     open: r,
     onClose: t,
@@ -1502,7 +1506,7 @@ const ht = (r) => {
     formId: n,
     saveDisabled: s,
     saveLabel: i,
-    isSaving: c,
+    isSaving: l,
     testIdPrefix: "add-payment-method",
     children: u
   }
@@ -1516,27 +1520,27 @@ const ht = (r) => {
   onClose: n,
   onSave: s,
   isSaving: i = !1,
-  error: c = null
+  error: l = null
 }) => {
-  const u = Jr(), [x, m] = k(""), [F, y] = k("");
-  if (A(() => {
-    r && t && (m(t.cardholderName ?? ""), y(t.zip ?? ""));
+  const u = Jr(), [x, m] = C(""), [k, b] = C("");
+  if (D(() => {
+    r && t && (m(t.cardholderName ?? ""), b(t.zip ?? ""));
   }, [r, t]), !t) return null;
-  const b = x.trim(), f = F.trim(), j = b !== (t.cardholderName ?? "").trim(), W = f !== (t.zip ?? "").trim(), ae = j || W, _ = (!j || b.length > 0) && (!W || /^[A-Za-z0-9 -]{3,20}$/.test(f)), P = !ae || !_, w = (se) => {
-    if (se.preventDefault(), P || i) return;
-    const ee = {};
-    j && (ee.cardholderName = b), W && (ee.zip = f), s(ee).catch(() => {
+  const f = x.trim(), y = k.trim(), w = f !== (t.cardholderName ?? "").trim(), S = y !== (t.zip ?? "").trim(), le = w || S, O = (!w || f.length > 0) && (!S || /^[A-Za-z0-9 -]{3,20}$/.test(y)), _ = !le || !O, g = (q) => {
+    if (q.preventDefault(), _ || i) return;
+    const ae = {};
+    w && (ae.cardholderName = f), S && (ae.zip = y), s(ae).catch(() => {
     });
   };
   return /* @__PURE__ */ a.jsxs(
-    Mr,
+    Ur,
     {
       open: r,
       onClose: n,
       title: "Edit payment method",
       titleId: "movmo-edit-payment-title",
       formId: u,
-      saveDisabled: P,
+      saveDisabled: _,
       isSaving: i,
       testIdPrefix: "edit-payment-method",
       children: [
@@ -1561,7 +1565,7 @@ const ht = (r) => {
             ]
           }
         ),
-        /* @__PURE__ */ a.jsxs("form", { id: u, onSubmit: w, className: "flex flex-col gap-4", noValidate: !0, children: [
+        /* @__PURE__ */ a.jsxs("form", { id: u, onSubmit: g, className: "flex flex-col gap-4", noValidate: !0, children: [
           /* @__PURE__ */ a.jsxs("label", { className: "flex flex-col gap-1.5 text-sm font-medium text-grayWarm-700", children: [
             "Cardholder name",
             /* @__PURE__ */ a.jsx(
@@ -1570,7 +1574,7 @@ const ht = (r) => {
                 type: "text",
                 autoComplete: "cc-name",
                 value: x,
-                onChange: (se) => m(se.target.value),
+                onChange: (q) => m(q.target.value),
                 disabled: i,
                 maxLength: 255,
                 "data-testid": "edit-payment-method-cardholder",
@@ -1586,8 +1590,8 @@ const ht = (r) => {
                 type: "text",
                 inputMode: "numeric",
                 autoComplete: "postal-code",
-                value: F,
-                onChange: (se) => y(se.target.value),
+                value: k,
+                onChange: (q) => b(q.target.value),
                 disabled: i,
                 maxLength: 20,
                 "data-testid": "edit-payment-method-zip",
@@ -1595,13 +1599,13 @@ const ht = (r) => {
               }
             )
           ] }),
-          c ? /* @__PURE__ */ a.jsx(
+          l ? /* @__PURE__ */ a.jsx(
             "p",
             {
               role: "alert",
               className: "text-sm text-error-700",
               "data-testid": "edit-payment-method-error",
-              children: c
+              children: l
             }
           ) : null
         ] })
@@ -1625,8 +1629,8 @@ const ht = (r) => {
     onClick: n,
     role: n ? "button" : void 0,
     tabIndex: n ? 0 : void 0,
-    onKeyDown: n ? (c) => {
-      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), n());
+    onKeyDown: n ? (l) => {
+      (l.key === "Enter" || l.key === " ") && (l.preventDefault(), n());
     } : void 0,
     "data-testid": `payment-method-preview-${r.id}`,
     children: [
@@ -1635,7 +1639,7 @@ const ht = (r) => {
       t
     ]
   }
-), Nt = (r, t, n = /* @__PURE__ */ new Date()) => t < n.getFullYear() || t === n.getFullYear() && r < n.getMonth() + 1, kr = (r) => {
+), Nt = (r, t, n = /* @__PURE__ */ new Date()) => t < n.getFullYear() || t === n.getFullYear() && r < n.getMonth() + 1, Pr = (r) => {
   if (!r) return "Card";
   const t = r.toLowerCase();
   return t === "amex" ? "Amex" : t.charAt(0).toUpperCase() + t.slice(1);
@@ -1645,23 +1649,23 @@ const ht = (r) => {
   selected: n,
   onSelect: s,
   onSetDefault: i,
-  onRemove: c,
+  onRemove: l,
   onEdit: u,
   disabled: x,
   showDefaultBadge: m,
-  hideSetDefaultMenuItem: F,
-  cardLabelFormat: y = "branded"
+  hideSetDefaultMenuItem: k,
+  cardLabelFormat: b = "branded"
 }) => {
-  const [b, f] = k(!1), j = U(null), W = Nt(r.expMonth, r.expYear);
-  A(() => {
-    if (!b) return;
-    const _ = (P) => {
-      var w;
-      (w = j.current) != null && w.contains(P.target) || f(!1);
+  const [f, y] = C(!1), w = I(null), S = Nt(r.expMonth, r.expYear);
+  D(() => {
+    if (!f) return;
+    const O = (_) => {
+      var g;
+      (g = w.current) != null && g.contains(_.target) || y(!1);
     };
-    return document.addEventListener("mousedown", _), () => document.removeEventListener("mousedown", _);
-  }, [b]);
-  const ae = () => {
+    return document.addEventListener("mousedown", O), () => document.removeEventListener("mousedown", O);
+  }, [f]);
+  const le = () => {
     t && s && !x && s(r);
   };
   return /* @__PURE__ */ a.jsxs(
@@ -1677,7 +1681,7 @@ const ht = (r) => {
         t && !x && "cursor-pointer",
         t && (n ? "border-grayWarm-950 shadow-[0_0_0_1px_#1c1917]" : "border-grayWarm-200 hover:border-grayWarm-300")
       ),
-      onClick: ae,
+      onClick: le,
       "data-testid": `payment-method-row-${r.id}`,
       children: [
         t ? /* @__PURE__ */ a.jsx(
@@ -1687,8 +1691,8 @@ const ht = (r) => {
             name: "movmo-payment-method",
             checked: n,
             onChange: () => s == null ? void 0 : s(r),
-            onClick: (_) => _.stopPropagation(),
-            "aria-label": `Select ${kr(r.brand)} ending ${r.last4}`,
+            onClick: (O) => O.stopPropagation(),
+            "aria-label": `Select ${Pr(r.brand)} ending ${r.last4}`,
             className: "mr-1 h-4 w-4 mt-2 cursor-pointer appearance-none rounded-full border-2 border-grayWarm-300 checked:border-[5px] checked:border-grayWarm-950 bg-white checked:bg-white focus:ring-0 focus:ring-offset-0",
             disabled: x
           }
@@ -1696,7 +1700,7 @@ const ht = (r) => {
         /* @__PURE__ */ a.jsx(Se, { brand: r.brand, className: "flex-shrink-0" }),
         /* @__PURE__ */ a.jsxs("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ a.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ a.jsx("span", { className: "text-lg font-semibold text-grayWarm-950", children: y === "masked" ? `•••• ${r.last4}` : `${kr(r.brand)} ${r.last4}` }),
+            /* @__PURE__ */ a.jsx("span", { className: "text-lg font-semibold text-grayWarm-950", children: b === "masked" ? `•••• ${r.last4}` : `${Pr(r.brand)} ${r.last4}` }),
             m && r.isDefault ? /* @__PURE__ */ a.jsx(
               "span",
               {
@@ -1705,7 +1709,7 @@ const ht = (r) => {
                 children: "Default"
               }
             ) : null,
-            W ? /* @__PURE__ */ a.jsx(
+            S ? /* @__PURE__ */ a.jsx(
               "span",
               {
                 className: "inline-flex items-center rounded-full bg-error-50 px-2 py-0.5 text-xs font-semibold text-error-700",
@@ -1714,29 +1718,29 @@ const ht = (r) => {
               }
             ) : null
           ] }),
-          /* @__PURE__ */ a.jsxs("div", { className: te("text-base", W ? "text-grayWarm-400" : "text-grayWarm-600"), children: [
+          /* @__PURE__ */ a.jsxs("div", { className: te("text-base", S ? "text-grayWarm-400" : "text-grayWarm-600"), children: [
             "Exp. ",
             Ct(r.expMonth, r.expYear)
           ] })
         ] }),
-        /* @__PURE__ */ a.jsxs("div", { className: "relative flex-shrink-0", ref: j, children: [
+        /* @__PURE__ */ a.jsxs("div", { className: "relative flex-shrink-0", ref: w, children: [
           /* @__PURE__ */ a.jsx(
             "button",
             {
               type: "button",
               "aria-label": `Open actions for card ending ${r.last4}`,
               "aria-haspopup": "menu",
-              "aria-expanded": b,
+              "aria-expanded": f,
               className: "rounded-lg p-2 text-grayWarm-600 transition-colors hover:bg-grayWarm-100 disabled:cursor-not-allowed disabled:opacity-50",
               disabled: x,
-              onClick: (_) => {
-                _.stopPropagation(), f((P) => !P);
+              onClick: (O) => {
+                O.stopPropagation(), y((_) => !_);
               },
               "data-testid": `menu-trigger-${r.id}`,
               children: /* @__PURE__ */ a.jsx("svg", { viewBox: "0 0 24 24", width: "20", height: "20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ a.jsx("path", { d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }) })
             }
           ),
-          b ? /* @__PURE__ */ a.jsxs(
+          f ? /* @__PURE__ */ a.jsxs(
             "div",
             {
               role: "menu",
@@ -1750,7 +1754,7 @@ const ht = (r) => {
                 // overlap; keep the menu below + right-aligned.
                 t ? "bottom-full left-1/2 mb-2 -translate-x-1/2" : "right-0 top-full mt-1"
               ),
-              onClick: (_) => _.stopPropagation(),
+              onClick: (O) => O.stopPropagation(),
               "data-testid": `menu-${r.id}`,
               children: [
                 t ? (
@@ -1765,14 +1769,14 @@ const ht = (r) => {
                     }
                   )
                 ) : null,
-                !r.isDefault && !F ? /* @__PURE__ */ a.jsx(
+                !r.isDefault && !k ? /* @__PURE__ */ a.jsx(
                   "button",
                   {
                     type: "button",
                     role: "menuitem",
                     className: "block w-full px-4 py-1 text-left text-md font-semibold text-grayWarm-950 hover:text-grayWarm-700",
                     onClick: () => {
-                      f(!1), i(r);
+                      y(!1), i(r);
                     },
                     "data-testid": `menu-set-default-${r.id}`,
                     children: "Set as default"
@@ -1785,7 +1789,7 @@ const ht = (r) => {
                     role: "menuitem",
                     className: "block w-full px-4 py-1 text-left text-md font-semibold text-grayWarm-950 hover:text-grayWarm-700",
                     onClick: () => {
-                      f(!1), u(r);
+                      y(!1), u(r);
                     },
                     "data-testid": `menu-edit-${r.id}`,
                     children: "Edit"
@@ -1798,7 +1802,7 @@ const ht = (r) => {
                     role: "menuitem",
                     className: "block w-full px-4 py-1 text-left text-md font-semibold text-error-700 hover:text-error-500",
                     onClick: () => {
-                      f(!1), c(r);
+                      y(!1), l(r);
                     },
                     "data-testid": `menu-remove-${r.id}`,
                     children: "Delete"
@@ -1811,7 +1815,7 @@ const ht = (r) => {
       ]
     }
   );
-}, Rt = (r) => `${ze().iconCdnBaseUrl}/website/assets/icons/payments/${r}.svg`, mr = ({ slug: r, alt: t }) => /* @__PURE__ */ a.jsx(
+}, Rt = (r) => `${Be().iconCdnBaseUrl}/website/assets/icons/payments/${r}.svg`, vr = ({ slug: r, alt: t }) => /* @__PURE__ */ a.jsx(
   "img",
   {
     src: Rt(r),
@@ -1820,10 +1824,11 @@ const ht = (r) => {
     loading: "lazy",
     style: { height: 20, width: "auto" }
   }
-), tr = ({
+), cr = ({
   type: r,
   label: t,
-  iconNode: n
+  iconNode: n,
+  disabled: s = !1
 }) => (
   // Alt payment types are visible + clickable but don't yet do anything —
   // the click is intentionally a no-op so the row looks identical to the
@@ -1840,9 +1845,13 @@ const ht = (r) => {
             type: "radio",
             name: "movmo-payment-type",
             value: r,
+            disabled: s,
             onChange: () => {
             },
-            className: "h-4 w-4 cursor-pointer accent-grayWarm-900",
+            className: te(
+              "h-4 w-4 accent-grayWarm-900",
+              s ? "cursor-not-allowed" : "cursor-pointer"
+            ),
             "aria-label": t
           }
         ),
@@ -1853,20 +1862,21 @@ const ht = (r) => {
       ]
     }
   )
-), Rr = ({
+), Tr = ({
   selected: r,
   onSelect: t,
   creditCardBody: n,
-  className: s
+  disabled: s = !1,
+  className: i
 }) => {
-  const i = r === "credit_card";
-  return /* @__PURE__ */ a.jsxs("div", { className: te("flex w-full flex-col gap-3", s), children: [
+  const l = r === "credit_card";
+  return /* @__PURE__ */ a.jsxs("div", { className: te("flex w-full flex-col gap-3", i), children: [
     /* @__PURE__ */ a.jsxs(
       "label",
       {
         className: te(
           "flex cursor-pointer flex-col gap-3 rounded-lg border px-4 py-3 transition-colors",
-          i ? "border-grayWarm-900 shadow-[0_0_0_1px_#1c1917]" : "border-grayWarm-200"
+          l ? "border-grayWarm-900 shadow-[0_0_0_1px_#1c1917]" : "border-grayWarm-200"
         ),
         "data-testid": "payment-type-credit_card",
         children: [
@@ -1877,9 +1887,15 @@ const ht = (r) => {
                 type: "radio",
                 name: "movmo-payment-type",
                 value: "credit_card",
-                checked: i,
-                onChange: () => t("credit_card"),
-                className: "h-4 w-4 cursor-pointer accent-grayWarm-900",
+                checked: l,
+                disabled: s,
+                onChange: () => {
+                  s || t("credit_card");
+                },
+                className: te(
+                  "h-4 w-4 accent-grayWarm-900",
+                  s ? "cursor-not-allowed" : "cursor-pointer"
+                ),
                 "aria-label": "Credit card"
               }
             ),
@@ -1891,11 +1907,11 @@ const ht = (r) => {
               /* @__PURE__ */ a.jsx(Se, { brand: "discover", width: 28 })
             ] })
           ] }),
-          i ? /* @__PURE__ */ a.jsx("div", { "data-testid": "payment-type-credit_card-body", children: n }) : null
+          l ? /* @__PURE__ */ a.jsx("div", { "data-testid": "payment-type-credit_card-body", children: n }) : null
         ]
       }
     ),
-    i ? /* @__PURE__ */ a.jsx(
+    l ? /* @__PURE__ */ a.jsx(
       "p",
       {
         className: "mt-2 text-sm font-semibold text-grayWarm-900",
@@ -1904,46 +1920,50 @@ const ht = (r) => {
       }
     ) : null,
     /* @__PURE__ */ a.jsx(
-      tr,
+      cr,
       {
         type: "paypal",
         label: "PayPal",
-        iconNode: /* @__PURE__ */ a.jsx(mr, { slug: "paypal", alt: "PayPal" })
+        iconNode: /* @__PURE__ */ a.jsx(vr, { slug: "paypal", alt: "PayPal" }),
+        disabled: s
       }
     ),
     /* @__PURE__ */ a.jsx(
-      tr,
+      cr,
       {
         type: "googlepay",
         label: "GooglePay",
-        iconNode: /* @__PURE__ */ a.jsx(mr, { slug: "google-pay", alt: "GooglePay" })
+        iconNode: /* @__PURE__ */ a.jsx(vr, { slug: "google-pay", alt: "GooglePay" }),
+        disabled: s
       }
     ),
     /* @__PURE__ */ a.jsx(
-      tr,
+      cr,
       {
         type: "klarna",
         label: "Klarna",
-        iconNode: /* @__PURE__ */ a.jsx(mr, { slug: "klarna", alt: "Klarna" })
+        iconNode: /* @__PURE__ */ a.jsx(vr, { slug: "klarna", alt: "Klarna" }),
+        disabled: s
       }
     ),
     /* @__PURE__ */ a.jsx(
-      tr,
+      cr,
       {
         type: "ach",
         label: "Bank account (ACH)",
-        iconNode: /* @__PURE__ */ a.jsx("span", { className: "text-xs font-medium text-grayWarm-500", children: "Direct debit" })
+        iconNode: /* @__PURE__ */ a.jsx("span", { className: "text-xs font-medium text-grayWarm-500", children: "Direct debit" }),
+        disabled: s
       }
     )
   ] });
-}, Pr = "movmo-add-payment-form", Pt = (r) => {
+}, Sr = "movmo-add-payment-form", Pt = (r) => {
   console.error("@movmo_app/payments: failed to update payment method", r);
   const t = r instanceof Error ? r.message.trim() : "";
   return /spreedly-backed cards/i.test(t) ? "This card's details can't be edited." : t || "Failed to update payment method.";
-}, Tr = (r) => {
+}, Fr = (r) => {
   const t = r.filter((s) => s.isDefault), n = r.filter((s) => !s.isDefault);
   return [...t, ...n];
-}, Sr = ({ withDefaultBadge: r = !1 }) => /* @__PURE__ */ a.jsxs("div", { className: "flex items-start justify-between py-4", "data-testid": "payment-method-skeleton", children: [
+}, Wr = ({ withDefaultBadge: r = !1 }) => /* @__PURE__ */ a.jsxs("div", { className: "flex items-start justify-between py-4", "data-testid": "payment-method-skeleton", children: [
   /* @__PURE__ */ a.jsxs("div", { className: "flex items-start gap-3", children: [
     /* @__PURE__ */ a.jsx("div", { className: "h-8 w-[46px] flex-shrink-0 animate-pulse rounded bg-grayWarm-200" }),
     /* @__PURE__ */ a.jsxs("div", { className: "space-y-2", children: [
@@ -1961,188 +1981,209 @@ const ht = (r) => {
   defaultCardholderFirstName: n,
   defaultCardholderLastName: s,
   selectedId: i,
-  onSelect: c,
+  onSelect: l,
   onChange: u,
   onError: x,
-  paymentTypeSelector: m = !0,
-  autoSaveFirstCard: F = !0,
-  selectionSetsDefault: y = !1,
-  showDefaultBadge: b = !0,
-  collapsible: f = !1,
-  cardLabelFormat: j = "branded",
-  className: W
+  onEvent: m,
+  paymentTypeSelector: k = !0,
+  autoSaveFirstCard: b = !0,
+  selectionSetsDefault: f = !1,
+  showDefaultBadge: y = !0,
+  collapsible: w = !1,
+  cardLabelFormat: S = "branded",
+  className: le
 }) => {
-  const { items: ae, status: _, error: P, refetch: w } = xt(r), { deletePaymentMethod: se, status: ee } = ht(r), { setDefault: fe, status: ge } = yt(r), { updatePaymentMethod: G, status: oe } = vt(r), [v, ie] = k([]), [Re, be] = k(null), [T, g] = k(!1), [p, N] = k(null), [I, Q] = k(!1), [pe, H] = k(!1), [K, B] = k(null), [$, Y] = k(null), [he, me] = k(null), [re, Ce] = k(!1), Pe = U(!1), ye = U(x);
-  A(() => {
-    ye.current = x;
+  const { items: O, status: _, error: g, refetch: q } = xt(r), { deletePaymentMethod: ae, status: be } = ht(r), { setDefault: pe, status: ne } = yt(r), { updatePaymentMethod: ce, status: M } = vt(r), [j, he] = C([]), Ne = I(j);
+  D(() => {
+    Ne.current = j;
+  }, [j]);
+  const [P, v] = C(null), [p, R] = C(!1), [L, J] = C(null), [ye, Z] = C(!1), [se, X] = C(!1), [W, ee] = C(null), [Ce, ve] = C(null), [xe, de] = C(null), [oe, ke] = C(!1), Oe = I(!1), ue = I(x);
+  D(() => {
+    ue.current = x;
   }, [x]);
-  const le = z((d) => {
-    var Z;
-    (Z = ye.current) == null || Z.call(ye, d);
-  }, []), we = z(() => {
-    g(!1), N(null), me(null);
-  }, []), je = t ?? ([n, s].filter(Boolean).join(" ") || void 0);
-  A(() => {
-    _ === "ready" && ie(Tr(ae));
-  }, [ae, _]);
-  const ke = U(null);
-  A(() => {
-    if (_ === "error" && P) {
-      if (ke.current === P) return;
-      ke.current = P, le({ source: "list", message: P });
-    } else _ !== "error" && (ke.current = null);
-  }, [_, P, le]), A(() => {
-    if (!c || Pe.current || _ !== "ready" || v.length === 0 || i) return;
-    Pe.current = !0;
-    const d = v.find((Z) => Z.isDefault) ?? v[0];
-    c(d);
-  }, [c, _, v, i]);
-  const J = z(
+  const Q = Y((d) => {
+    var K;
+    (K = ue.current) == null || K.call(ue, d);
+  }, []), we = I(m);
+  D(() => {
+    we.current = m;
+  }, [m]);
+  const V = Y((d, K) => {
+    var z;
+    (z = we.current) == null || z.call(we, d, K);
+  }, []), je = Y(() => {
+    R(!1), J(null), de(null);
+  }, []), Fe = t ?? ([n, s].filter(Boolean).join(" ") || void 0);
+  D(() => {
+    _ === "ready" && he(Fr(O));
+  }, [O, _]);
+  const _e = I(null);
+  D(() => {
+    if (_ === "error" && g) {
+      if (_e.current === g) return;
+      _e.current = g, Q({ source: "list", message: g });
+    } else _ !== "error" && (_e.current = null);
+  }, [_, g, Q]), D(() => {
+    if (!l || Oe.current || _ !== "ready" || j.length === 0 || i) return;
+    Oe.current = !0, V("autoselected", { had_saved_methods: !0 });
+    const d = j.find((K) => K.isDefault) ?? j[0];
+    l(d);
+  }, [l, _, j, i, V]);
+  const re = Y(
     (d) => {
-      ie((Z) => {
-        const X = typeof d == "function" ? d(Z) : d, D = Tr(X);
-        return queueMicrotask(() => u == null ? void 0 : u(D)), D;
+      he((K) => {
+        const z = typeof d == "function" ? d(K) : d, B = Fr(z);
+        return queueMicrotask(() => u == null ? void 0 : u(B)), B;
       });
     },
     [u]
-  ), Ee = ee === "pending" || ge === "pending" || oe === "pending", Te = z(
+  ), T = be === "pending" || ne === "pending" || M === "pending", A = Y(
     async (d) => {
-      const Z = v;
-      be(null), J((X) => X.map((D) => ({ ...D, isDefault: D.id === d.id })));
+      const K = j;
+      v(null), re((z) => z.map((B) => ({ ...B, isDefault: B.id === d.id })));
       try {
-        await fe(d.id), w();
-      } catch (X) {
-        ie(Z), u == null || u(Z);
-        const D = X instanceof Error ? X.message : "Failed to set default payment method.";
-        be(D), le({ source: "set-default", message: D, cause: X });
+        await pe(d.id), q(), V("set_default");
+      } catch (z) {
+        he(K), u == null || u(K);
+        const B = z instanceof Error ? z.message : "Failed to set default payment method.";
+        v(B), Q({ source: "set-default", message: B, cause: z });
       }
     },
-    [v, J, fe, w, u, le]
-  ), ve = z(
+    [j, re, pe, q, u, Q, V]
+  ), U = Y(
     (d) => {
-      c == null || c(d), y && (d.isDefault || Te(d));
+      l == null || l(d), f && (d.isDefault || A(d));
     },
-    [c, y, Te]
-  ), _e = z(
+    [l, f, A]
+  ), fe = Y(
+    (d) => {
+      V("selected", { method_count: j.length }), U(d);
+    },
+    [V, j, U]
+  ), dr = Y(
     async (d) => {
-      const Z = v;
-      be(null);
-      const X = v.filter((de) => de.id !== d.id);
-      J(() => X);
-      const D = d.id === i && c ? X.find((de) => de.isDefault) ?? X[0] ?? null : null;
-      D && ve(D);
-      const Ne = !!D && y && D !== null && !D.isDefault;
+      const K = j;
+      v(null);
+      const z = j.filter((Re) => Re.id !== d.id);
+      re(() => z);
+      const B = d.id === i && l ? z.find((Re) => Re.isDefault) ?? z[0] ?? null : null;
+      B && U(B);
+      const Ee = !!B && f && B !== null && !B.isDefault;
       try {
-        await se(d.id), Ne || w();
-      } catch (de) {
-        ie(Z), u == null || u(Z);
-        const $e = de instanceof Error ? de.message : "Failed to delete payment method.";
-        be($e), le({ source: "delete", message: $e, cause: de });
+        await ae(d.id), Ee || q(), V("deleted", { remaining_count: z.length });
+      } catch (Re) {
+        he(K), u == null || u(K);
+        const Ge = Re instanceof Error ? Re.message : "Failed to delete payment method.";
+        v(Ge), Q({ source: "delete", message: Ge, cause: Re });
       }
     },
     [
-      v,
-      J,
-      se,
-      w,
+      j,
+      re,
+      ae,
+      q,
       u,
       i,
-      c,
-      ve,
-      y,
-      le
+      l,
+      U,
+      f,
+      Q,
+      V
     ]
-  ), R = z((d) => {
-    Y(null), B(d);
-  }, []), M = z(() => {
-    B(null), Y(null);
-  }, []), q = z(
+  ), er = Y((d) => {
+    ve(null), ee(d);
+  }, []), $e = Y(() => {
+    ee(null), ve(null);
+  }, []), rr = Y(
     async (d) => {
-      if (!K) return;
-      const Z = K, X = v;
-      Y(null), J(
-        (D) => D.map(
-          (Ne) => Ne.id === Z.id ? {
-            ...Ne,
+      if (!W) return;
+      const K = W, z = j;
+      ve(null), re(
+        (B) => B.map(
+          (Ee) => Ee.id === K.id ? {
+            ...Ee,
             ...d.cardholderName !== void 0 ? { cardholderName: d.cardholderName } : {},
             ...d.zip !== void 0 ? { zip: d.zip } : {}
-          } : Ne
+          } : Ee
         )
       );
       try {
-        await G(Z.id, d), M(), w();
-      } catch (D) {
-        ie(X), u == null || u(X);
-        const Ne = Pt(D);
-        Y(Ne), le({ source: "update", message: Ne, cause: D });
+        await ce(K.id, d), $e(), q(), V("edited", { fields: Object.keys(d) });
+      } catch (B) {
+        he(z), u == null || u(z);
+        const Ee = Pt(B);
+        ve(Ee), Q({ source: "update", message: Ee, cause: B });
       }
     },
     [
-      K,
-      v,
-      J,
-      G,
-      w,
+      W,
+      j,
+      re,
+      ce,
+      q,
       u,
-      M,
-      le
+      $e,
+      Q,
+      V
     ]
-  ), ce = z(
+  ), tr = Y(
     (d) => {
-      N(null), g(!1), me(null), J((X) => [d, ...X.filter((D) => D.id !== d.id)]), ve(d), !!c && y && !d.isDefault || w();
+      J(null), R(!1), de(null), re((z) => [d, ...z.filter((B) => B.id !== d.id)]), U(d), !!l && f && !d.isDefault || q(), V("added", { method_count: Ne.current.length + 1 });
     },
-    [J, w, ve, c, y]
-  ), Xe = z((d) => {
-    N(d);
-  }, []), Qe = _ === "ready" && v.length === 0, Oe = typeof c == "function", Be = !Oe && !f, er = v.length === 0, Ye = F && v.length === 0, Fe = z(
+    [re, q, U, l, f, V]
+  ), Ye = Y((d) => {
+    J(d);
+  }, []), ar = _ === "ready" && j.length === 0, Ve = typeof l == "function", nr = !Ve && !w, sr = j.length === 0, or = b && j.length === 0, De = Y(
     (d) => /* @__PURE__ */ a.jsx(
-      Dr,
+      Ar,
       {
         userId: r,
-        isDefault: er,
-        defaultCardholderName: je,
-        autoSave: !d && Ye,
+        isDefault: sr,
+        defaultCardholderName: Fe,
+        autoSave: !d && or,
         hideInternalSaveButton: d,
-        formId: d ? Pr : void 0,
-        onCanSubmitChange: d ? Q : void 0,
-        onSavingChange: d ? H : void 0,
+        formId: d ? Sr : void 0,
+        onCanSubmitChange: d ? Z : void 0,
+        onSavingChange: d ? X : void 0,
         autoFocus: d ? "number" : void 0,
-        onSuccess: ce,
-        onError: Xe,
-        onErrorDetail: le
+        onSuccess: tr,
+        onError: Ye,
+        onErrorDetail: Q
       }
     ),
     [
       r,
-      er,
-      je,
+      sr,
+      Fe,
+      or,
+      tr,
       Ye,
-      ce,
-      Xe,
-      le
+      Q
     ]
-  ), Ve = Ze(() => Fe(!1), [Fe]), Ke = Ze(() => Fe(!0), [Fe]), ar = Ze(() => m ? /* @__PURE__ */ a.jsx(
-    Rr,
+  ), Ke = Qe(() => De(!1), [De]), qe = Qe(() => De(!0), [De]), Pe = !r, ir = Qe(() => k ? /* @__PURE__ */ a.jsx(
+    Tr,
     {
-      selected: he,
-      onSelect: (d) => me(d),
-      creditCardBody: Ve
+      selected: xe,
+      onSelect: (d) => de(d),
+      creditCardBody: Ke,
+      disabled: Pe
     }
-  ) : Ve, [m, he, Ve]), nr = Ze(() => m ? /* @__PURE__ */ a.jsx(
-    Rr,
+  ) : Ke, [k, xe, Ke, Pe]), Te = Qe(() => k ? /* @__PURE__ */ a.jsx(
+    Tr,
     {
-      selected: he,
-      onSelect: (d) => me(d),
-      creditCardBody: Ke
+      selected: xe,
+      onSelect: (d) => de(d),
+      creditCardBody: qe,
+      disabled: Pe
     }
-  ) : Ke, [m, he, Ke]);
+  ) : qe, [k, xe, qe, Pe]);
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: te("flex w-full flex-col gap-4", W),
+      className: te("flex w-full flex-col gap-4", le),
       "data-testid": "payment-methods-manager",
       children: [
-        _ === "loading" && v.length === 0 ? (
+        _ === "loading" && j.length === 0 ? (
           // Only show the skeleton on first load — during a silent refetch
           // (e.g. after set-default or delete optimistic mutations), the user
           // already sees the correct optimistic list and a skeleton flash
@@ -2153,12 +2194,12 @@ const ht = (r) => {
               className: te(
                 // Match the real-list shell so layout doesn't reflow when data
                 // arrives. In selection mode the outer card is suppressed too.
-                Be ? "flex flex-col divide-y divide-grayWarm-200 rounded-xl border border-grayWarm-200 px-4 md:px-6" : "flex flex-col gap-2"
+                nr ? "flex flex-col divide-y divide-grayWarm-200 rounded-xl border border-grayWarm-200 px-4 md:px-6" : "flex flex-col gap-2"
               ),
               "data-testid": "payment-methods-loading",
               children: [
-                /* @__PURE__ */ a.jsx(Sr, { withDefaultBadge: !0 }),
-                /* @__PURE__ */ a.jsx(Sr, {})
+                /* @__PURE__ */ a.jsx(Wr, { withDefaultBadge: !0 }),
+                /* @__PURE__ */ a.jsx(Wr, {})
               ]
             }
           )
@@ -2171,12 +2212,12 @@ const ht = (r) => {
             className: "flex items-center justify-between gap-3 rounded-md bg-error-50 p-3 text-sm text-error-700",
             "data-testid": "payment-methods-list-error",
             children: [
-              /* @__PURE__ */ a.jsx("span", { children: P ?? "Failed to load payment methods." }),
+              /* @__PURE__ */ a.jsx("span", { children: g ?? "Failed to load payment methods." }),
               /* @__PURE__ */ a.jsx(
                 "button",
                 {
                   type: "button",
-                  onClick: w,
+                  onClick: q,
                   className: "rounded-md border border-error-700 px-3 py-1 text-xs font-semibold text-error-700 hover:bg-error-50",
                   children: "Retry"
                 }
@@ -2184,27 +2225,27 @@ const ht = (r) => {
             ]
           }
         ) : null,
-        Re ? /* @__PURE__ */ a.jsx(
+        P ? /* @__PURE__ */ a.jsx(
           "div",
           {
             role: "alert",
             "aria-live": "polite",
             className: "rounded-md bg-error-50 p-3 text-sm text-error-700",
             "data-testid": "payment-methods-mutation-error",
-            children: Re
+            children: P
           }
         ) : null,
-        f && v.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: "border-t border-grayWarm-200 pt-4", children: /* @__PURE__ */ a.jsxs(
+        w && j.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: "border-t border-grayWarm-200 pt-4", children: /* @__PURE__ */ a.jsxs(
           "div",
           {
             className: "flex items-center justify-between",
-            "data-testid": re ? "payment-methods-drawer-header" : "payment-methods-collapsed-preview",
+            "data-testid": oe ? "payment-methods-drawer-header" : "payment-methods-collapsed-preview",
             children: [
-              re ? /* @__PURE__ */ a.jsx("h3", { className: "text-md font-semibold text-grayWarm-950", children: "Payment methods" }) : /* @__PURE__ */ a.jsx(
+              oe ? /* @__PURE__ */ a.jsx("h3", { className: "text-md font-semibold text-grayWarm-950", children: "Payment methods" }) : /* @__PURE__ */ a.jsx(
                 _t,
                 {
-                  method: v.find((d) => d.id === i) ?? v.find((d) => d.isDefault) ?? v[0],
-                  cardLabelFormat: j,
+                  method: j.find((d) => d.id === i) ?? j.find((d) => d.isDefault) ?? j[0],
+                  cardLabelFormat: S,
                   className: "flex-1"
                 }
               ),
@@ -2212,15 +2253,15 @@ const ht = (r) => {
                 "button",
                 {
                   type: "button",
-                  "aria-label": re ? "Collapse payment methods" : "Expand payment methods",
-                  "aria-expanded": re,
+                  "aria-label": oe ? "Collapse payment methods" : "Expand payment methods",
+                  "aria-expanded": oe,
                   className: "bg-grayWarm-100 p-2 rounded-lg hover:bg-grayWarm-200 transition-colors",
-                  onClick: () => Ce((d) => !d),
-                  "data-testid": re ? "payment-methods-drawer-close" : "payment-methods-drawer-open",
+                  onClick: () => ke((d) => !d),
+                  "data-testid": oe ? "payment-methods-drawer-close" : "payment-methods-drawer-open",
                   children: /* @__PURE__ */ a.jsx(
                     "img",
                     {
-                      src: `${ze().iconCdnBaseUrl}/website/assets/icons/chevron-${re ? "up" : "down"}-double.svg`,
+                      src: `${Be().iconCdnBaseUrl}/website/assets/icons/chevron-${oe ? "up" : "down"}-double.svg`,
                       alt: "",
                       className: "w-5 h-5"
                     }
@@ -2230,7 +2271,7 @@ const ht = (r) => {
             ]
           }
         ) }) : null,
-        v.length > 0 && (!f || re) ? /* @__PURE__ */ a.jsx(
+        j.length > 0 && (!w || oe) ? /* @__PURE__ */ a.jsx(
           "div",
           {
             className: te(
@@ -2239,31 +2280,31 @@ const ht = (r) => {
               // with divide-y separators between rows.
               // flights-ui (selectable or collapsible): bare space-y-3 gap between
               // per-row bordered tiles; no outer card chrome.
-              Be ? "rounded-xl border border-grayWarm-200 px-4 md:px-6 divide-y divide-grayWarm-200" : "space-y-3"
+              nr ? "rounded-xl border border-grayWarm-200 px-4 md:px-6 divide-y divide-grayWarm-200" : "space-y-3"
             ),
-            children: v.map((d) => /* @__PURE__ */ a.jsx(
+            children: j.map((d) => /* @__PURE__ */ a.jsx(
               kt,
               {
                 method: d,
-                selectable: Oe,
-                selected: Oe && d.id === i,
-                onSelect: ve,
-                onSetDefault: Te,
-                onRemove: _e,
-                onEdit: R,
-                disabled: Ee,
-                showDefaultBadge: b,
-                hideSetDefaultMenuItem: y,
-                cardLabelFormat: j
+                selectable: Ve,
+                selected: Ve && d.id === i,
+                onSelect: fe,
+                onSetDefault: A,
+                onRemove: dr,
+                onEdit: er,
+                disabled: T,
+                showDefaultBadge: y,
+                hideSetDefaultMenuItem: f,
+                cardLabelFormat: S
               },
               d.id
             ))
           }
         ) : null,
-        Qe ? (
+        ar ? (
           // Empty state: render the add-card body inline (per Figma 1536-21454).
-          /* @__PURE__ */ a.jsx("div", { "data-testid": "payment-methods-empty", children: ar })
-        ) : v.length > 0 && (!f || re) ? (
+          /* @__PURE__ */ a.jsx("div", { "data-testid": "payment-methods-empty", children: ir })
+        ) : j.length > 0 && (!w || oe) ? (
           // Keep the Add button visible during silent refetches (status flips
           // back to 'loading' transiently after set-default / delete).
           // In collapsible mode only show the Add button when the drawer is open.
@@ -2272,14 +2313,14 @@ const ht = (r) => {
             {
               type: "button",
               onClick: () => {
-                N(null), me(null), Q(!1), g(!0);
+                J(null), de(null), Z(!1), R(!0);
               },
               onMouseEnter: () => {
-                hr().catch(() => {
+                br().catch(() => {
                 });
               },
               onFocus: () => {
-                hr().catch(() => {
+                br().catch(() => {
                 });
               },
               className: "self-start rounded-lg bg-brand-50 px-6 py-3 text-md font-semibold text-brand-600 transition-colors hover:bg-brand-100",
@@ -2291,14 +2332,14 @@ const ht = (r) => {
         /* @__PURE__ */ a.jsxs(
           gt,
           {
-            open: T,
-            onClose: we,
-            formId: Pr,
-            saveDisabled: !I,
-            isSaving: pe,
+            open: p,
+            onClose: je,
+            formId: Sr,
+            saveDisabled: !ye,
+            isSaving: se,
             children: [
-              nr,
-              p ? (
+              Te,
+              L ? (
                 // Single source of truth for save-time errors (API failures + hook
                 // init failures forwarded from MovmoCardForm.onError). MovmoCardForm
                 // intentionally does NOT render its own banner — two role="alert"
@@ -2312,7 +2353,7 @@ const ht = (r) => {
                     "aria-live": "polite",
                     className: "mt-3 rounded-md bg-error-50 px-3 py-2 text-sm text-error-700",
                     "data-testid": "payment-methods-modal-error",
-                    children: p
+                    children: L
                   }
                 )
               ) : null
@@ -2322,12 +2363,12 @@ const ht = (r) => {
         /* @__PURE__ */ a.jsx(
           jt,
           {
-            open: K !== null,
-            method: K,
-            onClose: M,
-            onSave: q,
-            isSaving: oe === "pending",
-            error: $
+            open: W !== null,
+            method: W,
+            onClose: $e,
+            onSave: rr,
+            isSaving: M === "pending",
+            error: Ce
           }
         )
       ]
@@ -2348,72 +2389,72 @@ const St = "/v1/auth/", Ft = "movmo_csrf_token", Wt = (r) => {
   if (typeof globalThis < "u" && typeof globalThis.fetch == "function")
     return globalThis.fetch.bind(globalThis);
   throw new Error("@movmo_app/payments: no global fetch available in this environment");
-}, It = (r) => {
+}, Ut = (r) => {
   const {
     refreshSession: t,
     onRefreshFailed: n,
     csrfCookieName: s = Ft,
     extraHeaders: i,
-    authPathFragment: c = St,
+    authPathFragment: l = St,
     baseFetch: u = $t(),
     readCookie: x = Wt
   } = r;
   let m = null;
-  const F = () => {
+  const k = () => {
     if (m) return m;
-    const b = (async () => {
+    const f = (async () => {
       await t();
     })();
-    return m = b, b.finally(() => {
-      m === b && (m = null);
+    return m = f, f.finally(() => {
+      m === f && (m = null);
     }).catch(() => {
-    }), b;
-  }, y = (b, f) => {
-    const j = new Headers(f == null ? void 0 : f.headers), W = x(s);
-    if (W && !j.has("X-CSRF-Token") && j.set("X-CSRF-Token", W), i) {
-      const ae = i(b, f);
-      for (const [_, P] of Object.entries(ae))
-        j.has(_) || j.set(_, P);
+    }), f;
+  }, b = (f, y) => {
+    const w = new Headers(y == null ? void 0 : y.headers), S = x(s);
+    if (S && !w.has("X-CSRF-Token") && w.set("X-CSRF-Token", S), i) {
+      const le = i(f, y);
+      for (const [O, _] of Object.entries(le))
+        w.has(O) || w.set(O, _);
     }
     return {
-      ...f,
-      headers: j,
-      credentials: (f == null ? void 0 : f.credentials) ?? "include"
+      ...y,
+      headers: w,
+      credentials: (y == null ? void 0 : y.credentials) ?? "include"
     };
   };
-  return async function(f, j) {
-    const W = await u(f, y(f, j));
-    if (Ot(f).includes(c) || W.status !== 401 && W.status !== 403)
-      return W;
+  return async function(y, w) {
+    const S = await u(y, b(y, w));
+    if (Ot(y).includes(l) || S.status !== 401 && S.status !== 403)
+      return S;
     try {
-      await F();
-    } catch (P) {
+      await k();
+    } catch (_) {
       try {
-        n(P);
-      } catch (w) {
+        n(_);
+      } catch (g) {
         console.error(
           "@movmo_app/payments: onRefreshFailed callback threw — auth retry path is misconfigured",
-          w
+          g
         );
       }
-      return W;
+      return S;
     }
     try {
-      return await u(f, y(f, j));
-    } catch (P) {
+      return await u(y, b(y, w));
+    } catch (_) {
       return console.error(
         "@movmo_app/payments: retry after token refresh failed — returning original response",
-        P
-      ), W;
+        _
+      ), S;
     }
   };
 };
 export {
-  Dr as MovmoCardForm,
+  Ar as MovmoCardForm,
   _t as PaymentMethodPreview,
   Tt as PaymentMethodsManager,
-  It as createMovmoAuthFetch,
-  ze as getPaymentsConfig,
+  Ut as createMovmoAuthFetch,
+  Be as getPaymentsConfig,
   At as setPaymentsConfig,
   ht as useDeletePaymentMethod,
   ut as useMovmoCardFields,