npm - @movmo_app/payments - Versions diffs - 0.2.1 → 0.4.0 - Mend

@movmo_app/payments 0.2.1 → 0.4.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 (7) hide show

package/dist/index.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import Er, { useState as P, useRef as B, useEffect as L, useCallback as H, useMemo as Ue } from "react";
-var rr = { exports: {} }, $e = {};
+import Tr, { useState as C, useRef as q, useEffect as Y, useCallback as K, useMemo as Ke, useId as Kr } from "react";
+var dr = { exports: {} }, ze = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -9,21 +9,21 @@ var rr = { exports: {} }, $e = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var fr;
-function zr() {
-  if (fr) return $e;
-  fr = 1;
-  var r = Er, t = Symbol.for("react.element"), s = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, l = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function f(p, y, W) {
-    var N, b = {}, D = null, M = null;
-    W !== void 0 && (D = "" + W), y.key !== void 0 && (D = "" + y.key), y.ref !== void 0 && (M = y.ref);
-    for (N in y) o.call(y, N) && !c.hasOwnProperty(N) && (b[N] = y[N]);
-    if (p && p.defaultProps) for (N in y = p.defaultProps, y) b[N] === void 0 && (b[N] = y[N]);
-    return { $$typeof: t, type: p, key: D, ref: M, props: b, _owner: l.current };
+var br;
+function qr() {
+  if (br) return ze;
+  br = 1;
+  var r = Tr, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = 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 d(v, m, _) {
+    var g, p = {}, y = null, w = null;
+    _ !== void 0 && (y = "" + _), m.key !== void 0 && (y = "" + m.key), m.ref !== void 0 && (w = m.ref);
+    for (g in m) o.call(m, g) && !c.hasOwnProperty(g) && (p[g] = m[g]);
+    if (v && v.defaultProps) for (g in m = v.defaultProps, m) p[g] === void 0 && (p[g] = m[g]);
+    return { $$typeof: t, type: v, key: y, ref: w, props: p, _owner: i.current };
   }
-  return $e.Fragment = s, $e.jsx = f, $e.jsxs = f, $e;
+  return ze.Fragment = n, ze.jsx = d, ze.jsxs = d, ze;
 }
-var Ae = {};
+var Be = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -33,91 +33,91 @@ var Ae = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var pr;
-function Vr() {
-  return pr || (pr = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = Er, t = Symbol.for("react.element"), s = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), p = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), W = Symbol.for("react.suspense"), N = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), M = Symbol.for("react.offscreen"), X = Symbol.iterator, T = "@@iterator";
-    function se(e) {
+var wr;
+function Gr() {
+  return wr || (wr = 1, process.env.NODE_ENV !== "production" && function() {
+    var r = Tr, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), v = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), P = Symbol.iterator, D = "@@iterator";
+    function $(e) {
       if (e === null || typeof e != "object")
         return null;
-      var n = X && e[X] || e[T];
-      return typeof n == "function" ? n : null;
+      var s = P && e[P] || e[D];
+      return typeof s == "function" ? s : null;
     }
-    var E = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function S(e) {
+    var x = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function N(e) {
       {
-        for (var n = arguments.length, i = new Array(n > 1 ? n - 1 : 0), m = 1; m < n; m++)
-          i[m - 1] = arguments[m];
-        q("error", e, i);
+        for (var s = arguments.length, l = new Array(s > 1 ? s - 1 : 0), h = 1; h < s; h++)
+          l[h - 1] = arguments[h];
+        M("error", e, l);
       }
     }
-    function q(e, n, i) {
+    function M(e, s, l) {
       {
-        var m = E.ReactDebugCurrentFrame, j = m.getStackAddendum();
-        j !== "" && (n += "%s", i = i.concat([j]));
-        var k = i.map(function(x) {
-          return String(x);
+        var h = x.ReactDebugCurrentFrame, k = h.getStackAddendum();
+        k !== "" && (s += "%s", l = l.concat([k]));
+        var F = l.map(function(E) {
+          return String(E);
         });
-        k.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, k);
+        F.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, F);
       }
     }
-    var ue = !1, re = !1, g = !1, ne = !1, ye = !1, I;
-    I = Symbol.for("react.module.reference");
-    function R(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === c || ye || e === l || e === W || e === N || ne || e === M || ue || re || g || typeof e == "object" && e !== null && (e.$$typeof === D || e.$$typeof === b || e.$$typeof === f || e.$$typeof === p || e.$$typeof === y || // This needs to include all possible module reference object
+    var ee = !1, oe = !1, ie = !1, fe = !1, T = !1, L;
+    L = Symbol.for("react.module.reference");
+    function S(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === c || T || e === i || e === _ || e === g || fe || e === w || ee || oe || ie || typeof e == "object" && e !== null && (e.$$typeof === y || e.$$typeof === p || e.$$typeof === d || e.$$typeof === v || 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 === I || e.getModuleId !== void 0));
+      e.$$typeof === L || e.getModuleId !== void 0));
     }
-    function d(e, n, i) {
-      var m = e.displayName;
-      if (m)
-        return m;
-      var j = n.displayName || n.name || "";
-      return j !== "" ? i + "(" + j + ")" : i;
+    function f(e, s, l) {
+      var h = e.displayName;
+      if (h)
+        return h;
+      var k = s.displayName || s.name || "";
+      return k !== "" ? l + "(" + k + ")" : l;
     }
-    function C(e) {
+    function W(e) {
       return e.displayName || "Context";
     }
-    function w(e) {
+    function R(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && S("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" && N("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;
       switch (e) {
         case o:
           return "Fragment";
-        case s:
+        case n:
           return "Portal";
         case c:
           return "Profiler";
-        case l:
+        case i:
           return "StrictMode";
-        case W:
+        case _:
           return "Suspense";
-        case N:
+        case g:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
+          case v:
+            var s = e;
+            return W(s) + ".Consumer";
+          case d:
+            var l = e;
+            return W(l._context) + ".Provider";
+          case m:
+            return f(e, e.render, "ForwardRef");
           case p:
-            var n = e;
-            return C(n) + ".Consumer";
-          case f:
-            var i = e;
-            return C(i._context) + ".Provider";
-          case y:
-            return d(e, e.render, "ForwardRef");
-          case b:
-            var m = e.displayName || null;
-            return m !== null ? m : w(e.type) || "Memo";
-          case D: {
-            var j = e, k = j._payload, x = j._init;
+            var h = e.displayName || null;
+            return h !== null ? h : R(e.type) || "Memo";
+          case y: {
+            var k = e, F = k._payload, E = k._init;
             try {
-              return w(x(k));
+              return R(E(F));
             } catch {
               return null;
             }
@@ -125,18 +125,18 @@ function Vr() {
         }
       return null;
     }
-    var $ = Object.assign, J = 0, Y, Q, z, _, F, fe, ve;
-    function ge() {
+    var U = Object.assign, G = 0, H, Z, re, O, I, pe, we;
+    function he() {
     }
-    ge.__reactDisabledLog = !0;
-    function we() {
+    he.__reactDisabledLog = !0;
+    function xe() {
       {
-        if (J === 0) {
-          Y = console.log, Q = console.info, z = console.warn, _ = console.error, F = console.group, fe = console.groupCollapsed, ve = console.groupEnd;
+        if (G === 0) {
+          H = console.log, Z = console.info, re = console.warn, O = console.error, I = console.group, pe = console.groupCollapsed, we = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: ge,
+            value: he,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -149,332 +149,332 @@ function Vr() {
             groupEnd: e
           });
         }
-        J++;
+        G++;
       }
     }
-    function me() {
+    function ge() {
       {
-        if (J--, J === 0) {
+        if (G--, G === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: $({}, e, {
-              value: Y
+            log: U({}, e, {
+              value: H
             }),
-            info: $({}, e, {
-              value: Q
+            info: U({}, e, {
+              value: Z
             }),
-            warn: $({}, e, {
-              value: z
+            warn: U({}, e, {
+              value: re
             }),
-            error: $({}, e, {
-              value: _
+            error: U({}, e, {
+              value: O
             }),
-            group: $({}, e, {
-              value: F
+            group: U({}, e, {
+              value: I
             }),
-            groupCollapsed: $({}, e, {
-              value: fe
+            groupCollapsed: U({}, e, {
+              value: pe
             }),
-            groupEnd: $({}, e, {
-              value: ve
+            groupEnd: U({}, e, {
+              value: we
             })
           });
         }
-        J < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        G < 0 && N("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var je = E.ReactCurrentDispatcher, he;
-    function G(e, n, i) {
+    var te = x.ReactCurrentDispatcher, Ne;
+    function le(e, s, l) {
       {
-        if (he === void 0)
+        if (Ne === void 0)
           try {
             throw Error();
-          } catch (j) {
-            var m = j.stack.trim().match(/\n( *(at )?)/);
-            he = m && m[1] || "";
+          } catch (k) {
+            var h = k.stack.trim().match(/\n( *(at )?)/);
+            Ne = h && h[1] || "";
           }
         return `
-` + he + e;
+` + Ne + e;
       }
     }
-    var oe = !1, ie;
+    var de = !1, ue;
     {
-      var xe = typeof WeakMap == "function" ? WeakMap : Map;
-      ie = new xe();
+      var ae = typeof WeakMap == "function" ? WeakMap : Map;
+      ue = new ae();
     }
-    function Ee(e, n) {
-      if (!e || oe)
+    function je(e, s) {
+      if (!e || de)
         return "";
       {
-        var i = ie.get(e);
-        if (i !== void 0)
-          return i;
+        var l = ue.get(e);
+        if (l !== void 0)
+          return l;
       }
-      var m;
-      oe = !0;
-      var j = Error.prepareStackTrace;
+      var h;
+      de = !0;
+      var k = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var k;
-      k = je.current, je.current = null, we();
+      var F;
+      F = te.current, te.current = null, xe();
       try {
-        if (n) {
-          var x = function() {
+        if (s) {
+          var E = function() {
             throw Error();
           };
-          if (Object.defineProperty(x.prototype, "props", {
+          if (Object.defineProperty(E.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(x, []);
-            } catch (ae) {
-              m = ae;
+              Reflect.construct(E, []);
+            } catch (ce) {
+              h = ce;
             }
-            Reflect.construct(e, [], x);
+            Reflect.construct(e, [], E);
           } else {
             try {
-              x.call();
-            } catch (ae) {
-              m = ae;
+              E.call();
+            } catch (ce) {
+              h = ce;
             }
-            e.call(x.prototype);
+            e.call(E.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (ae) {
-            m = ae;
+          } catch (ce) {
+            h = ce;
           }
           e();
         }
-      } catch (ae) {
-        if (ae && m && typeof ae.stack == "string") {
-          for (var h = ae.stack.split(`
-`), ee = m.stack.split(`
-`), A = h.length - 1, U = ee.length - 1; A >= 1 && U >= 0 && h[A] !== ee[U]; )
-            U--;
-          for (; A >= 1 && U >= 0; A--, U--)
-            if (h[A] !== ee[U]) {
-              if (A !== 1 || U !== 1)
+      } catch (ce) {
+        if (ce && h && typeof ce.stack == "string") {
+          for (var b = ce.stack.split(`
+`), se = h.stack.split(`
+`), B = b.length - 1, V = se.length - 1; B >= 1 && V >= 0 && b[B] !== se[V]; )
+            V--;
+          for (; B >= 1 && V >= 0; B--, V--)
+            if (b[B] !== se[V]) {
+              if (B !== 1 || V !== 1)
                 do
-                  if (A--, U--, U < 0 || h[A] !== ee[U]) {
-                    var de = `
-` + h[A].replace(" at new ", " at ");
-                    return e.displayName && de.includes("<anonymous>") && (de = de.replace("<anonymous>", e.displayName)), typeof e == "function" && ie.set(e, de), de;
+                  if (B--, V--, V < 0 || b[B] !== se[V]) {
+                    var me = `
+` + b[B].replace(" at new ", " at ");
+                    return e.displayName && me.includes("<anonymous>") && (me = me.replace("<anonymous>", e.displayName)), typeof e == "function" && ue.set(e, me), me;
                   }
-                while (A >= 1 && U >= 0);
+                while (B >= 1 && V >= 0);
               break;
             }
         }
       } finally {
-        oe = !1, je.current = k, me(), Error.prepareStackTrace = j;
+        de = !1, te.current = F, ge(), Error.prepareStackTrace = k;
       }
-      var Pe = e ? e.displayName || e.name : "", Re = Pe ? G(Pe) : "";
-      return typeof e == "function" && ie.set(e, Re), Re;
+      var We = e ? e.displayName || e.name : "", Te = We ? le(We) : "";
+      return typeof e == "function" && ue.set(e, Te), Te;
     }
-    function Ne(e, n, i) {
-      return Ee(e, !1);
+    function Ce(e, s, l) {
+      return je(e, !1);
     }
-    function _e(e) {
-      var n = e.prototype;
-      return !!(n && n.isReactComponent);
+    function ye(e) {
+      var s = e.prototype;
+      return !!(s && s.isReactComponent);
     }
-    function le(e, n, i) {
+    function ve(e, s, l) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Ee(e, _e(e));
+        return je(e, ye(e));
       if (typeof e == "string")
-        return G(e);
+        return le(e);
       switch (e) {
-        case W:
-          return G("Suspense");
-        case N:
-          return G("SuspenseList");
+        case _:
+          return le("Suspense");
+        case g:
+          return le("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case y:
-            return Ne(e.render);
-          case b:
-            return le(e.type, n, i);
-          case D: {
-            var m = e, j = m._payload, k = m._init;
+          case m:
+            return Ce(e.render);
+          case p:
+            return ve(e.type, s, l);
+          case y: {
+            var h = e, k = h._payload, F = h._init;
             try {
-              return le(k(j), n, i);
+              return ve(F(k), s, l);
             } catch {
             }
           }
         }
       return "";
     }
-    var v = Object.prototype.hasOwnProperty, O = {}, V = E.ReactDebugCurrentFrame;
-    function pe(e) {
+    var j = Object.prototype.hasOwnProperty, A = {}, X = x.ReactDebugCurrentFrame;
+    function be(e) {
       if (e) {
-        var n = e._owner, i = le(e.type, e._source, n ? n.type : null);
-        V.setExtraStackFrame(i);
+        var s = e._owner, l = ve(e.type, e._source, s ? s.type : null);
+        X.setExtraStackFrame(l);
       } else
-        V.setExtraStackFrame(null);
+        X.setExtraStackFrame(null);
     }
-    function Ye(e, n, i, m, j) {
+    function qe(e, s, l, h, k) {
       {
-        var k = Function.call.bind(v);
-        for (var x in e)
-          if (k(e, x)) {
-            var h = void 0;
+        var F = Function.call.bind(j);
+        for (var E in e)
+          if (F(e, E)) {
+            var b = void 0;
             try {
-              if (typeof e[x] != "function") {
-                var ee = Error((m || "React class") + ": " + i + " type `" + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[x] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw ee.name = "Invariant Violation", ee;
+              if (typeof e[E] != "function") {
+                var se = Error((h || "React class") + ": " + l + " type `" + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[E] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw se.name = "Invariant Violation", se;
               }
-              h = e[x](n, x, m, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (A) {
-              h = A;
+              b = e[E](s, E, h, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (B) {
+              b = B;
             }
-            h && !(h instanceof Error) && (pe(j), S("%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).", m || "React class", i, x, typeof h), pe(null)), h instanceof Error && !(h.message in O) && (O[h.message] = !0, pe(j), S("Failed %s type: %s", i, h.message), pe(null));
+            b && !(b instanceof Error) && (be(k), N("%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, E, typeof b), be(null)), b instanceof Error && !(b.message in A) && (A[b.message] = !0, be(k), N("Failed %s type: %s", l, b.message), be(null));
           }
       }
     }
-    var ze = Array.isArray;
-    function u(e) {
-      return ze(e);
+    var Qe = Array.isArray;
+    function Re(e) {
+      return Qe(e);
     }
-    function ce(e) {
+    function Ge(e) {
       {
-        var n = typeof Symbol == "function" && Symbol.toStringTag, i = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return i;
+        var s = typeof Symbol == "function" && Symbol.toStringTag, l = s && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l;
       }
     }
-    function te(e) {
+    function He(e) {
       try {
-        return K(e), !1;
+        return Ie(e), !1;
       } catch {
         return !0;
       }
     }
-    function K(e) {
+    function Ie(e) {
       return "" + e;
     }
-    function Le(e) {
-      if (te(e))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ce(e)), K(e);
+    function ke(e) {
+      if (He(e))
+        return N("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ge(e)), Ie(e);
     }
-    var be = E.ReactCurrentOwner, Ve = {
+    var Se = x.ReactCurrentOwner, Le = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, nr, sr;
-    function Cr(e) {
-      if (v.call(e, "ref")) {
-        var n = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (n && n.isReactWarning)
+    }, Je, Ze;
+    function u(e) {
+      if (j.call(e, "ref")) {
+        var s = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (s && s.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function kr(e) {
-      if (v.call(e, "key")) {
-        var n = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (n && n.isReactWarning)
+    function ne(e) {
+      if (j.call(e, "key")) {
+        var s = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (s && s.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function Pr(e, n) {
-      typeof e.ref == "string" && be.current;
+    function J(e, s) {
+      typeof e.ref == "string" && Se.current;
     }
-    function Tr(e, n) {
+    function z(e, s) {
       {
-        var i = function() {
-          nr || (nr = !0, S("%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)", n));
+        var l = function() {
+          Je || (Je = !0, N("%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)", s));
         };
-        i.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: i,
+        l.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: l,
           configurable: !0
         });
       }
     }
-    function Sr(e, n) {
+    function Pe(e, s) {
       {
-        var i = function() {
-          sr || (sr = !0, S("%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)", n));
+        var l = function() {
+          Ze || (Ze = !0, N("%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)", s));
         };
-        i.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: i,
+        l.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: l,
           configurable: !0
         });
       }
     }
-    var Fr = function(e, n, i, m, j, k, x) {
-      var h = {
+    var Ee = function(e, s, l, h, k, F, E) {
+      var b = {
         // 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: n,
-        ref: i,
-        props: x,
+        key: s,
+        ref: l,
+        props: E,
         // Record the component responsible for creating this element.
-        _owner: k
+        _owner: F
       };
-      return h._store = {}, Object.defineProperty(h._store, "validated", {
+      return b._store = {}, Object.defineProperty(b._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(h, "_self", {
+      }), Object.defineProperty(b, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: m
-      }), Object.defineProperty(h, "_source", {
+        value: h
+      }), Object.defineProperty(b, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: j
-      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
+        value: k
+      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     };
-    function Or(e, n, i, m, j) {
+    function er(e, s, l, h, k) {
       {
-        var k, x = {}, h = null, ee = null;
-        i !== void 0 && (Le(i), h = "" + i), kr(n) && (Le(n.key), h = "" + n.key), Cr(n) && (ee = n.ref, Pr(n, j));
-        for (k in n)
-          v.call(n, k) && !Ve.hasOwnProperty(k) && (x[k] = n[k]);
+        var F, E = {}, b = null, se = null;
+        l !== void 0 && (ke(l), b = "" + l), ne(s) && (ke(s.key), b = "" + s.key), u(s) && (se = s.ref, J(s, k));
+        for (F in s)
+          j.call(s, F) && !Le.hasOwnProperty(F) && (E[F] = s[F]);
         if (e && e.defaultProps) {
-          var A = e.defaultProps;
-          for (k in A)
-            x[k] === void 0 && (x[k] = A[k]);
+          var B = e.defaultProps;
+          for (F in B)
+            E[F] === void 0 && (E[F] = B[F]);
         }
-        if (h || ee) {
-          var U = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          h && Tr(x, U), ee && Sr(x, U);
+        if (b || se) {
+          var V = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          b && z(E, V), se && Pe(E, V);
         }
-        return Fr(e, h, ee, j, m, be.current, x);
+        return Ee(e, b, se, k, h, Se.current, E);
       }
     }
-    var Ke = E.ReactCurrentOwner, or = E.ReactDebugCurrentFrame;
-    function ke(e) {
+    var rr = x.ReactCurrentOwner, fr = x.ReactDebugCurrentFrame;
+    function Fe(e) {
       if (e) {
-        var n = e._owner, i = le(e.type, e._source, n ? n.type : null);
-        or.setExtraStackFrame(i);
+        var s = e._owner, l = ve(e.type, e._source, s ? s.type : null);
+        fr.setExtraStackFrame(l);
       } else
-        or.setExtraStackFrame(null);
+        fr.setExtraStackFrame(null);
     }
-    var qe;
-    qe = !1;
-    function Ge(e) {
+    var tr;
+    tr = !1;
+    function ar(e) {
       return typeof e == "object" && e !== null && e.$$typeof === t;
     }
-    function ir() {
+    function pr() {
       {
-        if (Ke.current) {
-          var e = w(Ke.current.type);
+        if (rr.current) {
+          var e = R(rr.current.type);
           if (e)
             return `
@@ -483,603 +483,608 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Wr(e) {
+    function $r(e) {
       return "";
     }
-    var lr = {};
-    function Dr(e) {
+    var hr = {};
+    function Mr(e) {
       {
-        var n = ir();
-        if (!n) {
-          var i = typeof e == "string" ? e : e.displayName || e.name;
-          i && (n = `
+        var s = pr();
+        if (!s) {
+          var l = typeof e == "string" ? e : e.displayName || e.name;
+          l && (s = `
-Check the top-level render call using <` + i + ">.");
+Check the top-level render call using <` + l + ">.");
         }
-        return n;
+        return s;
       }
     }
-    function cr(e, n) {
+    function yr(e, s) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var i = Dr(n);
-        if (lr[i])
+        var l = Mr(s);
+        if (hr[l])
           return;
-        lr[i] = !0;
-        var m = "";
-        e && e._owner && e._owner !== Ke.current && (m = " It was passed a child from " + w(e._owner.type) + "."), ke(e), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, m), ke(null);
+        hr[l] = !0;
+        var h = "";
+        e && e._owner && e._owner !== rr.current && (h = " It was passed a child from " + R(e._owner.type) + "."), Fe(e), N('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), Fe(null);
       }
     }
-    function dr(e, n) {
+    function vr(e, s) {
       {
         if (typeof e != "object")
           return;
-        if (u(e))
-          for (var i = 0; i < e.length; i++) {
-            var m = e[i];
-            Ge(m) && cr(m, n);
+        if (Re(e))
+          for (var l = 0; l < e.length; l++) {
+            var h = e[l];
+            ar(h) && yr(h, s);
           }
-        else if (Ge(e))
+        else if (ar(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var j = se(e);
-          if (typeof j == "function" && j !== e.entries)
-            for (var k = j.call(e), x; !(x = k.next()).done; )
-              Ge(x.value) && cr(x.value, n);
+          var k = $(e);
+          if (typeof k == "function" && k !== e.entries)
+            for (var F = k.call(e), E; !(E = F.next()).done; )
+              ar(E.value) && yr(E.value, s);
         }
       }
     }
-    function $r(e) {
+    function Ar(e) {
       {
-        var n = e.type;
-        if (n == null || typeof n == "string")
+        var s = e.type;
+        if (s == null || typeof s == "string")
           return;
-        var i;
-        if (typeof n == "function")
-          i = n.propTypes;
-        else if (typeof n == "object" && (n.$$typeof === y || // Note: Memo only checks outer props here.
+        var l;
+        if (typeof s == "function")
+          l = s.propTypes;
+        else if (typeof s == "object" && (s.$$typeof === m || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        n.$$typeof === b))
-          i = n.propTypes;
+        s.$$typeof === p))
+          l = s.propTypes;
         else
           return;
-        if (i) {
-          var m = w(n);
-          Ye(i, e.props, "prop", m, e);
-        } else if (n.PropTypes !== void 0 && !qe) {
-          qe = !0;
-          var j = w(n);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
+        if (l) {
+          var h = R(s);
+          qe(l, e.props, "prop", h, e);
+        } else if (s.PropTypes !== void 0 && !tr) {
+          tr = !0;
+          var k = R(s);
+          N("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", k || "Unknown");
         }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && N("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Ar(e) {
+    function Ur(e) {
       {
-        for (var n = Object.keys(e.props), i = 0; i < n.length; i++) {
-          var m = n[i];
-          if (m !== "children" && m !== "key") {
-            ke(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", m), ke(null);
+        for (var s = Object.keys(e.props), l = 0; l < s.length; l++) {
+          var h = s[l];
+          if (h !== "children" && h !== "key") {
+            Fe(e), N("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), Fe(null);
             break;
           }
         }
-        e.ref !== null && (ke(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), ke(null));
+        e.ref !== null && (Fe(e), N("Invalid attribute `ref` supplied to `React.Fragment`."), Fe(null));
       }
     }
-    var ur = {};
-    function mr(e, n, i, m, j, k) {
+    var xr = {};
+    function gr(e, s, l, h, k, F) {
       {
-        var x = R(e);
-        if (!x) {
-          var h = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (h += " 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 ee = Wr();
-          ee ? h += ee : h += ir();
-          var A;
-          e === null ? A = "null" : u(e) ? A = "array" : e !== void 0 && e.$$typeof === t ? (A = "<" + (w(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : A = typeof e, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", A, h);
+        var E = S(e);
+        if (!E) {
+          var b = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (b += " 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 se = $r();
+          se ? b += se : b += pr();
+          var B;
+          e === null ? B = "null" : Re(e) ? B = "array" : e !== void 0 && e.$$typeof === t ? (B = "<" + (R(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : B = typeof e, N("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", B, b);
         }
-        var U = Or(e, n, i, j, k);
-        if (U == null)
-          return U;
-        if (x) {
-          var de = n.children;
-          if (de !== void 0)
-            if (m)
-              if (u(de)) {
-                for (var Pe = 0; Pe < de.length; Pe++)
-                  dr(de[Pe], e);
-                Object.freeze && Object.freeze(de);
+        var V = er(e, s, l, k, F);
+        if (V == null)
+          return V;
+        if (E) {
+          var me = s.children;
+          if (me !== void 0)
+            if (h)
+              if (Re(me)) {
+                for (var We = 0; We < me.length; We++)
+                  vr(me[We], e);
+                Object.freeze && Object.freeze(me);
               } else
-                S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                N("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
-              dr(de, e);
+              vr(me, e);
         }
-        if (v.call(n, "key")) {
-          var Re = w(e), ae = Object.keys(n).filter(function(Yr) {
-            return Yr !== "key";
-          }), Je = ae.length > 0 ? "{key: someKey, " + ae.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!ur[Re + Je]) {
-            var Br = ae.length > 0 ? "{" + ae.join(": ..., ") + ": ...}" : "{}";
-            S(`A props object containing a "key" prop is being spread into JSX:
+        if (j.call(s, "key")) {
+          var Te = R(e), ce = Object.keys(s).filter(function(Vr) {
+            return Vr !== "key";
+          }), nr = ce.length > 0 ? "{key: someKey, " + ce.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!xr[Te + nr]) {
+            var Yr = ce.length > 0 ? "{" + ce.join(": ..., ") + ": ...}" : "{}";
+            N(`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} />`, Je, Re, Br, Re), ur[Re + Je] = !0;
+  <%s key={someKey} {...props} />`, nr, Te, Yr, Te), xr[Te + nr] = !0;
           }
         }
-        return e === o ? Ar(U) : $r(U), U;
+        return e === o ? Ur(V) : Ar(V), V;
       }
     }
-    function Mr(e, n, i) {
-      return mr(e, n, i, !0);
+    function Ir(e, s, l) {
+      return gr(e, s, l, !0);
     }
-    function Ir(e, n, i) {
-      return mr(e, n, i, !1);
+    function Lr(e, s, l) {
+      return gr(e, s, l, !1);
     }
-    var Ur = Ir, Lr = Mr;
-    Ae.Fragment = o, Ae.jsx = Ur, Ae.jsxs = Lr;
-  }()), Ae;
+    var zr = Lr, Br = Ir;
+    Be.Fragment = o, Be.jsx = zr, Be.jsxs = Br;
+  }()), Be;
 }
-process.env.NODE_ENV === "production" ? rr.exports = zr() : rr.exports = Vr();
-var a = rr.exports;
-function _r(r) {
-  var t, s, o = "";
+process.env.NODE_ENV === "production" ? dr.exports = qr() : dr.exports = Gr();
+var a = dr.exports;
+function Sr(r) {
+  var t, n, o = "";
   if (typeof r == "string" || typeof r == "number") o += r;
   else if (typeof r == "object") if (Array.isArray(r)) {
-    var l = r.length;
-    for (t = 0; t < l; t++) r[t] && (s = _r(r[t])) && (o && (o += " "), o += s);
-  } else for (s in r) r[s] && (o && (o += " "), o += s);
+    var i = r.length;
+    for (t = 0; t < i; t++) r[t] && (n = Sr(r[t])) && (o && (o += " "), o += n);
+  } else for (n in r) r[n] && (o && (o += " "), o += n);
   return o;
 }
-function Z() {
-  for (var r, t, s = 0, o = "", l = arguments.length; s < l; s++) (r = arguments[s]) && (t = _r(r)) && (o && (o += " "), o += t);
+function Q() {
+  for (var r, t, n = 0, o = "", i = arguments.length; n < i; n++) (r = arguments[n]) && (t = Sr(r)) && (o && (o += " "), o += t);
   return o;
 }
-const Kr = "https://core.spreedly.com/iframe/iframe-v1.min.js", qr = "https://cdn.e2e.movmo.io";
-let Te = {};
-const wt = (r) => {
-  Te = { ...Te, ...r };
-}, He = (r) => {
-  var s;
+const Hr = "https://core.spreedly.com/iframe/iframe-v1.min.js", Jr = "https://cdn.e2e.movmo.io";
+let Oe = {};
+const Wt = (r) => {
+  Oe = { ...Oe, ...r };
+}, sr = (r) => {
+  var n;
   const t = globalThis.process;
-  return (s = t == null ? void 0 : t.env) == null ? void 0 : s[r];
-}, De = () => ({
-  baseUrl: Te.baseUrl ?? He("REACT_APP_MOVMO_API_URL") ?? "",
-  spreedlyScriptUrl: Te.spreedlyScriptUrl ?? He("REACT_APP_SPREEDLY_SCRIPT_URL") ?? Kr,
-  iconCdnBaseUrl: Te.iconCdnBaseUrl ?? He("REACT_APP_MOVMO_ICON_CDN_URL") ?? qr,
-  fetch: Te.fetch ?? (typeof globalThis < "u" && typeof globalThis.fetch == "function" ? globalThis.fetch.bind(globalThis) : (() => {
+  return (n = t == null ? void 0 : t.env) == null ? void 0 : n[r];
+}, Ue = () => ({
+  baseUrl: Oe.baseUrl ?? sr("REACT_APP_MOVMO_API_URL") ?? "",
+  spreedlyScriptUrl: Oe.spreedlyScriptUrl ?? sr("REACT_APP_SPREEDLY_SCRIPT_URL") ?? Hr,
+  iconCdnBaseUrl: Oe.iconCdnBaseUrl ?? sr("REACT_APP_MOVMO_ICON_CDN_URL") ?? Jr,
+  fetch: Oe.fetch ?? (typeof globalThis < "u" && typeof globalThis.fetch == "function" ? globalThis.fetch.bind(globalThis) : (() => {
     throw new Error("@movmo_app/payments: no fetch available");
   })())
-}), tr = (r) => ({
+}), ur = (r) => ({
   id: r.id,
   last4: r.last4,
   brand: r.brand,
   expMonth: r.expMonth,
   expYear: r.expYear,
-  isDefault: r.isDefault
-}), Se = {
+  isDefault: r.isDefault,
+  vault: r.vault,
+  cardholderName: r.cardholderName,
+  zip: r.zip
+}), De = {
   Accept: "application/json",
   "Content-Type": "application/json"
-}, Fe = (r) => {
-  const { baseUrl: t } = De();
+}, $e = (r) => {
+  const { baseUrl: t } = Ue();
   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}`;
-}, Oe = (r, t) => {
-  const { fetch: s } = De();
-  return s(r, t);
-}, We = async (r, t) => {
+}, Me = (r, t) => {
+  const { fetch: n } = Ue();
+  return n(r, t);
+}, Ae = async (r, t) => {
   try {
     return (await r.json()).message || t;
   } catch {
     return t;
   }
 };
-let Me = null;
-const ar = () => {
-  if (Me) return Me;
+let Ye = null;
+const mr = () => {
+  if (Ye) return Ye;
   const r = (async () => {
-    const t = await Oe(Fe("/v1/payments/tokenization-session"), {
+    const t = await Me($e("/v1/payments/tokenization-session"), {
       method: "GET",
-      headers: Se,
+      headers: De,
       credentials: "include"
     });
     if (!t.ok)
-      throw new Error(
-        await We(t, `Failed to fetch tokenization session (${t.status})`)
-      );
+      throw new Error(await Ae(t, `Failed to fetch tokenization session (${t.status})`));
     return await t.json();
   })();
-  return Me = r, r.finally(() => {
-    Me === r && (Me = null);
+  return Ye = r, r.finally(() => {
+    Ye === r && (Ye = null);
   }).catch(() => {
   }), r;
-}, Gr = (r) => typeof r.brand == "string" && typeof r.last4 == "string" && typeof r.expMonth == "number" && typeof r.expYear == "number", Jr = async (r, t, s) => {
-  const o = await Oe(
-    Fe(`/v1/users/${encodeURIComponent(r)}/payment-methods/from-token`),
+}, Zr = (r) => typeof r.brand == "string" && typeof r.last4 == "string" && typeof r.expMonth == "number" && typeof r.expYear == "number", Xr = async (r, t, n) => {
+  const o = await Me(
+    $e(`/v1/users/${encodeURIComponent(r)}/payment-methods/from-token`),
     {
       method: "POST",
-      headers: Se,
+      headers: De,
       credentials: "include",
-      body: JSON.stringify({ tokenizedPaymentMethodId: t, isDefault: s })
+      body: JSON.stringify({ tokenizedPaymentMethodId: t, isDefault: n })
     }
   );
   if (!o.ok)
-    throw new Error(await We(o, `Failed to save payment method (${o.status})`));
-  const l = await o.json();
-  if (Gr(l))
-    return tr(l);
-  const c = await Oe(
-    Fe(
-      `/v1/users/${encodeURIComponent(r)}/payment-methods/${encodeURIComponent(l.id)}`
+    throw new Error(await Ae(o, `Failed to save payment method (${o.status})`));
+  const i = await o.json();
+  if (Zr(i))
+    return ur(i);
+  const c = await Me(
+    $e(
+      `/v1/users/${encodeURIComponent(r)}/payment-methods/${encodeURIComponent(i.id)}`
     ),
     {
       method: "GET",
-      headers: Se,
+      headers: De,
       credentials: "include"
     }
   );
   if (!c.ok)
     throw new Error(
-      await We(c, `Failed to fetch saved payment method (${c.status})`)
+      await Ae(c, `Failed to fetch saved payment method (${c.status})`)
     );
-  const f = await c.json();
-  return tr(f);
-}, Hr = async (r) => {
-  const t = await Oe(Fe(`/v1/users/${encodeURIComponent(r)}/payment-methods`), {
-    method: "GET",
-    headers: Se,
-    credentials: "include"
-  });
-  if (!t.ok)
-    throw new Error(await We(t, `Failed to fetch payment methods (${t.status})`));
-  return (await t.json() ?? []).map(tr);
-}, Zr = async (r, t) => {
-  const s = await Oe(
-    Fe(
+  const d = await c.json();
+  return ur(d);
+}, Qr = async (r, t) => {
+  const n = await Me(
+    $e(`/v1/users/${encodeURIComponent(r)}/payment-methods`),
+    {
+      method: "GET",
+      headers: De,
+      credentials: "include",
+      signal: t
+    }
+  );
+  if (!n.ok)
+    throw new Error(await Ae(n, `Failed to fetch payment methods (${n.status})`));
+  return (await n.json() ?? []).map(ur);
+}, et = async (r, t) => {
+  const n = await Me(
+    $e(
       `/v1/users/${encodeURIComponent(r)}/payment-methods/${encodeURIComponent(t)}`
     ),
     {
       method: "DELETE",
-      headers: Se,
+      headers: De,
       credentials: "include"
     }
   );
-  if (!s.ok)
-    throw new Error(await We(s, `Failed to delete payment method (${s.status})`));
-}, Xr = async (r, t, s) => {
-  const o = await Oe(
-    Fe(
+  if (!n.ok)
+    throw new Error(await Ae(n, `Failed to delete payment method (${n.status})`));
+}, Fr = async (r, t, n) => {
+  const o = await Me(
+    $e(
       `/v1/users/${encodeURIComponent(r)}/payment-methods/${encodeURIComponent(t)}`
     ),
     {
       method: "PUT",
-      headers: Se,
+      headers: De,
       credentials: "include",
-      body: JSON.stringify(s)
+      body: JSON.stringify(n)
     }
   );
   if (!o.ok)
-    throw new Error(await We(o, `Failed to update payment method (${o.status})`));
-}, Qr = {
+    throw new Error(await Ae(o, `Failed to update payment method (${o.status})`));
+}, rt = {
   visa: "visa",
   master: "mastercard",
   mastercard: "mastercard",
   american_express: "amex",
   amex: "amex",
   discover: "discover"
-}, et = 28, Ce = ({
+}, tt = 28, _e = ({
   brand: r,
   className: t,
-  width: s = 46
+  width: n = 46
 }) => {
-  const o = r ? Qr[r.toLowerCase()] ?? "credit-card" : "credit-card", l = Math.max(s, et), c = Math.round(l * 24 / 34), { iconCdnBaseUrl: f } = De();
+  const o = r ? rt[r.toLowerCase()] ?? "credit-card" : "credit-card", i = Math.max(n, tt), c = Math.round(i * 24 / 34), { iconCdnBaseUrl: d } = Ue();
   return /* @__PURE__ */ a.jsx(
     "img",
     {
-      src: `${f}/website/assets/icons/payments/${o}.svg`,
+      src: `${d}/website/assets/icons/payments/${o}.svg`,
       alt: o === "credit-card" ? "card" : `${o} card`,
       "data-testid": `card-brand-${r.toLowerCase()}`,
       className: t,
-      width: l,
+      width: i,
       height: c,
       loading: "lazy"
     }
   );
 };
-let Ie = null;
-const rt = () => {
+let Ve = null;
+const at = () => {
   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 (Ie)
-    return Ie;
-  const { spreedlyScriptUrl: r } = De();
-  return Ie = new Promise((t, s) => {
+  if (Ve)
+    return Ve;
+  const { spreedlyScriptUrl: r } = Ue();
+  return Ve = new Promise((t, n) => {
     const o = document.querySelector(
       `script[src="${r}"]`
-    ), l = () => {
-      window.Spreedly ? t(window.Spreedly) : s(new Error("Spreedly script loaded but window.Spreedly is undefined."));
+    ), i = () => {
+      window.Spreedly ? t(window.Spreedly) : n(new Error("Spreedly script loaded but window.Spreedly is undefined."));
     };
     if (o) {
       if (window.Spreedly) {
-        l();
+        i();
         return;
       }
-      o.addEventListener("load", l, { once: !0 }), o.addEventListener(
+      o.addEventListener("load", i, { once: !0 }), o.addEventListener(
         "error",
         () => {
-          o.remove(), s(new Error("Failed to load Spreedly iframe script."));
+          o.remove(), n(new Error("Failed to load Spreedly iframe script."));
         },
         { once: !0 }
       );
       return;
     }
     const c = document.createElement("script");
-    c.src = r, c.async = !0, c.onload = l, c.onerror = () => {
-      c.remove(), s(new Error("Failed to load Spreedly iframe 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);
   }).catch((t) => {
-    throw Ie = null, t;
-  }), Ie;
-}, tt = "movmo-card-number", at = "movmo-card-cvv", nt = (r) => ({
+    throw Ve = null, t;
+  }), Ve;
+}, nt = "movmo-card-number", st = "movmo-card-cvv", ot = (r) => ({
   first_name: r.firstName,
   last_name: r.lastName,
   month: r.month,
   year: r.year,
   ...r.email ? { email: r.email } : {},
   ...r.zip ? { zip: r.zip } : {}
-}), st = (r = {}) => {
+}), it = (r = {}) => {
   const {
-    numberEl: t = tt,
-    cvvEl: s = at,
+    numberEl: t = nt,
+    cvvEl: n = st,
     onCardTokenized: o,
-    onFieldErrors: l,
+    onFieldErrors: i,
     onValidityChange: c,
-    onBrandChange: f
-  } = r, [p, y] = P("idle"), [W, N] = P(null), [b, D] = P({ number: !1, cvv: !1 }), [M, X] = P(null), [T, se] = P({ number: !1, cvv: !1 }), E = B(null), S = B(o), q = B(l), ue = B(c), re = B(f);
-  L(() => {
-    S.current = o;
-  }, [o]), L(() => {
-    q.current = l;
-  }, [l]), L(() => {
-    ue.current = c;
-  }, [c]), L(() => {
-    re.current = f;
-  }, [f]);
-  const g = B({ number: !1, cvv: !1 });
-  L(() => {
-    let I = !1;
-    return y("loading"), N(null), D({ number: !1, cvv: !1 }), X(null), g.current = { number: !1, cvv: !1 }, (async () => {
+    onBrandChange: d
+  } = r, [v, m] = C("idle"), [_, g] = C(null), [p, y] = C({ number: !1, cvv: !1 }), [w, P] = C(null), [D, $] = C({ number: !1, cvv: !1 }), x = q(null), N = q(o), M = q(i), ee = q(c), oe = q(d);
+  Y(() => {
+    N.current = o;
+  }, [o]), Y(() => {
+    M.current = i;
+  }, [i]), Y(() => {
+    ee.current = c;
+  }, [c]), Y(() => {
+    oe.current = d;
+  }, [d]);
+  const ie = q({ number: !1, cvv: !1 });
+  Y(() => {
+    let L = !1;
+    return m("loading"), g(null), y({ number: !1, cvv: !1 }), P(null), ie.current = { number: !1, cvv: !1 }, (async () => {
       try {
-        const [R, d] = await Promise.all([
-          ar(),
-          rt()
+        const [S, f] = await Promise.all([
+          mr(),
+          at()
         ]);
-        if (I) return;
-        E.current = d, d.on("ready", () => {
-          var C, w, $, J, Y, Q;
-          if (!I) {
-            y("ready");
+        if (L) return;
+        x.current = f, f.on("ready", () => {
+          var W, R, U, G, H, Z;
+          if (!L) {
+            m("ready");
             try {
-              (C = d.setFieldType) == null || C.call(d, "number", "tel"), (w = d.setFieldType) == null || w.call(d, "cvv", "tel");
+              (W = f.setFieldType) == null || W.call(f, "number", "tel"), (R = f.setFieldType) == null || R.call(f, "cvv", "tel");
             } catch {
             }
             try {
-              typeof d.setNumberFormat == "function" ? d.setNumberFormat("prettyFormat") : console.warn(
+              typeof f.setNumberFormat == "function" ? f.setNumberFormat("prettyFormat") : console.warn(
                 "@movmo_app/payments: Spreedly.setNumberFormat is missing — card-number digits will not be space-grouped."
               );
-            } catch (z) {
-              console.warn("@movmo_app/payments: setNumberFormat failed", z);
+            } catch (re) {
+              console.warn("@movmo_app/payments: setNumberFormat failed", re);
             }
             try {
-              ($ = d.setPlaceholder) == null || $.call(d, "number", "Card number"), (J = d.setPlaceholder) == null || J.call(d, "cvv", "CVV");
-              const z = '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;';
-              (Y = d.setStyle) == null || Y.call(d, "number", z), (Q = d.setStyle) == null || Q.call(d, "cvv", z);
+              (U = f.setPlaceholder) == null || U.call(f, "number", "Card number"), (G = f.setPlaceholder) == null || G.call(f, "cvv", "CVV");
+              const re = '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 = f.setStyle) == null || H.call(f, "number", re), (Z = f.setStyle) == null || Z.call(f, "cvv", re);
             } catch {
             }
           }
-        }), d.on("paymentMethod", (C) => {
-          var w;
-          (w = S.current) == null || w.call(S, C);
-        }), d.on("errors", (C) => {
-          var w;
-          (w = q.current) == null || w.call(q, C);
-        }), d.on("fieldEvent", (C, w, $, J) => {
-          var z;
-          if (I) return;
-          if (w === "focus") {
-            se((_) => _[C] ? _ : { ..._, [C]: !0 });
+        }), f.on("paymentMethod", (W) => {
+          var R;
+          (R = N.current) == null || R.call(N, W);
+        }), f.on("errors", (W) => {
+          var R;
+          (R = M.current) == null || R.call(M, W);
+        }), f.on("fieldEvent", (W, R, U, G) => {
+          var re;
+          if (L) return;
+          if (R === "focus") {
+            $((O) => O[W] ? O : { ...O, [W]: !0 });
             return;
           }
-          if (w === "blur") {
-            se((_) => _[C] ? { ..._, [C]: !1 } : _);
+          if (R === "blur") {
+            $((O) => O[W] ? { ...O, [W]: !1 } : O);
             return;
           }
-          if (w !== "input") return;
-          const Y = J ?? {};
-          if (C === "number") {
-            if (Y.numberLength === 0)
-              X((_) => {
-                var F;
-                return _ !== null && ((F = re.current) == null || F.call(re, null)), null;
+          if (R !== "input") return;
+          const H = G ?? {};
+          if (W === "number") {
+            if (H.numberLength === 0)
+              P((O) => {
+                var I;
+                return O !== null && ((I = oe.current) == null || I.call(oe, null)), null;
               });
-            else if (Y.cardType !== void 0) {
-              const _ = Y.cardType || null;
-              X((F) => {
-                var fe;
-                return F !== _ && ((fe = re.current) == null || fe.call(re, _)), _;
+            else if (H.cardType !== void 0) {
+              const O = H.cardType || null;
+              P((I) => {
+                var pe;
+                return I !== O && ((pe = oe.current) == null || pe.call(oe, O)), O;
               });
             }
           }
-          const Q = C === "number" ? typeof Y.validNumber == "boolean" ? Y.validNumber : void 0 : typeof Y.validCvv == "boolean" ? Y.validCvv : void 0;
-          if (typeof Q == "boolean") {
-            const _ = g.current, F = C === "number" ? { ..._, number: Q } : { ..._, cvv: Q };
-            (F.number !== _.number || F.cvv !== _.cvv) && (g.current = F, D(F), (z = ue.current) == null || z.call(ue, F));
+          const Z = W === "number" ? typeof H.validNumber == "boolean" ? H.validNumber : void 0 : typeof H.validCvv == "boolean" ? H.validCvv : void 0;
+          if (typeof Z == "boolean") {
+            const O = ie.current, I = W === "number" ? { ...O, number: Z } : { ...O, cvv: Z };
+            (I.number !== O.number || I.cvv !== O.cvv) && (ie.current = I, y(I), (re = ee.current) == null || re.call(ee, I));
           }
-        }), d.on("consoleError", (C) => {
-          var $;
-          const w = C instanceof Error ? C.message : "An unexpected error occurred while securing your card.";
-          ($ = q.current) == null || $.call(q, [{ message: w }]);
-        }), d.init(R.environmentKey, {
+        }), f.on("consoleError", (W) => {
+          var U;
+          const R = W instanceof Error ? W.message : "An unexpected error occurred while securing your card.";
+          (U = M.current) == null || U.call(M, [{ message: R }]);
+        }), f.init(S.environmentKey, {
           numberEl: t,
-          cvvEl: s,
-          nonce: R.nonce,
-          timestamp: String(R.timestamp),
-          certificateToken: R.certificateToken,
-          signature: R.signature
+          cvvEl: n,
+          nonce: S.nonce,
+          timestamp: String(S.timestamp),
+          certificateToken: S.certificateToken,
+          signature: S.signature
         });
-      } catch (R) {
-        if (I) return;
-        const d = R instanceof Error ? R.message : "Failed to initialize card form.";
-        N(d), y("error");
+      } catch (S) {
+        if (L) return;
+        const f = S instanceof Error ? S.message : "Failed to initialize card form.";
+        g(f), m("error");
       }
     })(), () => {
-      var R, d;
-      I = !0;
+      var S, f;
+      L = !0;
       try {
-        (d = (R = E.current) == null ? void 0 : R.removeHandlers) == null || d.call(R);
+        (f = (S = x.current) == null ? void 0 : S.removeHandlers) == null || f.call(S);
       } catch {
       }
-      E.current = null;
+      x.current = null;
     };
-  }, [t, s]);
-  const ne = H((I) => {
-    var R;
-    (R = E.current) == null || R.tokenizeCreditCard(nt(I));
-  }, []), ye = H((I) => {
-    var R, d;
-    (d = (R = E.current) == null ? void 0 : R.transferFocus) == null || d.call(R, I);
+  }, [t, n]);
+  const fe = K((L) => {
+    var S;
+    (S = x.current) == null || S.tokenizeCreditCard(ot(L));
+  }, []), T = K((L) => {
+    var S, f;
+    (f = (S = x.current) == null ? void 0 : S.transferFocus) == null || f.call(S, L);
   }, []);
-  return { status: p, error: W, tokenize: ne, validity: b, brand: M, focused: T, focusField: ye };
-}, Ze = "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]", yr = "flex h-11 w-full items-center gap-2 rounded-md border bg-white px-3 py-2 transition-shadow", vr = "border-grayWarm-950 shadow-[0_0_0_1px_#1c1917]", hr = "border-grayWarm-300", ot = (r) => {
+  return { status: v, error: _, tokenize: fe, validity: p, brand: w, focused: D, focusField: T };
+}, or = "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]", jr = "flex h-11 w-full items-center gap-2 rounded-md border bg-white px-3 py-2 transition-shadow", Er = "border-grayWarm-950 shadow-[0_0_0_1px_#1c1917]", _r = "border-grayWarm-300", lt = (r) => {
   const t = r.trim();
   if (!t) return { firstName: "", lastName: "" };
-  const s = t.lastIndexOf(" ");
-  return s === -1 ? { firstName: t, lastName: "" } : {
-    firstName: t.slice(0, s).trim(),
-    lastName: t.slice(s + 1).trim()
+  const n = t.lastIndexOf(" ");
+  return n === -1 ? { firstName: t, lastName: "" } : {
+    firstName: t.slice(0, n).trim(),
+    lastName: t.slice(n + 1).trim()
   };
-}, Nr = (r) => {
+}, Wr = (r) => {
   const t = r.replace(/\D/g, "");
   if (t.length < 4) return { month: "", year: "" };
-  const s = t.slice(0, 2), o = t.slice(2), l = o.length === 2 ? `20${o}` : o.slice(0, 4);
-  return { month: s, year: l };
-}, it = (r) => {
+  const n = t.slice(0, 2), o = t.slice(2), i = o.length === 2 ? `20${o}` : o.slice(0, 4);
+  return { month: n, year: i };
+}, ct = (r) => {
   const t = r.replace(/\D/g, "").slice(0, 4);
   return t.length <= 2 ? t : `${t.slice(0, 2)} / ${t.slice(2)}`;
-}, Xe = (r) => {
-  const { month: t, year: s } = Nr(r);
-  if (!t || !s) return !1;
-  const o = parseInt(t, 10), l = parseInt(s, 10);
+}, ir = (r) => {
+  const { month: t, year: n } = Wr(r);
+  if (!t || !n) return !1;
+  const o = parseInt(t, 10), i = parseInt(n, 10);
   if (isNaN(o) || o < 1 || o > 12) return !1;
   const c = /* @__PURE__ */ new Date();
-  return !(l < c.getFullYear() || l > c.getFullYear() + 20 || l === c.getFullYear() && o < c.getMonth() + 1);
-}, Qe = (r) => /^\d{5}(-\d{4})?$/.test(r.trim()), lt = (r) => {
+  return !(i < c.getFullYear() || i > c.getFullYear() + 20 || i === c.getFullYear() && o < c.getMonth() + 1);
+}, lr = (r) => /^\d{5}(-\d{4})?$/.test(r.trim()), dt = (r) => {
   const t = r.replace(/[^\d]/g, "").slice(0, 9);
   return t.length <= 5 ? t : `${t.slice(0, 5)}-${t.slice(5)}`;
-}, Rr = ({
+}, Or = ({
   userId: r,
   onSuccess: t,
-  onError: s,
+  onError: n,
   isDefault: o = !1,
-  className: l,
+  className: i,
   defaultCardholderName: c,
-  defaultCardholderFirstName: f = "",
-  defaultCardholderLastName: p = "",
-  autoSave: y = !1,
-  formId: W = "movmo-card-form",
-  hideInternalSaveButton: N = !1,
-  onCanSubmitChange: b,
-  onSavingChange: D,
-  autoFocus: M
+  defaultCardholderFirstName: d = "",
+  defaultCardholderLastName: v = "",
+  autoSave: m = !1,
+  formId: _ = "movmo-card-form",
+  hideInternalSaveButton: g = !1,
+  onCanSubmitChange: p,
+  onSavingChange: y,
+  autoFocus: w
 }) => {
-  const X = c ?? [f, p].filter(Boolean).join(" "), [T, se] = P(X), [E, S] = P(""), [q, ue] = P(""), [re, g] = P("idle"), ne = B(!1), ye = H(
-    async (v) => {
-      g("saving");
+  const P = c ?? [d, v].filter(Boolean).join(" "), [D, $] = C(P), [x, N] = C(""), [M, ee] = C(""), [oe, ie] = C("idle"), fe = q(!1), T = K(
+    async (j) => {
+      ie("saving");
       try {
-        const O = await Jr(r, v, o);
-        g("ready"), t(O);
-      } catch (O) {
-        const V = O instanceof Error ? O.message : "Failed to save payment method.";
-        g("ready"), ne.current = !1, s(V);
+        const A = await Xr(r, j, o);
+        ie("ready"), t(A);
+      } catch (A) {
+        const X = A instanceof Error ? A.message : "Failed to save payment method.";
+        ie("ready"), fe.current = !1, n(X);
       }
     },
-    [r, o, t, s]
-  ), I = H(
-    (v) => {
-      const O = v.map((V) => V.message).filter(Boolean).join("; ") || "Card validation failed.";
-      g((V) => V === "tokenizing" ? "ready" : V), ne.current = !1, s(O);
+    [r, o, t, n]
+  ), L = K(
+    (j) => {
+      const A = j.map((X) => X.message).filter(Boolean).join("; ") || "Card validation failed.";
+      ie((X) => X === "tokenizing" ? "ready" : X), fe.current = !1, n(A);
     },
-    [s]
-  ), R = Ue(
+    [n]
+  ), S = Ke(
     () => ({
-      onCardTokenized: ye,
-      onFieldErrors: I
+      onCardTokenized: T,
+      onFieldErrors: L
     }),
-    [ye, I]
+    [T, L]
   ), {
-    status: d,
-    error: C,
-    tokenize: w,
-    validity: $,
-    brand: J,
-    focused: Y,
-    focusField: Q
-  } = st(R), z = B(!1);
-  L(() => {
-    !M || d !== "ready" || z.current || (z.current = !0, Q(M));
-  }, [M, d, Q]);
-  const _ = T.trim().split(/\s+/).length >= 2, F = Xe(E), fe = Qe(q), ve = B(!1), ge = B(!1), we = B(!1), me = B(null), je = B(null);
-  L(() => {
-    var v;
-    $.cvv ? ge.current || (ge.current = !0, (v = me.current) == null || v.focus()) : ge.current = !1;
-  }, [$.cvv]);
-  const he = !_ || !F || !fe || !$.number || !$.cvv, G = re === "tokenizing" || re === "saving", oe = d === "ready" && !G && !he, ie = B(b);
-  L(() => {
-    ie.current = b;
-  }, [b]), L(() => {
-    var v;
-    (v = ie.current) == null || v.call(ie, oe);
-  }, [oe]);
-  const xe = B(D);
-  L(() => {
-    xe.current = D;
-  }, [D]), L(() => {
-    var v;
-    (v = xe.current) == null || v.call(xe, G);
-  }, [G]);
-  const Ee = H(() => {
-    const { firstName: v, lastName: O } = ot(T), { month: V, year: pe } = Nr(E);
-    g("tokenizing"), w({ firstName: v, lastName: O, month: V, year: pe, zip: q.trim() });
-  }, [T, E, q, w]);
-  L(() => {
-    if (!y || !oe || ne.current) return;
-    const v = setTimeout(() => {
-      ne.current = !0, Ee();
+    status: f,
+    error: W,
+    tokenize: R,
+    validity: U,
+    brand: G,
+    focused: H,
+    focusField: Z
+  } = it(S), re = q(!1);
+  Y(() => {
+    !w || f !== "ready" || re.current || (re.current = !0, Z(w));
+  }, [w, f, Z]);
+  const O = D.trim().split(/\s+/).length >= 2, I = ir(x), pe = lr(M), we = q(!1), he = q(!1), xe = q(!1), ge = q(null), te = q(null);
+  Y(() => {
+    var j;
+    U.cvv ? he.current || (he.current = !0, (j = ge.current) == null || j.focus()) : he.current = !1;
+  }, [U.cvv]);
+  const Ne = !O || !I || !pe || !U.number || !U.cvv, le = oe === "tokenizing" || oe === "saving", de = f === "ready" && !le && !Ne, ue = q(p);
+  Y(() => {
+    ue.current = p;
+  }, [p]), Y(() => {
+    var j;
+    (j = ue.current) == null || j.call(ue, de);
+  }, [de]);
+  const ae = q(y);
+  Y(() => {
+    ae.current = y;
+  }, [y]), Y(() => {
+    var j;
+    (j = ae.current) == null || j.call(ae, le);
+  }, [le]);
+  const je = K(() => {
+    const { firstName: j, lastName: A } = lt(D), { month: X, year: be } = Wr(x);
+    ie("tokenizing"), R({ firstName: j, lastName: A, month: X, year: be, zip: M.trim() });
+  }, [D, x, M, R]);
+  Y(() => {
+    if (!m || !de || fe.current) return;
+    const j = setTimeout(() => {
+      fe.current = !0, je();
     }, 1200);
-    return () => clearTimeout(v);
-  }, [y, oe, Ee]);
-  const Ne = (v) => {
-    v.preventDefault(), oe && Ee();
-  }, _e = d !== "ready" || G, le = B(s);
-  return L(() => {
-    le.current = s;
-  }, [s]), L(() => {
-    var v;
-    C && ((v = le.current) == null || v.call(le, C));
-  }, [C]), /* @__PURE__ */ a.jsxs(
+    return () => clearTimeout(j);
+  }, [m, de, je]);
+  const Ce = (j) => {
+    j.preventDefault(), de && je();
+  }, ye = f !== "ready" || le, ve = q(n);
+  return Y(() => {
+    ve.current = n;
+  }, [n]), Y(() => {
+    var j;
+    W && ((j = ve.current) == null || j.call(ve, W));
+  }, [W]), /* @__PURE__ */ a.jsxs(
     "form",
     {
-      id: W,
-      onSubmit: Ne,
-      className: Z("flex w-full flex-col gap-3", l),
+      id: _,
+      onSubmit: Ce,
+      className: Q("flex w-full flex-col gap-3", i),
       "data-testid": "movmo-card-form",
       children: [
         /* @__PURE__ */ a.jsxs("div", { children: [
@@ -1087,24 +1092,24 @@ const rt = () => {
           /* @__PURE__ */ a.jsxs(
             "div",
             {
-              className: Z(
-                yr,
-                Y.number ? vr : hr
+              className: Q(
+                jr,
+                H.number ? Er : _r
               ),
               children: [
-                /* @__PURE__ */ a.jsx(Ce, { brand: J ?? "", width: 32, className: "flex-shrink-0" }),
+                /* @__PURE__ */ a.jsx(_e, { brand: G ?? "", 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": d !== "ready",
+                      "aria-busy": f !== "ready",
                       className: "absolute inset-0",
                       "data-testid": "movmo-card-number-mount"
                     }
                   ),
-                  d !== "ready" ? /* @__PURE__ */ a.jsx(
+                  f !== "ready" ? /* @__PURE__ */ a.jsx(
                     "div",
                     {
                       "aria-hidden": "true",
@@ -1127,13 +1132,13 @@ const rt = () => {
                 inputMode: "numeric",
                 autoComplete: "cc-exp",
                 placeholder: "MM / YY",
-                value: E,
-                onChange: (v) => {
-                  const O = it(v.target.value);
-                  S(O), Xe(O) && !ve.current ? (ve.current = !0, Q("cvv")) : Xe(O) || (ve.current = !1);
+                value: x,
+                onChange: (j) => {
+                  const A = ct(j.target.value);
+                  N(A), ir(A) && !we.current ? (we.current = !0, Z("cvv")) : ir(A) || (we.current = !1);
                 },
-                className: Z(Ze, E && !F && "border-error-500"),
-                disabled: _e,
+                className: Q(or, x && !I && "border-error-500"),
+                disabled: ye,
                 required: !0,
                 "data-testid": "movmo-card-expiry-input"
               }
@@ -1144,9 +1149,9 @@ const rt = () => {
             /* @__PURE__ */ a.jsxs(
               "div",
               {
-                className: Z(
-                  yr,
-                  Y.cvv ? vr : hr
+                className: Q(
+                  jr,
+                  H.cvv ? Er : _r
                 ),
                 children: [
                   /* @__PURE__ */ a.jsxs("div", { className: "relative h-full flex-1", children: [
@@ -1155,12 +1160,12 @@ const rt = () => {
                       {
                         id: "movmo-card-cvv",
                         "aria-labelledby": "movmo-card-cvv-label",
-                        "aria-busy": d !== "ready",
+                        "aria-busy": f !== "ready",
                         className: "absolute inset-0",
                         "data-testid": "movmo-card-cvv-mount"
                       }
                     ),
-                    d !== "ready" ? /* @__PURE__ */ a.jsx(
+                    f !== "ready" ? /* @__PURE__ */ a.jsx(
                       "div",
                       {
                         "aria-hidden": "true",
@@ -1175,7 +1180,7 @@ const rt = () => {
                       "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: J === "american_express" ? "The 4 numbers on the front of your card." : "The 3 numbers on the back of your card.",
+                      title: G === "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: "?"
                     }
@@ -1190,19 +1195,19 @@ const rt = () => {
               "input",
               {
                 id: "movmo-card-zip",
-                ref: me,
+                ref: ge,
                 type: "text",
                 inputMode: "numeric",
                 autoComplete: "postal-code",
                 placeholder: "ZIP code",
-                value: q,
-                onChange: (v) => {
-                  var V;
-                  const O = lt(v.target.value);
-                  ue(O), Qe(O) && !we.current ? (we.current = !0, (V = je.current) == null || V.focus()) : Qe(O) || (we.current = !1);
+                value: M,
+                onChange: (j) => {
+                  var X;
+                  const A = dt(j.target.value);
+                  ee(A), lr(A) && !xe.current ? (xe.current = !0, (X = te.current) == null || X.focus()) : lr(A) || (xe.current = !1);
                 },
-                className: Z(Ze, q && !fe && "border-error-500"),
-                disabled: _e,
+                className: Q(or, M && !pe && "border-error-500"),
+                disabled: ye,
                 required: !0,
                 "data-testid": "movmo-card-zip-input"
               }
@@ -1215,32 +1220,32 @@ const rt = () => {
             "input",
             {
               id: "movmo-card-cardholder-name",
-              ref: je,
+              ref: te,
               type: "text",
               autoComplete: "cc-name",
               placeholder: "Cardholder name",
-              value: T,
-              onChange: (v) => se(v.target.value),
-              className: Ze,
-              disabled: _e,
+              value: D,
+              onChange: (j) => $(j.target.value),
+              className: or,
+              disabled: ye,
               required: !0,
               "data-testid": "movmo-card-cardholder-name-input"
             }
           )
         ] }),
-        !y && !N ? /* @__PURE__ */ a.jsx(
+        !m && !g ? /* @__PURE__ */ a.jsx(
           "button",
           {
             type: "submit",
-            disabled: !oe,
-            className: Z(
+            disabled: !de,
+            className: Q(
               "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: G ? "Saving…" : d === "loading" ? "Loading…" : "Save card"
+            children: le ? "Saving…" : f === "loading" ? "Loading…" : "Save card"
           }
-        ) : G && y ? (
+        ) : le && m ? (
           // 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
@@ -1259,86 +1264,103 @@ const rt = () => {
     }
   );
 };
-Rr.displayName = "MovmoCardForm";
-const ct = (r) => {
-  const [t, s] = P("idle"), [o, l] = P(null);
-  return { deletePaymentMethod: H(
-    async (f) => {
-      s("pending"), l(null);
+Or.displayName = "MovmoCardForm";
+const ut = (r) => {
+  const [t, n] = C("idle"), [o, i] = C(null);
+  return { deletePaymentMethod: K(
+    async (d) => {
+      n("pending"), i(null);
+      try {
+        await et(r, d), n("idle");
+      } catch (v) {
+        const m = v instanceof Error ? v.message : "Failed to delete payment method.";
+        throw i(m), n("error"), v;
+      }
+    },
+    [r]
+  ), status: t, error: o };
+}, mt = (r) => {
+  const [t, n] = C("idle"), [o, i] = C(null);
+  return { setDefault: K(
+    async (d) => {
+      n("pending"), i(null);
       try {
-        await Zr(r, f), s("idle");
-      } catch (p) {
-        const y = p instanceof Error ? p.message : "Failed to delete payment method.";
-        throw l(y), s("error"), p;
+        await Fr(r, d, { isDefault: !0 }), n("idle");
+      } catch (v) {
+        const m = v instanceof Error ? v.message : "Failed to set default payment method.";
+        throw i(m), n("error"), v;
       }
     },
     [r]
   ), status: t, error: o };
-}, dt = (r) => {
-  const [t, s] = P("idle"), [o, l] = P(null);
-  return { setDefault: H(
-    async (f) => {
-      s("pending"), l(null);
+}, ft = (r) => {
+  const [t, n] = C("idle"), [o, i] = C(null);
+  return { updatePaymentMethod: K(
+    async (d, v) => {
+      n("pending"), i(null);
       try {
-        await Xr(r, f, { isDefault: !0 }), s("idle");
-      } catch (p) {
-        const y = p instanceof Error ? p.message : "Failed to set default payment method.";
-        throw l(y), s("error"), p;
+        await Fr(r, d, v), n("idle");
+      } catch (m) {
+        const _ = m instanceof Error ? m.message : "Failed to update payment method.";
+        throw i(_), n("error"), m;
       }
     },
     [r]
   ), status: t, error: o };
-}, ut = (r) => {
-  const [t, s] = P([]), [o, l] = P("idle"), [c, f] = P(null), [p, y] = P(0), W = B(null);
-  L(() => {
-    var D;
-    (D = W.current) == null || D.abort();
-    const b = new AbortController();
-    return W.current = b, l("loading"), f(null), Hr(r).then((M) => {
-      b.signal.aborted || (s(M), l("ready"));
-    }).catch((M) => {
-      if (b.signal.aborted) return;
-      const X = M instanceof Error ? M.message : "Failed to fetch payment methods.";
-      f(X), l("error");
+}, pt = (r) => {
+  const [t, n] = C([]), [o, i] = C("idle"), [c, d] = C(null), [v, m] = C(0), _ = q(null);
+  Y(() => {
+    var y;
+    (y = _.current) == null || y.abort();
+    const p = new AbortController();
+    return _.current = p, i("loading"), d(null), Qr(r, p.signal).then((w) => {
+      p.signal.aborted || (n(w), i("ready"));
+    }).catch((w) => {
+      if (p.signal.aborted || w instanceof DOMException && w.name === "AbortError") return;
+      const P = w instanceof Error ? w.message : "Failed to fetch payment methods.";
+      d(P), i("error");
     }), () => {
-      b.abort();
+      p.abort();
     };
-  }, [r, p]);
-  const N = H(() => {
-    y((b) => b + 1);
+  }, [r, v]);
+  const g = K(() => {
+    m((p) => p + 1);
   }, []);
-  return { items: t, status: o, error: c, refetch: N };
-}, mt = ({
+  return { items: t, status: o, error: c, refetch: g };
+}, Dr = ({
   open: r,
   onClose: t,
-  formId: s,
-  saveDisabled: o,
-  saveLabel: l = "Save",
-  isSaving: c = !1,
-  children: f
-}) => (L(() => {
+  title: n,
+  titleId: o,
+  formId: i,
+  saveDisabled: c,
+  saveLabel: d = "Save",
+  isSaving: v = !1,
+  testIdPrefix: m = "payment-method",
+  children: _
+}) => (Y(() => {
   if (!r) return;
-  const p = (y) => {
-    y.key === "Escape" && t();
+  const g = (p) => {
+    p.key === "Escape" && t();
   };
-  return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
-}, [r, t]), L(() => {
+  return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
+}, [r, t]), Y(() => {
   if (!r) return;
-  const p = document.body.style.overflow;
+  const g = document.body.style.overflow;
   return document.body.style.overflow = "hidden", () => {
-    document.body.style.overflow = p;
+    document.body.style.overflow = g;
   };
 }, [r]), r ? /* @__PURE__ */ a.jsx(
   "div",
   {
     role: "dialog",
     "aria-modal": "true",
-    "aria-labelledby": "movmo-add-payment-title",
+    "aria-labelledby": o,
     className: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",
-    onClick: (p) => {
-      p.target === p.currentTarget && t();
+    onClick: (g) => {
+      g.target === g.currentTarget && t();
     },
-    "data-testid": "add-payment-method-modal",
+    "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: [
       /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-3 border-b border-grayWarm-200 px-4 py-3", children: [
         /* @__PURE__ */ a.jsx(
@@ -1346,9 +1368,9 @@ const ct = (r) => {
           {
             type: "button",
             onClick: t,
-            "aria-label": "Close add-payment dialog",
+            "aria-label": `Close ${n.toLowerCase()} dialog`,
             className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-lg bg-grayWarm-100 p-2 text-grayWarm-950 transition-colors hover:bg-grayWarm-200",
-            "data-testid": "add-payment-method-close",
+            "data-testid": `${m}-close`,
             children: /* @__PURE__ */ a.jsx("svg", { viewBox: "0 0 20 20", width: "20", height: "20", "aria-hidden": "true", children: /* @__PURE__ */ a.jsx(
               "path",
               {
@@ -1361,17 +1383,10 @@ const ct = (r) => {
             ) })
           }
         ),
-        /* @__PURE__ */ a.jsx(
-          "h2",
-          {
-            id: "movmo-add-payment-title",
-            className: "flex-1 text-center text-base font-semibold text-grayWarm-900",
-            children: "Add payment method"
-          }
-        ),
+        /* @__PURE__ */ a.jsx("h2", { id: o, 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: _ }),
       /* @__PURE__ */ a.jsxs("div", { className: "flex gap-3 border-t border-grayWarm-200 p-4", children: [
         /* @__PURE__ */ a.jsx(
           "button",
@@ -1379,7 +1394,7 @@ const ct = (r) => {
             type: "button",
             onClick: t,
             className: "inline-flex h-11 flex-1 items-center justify-center rounded-lg border border-grayWarm-300 px-4 text-sm font-semibold text-grayWarm-900 transition-colors hover:border-grayWarm-900 hover:shadow-[0_0_0_1px_#1c1917]",
-            "data-testid": "add-payment-method-cancel",
+            "data-testid": `${m}-cancel`,
             children: "Cancel"
           }
         ),
@@ -1387,16 +1402,16 @@ const ct = (r) => {
           "button",
           {
             type: "submit",
-            form: s,
-            disabled: c ? !1 : o,
-            "aria-disabled": c || o,
-            "aria-busy": c,
-            className: Z(
+            form: i,
+            disabled: v ? !1 : c,
+            "aria-disabled": v || c,
+            "aria-busy": v,
+            className: Q(
               "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",
-              c ? "cursor-not-allowed opacity-90 pointer-events-none" : "hover:bg-brand-600 disabled:cursor-not-allowed disabled:bg-grayWarm-300 disabled:text-grayWarm-500"
+              v ? "cursor-not-allowed opacity-90 pointer-events-none" : "hover:bg-brand-600 disabled:cursor-not-allowed disabled:bg-grayWarm-300 disabled:text-grayWarm-500"
             ),
-            "data-testid": "add-payment-method-save",
-            children: c ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+            "data-testid": `${m}-save`,
+            children: v ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
               /* @__PURE__ */ a.jsxs(
                 "svg",
                 {
@@ -1428,82 +1443,207 @@ const ct = (r) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Saving card" })
-            ] }) : l
+              /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Saving" })
+            ] }) : d
           }
         )
       ] })
     ] })
   }
-) : null), ft = (r) => {
+) : null), ht = ({
+  open: r,
+  onClose: t,
+  formId: n,
+  saveDisabled: o,
+  saveLabel: i = "Save",
+  isSaving: c = !1,
+  children: d
+}) => /* @__PURE__ */ a.jsx(
+  Dr,
+  {
+    open: r,
+    onClose: t,
+    title: "Add payment method",
+    titleId: "movmo-add-payment-title",
+    formId: n,
+    saveDisabled: o,
+    saveLabel: i,
+    isSaving: c,
+    testIdPrefix: "add-payment-method",
+    children: d
+  }
+), yt = (r, t) => `${String(r).padStart(2, "0")}/${t}`, vt = (r) => {
+  if (!r) return "Card";
+  const t = r.toLowerCase();
+  return t === "amex" ? "Amex" : t.charAt(0).toUpperCase() + t.slice(1);
+}, xt = ({
+  open: r,
+  method: t,
+  onClose: n,
+  onSave: o,
+  isSaving: i = !1,
+  error: c = null
+}) => {
+  const d = Kr(), [v, m] = C(""), [_, g] = C("");
+  if (Y(() => {
+    r && t && (m(t.cardholderName ?? ""), g(t.zip ?? ""));
+  }, [r, t]), !t) return null;
+  const p = v.trim(), y = _.trim(), w = p !== (t.cardholderName ?? "").trim(), P = y !== (t.zip ?? "").trim(), D = w || P, $ = (!w || p.length > 0) && (!P || /^[A-Za-z0-9 -]{3,20}$/.test(y)), x = !D || !$, N = (M) => {
+    if (M.preventDefault(), x || i) return;
+    const ee = {};
+    w && (ee.cardholderName = p), P && (ee.zip = y), o(ee).catch(() => {
+    });
+  };
+  return /* @__PURE__ */ a.jsxs(
+    Dr,
+    {
+      open: r,
+      onClose: n,
+      title: "Edit payment method",
+      titleId: "movmo-edit-payment-title",
+      formId: d,
+      saveDisabled: x,
+      isSaving: i,
+      testIdPrefix: "edit-payment-method",
+      children: [
+        /* @__PURE__ */ a.jsxs(
+          "div",
+          {
+            className: "mb-4 flex items-start gap-3 rounded-lg bg-grayWarm-50 p-3",
+            "data-testid": "edit-payment-method-context",
+            children: [
+              /* @__PURE__ */ a.jsx(_e, { brand: t.brand, className: "flex-shrink-0" }),
+              /* @__PURE__ */ a.jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ a.jsxs("div", { className: "text-lg font-semibold text-grayWarm-950", children: [
+                  vt(t.brand),
+                  " •••• ",
+                  t.last4
+                ] }),
+                /* @__PURE__ */ a.jsxs("div", { className: "text-sm text-grayWarm-600", children: [
+                  "Exp. ",
+                  yt(t.expMonth, t.expYear)
+                ] })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ a.jsxs("form", { id: d, onSubmit: N, 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(
+              "input",
+              {
+                type: "text",
+                autoComplete: "cc-name",
+                value: v,
+                onChange: (M) => m(M.target.value),
+                disabled: i,
+                maxLength: 255,
+                "data-testid": "edit-payment-method-cardholder",
+                className: "h-11 rounded-lg border border-grayWarm-300 px-3 text-base font-normal text-grayWarm-950 focus:border-grayWarm-950 focus:outline-none focus:ring-1 focus:ring-grayWarm-950"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a.jsxs("label", { className: "flex flex-col gap-1.5 text-sm font-medium text-grayWarm-700", children: [
+            "Billing ZIP",
+            /* @__PURE__ */ a.jsx(
+              "input",
+              {
+                type: "text",
+                inputMode: "numeric",
+                autoComplete: "postal-code",
+                value: _,
+                onChange: (M) => g(M.target.value),
+                disabled: i,
+                maxLength: 20,
+                "data-testid": "edit-payment-method-zip",
+                className: "h-11 rounded-lg border border-grayWarm-300 px-3 text-base font-normal text-grayWarm-950 focus:border-grayWarm-950 focus:outline-none focus:ring-1 focus:ring-grayWarm-950"
+              }
+            )
+          ] }),
+          c ? /* @__PURE__ */ a.jsx(
+            "p",
+            {
+              role: "alert",
+              className: "text-sm text-error-700",
+              "data-testid": "edit-payment-method-error",
+              children: c
+            }
+          ) : null
+        ] })
+      ]
+    }
+  );
+}, gt = (r) => {
   if (!r) return "Card";
   const t = r.toLowerCase();
   return t === "amex" ? "Amex" : t.charAt(0).toUpperCase() + t.slice(1);
-}, pt = ({
+}, bt = ({
   method: r,
   trailing: t,
-  onClick: s,
+  onClick: n,
   cardLabelFormat: o = "branded",
-  className: l
+  className: i
 }) => /* @__PURE__ */ a.jsxs(
   "div",
   {
-    className: Z("flex items-center gap-3", s && "cursor-pointer", l),
-    onClick: s,
-    role: s ? "button" : void 0,
-    tabIndex: s ? 0 : void 0,
-    onKeyDown: s ? (c) => {
-      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), s());
+    className: Q("flex items-center gap-3", n && "cursor-pointer", i),
+    onClick: n,
+    role: n ? "button" : void 0,
+    tabIndex: n ? 0 : void 0,
+    onKeyDown: n ? (c) => {
+      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), n());
     } : void 0,
     "data-testid": `payment-method-preview-${r.id}`,
     children: [
-      /* @__PURE__ */ a.jsx(Ce, { brand: r.brand, width: 34, className: "flex-shrink-0" }),
-      /* @__PURE__ */ a.jsx("span", { className: "flex-1 text-lg font-semibold text-grayWarm-950", children: o === "masked" ? `•••• ${r.last4}` : `${ft(r.brand)} ${r.last4}` }),
+      /* @__PURE__ */ a.jsx(_e, { brand: r.brand, width: 34, className: "flex-shrink-0" }),
+      /* @__PURE__ */ a.jsx("span", { className: "flex-1 text-lg font-semibold text-grayWarm-950", children: o === "masked" ? `•••• ${r.last4}` : `${gt(r.brand)} ${r.last4}` }),
       t
     ]
   }
-), yt = (r, t, s = /* @__PURE__ */ new Date()) => t < s.getFullYear() || t === s.getFullYear() && r < s.getMonth() + 1, xr = (r) => {
+), wt = (r, t, n = /* @__PURE__ */ new Date()) => t < n.getFullYear() || t === n.getFullYear() && r < n.getMonth() + 1, Nr = (r) => {
   if (!r) return "Card";
   const t = r.toLowerCase();
   return t === "amex" ? "Amex" : t.charAt(0).toUpperCase() + t.slice(1);
-}, vt = (r, t) => `${String(r).padStart(2, "0")}/${t}`, ht = ({
+}, jt = (r, t) => `${String(r).padStart(2, "0")}/${t}`, Et = ({
   method: r,
   selectable: t,
-  selected: s,
+  selected: n,
   onSelect: o,
-  onSetDefault: l,
+  onSetDefault: i,
   onRemove: c,
-  disabled: f,
-  showDefaultBadge: p,
-  hideSetDefaultMenuItem: y,
-  cardLabelFormat: W = "branded"
+  onEdit: d,
+  disabled: v,
+  showDefaultBadge: m,
+  hideSetDefaultMenuItem: _,
+  cardLabelFormat: g = "branded"
 }) => {
-  const [N, b] = P(!1), D = B(null), M = yt(r.expMonth, r.expYear);
-  L(() => {
-    if (!N) return;
-    const T = (se) => {
-      var E;
-      (E = D.current) != null && E.contains(se.target) || b(!1);
+  const [p, y] = C(!1), w = q(null), P = wt(r.expMonth, r.expYear);
+  Y(() => {
+    if (!p) return;
+    const $ = (x) => {
+      var N;
+      (N = w.current) != null && N.contains(x.target) || y(!1);
     };
-    return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
-  }, [N]);
-  const X = () => {
-    t && o && !f && o(r);
+    return document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
+  }, [p]);
+  const D = () => {
+    t && o && !v && o(r);
   };
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: Z(
+      className: Q(
         // items-start + per-element mt offsets so the radio, brand icon, and
         // label all read as one horizontal line, with the Exp text directly
         // below the label in the same column. Matches main's flights-ui +
         // accounts-ui row layout (both use items-start).
         "flex items-start gap-3 transition-colors",
         t ? "rounded-lg border px-3 py-3" : "py-4",
-        t && !f && "cursor-pointer",
-        t && (s ? "border-grayWarm-950 shadow-[0_0_0_1px_#1c1917]" : "border-grayWarm-200 hover:border-grayWarm-300")
+        t && !v && "cursor-pointer",
+        t && (n ? "border-grayWarm-950 shadow-[0_0_0_1px_#1c1917]" : "border-grayWarm-200 hover:border-grayWarm-300")
       ),
-      onClick: X,
+      onClick: D,
       "data-testid": `payment-method-row-${r.id}`,
       children: [
         t ? /* @__PURE__ */ a.jsx(
@@ -1511,19 +1651,19 @@ const ct = (r) => {
           {
             type: "radio",
             name: "movmo-payment-method",
-            checked: s,
+            checked: n,
             onChange: () => o == null ? void 0 : o(r),
-            onClick: (T) => T.stopPropagation(),
-            "aria-label": `Select ${xr(r.brand)} ending ${r.last4}`,
+            onClick: ($) => $.stopPropagation(),
+            "aria-label": `Select ${Nr(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: f
+            disabled: v
           }
         ) : null,
-        /* @__PURE__ */ a.jsx(Ce, { brand: r.brand, className: "flex-shrink-0" }),
+        /* @__PURE__ */ a.jsx(_e, { 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: W === "masked" ? `•••• ${r.last4}` : `${xr(r.brand)} ${r.last4}` }),
-            p && r.isDefault ? /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ a.jsx("span", { className: "text-lg font-semibold text-grayWarm-950", children: g === "masked" ? `•••• ${r.last4}` : `${Nr(r.brand)} ${r.last4}` }),
+            m && r.isDefault ? /* @__PURE__ */ a.jsx(
               "span",
               {
                 className: "inline-flex items-center rounded-full bg-success-50 px-2 py-0.5 text-xs font-semibold text-success-700",
@@ -1531,7 +1671,7 @@ const ct = (r) => {
                 children: "Default"
               }
             ) : null,
-            M ? /* @__PURE__ */ a.jsx(
+            P ? /* @__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",
@@ -1540,43 +1680,33 @@ const ct = (r) => {
               }
             ) : null
           ] }),
-          /* @__PURE__ */ a.jsxs("div", { className: Z("text-base", M ? "text-grayWarm-400" : "text-grayWarm-600"), children: [
+          /* @__PURE__ */ a.jsxs("div", { className: Q("text-base", P ? "text-grayWarm-400" : "text-grayWarm-600"), children: [
             "Exp. ",
-            vt(r.expMonth, r.expYear)
+            jt(r.expMonth, r.expYear)
           ] })
         ] }),
-        /* @__PURE__ */ a.jsxs("div", { className: "relative flex-shrink-0", ref: D, 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": N,
+              "aria-expanded": p,
               className: "rounded-lg p-2 text-grayWarm-600 transition-colors hover:bg-grayWarm-100 disabled:cursor-not-allowed disabled:opacity-50",
-              disabled: f,
-              onClick: (T) => {
-                T.stopPropagation(), b((se) => !se);
+              disabled: v,
+              onClick: ($) => {
+                $.stopPropagation(), y((x) => !x);
               },
               "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" })
-                }
-              )
+              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" }) })
             }
           ),
-          N ? /* @__PURE__ */ a.jsxs(
+          p ? /* @__PURE__ */ a.jsxs(
             "div",
             {
               role: "menu",
-              className: Z(
+              className: Q(
                 "absolute z-10 whitespace-nowrap rounded-lg border border-grayWarm-200 bg-white py-1 shadow-lg",
                 // selectable mode (flights-ui): the row has a thick border that a
                 // top-aligned dropdown would crash through. Float the menu ABOVE
@@ -1586,7 +1716,7 @@ const ct = (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: (T) => T.stopPropagation(),
+              onClick: ($) => $.stopPropagation(),
               "data-testid": `menu-${r.id}`,
               children: [
                 t ? (
@@ -1601,19 +1731,32 @@ const ct = (r) => {
                     }
                   )
                 ) : null,
-                !r.isDefault && !y ? /* @__PURE__ */ a.jsx(
+                !r.isDefault && !_ ? /* @__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: () => {
-                      b(!1), l(r);
+                      y(!1), i(r);
                     },
                     "data-testid": `menu-set-default-${r.id}`,
                     children: "Set as default"
                   }
                 ) : null,
+                d && r.vault === "spreedly" ? /* @__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: () => {
+                      y(!1), d(r);
+                    },
+                    "data-testid": `menu-edit-${r.id}`,
+                    children: "Edit"
+                  }
+                ) : null,
                 /* @__PURE__ */ a.jsx(
                   "button",
                   {
@@ -1621,7 +1764,7 @@ const ct = (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: () => {
-                      b(!1), c(r);
+                      y(!1), c(r);
                     },
                     "data-testid": `menu-remove-${r.id}`,
                     children: "Delete"
@@ -1634,19 +1777,19 @@ const ct = (r) => {
       ]
     }
   );
-}, xt = (r) => `${De().iconCdnBaseUrl}/website/assets/icons/payments/${r}.svg`, er = ({ slug: r, alt: t }) => /* @__PURE__ */ a.jsx(
+}, _t = (r) => `${Ue().iconCdnBaseUrl}/website/assets/icons/payments/${r}.svg`, cr = ({ slug: r, alt: t }) => /* @__PURE__ */ a.jsx(
   "img",
   {
-    src: xt(r),
+    src: _t(r),
     alt: t,
     height: 20,
     loading: "lazy",
     style: { height: 20, width: "auto" }
   }
-), Be = ({
+), Xe = ({
   type: r,
   label: t,
-  iconNode: s
+  iconNode: n
 }) => (
   // 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
@@ -1671,25 +1814,25 @@ const ct = (r) => {
         ),
         /* @__PURE__ */ a.jsxs("span", { className: "flex flex-1 items-center gap-2 text-sm font-semibold text-grayWarm-900", children: [
           t,
-          s
+          n
         ] })
       ]
     }
   )
-), br = ({
+), Cr = ({
   selected: r,
   onSelect: t,
-  creditCardBody: s,
+  creditCardBody: n,
   className: o
 }) => {
-  const l = r === "credit_card";
-  return /* @__PURE__ */ a.jsxs("div", { className: Z("flex w-full flex-col gap-3", o), children: [
+  const i = r === "credit_card";
+  return /* @__PURE__ */ a.jsxs("div", { className: Q("flex w-full flex-col gap-3", o), children: [
     /* @__PURE__ */ a.jsxs(
       "label",
       {
-        className: Z(
+        className: Q(
           "flex cursor-pointer flex-col gap-3 rounded-lg border px-4 py-3 transition-colors",
-          l ? "border-grayWarm-900 shadow-[0_0_0_1px_#1c1917]" : "border-grayWarm-200"
+          i ? "border-grayWarm-900 shadow-[0_0_0_1px_#1c1917]" : "border-grayWarm-200"
         ),
         "data-testid": "payment-type-credit_card",
         children: [
@@ -1700,7 +1843,7 @@ const ct = (r) => {
                 type: "radio",
                 name: "movmo-payment-type",
                 value: "credit_card",
-                checked: l,
+                checked: i,
                 onChange: () => t("credit_card"),
                 className: "h-4 w-4 cursor-pointer accent-grayWarm-900",
                 "aria-label": "Credit card"
@@ -1708,17 +1851,17 @@ const ct = (r) => {
             ),
             /* @__PURE__ */ a.jsx("span", { className: "flex-1 text-sm font-semibold text-grayWarm-900", children: "Credit card" }),
             /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ a.jsx(Ce, { brand: "mastercard", width: 28 }),
-              /* @__PURE__ */ a.jsx(Ce, { brand: "visa", width: 28 }),
-              /* @__PURE__ */ a.jsx(Ce, { brand: "amex", width: 28 }),
-              /* @__PURE__ */ a.jsx(Ce, { brand: "discover", width: 28 })
+              /* @__PURE__ */ a.jsx(_e, { brand: "mastercard", width: 28 }),
+              /* @__PURE__ */ a.jsx(_e, { brand: "visa", width: 28 }),
+              /* @__PURE__ */ a.jsx(_e, { brand: "amex", width: 28 }),
+              /* @__PURE__ */ a.jsx(_e, { brand: "discover", width: 28 })
             ] })
           ] }),
-          l ? /* @__PURE__ */ a.jsx("div", { "data-testid": "payment-type-credit_card-body", children: s }) : null
+          i ? /* @__PURE__ */ a.jsx("div", { "data-testid": "payment-type-credit_card-body", children: n }) : null
         ]
       }
     ),
-    l ? /* @__PURE__ */ a.jsx(
+    i ? /* @__PURE__ */ a.jsx(
       "p",
       {
         className: "mt-2 text-sm font-semibold text-grayWarm-900",
@@ -1727,31 +1870,31 @@ const ct = (r) => {
       }
     ) : null,
     /* @__PURE__ */ a.jsx(
-      Be,
+      Xe,
       {
         type: "paypal",
         label: "PayPal",
-        iconNode: /* @__PURE__ */ a.jsx(er, { slug: "paypal", alt: "PayPal" })
+        iconNode: /* @__PURE__ */ a.jsx(cr, { slug: "paypal", alt: "PayPal" })
       }
     ),
     /* @__PURE__ */ a.jsx(
-      Be,
+      Xe,
       {
         type: "googlepay",
         label: "GooglePay",
-        iconNode: /* @__PURE__ */ a.jsx(er, { slug: "google-pay", alt: "GooglePay" })
+        iconNode: /* @__PURE__ */ a.jsx(cr, { slug: "google-pay", alt: "GooglePay" })
       }
     ),
     /* @__PURE__ */ a.jsx(
-      Be,
+      Xe,
       {
         type: "klarna",
         label: "Klarna",
-        iconNode: /* @__PURE__ */ a.jsx(er, { slug: "klarna", alt: "Klarna" })
+        iconNode: /* @__PURE__ */ a.jsx(cr, { slug: "klarna", alt: "Klarna" })
       }
     ),
     /* @__PURE__ */ a.jsx(
-      Be,
+      Xe,
       {
         type: "ach",
         label: "Bank account (ACH)",
@@ -1759,156 +1902,177 @@ const ct = (r) => {
       }
     )
   ] });
-}, gr = "movmo-add-payment-form", wr = (r) => {
-  const t = r.filter((o) => o.isDefault), s = r.filter((o) => !o.isDefault);
-  return [...t, ...s];
-}, jr = ({ 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: [
-          /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ a.jsx("div", { className: "h-5 w-[120px] animate-pulse rounded bg-grayWarm-200" }),
-            r ? /* @__PURE__ */ a.jsx("div", { className: "h-5 w-[56px] animate-pulse rounded-full bg-grayWarm-200" }) : null
-          ] }),
-          /* @__PURE__ */ a.jsx("div", { className: "h-4 w-[100px] animate-pulse rounded bg-grayWarm-200" })
-        ] })
+}, Rr = "movmo-add-payment-form", Nt = (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.";
+}, kr = (r) => {
+  const t = r.filter((o) => o.isDefault), n = r.filter((o) => !o.isDefault);
+  return [...t, ...n];
+}, Pr = ({ 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: [
+      /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ a.jsx("div", { className: "h-5 w-[120px] animate-pulse rounded bg-grayWarm-200" }),
+        r ? /* @__PURE__ */ a.jsx("div", { className: "h-5 w-[56px] animate-pulse rounded-full bg-grayWarm-200" }) : null
       ] }),
-      /* @__PURE__ */ a.jsx("div", { className: "h-5 w-5 flex-shrink-0 animate-pulse rounded-full bg-grayWarm-200" })
-    ]
-  }
-), bt = ({
+      /* @__PURE__ */ a.jsx("div", { className: "h-4 w-[100px] animate-pulse rounded bg-grayWarm-200" })
+    ] })
+  ] }),
+  /* @__PURE__ */ a.jsx("div", { className: "h-5 w-5 flex-shrink-0 animate-pulse rounded-full bg-grayWarm-200" })
+] }), Ct = ({
   userId: r,
   defaultCardholderName: t,
-  defaultCardholderFirstName: s,
+  defaultCardholderFirstName: n,
   defaultCardholderLastName: o,
-  selectedId: l,
+  selectedId: i,
   onSelect: c,
-  onChange: f,
-  paymentTypeSelector: p = !0,
-  autoSaveFirstCard: y = !0,
-  selectionSetsDefault: W = !1,
-  showDefaultBadge: N = !0,
-  collapsible: b = !1,
-  cardLabelFormat: D = "branded",
-  className: M
+  onChange: d,
+  paymentTypeSelector: v = !0,
+  autoSaveFirstCard: m = !0,
+  selectionSetsDefault: _ = !1,
+  showDefaultBadge: g = !0,
+  collapsible: p = !1,
+  cardLabelFormat: y = "branded",
+  className: w
 }) => {
-  const { items: X, status: T, error: se, refetch: E } = ut(r), { deletePaymentMethod: S, status: q } = ct(r), { setDefault: ue, status: re } = dt(r), [g, ne] = P([]), [ye, I] = P(null), [R, d] = P(!1), [C, w] = P(null), [$, J] = P(!1), [Y, Q] = P(!1), [z, _] = P(null), [F, fe] = P(!1), ve = B(!1), ge = H(() => {
-    d(!1), w(null), _(null);
-  }, []), we = t ?? ([s, o].filter(Boolean).join(" ") || void 0);
-  L(() => {
-    T === "ready" && ne(wr(X));
-  }, [X, T]), L(() => {
-    if (!c || ve.current || T !== "ready" || g.length === 0 || l) return;
-    ve.current = !0;
-    const u = g.find((ce) => ce.isDefault) ?? g[0];
+  const { items: P, status: D, error: $, refetch: x } = pt(r), { deletePaymentMethod: N, status: M } = ut(r), { setDefault: ee, status: oe } = mt(r), { updatePaymentMethod: ie, status: fe } = ft(r), [T, L] = C([]), [S, f] = C(null), [W, R] = C(!1), [U, G] = C(null), [H, Z] = C(!1), [re, O] = C(!1), [I, pe] = C(null), [we, he] = C(null), [xe, ge] = C(null), [te, Ne] = C(!1), le = q(!1), de = K(() => {
+    R(!1), G(null), ge(null);
+  }, []), ue = t ?? ([n, o].filter(Boolean).join(" ") || void 0);
+  Y(() => {
+    D === "ready" && L(kr(P));
+  }, [P, D]), Y(() => {
+    if (!c || le.current || D !== "ready" || T.length === 0 || i) return;
+    le.current = !0;
+    const u = T.find((ne) => ne.isDefault) ?? T[0];
     c(u);
-  }, [c, T, g, l]);
-  const me = H(
+  }, [c, D, T, i]);
+  const ae = K(
     (u) => {
-      ne((ce) => {
-        const te = typeof u == "function" ? u(ce) : u, K = wr(te);
-        return f == null || f(K), K;
+      L((ne) => {
+        const J = typeof u == "function" ? u(ne) : u, z = kr(J);
+        return queueMicrotask(() => d == null ? void 0 : d(z)), z;
       });
     },
-    [f]
-  ), je = q === "pending" || re === "pending", he = H(
+    [d]
+  ), je = M === "pending" || oe === "pending" || fe === "pending", Ce = K(
     async (u) => {
-      const ce = g;
-      I(null), me((te) => te.map((K) => ({ ...K, isDefault: K.id === u.id })));
+      const ne = T;
+      f(null), ae((J) => J.map((z) => ({ ...z, isDefault: z.id === u.id })));
       try {
-        await ue(u.id), E();
-      } catch (te) {
-        ne(ce), f == null || f(ce);
-        const K = te instanceof Error ? te.message : "Failed to set default payment method.";
-        I(K);
+        await ee(u.id), x();
+      } catch (J) {
+        L(ne), d == null || d(ne);
+        const z = J instanceof Error ? J.message : "Failed to set default payment method.";
+        f(z);
       }
     },
-    [g, me, ue, E, f]
-  ), G = H(
+    [T, ae, ee, x, d]
+  ), ye = K(
     (u) => {
-      c == null || c(u), W && (u.isDefault || he(u));
+      c == null || c(u), _ && (u.isDefault || Ce(u));
     },
-    [c, W, he]
-  ), oe = H(
+    [c, _, Ce]
+  ), ve = K(
     async (u) => {
-      const ce = g;
-      I(null);
-      const te = g.filter((be) => be.id !== u.id);
-      me(() => te);
-      const K = u.id === l && c ? te.find((be) => be.isDefault) ?? te[0] ?? null : null;
-      K && G(K);
-      const Le = !!K && W && K !== null && !K.isDefault;
+      const ne = T;
+      f(null);
+      const J = T.filter((Ee) => Ee.id !== u.id);
+      ae(() => J);
+      const z = u.id === i && c ? J.find((Ee) => Ee.isDefault) ?? J[0] ?? null : null;
+      z && ye(z);
+      const Pe = !!z && _ && z !== null && !z.isDefault;
       try {
-        await S(u.id), Le || E();
-      } catch (be) {
-        ne(ce), f == null || f(ce);
-        const Ve = be instanceof Error ? be.message : "Failed to delete payment method.";
-        I(Ve);
+        await N(u.id), Pe || x();
+      } catch (Ee) {
+        L(ne), d == null || d(ne);
+        const er = Ee instanceof Error ? Ee.message : "Failed to delete payment method.";
+        f(er);
       }
     },
     [
-      g,
-      me,
-      S,
-      E,
-      f,
-      l,
+      T,
+      ae,
+      N,
+      x,
+      d,
+      i,
       c,
-      G,
-      W
+      ye,
+      _
     ]
-  ), ie = H(
+  ), j = K((u) => {
+    he(null), pe(u);
+  }, []), A = K(() => {
+    pe(null), he(null);
+  }, []), X = K(
+    async (u) => {
+      if (!I) return;
+      const ne = I, J = T;
+      he(null), ae(
+        (z) => z.map(
+          (Pe) => Pe.id === ne.id ? {
+            ...Pe,
+            ...u.cardholderName !== void 0 ? { cardholderName: u.cardholderName } : {},
+            ...u.zip !== void 0 ? { zip: u.zip } : {}
+          } : Pe
+        )
+      );
+      try {
+        await ie(ne.id, u), A(), x();
+      } catch (z) {
+        L(J), d == null || d(J), he(Nt(z));
+      }
+    },
+    [I, T, ae, ie, x, d, A]
+  ), be = K(
     (u) => {
-      w(null), d(!1), _(null), me((te) => [u, ...te.filter((K) => K.id !== u.id)]), G(u), !!c && W && !u.isDefault || E();
+      G(null), R(!1), ge(null), ae((J) => [u, ...J.filter((z) => z.id !== u.id)]), ye(u), !!c && _ && !u.isDefault || x();
     },
-    [me, E, G, c, W]
-  ), xe = H((u) => {
-    w(u);
-  }, []), Ee = T === "ready" && g.length === 0, Ne = typeof c == "function", _e = !Ne && !b, le = g.length === 0, v = y && g.length === 0, O = H(
+    [ae, x, ye, c, _]
+  ), qe = K((u) => {
+    G(u);
+  }, []), Qe = D === "ready" && T.length === 0, Re = typeof c == "function", Ge = !Re && !p, He = T.length === 0, Ie = m && T.length === 0, ke = K(
     (u) => /* @__PURE__ */ a.jsx(
-      Rr,
+      Or,
       {
         userId: r,
-        isDefault: le,
-        defaultCardholderName: we,
-        autoSave: !u && v,
+        isDefault: He,
+        defaultCardholderName: ue,
+        autoSave: !u && Ie,
         hideInternalSaveButton: u,
-        formId: u ? gr : void 0,
-        onCanSubmitChange: u ? J : void 0,
-        onSavingChange: u ? Q : void 0,
+        formId: u ? Rr : void 0,
+        onCanSubmitChange: u ? Z : void 0,
+        onSavingChange: u ? O : void 0,
         autoFocus: u ? "number" : void 0,
-        onSuccess: ie,
-        onError: xe
+        onSuccess: be,
+        onError: qe
       }
     ),
-    [r, le, we, v, ie, xe]
-  ), V = Ue(() => O(!1), [O]), pe = Ue(() => O(!0), [O]), Ye = Ue(() => p ? /* @__PURE__ */ a.jsx(
-    br,
+    [r, He, ue, Ie, be, qe]
+  ), Se = Ke(() => ke(!1), [ke]), Le = Ke(() => ke(!0), [ke]), Je = Ke(() => v ? /* @__PURE__ */ a.jsx(
+    Cr,
     {
-      selected: z,
-      onSelect: (u) => _(u),
-      creditCardBody: V
+      selected: xe,
+      onSelect: (u) => ge(u),
+      creditCardBody: Se
     }
-  ) : V, [p, z, V]), ze = Ue(() => p ? /* @__PURE__ */ a.jsx(
-    br,
+  ) : Se, [v, xe, Se]), Ze = Ke(() => v ? /* @__PURE__ */ a.jsx(
+    Cr,
     {
-      selected: z,
-      onSelect: (u) => _(u),
-      creditCardBody: pe
+      selected: xe,
+      onSelect: (u) => ge(u),
+      creditCardBody: Le
     }
-  ) : pe, [p, z, pe]);
+  ) : Le, [v, xe, Le]);
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: Z("flex w-full flex-col gap-4", M),
+      className: Q("flex w-full flex-col gap-4", w),
       "data-testid": "payment-methods-manager",
       children: [
-        T === "loading" && g.length === 0 ? (
+        D === "loading" && T.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
@@ -1916,20 +2080,20 @@ const ct = (r) => {
           /* @__PURE__ */ a.jsxs(
             "div",
             {
-              className: Z(
+              className: Q(
                 // Match the real-list shell so layout doesn't reflow when data
                 // arrives. In selection mode the outer card is suppressed too.
-                _e ? "flex flex-col divide-y divide-grayWarm-200 rounded-xl border border-grayWarm-200 px-4 md:px-6" : "flex flex-col gap-2"
+                Ge ? "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(jr, { withDefaultBadge: !0 }),
-                /* @__PURE__ */ a.jsx(jr, {})
+                /* @__PURE__ */ a.jsx(Pr, { withDefaultBadge: !0 }),
+                /* @__PURE__ */ a.jsx(Pr, {})
               ]
             }
           )
         ) : null,
-        T === "error" ? /* @__PURE__ */ a.jsxs(
+        D === "error" ? /* @__PURE__ */ a.jsxs(
           "div",
           {
             role: "alert",
@@ -1937,12 +2101,12 @@ const ct = (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: se ?? "Failed to load payment methods." }),
+              /* @__PURE__ */ a.jsx("span", { children: $ ?? "Failed to load payment methods." }),
               /* @__PURE__ */ a.jsx(
                 "button",
                 {
                   type: "button",
-                  onClick: E,
+                  onClick: x,
                   className: "rounded-md border border-error-700 px-3 py-1 text-xs font-semibold text-error-700 hover:bg-error-50",
                   children: "Retry"
                 }
@@ -1950,27 +2114,27 @@ const ct = (r) => {
             ]
           }
         ) : null,
-        ye ? /* @__PURE__ */ a.jsx(
+        S ? /* @__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: ye
+            children: S
           }
         ) : null,
-        b && g.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: "border-t border-grayWarm-200 pt-4", children: /* @__PURE__ */ a.jsxs(
+        p && T.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": F ? "payment-methods-drawer-header" : "payment-methods-collapsed-preview",
+            "data-testid": te ? "payment-methods-drawer-header" : "payment-methods-collapsed-preview",
             children: [
-              F ? /* @__PURE__ */ a.jsx("h3", { className: "text-md font-semibold text-grayWarm-950", children: "Payment methods" }) : /* @__PURE__ */ a.jsx(
-                pt,
+              te ? /* @__PURE__ */ a.jsx("h3", { className: "text-md font-semibold text-grayWarm-950", children: "Payment methods" }) : /* @__PURE__ */ a.jsx(
+                bt,
                 {
-                  method: g.find((u) => u.id === l) ?? g.find((u) => u.isDefault) ?? g[0],
-                  cardLabelFormat: D,
+                  method: T.find((u) => u.id === i) ?? T.find((u) => u.isDefault) ?? T[0],
+                  cardLabelFormat: y,
                   className: "flex-1"
                 }
               ),
@@ -1978,15 +2142,15 @@ const ct = (r) => {
                 "button",
                 {
                   type: "button",
-                  "aria-label": F ? "Collapse payment methods" : "Expand payment methods",
-                  "aria-expanded": F,
+                  "aria-label": te ? "Collapse payment methods" : "Expand payment methods",
+                  "aria-expanded": te,
                   className: "bg-grayWarm-100 p-2 rounded-lg hover:bg-grayWarm-200 transition-colors",
-                  onClick: () => fe((u) => !u),
-                  "data-testid": F ? "payment-methods-drawer-close" : "payment-methods-drawer-open",
+                  onClick: () => Ne((u) => !u),
+                  "data-testid": te ? "payment-methods-drawer-close" : "payment-methods-drawer-open",
                   children: /* @__PURE__ */ a.jsx(
                     "img",
                     {
-                      src: `${De().iconCdnBaseUrl}/website/assets/icons/chevron-${F ? "up" : "down"}-double.svg`,
+                      src: `${Ue().iconCdnBaseUrl}/website/assets/icons/chevron-${te ? "up" : "down"}-double.svg`,
                       alt: "",
                       className: "w-5 h-5"
                     }
@@ -1996,39 +2160,40 @@ const ct = (r) => {
             ]
           }
         ) }) : null,
-        g.length > 0 && (!b || F) ? /* @__PURE__ */ a.jsx(
+        T.length > 0 && (!p || te) ? /* @__PURE__ */ a.jsx(
           "div",
           {
-            className: Z(
+            className: Q(
               "flex flex-col",
               // accounts-ui (non-selectable, non-collapsible): rounded outer card
               // 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.
-              _e ? "rounded-xl border border-grayWarm-200 px-4 md:px-6 divide-y divide-grayWarm-200" : "space-y-3"
+              Ge ? "rounded-xl border border-grayWarm-200 px-4 md:px-6 divide-y divide-grayWarm-200" : "space-y-3"
             ),
-            children: g.map((u) => /* @__PURE__ */ a.jsx(
-              ht,
+            children: T.map((u) => /* @__PURE__ */ a.jsx(
+              Et,
               {
                 method: u,
-                selectable: Ne,
-                selected: Ne && u.id === l,
-                onSelect: G,
-                onSetDefault: he,
-                onRemove: oe,
+                selectable: Re,
+                selected: Re && u.id === i,
+                onSelect: ye,
+                onSetDefault: Ce,
+                onRemove: ve,
+                onEdit: j,
                 disabled: je,
-                showDefaultBadge: N,
-                hideSetDefaultMenuItem: W,
-                cardLabelFormat: D
+                showDefaultBadge: g,
+                hideSetDefaultMenuItem: _,
+                cardLabelFormat: y
               },
               u.id
             ))
           }
         ) : null,
-        Ee ? (
+        Qe ? (
           // Empty state: render the add-card body inline (per Figma 1536-21454).
-          /* @__PURE__ */ a.jsx("div", { "data-testid": "payment-methods-empty", children: Ye })
-        ) : g.length > 0 && (!b || F) ? (
+          /* @__PURE__ */ a.jsx("div", { "data-testid": "payment-methods-empty", children: Je })
+        ) : T.length > 0 && (!p || te) ? (
           // 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.
@@ -2037,14 +2202,14 @@ const ct = (r) => {
             {
               type: "button",
               onClick: () => {
-                w(null), _(null), J(!1), d(!0);
+                G(null), ge(null), Z(!1), R(!0);
               },
               onMouseEnter: () => {
-                ar().catch(() => {
+                mr().catch(() => {
                 });
               },
               onFocus: () => {
-                ar().catch(() => {
+                mr().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",
@@ -2054,16 +2219,16 @@ const ct = (r) => {
           )
         ) : null,
         /* @__PURE__ */ a.jsxs(
-          mt,
+          ht,
           {
-            open: R,
-            onClose: ge,
-            formId: gr,
-            saveDisabled: !$,
-            isSaving: Y,
+            open: W,
+            onClose: de,
+            formId: Rr,
+            saveDisabled: !H,
+            isSaving: re,
             children: [
-              ze,
-              C ? (
+              Ze,
+              U ? (
                 // 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"
@@ -2077,27 +2242,113 @@ const ct = (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: C
+                    children: U
                   }
                 )
               ) : null
             ]
           }
+        ),
+        /* @__PURE__ */ a.jsx(
+          xt,
+          {
+            open: I !== null,
+            method: I,
+            onClose: A,
+            onSave: X,
+            isSaving: fe === "pending",
+            error: we
+          }
         )
       ]
     }
   );
 };
-bt.displayName = "PaymentMethodsManager";
+Ct.displayName = "PaymentMethodsManager";
+const Rt = "/v1/auth/", kt = "movmo_csrf_token", Pt = (r) => {
+  if (typeof document > "u") return null;
+  const t = document.cookie ? document.cookie.split(";") : [];
+  for (const n of t) {
+    const o = n.trim();
+    if (o.startsWith(r + "="))
+      return decodeURIComponent(o.substring(r.length + 1));
+  }
+  return null;
+}, Tt = (r) => typeof r == "string" ? r : r instanceof URL ? r.href : r.url, St = () => {
+  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");
+}, Ot = (r) => {
+  const {
+    refreshSession: t,
+    onRefreshFailed: n,
+    csrfCookieName: o = kt,
+    extraHeaders: i,
+    authPathFragment: c = Rt,
+    baseFetch: d = St(),
+    readCookie: v = Pt
+  } = r;
+  let m = null;
+  const _ = () => {
+    if (m) return m;
+    const p = (async () => {
+      await t();
+    })();
+    return m = p, p.finally(() => {
+      m === p && (m = null);
+    }).catch(() => {
+    }), p;
+  }, g = (p, y) => {
+    const w = new Headers(y == null ? void 0 : y.headers), P = v(o);
+    if (P && !w.has("X-CSRF-Token") && w.set("X-CSRF-Token", P), i) {
+      const D = i(p, y);
+      for (const [$, x] of Object.entries(D))
+        w.has($) || w.set($, x);
+    }
+    return {
+      ...y,
+      headers: w,
+      credentials: (y == null ? void 0 : y.credentials) ?? "include"
+    };
+  };
+  return async function(y, w) {
+    const P = await d(y, g(y, w));
+    if (Tt(y).includes(c) || P.status !== 401 && P.status !== 403)
+      return P;
+    try {
+      await _();
+    } catch (x) {
+      try {
+        n(x);
+      } catch (N) {
+        console.error(
+          "@movmo_app/payments: onRefreshFailed callback threw — auth retry path is misconfigured",
+          N
+        );
+      }
+      return P;
+    }
+    try {
+      return await d(y, g(y, w));
+    } catch (x) {
+      return console.error(
+        "@movmo_app/payments: retry after token refresh failed — returning original response",
+        x
+      ), P;
+    }
+  };
+};
 export {
-  Rr as MovmoCardForm,
-  pt as PaymentMethodPreview,
-  bt as PaymentMethodsManager,
-  De as getPaymentsConfig,
-  wt as setPaymentsConfig,
-  ct as useDeletePaymentMethod,
-  st as useMovmoCardFields,
-  dt as useSetDefaultPaymentMethod,
-  ut as useUserPaymentMethods
+  Or as MovmoCardForm,
+  bt as PaymentMethodPreview,
+  Ct as PaymentMethodsManager,
+  Ot as createMovmoAuthFetch,
+  Ue as getPaymentsConfig,
+  Wt as setPaymentsConfig,
+  ut as useDeletePaymentMethod,
+  it as useMovmoCardFields,
+  mt as useSetDefaultPaymentMethod,
+  ft as useUpdatePaymentMethod,
+  pt as useUserPaymentMethods
 };
 //# sourceMappingURL=index.es.js.map