@usethrottle/checkout-react 2.1.0 → 2.1.1

package/dist/index.js

@@ -1,3 +1,1000 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+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 __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// ../../node_modules/.pnpm/@gr4vy+secure-fields@2.11.1/node_modules/@gr4vy/secure-fields/lib/index.js
+var require_lib = __commonJS({
+  "../../node_modules/.pnpm/@gr4vy+secure-fields@2.11.1/node_modules/@gr4vy/secure-fields/lib/index.js"(exports, module) {
+    "use strict";
+    !(function(e, t) {
+      if ("object" == typeof exports && "object" == typeof module) module.exports = t();
+      else if ("function" == typeof define && define.amd) define([], t);
+      else {
+        var r = t();
+        for (var n in r) ("object" == typeof exports ? exports : e)[n] = r[n];
+      }
+    })(exports, () => (() => {
+      "use strict";
+      const e = { d: (t2, r2) => {
+        for (var n2 in r2) e.o(r2, n2) && !e.o(t2, n2) && Object.defineProperty(t2, n2, { enumerable: true, get: r2[n2] });
+      }, o: (e2, t2) => Object.prototype.hasOwnProperty.call(e2, t2), r: (e2) => {
+        Object.defineProperty(e2, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e2, "__esModule", { value: true });
+      } };
+      let t = {};
+      e.r(t), e.d(t, { Events: () => o, SecureFields: () => te, SecureInput: () => W });
+      var r = function(e2) {
+        var t2 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "production";
+        return "https://".concat(arguments.length > 2 ? arguments[2] : void 0, ".").concat("sandbox" === t2 ? "sandbox." : "").concat(e2, ".gr4vy.app");
+      }, n = (e2, t2) => "".concat(e2, "?").concat(new URLSearchParams(t2).toString()), i = "@gr4vy-secure-fields-debug", o = (function(e2) {
+        return e2.CARD_VAULT_SUCCESS = "card-vault-success", e2.CARD_VAULT_FAILURE = "card-vault-failure", e2.FORM_CHANGE = "form-change", e2.METHOD_CHANGE = "method-change", e2.READY = "ready", e2.RESIZE = "resize", e2.CLICK_TO_PAY_INITIALIZED = "click-to-pay-initialized", e2.CLICK_TO_PAY_READY = "click-to-pay-ready", e2.CLICK_TO_PAY_SIGN_OUT = "click-to-pay-sign-out", e2.CLICK_TO_PAY_ERROR = "click-to-pay-error", e2.CLICK_TO_PAY_CANCEL = "click-to-pay-cancel", e2.CLICK_TO_PAY_CHECKOUT_WITH_NEW_CARD = "click-to-pay-checkout-with-new-card", e2.CLICK_TO_PAY_UNABLE_TO_LOAD_DPA = "click-to-pay-unable-to-load-dpa", e2.CLICK_TO_PAY_VISIBILITY_CHANGE = "click-to-pay:visibility-change", e2.CLICK_TO_PAY_CARD_FORM_VISIBILITY_CHANGE = "click-to-pay-card-form:visibility-change", e2.CLICK_TO_PAY_SIGN_IN_VISIBILITY_CHANGE = "click-to-pay-sign-in:visibility-change", e2.CLICK_TO_PAY_PROCESSING = "click-to-pay-processing", e2.CLICK_TO_PAY_AUTHENTICATE = "click-to-pay-authenticate", e2.CLICK_TO_PAY_AUTHENTICATE_FAILURE = "click-to-pay-authenticate-failure", e2.THREE_DS_START = "three-ds-start", e2.THREE_DS_FINISH = "three-ds-finish", e2;
+      })({}), a = (function(e2) {
+        return e2.REQUEST_PORT = "request-port", e2.TRANSFER_PORT = "transfer-port", e2.REQUEST_RECOGNITION_TOKEN = "request-recognition-token", e2.REQUEST_RECOGNITION_TOKEN_FAILED = "request-recognition-token-failed", e2.RECOGNITION_TOKEN = "recognition-token", e2;
+      })({}), s = (function(e2) {
+        return e2.FOCUSED = "data-secure-fields-focused", e2.INVALID = "data-secure-fields-invalid", e2.AUTOFILLED = "data-secure-fields-autofilled", e2;
+      })({}), c = (function(e2) {
+        return e2.PAYMENT_METHOD_ID_IN_USE = "You're passing a paymentMethodId to use a stored payment method, which means Secure Fields methods `addCardNumber`, `addExpiryDate` and `addClickToPay` are automatically disabled and won't render the related fields", e2.PAYMENT_METHOD_ID_DEPRECATED = "The 'paymentMethodId' prop is deprecated and will be removed in a future version. Please use the 'paymentMethod' prop instead: { paymentMethod: { id: 'your-id', scheme: 'visa' } }", e2.FIELD_PATTERN_IN_USE = "The `pattern` option can't be used on card fields, so it won't be applied here.", e2.AUTO_ADVANCE_ENABLED = "autoAdvance is enabled. Auto-advancing focus on field completion can degrade checkout UX (see WCAG 3.2.2). Use with caution.", e2.NO_RECOGNITION_TOKEN = "The recognition token couldn't be obtained or the request took too much time. It is possible that a Click to Pay user was therefore not recognised.", e2;
+      })({}), l = "secure-fields", d = { number: "addCardNumberField", expiryDate: "addExpiryDateField", securityCode: "addSecurityCodeField" }, h = ["01", "02", "03", "04", "05"];
+      function u(e2, t2) {
+        (null == t2 || t2 > e2.length) && (t2 = e2.length);
+        for (var r2 = 0, n2 = new Array(t2); r2 < t2; r2++) n2[r2] = e2[r2];
+        return n2;
+      }
+      function p(e2, t2) {
+        return (function(e3) {
+          if (Array.isArray(e3)) return e3;
+        })(e2) || (function(e3, t3) {
+          var r2 = null == e3 ? null : "undefined" != typeof Symbol && e3[Symbol.iterator] || e3["@@iterator"];
+          if (null != r2) {
+            var n2, i2, o2 = [], a2 = true, s2 = false;
+            try {
+              for (r2 = r2.call(e3); !(a2 = (n2 = r2.next()).done) && (o2.push(n2.value), !t3 || o2.length !== t3); a2 = true) ;
+            } catch (e4) {
+              s2 = true, i2 = e4;
+            } finally {
+              try {
+                a2 || null == r2.return || r2.return();
+              } finally {
+                if (s2) throw i2;
+              }
+            }
+            return o2;
+          }
+        })(e2, t2) || (function(e3, t3) {
+          if (e3) {
+            if ("string" == typeof e3) return u(e3, t3);
+            var r2 = Object.prototype.toString.call(e3).slice(8, -1);
+            return "Object" === r2 && e3.constructor && (r2 = e3.constructor.name), "Map" === r2 || "Set" === r2 ? Array.from(r2) : "Arguments" === r2 || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r2) ? u(e3, t3) : void 0;
+          }
+        })(e2, t2) || (function() {
+          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 y = new class {
+        subscribe(e2, t2) {
+          this.subscribers.push([e2, t2]);
+        }
+        unsubscribe(e2, t2) {
+          this.subscribers = this.subscribers.filter((r2) => {
+            var n2 = p(r2, 2), i2 = n2[0], o2 = n2[1];
+            return i2 !== e2 || o2.toString() !== t2.toString();
+          });
+        }
+        unsubscribeAll() {
+          this.subscribers = [];
+        }
+        publish(e2, t2) {
+          this.subscribers.forEach((r2) => {
+            var n2 = p(r2, 2), i2 = n2[0], o2 = n2[1];
+            return setTimeout(() => i2 === e2 ? o2(t2) : null, 0);
+          });
+        }
+        constructor() {
+          var e2, t2;
+          t2 = void 0, (e2 = "subscribers") in this ? Object.defineProperty(this, e2, { value: t2, enumerable: true, configurable: true, writable: true }) : this[e2] = t2, this.subscribers = [];
+        }
+      }();
+      function m(e2, t2) {
+        (null == t2 || t2 > e2.length) && (t2 = e2.length);
+        for (var r2 = 0, n2 = new Array(t2); r2 < t2; r2++) n2[r2] = e2[r2];
+        return n2;
+      }
+      function f(e2, t2) {
+        return (function(e3) {
+          if (Array.isArray(e3)) return e3;
+        })(e2) || (function(e3, t3) {
+          var r2 = null == e3 ? null : "undefined" != typeof Symbol && e3[Symbol.iterator] || e3["@@iterator"];
+          if (null != r2) {
+            var n2, i2, o2 = [], a2 = true, s2 = false;
+            try {
+              for (r2 = r2.call(e3); !(a2 = (n2 = r2.next()).done) && (o2.push(n2.value), !t3 || o2.length !== t3); a2 = true) ;
+            } catch (e4) {
+              s2 = true, i2 = e4;
+            } finally {
+              try {
+                a2 || null == r2.return || r2.return();
+              } finally {
+                if (s2) throw i2;
+              }
+            }
+            return o2;
+          }
+        })(e2, t2) || (function(e3, t3) {
+          if (e3) {
+            if ("string" == typeof e3) return m(e3, t3);
+            var r2 = Object.prototype.toString.call(e3).slice(8, -1);
+            return "Object" === r2 && e3.constructor && (r2 = e3.constructor.name), "Map" === r2 || "Set" === r2 ? Array.from(r2) : "Arguments" === r2 || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r2) ? m(e3, t3) : void 0;
+          }
+        })(e2, t2) || (function() {
+          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 v = new class {
+        add(e2, t2, r2) {
+          window.addEventListener(e2, t2), this.listeners.push([e2, t2, r2]);
+        }
+        remove(e2, t2, r2) {
+          var n2 = this.listeners.findIndex((n3) => {
+            var i3 = f(n3, 3), o3 = i3[0], a3 = i3[1], s3 = i3[2];
+            return o3 === e2 && a3.toString() === t2.toString() && s3 === r2;
+          });
+          if (-1 !== n2) {
+            var i2 = f(this.listeners.splice(n2, 1), 1), o2 = f(i2[0], 2), a2 = o2[0], s2 = o2[1];
+            window.removeEventListener(a2, s2);
+          }
+        }
+        removeAll() {
+          this.listeners.forEach((e2) => {
+            var t2 = f(e2, 2), r2 = t2[0], n2 = t2[1];
+            window.removeEventListener(r2, n2);
+          }), this.listeners = [];
+        }
+        constructor() {
+          var e2, t2;
+          t2 = [], (e2 = "listeners") in this ? Object.defineProperty(this, e2, { value: t2, enumerable: true, configurable: true, writable: true }) : this[e2] = t2;
+        }
+      }();
+      function b(e2, t2, r2) {
+        return t2 in e2 ? Object.defineProperty(e2, t2, { value: r2, enumerable: true, configurable: true, writable: true }) : e2[t2] = r2, e2;
+      }
+      function _(e2) {
+        for (var t2 = 1; t2 < arguments.length; t2++) {
+          var r2 = null != arguments[t2] ? arguments[t2] : {}, n2 = Object.keys(r2);
+          "function" == typeof Object.getOwnPropertySymbols && (n2 = n2.concat(Object.getOwnPropertySymbols(r2).filter(function(e3) {
+            return Object.getOwnPropertyDescriptor(r2, e3).enumerable;
+          }))), n2.forEach(function(t3) {
+            b(e2, t3, r2[t3]);
+          });
+        }
+        return e2;
+      }
+      var I = { debug: false, level: "log" }, g = (e2, t2, r2) => {
+        var n2 = _({}, I, r2), o2 = n2.debug, a2 = n2.level;
+        (o2 || "true" === localStorage.getItem(i)) && console[a2]("Gr4vy - Secure Fields - ".concat(e2), t2 || {});
+      }, O = (e2, t2, r2) => {
+        var n2, i2;
+        g(e2, t2, (n2 = _({}, r2), i2 = null != (i2 = { level: "warn" }) ? i2 : {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(n2, Object.getOwnPropertyDescriptors(i2)) : (function(e3) {
+          var t3 = Object.keys(e3);
+          if (Object.getOwnPropertySymbols) {
+            var r3 = Object.getOwnPropertySymbols(e3);
+            t3.push.apply(t3, r3);
+          }
+          return t3;
+        })(Object(i2)).forEach(function(e3) {
+          Object.defineProperty(n2, e3, Object.getOwnPropertyDescriptor(i2, e3));
+        }), n2));
+      };
+      function C(e2, t2, r2, n2, i2, o2, a2) {
+        try {
+          var s2 = e2[o2](a2), c2 = s2.value;
+        } catch (e3) {
+          return void r2(e3);
+        }
+        s2.done ? t2(c2) : Promise.resolve(c2).then(n2, i2);
+      }
+      function E(e2, t2, r2) {
+        return t2 in e2 ? Object.defineProperty(e2, t2, { value: r2, enumerable: true, configurable: true, writable: true }) : e2[t2] = r2, e2;
+      }
+      function T(e2) {
+        for (var t2 = 1; t2 < arguments.length; t2++) {
+          var r2 = null != arguments[t2] ? arguments[t2] : {}, n2 = Object.keys(r2);
+          "function" == typeof Object.getOwnPropertySymbols && (n2 = n2.concat(Object.getOwnPropertySymbols(r2).filter(function(e3) {
+            return Object.getOwnPropertyDescriptor(r2, e3).enumerable;
+          }))), n2.forEach(function(t3) {
+            E(e2, t3, r2[t3]);
+          });
+        }
+        return e2;
+      }
+      function A(e2, t2) {
+        return t2 = null != t2 ? t2 : {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(t2)) : (function(e3) {
+          var t3 = Object.keys(e3);
+          if (Object.getOwnPropertySymbols) {
+            var r2 = Object.getOwnPropertySymbols(e3);
+            t3.push.apply(t3, r2);
+          }
+          return t3;
+        })(Object(t2)).forEach(function(r2) {
+          Object.defineProperty(e2, r2, Object.getOwnPropertyDescriptor(t2, r2));
+        }), e2;
+      }
+      class S {
+        init(e2, t2) {
+          var r2;
+          this.challengeWindowSize = h.includes(null == t2 ? void 0 : t2.challengeWindowSize) ? t2.challengeWindowSize : "05", this.element = "string" == typeof e2 ? document.querySelector(e2) : e2;
+          var i2 = "gr4vy-threeds-flow-controller";
+          null === (r2 = document.body.querySelector("iframe#".concat(i2))) || void 0 === r2 || r2.remove();
+          var o2 = document.createElement("iframe");
+          o2.id = i2, o2.title = "ThreeDSecure", o2.style.display = "block", o2.style.border = "0px", o2.style.padding = "0px", o2.style.margin = "0px", o2.style.width = "100%", o2.style.height = "100%", o2.src = n(this.secureFields.frameUrl + "/threeds.html", { sessionId: this.secureFields.config.sessionId, parentOrigin: this.secureFields.parentOrigin, gr4vyId: this.secureFields.config.gr4vyId, environment: this.secureFields.config.environment }), this.element.appendChild(o2), this.controller = o2;
+          var a2 = { type: "three-ds-init", channel: l, data: { challengeWindowSize: this.challengeWindowSize } };
+          return o2.addEventListener("load", () => {
+            var e3;
+            null === (e3 = o2.contentWindow) || void 0 === e3 || e3.postMessage(a2, this.secureFields.frameUrl), this.resolveReady();
+          }, { once: true }), this.destroy(), v.add("message", this.boundListener, "three-ds"), this;
+        }
+        destroy() {
+          v.remove("message", this.boundListener, "three-ds");
+        }
+        listener(e2) {
+          return (t2 = function* () {
+            if (e2.origin === this.secureFields.frameUrl) {
+              var t3 = e2.data, r2 = t3.type, n2 = t3.data;
+              switch (r2) {
+                case o.THREE_DS_START:
+                  y.publish(o.THREE_DS_START, A(T({}, n2), { element: this.element })), g("3DS start", e2.data.data);
+                  break;
+                case o.THREE_DS_FINISH:
+                  y.publish(o.THREE_DS_FINISH, A(T({}, n2), { element: this.element })), g("3DS finish", e2.data.data);
+              }
+            }
+          }, function() {
+            var e3 = this, r2 = arguments;
+            return new Promise(function(n2, i2) {
+              var o2 = t2.apply(e3, r2);
+              function a2(e4) {
+                C(o2, n2, i2, a2, s2, "next", e4);
+              }
+              function s2(e4) {
+                C(o2, n2, i2, a2, s2, "throw", e4);
+              }
+              a2(void 0);
+            });
+          }).call(this);
+          var t2;
+        }
+        constructor(e2) {
+          E(this, "secureFields", void 0), E(this, "controller", void 0), E(this, "ready", void 0), E(this, "challengeWindowSize", void 0), E(this, "element", void 0), E(this, "resolveReady", void 0), E(this, "boundListener", void 0), this.secureFields = e2, this.boundListener = this.listener.bind(this), this.ready = new Promise((e3) => {
+            this.resolveReady = e3;
+          });
+        }
+      }
+      function P(e2, t2, r2, n2, i2, o2, a2) {
+        try {
+          var s2 = e2[o2](a2), c2 = s2.value;
+        } catch (e3) {
+          return void r2(e3);
+        }
+        s2.done ? t2(c2) : Promise.resolve(c2).then(n2, i2);
+      }
+      class w extends Error {
+        constructor(e2) {
+          super(e2), this.name = "UnableToLoadDpaError";
+        }
+      }
+      var k = (e2, t2) => e2 && (e2.style.display = t2 ? "block" : "none"), N = (e2) => {
+        var t2, r2;
+        if (null === (t2 = document) || void 0 === t2 ? void 0 : t2.cookie) return null === (r2 = "; ".concat(document.cookie).match(";\\s*".concat(e2, "=([^;]+)"))) || void 0 === r2 ? void 0 : r2[1];
+      };
+      function D(e2, t2, r2, n2, i2, o2, a2) {
+        try {
+          var s2 = e2[o2](a2), c2 = s2.value;
+        } catch (e3) {
+          return void r2(e3);
+        }
+        s2.done ? t2(c2) : Promise.resolve(c2).then(n2, i2);
+      }
+      function L(e2) {
+        return function() {
+          var t2 = this, r2 = arguments;
+          return new Promise(function(n2, i2) {
+            var o2 = e2.apply(t2, r2);
+            function a2(e3) {
+              D(o2, n2, i2, a2, s2, "next", e3);
+            }
+            function s2(e3) {
+              D(o2, n2, i2, a2, s2, "throw", e3);
+            }
+            a2(void 0);
+          });
+        };
+      }
+      function R(e2, t2, r2) {
+        return t2 in e2 ? Object.defineProperty(e2, t2, { value: r2, enumerable: true, configurable: true, writable: true }) : e2[t2] = r2, e2;
+      }
+      function U() {
+        return U = Object.assign || function(e2) {
+          for (var t2 = 1; t2 < arguments.length; t2++) {
+            var r2 = arguments[t2];
+            for (var n2 in r2) Object.prototype.hasOwnProperty.call(r2, n2) && (e2[n2] = r2[n2]);
+          }
+          return e2;
+        }, U.apply(this, arguments);
+      }
+      function j(e2) {
+        for (var t2 = 1; t2 < arguments.length; t2++) {
+          var r2 = null != arguments[t2] ? arguments[t2] : {}, n2 = Object.keys(r2);
+          "function" == typeof Object.getOwnPropertySymbols && (n2 = n2.concat(Object.getOwnPropertySymbols(r2).filter(function(e3) {
+            return Object.getOwnPropertyDescriptor(r2, e3).enumerable;
+          }))), n2.forEach(function(t3) {
+            R(e2, t3, r2[t3]);
+          });
+        }
+        return e2;
+      }
+      class M {
+        _addIframe(e2, t2, r2, i2) {
+          var o2 = document.createElement("iframe");
+          return o2.id = e2, o2.title = t2, o2.setAttribute("width", "100%"), o2.setAttribute("frameborder", "0"), o2.setAttribute("style", "height:0px"), o2.src = n(r2, i2), o2;
+        }
+        _attachListeners() {
+          var e2 = new MessageChannel(), t2 = true, r2 = (r3) => {
+            var n2 = r3.origin, i2 = r3.data, s2 = i2.type, d2 = i2.data;
+            switch (n2) {
+              case this.origin:
+                switch (s2) {
+                  case o.RESIZE:
+                    this.controller.style.height = "".concat(d2.height > 0 ? d2.height + 48 : 0, "px");
+                    break;
+                  case o.METHOD_CHANGE:
+                    var h2 = d2.method || "card";
+                    (this.secureFields.method !== h2 || t2) && (t2 = false, this.secureFields.updateMethod(h2, { data: d2 }), k(this.cardForm, "card" === h2), y.publish(o.CLICK_TO_PAY_CARD_FORM_VISIBILITY_CHANGE, "card" === h2));
+                    break;
+                  case o.CLICK_TO_PAY_INITIALIZED:
+                    y.publish(o.CLICK_TO_PAY_INITIALIZED, this.clickToPay), g("Click to Pay initialized", this.clickToPay), k(this.signIn, false), y.publish(o.CLICK_TO_PAY_SIGN_IN_VISIBILITY_CHANGE, false), k(this.clickToPay.element, true), y.publish(o.CLICK_TO_PAY_VISIBILITY_CHANGE, true);
+                    break;
+                  case o.CLICK_TO_PAY_READY:
+                    this._buyerExists = d2.buyerExists, y.publish(o.CLICK_TO_PAY_READY, d2), g("Click to Pay ready"), k(this.signIn, !d2.buyerExists), y.publish(o.CLICK_TO_PAY_SIGN_IN_VISIBILITY_CHANGE, !d2.buyerExists), k(this.clickToPay.element, true), y.publish(o.CLICK_TO_PAY_VISIBILITY_CHANGE, true);
+                    break;
+                  case o.CLICK_TO_PAY_SIGN_OUT:
+                    this.clickToPay.signOut();
+                    break;
+                  case o.CLICK_TO_PAY_ERROR:
+                    y.publish(o.CLICK_TO_PAY_ERROR, d2), g("Click to Pay error:", d2), k(this.signIn, !["UNKNOWN", "INVALID_CARD", "CODE_INVALID"].includes(d2.error)), y.publish(o.CLICK_TO_PAY_SIGN_IN_VISIBILITY_CHANGE, !["UNKNOWN", "INVALID_CARD", "CODE_INVALID"].includes(d2.error)), k(this.clickToPay.element, "UNKNOWN" !== d2.error), y.publish(o.CLICK_TO_PAY_VISIBILITY_CHANGE, "UNKNOWN" !== d2.error);
+                    break;
+                  case o.CLICK_TO_PAY_CANCEL:
+                    y.publish(o.CLICK_TO_PAY_CANCEL, d2), g("Click to Pay cancelled"), this._buyerExists || (k(this.signIn, true), y.publish(o.CLICK_TO_PAY_SIGN_IN_VISIBILITY_CHANGE, true));
+                    break;
+                  case o.CLICK_TO_PAY_CHECKOUT_WITH_NEW_CARD:
+                    y.publish(o.CLICK_TO_PAY_CHECKOUT_WITH_NEW_CARD, d2), k(this.signIn, false), y.publish(o.CLICK_TO_PAY_SIGN_IN_VISIBILITY_CHANGE, false), g("Click to Pay checkout with new card initiated");
+                    break;
+                  case o.CLICK_TO_PAY_PROCESSING:
+                    k(this.cardForm, !d2), y.publish(o.CLICK_TO_PAY_CARD_FORM_VISIBILITY_CHANGE, d2), g("Click to Pay processing", d2);
+                    break;
+                  case o.CLICK_TO_PAY_AUTHENTICATE:
+                    !(function(e3, t3) {
+                      for (var r4 = arguments.length, n3 = new Array(r4 > 2 ? r4 - 2 : 0), i3 = 2; i3 < r4; i3++) n3[i3 - 2] = arguments[i3];
+                      document.cookie = "".concat(e3, "=").concat(t3, "; path=/; ").concat(n3.join("; "));
+                    })("recognitionToken", d2.recognitionToken, "Secure", "SameSite=Strict", "MaxAge=15552000");
+                    break;
+                  case o.CLICK_TO_PAY_AUTHENTICATE_FAILURE:
+                    y.publish(o.CLICK_TO_PAY_AUTHENTICATE_FAILURE, d2), g("Click to Pay authenticate failure:", d2);
+                    break;
+                  case a.REQUEST_RECOGNITION_TOKEN:
+                    this.controller.contentWindow.postMessage({ channel: l, type: a.RECOGNITION_TOKEN, data: { recognitionToken: N("recognitionToken") } }, this.origin);
+                    break;
+                  case a.REQUEST_RECOGNITION_TOKEN_FAILED:
+                    O(c.NO_RECOGNITION_TOKEN);
+                    break;
+                  case a.REQUEST_PORT:
+                    this.controller.contentWindow.postMessage({ channel: l, type: a.TRANSFER_PORT }, this.origin, [e2.port1]);
+                }
+                break;
+              case this.secureFields.frameUrl:
+                s2 === a.REQUEST_PORT && this.encrypt.contentWindow.postMessage({ channel: l, type: a.TRANSFER_PORT }, this.secureFields.frameUrl, [e2.port2]);
+            }
+          };
+          v.remove("message", r2, "click-to-pay"), v.add("message", r2, "click-to-pay");
+        }
+        _fetchDPA(e2, t2) {
+          return L(function* (e3, t3) {
+            var n2 = t3.gr4vyId, i2 = t3.environment, a2 = t3.sessionId;
+            try {
+              var s2 = e3 || (function(e4) {
+                return r(e4, arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "production", "api");
+              })(n2, i2);
+              return yield (function(e4) {
+                return (t4 = function* (e5) {
+                  var t5 = e5.apiBaseUrl, r2 = e5.checkoutSessionId;
+                  try {
+                    var n3 = "".concat(t5, "/digital-wallets/click-to-pay/session"), i3 = yield fetch(n3, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ checkout_session_id: r2 }) });
+                    if (i3.ok) {
+                      var o2 = yield i3.json();
+                      return { srcDpaId: o2.digital_payment_application_id, dpaName: o2.digital_payment_application_name };
+                    }
+                    throw new w("Unable to load DPA");
+                  } catch (e6) {
+                    throw new w("Unable to load DPA");
+                  }
+                }, function() {
+                  var e5 = this, r2 = arguments;
+                  return new Promise(function(n3, i3) {
+                    var o2 = t4.apply(e5, r2);
+                    function a3(e6) {
+                      P(o2, n3, i3, a3, s3, "next", e6);
+                    }
+                    function s3(e6) {
+                      P(o2, n3, i3, a3, s3, "throw", e6);
+                    }
+                    a3(void 0);
+                  });
+                }).apply(this, arguments);
+                var t4;
+              })({ apiBaseUrl: s2, checkoutSessionId: a2 });
+            } catch (e4) {
+              return g(e4.message), y.publish(o.CLICK_TO_PAY_UNABLE_TO_LOAD_DPA), k(this.cardForm, true), y.publish(o.CLICK_TO_PAY_CARD_FORM_VISIBILITY_CHANGE, true), k(this.clickToPay.element, false), void y.publish(o.CLICK_TO_PAY_VISIBILITY_CHANGE, false);
+            }
+          }).apply(this, arguments);
+        }
+        _initConsentCheckbox(e2) {
+          var t2 = e2.checked ? "click-to-pay" : "card";
+          this.secureFields.updateMethod(t2, { data: { method: t2 } }), e2.addEventListener("change", (e3) => {
+            var t3 = e3.target;
+            this.consent = t3.checked;
+          }), v.add("message", (t3) => {
+            switch (t3.data.type) {
+              case o.CLICK_TO_PAY_ERROR:
+                "UNKNOWN" === t3.data.data.error && (this.consent = false, e2.checked = false);
+                break;
+              case o.METHOD_CHANGE:
+                var r2 = this._buyerExists && "card" === t3.data.data.method;
+                this.consent = r2, e2.checked = r2;
+            }
+          }, "click-to-pay-consent-checkbox");
+        }
+        _setNewCardRememberMe(e2) {
+          this.controller.contentWindow.postMessage({ type: "remember-me-new-card-changed", channel: l, data: { value: e2 } }, this.origin);
+        }
+        _initNewCardRememberMeCheckbox(e2) {
+          e2.addEventListener("change", (e3) => {
+            var t2 = e3.target;
+            this._setNewCardRememberMe(t2.checked);
+          }), v.add("message", (t2) => {
+            switch (t2.data.type) {
+              case o.CLICK_TO_PAY_INITIALIZED:
+                this._setNewCardRememberMe(e2.checked);
+                break;
+              case o.CLICK_TO_PAY_ERROR:
+                "UNKNOWN" === t2.data.data.error && (this._setNewCardRememberMe(false), e2.checked = false);
+            }
+          }, "click-to-pay-new-card-remember-me-checkbox");
+        }
+        _initLearnMore(e2) {
+          e2.style.visibility = "hidden", v.add("message", (t2) => {
+            t2.data.type === o.CLICK_TO_PAY_INITIALIZED && (e2.style.visibility = "visible", e2.addEventListener("click", () => {
+              this.controller.contentWindow.postMessage({ type: "show-learn-more", channel: l }, this.origin);
+            }));
+          }, "click-to-pay-learn-more");
+        }
+        init(e2, t2) {
+          return L(function* () {
+            this.cardForm = "string" == typeof (null == t2 ? void 0 : t2.cardForm) ? document.querySelector(null == t2 ? void 0 : t2.cardForm) : null == t2 ? void 0 : t2.cardForm, this.signIn = "string" == typeof (null == t2 ? void 0 : t2.signIn) ? document.querySelector(null == t2 ? void 0 : t2.signIn) : null == t2 ? void 0 : t2.signIn, k(this.signIn, false);
+            var r2 = this.secureFields, n2 = r2.apiUrl, i2 = r2.config, a2 = i2.gr4vyId, s2 = i2.environment, c2 = i2.sessionId, l2 = r2.environmentPath;
+            if (this.clickToPay = { element: null, options: t2, signIn: (e3) => {
+              var t3 = e3.email, r3 = e3.mobileNumber;
+              return L(function* () {
+                var e4 = this.clickToPay, n3 = e4.element, i3 = e4.options;
+                delete i3.email, delete i3.mobileNumber, n3.innerHTML = "", k(this.signIn, false), y.publish(o.CLICK_TO_PAY_SIGN_IN_VISIBILITY_CHANGE, false), k(this.cardForm, false), y.publish(o.CLICK_TO_PAY_CARD_FORM_VISIBILITY_CHANGE, false), this.secureFields.update("clickToPay", yield this.init(n3, j({}, i3, t3 ? { email: t3 } : {}, r3 ? { mobileNumber: r3 } : {})));
+              }).call(this);
+            }, signOut: () => (this._buyerExists = false, y.publish(o.CLICK_TO_PAY_SIGN_OUT), g("Click to pay signed out"), k(this.signIn, true), y.publish(o.CLICK_TO_PAY_SIGN_IN_VISIBILITY_CHANGE, true), document.cookie = "".concat("recognitionToken", "=; path=/; expires=Thu, 01 Jan 1970 00:00:00 UTC;"), this.clickToPay.signIn({ email: null, mobileNumber: null })), updateCheckoutOptions: (e3) => {
+              this.checkoutOptions = j({}, this.checkoutOptions, e3);
+            } }, !(null == t2 ? void 0 : t2.srcDpaId) || !(null == t2 ? void 0 : t2.dpaName)) {
+              var d2 = yield this._fetchDPA(n2, { gr4vyId: a2, environment: s2, sessionId: c2 });
+              if (!(null == d2 ? void 0 : d2.srcDpaId) && !(null == d2 ? void 0 : d2.dpaName)) return;
+              t2.srcDpaId = d2.srcDpaId, t2.dpaName = d2.dpaName;
+            }
+            this.url = window.CLICK_TO_PAY_FRAME_URL || "https://click-to-pay.".concat(l2).concat(a2, ".gr4vy.app"), this.origin = new URL(this.url).origin;
+            var h2 = window.location.origin, u2 = ((function(e3) {
+              if (null == e3) throw new TypeError("Cannot destructure " + e3);
+            })(t2), j({ gr4vyId: a2, environment: s2, sessionId: c2 }, U({}, t2)));
+            if (this.controller = this._addIframe("click-to-pay-controller", "Click To Pay", "".concat(this.url, "/click-to-pay.html"), { parentOrigin: h2, environment: s2, config: encodeURIComponent(JSON.stringify(u2)) }), this.encrypt = this._addIframe("click-to-pay-encrypt", "Click To Pay Encrypt", "".concat(this.secureFields.frameUrl, "/click-to-pay-encrypt.html"), { parentOrigin: h2, environment: s2, config: encodeURIComponent(JSON.stringify(u2)) }), this._attachListeners(), null == t2 ? void 0 : t2.consentCheckbox) {
+              var p2 = "string" == typeof (null == t2 ? void 0 : t2.consentCheckbox) ? document.querySelector(null == t2 ? void 0 : t2.consentCheckbox) : null == t2 ? void 0 : t2.consentCheckbox;
+              p2 && this._initConsentCheckbox(p2);
+            }
+            if (null == t2 ? void 0 : t2.rememberMeCheckbox) {
+              var m2 = "string" == typeof (null == t2 ? void 0 : t2.rememberMeCheckbox) ? document.querySelector(t2.rememberMeCheckbox) : null == t2 ? void 0 : t2.rememberMeCheckbox;
+              m2 && this._initNewCardRememberMeCheckbox(m2);
+            }
+            if (null == t2 ? void 0 : t2.learnMoreLink) {
+              var f2 = "string" == typeof (null == t2 ? void 0 : t2.learnMoreLink) ? document.querySelector(null == t2 ? void 0 : t2.learnMoreLink) : null == t2 ? void 0 : t2.learnMoreLink;
+              f2 && this._initLearnMore(f2);
+            }
+            return (e2 = "string" == typeof e2 ? document.querySelector(e2) : e2).appendChild(this.controller), e2.appendChild(this.encrypt), this.clickToPay.element = e2, this.clickToPay;
+          }).call(this);
+        }
+        constructor(e2) {
+          R(this, "secureFields", void 0), R(this, "_buyerExists", void 0), R(this, "consent", void 0), R(this, "controller", void 0), R(this, "encrypt", void 0), R(this, "origin", void 0), R(this, "url", void 0), R(this, "cardForm", void 0), R(this, "signIn", void 0), R(this, "checkoutOptions", void 0), R(this, "clickToPay", void 0), this.secureFields = e2, this._buyerExists = false, this.consent = false, this.checkoutOptions = {};
+        }
+      }
+      var F = (e2) => (e2 != e2.toLowerCase() && (e2 = e2.replace(/[A-Z]/g, (e3) => "-" + e3.toLowerCase())), e2);
+      function x(e2, t2) {
+        (null == t2 || t2 > e2.length) && (t2 = e2.length);
+        for (var r2 = 0, n2 = new Array(t2); r2 < t2; r2++) n2[r2] = e2[r2];
+        return n2;
+      }
+      var Y = function() {
+        var e2 = function(t2) {
+          var r2 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "";
+          return Object.entries(t2).reduce((n2, i2) => {
+            var o2, a2, s2 = (a2 = 2, (function(e3) {
+              if (Array.isArray(e3)) return e3;
+            })(o2 = i2) || (function(e3, t3) {
+              var r3 = null == e3 ? null : "undefined" != typeof Symbol && e3[Symbol.iterator] || e3["@@iterator"];
+              if (null != r3) {
+                var n3, i3, o3 = [], a3 = true, s3 = false;
+                try {
+                  for (r3 = r3.call(e3); !(a3 = (n3 = r3.next()).done) && (o3.push(n3.value), !t3 || o3.length !== t3); a3 = true) ;
+                } catch (e4) {
+                  s3 = true, i3 = e4;
+                } finally {
+                  try {
+                    a3 || null == r3.return || r3.return();
+                  } finally {
+                    if (s3) throw i3;
+                  }
+                }
+                return o3;
+              }
+            })(o2, a2) || (function(e3, t3) {
+              if (e3) {
+                if ("string" == typeof e3) return x(e3, t3);
+                var r3 = Object.prototype.toString.call(e3).slice(8, -1);
+                return "Object" === r3 && e3.constructor && (r3 = e3.constructor.name), "Map" === r3 || "Set" === r3 ? Array.from(r3) : "Arguments" === r3 || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r3) ? x(e3, t3) : void 0;
+              }
+            })(o2, a2) || (function() {
+              throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+            })()), c2 = s2[0], l2 = s2[1];
+            return ((e3) => "[object Object]" === Object.prototype.toString.call(e3))(l2) ? n2.push(...e2(t2[c2], "".concat((r2 + c2).match(/[a-zA-Z0-9]+/g).join("-"), "-"))) : (c2 = F(c2).replace(/^-/, ""), n2.push(["--".concat(r2).concat(c2), l2])), n2;
+          }, []);
+        };
+        return e2(arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {});
+      };
+      function K(e2, t2, r2, n2, i2, o2, a2) {
+        try {
+          var s2 = e2[o2](a2), c2 = s2.value;
+        } catch (e3) {
+          return void r2(e3);
+        }
+        s2.done ? t2(c2) : Promise.resolve(c2).then(n2, i2);
+      }
+      function H(e2, t2, r2) {
+        return t2 in e2 ? Object.defineProperty(e2, t2, { value: r2, enumerable: true, configurable: true, writable: true }) : e2[t2] = r2, e2;
+      }
+      function G(e2) {
+        for (var t2 = 1; t2 < arguments.length; t2++) {
+          var r2 = null != arguments[t2] ? arguments[t2] : {}, n2 = Object.keys(r2);
+          "function" == typeof Object.getOwnPropertySymbols && (n2 = n2.concat(Object.getOwnPropertySymbols(r2).filter(function(e3) {
+            return Object.getOwnPropertyDescriptor(r2, e3).enumerable;
+          }))), n2.forEach(function(t3) {
+            H(e2, t3, r2[t3]);
+          });
+        }
+        return e2;
+      }
+      function V(e2, t2) {
+        return t2 = null != t2 ? t2 : {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(t2)) : (function(e3) {
+          var t3 = Object.keys(e3);
+          if (Object.getOwnPropertySymbols) {
+            var r2 = Object.getOwnPropertySymbols(e3);
+            t3.push.apply(t3, r2);
+          }
+          return t3;
+        })(Object(t2)).forEach(function(r2) {
+          Object.defineProperty(e2, r2, Object.getOwnPropertyDescriptor(t2, r2));
+        }), e2;
+      }
+      class W {
+        _postMessage(e2) {
+          return (t2 = function* () {
+            yield this.ready, this.frame.contentWindow.postMessage(G({ channel: l }, e2), this.frameUrl);
+          }, function() {
+            var e3 = this, r2 = arguments;
+            return new Promise(function(n2, i2) {
+              var o2 = t2.apply(e3, r2);
+              function a2(e4) {
+                K(o2, n2, i2, a2, s2, "next", e4);
+              }
+              function s2(e4) {
+                K(o2, n2, i2, a2, s2, "throw", e4);
+              }
+              a2(void 0);
+            });
+          }).call(this);
+          var t2;
+        }
+        update(e2) {
+          if (this.frameUrl) {
+            this.options = G({}, this.options, e2);
+            var t2 = Y(G({}, this.options.styles, e2.styles)), r2 = V(G({}, this.options, e2), { styles: t2 });
+            this._postMessage({ type: "update", data: V(G({}, r2), { styles: t2 }) }), g("Updated field", this.options);
+          }
+        }
+        setPlaceholder(e2) {
+          this.update({ placeholder: e2 });
+        }
+        setStyles(e2) {
+          this.update({ styles: e2 });
+        }
+        clear() {
+          if (this.frameUrl) {
+            var e2 = this.type;
+            this._postMessage({ type: "reset", data: { type: e2 } }), g("Cleared field", { type: e2 });
+          }
+        }
+        focus() {
+          if (this.frameUrl) {
+            var e2 = this.type;
+            this._postMessage({ type: "focus", data: { type: e2 } }), g("Focus field", { type: e2 });
+          }
+        }
+        redactValue() {
+          if (this.frameUrl) {
+            var e2 = this.type;
+            this._postMessage({ type: "redact-value", data: { type: e2 } }), g("Redact field", { type: e2 });
+          }
+        }
+        unredactValue() {
+          if (this.frameUrl) {
+            var e2 = this.type;
+            this._postMessage({ type: "unredact-value", data: { type: e2 } }), g("Unredact field", { type: e2 });
+          }
+        }
+        setEnterKeyHint(e2) {
+          if (this.frameUrl) {
+            var t2 = this.type;
+            this._postMessage({ type: "set-enter-key-hint", data: { type: t2, value: e2 } }), g("Updated enter key hint", { type: t2, value: e2 });
+          }
+        }
+        constructor(e2) {
+          if (H(this, "frameUrl", void 0), H(this, "parentOrigin", void 0), H(this, "frame", void 0), H(this, "type", void 0), H(this, "options", void 0), H(this, "addEventListener", void 0), H(this, "removeEventListener", void 0), H(this, "ready", void 0), H(this, "_resolveReady", void 0), H(this, "complete", void 0), e2) {
+            this.ready = new Promise((e3) => {
+              this._resolveReady = e3;
+            });
+            var t2 = e2.frameUrl, r2 = e2.parentOrigin, i2 = e2.font, o2 = e2.sessionId, a2 = e2.gr4vyId, s2 = e2.environment, c2 = e2.options, l2 = c2.type, d2 = c2.autoFocus, h2 = (function(e3, t3) {
+              if (null == e3) return {};
+              var r3, n2, i3, o3 = {};
+              if ("undefined" != typeof Reflect && Reflect.ownKeys) {
+                for (r3 = Reflect.ownKeys(Object(e3)), i3 = 0; i3 < r3.length; i3++) n2 = r3[i3], t3.indexOf(n2) >= 0 || Object.prototype.propertyIsEnumerable.call(e3, n2) && (o3[n2] = e3[n2]);
+                return o3;
+              }
+              if (o3 = (function(e4, t4) {
+                if (null == e4) return {};
+                var r4, n3, i4 = {}, o4 = Object.getOwnPropertyNames(e4);
+                for (n3 = 0; n3 < o4.length; n3++) r4 = o4[n3], t4.indexOf(r4) >= 0 || Object.prototype.propertyIsEnumerable.call(e4, r4) && (i4[r4] = e4[r4]);
+                return i4;
+              })(e3, t3), Object.getOwnPropertySymbols) for (r3 = Object.getOwnPropertySymbols(e3), i3 = 0; i3 < r3.length; i3++) n2 = r3[i3], t3.indexOf(n2) >= 0 || Object.prototype.propertyIsEnumerable.call(e3, n2) && (o3[n2] = e3[n2]);
+              return o3;
+            })(c2, ["type", "autoFocus"]), u2 = e2.paymentMethodScheme;
+            this.frameUrl = t2, this.parentOrigin = r2, this.type = l2, this.options = h2;
+            var p2 = Y(h2.styles), y2 = { parentOrigin: r2, type: l2, sessionId: o2, gr4vyId: a2, environment: s2 };
+            this.frame = document.createElement("iframe"), this.frame.id = l2, this.frame.src = n("".concat(t2, "/input.html"), y2), this.frame.title = "Secure Input", this.frame.style.display = "block", this.frame.style.height = "100%", this.frame.style.border = "none", this.frame.style.width = "100%", i2 && (this.frame.src += "&font=".concat(i2)), u2 && (this.frame.src += "&paymentMethodScheme=".concat(u2)), this.frame.onload = () => {
+              this._postMessage({ type: "update", data: V(G({}, this.options), { styles: p2, type: l2 }) }), g("Added field", this.options), d2 && this.focus();
+            };
+          }
+        }
+      }
+      var B = ["number", "expiryDate", "securityCode", "postalCode"], q = ["accesskey", "autocapitalize", "autocomplete", "autofocus", "aria-.", "class", "contenteditable", "data-.", "dir", "draggable", "enterkeyhint", "hidden", "id", "inert", "inputmode", "is", "itemid", "itemprop", "itemref", "itemscope", "itemtype", "lang", "nonce", "onabort", "onautocomplete", "onautocompleteerror", "onblur", "oncancel", "oncanplay", "oncanplaythrough", "onchange", "onclick", "onclose", "oncontextmenu", "oncuechange", "ondblclick", "ondrag", "ondragend", "ondragenter", "ondragleave", "ondragover", "ondragstart", "ondrop", "ondurationchange", "onemptied", "onended", "onerror", "onfocus", "oninput", "oninvalid", "onkeydown", "onkeypress", "onkeyup", "onload", "onloadeddata", "onloadedmetadata", "onloadstart", "onmousedown", "onmouseenter", "onmouseleave", "onmousemove", "onmouseout", "onmouseover", "onmouseup", "onmousewheel", "onpause", "onplay", "onplaying", "onprogress", "onratechange", "onreset", "onresize", "onscroll", "onseeked", "onseeking", "onselect", "onshow", "onsort", "onstalled", "onsubmit", "onsuspend", "ontimeupdate", "ontoggle", "onvolumechange", "onwaiting", "popover", "role", "slot", "spellcheck", "style", "tabindex", "title", "translate"];
+      function z(e2, t2, r2) {
+        return t2 in e2 ? Object.defineProperty(e2, t2, { value: r2, enumerable: true, configurable: true, writable: true }) : e2[t2] = r2, e2;
+      }
+      var Z = ["visa", "mastercard", "amex"];
+      function Q(e2, t2, r2, n2, i2, o2, a2) {
+        try {
+          var s2 = e2[o2](a2), c2 = s2.value;
+        } catch (e3) {
+          return void r2(e3);
+        }
+        s2.done ? t2(c2) : Promise.resolve(c2).then(n2, i2);
+      }
+      function J(e2, t2, r2) {
+        return t2 in e2 ? Object.defineProperty(e2, t2, { value: r2, enumerable: true, configurable: true, writable: true }) : e2[t2] = r2, e2;
+      }
+      function $(e2) {
+        for (var t2 = 1; t2 < arguments.length; t2++) {
+          var r2 = null != arguments[t2] ? arguments[t2] : {}, n2 = Object.keys(r2);
+          "function" == typeof Object.getOwnPropertySymbols && (n2 = n2.concat(Object.getOwnPropertySymbols(r2).filter(function(e3) {
+            return Object.getOwnPropertyDescriptor(r2, e3).enumerable;
+          }))), n2.forEach(function(t3) {
+            J(e2, t3, r2[t3]);
+          });
+        }
+        return e2;
+      }
+      function X(e2, t2) {
+        return t2 = null != t2 ? t2 : {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(t2)) : (function(e3) {
+          var t3 = Object.keys(e3);
+          if (Object.getOwnPropertySymbols) {
+            var r2 = Object.getOwnPropertySymbols(e3);
+            t3.push.apply(t3, r2);
+          }
+          return t3;
+        })(Object(t2)).forEach(function(r2) {
+          Object.defineProperty(e2, r2, Object.getOwnPropertyDescriptor(t2, r2));
+        }), e2;
+      }
+      function ee(e2, t2) {
+        if (null == e2) return {};
+        var r2, n2, i2, o2 = {};
+        if ("undefined" != typeof Reflect && Reflect.ownKeys) {
+          for (r2 = Reflect.ownKeys(Object(e2)), i2 = 0; i2 < r2.length; i2++) n2 = r2[i2], t2.indexOf(n2) >= 0 || Object.prototype.propertyIsEnumerable.call(e2, n2) && (o2[n2] = e2[n2]);
+          return o2;
+        }
+        if (o2 = (function(e3, t3) {
+          if (null == e3) return {};
+          var r3, n3, i3 = {}, o3 = Object.getOwnPropertyNames(e3);
+          for (n3 = 0; n3 < o3.length; n3++) r3 = o3[n3], t3.indexOf(r3) >= 0 || Object.prototype.propertyIsEnumerable.call(e3, r3) && (i3[r3] = e3[r3]);
+          return i3;
+        })(e2, t2), Object.getOwnPropertySymbols) for (r2 = Object.getOwnPropertySymbols(e2), i2 = 0; i2 < r2.length; i2++) n2 = r2[i2], t2.indexOf(n2) >= 0 || Object.prototype.propertyIsEnumerable.call(e2, n2) && (o2[n2] = e2[n2]);
+        return o2;
+      }
+      class te {
+        static get Events() {
+          return o;
+        }
+        static get version() {
+          return "#ffb6feb2e0f001ac7ebf45b5c1b5802e589b3a28";
+        }
+        update(e2, t2) {
+          this[e2] = t2;
+        }
+        updateMethod(e2, t2) {
+          var r2 = t2.data;
+          this.update("method", e2), y.publish(o.METHOD_CHANGE, r2), g("Method changed", { method: e2 }), this.controller.contentWindow.postMessage({ type: "method-change", channel: l }, this.frameUrl);
+        }
+        setAutoAdvance(e2) {
+          e2.enabled && (O(c.AUTO_ADVANCE_ENABLED), this.autoAdvance = ((e3) => {
+            var t2 = e3.enabled, r2 = e3.secureFields, n2 = ((e4) => {
+              if (!(null == e4 ? void 0 : e4.length)) return B;
+              var t3 = e4.filter((t4, r4) => B.includes(t4) && e4.indexOf(t4) === r4), r3 = B.filter((e5) => !t3.includes(e5));
+              return [...t3, ...r3];
+            })(e3.fieldOrder), i2 = (e4) => e4 ? "number" === e4 ? r2.cardNumber : "expiryDate" === e4 ? r2.expiryDate : "securityCode" === e4 ? r2.securityCode : r2.otherFields[e4] : null, o2 = (e4) => {
+              var t3 = e4.type, r3 = e4.nextIndex, a2 = null != r3 ? r3 : n2.indexOf(t3);
+              if (!(a2 < 0 || a2 >= n2.length - 1)) {
+                var s2 = i2(n2[a2 + 1]);
+                !(null == s2 ? void 0 : s2.complete) && (null == s2 ? void 0 : s2.frame) ? s2.focus() : o2({ nextIndex: a2 + 1 });
+              }
+            };
+            return { get enabled() {
+              return t2;
+            }, get fieldOrder() {
+              return n2;
+            }, updateEnterKeyHint: (e4) => {
+              var r3;
+              if (null == e4 ? void 0 : e4.frame) {
+                var o3 = n2.indexOf(e4.type), a2 = n2[o3 + 1], s2 = a2 && (null === (r3 = i2(a2)) || void 0 === r3 ? void 0 : r3.frame);
+                e4.setEnterKeyHint(t2 && s2 ? "next" : "done");
+              }
+            }, trigger: o2 };
+          })(X($({}, e2), { secureFields: this })));
+        }
+        _addField(e2, t2, r2) {
+          if (!(e2 = "string" == typeof e2 ? document.querySelector(e2) : e2) || !t2.frame) return t2.addEventListener = () => {
+          }, t2.removeEventListener = () => {
+          }, t2;
+          var n2 = e2.closest("[data-secure-fields-input-group]"), i2 = null != n2 ? n2 : document.createElement("div"), o2 = (e3) => {
+            var r3;
+            if (e3.origin === this.frameUrl && (null === (r3 = e3.data.data) || void 0 === r3 ? void 0 : r3.id) === t2.type) switch (e3.data.type) {
+              case "blur":
+                y.publish("".concat(t2.type, ":blur"), e3.data.data), i2.removeAttribute(s.FOCUSED), g("Field blurred", e3.data.data);
+                break;
+              case "focus":
+                y.publish("".concat(t2.type, ":focus"), e3.data.data), i2.setAttribute(s.FOCUSED, ""), g("Field focused", e3.data.data);
+                break;
+              case "input":
+                var n3, o3 = e3.data.data, a2 = o3.complete, c2 = o3.fromBlur, l2 = o3.isDeleteInputType, d2 = ee(o3, ["complete", "fromBlur", "isDeleteInputType"]);
+                if (y.publish("".concat(t2.type, ":input"), d2), t2.complete = a2, e3.data.data.valid ? i2.removeAttribute(s.INVALID) : i2.setAttribute(s.INVALID, ""), e3.data.data.autofilled ? i2.setAttribute(s.AUTOFILLED, "") : i2.removeAttribute(s.AUTOFILLED), (null === (n3 = this.autoAdvance) || void 0 === n3 ? void 0 : n3.enabled) && a2 && !d2.autofilled && false === c2 && !l2 && this.autoAdvance.trigger({ type: t2.type }), this.schemeIcons && "number" === t2.type) {
+                  var h2, u2, p2;
+                  d2.bin || (this.cardDetailsSchemes = { scheme: void 0, additionalSchemes: [] });
+                  var m2 = null !== (h2 = null === (u2 = this.cardDetailsSchemes) || void 0 === u2 ? void 0 : u2.scheme) && void 0 !== h2 ? h2 : d2.schema, f2 = null === (p2 = this.cardDetailsSchemes) || void 0 === p2 ? void 0 : p2.additionalSchemes;
+                  !m2 && d2.empty && this.schemeIcons.config.placeholders ? this.schemeIcons.showPlaceholders() : m2 ? this.schemeIcons.showSchemes({ scheme: m2, additionalSchemes: f2 }) : this.schemeIcons.hideSchemes();
+                }
+                g("Field input changed", d2);
+                break;
+              case "redacted":
+                y.publish("".concat(t2.type, ":redacted"), e3.data.data), g("Field redacted", e3.data.data);
+                break;
+              case "unredacted":
+                y.publish("".concat(t2.type, ":unredacted"), e3.data.data), g("Field unredacted", e3.data.data);
+                break;
+              case "card-details-changed":
+                var v2;
+                y.publish("".concat(t2.type, ":card-details-changed"), e3.data.data), this.schemeIcons && (this.cardDetailsSchemes = { scheme: e3.data.data.scheme, additionalSchemes: null !== (v2 = e3.data.data.additionalSchemes) && void 0 !== v2 ? v2 : [] }, this.schemeIcons.showSchemes(this.cardDetailsSchemes)), g("Card details changed", e3.data.data);
+            }
+          };
+          return v.remove("message", o2, t2.type), v.add("message", o2, t2.type), t2.addEventListener = this.addEventListener, t2.removeEventListener = this.removeEventListener, this.controllerReady.then(() => {
+            var o3, a2, s2, c2;
+            o3 = e2, a2 = i2, Array.from(o3.attributes).forEach((e3) => {
+              var t3 = e3.name, r3 = e3.value;
+              q.some((e4) => new RegExp(e4).test(t3)) && a2.setAttribute(t3, r3);
+            }), (i2 = a2).classList.add("secure-fields__input", "secure-fields__input--".concat(F(t2.type))), n2 ? (null === (s2 = e2.parentNode) || void 0 === s2 || s2.replaceChild(t2.frame, e2), n2.style.display = "inline-flex", n2.style.alignItems = "center", t2.frame.style.minWidth = "0") : (null === (c2 = e2.parentNode) || void 0 === c2 || c2.replaceChild(i2, e2), i2.appendChild(t2.frame)), "number" === t2.type && (null == r2 ? void 0 : r2.showSchemeIcons) && (i2.style.display = "inline-flex", i2.style.alignItems = "center", this.schemeIcons = ((e3) => {
+              var t3 = e3.baseUrl, r3 = ((e4) => {
+                var t4 = { scheme: false, additionalSchemes: false, placeholders: false };
+                return "boolean" == typeof e4 ? e4 ? { scheme: true, additionalSchemes: true, placeholders: false } : t4 : (function(e5) {
+                  for (var t5 = 1; t5 < arguments.length; t5++) {
+                    var r4 = null != arguments[t5] ? arguments[t5] : {}, n4 = Object.keys(r4);
+                    "function" == typeof Object.getOwnPropertySymbols && (n4 = n4.concat(Object.getOwnPropertySymbols(r4).filter(function(e6) {
+                      return Object.getOwnPropertyDescriptor(r4, e6).enumerable;
+                    }))), n4.forEach(function(t6) {
+                      z(e5, t6, r4[t6]);
+                    });
+                  }
+                  return e5;
+                })({}, t4, e4);
+              })(e3.showSchemeIcons), n3 = /* @__PURE__ */ new Set(), i3 = document.createElement("div");
+              i3.classList.add("secure-fields__scheme-icons"), i3.style.display = "flex", i3.style.gap = "4px", i3.style.marginRight = "4px";
+              var o4 = Array.from({ length: 3 }, () => {
+                var e4 = document.createElement("img");
+                return e4.setAttribute("alt", ""), e4.setAttribute("aria-hidden", "true"), e4.style.display = "none", e4.onerror = () => {
+                  var t4 = e4.getAttribute("src");
+                  t4 && n3.add(t4), e4.style.display = "none";
+                }, e4.onload = () => {
+                  e4.style.display = "block";
+                }, i3.appendChild(e4), e4;
+              }), a3 = (e4) => {
+                var i4 = e4.scheme, a4 = void 0 === i4 ? "" : i4, s3 = e4.additionalSchemes, c3 = void 0 === s3 ? [] : s3, l2 = e4.placeholders, d2 = void 0 !== l2 && l2, h2 = [...r3.scheme && a4 ? [a4] : [], ...r3.additionalSchemes && c3.length ? c3 : [], ...d2 ? Z : []].slice(0, 3);
+                o4.forEach((e5, r4) => {
+                  var i5 = h2[r4];
+                  if (i5) {
+                    var o5 = "".concat(t3, "/").concat(i5, ".svg");
+                    e5.getAttribute("src") !== o5 ? (e5.setAttribute("src", o5), e5.width = 48) : n3.has(o5) || (e5.style.display = "block");
+                  } else e5.style.display = "none";
+                });
+              };
+              return { config: r3, container: i3, slots: o4, showSchemes: a3, showPlaceholders: () => a3({ placeholders: true }), hideSchemes: () => o4.forEach((e4) => e4.style.display = "none") };
+            })({ baseUrl: "".concat(this.cdnBaseUrl, "/assets/icons/card-schemes"), showSchemeIcons: r2.showSchemeIcons }), t2.frame.after(this.schemeIcons.container), this.schemeIcons.config.placeholders && this.schemeIcons.showPlaceholders()), t2._resolveReady(), t2.frame.addEventListener("load", () => {
+              var e3;
+              return null === (e3 = this.autoAdvance) || void 0 === e3 ? void 0 : e3.updateEnterKeyHint(t2);
+            });
+          }), t2;
+        }
+        addCardNumberField(e2, t2) {
+          return this.paymentMethodId && O(c.PAYMENT_METHOD_ID_IN_USE, { method: "addCardNumberField" }), this.cardNumber || (this.cardNumber = new W(X($({ frameUrl: this.frameUrl, parentOrigin: this.parentOrigin, font: this.font, sessionId: this.config.sessionId, gr4vyId: this.config.gr4vyId, environment: this.config.environment }, this.paymentMethodId ? { paymentMethodId: this.paymentMethodId } : {}), { options: X($({ label: "Card number" }, t2), { type: "number" }) }))), this._addField(e2, this.cardNumber, t2);
+        }
+        addSecurityCodeField(e2, t2) {
+          var r2, n2;
+          return this.securityCode || (this.securityCode = new W({ frameUrl: this.frameUrl, parentOrigin: this.parentOrigin, font: this.font, options: X($({ label: "Security code" }, this.paymentMethodId && !(null === (r2 = this.config.paymentMethod) || void 0 === r2 ? void 0 : r2.scheme) ? { lengths: [3, 4] } : {}, t2), { type: "securityCode" }), paymentMethodScheme: null === (n2 = this.config.paymentMethod) || void 0 === n2 ? void 0 : n2.scheme })), this._addField(e2, this.securityCode);
+        }
+        addExpiryDateField(e2, t2) {
+          return this.paymentMethodId && O(c.PAYMENT_METHOD_ID_IN_USE, { method: "addExpiryDateField" }), this.expiryDate || (this.expiryDate = new W({ frameUrl: this.frameUrl, parentOrigin: this.parentOrigin, font: this.font, options: X($({ label: "Expiry date" }, t2), { type: "expiryDate" }) })), this._addField(e2, this.expiryDate);
+        }
+        addField(e2, t2) {
+          if (["number", "expiryDate", "securityCode"].includes(t2.type)) {
+            t2.pattern && O(c.FIELD_PATTERN_IN_USE, $({ method: "addField" }, t2)), t2.pattern, t2.type;
+            var r2 = ee(t2, ["pattern", "type"]);
+            return this[d[t2.type]](e2, r2);
+          }
+          return this.otherFields[t2.type] || (this.otherFields = X($({}, this.otherFields), { [t2.type]: new W({ frameUrl: this.frameUrl, parentOrigin: this.parentOrigin, font: this.font, options: t2 }) })), this._addField(e2, this.otherFields[t2.type]);
+        }
+        addThreeDSecure(e2, t2) {
+          this.threeDS || (this.threeDS = new S(this), this.threeDS.init(e2, t2), this.setThreeDSecureEnabled(true), this.postThreeDSInit());
+        }
+        removeThreeDSecure() {
+          var e2, t2;
+          null === (e2 = this.threeDS) || void 0 === e2 || e2.destroy(), null === (t2 = this.threeDS) || void 0 === t2 || t2.controller.remove(), this.threeDS = void 0, this.setThreeDSecureEnabled(false);
+        }
+        setThreeDSecureEnabled(e2) {
+          this.threeDSEnabled = e2;
+        }
+        postThreeDSInit() {
+          this.controllerReady.then(() => {
+            var e2;
+            null === (e2 = this.controller.contentWindow) || void 0 === e2 || e2.postMessage({ type: "three-ds-init", channel: l }, this.frameUrl);
+          });
+        }
+        addClickToPay(e2, t2) {
+          return (r2 = function* () {
+            if (!this.paymentMethodId) return this.clickToPayInstance = yield new M(this), this.clickToPay = yield this.clickToPayInstance.init(e2, t2), this.clickToPay;
+            O(c.PAYMENT_METHOD_ID_IN_USE, { method: "addClickToPay" });
+          }, function() {
+            var e3 = this, t3 = arguments;
+            return new Promise(function(n2, i2) {
+              var o2 = r2.apply(e3, t3);
+              function a2(e4) {
+                Q(o2, n2, i2, a2, s2, "next", e4);
+              }
+              function s2(e4) {
+                Q(o2, n2, i2, a2, s2, "throw", e4);
+              }
+              a2(void 0);
+            });
+          }).call(this);
+          var r2;
+        }
+        addEventListener(e2, t2) {
+          var r2 = this.type, n2 = "".concat(this.constructor === W ? "".concat(r2, ":") : "").concat(e2);
+          y.subscribe(n2, t2);
+        }
+        removeEventListener(e2, t2) {
+          var r2 = this.type, n2 = "".concat(this.constructor === W ? "".concat(r2, ":") : "").concat(e2);
+          y.unsubscribe(n2, t2);
+        }
+        submit() {
+          var e2, t2, r2 = (e3) => {
+            var t3, n3 = [this.frameUrl, null === (t3 = this.clickToPayInstance) || void 0 === t3 ? void 0 : t3.origin].includes(e3.origin), i3 = e3.data.channel === l, a2 = ["success", "error", o.CLICK_TO_PAY_CANCEL, o.CLICK_TO_PAY_ERROR, o.CLICK_TO_PAY_AUTHENTICATE_FAILURE].includes(e3.data.type);
+            if (n3 && i3 && a2) {
+              switch (e3.data.type) {
+                case "success":
+                  var s2;
+                  y.publish(o.CARD_VAULT_SUCCESS, e3.data.data), (null === (s2 = e3.data.data) || void 0 === s2 ? void 0 : s2.warn) && (O(e3.data.data.warn), delete e3.data.data.warn), g("Payment method tokenized successfully", e3.data.data);
+                  break;
+                case "error":
+                  y.publish(o.CARD_VAULT_FAILURE, e3.data), g("Failed to update checkout session", e3.data.data);
+              }
+              window.removeEventListener("message", r2);
+            }
+          };
+          if (window.addEventListener("message", r2), "click-to-pay" === this.method || "card" === this.method && (null === (e2 = this.clickToPayInstance) || void 0 === e2 ? void 0 : e2.controller) && true === (null === (t2 = this.clickToPayInstance) || void 0 === t2 ? void 0 : t2.consent)) {
+            var n2;
+            this.clickToPayInstance.controller.contentWindow.postMessage({ type: "submit", channel: l, data: { checkoutOptions: null === (n2 = this.clickToPayInstance) || void 0 === n2 ? void 0 : n2.checkoutOptions } }, this.clickToPayInstance.url);
+          } else {
+            var i2 = () => this.controller.contentWindow.postMessage({ type: "submit", channel: l, data: { method: this.paymentMethodId ? "id" : "card", threeDSEnabled: !!this.threeDS && this.threeDSEnabled } }, this.frameUrl);
+            this.threeDS && this.threeDSEnabled ? this.threeDS.ready.then(i2) : i2();
+          }
+        }
+        setDebug(e2) {
+          localStorage.setItem(i, String(e2));
+        }
+        addFont(e2) {
+          this.font = e2.replace(/\s/g, "+");
+        }
+        constructor(e2) {
+          var t2, i2;
+          J(this, "config", void 0), J(this, "controller", void 0), J(this, "frameUrl", void 0), J(this, "apiUrl", void 0), J(this, "cdnBaseUrl", void 0), J(this, "parentOrigin", void 0), J(this, "font", void 0), J(this, "cardNumber", void 0), J(this, "securityCode", void 0), J(this, "expiryDate", void 0), J(this, "otherFields", {}), J(this, "method", "card"), J(this, "clickToPayInstance", void 0), J(this, "clickToPay", void 0), J(this, "threeDS", void 0), J(this, "threeDSEnabled", true), J(this, "environmentPath", void 0), J(this, "paymentMethodId", void 0), J(this, "autoAdvance", null), J(this, "schemeIcons", null), J(this, "cardDetailsSchemes", null), J(this, "controllerReady", void 0), J(this, "_resolveControllerReady", void 0), y.unsubscribeAll(), this.config = $({ environment: "production" }, e2), this.controllerReady = new Promise((e3) => {
+            var t3 = Date.now();
+            this._resolveControllerReady = () => e3(Date.now() - t3);
+          }), this.config.paymentMethodId && !this.config.paymentMethod && O(c.PAYMENT_METHOD_ID_DEPRECATED), this.environmentPath = "sandbox" === this.config.environment ? "sandbox." : "", this.frameUrl = window.SECURE_FIELDS_FRAME_URL || "https://secure-fields.".concat(this.environmentPath).concat(this.config.gr4vyId, ".gr4vy.app"), this.parentOrigin = window.location.origin, this.paymentMethodId = (null === (t2 = this.config.paymentMethod) || void 0 === t2 ? void 0 : t2.id) || this.config.paymentMethodId, this.cdnBaseUrl = (function(e3) {
+            return r(e3, arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "production", "cdn");
+          })(this.config.gr4vyId, this.config.environment);
+          var a2 = $({ parentOrigin: this.parentOrigin, sessionId: this.config.sessionId, gr4vyId: this.config.gr4vyId, environment: this.config.environment }, this.paymentMethodId ? { paymentMethodId: this.paymentMethodId } : {});
+          null === (i2 = document.body.querySelector("iframe#controller[src*=secure-fields]")) || void 0 === i2 || i2.remove(), this.controller = document.createElement("iframe"), this.controller.id = "controller", this.controller.src = n("".concat(this.frameUrl, "/controller.html"), a2), this.controller.title = "Secure Controller", this.controller.style.position = "absolute", this.controller.style.left = "-9999999px", document.body.appendChild(this.controller), this.paymentMethodId && (this.cardNumber = new W(), this.expiryDate = new W()), g("Initialized", X($({}, this.config), { version: te.version, frameUrl: this.frameUrl, parentOrigin: this.parentOrigin }));
+          var s2 = (e3) => {
+            if (e3.origin === this.frameUrl) switch (e3.data.type) {
+              case "ready":
+                var t3 = $({ version: te.version }, this.config);
+                y.publish(o.READY, t3), this._resolveControllerReady(), g("Ready", t3);
+                break;
+              case "form-change":
+                y.publish(o.FORM_CHANGE, e3.data.data), g("Form change", e3.data.data);
+            }
+          };
+          v.remove("message", s2, "init"), v.add("message", s2, "init"), this.controllerReady.then((e3) => g("Loaded controller after ".concat(e3, " milliseconds")));
+        }
+      }
+      return t;
+    })());
+  }
+});
+
 // src/CheckoutEmbed.tsx
 import { useCallback, useRef, useState as useState2 } from "react";
 
@@ -642,6 +1639,7 @@ function useThrottleCheckout(options) {
 }
 
 // src/useSecureCard.tsx
+var import_secure_fields2 = __toESM(require_lib(), 1);
 import {
   createContext,
   useCallback as useCallback5,
@@ -650,17 +1648,16 @@ import {
   useRef as useRef4,
   useState as useState6
 } from "react";
-import { SecureFields as SecureFields2 } from "@gr4vy/secure-fields";
 
 // src/threeDSecure.ts
-import { SecureFields } from "@gr4vy/secure-fields";
+var import_secure_fields = __toESM(require_lib(), 1);
 function resolveChallenge({ instance, element, challengeWindowSize }) {
   return new Promise((resolve) => {
     const handleFinish = () => {
-      instance.removeEventListener?.(SecureFields.Events.THREE_DS_FINISH, handleFinish);
+      instance.removeEventListener?.(import_secure_fields.SecureFields.Events.THREE_DS_FINISH, handleFinish);
       resolve();
     };
-    instance.addEventListener(SecureFields.Events.THREE_DS_FINISH, handleFinish);
+    instance.addEventListener(import_secure_fields.SecureFields.Events.THREE_DS_FINISH, handleFinish);
     instance.addThreeDSecure(element, challengeWindowSize ? { challengeWindowSize } : void 0);
   });
 }
@@ -692,7 +1689,7 @@ function SecureCardProvider({
   const [instance, setInstance] = useState6(null);
   const [threeDSMount, setThreeDSMount] = useState6(null);
   useEffect5(() => {
-    const created = new SecureFields2({ gr4vyId: providerInstanceId, environment, sessionId });
+    const created = new import_secure_fields2.SecureFields({ gr4vyId: providerInstanceId, environment, sessionId });
     setInstance(created);
     setMountedCount(0);
     setStatus((current) => current === "idle" || current === "ready" ? "mounting" : current);
@@ -717,15 +1714,15 @@ function SecureCardProvider({
       if (!challengeWaiter.current) return;
       setStatus((current) => current === "challenging" ? "vaulting" : current);
     };
-    instance.addEventListener(SecureFields2.Events.CARD_VAULT_SUCCESS, handleSuccess);
-    instance.addEventListener(SecureFields2.Events.CARD_VAULT_FAILURE, handleFailure);
-    instance.addEventListener(SecureFields2.Events.THREE_DS_START, handleThreeDSStart);
-    instance.addEventListener(SecureFields2.Events.THREE_DS_FINISH, handleThreeDSFinish);
+    instance.addEventListener(import_secure_fields2.SecureFields.Events.CARD_VAULT_SUCCESS, handleSuccess);
+    instance.addEventListener(import_secure_fields2.SecureFields.Events.CARD_VAULT_FAILURE, handleFailure);
+    instance.addEventListener(import_secure_fields2.SecureFields.Events.THREE_DS_START, handleThreeDSStart);
+    instance.addEventListener(import_secure_fields2.SecureFields.Events.THREE_DS_FINISH, handleThreeDSFinish);
     return () => {
-      instance.removeEventListener?.(SecureFields2.Events.CARD_VAULT_SUCCESS, handleSuccess);
-      instance.removeEventListener?.(SecureFields2.Events.CARD_VAULT_FAILURE, handleFailure);
-      instance.removeEventListener?.(SecureFields2.Events.THREE_DS_START, handleThreeDSStart);
-      instance.removeEventListener?.(SecureFields2.Events.THREE_DS_FINISH, handleThreeDSFinish);
+      instance.removeEventListener?.(import_secure_fields2.SecureFields.Events.CARD_VAULT_SUCCESS, handleSuccess);
+      instance.removeEventListener?.(import_secure_fields2.SecureFields.Events.CARD_VAULT_FAILURE, handleFailure);
+      instance.removeEventListener?.(import_secure_fields2.SecureFields.Events.THREE_DS_START, handleThreeDSStart);
+      instance.removeEventListener?.(import_secure_fields2.SecureFields.Events.THREE_DS_FINISH, handleThreeDSFinish);
     };
   }, [instance]);
   const registerField = useCallback5(