@movmo_app/payments 0.1.0

package/dist/index.es.js

@@ -0,0 +1,979 @@
+import Je, { useState as M, useRef as ye, useEffect as he, useCallback as ge, useMemo as Cr } from "react";
+var be = { exports: {} }, q = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var We;
+function Tr() {
+  if (We) return q;
+  We = 1;
+  var n = Je, o = Symbol.for("react.element"), c = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, v = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, w = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function A(O, b, S) {
+    var E, y = {}, D = null, C = null;
+    S !== void 0 && (D = "" + S), b.key !== void 0 && (D = "" + b.key), b.ref !== void 0 && (C = b.ref);
+    for (E in b) i.call(b, E) && !w.hasOwnProperty(E) && (y[E] = b[E]);
+    if (O && O.defaultProps) for (E in b = O.defaultProps, b) y[E] === void 0 && (y[E] = b[E]);
+    return { $$typeof: o, type: O, key: D, ref: C, props: y, _owner: v.current };
+  }
+  return q.Fragment = c, q.jsx = A, q.jsxs = A, q;
+}
+var B = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ve;
+function jr() {
+  return Ve || (Ve = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = Je, o = Symbol.for("react.element"), c = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), A = Symbol.for("react.provider"), O = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), h = Symbol.iterator, R = "@@iterator";
+    function j(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var r = h && e[h] || e[R];
+      return typeof r == "function" ? r : null;
+    }
+    var x = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function p(e) {
+      {
+        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), a = 1; a < r; a++)
+          t[a - 1] = arguments[a];
+        K("error", e, t);
+      }
+    }
+    function K(e, r, t) {
+      {
+        var a = x.ReactDebugCurrentFrame, u = a.getStackAddendum();
+        u !== "" && (r += "%s", t = t.concat([u]));
+        var f = t.map(function(l) {
+          return String(l);
+        });
+        f.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, f);
+      }
+    }
+    var G = !1, oe = !1, U = !1, ie = !1, se = !1, H;
+    H = Symbol.for("react.module.reference");
+    function Y(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === w || se || e === v || e === S || e === E || ie || e === C || G || oe || U || typeof e == "object" && e !== null && (e.$$typeof === D || e.$$typeof === y || e.$$typeof === A || e.$$typeof === O || e.$$typeof === b || // 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 === H || e.getModuleId !== void 0));
+    }
+    function X(e, r, t) {
+      var a = e.displayName;
+      if (a)
+        return a;
+      var u = r.displayName || r.name || "";
+      return u !== "" ? t + "(" + u + ")" : t;
+    }
+    function Z(e) {
+      return e.displayName || "Context";
+    }
+    function N(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && p("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 i:
+          return "Fragment";
+        case c:
+          return "Portal";
+        case w:
+          return "Profiler";
+        case v:
+          return "StrictMode";
+        case S:
+          return "Suspense";
+        case E:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case O:
+            var r = e;
+            return Z(r) + ".Consumer";
+          case A:
+            var t = e;
+            return Z(t._context) + ".Provider";
+          case b:
+            return X(e, e.render, "ForwardRef");
+          case y:
+            var a = e.displayName || null;
+            return a !== null ? a : N(e.type) || "Memo";
+          case D: {
+            var u = e, f = u._payload, l = u._init;
+            try {
+              return N(l(f));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var d = Object.assign, k = 0, L, Ee, _e, Re, xe, we, Se;
+    function Ce() {
+    }
+    Ce.__reactDisabledLog = !0;
+    function Qe() {
+      {
+        if (k === 0) {
+          L = console.log, Ee = console.info, _e = console.warn, Re = console.error, xe = console.group, we = console.groupCollapsed, Se = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: Ce,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        k++;
+      }
+    }
+    function er() {
+      {
+        if (k--, k === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: d({}, e, {
+              value: L
+            }),
+            info: d({}, e, {
+              value: Ee
+            }),
+            warn: d({}, e, {
+              value: _e
+            }),
+            error: d({}, e, {
+              value: Re
+            }),
+            group: d({}, e, {
+              value: xe
+            }),
+            groupCollapsed: d({}, e, {
+              value: we
+            }),
+            groupEnd: d({}, e, {
+              value: Se
+            })
+          });
+        }
+        k < 0 && p("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var le = x.ReactCurrentDispatcher, ce;
+    function Q(e, r, t) {
+      {
+        if (ce === void 0)
+          try {
+            throw Error();
+          } catch (u) {
+            var a = u.stack.trim().match(/\n( *(at )?)/);
+            ce = a && a[1] || "";
+          }
+        return `
+` + ce + e;
+      }
+    }
+    var ue = !1, ee;
+    {
+      var rr = typeof WeakMap == "function" ? WeakMap : Map;
+      ee = new rr();
+    }
+    function Te(e, r) {
+      if (!e || ue)
+        return "";
+      {
+        var t = ee.get(e);
+        if (t !== void 0)
+          return t;
+      }
+      var a;
+      ue = !0;
+      var u = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var f;
+      f = le.current, le.current = null, Qe();
+      try {
+        if (r) {
+          var l = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(l.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(l, []);
+            } catch (P) {
+              a = P;
+            }
+            Reflect.construct(e, [], l);
+          } else {
+            try {
+              l.call();
+            } catch (P) {
+              a = P;
+            }
+            e.call(l.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (P) {
+            a = P;
+          }
+          e();
+        }
+      } catch (P) {
+        if (P && a && typeof P.stack == "string") {
+          for (var s = P.stack.split(`
+`), T = a.stack.split(`
+`), g = s.length - 1, _ = T.length - 1; g >= 1 && _ >= 0 && s[g] !== T[_]; )
+            _--;
+          for (; g >= 1 && _ >= 0; g--, _--)
+            if (s[g] !== T[_]) {
+              if (g !== 1 || _ !== 1)
+                do
+                  if (g--, _--, _ < 0 || s[g] !== T[_]) {
+                    var F = `
+` + s[g].replace(" at new ", " at ");
+                    return e.displayName && F.includes("<anonymous>") && (F = F.replace("<anonymous>", e.displayName)), typeof e == "function" && ee.set(e, F), F;
+                  }
+                while (g >= 1 && _ >= 0);
+              break;
+            }
+        }
+      } finally {
+        ue = !1, le.current = f, er(), Error.prepareStackTrace = u;
+      }
+      var W = e ? e.displayName || e.name : "", I = W ? Q(W) : "";
+      return typeof e == "function" && ee.set(e, I), I;
+    }
+    function tr(e, r, t) {
+      return Te(e, !1);
+    }
+    function nr(e) {
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
+    }
+    function re(e, r, t) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return Te(e, nr(e));
+      if (typeof e == "string")
+        return Q(e);
+      switch (e) {
+        case S:
+          return Q("Suspense");
+        case E:
+          return Q("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case b:
+            return tr(e.render);
+          case y:
+            return re(e.type, r, t);
+          case D: {
+            var a = e, u = a._payload, f = a._init;
+            try {
+              return re(f(u), r, t);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var z = Object.prototype.hasOwnProperty, je = {}, Pe = x.ReactDebugCurrentFrame;
+    function te(e) {
+      if (e) {
+        var r = e._owner, t = re(e.type, e._source, r ? r.type : null);
+        Pe.setExtraStackFrame(t);
+      } else
+        Pe.setExtraStackFrame(null);
+    }
+    function ar(e, r, t, a, u) {
+      {
+        var f = Function.call.bind(z);
+        for (var l in e)
+          if (f(e, l)) {
+            var s = void 0;
+            try {
+              if (typeof e[l] != "function") {
+                var T = Error((a || "React class") + ": " + t + " type `" + l + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[l] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw T.name = "Invariant Violation", T;
+              }
+              s = e[l](r, l, a, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (g) {
+              s = g;
+            }
+            s && !(s instanceof Error) && (te(u), p("%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).", a || "React class", t, l, typeof s), te(null)), s instanceof Error && !(s.message in je) && (je[s.message] = !0, te(u), p("Failed %s type: %s", t, s.message), te(null));
+          }
+      }
+    }
+    var or = Array.isArray;
+    function de(e) {
+      return or(e);
+    }
+    function ir(e) {
+      {
+        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t;
+      }
+    }
+    function sr(e) {
+      try {
+        return Oe(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Oe(e) {
+      return "" + e;
+    }
+    function ke(e) {
+      if (sr(e))
+        return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ir(e)), Oe(e);
+    }
+    var Fe = x.ReactCurrentOwner, lr = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Ae, De;
+    function cr(e) {
+      if (z.call(e, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function ur(e) {
+      if (z.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function dr(e, r) {
+      typeof e.ref == "string" && Fe.current;
+    }
+    function fr(e, r) {
+      {
+        var t = function() {
+          Ae || (Ae = !0, p("%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)", r));
+        };
+        t.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: t,
+          configurable: !0
+        });
+      }
+    }
+    function mr(e, r) {
+      {
+        var t = function() {
+          De || (De = !0, p("%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)", r));
+        };
+        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: t,
+          configurable: !0
+        });
+      }
+    }
+    var vr = function(e, r, t, a, u, f, l) {
+      var s = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: o,
+        // Built-in properties that belong on the element
+        type: e,
+        key: r,
+        ref: t,
+        props: l,
+        // Record the component responsible for creating this element.
+        _owner: f
+      };
+      return s._store = {}, Object.defineProperty(s._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(s, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: a
+      }), Object.defineProperty(s, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: u
+      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
+    };
+    function pr(e, r, t, a, u) {
+      {
+        var f, l = {}, s = null, T = null;
+        t !== void 0 && (ke(t), s = "" + t), ur(r) && (ke(r.key), s = "" + r.key), cr(r) && (T = r.ref, dr(r, u));
+        for (f in r)
+          z.call(r, f) && !lr.hasOwnProperty(f) && (l[f] = r[f]);
+        if (e && e.defaultProps) {
+          var g = e.defaultProps;
+          for (f in g)
+            l[f] === void 0 && (l[f] = g[f]);
+        }
+        if (s || T) {
+          var _ = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          s && fr(l, _), T && mr(l, _);
+        }
+        return vr(e, s, T, u, a, Fe.current, l);
+      }
+    }
+    var fe = x.ReactCurrentOwner, Ne = x.ReactDebugCurrentFrame;
+    function $(e) {
+      if (e) {
+        var r = e._owner, t = re(e.type, e._source, r ? r.type : null);
+        Ne.setExtraStackFrame(t);
+      } else
+        Ne.setExtraStackFrame(null);
+    }
+    var me;
+    me = !1;
+    function ve(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === o;
+    }
+    function Le() {
+      {
+        if (fe.current) {
+          var e = N(fe.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function yr(e) {
+      return "";
+    }
+    var Ue = {};
+    function hr(e) {
+      {
+        var r = Le();
+        if (!r) {
+          var t = typeof e == "string" ? e : e.displayName || e.name;
+          t && (r = `
+
+Check the top-level render call using <` + t + ">.");
+        }
+        return r;
+      }
+    }
+    function Ye(e, r) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var t = hr(r);
+        if (Ue[t])
+          return;
+        Ue[t] = !0;
+        var a = "";
+        e && e._owner && e._owner !== fe.current && (a = " It was passed a child from " + N(e._owner.type) + "."), $(e), p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, a), $(null);
+      }
+    }
+    function Me(e, r) {
+      {
+        if (typeof e != "object")
+          return;
+        if (de(e))
+          for (var t = 0; t < e.length; t++) {
+            var a = e[t];
+            ve(a) && Ye(a, r);
+          }
+        else if (ve(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var u = j(e);
+          if (typeof u == "function" && u !== e.entries)
+            for (var f = u.call(e), l; !(l = f.next()).done; )
+              ve(l.value) && Ye(l.value, r);
+        }
+      }
+    }
+    function gr(e) {
+      {
+        var r = e.type;
+        if (r == null || typeof r == "string")
+          return;
+        var t;
+        if (typeof r == "function")
+          t = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === b || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        r.$$typeof === y))
+          t = r.propTypes;
+        else
+          return;
+        if (t) {
+          var a = N(r);
+          ar(t, e.props, "prop", a, e);
+        } else if (r.PropTypes !== void 0 && !me) {
+          me = !0;
+          var u = N(r);
+          p("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", u || "Unknown");
+        }
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && p("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function br(e) {
+      {
+        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
+          var a = r[t];
+          if (a !== "children" && a !== "key") {
+            $(e), p("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", a), $(null);
+            break;
+          }
+        }
+        e.ref !== null && ($(e), p("Invalid attribute `ref` supplied to `React.Fragment`."), $(null));
+      }
+    }
+    var Ie = {};
+    function $e(e, r, t, a, u, f) {
+      {
+        var l = Y(e);
+        if (!l) {
+          var s = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (s += " 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 T = yr();
+          T ? s += T : s += Le();
+          var g;
+          e === null ? g = "null" : de(e) ? g = "array" : e !== void 0 && e.$$typeof === o ? (g = "<" + (N(e.type) || "Unknown") + " />", s = " Did you accidentally export a JSX literal instead of a component?") : g = typeof e, p("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", g, s);
+        }
+        var _ = pr(e, r, t, u, f);
+        if (_ == null)
+          return _;
+        if (l) {
+          var F = r.children;
+          if (F !== void 0)
+            if (a)
+              if (de(F)) {
+                for (var W = 0; W < F.length; W++)
+                  Me(F[W], e);
+                Object.freeze && Object.freeze(F);
+              } else
+                p("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
+              Me(F, e);
+        }
+        if (z.call(r, "key")) {
+          var I = N(e), P = Object.keys(r).filter(function(Sr) {
+            return Sr !== "key";
+          }), pe = P.length > 0 ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Ie[I + pe]) {
+            var wr = P.length > 0 ? "{" + P.join(": ..., ") + ": ...}" : "{}";
+            p(`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} />`, pe, I, wr, I), Ie[I + pe] = !0;
+          }
+        }
+        return e === i ? br(_) : gr(_), _;
+      }
+    }
+    function Er(e, r, t) {
+      return $e(e, r, t, !0);
+    }
+    function _r(e, r, t) {
+      return $e(e, r, t, !1);
+    }
+    var Rr = _r, xr = Er;
+    B.Fragment = i, B.jsx = Rr, B.jsxs = xr;
+  }()), B;
+}
+process.env.NODE_ENV === "production" ? be.exports = Tr() : be.exports = jr();
+var m = be.exports;
+function Ke(n) {
+  var o, c, i = "";
+  if (typeof n == "string" || typeof n == "number") i += n;
+  else if (typeof n == "object") if (Array.isArray(n)) {
+    var v = n.length;
+    for (o = 0; o < v; o++) n[o] && (c = Ke(n[o])) && (i && (i += " "), i += c);
+  } else for (c in n) n[c] && (i && (i += " "), i += c);
+  return i;
+}
+function ze() {
+  for (var n, o, c = 0, i = "", v = arguments.length; c < v; c++) (n = arguments[c]) && (o = Ke(n)) && (i && (i += " "), i += o);
+  return i;
+}
+const Pr = "https://core.spreedly.com/iframe/iframe-v1.min.js";
+let ae = {};
+const $r = (n) => {
+  ae = { ...ae, ...n };
+}, qe = (n) => {
+  var c;
+  const o = globalThis.process;
+  return (c = o == null ? void 0 : o.env) == null ? void 0 : c[n];
+}, Ge = () => ({
+  baseUrl: ae.baseUrl ?? qe("REACT_APP_MOVMO_API_URL") ?? "",
+  spreedlyScriptUrl: ae.spreedlyScriptUrl ?? qe("REACT_APP_SPREEDLY_SCRIPT_URL") ?? Pr
+}), He = {
+  Accept: "application/json",
+  "Content-Type": "application/json"
+}, Xe = (n) => {
+  const { baseUrl: o } = Ge();
+  if (!o)
+    throw new Error(
+      "@movmo_app/payments: baseUrl is not configured. Call setPaymentsConfig({ baseUrl }) at app boot, or set REACT_APP_MOVMO_API_URL."
+    );
+  return `${o}${n}`;
+}, Ze = async (n, o) => {
+  try {
+    return (await n.json()).message || o;
+  } catch {
+    return o;
+  }
+}, Or = async () => {
+  const n = await fetch(Xe("/v1/payments/tokenization-session"), {
+    method: "GET",
+    headers: He,
+    credentials: "include"
+  });
+  if (!n.ok)
+    throw new Error(await Ze(n, `Failed to fetch tokenization session (${n.status})`));
+  return await n.json();
+}, kr = async (n, o, c) => {
+  const i = await fetch(Xe(`/v1/users/${encodeURIComponent(n)}/payment-methods/from-token`), {
+    method: "POST",
+    headers: He,
+    credentials: "include",
+    body: JSON.stringify({ tokenizedPaymentMethodId: o, isDefault: c })
+  });
+  if (!i.ok)
+    throw new Error(await Ze(i, `Failed to save payment method (${i.status})`));
+  const v = await i.json();
+  return {
+    id: v.id,
+    last4: v.last4,
+    brand: v.brand,
+    expMonth: v.expMonth,
+    expYear: v.expYear,
+    isDefault: v.isDefault
+  };
+};
+let J = null;
+const Fr = () => {
+  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 (J)
+    return J;
+  const { spreedlyScriptUrl: n } = Ge();
+  return J = new Promise((o, c) => {
+    const i = document.querySelector(
+      `script[src="${n}"]`
+    ), v = () => {
+      window.Spreedly ? o(window.Spreedly) : c(new Error("Spreedly script loaded but window.Spreedly is undefined."));
+    };
+    if (i) {
+      if (window.Spreedly) {
+        v();
+        return;
+      }
+      i.addEventListener("load", v, { once: !0 }), i.addEventListener(
+        "error",
+        () => {
+          i.remove(), c(new Error("Failed to load Spreedly iframe script."));
+        },
+        { once: !0 }
+      );
+      return;
+    }
+    const w = document.createElement("script");
+    w.src = n, w.async = !0, w.onload = v, w.onerror = () => {
+      w.remove(), c(new Error("Failed to load Spreedly iframe script."));
+    }, document.head.appendChild(w);
+  }).catch((o) => {
+    throw J = null, o;
+  }), J;
+}, Ar = "movmo-card-number", Dr = "movmo-card-cvv", Nr = (n) => ({
+  first_name: n.firstName,
+  last_name: n.lastName,
+  month: n.month,
+  year: n.year,
+  ...n.email ? { email: n.email } : {},
+  ...n.zip ? { zip: n.zip } : {}
+}), Lr = (n = {}) => {
+  const {
+    numberEl: o = Ar,
+    cvvEl: c = Dr,
+    onCardTokenized: i,
+    onFieldErrors: v
+  } = n, [w, A] = M("idle"), [O, b] = M(null), S = ye(null), E = ye(i), y = ye(v);
+  he(() => {
+    E.current = i;
+  }, [i]), he(() => {
+    y.current = v;
+  }, [v]), he(() => {
+    let C = !1;
+    return A("loading"), b(null), (async () => {
+      try {
+        const [h, R] = await Promise.all([
+          Or(),
+          Fr()
+        ]);
+        if (C) return;
+        S.current = R, R.on("ready", () => {
+          C || A("ready");
+        }), R.on("paymentMethod", (j) => {
+          var x;
+          (x = E.current) == null || x.call(E, j);
+        }), R.on("errors", (j) => {
+          var x;
+          (x = y.current) == null || x.call(y, j);
+        }), R.on("consoleError", (j) => {
+          var p;
+          const x = j instanceof Error ? j.message : "An unexpected error occurred while securing your card.";
+          (p = y.current) == null || p.call(y, [{ message: x }]);
+        }), R.init(h.environmentKey, {
+          numberEl: o,
+          cvvEl: c,
+          nonce: h.nonce,
+          timestamp: String(h.timestamp),
+          certificateToken: h.certificateToken,
+          signature: h.signature
+        });
+      } catch (h) {
+        if (C) return;
+        const R = h instanceof Error ? h.message : "Failed to initialize card form.";
+        b(R), A("error");
+      }
+    })(), () => {
+      var h, R;
+      C = !0;
+      try {
+        (R = (h = S.current) == null ? void 0 : h.removeHandlers) == null || R.call(h);
+      } catch {
+      }
+      S.current = null;
+    };
+  }, [o, c]);
+  const D = ge((C) => {
+    var h;
+    (h = S.current) == null || h.tokenizeCreditCard(Nr(C));
+  }, []);
+  return { status: w, error: O, tokenize: D };
+}, ne = "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 focus:border-brand-500 focus:outline-none focus:ring-1 focus:ring-brand-500", Be = "h-11 w-full rounded-md border border-grayWarm-300 bg-white px-3 py-2 focus-within:border-brand-500 focus-within:ring-1 focus-within:ring-brand-500", V = "mb-1 block text-xs font-medium text-grayWarm-700", Ur = Array.from({ length: 12 }, (n, o) => String(o + 1).padStart(2, "0")), Yr = (() => {
+  const n = (/* @__PURE__ */ new Date()).getFullYear();
+  return Array.from({ length: 15 }, (o, c) => String(n + c));
+})(), Mr = ({
+  userId: n,
+  onSuccess: o,
+  onError: c,
+  isDefault: i = !1,
+  className: v,
+  defaultCardholderFirstName: w = "",
+  defaultCardholderLastName: A = ""
+}) => {
+  const [O, b] = M(w), [S, E] = M(A), [y, D] = M(""), [C, h] = M(""), [R, j] = M("idle"), [x, p] = M(null), K = ge(
+    async (d) => {
+      j("saving");
+      try {
+        const k = await kr(n, d, i);
+        j("ready"), o(k);
+      } catch (k) {
+        const L = k instanceof Error ? k.message : "Failed to save payment method.";
+        p(L), j("ready"), c(L);
+      }
+    },
+    [n, i, o, c]
+  ), G = ge(
+    (d) => {
+      const k = d.map((L) => L.message).filter(Boolean).join("; ") || "Card validation failed.";
+      p(k), j((L) => L === "tokenizing" ? "ready" : L), c(k);
+    },
+    [c]
+  ), oe = Cr(
+    () => ({
+      onCardTokenized: K,
+      onFieldErrors: G
+    }),
+    [K, G]
+  ), { status: U, error: ie, tokenize: se } = Lr(oe), H = !O.trim() || !S.trim() || !y || !C, Y = R === "tokenizing" || R === "saving", X = U === "ready" && !Y && !H, Z = (d) => {
+    d.preventDefault(), X && (p(null), j("tokenizing"), se({
+      firstName: O.trim(),
+      lastName: S.trim(),
+      month: y,
+      year: C
+    }));
+  }, N = x ?? ie;
+  return /* @__PURE__ */ m.jsxs(
+    "form",
+    {
+      onSubmit: Z,
+      className: ze("flex w-full flex-col gap-4", v),
+      "data-testid": "movmo-card-form",
+      children: [
+        /* @__PURE__ */ m.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
+          /* @__PURE__ */ m.jsxs("div", { children: [
+            /* @__PURE__ */ m.jsx("label", { htmlFor: "movmo-card-first-name", className: V, children: "First name" }),
+            /* @__PURE__ */ m.jsx(
+              "input",
+              {
+                id: "movmo-card-first-name",
+                type: "text",
+                autoComplete: "cc-given-name",
+                value: O,
+                onChange: (d) => b(d.target.value),
+                className: ne,
+                disabled: U !== "ready" || Y,
+                required: !0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ m.jsxs("div", { children: [
+            /* @__PURE__ */ m.jsx("label", { htmlFor: "movmo-card-last-name", className: V, children: "Last name" }),
+            /* @__PURE__ */ m.jsx(
+              "input",
+              {
+                id: "movmo-card-last-name",
+                type: "text",
+                autoComplete: "cc-family-name",
+                value: S,
+                onChange: (d) => E(d.target.value),
+                className: ne,
+                disabled: U !== "ready" || Y,
+                required: !0
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ m.jsxs("div", { children: [
+          /* @__PURE__ */ m.jsx("span", { id: "movmo-card-number-label", className: V, children: "Card number" }),
+          /* @__PURE__ */ m.jsx(
+            "div",
+            {
+              id: "movmo-card-number",
+              "aria-labelledby": "movmo-card-number-label",
+              className: Be,
+              "data-testid": "movmo-card-number-mount"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ m.jsxs("div", { className: "grid grid-cols-3 gap-3", children: [
+          /* @__PURE__ */ m.jsxs("div", { children: [
+            /* @__PURE__ */ m.jsx("label", { htmlFor: "movmo-card-exp-month", className: V, children: "Month" }),
+            /* @__PURE__ */ m.jsxs(
+              "select",
+              {
+                id: "movmo-card-exp-month",
+                value: y,
+                onChange: (d) => D(d.target.value),
+                className: ne,
+                disabled: U !== "ready" || Y,
+                required: !0,
+                children: [
+                  /* @__PURE__ */ m.jsx("option", { value: "", children: "MM" }),
+                  Ur.map((d) => /* @__PURE__ */ m.jsx("option", { value: d, children: d }, d))
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ m.jsxs("div", { children: [
+            /* @__PURE__ */ m.jsx("label", { htmlFor: "movmo-card-exp-year", className: V, children: "Year" }),
+            /* @__PURE__ */ m.jsxs(
+              "select",
+              {
+                id: "movmo-card-exp-year",
+                value: C,
+                onChange: (d) => h(d.target.value),
+                className: ne,
+                disabled: U !== "ready" || Y,
+                required: !0,
+                children: [
+                  /* @__PURE__ */ m.jsx("option", { value: "", children: "YYYY" }),
+                  Yr.map((d) => /* @__PURE__ */ m.jsx("option", { value: d, children: d }, d))
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ m.jsxs("div", { children: [
+            /* @__PURE__ */ m.jsx("span", { id: "movmo-card-cvv-label", className: V, children: "CVV" }),
+            /* @__PURE__ */ m.jsx(
+              "div",
+              {
+                id: "movmo-card-cvv",
+                "aria-labelledby": "movmo-card-cvv-label",
+                className: Be,
+                "data-testid": "movmo-card-cvv-mount"
+              }
+            )
+          ] })
+        ] }),
+        N ? /* @__PURE__ */ m.jsx(
+          "p",
+          {
+            role: "alert",
+            className: "rounded-md bg-error-50 px-3 py-2 text-sm text-error-700",
+            "data-testid": "movmo-card-error",
+            children: N
+          }
+        ) : null,
+        /* @__PURE__ */ m.jsx(
+          "button",
+          {
+            type: "submit",
+            disabled: !X,
+            className: ze(
+              "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: Y ? "Saving…" : U === "loading" ? "Loading…" : "Save card"
+          }
+        )
+      ]
+    }
+  );
+};
+Mr.displayName = "MovmoCardForm";
+export {
+  Mr as MovmoCardForm,
+  Ge as getPaymentsConfig,
+  $r as setPaymentsConfig,
+  Lr as useMovmoCardFields
+};
+//# sourceMappingURL=index.es.js.map