@superlogic/spree-pay 0.0.2 → 0.0.3

package/build/index.cjs

@@ -5,9 +5,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -30,954 +27,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/react-is/cjs/react-is.production.min.js
-var require_react_is_production_min = __commonJS({
-  "../../node_modules/react-is/cjs/react-is.production.min.js"(exports2) {
-    "use strict";
-    var b = "function" === typeof Symbol && Symbol.for;
-    var c = b ? Symbol.for("react.element") : 60103;
-    var d = b ? Symbol.for("react.portal") : 60106;
-    var e = b ? Symbol.for("react.fragment") : 60107;
-    var f = b ? Symbol.for("react.strict_mode") : 60108;
-    var g = b ? Symbol.for("react.profiler") : 60114;
-    var h = b ? Symbol.for("react.provider") : 60109;
-    var k = b ? Symbol.for("react.context") : 60110;
-    var l = b ? Symbol.for("react.async_mode") : 60111;
-    var m = b ? Symbol.for("react.concurrent_mode") : 60111;
-    var n = b ? Symbol.for("react.forward_ref") : 60112;
-    var p = b ? Symbol.for("react.suspense") : 60113;
-    var q = b ? Symbol.for("react.suspense_list") : 60120;
-    var r2 = b ? Symbol.for("react.memo") : 60115;
-    var t = b ? Symbol.for("react.lazy") : 60116;
-    var v = b ? Symbol.for("react.block") : 60121;
-    var w = b ? Symbol.for("react.fundamental") : 60117;
-    var x = b ? Symbol.for("react.responder") : 60118;
-    var y = b ? Symbol.for("react.scope") : 60119;
-    function z(a) {
-      if ("object" === typeof a && null !== a) {
-        var u = a.$$typeof;
-        switch (u) {
-          case c:
-            switch (a = a.type, a) {
-              case l:
-              case m:
-              case e:
-              case g:
-              case f:
-              case p:
-                return a;
-              default:
-                switch (a = a && a.$$typeof, a) {
-                  case k:
-                  case n:
-                  case t:
-                  case r2:
-                  case h:
-                    return a;
-                  default:
-                    return u;
-                }
-            }
-          case d:
-            return u;
-        }
-      }
-    }
-    function A(a) {
-      return z(a) === m;
-    }
-    exports2.AsyncMode = l;
-    exports2.ConcurrentMode = m;
-    exports2.ContextConsumer = k;
-    exports2.ContextProvider = h;
-    exports2.Element = c;
-    exports2.ForwardRef = n;
-    exports2.Fragment = e;
-    exports2.Lazy = t;
-    exports2.Memo = r2;
-    exports2.Portal = d;
-    exports2.Profiler = g;
-    exports2.StrictMode = f;
-    exports2.Suspense = p;
-    exports2.isAsyncMode = function(a) {
-      return A(a) || z(a) === l;
-    };
-    exports2.isConcurrentMode = A;
-    exports2.isContextConsumer = function(a) {
-      return z(a) === k;
-    };
-    exports2.isContextProvider = function(a) {
-      return z(a) === h;
-    };
-    exports2.isElement = function(a) {
-      return "object" === typeof a && null !== a && a.$$typeof === c;
-    };
-    exports2.isForwardRef = function(a) {
-      return z(a) === n;
-    };
-    exports2.isFragment = function(a) {
-      return z(a) === e;
-    };
-    exports2.isLazy = function(a) {
-      return z(a) === t;
-    };
-    exports2.isMemo = function(a) {
-      return z(a) === r2;
-    };
-    exports2.isPortal = function(a) {
-      return z(a) === d;
-    };
-    exports2.isProfiler = function(a) {
-      return z(a) === g;
-    };
-    exports2.isStrictMode = function(a) {
-      return z(a) === f;
-    };
-    exports2.isSuspense = function(a) {
-      return z(a) === p;
-    };
-    exports2.isValidElementType = function(a) {
-      return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r2 || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
-    };
-    exports2.typeOf = z;
-  }
-});
-
-// ../../node_modules/react-is/cjs/react-is.development.js
-var require_react_is_development = __commonJS({
-  "../../node_modules/react-is/cjs/react-is.development.js"(exports2) {
-    "use strict";
-    if (process.env.NODE_ENV !== "production") {
-      (function() {
-        "use strict";
-        var hasSymbol = typeof Symbol === "function" && Symbol.for;
-        var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103;
-        var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106;
-        var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107;
-        var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108;
-        var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114;
-        var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109;
-        var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110;
-        var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111;
-        var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 60111;
-        var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112;
-        var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113;
-        var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 60120;
-        var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115;
-        var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
-        var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121;
-        var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 60117;
-        var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 60118;
-        var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 60119;
-        function isValidElementType(type) {
-          return typeof type === "string" || typeof type === "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-          type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
-        }
-        function typeOf(object) {
-          if (typeof object === "object" && object !== null) {
-            var $$typeof = object.$$typeof;
-            switch ($$typeof) {
-              case REACT_ELEMENT_TYPE:
-                var type = object.type;
-                switch (type) {
-                  case REACT_ASYNC_MODE_TYPE:
-                  case REACT_CONCURRENT_MODE_TYPE:
-                  case REACT_FRAGMENT_TYPE:
-                  case REACT_PROFILER_TYPE:
-                  case REACT_STRICT_MODE_TYPE:
-                  case REACT_SUSPENSE_TYPE:
-                    return type;
-                  default:
-                    var $$typeofType = type && type.$$typeof;
-                    switch ($$typeofType) {
-                      case REACT_CONTEXT_TYPE:
-                      case REACT_FORWARD_REF_TYPE:
-                      case REACT_LAZY_TYPE:
-                      case REACT_MEMO_TYPE:
-                      case REACT_PROVIDER_TYPE:
-                        return $$typeofType;
-                      default:
-                        return $$typeof;
-                    }
-                }
-              case REACT_PORTAL_TYPE:
-                return $$typeof;
-            }
-          }
-          return void 0;
-        }
-        var AsyncMode = REACT_ASYNC_MODE_TYPE;
-        var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
-        var ContextConsumer = REACT_CONTEXT_TYPE;
-        var ContextProvider = REACT_PROVIDER_TYPE;
-        var Element = REACT_ELEMENT_TYPE;
-        var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment6 = REACT_FRAGMENT_TYPE;
-        var Lazy = REACT_LAZY_TYPE;
-        var Memo = REACT_MEMO_TYPE;
-        var Portal = REACT_PORTAL_TYPE;
-        var Profiler = REACT_PROFILER_TYPE;
-        var StrictMode = REACT_STRICT_MODE_TYPE;
-        var Suspense = REACT_SUSPENSE_TYPE;
-        var hasWarnedAboutDeprecatedIsAsyncMode = false;
-        function isAsyncMode(object) {
-          {
-            if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-              hasWarnedAboutDeprecatedIsAsyncMode = true;
-              console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.");
-            }
-          }
-          return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
-        }
-        function isConcurrentMode(object) {
-          return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
-        }
-        function isContextConsumer(object) {
-          return typeOf(object) === REACT_CONTEXT_TYPE;
-        }
-        function isContextProvider(object) {
-          return typeOf(object) === REACT_PROVIDER_TYPE;
-        }
-        function isElement(object) {
-          return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-        }
-        function isForwardRef(object) {
-          return typeOf(object) === REACT_FORWARD_REF_TYPE;
-        }
-        function isFragment(object) {
-          return typeOf(object) === REACT_FRAGMENT_TYPE;
-        }
-        function isLazy(object) {
-          return typeOf(object) === REACT_LAZY_TYPE;
-        }
-        function isMemo(object) {
-          return typeOf(object) === REACT_MEMO_TYPE;
-        }
-        function isPortal(object) {
-          return typeOf(object) === REACT_PORTAL_TYPE;
-        }
-        function isProfiler(object) {
-          return typeOf(object) === REACT_PROFILER_TYPE;
-        }
-        function isStrictMode(object) {
-          return typeOf(object) === REACT_STRICT_MODE_TYPE;
-        }
-        function isSuspense(object) {
-          return typeOf(object) === REACT_SUSPENSE_TYPE;
-        }
-        exports2.AsyncMode = AsyncMode;
-        exports2.ConcurrentMode = ConcurrentMode;
-        exports2.ContextConsumer = ContextConsumer;
-        exports2.ContextProvider = ContextProvider;
-        exports2.Element = Element;
-        exports2.ForwardRef = ForwardRef;
-        exports2.Fragment = Fragment6;
-        exports2.Lazy = Lazy;
-        exports2.Memo = Memo;
-        exports2.Portal = Portal;
-        exports2.Profiler = Profiler;
-        exports2.StrictMode = StrictMode;
-        exports2.Suspense = Suspense;
-        exports2.isAsyncMode = isAsyncMode;
-        exports2.isConcurrentMode = isConcurrentMode;
-        exports2.isContextConsumer = isContextConsumer;
-        exports2.isContextProvider = isContextProvider;
-        exports2.isElement = isElement;
-        exports2.isForwardRef = isForwardRef;
-        exports2.isFragment = isFragment;
-        exports2.isLazy = isLazy;
-        exports2.isMemo = isMemo;
-        exports2.isPortal = isPortal;
-        exports2.isProfiler = isProfiler;
-        exports2.isStrictMode = isStrictMode;
-        exports2.isSuspense = isSuspense;
-        exports2.isValidElementType = isValidElementType;
-        exports2.typeOf = typeOf;
-      })();
-    }
-  }
-});
-
-// ../../node_modules/react-is/index.js
-var require_react_is = __commonJS({
-  "../../node_modules/react-is/index.js"(exports2, module2) {
-    "use strict";
-    if (process.env.NODE_ENV === "production") {
-      module2.exports = require_react_is_production_min();
-    } else {
-      module2.exports = require_react_is_development();
-    }
-  }
-});
-
-// ../../node_modules/object-assign/index.js
-var require_object_assign = __commonJS({
-  "../../node_modules/object-assign/index.js"(exports2, module2) {
-    "use strict";
-    var getOwnPropertySymbols = Object.getOwnPropertySymbols;
-    var hasOwnProperty = Object.prototype.hasOwnProperty;
-    var propIsEnumerable = Object.prototype.propertyIsEnumerable;
-    function toObject(val) {
-      if (val === null || val === void 0) {
-        throw new TypeError("Object.assign cannot be called with null or undefined");
-      }
-      return Object(val);
-    }
-    function shouldUseNative() {
-      try {
-        if (!Object.assign) {
-          return false;
-        }
-        var test1 = new String("abc");
-        test1[5] = "de";
-        if (Object.getOwnPropertyNames(test1)[0] === "5") {
-          return false;
-        }
-        var test2 = {};
-        for (var i = 0; i < 10; i++) {
-          test2["_" + String.fromCharCode(i)] = i;
-        }
-        var order2 = Object.getOwnPropertyNames(test2).map(function(n) {
-          return test2[n];
-        });
-        if (order2.join("") !== "0123456789") {
-          return false;
-        }
-        var test3 = {};
-        "abcdefghijklmnopqrst".split("").forEach(function(letter) {
-          test3[letter] = letter;
-        });
-        if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
-          return false;
-        }
-        return true;
-      } catch (err) {
-        return false;
-      }
-    }
-    module2.exports = shouldUseNative() ? Object.assign : function(target, source) {
-      var from;
-      var to = toObject(target);
-      var symbols;
-      for (var s = 1; s < arguments.length; s++) {
-        from = Object(arguments[s]);
-        for (var key in from) {
-          if (hasOwnProperty.call(from, key)) {
-            to[key] = from[key];
-          }
-        }
-        if (getOwnPropertySymbols) {
-          symbols = getOwnPropertySymbols(from);
-          for (var i = 0; i < symbols.length; i++) {
-            if (propIsEnumerable.call(from, symbols[i])) {
-              to[symbols[i]] = from[symbols[i]];
-            }
-          }
-        }
-      }
-      return to;
-    };
-  }
-});
-
-// ../../node_modules/prop-types/lib/ReactPropTypesSecret.js
-var require_ReactPropTypesSecret = __commonJS({
-  "../../node_modules/prop-types/lib/ReactPropTypesSecret.js"(exports2, module2) {
-    "use strict";
-    var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-    module2.exports = ReactPropTypesSecret;
-  }
-});
-
-// ../../node_modules/prop-types/lib/has.js
-var require_has = __commonJS({
-  "../../node_modules/prop-types/lib/has.js"(exports2, module2) {
-    "use strict";
-    module2.exports = Function.call.bind(Object.prototype.hasOwnProperty);
-  }
-});
-
-// ../../node_modules/prop-types/checkPropTypes.js
-var require_checkPropTypes = __commonJS({
-  "../../node_modules/prop-types/checkPropTypes.js"(exports2, module2) {
-    "use strict";
-    var printWarning = function() {
-    };
-    if (process.env.NODE_ENV !== "production") {
-      ReactPropTypesSecret = require_ReactPropTypesSecret();
-      loggedTypeFailures = {};
-      has = require_has();
-      printWarning = function(text) {
-        var message = "Warning: " + text;
-        if (typeof console !== "undefined") {
-          console.error(message);
-        }
-        try {
-          throw new Error(message);
-        } catch (x) {
-        }
-      };
-    }
-    var ReactPropTypesSecret;
-    var loggedTypeFailures;
-    var has;
-    function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
-      if (process.env.NODE_ENV !== "production") {
-        for (var typeSpecName in typeSpecs) {
-          if (has(typeSpecs, typeSpecName)) {
-            var error;
-            try {
-              if (typeof typeSpecs[typeSpecName] !== "function") {
-                var err = Error(
-                  (componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
-                );
-                err.name = "Invariant Violation";
-                throw err;
-              }
-              error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
-            } catch (ex) {
-              error = ex;
-            }
-            if (error && !(error instanceof Error)) {
-              printWarning(
-                (componentName || "React class") + ": type specification of " + location + " `" + typeSpecName + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof error + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-              );
-            }
-            if (error instanceof Error && !(error.message in loggedTypeFailures)) {
-              loggedTypeFailures[error.message] = true;
-              var stack = getStack ? getStack() : "";
-              printWarning(
-                "Failed " + location + " type: " + error.message + (stack != null ? stack : "")
-              );
-            }
-          }
-        }
-      }
-    }
-    checkPropTypes.resetWarningCache = function() {
-      if (process.env.NODE_ENV !== "production") {
-        loggedTypeFailures = {};
-      }
-    };
-    module2.exports = checkPropTypes;
-  }
-});
-
-// ../../node_modules/prop-types/factoryWithTypeCheckers.js
-var require_factoryWithTypeCheckers = __commonJS({
-  "../../node_modules/prop-types/factoryWithTypeCheckers.js"(exports2, module2) {
-    "use strict";
-    var ReactIs = require_react_is();
-    var assign = require_object_assign();
-    var ReactPropTypesSecret = require_ReactPropTypesSecret();
-    var has = require_has();
-    var checkPropTypes = require_checkPropTypes();
-    var printWarning = function() {
-    };
-    if (process.env.NODE_ENV !== "production") {
-      printWarning = function(text) {
-        var message = "Warning: " + text;
-        if (typeof console !== "undefined") {
-          console.error(message);
-        }
-        try {
-          throw new Error(message);
-        } catch (x) {
-        }
-      };
-    }
-    function emptyFunctionThatReturnsNull() {
-      return null;
-    }
-    module2.exports = function(isValidElement2, throwOnDirectAccess) {
-      var ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
-      var FAUX_ITERATOR_SYMBOL = "@@iterator";
-      function getIteratorFn(maybeIterable) {
-        var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
-        if (typeof iteratorFn === "function") {
-          return iteratorFn;
-        }
-      }
-      var ANONYMOUS = "<<anonymous>>";
-      var ReactPropTypes = {
-        array: createPrimitiveTypeChecker("array"),
-        bigint: createPrimitiveTypeChecker("bigint"),
-        bool: createPrimitiveTypeChecker("boolean"),
-        func: createPrimitiveTypeChecker("function"),
-        number: createPrimitiveTypeChecker("number"),
-        object: createPrimitiveTypeChecker("object"),
-        string: createPrimitiveTypeChecker("string"),
-        symbol: createPrimitiveTypeChecker("symbol"),
-        any: createAnyTypeChecker(),
-        arrayOf: createArrayOfTypeChecker,
-        element: createElementTypeChecker(),
-        elementType: createElementTypeTypeChecker(),
-        instanceOf: createInstanceTypeChecker,
-        node: createNodeChecker(),
-        objectOf: createObjectOfTypeChecker,
-        oneOf: createEnumTypeChecker,
-        oneOfType: createUnionTypeChecker,
-        shape: createShapeTypeChecker,
-        exact: createStrictShapeTypeChecker
-      };
-      function is(x, y) {
-        if (x === y) {
-          return x !== 0 || 1 / x === 1 / y;
-        } else {
-          return x !== x && y !== y;
-        }
-      }
-      function PropTypeError(message, data) {
-        this.message = message;
-        this.data = data && typeof data === "object" ? data : {};
-        this.stack = "";
-      }
-      PropTypeError.prototype = Error.prototype;
-      function createChainableTypeChecker(validate) {
-        if (process.env.NODE_ENV !== "production") {
-          var manualPropTypeCallCache = {};
-          var manualPropTypeWarningCount = 0;
-        }
-        function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
-          componentName = componentName || ANONYMOUS;
-          propFullName = propFullName || propName;
-          if (secret !== ReactPropTypesSecret) {
-            if (throwOnDirectAccess) {
-              var err = new Error(
-                "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
-              );
-              err.name = "Invariant Violation";
-              throw err;
-            } else if (process.env.NODE_ENV !== "production" && typeof console !== "undefined") {
-              var cacheKey = componentName + ":" + propName;
-              if (!manualPropTypeCallCache[cacheKey] && // Avoid spamming the console because they are often not actionable except for lib authors
-              manualPropTypeWarningCount < 3) {
-                printWarning(
-                  "You are manually calling a React.PropTypes validation function for the `" + propFullName + "` prop on `" + componentName + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-                );
-                manualPropTypeCallCache[cacheKey] = true;
-                manualPropTypeWarningCount++;
-              }
-            }
-          }
-          if (props[propName] == null) {
-            if (isRequired) {
-              if (props[propName] === null) {
-                return new PropTypeError("The " + location + " `" + propFullName + "` is marked as required " + ("in `" + componentName + "`, but its value is `null`."));
-              }
-              return new PropTypeError("The " + location + " `" + propFullName + "` is marked as required in " + ("`" + componentName + "`, but its value is `undefined`."));
-            }
-            return null;
-          } else {
-            return validate(props, propName, componentName, location, propFullName);
-          }
-        }
-        var chainedCheckType = checkType.bind(null, false);
-        chainedCheckType.isRequired = checkType.bind(null, true);
-        return chainedCheckType;
-      }
-      function createPrimitiveTypeChecker(expectedType) {
-        function validate(props, propName, componentName, location, propFullName, secret) {
-          var propValue = props[propName];
-          var propType = getPropType(propValue);
-          if (propType !== expectedType) {
-            var preciseType = getPreciseType(propValue);
-            return new PropTypeError(
-              "Invalid " + location + " `" + propFullName + "` of type " + ("`" + preciseType + "` supplied to `" + componentName + "`, expected ") + ("`" + expectedType + "`."),
-              { expectedType }
-            );
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createAnyTypeChecker() {
-        return createChainableTypeChecker(emptyFunctionThatReturnsNull);
-      }
-      function createArrayOfTypeChecker(typeChecker) {
-        function validate(props, propName, componentName, location, propFullName) {
-          if (typeof typeChecker !== "function") {
-            return new PropTypeError("Property `" + propFullName + "` of component `" + componentName + "` has invalid PropType notation inside arrayOf.");
-          }
-          var propValue = props[propName];
-          if (!Array.isArray(propValue)) {
-            var propType = getPropType(propValue);
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an array."));
-          }
-          for (var i = 0; i < propValue.length; i++) {
-            var error = typeChecker(propValue, i, componentName, location, propFullName + "[" + i + "]", ReactPropTypesSecret);
-            if (error instanceof Error) {
-              return error;
-            }
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createElementTypeChecker() {
-        function validate(props, propName, componentName, location, propFullName) {
-          var propValue = props[propName];
-          if (!isValidElement2(propValue)) {
-            var propType = getPropType(propValue);
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement."));
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createElementTypeTypeChecker() {
-        function validate(props, propName, componentName, location, propFullName) {
-          var propValue = props[propName];
-          if (!ReactIs.isValidElementType(propValue)) {
-            var propType = getPropType(propValue);
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement type."));
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createInstanceTypeChecker(expectedClass) {
-        function validate(props, propName, componentName, location, propFullName) {
-          if (!(props[propName] instanceof expectedClass)) {
-            var expectedClassName = expectedClass.name || ANONYMOUS;
-            var actualClassName = getClassName(props[propName]);
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + actualClassName + "` supplied to `" + componentName + "`, expected ") + ("instance of `" + expectedClassName + "`."));
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createEnumTypeChecker(expectedValues) {
-        if (!Array.isArray(expectedValues)) {
-          if (process.env.NODE_ENV !== "production") {
-            if (arguments.length > 1) {
-              printWarning(
-                "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-              );
-            } else {
-              printWarning("Invalid argument supplied to oneOf, expected an array.");
-            }
-          }
-          return emptyFunctionThatReturnsNull;
-        }
-        function validate(props, propName, componentName, location, propFullName) {
-          var propValue = props[propName];
-          for (var i = 0; i < expectedValues.length; i++) {
-            if (is(propValue, expectedValues[i])) {
-              return null;
-            }
-          }
-          var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
-            var type = getPreciseType(value);
-            if (type === "symbol") {
-              return String(value);
-            }
-            return value;
-          });
-          return new PropTypeError("Invalid " + location + " `" + propFullName + "` of value `" + String(propValue) + "` " + ("supplied to `" + componentName + "`, expected one of " + valuesString + "."));
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createObjectOfTypeChecker(typeChecker) {
-        function validate(props, propName, componentName, location, propFullName) {
-          if (typeof typeChecker !== "function") {
-            return new PropTypeError("Property `" + propFullName + "` of component `" + componentName + "` has invalid PropType notation inside objectOf.");
-          }
-          var propValue = props[propName];
-          var propType = getPropType(propValue);
-          if (propType !== "object") {
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an object."));
-          }
-          for (var key in propValue) {
-            if (has(propValue, key)) {
-              var error = typeChecker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
-              if (error instanceof Error) {
-                return error;
-              }
-            }
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createUnionTypeChecker(arrayOfTypeCheckers) {
-        if (!Array.isArray(arrayOfTypeCheckers)) {
-          process.env.NODE_ENV !== "production" ? printWarning("Invalid argument supplied to oneOfType, expected an instance of array.") : void 0;
-          return emptyFunctionThatReturnsNull;
-        }
-        for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
-          var checker = arrayOfTypeCheckers[i];
-          if (typeof checker !== "function") {
-            printWarning(
-              "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + getPostfixForTypeWarning(checker) + " at index " + i + "."
-            );
-            return emptyFunctionThatReturnsNull;
-          }
-        }
-        function validate(props, propName, componentName, location, propFullName) {
-          var expectedTypes = [];
-          for (var i2 = 0; i2 < arrayOfTypeCheckers.length; i2++) {
-            var checker2 = arrayOfTypeCheckers[i2];
-            var checkerResult = checker2(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
-            if (checkerResult == null) {
-              return null;
-            }
-            if (checkerResult.data && has(checkerResult.data, "expectedType")) {
-              expectedTypes.push(checkerResult.data.expectedType);
-            }
-          }
-          var expectedTypesMessage = expectedTypes.length > 0 ? ", expected one of type [" + expectedTypes.join(", ") + "]" : "";
-          return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to " + ("`" + componentName + "`" + expectedTypesMessage + "."));
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createNodeChecker() {
-        function validate(props, propName, componentName, location, propFullName) {
-          if (!isNode(props[propName])) {
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to " + ("`" + componentName + "`, expected a ReactNode."));
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function invalidValidatorError(componentName, location, propFullName, key, type) {
-        return new PropTypeError(
-          (componentName || "React class") + ": " + location + " type `" + propFullName + "." + key + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + type + "`."
-        );
-      }
-      function createShapeTypeChecker(shapeTypes) {
-        function validate(props, propName, componentName, location, propFullName) {
-          var propValue = props[propName];
-          var propType = getPropType(propValue);
-          if (propType !== "object") {
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`."));
-          }
-          for (var key in shapeTypes) {
-            var checker = shapeTypes[key];
-            if (typeof checker !== "function") {
-              return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
-            }
-            var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
-            if (error) {
-              return error;
-            }
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createStrictShapeTypeChecker(shapeTypes) {
-        function validate(props, propName, componentName, location, propFullName) {
-          var propValue = props[propName];
-          var propType = getPropType(propValue);
-          if (propType !== "object") {
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`."));
-          }
-          var allKeys = assign({}, props[propName], shapeTypes);
-          for (var key in allKeys) {
-            var checker = shapeTypes[key];
-            if (has(shapeTypes, key) && typeof checker !== "function") {
-              return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
-            }
-            if (!checker) {
-              return new PropTypeError(
-                "Invalid " + location + " `" + propFullName + "` key `" + key + "` supplied to `" + componentName + "`.\nBad object: " + JSON.stringify(props[propName], null, "  ") + "\nValid keys: " + JSON.stringify(Object.keys(shapeTypes), null, "  ")
-              );
-            }
-            var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
-            if (error) {
-              return error;
-            }
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function isNode(propValue) {
-        switch (typeof propValue) {
-          case "number":
-          case "string":
-          case "undefined":
-            return true;
-          case "boolean":
-            return !propValue;
-          case "object":
-            if (Array.isArray(propValue)) {
-              return propValue.every(isNode);
-            }
-            if (propValue === null || isValidElement2(propValue)) {
-              return true;
-            }
-            var iteratorFn = getIteratorFn(propValue);
-            if (iteratorFn) {
-              var iterator = iteratorFn.call(propValue);
-              var step;
-              if (iteratorFn !== propValue.entries) {
-                while (!(step = iterator.next()).done) {
-                  if (!isNode(step.value)) {
-                    return false;
-                  }
-                }
-              } else {
-                while (!(step = iterator.next()).done) {
-                  var entry = step.value;
-                  if (entry) {
-                    if (!isNode(entry[1])) {
-                      return false;
-                    }
-                  }
-                }
-              }
-            } else {
-              return false;
-            }
-            return true;
-          default:
-            return false;
-        }
-      }
-      function isSymbol(propType, propValue) {
-        if (propType === "symbol") {
-          return true;
-        }
-        if (!propValue) {
-          return false;
-        }
-        if (propValue["@@toStringTag"] === "Symbol") {
-          return true;
-        }
-        if (typeof Symbol === "function" && propValue instanceof Symbol) {
-          return true;
-        }
-        return false;
-      }
-      function getPropType(propValue) {
-        var propType = typeof propValue;
-        if (Array.isArray(propValue)) {
-          return "array";
-        }
-        if (propValue instanceof RegExp) {
-          return "object";
-        }
-        if (isSymbol(propType, propValue)) {
-          return "symbol";
-        }
-        return propType;
-      }
-      function getPreciseType(propValue) {
-        if (typeof propValue === "undefined" || propValue === null) {
-          return "" + propValue;
-        }
-        var propType = getPropType(propValue);
-        if (propType === "object") {
-          if (propValue instanceof Date) {
-            return "date";
-          } else if (propValue instanceof RegExp) {
-            return "regexp";
-          }
-        }
-        return propType;
-      }
-      function getPostfixForTypeWarning(value) {
-        var type = getPreciseType(value);
-        switch (type) {
-          case "array":
-          case "object":
-            return "an " + type;
-          case "boolean":
-          case "date":
-          case "regexp":
-            return "a " + type;
-          default:
-            return type;
-        }
-      }
-      function getClassName(propValue) {
-        if (!propValue.constructor || !propValue.constructor.name) {
-          return ANONYMOUS;
-        }
-        return propValue.constructor.name;
-      }
-      ReactPropTypes.checkPropTypes = checkPropTypes;
-      ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
-      ReactPropTypes.PropTypes = ReactPropTypes;
-      return ReactPropTypes;
-    };
-  }
-});
-
-// ../../node_modules/prop-types/factoryWithThrowingShims.js
-var require_factoryWithThrowingShims = __commonJS({
-  "../../node_modules/prop-types/factoryWithThrowingShims.js"(exports2, module2) {
-    "use strict";
-    var ReactPropTypesSecret = require_ReactPropTypesSecret();
-    function emptyFunction() {
-    }
-    function emptyFunctionWithReset() {
-    }
-    emptyFunctionWithReset.resetWarningCache = emptyFunction;
-    module2.exports = function() {
-      function shim(props, propName, componentName, location, propFullName, secret) {
-        if (secret === ReactPropTypesSecret) {
-          return;
-        }
-        var err = new Error(
-          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
-        );
-        err.name = "Invariant Violation";
-        throw err;
-      }
-      ;
-      shim.isRequired = shim;
-      function getShim() {
-        return shim;
-      }
-      ;
-      var ReactPropTypes = {
-        array: shim,
-        bigint: shim,
-        bool: shim,
-        func: shim,
-        number: shim,
-        object: shim,
-        string: shim,
-        symbol: shim,
-        any: shim,
-        arrayOf: getShim,
-        element: shim,
-        elementType: shim,
-        instanceOf: getShim,
-        node: shim,
-        objectOf: getShim,
-        oneOf: getShim,
-        oneOfType: getShim,
-        shape: getShim,
-        exact: getShim,
-        checkPropTypes: emptyFunctionWithReset,
-        resetWarningCache: emptyFunction
-      };
-      ReactPropTypes.PropTypes = ReactPropTypes;
-      return ReactPropTypes;
-    };
-  }
-});
-
-// ../../node_modules/prop-types/index.js
-var require_prop_types = __commonJS({
-  "../../node_modules/prop-types/index.js"(exports2, module2) {
-    "use strict";
-    if (process.env.NODE_ENV !== "production") {
-      ReactIs = require_react_is();
-      throwOnDirectAccess = true;
-      module2.exports = require_factoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
-    } else {
-      module2.exports = require_factoryWithThrowingShims()();
-    }
-    var ReactIs;
-    var throwOnDirectAccess;
-  }
-});
-
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
@@ -988,7 +37,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/SpreePay.tsx
-var import_react8 = require("react");
+var import_react7 = require("react");
 var import_swr2 = require("swr");
 
 // ../../node_modules/clsx/dist/clsx.mjs
@@ -4010,827 +3059,24 @@ var SpreeLegal = () => {
 };
 
 // src/components/Tabs.tsx
-var import_react7 = require("react");
-
-// ../../node_modules/@stripe/react-stripe-js/dist/react-stripe.esm.mjs
-var import_react = __toESM(require("react"), 1);
-var import_prop_types = __toESM(require_prop_types(), 1);
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) {
-      symbols = symbols.filter(function(sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-    keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function(key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function(key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-  }
-  return target;
-}
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function(obj2) {
-      return typeof obj2;
-    };
-  } else {
-    _typeof = function(obj2) {
-      return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-    };
-  }
-  return _typeof(obj);
-}
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]);
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-  var _s, _e;
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-  return _arr;
-}
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-var useAttachEvent = function useAttachEvent2(element, event, cb) {
-  var cbDefined = !!cb;
-  var cbRef = import_react.default.useRef(cb);
-  import_react.default.useEffect(function() {
-    cbRef.current = cb;
-  }, [cb]);
-  import_react.default.useEffect(function() {
-    if (!cbDefined || !element) {
-      return function() {
-      };
-    }
-    var decoratedCb = function decoratedCb2() {
-      if (cbRef.current) {
-        cbRef.current.apply(cbRef, arguments);
-      }
-    };
-    element.on(event, decoratedCb);
-    return function() {
-      element.off(event, decoratedCb);
-    };
-  }, [cbDefined, event, element, cbRef]);
-};
-var usePrevious = function usePrevious2(value) {
-  var ref = import_react.default.useRef(value);
-  import_react.default.useEffect(function() {
-    ref.current = value;
-  }, [value]);
-  return ref.current;
-};
-var isUnknownObject = function isUnknownObject2(raw) {
-  return raw !== null && _typeof(raw) === "object";
-};
-var isPromise = function isPromise2(raw) {
-  return isUnknownObject(raw) && typeof raw.then === "function";
-};
-var isStripe = function isStripe2(raw) {
-  return isUnknownObject(raw) && typeof raw.elements === "function" && typeof raw.createToken === "function" && typeof raw.createPaymentMethod === "function" && typeof raw.confirmCardPayment === "function";
-};
-var PLAIN_OBJECT_STR = "[object Object]";
-var isEqual = function isEqual2(left, right) {
-  if (!isUnknownObject(left) || !isUnknownObject(right)) {
-    return left === right;
-  }
-  var leftArray = Array.isArray(left);
-  var rightArray = Array.isArray(right);
-  if (leftArray !== rightArray) return false;
-  var leftPlainObject = Object.prototype.toString.call(left) === PLAIN_OBJECT_STR;
-  var rightPlainObject = Object.prototype.toString.call(right) === PLAIN_OBJECT_STR;
-  if (leftPlainObject !== rightPlainObject) return false;
-  if (!leftPlainObject && !leftArray) return left === right;
-  var leftKeys = Object.keys(left);
-  var rightKeys = Object.keys(right);
-  if (leftKeys.length !== rightKeys.length) return false;
-  var keySet = {};
-  for (var i = 0; i < leftKeys.length; i += 1) {
-    keySet[leftKeys[i]] = true;
-  }
-  for (var _i = 0; _i < rightKeys.length; _i += 1) {
-    keySet[rightKeys[_i]] = true;
-  }
-  var allKeys = Object.keys(keySet);
-  if (allKeys.length !== leftKeys.length) {
-    return false;
-  }
-  var l = left;
-  var r2 = right;
-  var pred = function pred2(key) {
-    return isEqual2(l[key], r2[key]);
-  };
-  return allKeys.every(pred);
-};
-var extractAllowedOptionsUpdates = function extractAllowedOptionsUpdates2(options, prevOptions, immutableKeys) {
-  if (!isUnknownObject(options)) {
-    return null;
-  }
-  return Object.keys(options).reduce(function(newOptions, key) {
-    var isUpdated = !isUnknownObject(prevOptions) || !isEqual(options[key], prevOptions[key]);
-    if (immutableKeys.includes(key)) {
-      if (isUpdated) {
-        console.warn("Unsupported prop change: options.".concat(key, " is not a mutable property."));
-      }
-      return newOptions;
-    }
-    if (!isUpdated) {
-      return newOptions;
-    }
-    return _objectSpread2(_objectSpread2({}, newOptions || {}), {}, _defineProperty({}, key, options[key]));
-  }, null);
-};
-var INVALID_STRIPE_ERROR$2 = "Invalid prop `stripe` supplied to `Elements`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.";
-var validateStripe = function validateStripe2(maybeStripe) {
-  var errorMsg = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : INVALID_STRIPE_ERROR$2;
-  if (maybeStripe === null || isStripe(maybeStripe)) {
-    return maybeStripe;
-  }
-  throw new Error(errorMsg);
-};
-var parseStripeProp = function parseStripeProp2(raw) {
-  var errorMsg = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : INVALID_STRIPE_ERROR$2;
-  if (isPromise(raw)) {
-    return {
-      tag: "async",
-      stripePromise: Promise.resolve(raw).then(function(result) {
-        return validateStripe(result, errorMsg);
-      })
-    };
-  }
-  var stripe = validateStripe(raw, errorMsg);
-  if (stripe === null) {
-    return {
-      tag: "empty"
-    };
-  }
-  return {
-    tag: "sync",
-    stripe
-  };
-};
-var registerWithStripeJs = function registerWithStripeJs2(stripe) {
-  if (!stripe || !stripe._registerWrapper || !stripe.registerAppInfo) {
-    return;
-  }
-  stripe._registerWrapper({
-    name: "react-stripe-js",
-    version: "3.9.0"
-  });
-  stripe.registerAppInfo({
-    name: "react-stripe-js",
-    version: "3.9.0",
-    url: "https://stripe.com/docs/stripe-js/react"
-  });
-};
-var ElementsContext = /* @__PURE__ */ import_react.default.createContext(null);
-ElementsContext.displayName = "ElementsContext";
-var parseElementsContext = function parseElementsContext2(ctx, useCase) {
-  if (!ctx) {
-    throw new Error("Could not find Elements context; You need to wrap the part of your app that ".concat(useCase, " in an <Elements> provider."));
-  }
-  return ctx;
-};
-var Elements = function Elements2(_ref) {
-  var rawStripeProp = _ref.stripe, options = _ref.options, children = _ref.children;
-  var parsed = import_react.default.useMemo(function() {
-    return parseStripeProp(rawStripeProp);
-  }, [rawStripeProp]);
-  var _React$useState = import_react.default.useState(function() {
-    return {
-      stripe: parsed.tag === "sync" ? parsed.stripe : null,
-      elements: parsed.tag === "sync" ? parsed.stripe.elements(options) : null
-    };
-  }), _React$useState2 = _slicedToArray(_React$useState, 2), ctx = _React$useState2[0], setContext = _React$useState2[1];
-  import_react.default.useEffect(function() {
-    var isMounted = true;
-    var safeSetContext = function safeSetContext2(stripe) {
-      setContext(function(ctx2) {
-        if (ctx2.stripe) return ctx2;
-        return {
-          stripe,
-          elements: stripe.elements(options)
-        };
-      });
-    };
-    if (parsed.tag === "async" && !ctx.stripe) {
-      parsed.stripePromise.then(function(stripe) {
-        if (stripe && isMounted) {
-          safeSetContext(stripe);
-        }
-      });
-    } else if (parsed.tag === "sync" && !ctx.stripe) {
-      safeSetContext(parsed.stripe);
-    }
-    return function() {
-      isMounted = false;
-    };
-  }, [parsed, ctx, options]);
-  var prevStripe = usePrevious(rawStripeProp);
-  import_react.default.useEffect(function() {
-    if (prevStripe !== null && prevStripe !== rawStripeProp) {
-      console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.");
-    }
-  }, [prevStripe, rawStripeProp]);
-  var prevOptions = usePrevious(options);
-  import_react.default.useEffect(function() {
-    if (!ctx.elements) {
-      return;
-    }
-    var updates = extractAllowedOptionsUpdates(options, prevOptions, ["clientSecret", "fonts"]);
-    if (updates) {
-      ctx.elements.update(updates);
-    }
-  }, [options, prevOptions, ctx.elements]);
-  import_react.default.useEffect(function() {
-    registerWithStripeJs(ctx.stripe);
-  }, [ctx.stripe]);
-  return /* @__PURE__ */ import_react.default.createElement(ElementsContext.Provider, {
-    value: ctx
-  }, children);
-};
-Elements.propTypes = {
-  stripe: import_prop_types.default.any,
-  options: import_prop_types.default.object
-};
-var useElementsContextWithUseCase = function useElementsContextWithUseCase2(useCaseMessage) {
-  var ctx = import_react.default.useContext(ElementsContext);
-  return parseElementsContext(ctx, useCaseMessage);
-};
-var useElements = function useElements2() {
-  var _useElementsContextWi = useElementsContextWithUseCase("calls useElements()"), elements = _useElementsContextWi.elements;
-  return elements;
-};
-var ElementsConsumer = function ElementsConsumer2(_ref2) {
-  var children = _ref2.children;
-  var ctx = useElementsContextWithUseCase("mounts <ElementsConsumer>");
-  return children(ctx);
-};
-ElementsConsumer.propTypes = {
-  children: import_prop_types.default.func.isRequired
-};
-var _excluded$1 = ["on", "session"];
-var CheckoutSdkContext = /* @__PURE__ */ import_react.default.createContext(null);
-CheckoutSdkContext.displayName = "CheckoutSdkContext";
-var parseCheckoutSdkContext = function parseCheckoutSdkContext2(ctx, useCase) {
-  if (!ctx) {
-    throw new Error("Could not find CheckoutProvider context; You need to wrap the part of your app that ".concat(useCase, " in an <CheckoutProvider> provider."));
-  }
-  return ctx;
-};
-var CheckoutContext = /* @__PURE__ */ import_react.default.createContext(null);
-CheckoutContext.displayName = "CheckoutContext";
-var extractCheckoutContextValue = function extractCheckoutContextValue2(checkoutSdk, sessionState) {
-  if (!checkoutSdk) {
-    return null;
-  }
-  checkoutSdk.on;
-  checkoutSdk.session;
-  var actions = _objectWithoutProperties(checkoutSdk, _excluded$1);
-  if (!sessionState) {
-    return Object.assign(checkoutSdk.session(), actions);
-  }
-  return Object.assign(sessionState, actions);
-};
-var INVALID_STRIPE_ERROR$1 = "Invalid prop `stripe` supplied to `CheckoutProvider`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.";
-var CheckoutProvider = function CheckoutProvider2(_ref) {
-  var rawStripeProp = _ref.stripe, options = _ref.options, children = _ref.children;
-  var parsed = import_react.default.useMemo(function() {
-    return parseStripeProp(rawStripeProp, INVALID_STRIPE_ERROR$1);
-  }, [rawStripeProp]);
-  var _React$useState = import_react.default.useState(null), _React$useState2 = _slicedToArray(_React$useState, 2), session = _React$useState2[0], setSession = _React$useState2[1];
-  var _React$useState3 = import_react.default.useState(function() {
-    return {
-      stripe: parsed.tag === "sync" ? parsed.stripe : null,
-      checkoutSdk: null
-    };
-  }), _React$useState4 = _slicedToArray(_React$useState3, 2), ctx = _React$useState4[0], setContext = _React$useState4[1];
-  var safeSetContext = function safeSetContext2(stripe, checkoutSdk) {
-    setContext(function(ctx2) {
-      if (ctx2.stripe && ctx2.checkoutSdk) {
-        return ctx2;
-      }
-      return {
-        stripe,
-        checkoutSdk
-      };
-    });
-  };
-  var initCheckoutCalledRef = import_react.default.useRef(false);
-  import_react.default.useEffect(function() {
-    var isMounted = true;
-    if (parsed.tag === "async" && !ctx.stripe) {
-      parsed.stripePromise.then(function(stripe) {
-        if (stripe && isMounted && !initCheckoutCalledRef.current) {
-          initCheckoutCalledRef.current = true;
-          stripe.initCheckout(options).then(function(checkoutSdk) {
-            if (checkoutSdk) {
-              safeSetContext(stripe, checkoutSdk);
-              checkoutSdk.on("change", setSession);
-            }
-          });
-        }
-      });
-    } else if (parsed.tag === "sync" && parsed.stripe && !initCheckoutCalledRef.current) {
-      initCheckoutCalledRef.current = true;
-      parsed.stripe.initCheckout(options).then(function(checkoutSdk) {
-        if (checkoutSdk) {
-          safeSetContext(parsed.stripe, checkoutSdk);
-          checkoutSdk.on("change", setSession);
-        }
-      });
-    }
-    return function() {
-      isMounted = false;
-    };
-  }, [parsed, ctx, options, setSession]);
-  var prevStripe = usePrevious(rawStripeProp);
-  import_react.default.useEffect(function() {
-    if (prevStripe !== null && prevStripe !== rawStripeProp) {
-      console.warn("Unsupported prop change on CheckoutProvider: You cannot change the `stripe` prop after setting it.");
-    }
-  }, [prevStripe, rawStripeProp]);
-  var prevOptions = usePrevious(options);
-  var prevCheckoutSdk = usePrevious(ctx.checkoutSdk);
-  import_react.default.useEffect(function() {
-    var _prevOptions$elements, _options$elementsOpti, _prevOptions$elements2, _options$elementsOpti2;
-    if (!ctx.checkoutSdk) {
-      return;
-    }
-    var hasSdkLoaded = Boolean(!prevCheckoutSdk && ctx.checkoutSdk);
-    var previousAppearance = prevOptions === null || prevOptions === void 0 ? void 0 : (_prevOptions$elements = prevOptions.elementsOptions) === null || _prevOptions$elements === void 0 ? void 0 : _prevOptions$elements.appearance;
-    var currentAppearance = options === null || options === void 0 ? void 0 : (_options$elementsOpti = options.elementsOptions) === null || _options$elementsOpti === void 0 ? void 0 : _options$elementsOpti.appearance;
-    var hasAppearanceChanged = !isEqual(currentAppearance, previousAppearance);
-    if (currentAppearance && (hasAppearanceChanged || hasSdkLoaded)) {
-      ctx.checkoutSdk.changeAppearance(currentAppearance);
-    }
-    var previousFonts = prevOptions === null || prevOptions === void 0 ? void 0 : (_prevOptions$elements2 = prevOptions.elementsOptions) === null || _prevOptions$elements2 === void 0 ? void 0 : _prevOptions$elements2.fonts;
-    var currentFonts = options === null || options === void 0 ? void 0 : (_options$elementsOpti2 = options.elementsOptions) === null || _options$elementsOpti2 === void 0 ? void 0 : _options$elementsOpti2.fonts;
-    var hasFontsChanged = !isEqual(previousFonts, currentFonts);
-    if (currentFonts && (hasFontsChanged || hasSdkLoaded)) {
-      ctx.checkoutSdk.loadFonts(currentFonts);
-    }
-  }, [options, prevOptions, ctx.checkoutSdk, prevCheckoutSdk]);
-  import_react.default.useEffect(function() {
-    registerWithStripeJs(ctx.stripe);
-  }, [ctx.stripe]);
-  var checkoutContextValue = import_react.default.useMemo(function() {
-    return extractCheckoutContextValue(ctx.checkoutSdk, session);
-  }, [ctx.checkoutSdk, session]);
-  if (!ctx.checkoutSdk) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react.default.createElement(CheckoutSdkContext.Provider, {
-    value: ctx
-  }, /* @__PURE__ */ import_react.default.createElement(CheckoutContext.Provider, {
-    value: checkoutContextValue
-  }, children));
-};
-CheckoutProvider.propTypes = {
-  stripe: import_prop_types.default.any,
-  options: import_prop_types.default.shape({
-    fetchClientSecret: import_prop_types.default.func.isRequired,
-    elementsOptions: import_prop_types.default.object
-  }).isRequired
-};
-var useElementsOrCheckoutSdkContextWithUseCase = function useElementsOrCheckoutSdkContextWithUseCase2(useCaseString) {
-  var checkoutSdkContext = import_react.default.useContext(CheckoutSdkContext);
-  var elementsContext = import_react.default.useContext(ElementsContext);
-  if (checkoutSdkContext && elementsContext) {
-    throw new Error("You cannot wrap the part of your app that ".concat(useCaseString, " in both <CheckoutProvider> and <Elements> providers."));
-  }
-  if (checkoutSdkContext) {
-    return parseCheckoutSdkContext(checkoutSdkContext, useCaseString);
-  }
-  return parseElementsContext(elementsContext, useCaseString);
-};
-var _excluded = ["mode"];
-var capitalized = function capitalized2(str) {
-  return str.charAt(0).toUpperCase() + str.slice(1);
-};
-var createElementComponent = function createElementComponent2(type, isServer2) {
-  var displayName = "".concat(capitalized(type), "Element");
-  var ClientElement = function ClientElement2(_ref) {
-    var id = _ref.id, className = _ref.className, _ref$options = _ref.options, options = _ref$options === void 0 ? {} : _ref$options, onBlur = _ref.onBlur, onFocus = _ref.onFocus, onReady = _ref.onReady, onChange = _ref.onChange, onEscape = _ref.onEscape, onClick = _ref.onClick, onLoadError = _ref.onLoadError, onLoaderStart = _ref.onLoaderStart, onNetworksChange = _ref.onNetworksChange, onConfirm = _ref.onConfirm, onCancel = _ref.onCancel, onShippingAddressChange = _ref.onShippingAddressChange, onShippingRateChange = _ref.onShippingRateChange;
-    var ctx = useElementsOrCheckoutSdkContextWithUseCase("mounts <".concat(displayName, ">"));
-    var elements = "elements" in ctx ? ctx.elements : null;
-    var checkoutSdk = "checkoutSdk" in ctx ? ctx.checkoutSdk : null;
-    var _React$useState = import_react.default.useState(null), _React$useState2 = _slicedToArray(_React$useState, 2), element = _React$useState2[0], setElement = _React$useState2[1];
-    var elementRef = import_react.default.useRef(null);
-    var domNode = import_react.default.useRef(null);
-    useAttachEvent(element, "blur", onBlur);
-    useAttachEvent(element, "focus", onFocus);
-    useAttachEvent(element, "escape", onEscape);
-    useAttachEvent(element, "click", onClick);
-    useAttachEvent(element, "loaderror", onLoadError);
-    useAttachEvent(element, "loaderstart", onLoaderStart);
-    useAttachEvent(element, "networkschange", onNetworksChange);
-    useAttachEvent(element, "confirm", onConfirm);
-    useAttachEvent(element, "cancel", onCancel);
-    useAttachEvent(element, "shippingaddresschange", onShippingAddressChange);
-    useAttachEvent(element, "shippingratechange", onShippingRateChange);
-    useAttachEvent(element, "change", onChange);
-    var readyCallback;
-    if (onReady) {
-      if (type === "expressCheckout") {
-        readyCallback = onReady;
-      } else {
-        readyCallback = function readyCallback2() {
-          onReady(element);
-        };
-      }
-    }
-    useAttachEvent(element, "ready", readyCallback);
-    import_react.default.useLayoutEffect(function() {
-      if (elementRef.current === null && domNode.current !== null && (elements || checkoutSdk)) {
-        var newElement = null;
-        if (checkoutSdk) {
-          switch (type) {
-            case "payment":
-              newElement = checkoutSdk.createPaymentElement(options);
-              break;
-            case "address":
-              if ("mode" in options) {
-                var mode = options.mode, restOptions = _objectWithoutProperties(options, _excluded);
-                if (mode === "shipping") {
-                  newElement = checkoutSdk.createShippingAddressElement(restOptions);
-                } else if (mode === "billing") {
-                  newElement = checkoutSdk.createBillingAddressElement(restOptions);
-                } else {
-                  throw new Error("Invalid options.mode. mode must be 'billing' or 'shipping'.");
-                }
-              } else {
-                throw new Error("You must supply options.mode. mode must be 'billing' or 'shipping'.");
-              }
-              break;
-            case "expressCheckout":
-              newElement = checkoutSdk.createExpressCheckoutElement(options);
-              break;
-            case "currencySelector":
-              newElement = checkoutSdk.createCurrencySelectorElement();
-              break;
-            case "taxId":
-              newElement = checkoutSdk.createTaxIdElement(options);
-              break;
-            default:
-              throw new Error("Invalid Element type ".concat(displayName, ". You must use either the <PaymentElement />, <AddressElement options={{mode: 'shipping'}} />, <AddressElement options={{mode: 'billing'}} />, or <ExpressCheckoutElement />."));
-          }
-        } else if (elements) {
-          newElement = elements.create(type, options);
-        }
-        elementRef.current = newElement;
-        setElement(newElement);
-        if (newElement) {
-          newElement.mount(domNode.current);
-        }
-      }
-    }, [elements, checkoutSdk, options]);
-    var prevOptions = usePrevious(options);
-    import_react.default.useEffect(function() {
-      if (!elementRef.current) {
-        return;
-      }
-      var updates = extractAllowedOptionsUpdates(options, prevOptions, ["paymentRequest"]);
-      if (updates && "update" in elementRef.current) {
-        elementRef.current.update(updates);
-      }
-    }, [options, prevOptions]);
-    import_react.default.useLayoutEffect(function() {
-      return function() {
-        if (elementRef.current && typeof elementRef.current.destroy === "function") {
-          try {
-            elementRef.current.destroy();
-            elementRef.current = null;
-          } catch (error) {
-          }
-        }
-      };
-    }, []);
-    return /* @__PURE__ */ import_react.default.createElement("div", {
-      id,
-      className,
-      ref: domNode
-    });
-  };
-  var ServerElement = function ServerElement2(props) {
-    useElementsOrCheckoutSdkContextWithUseCase("mounts <".concat(displayName, ">"));
-    var id = props.id, className = props.className;
-    return /* @__PURE__ */ import_react.default.createElement("div", {
-      id,
-      className
-    });
-  };
-  var Element = isServer2 ? ServerElement : ClientElement;
-  Element.propTypes = {
-    id: import_prop_types.default.string,
-    className: import_prop_types.default.string,
-    onChange: import_prop_types.default.func,
-    onBlur: import_prop_types.default.func,
-    onFocus: import_prop_types.default.func,
-    onReady: import_prop_types.default.func,
-    onEscape: import_prop_types.default.func,
-    onClick: import_prop_types.default.func,
-    onLoadError: import_prop_types.default.func,
-    onLoaderStart: import_prop_types.default.func,
-    onNetworksChange: import_prop_types.default.func,
-    onConfirm: import_prop_types.default.func,
-    onCancel: import_prop_types.default.func,
-    onShippingAddressChange: import_prop_types.default.func,
-    onShippingRateChange: import_prop_types.default.func,
-    options: import_prop_types.default.object
-  };
-  Element.displayName = displayName;
-  Element.__elementType = type;
-  return Element;
-};
-var isServer = typeof window === "undefined";
-var EmbeddedCheckoutContext = /* @__PURE__ */ import_react.default.createContext(null);
-EmbeddedCheckoutContext.displayName = "EmbeddedCheckoutProviderContext";
-var useStripe = function useStripe2() {
-  var _useElementsOrCheckou = useElementsOrCheckoutSdkContextWithUseCase("calls useStripe()"), stripe = _useElementsOrCheckou.stripe;
-  return stripe;
-};
-var AuBankAccountElement = createElementComponent("auBankAccount", isServer);
-var CardElement = createElementComponent("card", isServer);
-var CardNumberElement = createElementComponent("cardNumber", isServer);
-var CardExpiryElement = createElementComponent("cardExpiry", isServer);
-var CardCvcElement = createElementComponent("cardCvc", isServer);
-var FpxBankElement = createElementComponent("fpxBank", isServer);
-var IbanElement = createElementComponent("iban", isServer);
-var IdealBankElement = createElementComponent("idealBank", isServer);
-var P24BankElement = createElementComponent("p24Bank", isServer);
-var EpsBankElement = createElementComponent("epsBank", isServer);
-var PaymentElement = createElementComponent("payment", isServer);
-var ExpressCheckoutElement = createElementComponent("expressCheckout", isServer);
-var CurrencySelectorElement = createElementComponent("currencySelector", isServer);
-var PaymentRequestButtonElement = createElementComponent("paymentRequestButton", isServer);
-var LinkAuthenticationElement = createElementComponent("linkAuthentication", isServer);
-var AddressElement = createElementComponent("address", isServer);
-var ShippingAddressElement = createElementComponent("shippingAddress", isServer);
-var PaymentMethodMessagingElement = createElementComponent("paymentMethodMessaging", isServer);
-var AffirmMessageElement = createElementComponent("affirmMessage", isServer);
-var AfterpayClearpayMessageElement = createElementComponent("afterpayClearpayMessage", isServer);
-var TaxIdElement = createElementComponent("taxId", isServer);
-
-// ../../node_modules/@stripe/stripe-js/dist/index.mjs
-var RELEASE_TRAIN = "basil";
-var runtimeVersionToUrlVersion = function runtimeVersionToUrlVersion2(version) {
-  return version === 3 ? "v3" : version;
-};
-var ORIGIN = "https://js.stripe.com";
-var STRIPE_JS_URL = "".concat(ORIGIN, "/").concat(RELEASE_TRAIN, "/stripe.js");
-var V3_URL_REGEX = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;
-var STRIPE_JS_URL_REGEX = /^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/;
-var EXISTING_SCRIPT_MESSAGE = "loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used";
-var isStripeJSURL = function isStripeJSURL2(url) {
-  return V3_URL_REGEX.test(url) || STRIPE_JS_URL_REGEX.test(url);
-};
-var findScript = function findScript2() {
-  var scripts = document.querySelectorAll('script[src^="'.concat(ORIGIN, '"]'));
-  for (var i = 0; i < scripts.length; i++) {
-    var script = scripts[i];
-    if (!isStripeJSURL(script.src)) {
-      continue;
-    }
-    return script;
-  }
-  return null;
-};
-var injectScript = function injectScript2(params) {
-  var queryString = params && !params.advancedFraudSignals ? "?advancedFraudSignals=false" : "";
-  var script = document.createElement("script");
-  script.src = "".concat(STRIPE_JS_URL).concat(queryString);
-  var headOrBody = document.head || document.body;
-  if (!headOrBody) {
-    throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");
-  }
-  headOrBody.appendChild(script);
-  return script;
-};
-var registerWrapper = function registerWrapper2(stripe, startTime) {
-  if (!stripe || !stripe._registerWrapper) {
-    return;
-  }
-  stripe._registerWrapper({
-    name: "stripe-js",
-    version: "7.8.0",
-    startTime
-  });
-};
-var stripePromise$1 = null;
-var onErrorListener = null;
-var onLoadListener = null;
-var onError = function onError2(reject) {
-  return function(cause) {
-    reject(new Error("Failed to load Stripe.js", {
-      cause
-    }));
-  };
-};
-var onLoad = function onLoad2(resolve, reject) {
-  return function() {
-    if (window.Stripe) {
-      resolve(window.Stripe);
-    } else {
-      reject(new Error("Stripe.js not available"));
-    }
-  };
-};
-var loadScript = function loadScript2(params) {
-  if (stripePromise$1 !== null) {
-    return stripePromise$1;
-  }
-  stripePromise$1 = new Promise(function(resolve, reject) {
-    if (typeof window === "undefined" || typeof document === "undefined") {
-      resolve(null);
-      return;
-    }
-    if (window.Stripe && params) {
-      console.warn(EXISTING_SCRIPT_MESSAGE);
-    }
-    if (window.Stripe) {
-      resolve(window.Stripe);
-      return;
-    }
-    try {
-      var script = findScript();
-      if (script && params) {
-        console.warn(EXISTING_SCRIPT_MESSAGE);
-      } else if (!script) {
-        script = injectScript(params);
-      } else if (script && onLoadListener !== null && onErrorListener !== null) {
-        var _script$parentNode;
-        script.removeEventListener("load", onLoadListener);
-        script.removeEventListener("error", onErrorListener);
-        (_script$parentNode = script.parentNode) === null || _script$parentNode === void 0 ? void 0 : _script$parentNode.removeChild(script);
-        script = injectScript(params);
-      }
-      onLoadListener = onLoad(resolve, reject);
-      onErrorListener = onError(reject);
-      script.addEventListener("load", onLoadListener);
-      script.addEventListener("error", onErrorListener);
-    } catch (error) {
-      reject(error);
-      return;
-    }
-  });
-  return stripePromise$1["catch"](function(error) {
-    stripePromise$1 = null;
-    return Promise.reject(error);
-  });
-};
-var initStripe = function initStripe2(maybeStripe, args, startTime) {
-  if (maybeStripe === null) {
-    return null;
-  }
-  var pk = args[0];
-  var isTestKey = pk.match(/^pk_test/);
-  var version = runtimeVersionToUrlVersion(maybeStripe.version);
-  var expectedVersion = RELEASE_TRAIN;
-  if (isTestKey && version !== expectedVersion) {
-    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("7.8.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
-  }
-  var stripe = maybeStripe.apply(void 0, args);
-  registerWrapper(stripe, startTime);
-  return stripe;
-};
-var stripePromise;
-var loadCalled = false;
-var getStripePromise = function getStripePromise2() {
-  if (stripePromise) {
-    return stripePromise;
-  }
-  stripePromise = loadScript(null)["catch"](function(error) {
-    stripePromise = null;
-    return Promise.reject(error);
-  });
-  return stripePromise;
-};
-Promise.resolve().then(function() {
-  return getStripePromise();
-})["catch"](function(error) {
-  if (!loadCalled) {
-    console.warn(error);
-  }
-});
-var loadStripe = function loadStripe2() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-  loadCalled = true;
-  var startTime = Date.now();
-  return getStripePromise().then(function(maybeStripe) {
-    return initStripe(maybeStripe, args, startTime);
-  });
-};
+var import_react6 = require("react");
+var import_react_stripe_js2 = require("@stripe/react-stripe-js");
+var import_stripe_js = require("@stripe/stripe-js");
 
 // src/context/SpreePayActionsContext.tsx
-var import_react2 = require("react");
+var import_react = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var SpreePayActionsContext = (0, import_react2.createContext)(void 0);
+var SpreePayActionsContext = (0, import_react.createContext)(void 0);
 var SpreePayProvider = ({ children, env }) => {
-  const processRef = (0, import_react2.useRef)(null);
-  const [selectedPaymentMethod, setSelectedPaymentMethod] = (0, import_react2.useState)({
+  const processRef = (0, import_react.useRef)(null);
+  const [selectedPaymentMethod, setSelectedPaymentMethod] = (0, import_react.useState)({
     type: "CREDIT_CARD" /* CREDIT_CARD */,
     method: null
   });
-  const register = (0, import_react2.useCallback)((fn) => {
+  const register = (0, import_react.useCallback)((fn) => {
     processRef.current = fn;
   }, []);
-  const process2 = (0, import_react2.useCallback)((data) => {
+  const process = (0, import_react.useCallback)((data) => {
     if (!processRef.current) throw new Error("SpreePay process function not registered");
     try {
       return processRef.current(data);
@@ -4841,7 +3087,7 @@ var SpreePayProvider = ({ children, env }) => {
   const value = {
     env,
     enabled: Boolean(selectedPaymentMethod.method),
-    process: process2,
+    process,
     register,
     selectedPaymentMethod,
     setSelectedPaymentMethod
@@ -4849,28 +3095,28 @@ var SpreePayProvider = ({ children, env }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SpreePayActionsContext.Provider, { value, children });
 };
 var useSpreePay = () => {
-  const ctx = (0, import_react2.useContext)(SpreePayActionsContext);
+  const ctx = (0, import_react.useContext)(SpreePayActionsContext);
   if (!ctx) throw new Error("useSpreePay must be used within a SpreePayProvider");
   return { process: ctx.process, enabled: ctx.enabled, selectedPaymentMethod: ctx.selectedPaymentMethod };
 };
 var useSpreePaymentMethod = () => {
-  const ctx = (0, import_react2.useContext)(SpreePayActionsContext);
+  const ctx = (0, import_react.useContext)(SpreePayActionsContext);
   if (!ctx) throw new Error("useSpreePay must be used within a SpreePayProvider");
   return { setSelectedPaymentMethod: ctx.setSelectedPaymentMethod, selectedPaymentMethod: ctx.selectedPaymentMethod };
 };
 var useSpreePayEnv = () => {
-  const ctx = (0, import_react2.useContext)(SpreePayActionsContext);
+  const ctx = (0, import_react.useContext)(SpreePayActionsContext);
   if (!ctx) throw new Error("useSpreePay must be used within a SpreePayProvider");
   return { env: ctx.env };
 };
 var useSpreePayRegister = () => {
-  const ctx = (0, import_react2.useContext)(SpreePayActionsContext);
+  const ctx = (0, import_react.useContext)(SpreePayActionsContext);
   if (!ctx) throw new Error("useSpreePayRegister must be used within a SpreePayProvider");
   return { register: ctx.register };
 };
 
 // src/components/CreditCard/CreditCard.tsx
-var import_react6 = require("react");
+var import_react5 = require("react");
 
 // src/hooks/useCards.ts
 var import_swr = __toESM(require("swr"), 1);
@@ -4961,13 +3207,14 @@ var CardsList = ({ selectedCard, setCard }) => {
 };
 
 // src/components/CreditCard/CreditCardForm.tsx
-var import_react5 = require("react");
+var import_react4 = require("react");
+var import_react_stripe_js = require("@stripe/react-stripe-js");
 
 // ../../node_modules/@radix-ui/react-slot/dist/index.mjs
-var React3 = __toESM(require("react"), 1);
+var React2 = __toESM(require("react"), 1);
 
 // ../../node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-var React2 = __toESM(require("react"), 1);
+var React = __toESM(require("react"), 1);
 function setRef(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
@@ -5000,7 +3247,7 @@ function composeRefs(...refs) {
   };
 }
 function useComposedRefs(...refs) {
-  return React2.useCallback(composeRefs(...refs), refs);
+  return React.useCallback(composeRefs(...refs), refs);
 }
 
 // ../../node_modules/@radix-ui/react-slot/dist/index.mjs
@@ -5008,21 +3255,21 @@ var import_jsx_runtime5 = require("react/jsx-runtime");
 // @__NO_SIDE_EFFECTS__
 function createSlot(ownerName) {
   const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
-  const Slot2 = React3.forwardRef((props, forwardedRef) => {
+  const Slot2 = React2.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
-    const childrenArray = React3.Children.toArray(children);
+    const childrenArray = React2.Children.toArray(children);
     const slottable = childrenArray.find(isSlottable);
     if (slottable) {
       const newElement = slottable.props.children;
       const newChildren = childrenArray.map((child) => {
         if (child === slottable) {
-          if (React3.Children.count(newElement) > 1) return React3.Children.only(null);
-          return React3.isValidElement(newElement) ? newElement.props.children : null;
+          if (React2.Children.count(newElement) > 1) return React2.Children.only(null);
+          return React2.isValidElement(newElement) ? newElement.props.children : null;
         } else {
           return child;
         }
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React2.isValidElement(newElement) ? React2.cloneElement(newElement, void 0, newChildren) : null });
     }
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
   });
@@ -5032,24 +3279,24 @@ function createSlot(ownerName) {
 var Slot = /* @__PURE__ */ createSlot("Slot");
 // @__NO_SIDE_EFFECTS__
 function createSlotClone(ownerName) {
-  const SlotClone = React3.forwardRef((props, forwardedRef) => {
+  const SlotClone = React2.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
-    if (React3.isValidElement(children)) {
+    if (React2.isValidElement(children)) {
       const childrenRef = getElementRef(children);
       const props2 = mergeProps(slotProps, children.props);
-      if (children.type !== React3.Fragment) {
+      if (children.type !== React2.Fragment) {
         props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
       }
-      return React3.cloneElement(children, props2);
+      return React2.cloneElement(children, props2);
     }
-    return React3.Children.count(children) > 1 ? React3.Children.only(null) : null;
+    return React2.Children.count(children) > 1 ? React2.Children.only(null) : null;
   });
   SlotClone.displayName = `${ownerName}.SlotClone`;
   return SlotClone;
 }
 var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
 function isSlottable(child) {
-  return React3.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+  return React2.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
 }
 function mergeProps(slotProps, childProps) {
   const overrideProps = { ...childProps };
@@ -5171,27 +3418,27 @@ function Button({
 }
 
 // ../../node_modules/@radix-ui/react-checkbox/dist/index.mjs
-var React11 = __toESM(require("react"), 1);
+var React10 = __toESM(require("react"), 1);
 
 // ../../node_modules/@radix-ui/react-context/dist/index.mjs
-var React4 = __toESM(require("react"), 1);
+var React3 = __toESM(require("react"), 1);
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
-    const BaseContext = React4.createContext(defaultContext);
+    const BaseContext = React3.createContext(defaultContext);
     const index = defaultContexts.length;
     defaultContexts = [...defaultContexts, defaultContext];
     const Provider = (props) => {
       const { scope, children, ...context } = props;
       const Context = scope?.[scopeName]?.[index] || BaseContext;
-      const value = React4.useMemo(() => context, Object.values(context));
+      const value = React3.useMemo(() => context, Object.values(context));
       return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Context.Provider, { value, children });
     };
     Provider.displayName = rootComponentName + "Provider";
     function useContext22(consumerName, scope) {
       const Context = scope?.[scopeName]?.[index] || BaseContext;
-      const context = React4.useContext(Context);
+      const context = React3.useContext(Context);
       if (context) return context;
       if (defaultContext !== void 0) return defaultContext;
       throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
@@ -5200,11 +3447,11 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
   }
   const createScope = () => {
     const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React4.createContext(defaultContext);
+      return React3.createContext(defaultContext);
     });
     return function useScope(scope) {
       const contexts = scope?.[scopeName] || scopeContexts;
-      return React4.useMemo(
+      return React3.useMemo(
         () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
         [scope, contexts]
       );
@@ -5227,7 +3474,7 @@ function composeContextScopes(...scopes) {
         const currentScope = scopeProps[`__scope${scopeName}`];
         return { ...nextScopes2, ...currentScope };
       }, {});
-      return React4.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+      return React3.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
     };
   };
   createScope.scopeName = baseScope.scopeName;
@@ -5245,16 +3492,16 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
 }
 
 // ../../node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
-var React6 = __toESM(require("react"), 1);
+var React5 = __toESM(require("react"), 1);
 
 // ../../node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
-var React5 = __toESM(require("react"), 1);
-var useLayoutEffect2 = globalThis?.document ? React5.useLayoutEffect : () => {
+var React4 = __toESM(require("react"), 1);
+var useLayoutEffect2 = globalThis?.document ? React4.useLayoutEffect : () => {
 };
 
 // ../../node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
 var React22 = __toESM(require("react"), 1);
-var useInsertionEffect = React6[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
+var useInsertionEffect = React5[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
 function useControllableState({
   prop,
   defaultProp,
@@ -5269,8 +3516,8 @@ function useControllableState({
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
   if (true) {
-    const isControlledRef = React6.useRef(prop !== void 0);
-    React6.useEffect(() => {
+    const isControlledRef = React5.useRef(prop !== void 0);
+    React5.useEffect(() => {
       const wasControlled = isControlledRef.current;
       if (wasControlled !== isControlled) {
         const from = wasControlled ? "controlled" : "uncontrolled";
@@ -5282,7 +3529,7 @@ function useControllableState({
       isControlledRef.current = isControlled;
     }, [isControlled, caller]);
   }
-  const setValue = React6.useCallback(
+  const setValue = React5.useCallback(
     (nextValue) => {
       if (isControlled) {
         const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
@@ -5301,13 +3548,13 @@ function useUncontrolledState({
   defaultProp,
   onChange
 }) {
-  const [value, setValue] = React6.useState(defaultProp);
-  const prevValueRef = React6.useRef(value);
-  const onChangeRef = React6.useRef(onChange);
+  const [value, setValue] = React5.useState(defaultProp);
+  const prevValueRef = React5.useRef(value);
+  const onChangeRef = React5.useRef(onChange);
   useInsertionEffect(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
-  React6.useEffect(() => {
+  React5.useEffect(() => {
     if (prevValueRef.current !== value) {
       onChangeRef.current?.(value);
       prevValueRef.current = value;
@@ -5321,10 +3568,10 @@ function isFunction(value) {
 var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
 
 // ../../node_modules/@radix-ui/react-use-previous/dist/index.mjs
-var React7 = __toESM(require("react"), 1);
-function usePrevious3(value) {
-  const ref = React7.useRef({ value, previous: value });
-  return React7.useMemo(() => {
+var React6 = __toESM(require("react"), 1);
+function usePrevious(value) {
+  const ref = React6.useRef({ value, previous: value });
+  return React6.useMemo(() => {
     if (ref.current.value !== value) {
       ref.current.previous = ref.current.value;
       ref.current.value = value;
@@ -5334,9 +3581,9 @@ function usePrevious3(value) {
 }
 
 // ../../node_modules/@radix-ui/react-use-size/dist/index.mjs
-var React8 = __toESM(require("react"), 1);
+var React7 = __toESM(require("react"), 1);
 function useSize(element) {
-  const [size, setSize] = React8.useState(void 0);
+  const [size, setSize] = React7.useState(void 0);
   useLayoutEffect2(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
@@ -5372,9 +3619,9 @@ function useSize(element) {
 
 // ../../node_modules/@radix-ui/react-presence/dist/index.mjs
 var React23 = __toESM(require("react"), 1);
-var React9 = __toESM(require("react"), 1);
+var React8 = __toESM(require("react"), 1);
 function useStateMachine(initialState, machine) {
-  return React9.useReducer((state, event) => {
+  return React8.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState ?? state;
   }, initialState);
@@ -5497,7 +3744,7 @@ function getElementRef2(element) {
 }
 
 // ../../node_modules/@radix-ui/react-primitive/dist/index.mjs
-var React10 = __toESM(require("react"), 1);
+var React9 = __toESM(require("react"), 1);
 var ReactDOM = __toESM(require("react-dom"), 1);
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var NODES = [
@@ -5521,7 +3768,7 @@ var NODES = [
 ];
 var Primitive = NODES.reduce((primitive, node) => {
   const Slot2 = createSlot(`Primitive.${node}`);
-  const Node = React10.forwardRef((props, forwardedRef) => {
+  const Node = React9.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot2 : node;
     if (typeof window !== "undefined") {
@@ -5559,9 +3806,9 @@ function CheckboxProvider(props) {
     onChange: onCheckedChange,
     caller: CHECKBOX_NAME
   });
-  const [control, setControl] = React11.useState(null);
-  const [bubbleInput, setBubbleInput] = React11.useState(null);
-  const hasConsumerStoppedPropagationRef = React11.useRef(false);
+  const [control, setControl] = React10.useState(null);
+  const [bubbleInput, setBubbleInput] = React10.useState(null);
+  const hasConsumerStoppedPropagationRef = React10.useRef(false);
   const isFormControl = control ? !!form || !!control.closest("form") : (
     // We set this to true by default so that events bubble to forms without JS (SSR)
     true
@@ -5592,7 +3839,7 @@ function CheckboxProvider(props) {
   );
 }
 var TRIGGER_NAME = "CheckboxTrigger";
-var CheckboxTrigger = React11.forwardRef(
+var CheckboxTrigger = React10.forwardRef(
   ({ __scopeCheckbox, onKeyDown, onClick, ...checkboxProps }, forwardedRef) => {
     const {
       control,
@@ -5607,8 +3854,8 @@ var CheckboxTrigger = React11.forwardRef(
       bubbleInput
     } = useCheckboxContext(TRIGGER_NAME, __scopeCheckbox);
     const composedRefs = useComposedRefs(forwardedRef, setControl);
-    const initialCheckedStateRef = React11.useRef(checked);
-    React11.useEffect(() => {
+    const initialCheckedStateRef = React10.useRef(checked);
+    React10.useEffect(() => {
       const form = control?.form;
       if (form) {
         const reset = () => setChecked(initialCheckedStateRef.current);
@@ -5644,7 +3891,7 @@ var CheckboxTrigger = React11.forwardRef(
   }
 );
 CheckboxTrigger.displayName = TRIGGER_NAME;
-var Checkbox = React11.forwardRef(
+var Checkbox = React10.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeCheckbox,
@@ -5692,7 +3939,7 @@ var Checkbox = React11.forwardRef(
 );
 Checkbox.displayName = CHECKBOX_NAME;
 var INDICATOR_NAME = "CheckboxIndicator";
-var CheckboxIndicator = React11.forwardRef(
+var CheckboxIndicator = React10.forwardRef(
   (props, forwardedRef) => {
     const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
     const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);
@@ -5716,7 +3963,7 @@ var CheckboxIndicator = React11.forwardRef(
 );
 CheckboxIndicator.displayName = INDICATOR_NAME;
 var BUBBLE_INPUT_NAME = "CheckboxBubbleInput";
-var CheckboxBubbleInput = React11.forwardRef(
+var CheckboxBubbleInput = React10.forwardRef(
   ({ __scopeCheckbox, ...props }, forwardedRef) => {
     const {
       control,
@@ -5732,9 +3979,9 @@ var CheckboxBubbleInput = React11.forwardRef(
       setBubbleInput
     } = useCheckboxContext(BUBBLE_INPUT_NAME, __scopeCheckbox);
     const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);
-    const prevChecked = usePrevious3(checked);
+    const prevChecked = usePrevious(checked);
     const controlSize = useSize(control);
-    React11.useEffect(() => {
+    React10.useEffect(() => {
       const input = bubbleInput;
       if (!input) return;
       const inputProto = window.HTMLInputElement.prototype;
@@ -5751,7 +3998,7 @@ var CheckboxBubbleInput = React11.forwardRef(
         input.dispatchEvent(event);
       }
     }, [bubbleInput, prevChecked, checked, hasConsumerStoppedPropagationRef]);
-    const defaultCheckedRef = React11.useRef(isIndeterminate(checked) ? false : checked);
+    const defaultCheckedRef = React10.useRef(isIndeterminate(checked) ? false : checked);
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       Primitive.input,
       {
@@ -5794,7 +4041,7 @@ function getState(checked) {
 }
 
 // ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
-var import_react4 = require("react");
+var import_react3 = require("react");
 
 // ../../node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
@@ -5818,7 +4065,7 @@ var hasA11yProp = (props) => {
 };
 
 // ../../node_modules/lucide-react/dist/esm/Icon.js
-var import_react3 = require("react");
+var import_react2 = require("react");
 
 // ../../node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
@@ -5834,7 +4081,7 @@ var defaultAttributes = {
 };
 
 // ../../node_modules/lucide-react/dist/esm/Icon.js
-var Icon = (0, import_react3.forwardRef)(
+var Icon = (0, import_react2.forwardRef)(
   ({
     color = "currentColor",
     size = 24,
@@ -5844,7 +4091,7 @@ var Icon = (0, import_react3.forwardRef)(
     children,
     iconNode,
     ...rest
-  }, ref) => (0, import_react3.createElement)(
+  }, ref) => (0, import_react2.createElement)(
     "svg",
     {
       ref,
@@ -5858,7 +4105,7 @@ var Icon = (0, import_react3.forwardRef)(
       ...rest
     },
     [
-      ...iconNode.map(([tag, attrs]) => (0, import_react3.createElement)(tag, attrs)),
+      ...iconNode.map(([tag, attrs]) => (0, import_react2.createElement)(tag, attrs)),
       ...Array.isArray(children) ? children : [children]
     ]
   )
@@ -5866,8 +4113,8 @@ var Icon = (0, import_react3.forwardRef)(
 
 // ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
-  const Component = (0, import_react4.forwardRef)(
-    ({ className, ...props }, ref) => (0, import_react4.createElement)(Icon, {
+  const Component = (0, import_react3.forwardRef)(
+    ({ className, ...props }, ref) => (0, import_react3.createElement)(Icon, {
       ref,
       iconNode,
       className: mergeClasses(
@@ -5911,10 +4158,10 @@ function Checkbox2({ className, ...props }) {
 }
 
 // ../../node_modules/@radix-ui/react-label/dist/index.mjs
-var React12 = __toESM(require("react"), 1);
+var React11 = __toESM(require("react"), 1);
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var NAME = "Label";
-var Label = React12.forwardRef((props, forwardedRef) => {
+var Label = React11.forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     Primitive.label,
     {
@@ -5969,10 +4216,10 @@ var stripeElementClasses = {
   focus: "border-ring ring-ring/50 ring-[3px]"
 };
 var CreditCardForm = ({ saveCard }) => {
-  const [cardError, setCardError] = (0, import_react5.useState)(void 0);
-  const elements = useElements();
-  const stripe = useStripe();
-  const id = (0, import_react5.useId)();
+  const [cardError, setCardError] = (0, import_react4.useState)(void 0);
+  const elements = (0, import_react_stripe_js.useElements)();
+  const stripe = (0, import_react_stripe_js.useStripe)();
+  const id = (0, import_react4.useId)();
   const handleSaveCard = async () => {
     if (!elements || !stripe) return;
     setCardError(void 0);
@@ -6010,7 +4257,7 @@ var CreditCardForm = ({ saveCard }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex w-full flex-col gap-1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-        CardNumberElement,
+        import_react_stripe_js.CardNumberElement,
         {
           options: {
             style,
@@ -6021,7 +4268,7 @@ var CreditCardForm = ({ saveCard }) => {
       ),
       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex w-full gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          CardExpiryElement,
+          import_react_stripe_js.CardExpiryElement,
           {
             options: {
               style,
@@ -6031,7 +4278,7 @@ var CreditCardForm = ({ saveCard }) => {
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          CardCvcElement,
+          import_react_stripe_js.CardCvcElement,
           {
             options: {
               style,
@@ -6054,7 +4301,7 @@ var CreditCardForm = ({ saveCard }) => {
 // src/components/CreditCard/CreditCard.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var CreditCard = () => {
-  const [showForm, setShowForm] = (0, import_react6.useState)(false);
+  const [showForm, setShowForm] = (0, import_react5.useState)(false);
   const { selectedPaymentMethod, setSelectedPaymentMethod } = useSpreePaymentMethod();
   const { mutateCards } = useCards();
   const setCard = (card) => {
@@ -6141,14 +4388,14 @@ var import_jsx_runtime16 = require("react/jsx-runtime");
 var Tabs = () => {
   const { env } = useSpreePayEnv();
   const { selectedPaymentMethod, setSelectedPaymentMethod } = useSpreePaymentMethod();
-  const stripePromise2 = (0, import_react7.useMemo)(() => loadStripe(env.stripePublicKey), [env.stripePublicKey]);
+  const stripePromise = (0, import_react6.useMemo)(() => (0, import_stripe_js.loadStripe)(env.stripePublicKey), [env.stripePublicKey]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "mb-4 rounded-2xl border border-black/25 bg-white", children: [
     /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex w-full flex-col gap-4 border-b-1 border-black/7 px-7 py-6", children: [
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h2", { className: "text-primary text-2xl font-semibold", children: "Choose a Payment Method" }),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TabButtons, { value: selectedPaymentMethod.type, onChange: setSelectedPaymentMethod })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "px-7 py-6", children: [
-      selectedPaymentMethod.type === "CREDIT_CARD" /* CREDIT_CARD */ && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Elements, { stripe: stripePromise2, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CreditCard, {}) }),
+      selectedPaymentMethod.type === "CREDIT_CARD" /* CREDIT_CARD */ && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_stripe_js2.Elements, { stripe: stripePromise, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CreditCard, {}) }),
       selectedPaymentMethod.type === "CRYPTO" /* CRYPTO */ && null
     ] })
   ] });
@@ -6333,11 +4580,11 @@ var SpreePay = (props) => {
   const { className } = props;
   const { env } = useSpreePayEnv();
   const { selectedPaymentMethod } = useSpreePaymentMethod();
-  (0, import_react8.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     registerApi({ baseUrl: env.slapiUrl, authKey: env.slapiAuthKey });
   }, [env.slapiUrl, env.slapiAuthKey]);
   const { register } = useSpreePayRegister();
-  const handlePay = (0, import_react8.useCallback)(
+  const handlePay = (0, import_react7.useCallback)(
     (data) => {
       if (selectedPaymentMethod.type === "CREDIT_CARD" /* CREDIT_CARD */ && selectedPaymentMethod.method) {
         return cardPayment({ card: selectedPaymentMethod.method, hash: data.hash });
@@ -6346,7 +4593,7 @@ var SpreePay = (props) => {
     },
     [selectedPaymentMethod]
   );
-  (0, import_react8.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     register(handlePay);
   }, [register, handlePay]);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_swr2.SWRConfig, { value: { fetcher: slapiFetcher }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: cn("sl-spreepay", className), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w-full max-w-[540px]", children: [
@@ -6363,33 +4610,6 @@ var SpreePay = (props) => {
 });
 /*! Bundled license information:
 
-react-is/cjs/react-is.production.min.js:
-  (** @license React v16.13.1
-   * react-is.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.
-   *)
-
-react-is/cjs/react-is.development.js:
-  (** @license React v16.13.1
-   * react-is.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.
-   *)
-
-object-assign/index.js:
-  (*
-  object-assign
-  (c) Sindre Sorhus
-  @license MIT
-  *)
-
 lucide-react/dist/esm/shared/src/utils.js:
 lucide-react/dist/esm/defaultAttributes.js:
 lucide-react/dist/esm/Icon.js: