@starfish-codes/hellgate 3.11.0 → 3.12.0

package/dist/card/ui/iframe/elements/base-element.d.ts

@@ -14,6 +14,7 @@ export declare abstract class IframeCardElementBase implements BaseElement<Eleme
     abstract readonly type: ElementType;
     protected abstract options: ElementBaseOptions;
     protected abstract inputMaskOptions: FactoryArg;
+    protected readonly inputMode?: 'numeric';
     protected inputMask?: InputMask<FactoryArg>;
     protected id: string;
     cardType?: CreditCardType;

package/dist/card/ui/iframe/elements/card-expiration-date.d.ts

@@ -3,6 +3,7 @@ import { ElementBaseOptions, ElementMetadata, ElementType, ITextElement } from '
 import { IframeCardElementBase } from './base-element';
 export declare class IframeCardExpirationDate extends IframeCardElementBase implements ITextElement {
     readonly type: ElementType;
+    protected readonly inputMode = "numeric";
     protected options: ElementBaseOptions;
     compiledMask?: Masked;
     protected inputMaskOptions: FactoryArg;

package/dist/card/ui/iframe/elements/card-expiration-month.d.ts

@@ -3,6 +3,7 @@ import { ElementBaseOptions, ElementMetadata, ElementType, ITextElement } from '
 import { IframeCardElementBase } from './base-element';
 export declare class IframeCardExpirationMonth extends IframeCardElementBase implements ITextElement {
     readonly type: ElementType;
+    protected readonly inputMode = "numeric";
     protected options: ElementBaseOptions;
     compiledMask?: Masked;
     protected inputMaskOptions: FactoryArg;

package/dist/card/ui/iframe/elements/card-expiration-year.d.ts

@@ -3,6 +3,7 @@ import { ElementBaseOptions, ElementMetadata, ElementType, ITextElement } from '
 import { IframeCardElementBase } from './base-element';
 export declare class IframeCardExpirationYear extends IframeCardElementBase implements ITextElement {
     readonly type: ElementType;
+    protected readonly inputMode = "numeric";
     protected options: ElementBaseOptions;
     protected inputMaskOptions: FactoryArg;
     protected validate(masked: Masked): ElementMetadata;

package/dist/card/ui/iframe/elements/card-number.d.ts

@@ -4,6 +4,7 @@ import { IframeCardElementBase } from './base-element';
 export type IconPosition = 'left' | 'right' | 'none';
 export declare class IframeCardNumber extends IframeCardElementBase implements ITextElement {
     readonly type: ElementType;
+    protected readonly inputMode = "numeric";
     protected options: ElementBaseOptions;
     protected inputMaskOptions: FactoryArg;
     update(options: ElementBaseOptions): Promise<void>;

package/dist/card/ui/iframe/elements/card-verification-code.d.ts

@@ -3,6 +3,7 @@ import { ElementBaseOptions, ElementType, ITextElement } from '../../typings';
 import { IframeCardElementBase } from './base-element';
 export declare class IframeCardVerificationCode extends IframeCardElementBase implements ITextElement {
     readonly type: ElementType;
+    protected readonly inputMode = "numeric";
     protected options: ElementBaseOptions;
     protected inputMaskOptions: FactoryArg;
 }

package/dist/coordinator/iframe/iframe-coordinator.d.ts

@@ -15,7 +15,7 @@ export declare class IframeCoordinator {
     private cardHandlerCoordinator;
     private session;
     private channel;
-    constructor(sessionId: string, apiBaseUrl: string, parentOrigin: string);
+    constructor(sessionId: string, apiBaseUrl: string, parentOrigin: string, sdkVersion?: string);
     init: () => Promise<void>;
     private setupChannelListener;
     /**

package/dist/coordinator/iframe/iframe.d.ts

@@ -1 +1 @@
-export declare function initCoordinatorIframe(sessionId: string, apiBaseUrl: string, origin: string): void;
+export declare function initCoordinatorIframe(sessionId: string, apiBaseUrl: string, origin: string, sdkVersion?: string): void;

package/dist/hellgate-sdk.mjs

@@ -1,14 +1,14 @@
-function C(i) {
+function S(i) {
   return Array.isArray(i) ? i.filter(Boolean) : Object.fromEntries(Object.entries(i).map(([e, t]) => [
     e,
-    typeof t == "object" && t && !Array.isArray(t) ? C(t) : t
+    typeof t == "object" && t && !Array.isArray(t) ? S(t) : t
   ]).filter(([e, t]) => typeof t == "object" && t && !Array.isArray(t) ? !!Object.keys(t).length : t != null && t != null));
 }
 function h(i, e) {
   const t = { ...i, ...e }, r = Object.keys(t);
-  for (const a of r) {
-    const n = i[a], s = e[a];
-    typeof n == "object" && !Array.isArray(n) && n && typeof s == "object" && !Array.isArray(s) && s && (t[a] = h(n, s));
+  for (const n of r) {
+    const a = i[n], s = e[n];
+    typeof a == "object" && !Array.isArray(a) && a && typeof s == "object" && !Array.isArray(s) && s && (t[n] = h(a, s));
   }
   return t;
 }
@@ -17,11 +17,11 @@ function E(i) {
     throw i;
   return i.json();
 }
-function S(i) {
+function j(i) {
   return `https://${window.HG_IFRAME_HOST ?? "sdk.hellgate.io"}/web/${i}/iframe/`;
 }
 const F = 2e3;
-class k {
+class R {
   constructor(e, t) {
     Object.defineProperty(this, "session", {
       enumerable: !0,
@@ -104,14 +104,14 @@ class k {
       configurable: !0,
       writable: !0,
       value: (r) => {
-        var a, n;
+        var n, a;
         switch (r.next_action) {
           case "3ds_check": {
             this.initCheck3DSIframes(r.data.threeds_server_callback_url, r.data.mon_url);
             break;
           }
           case "3ds_challenge": {
-            (a = this.onStartHandler) == null || a.call(this), this.disposeCheck3DSIframe(), this.startChallenge(r.data.challenge_url, r.data.result_mon_url);
+            (n = this.onStartHandler) == null || n.call(this), this.disposeCheck3DSIframe(), this.startChallenge(r.data.challenge_url, r.data.result_mon_url);
             break;
           }
           case "3ds_challenge_decoupled": {
@@ -119,7 +119,7 @@ class k {
             break;
           }
           case null: {
-            this.dispose(), (n = this.onFinishHandler) == null || n.call(this);
+            this.dispose(), (a = this.onFinishHandler) == null || a.call(this);
             break;
           }
         }
@@ -132,34 +132,34 @@ class k {
   initCheck3DSIframes(e, t) {
     const r = p();
     r.insertAdjacentHTML("beforeend", `<iframe id="check_3ds_${this.iframeId}" width="0" height="0" style="border:0;visibility: hidden;" src="${e}"></iframe>`);
-    const a = r.querySelector(`#check_3ds_${this.iframeId}`);
-    if (a) {
-      const n = (s) => {
-        s.source === a.contentWindow && this.session.completeAction({ action: "3ds_check", result: s.data });
+    const n = r.querySelector(`#check_3ds_${this.iframeId}`);
+    if (n) {
+      const a = (s) => {
+        s.source === n.contentWindow && this.session.completeAction({ action: "3ds_check", result: s.data });
       };
-      window.addEventListener("message", n), this.check3dsIframeDisposers.push(() => window.removeEventListener("message", n), () => a.remove());
+      window.addEventListener("message", a), this.check3dsIframeDisposers.push(() => window.removeEventListener("message", a), () => n.remove());
     }
     if (t) {
       r.insertAdjacentHTML("beforeend", `<iframe id="mon_${this.iframeId}" width="0" height="0" style="border:0;visibility: hidden;" src="${t}"></iframe>`);
-      const n = r.querySelector(`#mon_${this.iframeId}`);
-      n && this.disposers.push(() => n.remove());
+      const a = r.querySelector(`#mon_${this.iframeId}`);
+      a && this.disposers.push(() => a.remove());
     }
   }
   disposeCheck3DSIframe() {
     this.check3dsIframeDisposers.forEach((e) => e()), this.check3dsIframeDisposers = [];
   }
   startChallenge(e, t) {
-    const r = p(), a = `<div style="display: flex; flex-direction: column; gap: 10px; align-items: center; ${this.domContainer === r ? 'border:0; max-width: 800px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:100% " ' : 'border:0;" width="100%" height="100%"'}><iframe id="cha_${this.iframeId}" src="${e}"  width="100%" height="500"></iframe>${this.labelText ? '<span id="tds_label_text" style="font-size: large;">' + this.labelText + "</span>" : ""}<div>`;
-    this.domContainer.insertAdjacentHTML("beforeend", this.domContainer === r ? `<div id="cha_${this.iframeId}_wrap" style="background: #fff; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000;">${a}</div>` : a);
-    const n = this.domContainer.querySelector(`#cha_${this.iframeId}`), s = this.domContainer.querySelector(`#cha_${this.iframeId}_wrap`);
-    if (!n)
+    const r = p(), n = `<div style="display: flex; flex-direction: column; gap: 10px; align-items: center; ${this.domContainer === r ? 'border:0; max-width: 800px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:100% " ' : 'border:0;" width="100%" height="100%"'}><iframe id="cha_${this.iframeId}" src="${e}"  width="100%" height="500"></iframe>${this.labelText ? '<span id="tds_label_text" style="font-size: large;">' + this.labelText + "</span>" : ""}<div>`;
+    this.domContainer.insertAdjacentHTML("beforeend", this.domContainer === r ? `<div id="cha_${this.iframeId}_wrap" style="background: #fff; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000;">${n}</div>` : n);
+    const a = this.domContainer.querySelector(`#cha_${this.iframeId}`), s = this.domContainer.querySelector(`#cha_${this.iframeId}_wrap`);
+    if (!a)
       throw new Error("3DS Challenge Iframe initialization failed");
     this.disposers.push(() => {
-      n.remove(), s == null || s.remove();
+      a.remove(), s == null || s.remove();
     });
     const o = new Promise((c) => {
       const d = (u) => {
-        u.source !== n.contentWindow || u.data.event !== "AuthResultReady" || c({
+        u.source !== a.contentWindow || u.data.event !== "AuthResultReady" || c({
           ...u.data,
           requestor_trans_id: u.data.requestor_trans_id ?? u.data.requestorTransId,
           // TODO: remove this field after the backend is updated
@@ -184,12 +184,12 @@ class k {
     });
   }
   startDecoupledAuth(e, t, r) {
-    this.transactionId || (this.transactionId = r), this.decoupledAuthHandlers.forEach((n) => n(e));
-    const a = this.startAuthResultPolling(t, (n) => {
-      n.event === "AuthResultReady" && (this.session.completeAction({
+    this.transactionId || (this.transactionId = r), this.decoupledAuthHandlers.forEach((a) => a(e));
+    const n = this.startAuthResultPolling(t, (a) => {
+      a.event === "AuthResultReady" && (this.session.completeAction({
         action: "3ds_challenge_decoupled",
-        result: { ...n, event: n.event }
-      }), a());
+        result: { ...a, event: a.event }
+      }), n());
     });
   }
   startAuthResultPolling(e, t) {
@@ -208,12 +208,12 @@ const y = {
       backgroundColor: "transparent"
     }
   }
-}, R = "DOM Element was not found";
+}, $ = "DOM Element was not found";
 var O;
 (function(i) {
   i.NOT_COMPLETE = "NOT_COMPLETE", i.SCHEME_NOT_SUPPORTED = "SCHEME_NOT_SUPPORTED", i.LUHN_CHECK_FAILED = "LUHN_CHECK_FAILED", i.INVALID_EXPIRY_DATE = "INVALID_EXPIRY_DATE";
 })(O || (O = {}));
-const j = (i) => i != null, $ = "v3.11.0";
+const A = (i) => i != null, U = "v3.12.0";
 class f {
   constructor(e) {
     if (Object.defineProperty(this, "options", {
@@ -246,7 +246,7 @@ class f {
       configurable: !0,
       writable: !0,
       value: async ({ ...t }) => {
-        this.iframe && j(t.height) && (this.iframe.height = t.height), this.iframePostMessage({
+        this.iframe && A(t.height) && (this.iframe.height = t.height), this.iframePostMessage({
           type: "update",
           data: {
             ...t,
@@ -283,21 +283,21 @@ class f {
         var t;
         (t = this.iframe) == null || t.remove(), this.iframe = null;
       }
-    }), this.IFRAME_BASE_URL = S($), !this.IFRAME_BASE_URL)
+    }), this.IFRAME_BASE_URL = j(U), !this.IFRAME_BASE_URL)
       throw new Error("IFRAME_BASE_URL not found");
   }
   mount(e) {
     const t = typeof e == "string" ? document.querySelector(e) : e;
     if (!t)
-      throw new Error(`${R}: ${e}`);
+      throw new Error(`${$}: ${e}`);
     t.innerHTML = `<iframe width="100%" height="29" src="${this.IFRAME_BASE_URL}?field=${this.type}&origin=${location.origin}"></iframe>`, this.iframe = t.querySelector("iframe");
-    const r = (a) => {
-      var n;
-      a.source !== ((n = this.iframe) == null ? void 0 : n.contentWindow) || a.data.element !== this.type || this.emitEvent(a.data);
+    const r = (n) => {
+      var a;
+      n.source !== ((a = this.iframe) == null ? void 0 : a.contentWindow) || n.data.element !== this.type || this.emitEvent(n.data);
     };
-    return window.addEventListener("message", r), new Promise((a) => {
-      this.on("ready", (n) => {
-        this.key = n.key, this.update(this.options), a();
+    return window.addEventListener("message", r), new Promise((n) => {
+      this.on("ready", (a) => {
+        this.key = a.key, this.update(this.options), n();
       });
     });
   }
@@ -315,7 +315,7 @@ class f {
     (r = (t = this.iframe) == null ? void 0 : t.contentWindow) == null || r.postMessage(e, this.IFRAME_BASE_URL);
   }
 }
-class U extends f {
+class V extends f {
   constructor() {
     super(...arguments), Object.defineProperty(this, "type", {
       enumerable: !0,
@@ -326,22 +326,22 @@ class U extends f {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: A
+      value: H
     }), Object.defineProperty(this, "putValue", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: H
+      value: D
     });
   }
 }
-function A(i) {
+function H(i) {
   return i ? Number(i) : null;
 }
-function H(i) {
+function D(i) {
   return i ? i < 10 ? `0${i}` : String(i) : null;
 }
-class V extends f {
+class z extends f {
   constructor() {
     super(...arguments), Object.defineProperty(this, "type", {
       enumerable: !0,
@@ -352,38 +352,38 @@ class V extends f {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: D
+      value: T
     }), Object.defineProperty(this, "putValue", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: T
+      value: M
     });
   }
 }
-function D(i) {
+function T(i) {
   if (!i)
     return null;
   const e = Number(i);
   return e > 10 ? +`20${e}` : null;
 }
-function T(i) {
+function M(i) {
   return i ? i >= 100 ? String(i).slice(-2) : String(i) : null;
 }
-function M(i) {
+function I(i) {
   const [e = null, t = null] = (i ?? "").split("/").map((r) => r.trim());
   return {
-    month: A(e),
-    year: D(t)
+    month: H(e),
+    year: T(t)
   };
 }
-function I(i) {
+function L(i) {
   if (!i)
     return null;
   const { month: e, year: t } = i;
-  return [H(e), T(t)].filter(j).join(" / ");
+  return [D(e), M(t)].filter(A).join(" / ");
 }
-class z extends f {
+class B extends f {
   constructor() {
     super(...arguments), Object.defineProperty(this, "type", {
       enumerable: !0,
@@ -394,22 +394,22 @@ class z extends f {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: M
+      value: I
     }), Object.defineProperty(this, "putValue", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: I
+      value: L
     });
   }
 }
-function L(i) {
+function N(i) {
   return (i == null ? void 0 : i.replaceAll(" ", "")) ?? null;
 }
-function B(i) {
+function Y(i) {
   return i;
 }
-class Y extends f {
+class q extends f {
   constructor() {
     super(...arguments), Object.defineProperty(this, "type", {
       enumerable: !0,
@@ -420,16 +420,16 @@ class Y extends f {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: L
+      value: N
     }), Object.defineProperty(this, "putValue", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: B
+      value: Y
     });
   }
 }
-class q extends f {
+class K extends f {
   constructor() {
     super(...arguments), Object.defineProperty(this, "type", {
       enumerable: !0,
@@ -441,8 +441,8 @@ class q extends f {
       configurable: !0,
       writable: !0,
       value: (e) => e ? {
-        number: e.cardNumber ? L(e.cardNumber) : null,
-        expiry_date: e.cardExpirationDate ? M(e.cardExpirationDate) : null,
+        number: e.cardNumber ? N(e.cardNumber) : null,
+        expiry_date: e.cardExpirationDate ? I(e.cardExpirationDate) : null,
         cvc: e.cardVerificationCode ?? null
       } : null
     }), Object.defineProperty(this, "putValue", {
@@ -451,7 +451,7 @@ class q extends f {
       writable: !0,
       value: (e) => e ? {
         cardNumber: e.number ? e.number : null,
-        cardExpirationDate: e.expiry_date ? I(e.expiry_date) : null,
+        cardExpirationDate: e.expiry_date ? L(e.expiry_date) : null,
         cardVerificationCode: e.cvc ?? null
       } : null
     });
@@ -477,7 +477,7 @@ class G extends f {
     });
   }
 }
-class K extends f {
+class W extends f {
   constructor() {
     super(...arguments), Object.defineProperty(this, "type", {
       enumerable: !0,
@@ -500,24 +500,24 @@ class K extends f {
 function b(i, e) {
   switch (i) {
     case "card":
-      return new q(e);
+      return new K(e);
     case "cardNumber":
-      return new Y(e);
+      return new q(e);
     case "cardExpirationDate":
-      return new z(e);
+      return new B(e);
     case "cardExpirationMonth":
-      return new U(e);
-    case "cardExpirationYear":
       return new V(e);
+    case "cardExpirationYear":
+      return new z(e);
     case "cardVerificationCode":
       return new G(e);
     case "text":
-      return new K(e);
+      return new W(e);
     default:
       ASSERT_EXHAUSTIVE(i);
   }
 }
-const W = {
+const X = {
   visa: "visa",
   mastercard: "mastercard",
   americanexpress: "american-express",
@@ -526,8 +526,8 @@ const W = {
   jcb: "jcb",
   unionpay: "unionpay"
 };
-function X(i) {
-  return i.map((e) => W[e]).filter(Boolean);
+function J(i) {
+  return i.map((e) => X[e]).filter(Boolean);
 }
 function P(i) {
   return [
@@ -584,14 +584,14 @@ class w {
         var s;
         if (this.hasFormElements())
           throw new Error("Form elements can't be initialized twice. You can call `reset()` method or create new Hellgate client.");
-        const a = h({
+        const n = h({
           disabled: !1,
           autocomplete: "on",
           style: { ...y }
         }, r);
         if (this.session.isNextAction("refresh_security_code") && ((s = this.session.state) != null && s.data)) {
           const o = this.session.state.data;
-          a.cvcOnly = !0, a.value = {
+          n.cvcOnly = !0, n.value = {
             number: P(o),
             expiry_date: {
               month: (o == null ? void 0 : o.expiry_month) ?? null,
@@ -600,38 +600,38 @@ class w {
             cvc: null
           };
         }
-        a.schemes = x(this.getSessionSchemes(), a.schemes);
-        const n = b("card", a);
+        n.schemes = x(this.getSessionSchemes(), n.schemes);
+        const a = b("card", n);
         return this.cardElements.card = {
-          element: n,
+          element: a,
           state: this.createFieldDefaultState()
-        }, this.addElementStateListener("card"), n;
+        }, this.addElementStateListener("card"), a;
       }
     }), Object.defineProperty(this, "createTextField", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
       value: (r = {}) => {
-        const a = {
+        const n = {
           disabled: !1,
           autocomplete: "on",
           style: { ...y }
-        }, n = b("text", {
-          ...h(a, { ...r })
+        }, a = b("text", {
+          ...h(n, { ...r })
         });
-        return this.textElements.push(n), n;
+        return this.textElements.push(a), a;
       }
     }), Object.defineProperty(this, "tokenize", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
       value: async (r) => {
-        var n, s;
-        if (((n = this.session.state) == null ? void 0 : n.next_action) !== "tokenize_card")
+        var a, s;
+        if (((a = this.session.state) == null ? void 0 : a.next_action) !== "tokenize_card")
           throw new Error(`The session's next_action='${(s = this.session.state) == null ? void 0 : s.next_action}'. tokenize() is available only if next_action='tokenize_card'`);
-        const a = this.getCardDataValidationError();
-        if (a)
-          throw a;
+        const n = this.getCardDataValidationError();
+        if (n)
+          throw n;
         return this.coordinator.postMessage({
           type: "card:tokenize",
           additionalData: this.serializeAdditionalData(r)
@@ -676,9 +676,9 @@ class w {
       value: async (r = {}) => {
         if (!this.hasFormElements())
           throw new Error("Card form must be initialized and completed before processing");
-        const a = this.getCardDataValidationError();
-        if (a)
-          throw a;
+        const n = this.getCardDataValidationError();
+        if (n)
+          throw n;
         if (this.session.isNextAction("refresh_security_code"))
           return this.refreshSecurityCode();
         this.disableFormElements(!0);
@@ -686,13 +686,13 @@ class w {
           return this.coordinator.postMessage({
             type: "card:process",
             additionalData: this.serializeAdditionalData(r)
-          }), new Promise((n, s) => {
+          }), new Promise((a, s) => {
             this.coordinator.onMessage("card:process:response", (o) => {
-              o.result && o.success ? n(o.result) : s(new Error(o.error));
+              o.result && o.success ? a(o.result) : s(new Error(o.error));
             });
           });
-        } catch (n) {
-          throw this.disableFormElements(!1), n;
+        } catch (a) {
+          throw this.disableFormElements(!1), a;
         }
       }
     }), this.cvcOnlyEnabled = this.session.isNextAction("refresh_security_code");
@@ -705,12 +705,12 @@ class w {
       disabled: this.cvcOnlyEnabled,
       autocomplete: "on",
       style: { ...y }
-    }, { cardNumber: r = {}, securityCode: a = {}, ...n } = e, s = b("cardNumber", {
+    }, { cardNumber: r = {}, securityCode: n = {}, ...a } = e, s = b("cardNumber", {
       ...h(t, {
-        ...n,
+        ...a,
         ...r,
         cvcOnly: this.cvcOnlyEnabled,
-        schemes: x(this.getSessionSchemes(), r.schemes ?? n.schemes),
+        schemes: x(this.getSessionSchemes(), r.schemes ?? a.schemes),
         value: this.session.isNextAction("refresh_security_code") && ((l = this.session.state) != null && l.data) ? P(this.session.state.data) : null
       })
     }), o = b("cardVerificationCode", {
@@ -719,8 +719,8 @@ class w {
         disabled: !1,
         autofocus: this.cvcOnlyEnabled
       }, {
-        ...n,
-        ...a
+        ...a,
+        ...n
       })
     });
     if (s.on("change", (d) => {
@@ -738,12 +738,12 @@ class w {
     }, this.addElementStateListener("cardNumber"), this.addElementStateListener("cardVerificationCode"), e.expiryDateElement === "separate") {
       const { expiryMonth: d = {}, expiryYear: u = {} } = e, _ = b("cardExpirationMonth", {
         ...h(t, {
-          ...n,
+          ...a,
           ...d
         })
       }), v = b("cardExpirationYear", {
         ...h(t, {
-          ...n,
+          ...a,
           ...u
         })
       });
@@ -757,7 +757,7 @@ class w {
     } else {
       const { expiryDate: d = {} } = e, u = b("cardExpirationDate", {
         ...h(t, {
-          ...n,
+          ...a,
           ...d,
           value: this.session.isNextAction("refresh_security_code") && ((c = this.session.state) != null && c.data) ? {
             month: this.session.state.data.expiry_month,
@@ -809,8 +809,8 @@ class w {
       valid: !1
     };
   }
-  serializeAdditionalData({ cardholder_name: e, billing_address: t = {}, ephemeral: r, expiration_date: a }) {
-    return C({
+  serializeAdditionalData({ cardholder_name: e, billing_address: t = {}, ephemeral: r, expiration_date: n }) {
+    return S({
       cardholder_name: m(e),
       billing_address: {
         line1: m(t.line1),
@@ -819,7 +819,7 @@ class w {
         city: m(t.city),
         postal_code: m(t.postal_code)
       },
-      ...this.resolveLifecycleFields(r, a)
+      ...this.resolveLifecycleFields(r, n)
     });
   }
   resolveLifecycleFields(e, t) {
@@ -845,7 +845,7 @@ class w {
       return;
     const e = (t = this.session.state) == null ? void 0 : t.data;
     if ((r = e == null ? void 0 : e.allowed_schemes) != null && r.length)
-      return X(e.allowed_schemes);
+      return J(e.allowed_schemes);
   }
   getCardDataValidationError() {
     if (!this.state.complete)
@@ -863,7 +863,7 @@ function m(i) {
 function x(i, e) {
   return i === void 0 ? e : i.length === 0 ? [] : e != null && e.length ? e.filter((t) => i.includes(t)) : i;
 }
-const J = "v3.11.0";
+const C = "v3.12.0";
 class Q {
   constructor() {
     if (Object.defineProperty(this, "iframe", {
@@ -885,35 +885,35 @@ class Q {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: async (e, t, r) => (window.fetchMocker = { a: 1 }, new Promise((a, n) => {
+      value: async (e, t, r) => (window.fetchMocker = { a: 1 }, new Promise((n, a) => {
         r == null || r.signal.addEventListener("abort", () => {
           const l = new Error("Coordinator init aborted");
-          l.name = "AbortError", n(l), this.dispose();
+          l.name = "AbortError", a(l), this.dispose();
         });
         const s = document.createElement("div");
         s.setAttribute("style", "position:absolute;width:0;height:0;overflow:hidden;"), s.setAttribute("data-hg-coordinator", ""), document.body.appendChild(s);
-        const o = `${this.iframeBaseUrl}?type=coordinator&sessionId=${e}&apiBaseUrl=${t}&origin=${encodeURIComponent(location.origin)}`;
+        const o = `${this.iframeBaseUrl}?type=coordinator&sessionId=${e}&apiBaseUrl=${t}&origin=${encodeURIComponent(location.origin)}&sdkVersion=${encodeURIComponent(C)}`;
         if (s.innerHTML = `<iframe src="${o}" width="0" height="0" style="border:none;" tabindex="-1" aria-hidden="true"></iframe>`, this.iframe = s.querySelector("iframe"), !this.iframe) {
-          n(new Error("Failed to create coordinator iframe"));
+          a(new Error("Failed to create coordinator iframe"));
           return;
         }
         this.messageHandler = (l) => {
           var c, d, u;
           if (l.source === ((c = this.iframe) == null ? void 0 : c.contentWindow)) {
             if (((d = l.data) == null ? void 0 : d.type) === "coordinator:ready") {
-              a();
+              n();
               return;
             }
             if (((u = l.data) == null ? void 0 : u.type) === "coordinator:error") {
-              n(l.data.error);
+              a(l.data.error);
               return;
             }
           }
         }, window.addEventListener("message", this.messageHandler), this.iframe.addEventListener("error", () => {
-          n(new Error("Coordinator iframe failed to load"));
+          a(new Error("Coordinator iframe failed to load"));
         });
       }))
-    }), this.iframeBaseUrl = S(J), !this.iframeBaseUrl)
+    }), this.iframeBaseUrl = j(C), !this.iframeBaseUrl)
       throw new Error("IFRAME_BASE_URL not found");
   }
   /**
@@ -926,8 +926,8 @@ class Q {
   }
   onMessage(e, t) {
     window.addEventListener("message", (r) => {
-      var a, n;
-      r.source === ((a = this.iframe) == null ? void 0 : a.contentWindow) && ((n = r.data) == null ? void 0 : n.type) === e && t(r.data);
+      var n, a;
+      r.source === ((n = this.iframe) == null ? void 0 : n.contentWindow) && ((a = r.data) == null ? void 0 : a.type) === e && t(r.data);
     });
   }
   /**
@@ -940,8 +940,9 @@ class Q {
     this.iframe = null, e == null || e.remove();
   }
 }
-class Z {
-  constructor(e = "https://api.hellgate.io", t = new AbortController()) {
+const Z = "hellgate-web-sdk", ee = "v3.12.0";
+class te {
+  constructor(e = "https://api.hellgate.io", t = new AbortController(), { context: r = "window", version: n = ee } = {}) {
     Object.defineProperty(this, "abortCtrl", {
       enumerable: !0,
       configurable: !0,
@@ -952,10 +953,16 @@ class Z {
       configurable: !0,
       writable: !0,
       value: void 0
-    }), this.baseUrl = e.endsWith("/") ? e.substring(0, e.length - 1) : e;
+    }), Object.defineProperty(this, "clientId", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), this.baseUrl = e.endsWith("/") ? e.substring(0, e.length - 1) : e, this.clientId = `${Z}/${n || "unknown"} (${r})`;
   }
   getSession(e) {
     return fetch(`${this.baseUrl}/sessions/${e}`, {
+      headers: this.traceHeaders(),
       signal: this.abortCtrl.signal
     }).then((t) => E(t));
   }
@@ -963,7 +970,8 @@ class Z {
     return fetch(`${this.baseUrl}/sessions/${e}/complete-action`, {
       method: "POST",
       headers: {
-        "Content-Type": "application/json"
+        "Content-Type": "application/json",
+        ...this.traceHeaders()
       },
       mode: "cors",
       body: JSON.stringify(t),
@@ -973,9 +981,24 @@ class Z {
   cancelAll() {
     this.abortCtrl.abort();
   }
+  /**
+   * Traceability headers sent on every backend call: which SDK build and
+   * execution context made the request, plus a per-request id to correlate
+   * a single failing call with the backend logs.
+   */
+  traceHeaders() {
+    return {
+      "x-hellgate-client": this.clientId,
+      "x-request-id": re()
+    };
+  }
 }
-const ee = 2e3;
-class te {
+function re() {
+  var i;
+  return ((i = crypto.randomUUID) == null ? void 0 : i.call(crypto)) ?? `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
+}
+const ie = 2e3;
+class ne {
   constructor(e, t) {
     Object.defineProperty(this, "id", {
       enumerable: !0,
@@ -1011,39 +1034,39 @@ class te {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: async () => new Promise((r, a) => {
-        const n = this.onStateChange((s) => {
-          s.next_action !== "wait" && (r(s), n());
+      value: async () => new Promise((r, n) => {
+        const a = this.onStateChange((s) => {
+          s.next_action !== "wait" && (r(s), a());
         });
         this.updateSessionState().catch((s) => {
-          s instanceof Response && s.status === 404 && a(new Error(`Session ${this.id} doesn't exist or has expired`)), a(s);
+          s instanceof Response && s.status === 404 && n(new Error(`Session ${this.id} doesn't exist or has expired`)), n(s);
         });
       })
     }), Object.defineProperty(this, "onStateChange", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: (r) => (this.stateChangeHandlers.push(r), this.state && r(this.state), () => this.stateChangeHandlers = this.stateChangeHandlers.filter((a) => a !== r))
+      value: (r) => (this.stateChangeHandlers.push(r), this.state && r(this.state), () => this.stateChangeHandlers = this.stateChangeHandlers.filter((n) => n !== r))
     }), Object.defineProperty(this, "onClose", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
       value: (r) => {
-        var a;
-        return ((a = this.state) == null ? void 0 : a.next_action) === null ? (r(g(this.state)), () => {
-        }) : (this.onCloseHandlers.push(r), () => this.onCloseHandlers = this.onCloseHandlers.filter((n) => n !== r));
+        var n;
+        return ((n = this.state) == null ? void 0 : n.next_action) === null ? (r(g(this.state)), () => {
+        }) : (this.onCloseHandlers.push(r), () => this.onCloseHandlers = this.onCloseHandlers.filter((a) => a !== r));
       }
     }), Object.defineProperty(this, "completeAction", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
       value: async (r) => {
-        const a = this.state;
-        return new Promise((n, s) => {
+        const n = this.state;
+        return new Promise((a, s) => {
           const o = this.onStateChange((l) => {
-            l.next_action !== (a == null ? void 0 : a.next_action) && l.next_action === null && (n(g(l)), o());
+            l.next_action !== (n == null ? void 0 : n.next_action) && l.next_action === null && (a(g(l)), o());
           });
-          this.api.completeAction(this.id, r).then((l) => this.newStateHandle(l, s)).catch(async (l) => s(await re(l)));
+          this.api.completeAction(this.id, r).then((l) => this.newStateHandle(l, s)).catch(async (l) => s(await ae(l)));
         });
       }
     }), Object.defineProperty(this, "completeSession", {
@@ -1051,7 +1074,7 @@ class te {
       configurable: !0,
       writable: !0,
       value: (r) => {
-        this.onCloseHandlers.forEach((a) => a(r)), this.stop();
+        this.onCloseHandlers.forEach((n) => n(r)), this.stop();
       }
     }), Object.defineProperty(this, "dispose", {
       enumerable: !0,
@@ -1077,26 +1100,26 @@ class te {
     var r;
     switch (!e.next_action && e.status && (e.next_action = null), e.next_action) {
       case "wait": {
-        window.clearTimeout(this.pollingTimer), this.pollingTimer = window.setTimeout(() => this.updateSessionState(t).catch((a) => {
-          a instanceof Response && a.status === 404 && (t == null || t(new Error(`Session ${this.id} has expired`)));
-        }), ee);
+        window.clearTimeout(this.pollingTimer), this.pollingTimer = window.setTimeout(() => this.updateSessionState(t).catch((n) => {
+          n instanceof Response && n.status === 404 && (t == null || t(new Error(`Session ${this.id} has expired`)));
+        }), ie);
         break;
       }
     }
-    e.next_action !== ((r = this.state) == null ? void 0 : r.next_action) && this.stateChangeHandlers.forEach((a) => a(e)), e.next_action === null && this.completeSession(g(e)), this.state = e;
+    e.next_action !== ((r = this.state) == null ? void 0 : r.next_action) && this.stateChangeHandlers.forEach((n) => n(e)), e.next_action === null && this.completeSession(g(e)), this.state = e;
   }
 }
-async function re(i) {
+async function ae(i) {
   return !i.ok && i.status >= 400 && i.status <= 500 ? i.json() : i;
 }
 function g(i) {
   const e = { ...i };
   return delete e.next_action, e;
 }
-const ie = {
+const se = {
   base_url: "https://api.hellgate.io"
 };
-class N {
+class k {
   constructor(e, t, r) {
     Object.defineProperty(this, "session", {
       enumerable: !0,
@@ -1118,14 +1141,14 @@ class N {
       configurable: !0,
       writable: !0,
       value: () => {
-        this.session.dispose(), this.coordinator.dispose(), Object.values(this.paymentFlowHandlers).forEach((a) => a == null ? void 0 : a.dispose());
+        this.session.dispose(), this.coordinator.dispose(), Object.values(this.paymentFlowHandlers).forEach((n) => n == null ? void 0 : n.dispose());
       }
     }), Object.defineProperty(this, "onSessionComplete", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: (a) => {
-        this.session.onClose(a);
+      value: (n) => {
+        this.session.onClose(n);
       }
     });
   }
@@ -1133,28 +1156,28 @@ class N {
     return this.paymentFlowHandlers[e];
   }
   static async init(e, t = {}) {
-    const { session: r, coordinator: a, cardHandler: n, handler3DS: s } = await this.initHandlers(e, t);
-    return new N(r, a, {
-      CARD: n,
+    const { session: r, coordinator: n, cardHandler: a, handler3DS: s } = await this.initHandlers(e, t);
+    return new k(r, n, {
+      CARD: a,
       "3DS": s
     });
   }
   static async initHandlers(e, t) {
     const r = {
-      ...ie,
+      ...se,
       ...t
-    }, a = new Z(r.base_url, r.abortCtrl), n = new te(e, a), s = new Q();
+    }, n = new te(r.base_url, r.abortCtrl), a = new ne(e, n), s = new Q();
     s.onMessage("coordinator:session_state_change", (c) => {
-      c.state.next_action !== "wait" && n.newStateHandle(c.state);
+      c.state.next_action !== "wait" && a.newStateHandle(c.state);
     }), await s.init(e, r.base_url, r.abortCtrl);
-    const o = n.isNextAction("tokenize_card") || n.isNextAction("refresh_security_code") ? await this.createCardHandler(n, s) : void 0, l = this.create3DSHandler(n, t);
-    return { session: n, coordinator: s, cardHandler: o, handler3DS: l };
+    const o = a.isNextAction("tokenize_card") || a.isNextAction("refresh_security_code") ? await this.createCardHandler(a, s) : void 0, l = this.create3DSHandler(a, t);
+    return { session: a, coordinator: s, cardHandler: o, handler3DS: l };
   }
   static createCardHandler(e, t) {
     return w.init(e, t);
   }
   static create3DSHandler(e, t) {
-    return new k(e, {
+    return new R(e, {
       domContainer: t.challenge_3ds_container,
       labelText: t.challenge_3ds_label_text
     });
@@ -1162,17 +1185,17 @@ class N {
 }
 globalThis.HellgateSDK && (globalThis.Hellgate = globalThis.HellgateSDK.Hellgate, delete globalThis.HellgateSDK);
 export {
-  q as CardElement,
-  z as CardExpirationDateElement,
-  Y as CardNumberElement,
+  K as CardElement,
+  B as CardExpirationDateElement,
+  q as CardNumberElement,
   G as CardVerificationCodeElement,
-  N as Hellgate,
-  k as Hellgate3DSHandler,
+  k as Hellgate,
+  R as Hellgate3DSHandler,
   w as HellgateCardHandler,
-  K as TextElement,
+  W as TextElement,
   b as createElement,
-  L as extractCardNumberValue,
-  M as extractExpiryDateValue,
-  B as putCardNumberValue,
-  I as putExpiryDateValue
+  N as extractCardNumberValue,
+  I as extractExpiryDateValue,
+  Y as putCardNumberValue,
+  L as putExpiryDateValue
 };

package/dist/hellgate-sdk.umd.js

@@ -1 +1 @@
-(function(c,p){typeof exports=="object"&&typeof module<"u"?p(exports):typeof define=="function"&&define.amd?define(["exports"],p):(c=typeof globalThis<"u"?globalThis:c||self,p(c.HellgateSDK={}))})(this,function(c){"use strict";function p(i){return Array.isArray(i)?i.filter(Boolean):Object.fromEntries(Object.entries(i).map(([e,t])=>[e,typeof t=="object"&&t&&!Array.isArray(t)?p(t):t]).filter(([e,t])=>typeof t=="object"&&t&&!Array.isArray(t)?!!Object.keys(t).length:t!=null&&t!=null))}function b(i,e){const t={...i,...e},r=Object.keys(t);for(const a of r){const n=i[a],s=e[a];typeof n=="object"&&!Array.isArray(n)&&n&&typeof s=="object"&&!Array.isArray(s)&&s&&(t[a]=b(n,s))}return t}function E(i){if(!i.ok)throw i;return i.json()}function S(i){return`https://${window.HG_IFRAME_HOST??"sdk.hellgate.io"}/web/${i}/iframe/`}const Y=2e3;class j{constructor(e,t){Object.defineProperty(this,"session",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"iframeId",{enumerable:!0,configurable:!0,writable:!0,value:String(Math.floor(1e5+Math.random()*9e5))}),Object.defineProperty(this,"resultPollingTimer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"transactionId",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"decoupledAuthHandlers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"disposers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"check3dsIframeDisposers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"domContainer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"labelText",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"onStartHandler",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"onFinishHandler",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"onDecoupledAuth",{enumerable:!0,configurable:!0,writable:!0,value:r=>{this.decoupledAuthHandlers.push(r)}}),Object.defineProperty(this,"onStartChallenge",{enumerable:!0,configurable:!0,writable:!0,value:r=>{this.onStartHandler=r}}),Object.defineProperty(this,"onChallengeFinished",{enumerable:!0,configurable:!0,writable:!0,value:r=>{this.onFinishHandler=r}}),Object.defineProperty(this,"sessionStateHandle",{enumerable:!0,configurable:!0,writable:!0,value:r=>{var a,n;switch(r.next_action){case"3ds_check":{this.initCheck3DSIframes(r.data.threeds_server_callback_url,r.data.mon_url);break}case"3ds_challenge":{(a=this.onStartHandler)==null||a.call(this),this.disposeCheck3DSIframe(),this.startChallenge(r.data.challenge_url,r.data.result_mon_url);break}case"3ds_challenge_decoupled":{this.startDecoupledAuth(r.data.cardholder_info,r.data.result_mon_url,r.data.transaction_id);break}case null:{this.dispose(),(n=this.onFinishHandler)==null||n.call(this);break}}}}),this.domContainer=t.domContainer??w(),this.disposers.push(this.session.onStateChange(this.sessionStateHandle)),this.labelText=t.labelText}dispose(){this.disposers.forEach(e=>e()),this.check3dsIframeDisposers.forEach(e=>e())}initCheck3DSIframes(e,t){const r=w();r.insertAdjacentHTML("beforeend",`<iframe id="check_3ds_${this.iframeId}" width="0" height="0" style="border:0;visibility: hidden;" src="${e}"></iframe>`);const a=r.querySelector(`#check_3ds_${this.iframeId}`);if(a){const n=s=>{s.source===a.contentWindow&&this.session.completeAction({action:"3ds_check",result:s.data})};window.addEventListener("message",n),this.check3dsIframeDisposers.push(()=>window.removeEventListener("message",n),()=>a.remove())}if(t){r.insertAdjacentHTML("beforeend",`<iframe id="mon_${this.iframeId}" width="0" height="0" style="border:0;visibility: hidden;" src="${t}"></iframe>`);const n=r.querySelector(`#mon_${this.iframeId}`);n&&this.disposers.push(()=>n.remove())}}disposeCheck3DSIframe(){this.check3dsIframeDisposers.forEach(e=>e()),this.check3dsIframeDisposers=[]}startChallenge(e,t){const r=w(),a=`<div style="display: flex; flex-direction: column; gap: 10px; align-items: center; ${this.domContainer===r?'border:0; max-width: 800px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:100% " ':'border:0;" width="100%" height="100%"'}><iframe id="cha_${this.iframeId}" src="${e}"  width="100%" height="500"></iframe>${this.labelText?'<span id="tds_label_text" style="font-size: large;">'+this.labelText+"</span>":""}<div>`;this.domContainer.insertAdjacentHTML("beforeend",this.domContainer===r?`<div id="cha_${this.iframeId}_wrap" style="background: #fff; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000;">${a}</div>`:a);const n=this.domContainer.querySelector(`#cha_${this.iframeId}`),s=this.domContainer.querySelector(`#cha_${this.iframeId}_wrap`);if(!n)throw new Error("3DS Challenge Iframe initialization failed");this.disposers.push(()=>{n.remove(),s==null||s.remove()});const o=new Promise(d=>{const h=u=>{u.source!==n.contentWindow||u.data.event!=="AuthResultReady"||d({...u.data,requestor_trans_id:u.data.requestor_trans_id??u.data.requestorTransId,requestorTransId:void 0,param:u.data.param||void 0})};window.addEventListener("message",h),this.disposers.push(()=>window.removeEventListener("message",h))}),l=new Promise(d=>{const h=this.startAuthResultPolling(t,u=>{u.event==="AuthResultReady"&&(h(),d({requestor_trans_id:u.threeDSRequestorTransID,event:u.event}))})});Promise.any([o,l]).then(d=>{this.session.completeAction({action:"3ds_challenge",result:d})})}startDecoupledAuth(e,t,r){this.transactionId||(this.transactionId=r),this.decoupledAuthHandlers.forEach(n=>n(e));const a=this.startAuthResultPolling(t,n=>{n.event==="AuthResultReady"&&(this.session.completeAction({action:"3ds_challenge_decoupled",result:{...n,event:n.event}}),a())})}startAuthResultPolling(e,t){return window.clearTimeout(this.resultPollingTimer),this.resultPollingTimer=window.setTimeout(()=>fetch(e).then(r=>E(r)).then(r=>{this.startAuthResultPolling(e,t),t(r)}).catch(()=>{}),Y),()=>window.clearTimeout(this.resultPollingTimer)}}function w(){return document.body}const _={base:{":disabled":{backgroundColor:"transparent"}}},q="DOM Element was not found";var A;(function(i){i.NOT_COMPLETE="NOT_COMPLETE",i.SCHEME_NOT_SUPPORTED="SCHEME_NOT_SUPPORTED",i.LUHN_CHECK_FAILED="LUHN_CHECK_FAILED",i.INVALID_EXPIRY_DATE="INVALID_EXPIRY_DATE"})(A||(A={}));const H=i=>i!=null,K="v3.11.0";class m{constructor(e){if(Object.defineProperty(this,"options",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"IFRAME_BASE_URL",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"iframe",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"subscriptions",{enumerable:!0,configurable:!0,writable:!0,value:{ready:[],blur:[],focus:[],keydown:[],change:[]}}),Object.defineProperty(this,"key",{enumerable:!0,configurable:!0,writable:!0,value:""}),Object.defineProperty(this,"update",{enumerable:!0,configurable:!0,writable:!0,value:async({...t})=>{this.iframe&&H(t.height)&&(this.iframe.height=t.height),this.iframePostMessage({type:"update",data:{...t,value:t.value?this.putValue(t.value)??void 0:void 0}})}}),Object.defineProperty(this,"clear",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.iframePostMessage({type:"clear"})}}),Object.defineProperty(this,"focus",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.iframePostMessage({type:"focus"})}}),Object.defineProperty(this,"blur",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.iframePostMessage({type:"blur"})}}),Object.defineProperty(this,"unmount",{enumerable:!0,configurable:!0,writable:!0,value:()=>{var t;(t=this.iframe)==null||t.remove(),this.iframe=null}}),this.IFRAME_BASE_URL=S(K),!this.IFRAME_BASE_URL)throw new Error("IFRAME_BASE_URL not found")}mount(e){const t=typeof e=="string"?document.querySelector(e):e;if(!t)throw new Error(`${q}: ${e}`);t.innerHTML=`<iframe width="100%" height="29" src="${this.IFRAME_BASE_URL}?field=${this.type}&origin=${location.origin}"></iframe>`,this.iframe=t.querySelector("iframe");const r=a=>{var n;a.source!==((n=this.iframe)==null?void 0:n.contentWindow)||a.data.element!==this.type||this.emitEvent(a.data)};return window.addEventListener("message",r),new Promise(a=>{this.on("ready",n=>{this.key=n.key,this.update(this.options),a()})})}on(e,t){return this.subscriptions[e].push(t),{unsubscribe:()=>this.subscriptions[e].splice(this.subscriptions[e].indexOf(t),1)}}emitEvent(e){var t;(t=this.subscriptions[e.type])==null||t.forEach(r=>r(e.data))}iframePostMessage(e){var t,r;(r=(t=this.iframe)==null?void 0:t.contentWindow)==null||r.postMessage(e,this.IFRAME_BASE_URL)}}class G extends m{constructor(){super(...arguments),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:"cardExpirationMonth"}),Object.defineProperty(this,"extractValue",{enumerable:!0,configurable:!0,writable:!0,value:D}),Object.defineProperty(this,"putValue",{enumerable:!0,configurable:!0,writable:!0,value:T})}}function D(i){return i?Number(i):null}function T(i){return i?i<10?`0${i}`:String(i):null}class W extends m{constructor(){super(...arguments),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:"cardExpirationYear"}),Object.defineProperty(this,"extractValue",{enumerable:!0,configurable:!0,writable:!0,value:M}),Object.defineProperty(this,"putValue",{enumerable:!0,configurable:!0,writable:!0,value:I})}}function M(i){if(!i)return null;const e=Number(i);return e>10?+`20${e}`:null}function I(i){return i?i>=100?String(i).slice(-2):String(i):null}function v(i){const[e=null,t=null]=(i??"").split("/").map(r=>r.trim());return{month:D(e),year:M(t)}}function O(i){if(!i)return null;const{month:e,year:t}=i;return[T(e),I(t)].filter(H).join(" / ")}class L extends m{constructor(){super(...arguments),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:"cardExpirationDate"}),Object.defineProperty(this,"extractValue",{enumerable:!0,configurable:!0,writable:!0,value:v}),Object.defineProperty(this,"putValue",{enumerable:!0,configurable:!0,writable:!0,value:O})}}function P(i){return(i==null?void 0:i.replaceAll(" ",""))??null}function N(i){return i}class F extends m{constructor(){super(...arguments),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:"cardNumber"}),Object.defineProperty(this,"extractValue",{enumerable:!0,configurable:!0,writable:!0,value:P}),Object.defineProperty(this,"putValue",{enumerable:!0,configurable:!0,writable:!0,value:N})}}class k extends m{constructor(){super(...arguments),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:"card"}),Object.defineProperty(this,"extractValue",{enumerable:!0,configurable:!0,writable:!0,value:e=>e?{number:e.cardNumber?P(e.cardNumber):null,expiry_date:e.cardExpirationDate?v(e.cardExpirationDate):null,cvc:e.cardVerificationCode??null}:null}),Object.defineProperty(this,"putValue",{enumerable:!0,configurable:!0,writable:!0,value:e=>e?{cardNumber:e.number?e.number:null,cardExpirationDate:e.expiry_date?O(e.expiry_date):null,cardVerificationCode:e.cvc??null}:null})}}class R extends m{constructor(){super(...arguments),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:"cardVerificationCode"}),Object.defineProperty(this,"extractValue",{enumerable:!0,configurable:!0,writable:!0,value:e=>e}),Object.defineProperty(this,"putValue",{enumerable:!0,configurable:!0,writable:!0,value:e=>e})}}class $ extends m{constructor(){super(...arguments),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:"text"}),Object.defineProperty(this,"extractValue",{enumerable:!0,configurable:!0,writable:!0,value:e=>e}),Object.defineProperty(this,"putValue",{enumerable:!0,configurable:!0,writable:!0,value:e=>e})}}function f(i,e){switch(i){case"card":return new k(e);case"cardNumber":return new F(e);case"cardExpirationDate":return new L(e);case"cardExpirationMonth":return new G(e);case"cardExpirationYear":return new W(e);case"cardVerificationCode":return new R(e);case"text":return new $(e);default:ASSERT_EXHAUSTIVE(i)}}const X={visa:"visa",mastercard:"mastercard",americanexpress:"american-express",discover:"discover",dinersclub:"diners-club",jcb:"jcb",unionpay:"unionpay"};function J(i){return i.map(e=>X[e]).filter(Boolean)}function U(i){return[i.issuer_identification_number,"".padEnd(i.account_number_length-i.issuer_identification_number.length-i.account_number_last_four.length,"*"),i.account_number_last_four].join(" ")}class g{static async init(e,t){return new g(e,t)}constructor(e,t){Object.defineProperty(this,"session",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"coordinator",{enumerable:!0,configurable:!0,writable:!0,value:t}),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:this.createFieldDefaultState()}),Object.defineProperty(this,"cardElements",{enumerable:!0,configurable:!0,writable:!0,value:{}}),Object.defineProperty(this,"textElements",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"stateChangeHandlers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"cvcOnlyEnabled",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"createForm",{enumerable:!0,configurable:!0,writable:!0,value:(r={})=>{var s;if(this.hasFormElements())throw new Error("Form elements can't be initialized twice. You can call `reset()` method or create new Hellgate client.");const a=b({disabled:!1,autocomplete:"on",style:{..._}},r);if(this.session.isNextAction("refresh_security_code")&&((s=this.session.state)!=null&&s.data)){const o=this.session.state.data;a.cvcOnly=!0,a.value={number:U(o),expiry_date:{month:(o==null?void 0:o.expiry_month)??null,year:(o==null?void 0:o.expiry_year)??null},cvc:null}}a.schemes=V(this.getSessionSchemes(),a.schemes);const n=f("card",a);return this.cardElements.card={element:n,state:this.createFieldDefaultState()},this.addElementStateListener("card"),n}}),Object.defineProperty(this,"createTextField",{enumerable:!0,configurable:!0,writable:!0,value:(r={})=>{const a={disabled:!1,autocomplete:"on",style:{..._}},n=f("text",{...b(a,{...r})});return this.textElements.push(n),n}}),Object.defineProperty(this,"tokenize",{enumerable:!0,configurable:!0,writable:!0,value:async r=>{var n,s;if(((n=this.session.state)==null?void 0:n.next_action)!=="tokenize_card")throw new Error(`The session's next_action='${(s=this.session.state)==null?void 0:s.next_action}'. tokenize() is available only if next_action='tokenize_card'`);const a=this.getCardDataValidationError();if(a)throw a;return this.coordinator.postMessage({type:"card:tokenize",additionalData:this.serializeAdditionalData(r)}),new Promise(o=>{this.coordinator.onMessage("card:tokenize:response",l=>{o(l.success?l.result:null)})})}}),Object.defineProperty(this,"onStateChange",{enumerable:!0,configurable:!0,writable:!0,value:r=>{this.stateChangeHandlers.push(r),r(this.state)}}),Object.defineProperty(this,"clear",{enumerable:!0,configurable:!0,writable:!0,value:()=>{Object.values(this.cardElements).forEach(r=>r==null?void 0:r.element.clear()),this.textElements.forEach(r=>r==null?void 0:r.clear())}}),Object.defineProperty(this,"reset",{enumerable:!0,configurable:!0,writable:!0,value:()=>{Object.values(this.cardElements).forEach(r=>r==null?void 0:r.element.unmount()),this.textElements.forEach(r=>r==null?void 0:r.unmount()),this.cardElements={},this.textElements=[],this.state=this.createFieldDefaultState()}}),Object.defineProperty(this,"dispose",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.reset()}}),Object.defineProperty(this,"process",{enumerable:!0,configurable:!0,writable:!0,value:async(r={})=>{if(!this.hasFormElements())throw new Error("Card form must be initialized and completed before processing");const a=this.getCardDataValidationError();if(a)throw a;if(this.session.isNextAction("refresh_security_code"))return this.refreshSecurityCode();this.disableFormElements(!0);try{return this.coordinator.postMessage({type:"card:process",additionalData:this.serializeAdditionalData(r)}),new Promise((n,s)=>{this.coordinator.onMessage("card:process:response",o=>{o.result&&o.success?n(o.result):s(new Error(o.error))})})}catch(n){throw this.disableFormElements(!1),n}}}),this.cvcOnlyEnabled=this.session.isNextAction("refresh_security_code")}createFormFields(e={}){var l,d;if(this.hasFormElements())throw new Error("Form elements can't be initialized twice. You can call `reset()` method or create new Hellgate client.");const t={disabled:this.cvcOnlyEnabled,autocomplete:"on",style:{..._}},{cardNumber:r={},securityCode:a={},...n}=e,s=f("cardNumber",{...b(t,{...n,...r,cvcOnly:this.cvcOnlyEnabled,schemes:V(this.getSessionSchemes(),r.schemes??n.schemes),value:this.session.isNextAction("refresh_security_code")&&((l=this.session.state)!=null&&l.data)?U(this.session.state.data):null})}),o=f("cardVerificationCode",{...b({...t,disabled:!1,autofocus:this.cvcOnlyEnabled},{...n,...a})});if(s.on("change",h=>{const u=h.cardBrand;o.update({cardType:u})}),this.cardElements={cardNumber:{element:s,state:this.createFieldDefaultState()},cardVerificationCode:{element:o,state:this.createFieldDefaultState()}},this.addElementStateListener("cardNumber"),this.addElementStateListener("cardVerificationCode"),e.expiryDateElement==="separate"){const{expiryMonth:h={},expiryYear:u={}}=e,z=f("cardExpirationMonth",{...b(t,{...n,...h})}),B=f("cardExpirationYear",{...b(t,{...n,...u})});return this.cardElements.cardExpirationMonth={element:z,state:this.createFieldDefaultState()},this.cardElements.cardExpirationYear={element:B,state:this.createFieldDefaultState()},this.addElementStateListener("cardExpirationMonth"),this.addElementStateListener("cardExpirationYear"),{cardNumber:s,expiryMonth:z,expiryYear:B,securityCode:o}}else{const{expiryDate:h={}}=e,u=f("cardExpirationDate",{...b(t,{...n,...h,value:this.session.isNextAction("refresh_security_code")&&((d=this.session.state)!=null&&d.data)?{month:this.session.state.data.expiry_month,year:this.session.state.data.expiry_year}:null})});return this.cardElements.cardExpirationDate={element:u,state:this.createFieldDefaultState()},this.addElementStateListener("cardExpirationDate"),{cardNumber:s,expiryDate:u,securityCode:o}}}async refreshSecurityCode(){return this.coordinator.postMessage({type:"card:refresh_security_code"}),new Promise((e,t)=>{this.coordinator.onMessage("card:refresh_security_code:response",r=>{r.result?e(r.result):t(new Error(r.error))})})}hasFormElements(){return!!Object.keys(this.cardElements).length}disableFormElements(e){Object.values(this.cardElements).forEach(({element:t})=>{t.update({disabled:e})})}addElementStateListener(e){const t=this.cardElements[e];t&&t.element.on("change",r=>{t.state=r,this.updateFormState()})}updateFormState(){const e=this.cvcOnlyEnabled&&this.cardElements.cardVerificationCode?[this.cardElements.cardVerificationCode]:Object.values(this.cardElements);e.length?this.state=e.reduce((t,{state:r})=>(t.valid=!!t.valid&&!!r.valid,t.complete=!!t.complete&&!!r.complete,t.empty=!!t.empty&&!!r.empty,t.error=t.error||r.error,t.errorCode=t.errorCode||r.errorCode,t),{valid:!0,complete:!0,empty:!0}):this.state=this.createFieldDefaultState(),this.stateChangeHandlers.forEach(t=>t(this.state))}createFieldDefaultState(){return{empty:!0,complete:!1,valid:!1}}serializeAdditionalData({cardholder_name:e,billing_address:t={},ephemeral:r,expiration_date:a}){return p({cardholder_name:y(e),billing_address:{line1:y(t.line1),line2:y(t.line2),line3:y(t.line3),city:y(t.city),postal_code:y(t.postal_code)},...this.resolveLifecycleFields(r,a)})}resolveLifecycleFields(e,t){switch(this.getLifecycle()){case"ephemeral_only":return{ephemeral:!0};case"persistent_only":return{ephemeral:!1};case"user_choice":return{ephemeral:typeof e=="boolean"?e:void 0,expiration_date:typeof t=="string"?t:void 0}}}getLifecycle(){var e,t;return this.session.isNextAction("tokenize_card")?((t=(e=this.session.state)==null?void 0:e.data)==null?void 0:t.lifecycle)??"user_choice":"user_choice"}getSessionSchemes(){var t,r;if(!this.session.isNextAction("tokenize_card"))return;const e=(t=this.session.state)==null?void 0:t.data;if((r=e==null?void 0:e.allowed_schemes)!=null&&r.length)return J(e.allowed_schemes)}getCardDataValidationError(){if(!this.state.complete)return new Error(this.state.error??"Card data is not complete");if(!this.state.valid)return new Error(`Card data is not valid. ${this.state.error}`)}}function y(i){if(typeof i=="string")return i;if(i!=null&&i.key)return{key:i.key}}function V(i,e){return i===void 0?e:i.length===0?[]:e!=null&&e.length?e.filter(t=>i.includes(t)):i}const Q="v3.11.0";class Z{constructor(){if(Object.defineProperty(this,"iframe",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"iframeBaseUrl",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"messageHandler",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"init",{enumerable:!0,configurable:!0,writable:!0,value:async(e,t,r)=>(window.fetchMocker={a:1},new Promise((a,n)=>{r==null||r.signal.addEventListener("abort",()=>{const l=new Error("Coordinator init aborted");l.name="AbortError",n(l),this.dispose()});const s=document.createElement("div");s.setAttribute("style","position:absolute;width:0;height:0;overflow:hidden;"),s.setAttribute("data-hg-coordinator",""),document.body.appendChild(s);const o=`${this.iframeBaseUrl}?type=coordinator&sessionId=${e}&apiBaseUrl=${t}&origin=${encodeURIComponent(location.origin)}`;if(s.innerHTML=`<iframe src="${o}" width="0" height="0" style="border:none;" tabindex="-1" aria-hidden="true"></iframe>`,this.iframe=s.querySelector("iframe"),!this.iframe){n(new Error("Failed to create coordinator iframe"));return}this.messageHandler=l=>{var d,h,u;if(l.source===((d=this.iframe)==null?void 0:d.contentWindow)){if(((h=l.data)==null?void 0:h.type)==="coordinator:ready"){a();return}if(((u=l.data)==null?void 0:u.type)==="coordinator:error"){n(l.data.error);return}}},window.addEventListener("message",this.messageHandler),this.iframe.addEventListener("error",()=>{n(new Error("Coordinator iframe failed to load"))})}))}),this.iframeBaseUrl=S(Q),!this.iframeBaseUrl)throw new Error("IFRAME_BASE_URL not found")}postMessage(e){var t,r;(r=(t=this.iframe)==null?void 0:t.contentWindow)==null||r.postMessage(e,this.iframeBaseUrl)}onMessage(e,t){window.addEventListener("message",r=>{var a,n;r.source===((a=this.iframe)==null?void 0:a.contentWindow)&&((n=r.data)==null?void 0:n.type)===e&&t(r.data)})}dispose(){var t;this.postMessage({type:"coordinator:dispose"}),this.messageHandler&&(window.removeEventListener("message",this.messageHandler),this.messageHandler=null);const e=(t=this.iframe)==null?void 0:t.parentElement;this.iframe=null,e==null||e.remove()}}class ee{constructor(e="https://api.hellgate.io",t=new AbortController){Object.defineProperty(this,"abortCtrl",{enumerable:!0,configurable:!0,writable:!0,value:t}),Object.defineProperty(this,"baseUrl",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.baseUrl=e.endsWith("/")?e.substring(0,e.length-1):e}getSession(e){return fetch(`${this.baseUrl}/sessions/${e}`,{signal:this.abortCtrl.signal}).then(t=>E(t))}completeAction(e,t){return fetch(`${this.baseUrl}/sessions/${e}/complete-action`,{method:"POST",headers:{"Content-Type":"application/json"},mode:"cors",body:JSON.stringify(t),signal:this.abortCtrl.signal}).then(r=>E(r))}cancelAll(){this.abortCtrl.abort()}}const te=2e3;class re{constructor(e,t){Object.defineProperty(this,"id",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"api",{enumerable:!0,configurable:!0,writable:!0,value:t}),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"stateChangeHandlers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"onCloseHandlers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"pollingTimer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"init",{enumerable:!0,configurable:!0,writable:!0,value:async()=>new Promise((r,a)=>{const n=this.onStateChange(s=>{s.next_action!=="wait"&&(r(s),n())});this.updateSessionState().catch(s=>{s instanceof Response&&s.status===404&&a(new Error(`Session ${this.id} doesn't exist or has expired`)),a(s)})})}),Object.defineProperty(this,"onStateChange",{enumerable:!0,configurable:!0,writable:!0,value:r=>(this.stateChangeHandlers.push(r),this.state&&r(this.state),()=>this.stateChangeHandlers=this.stateChangeHandlers.filter(a=>a!==r))}),Object.defineProperty(this,"onClose",{enumerable:!0,configurable:!0,writable:!0,value:r=>{var a;return((a=this.state)==null?void 0:a.next_action)===null?(r(x(this.state)),()=>{}):(this.onCloseHandlers.push(r),()=>this.onCloseHandlers=this.onCloseHandlers.filter(n=>n!==r))}}),Object.defineProperty(this,"completeAction",{enumerable:!0,configurable:!0,writable:!0,value:async r=>{const a=this.state;return new Promise((n,s)=>{const o=this.onStateChange(l=>{l.next_action!==(a==null?void 0:a.next_action)&&l.next_action===null&&(n(x(l)),o())});this.api.completeAction(this.id,r).then(l=>this.newStateHandle(l,s)).catch(async l=>s(await ie(l)))})}}),Object.defineProperty(this,"completeSession",{enumerable:!0,configurable:!0,writable:!0,value:r=>{this.onCloseHandlers.forEach(a=>a(r)),this.stop()}}),Object.defineProperty(this,"dispose",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.stop(),this.api.cancelAll()}})}isNextAction(e){var t;return((t=this.state)==null?void 0:t.next_action)===e}stop(){window.clearTimeout(this.pollingTimer),this.stateChangeHandlers=[],this.onCloseHandlers=[]}async updateSessionState(e){const t=await this.api.getSession(this.id);this.newStateHandle(t,e)}newStateHandle(e,t){var r;switch(!e.next_action&&e.status&&(e.next_action=null),e.next_action){case"wait":{window.clearTimeout(this.pollingTimer),this.pollingTimer=window.setTimeout(()=>this.updateSessionState(t).catch(a=>{a instanceof Response&&a.status===404&&(t==null||t(new Error(`Session ${this.id} has expired`)))}),te);break}}e.next_action!==((r=this.state)==null?void 0:r.next_action)&&this.stateChangeHandlers.forEach(a=>a(e)),e.next_action===null&&this.completeSession(x(e)),this.state=e}}async function ie(i){return!i.ok&&i.status>=400&&i.status<=500?i.json():i}function x(i){const e={...i};return delete e.next_action,e}const ae={base_url:"https://api.hellgate.io"};class C{constructor(e,t,r){Object.defineProperty(this,"session",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"coordinator",{enumerable:!0,configurable:!0,writable:!0,value:t}),Object.defineProperty(this,"paymentFlowHandlers",{enumerable:!0,configurable:!0,writable:!0,value:r}),Object.defineProperty(this,"dispose",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.session.dispose(),this.coordinator.dispose(),Object.values(this.paymentFlowHandlers).forEach(a=>a==null?void 0:a.dispose())}}),Object.defineProperty(this,"onSessionComplete",{enumerable:!0,configurable:!0,writable:!0,value:a=>{this.session.onClose(a)}})}use(e){return this.paymentFlowHandlers[e]}static async init(e,t={}){const{session:r,coordinator:a,cardHandler:n,handler3DS:s}=await this.initHandlers(e,t);return new C(r,a,{CARD:n,"3DS":s})}static async initHandlers(e,t){const r={...ae,...t},a=new ee(r.base_url,r.abortCtrl),n=new re(e,a),s=new Z;s.onMessage("coordinator:session_state_change",d=>{d.state.next_action!=="wait"&&n.newStateHandle(d.state)}),await s.init(e,r.base_url,r.abortCtrl);const o=n.isNextAction("tokenize_card")||n.isNextAction("refresh_security_code")?await this.createCardHandler(n,s):void 0,l=this.create3DSHandler(n,t);return{session:n,coordinator:s,cardHandler:o,handler3DS:l}}static createCardHandler(e,t){return g.init(e,t)}static create3DSHandler(e,t){return new j(e,{domContainer:t.challenge_3ds_container,labelText:t.challenge_3ds_label_text})}}c.CardElement=k,c.CardExpirationDateElement=L,c.CardNumberElement=F,c.CardVerificationCodeElement=R,c.Hellgate=C,c.Hellgate3DSHandler=j,c.HellgateCardHandler=g,c.TextElement=$,c.createElement=f,c.extractCardNumberValue=P,c.extractExpiryDateValue=v,c.putCardNumberValue=N,c.putExpiryDateValue=O,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});globalThis.HellgateSDK&&(globalThis.Hellgate=globalThis.HellgateSDK.Hellgate,delete globalThis.HellgateSDK);
+(function(c,p){typeof exports=="object"&&typeof module<"u"?p(exports):typeof define=="function"&&define.amd?define(["exports"],p):(c=typeof globalThis<"u"?globalThis:c||self,p(c.HellgateSDK={}))})(this,function(c){"use strict";function p(i){return Array.isArray(i)?i.filter(Boolean):Object.fromEntries(Object.entries(i).map(([e,t])=>[e,typeof t=="object"&&t&&!Array.isArray(t)?p(t):t]).filter(([e,t])=>typeof t=="object"&&t&&!Array.isArray(t)?!!Object.keys(t).length:t!=null&&t!=null))}function b(i,e){const t={...i,...e},r=Object.keys(t);for(const n of r){const a=i[n],s=e[n];typeof a=="object"&&!Array.isArray(a)&&a&&typeof s=="object"&&!Array.isArray(s)&&s&&(t[n]=b(a,s))}return t}function E(i){if(!i.ok)throw i;return i.json()}function S(i){return`https://${window.HG_IFRAME_HOST??"sdk.hellgate.io"}/web/${i}/iframe/`}const q=2e3;class j{constructor(e,t){Object.defineProperty(this,"session",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"iframeId",{enumerable:!0,configurable:!0,writable:!0,value:String(Math.floor(1e5+Math.random()*9e5))}),Object.defineProperty(this,"resultPollingTimer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"transactionId",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"decoupledAuthHandlers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"disposers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"check3dsIframeDisposers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"domContainer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"labelText",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"onStartHandler",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"onFinishHandler",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"onDecoupledAuth",{enumerable:!0,configurable:!0,writable:!0,value:r=>{this.decoupledAuthHandlers.push(r)}}),Object.defineProperty(this,"onStartChallenge",{enumerable:!0,configurable:!0,writable:!0,value:r=>{this.onStartHandler=r}}),Object.defineProperty(this,"onChallengeFinished",{enumerable:!0,configurable:!0,writable:!0,value:r=>{this.onFinishHandler=r}}),Object.defineProperty(this,"sessionStateHandle",{enumerable:!0,configurable:!0,writable:!0,value:r=>{var n,a;switch(r.next_action){case"3ds_check":{this.initCheck3DSIframes(r.data.threeds_server_callback_url,r.data.mon_url);break}case"3ds_challenge":{(n=this.onStartHandler)==null||n.call(this),this.disposeCheck3DSIframe(),this.startChallenge(r.data.challenge_url,r.data.result_mon_url);break}case"3ds_challenge_decoupled":{this.startDecoupledAuth(r.data.cardholder_info,r.data.result_mon_url,r.data.transaction_id);break}case null:{this.dispose(),(a=this.onFinishHandler)==null||a.call(this);break}}}}),this.domContainer=t.domContainer??w(),this.disposers.push(this.session.onStateChange(this.sessionStateHandle)),this.labelText=t.labelText}dispose(){this.disposers.forEach(e=>e()),this.check3dsIframeDisposers.forEach(e=>e())}initCheck3DSIframes(e,t){const r=w();r.insertAdjacentHTML("beforeend",`<iframe id="check_3ds_${this.iframeId}" width="0" height="0" style="border:0;visibility: hidden;" src="${e}"></iframe>`);const n=r.querySelector(`#check_3ds_${this.iframeId}`);if(n){const a=s=>{s.source===n.contentWindow&&this.session.completeAction({action:"3ds_check",result:s.data})};window.addEventListener("message",a),this.check3dsIframeDisposers.push(()=>window.removeEventListener("message",a),()=>n.remove())}if(t){r.insertAdjacentHTML("beforeend",`<iframe id="mon_${this.iframeId}" width="0" height="0" style="border:0;visibility: hidden;" src="${t}"></iframe>`);const a=r.querySelector(`#mon_${this.iframeId}`);a&&this.disposers.push(()=>a.remove())}}disposeCheck3DSIframe(){this.check3dsIframeDisposers.forEach(e=>e()),this.check3dsIframeDisposers=[]}startChallenge(e,t){const r=w(),n=`<div style="display: flex; flex-direction: column; gap: 10px; align-items: center; ${this.domContainer===r?'border:0; max-width: 800px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:100% " ':'border:0;" width="100%" height="100%"'}><iframe id="cha_${this.iframeId}" src="${e}"  width="100%" height="500"></iframe>${this.labelText?'<span id="tds_label_text" style="font-size: large;">'+this.labelText+"</span>":""}<div>`;this.domContainer.insertAdjacentHTML("beforeend",this.domContainer===r?`<div id="cha_${this.iframeId}_wrap" style="background: #fff; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000;">${n}</div>`:n);const a=this.domContainer.querySelector(`#cha_${this.iframeId}`),s=this.domContainer.querySelector(`#cha_${this.iframeId}_wrap`);if(!a)throw new Error("3DS Challenge Iframe initialization failed");this.disposers.push(()=>{a.remove(),s==null||s.remove()});const o=new Promise(d=>{const h=u=>{u.source!==a.contentWindow||u.data.event!=="AuthResultReady"||d({...u.data,requestor_trans_id:u.data.requestor_trans_id??u.data.requestorTransId,requestorTransId:void 0,param:u.data.param||void 0})};window.addEventListener("message",h),this.disposers.push(()=>window.removeEventListener("message",h))}),l=new Promise(d=>{const h=this.startAuthResultPolling(t,u=>{u.event==="AuthResultReady"&&(h(),d({requestor_trans_id:u.threeDSRequestorTransID,event:u.event}))})});Promise.any([o,l]).then(d=>{this.session.completeAction({action:"3ds_challenge",result:d})})}startDecoupledAuth(e,t,r){this.transactionId||(this.transactionId=r),this.decoupledAuthHandlers.forEach(a=>a(e));const n=this.startAuthResultPolling(t,a=>{a.event==="AuthResultReady"&&(this.session.completeAction({action:"3ds_challenge_decoupled",result:{...a,event:a.event}}),n())})}startAuthResultPolling(e,t){return window.clearTimeout(this.resultPollingTimer),this.resultPollingTimer=window.setTimeout(()=>fetch(e).then(r=>E(r)).then(r=>{this.startAuthResultPolling(e,t),t(r)}).catch(()=>{}),q),()=>window.clearTimeout(this.resultPollingTimer)}}function w(){return document.body}const _={base:{":disabled":{backgroundColor:"transparent"}}},K="DOM Element was not found";var A;(function(i){i.NOT_COMPLETE="NOT_COMPLETE",i.SCHEME_NOT_SUPPORTED="SCHEME_NOT_SUPPORTED",i.LUHN_CHECK_FAILED="LUHN_CHECK_FAILED",i.INVALID_EXPIRY_DATE="INVALID_EXPIRY_DATE"})(A||(A={}));const H=i=>i!=null,G="v3.12.0";class m{constructor(e){if(Object.defineProperty(this,"options",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"IFRAME_BASE_URL",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"iframe",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"subscriptions",{enumerable:!0,configurable:!0,writable:!0,value:{ready:[],blur:[],focus:[],keydown:[],change:[]}}),Object.defineProperty(this,"key",{enumerable:!0,configurable:!0,writable:!0,value:""}),Object.defineProperty(this,"update",{enumerable:!0,configurable:!0,writable:!0,value:async({...t})=>{this.iframe&&H(t.height)&&(this.iframe.height=t.height),this.iframePostMessage({type:"update",data:{...t,value:t.value?this.putValue(t.value)??void 0:void 0}})}}),Object.defineProperty(this,"clear",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.iframePostMessage({type:"clear"})}}),Object.defineProperty(this,"focus",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.iframePostMessage({type:"focus"})}}),Object.defineProperty(this,"blur",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.iframePostMessage({type:"blur"})}}),Object.defineProperty(this,"unmount",{enumerable:!0,configurable:!0,writable:!0,value:()=>{var t;(t=this.iframe)==null||t.remove(),this.iframe=null}}),this.IFRAME_BASE_URL=S(G),!this.IFRAME_BASE_URL)throw new Error("IFRAME_BASE_URL not found")}mount(e){const t=typeof e=="string"?document.querySelector(e):e;if(!t)throw new Error(`${K}: ${e}`);t.innerHTML=`<iframe width="100%" height="29" src="${this.IFRAME_BASE_URL}?field=${this.type}&origin=${location.origin}"></iframe>`,this.iframe=t.querySelector("iframe");const r=n=>{var a;n.source!==((a=this.iframe)==null?void 0:a.contentWindow)||n.data.element!==this.type||this.emitEvent(n.data)};return window.addEventListener("message",r),new Promise(n=>{this.on("ready",a=>{this.key=a.key,this.update(this.options),n()})})}on(e,t){return this.subscriptions[e].push(t),{unsubscribe:()=>this.subscriptions[e].splice(this.subscriptions[e].indexOf(t),1)}}emitEvent(e){var t;(t=this.subscriptions[e.type])==null||t.forEach(r=>r(e.data))}iframePostMessage(e){var t,r;(r=(t=this.iframe)==null?void 0:t.contentWindow)==null||r.postMessage(e,this.IFRAME_BASE_URL)}}class W extends m{constructor(){super(...arguments),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:"cardExpirationMonth"}),Object.defineProperty(this,"extractValue",{enumerable:!0,configurable:!0,writable:!0,value:D}),Object.defineProperty(this,"putValue",{enumerable:!0,configurable:!0,writable:!0,value:T})}}function D(i){return i?Number(i):null}function T(i){return i?i<10?`0${i}`:String(i):null}class X extends m{constructor(){super(...arguments),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:"cardExpirationYear"}),Object.defineProperty(this,"extractValue",{enumerable:!0,configurable:!0,writable:!0,value:M}),Object.defineProperty(this,"putValue",{enumerable:!0,configurable:!0,writable:!0,value:I})}}function M(i){if(!i)return null;const e=Number(i);return e>10?+`20${e}`:null}function I(i){return i?i>=100?String(i).slice(-2):String(i):null}function v(i){const[e=null,t=null]=(i??"").split("/").map(r=>r.trim());return{month:D(e),year:M(t)}}function O(i){if(!i)return null;const{month:e,year:t}=i;return[T(e),I(t)].filter(H).join(" / ")}class L extends m{constructor(){super(...arguments),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:"cardExpirationDate"}),Object.defineProperty(this,"extractValue",{enumerable:!0,configurable:!0,writable:!0,value:v}),Object.defineProperty(this,"putValue",{enumerable:!0,configurable:!0,writable:!0,value:O})}}function P(i){return(i==null?void 0:i.replaceAll(" ",""))??null}function N(i){return i}class k extends m{constructor(){super(...arguments),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:"cardNumber"}),Object.defineProperty(this,"extractValue",{enumerable:!0,configurable:!0,writable:!0,value:P}),Object.defineProperty(this,"putValue",{enumerable:!0,configurable:!0,writable:!0,value:N})}}class F extends m{constructor(){super(...arguments),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:"card"}),Object.defineProperty(this,"extractValue",{enumerable:!0,configurable:!0,writable:!0,value:e=>e?{number:e.cardNumber?P(e.cardNumber):null,expiry_date:e.cardExpirationDate?v(e.cardExpirationDate):null,cvc:e.cardVerificationCode??null}:null}),Object.defineProperty(this,"putValue",{enumerable:!0,configurable:!0,writable:!0,value:e=>e?{cardNumber:e.number?e.number:null,cardExpirationDate:e.expiry_date?O(e.expiry_date):null,cardVerificationCode:e.cvc??null}:null})}}class R extends m{constructor(){super(...arguments),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:"cardVerificationCode"}),Object.defineProperty(this,"extractValue",{enumerable:!0,configurable:!0,writable:!0,value:e=>e}),Object.defineProperty(this,"putValue",{enumerable:!0,configurable:!0,writable:!0,value:e=>e})}}class $ extends m{constructor(){super(...arguments),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:"text"}),Object.defineProperty(this,"extractValue",{enumerable:!0,configurable:!0,writable:!0,value:e=>e}),Object.defineProperty(this,"putValue",{enumerable:!0,configurable:!0,writable:!0,value:e=>e})}}function f(i,e){switch(i){case"card":return new F(e);case"cardNumber":return new k(e);case"cardExpirationDate":return new L(e);case"cardExpirationMonth":return new W(e);case"cardExpirationYear":return new X(e);case"cardVerificationCode":return new R(e);case"text":return new $(e);default:ASSERT_EXHAUSTIVE(i)}}const J={visa:"visa",mastercard:"mastercard",americanexpress:"american-express",discover:"discover",dinersclub:"diners-club",jcb:"jcb",unionpay:"unionpay"};function Q(i){return i.map(e=>J[e]).filter(Boolean)}function U(i){return[i.issuer_identification_number,"".padEnd(i.account_number_length-i.issuer_identification_number.length-i.account_number_last_four.length,"*"),i.account_number_last_four].join(" ")}class g{static async init(e,t){return new g(e,t)}constructor(e,t){Object.defineProperty(this,"session",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"coordinator",{enumerable:!0,configurable:!0,writable:!0,value:t}),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:this.createFieldDefaultState()}),Object.defineProperty(this,"cardElements",{enumerable:!0,configurable:!0,writable:!0,value:{}}),Object.defineProperty(this,"textElements",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"stateChangeHandlers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"cvcOnlyEnabled",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"createForm",{enumerable:!0,configurable:!0,writable:!0,value:(r={})=>{var s;if(this.hasFormElements())throw new Error("Form elements can't be initialized twice. You can call `reset()` method or create new Hellgate client.");const n=b({disabled:!1,autocomplete:"on",style:{..._}},r);if(this.session.isNextAction("refresh_security_code")&&((s=this.session.state)!=null&&s.data)){const o=this.session.state.data;n.cvcOnly=!0,n.value={number:U(o),expiry_date:{month:(o==null?void 0:o.expiry_month)??null,year:(o==null?void 0:o.expiry_year)??null},cvc:null}}n.schemes=V(this.getSessionSchemes(),n.schemes);const a=f("card",n);return this.cardElements.card={element:a,state:this.createFieldDefaultState()},this.addElementStateListener("card"),a}}),Object.defineProperty(this,"createTextField",{enumerable:!0,configurable:!0,writable:!0,value:(r={})=>{const n={disabled:!1,autocomplete:"on",style:{..._}},a=f("text",{...b(n,{...r})});return this.textElements.push(a),a}}),Object.defineProperty(this,"tokenize",{enumerable:!0,configurable:!0,writable:!0,value:async r=>{var a,s;if(((a=this.session.state)==null?void 0:a.next_action)!=="tokenize_card")throw new Error(`The session's next_action='${(s=this.session.state)==null?void 0:s.next_action}'. tokenize() is available only if next_action='tokenize_card'`);const n=this.getCardDataValidationError();if(n)throw n;return this.coordinator.postMessage({type:"card:tokenize",additionalData:this.serializeAdditionalData(r)}),new Promise(o=>{this.coordinator.onMessage("card:tokenize:response",l=>{o(l.success?l.result:null)})})}}),Object.defineProperty(this,"onStateChange",{enumerable:!0,configurable:!0,writable:!0,value:r=>{this.stateChangeHandlers.push(r),r(this.state)}}),Object.defineProperty(this,"clear",{enumerable:!0,configurable:!0,writable:!0,value:()=>{Object.values(this.cardElements).forEach(r=>r==null?void 0:r.element.clear()),this.textElements.forEach(r=>r==null?void 0:r.clear())}}),Object.defineProperty(this,"reset",{enumerable:!0,configurable:!0,writable:!0,value:()=>{Object.values(this.cardElements).forEach(r=>r==null?void 0:r.element.unmount()),this.textElements.forEach(r=>r==null?void 0:r.unmount()),this.cardElements={},this.textElements=[],this.state=this.createFieldDefaultState()}}),Object.defineProperty(this,"dispose",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.reset()}}),Object.defineProperty(this,"process",{enumerable:!0,configurable:!0,writable:!0,value:async(r={})=>{if(!this.hasFormElements())throw new Error("Card form must be initialized and completed before processing");const n=this.getCardDataValidationError();if(n)throw n;if(this.session.isNextAction("refresh_security_code"))return this.refreshSecurityCode();this.disableFormElements(!0);try{return this.coordinator.postMessage({type:"card:process",additionalData:this.serializeAdditionalData(r)}),new Promise((a,s)=>{this.coordinator.onMessage("card:process:response",o=>{o.result&&o.success?a(o.result):s(new Error(o.error))})})}catch(a){throw this.disableFormElements(!1),a}}}),this.cvcOnlyEnabled=this.session.isNextAction("refresh_security_code")}createFormFields(e={}){var l,d;if(this.hasFormElements())throw new Error("Form elements can't be initialized twice. You can call `reset()` method or create new Hellgate client.");const t={disabled:this.cvcOnlyEnabled,autocomplete:"on",style:{..._}},{cardNumber:r={},securityCode:n={},...a}=e,s=f("cardNumber",{...b(t,{...a,...r,cvcOnly:this.cvcOnlyEnabled,schemes:V(this.getSessionSchemes(),r.schemes??a.schemes),value:this.session.isNextAction("refresh_security_code")&&((l=this.session.state)!=null&&l.data)?U(this.session.state.data):null})}),o=f("cardVerificationCode",{...b({...t,disabled:!1,autofocus:this.cvcOnlyEnabled},{...a,...n})});if(s.on("change",h=>{const u=h.cardBrand;o.update({cardType:u})}),this.cardElements={cardNumber:{element:s,state:this.createFieldDefaultState()},cardVerificationCode:{element:o,state:this.createFieldDefaultState()}},this.addElementStateListener("cardNumber"),this.addElementStateListener("cardVerificationCode"),e.expiryDateElement==="separate"){const{expiryMonth:h={},expiryYear:u={}}=e,B=f("cardExpirationMonth",{...b(t,{...a,...h})}),Y=f("cardExpirationYear",{...b(t,{...a,...u})});return this.cardElements.cardExpirationMonth={element:B,state:this.createFieldDefaultState()},this.cardElements.cardExpirationYear={element:Y,state:this.createFieldDefaultState()},this.addElementStateListener("cardExpirationMonth"),this.addElementStateListener("cardExpirationYear"),{cardNumber:s,expiryMonth:B,expiryYear:Y,securityCode:o}}else{const{expiryDate:h={}}=e,u=f("cardExpirationDate",{...b(t,{...a,...h,value:this.session.isNextAction("refresh_security_code")&&((d=this.session.state)!=null&&d.data)?{month:this.session.state.data.expiry_month,year:this.session.state.data.expiry_year}:null})});return this.cardElements.cardExpirationDate={element:u,state:this.createFieldDefaultState()},this.addElementStateListener("cardExpirationDate"),{cardNumber:s,expiryDate:u,securityCode:o}}}async refreshSecurityCode(){return this.coordinator.postMessage({type:"card:refresh_security_code"}),new Promise((e,t)=>{this.coordinator.onMessage("card:refresh_security_code:response",r=>{r.result?e(r.result):t(new Error(r.error))})})}hasFormElements(){return!!Object.keys(this.cardElements).length}disableFormElements(e){Object.values(this.cardElements).forEach(({element:t})=>{t.update({disabled:e})})}addElementStateListener(e){const t=this.cardElements[e];t&&t.element.on("change",r=>{t.state=r,this.updateFormState()})}updateFormState(){const e=this.cvcOnlyEnabled&&this.cardElements.cardVerificationCode?[this.cardElements.cardVerificationCode]:Object.values(this.cardElements);e.length?this.state=e.reduce((t,{state:r})=>(t.valid=!!t.valid&&!!r.valid,t.complete=!!t.complete&&!!r.complete,t.empty=!!t.empty&&!!r.empty,t.error=t.error||r.error,t.errorCode=t.errorCode||r.errorCode,t),{valid:!0,complete:!0,empty:!0}):this.state=this.createFieldDefaultState(),this.stateChangeHandlers.forEach(t=>t(this.state))}createFieldDefaultState(){return{empty:!0,complete:!1,valid:!1}}serializeAdditionalData({cardholder_name:e,billing_address:t={},ephemeral:r,expiration_date:n}){return p({cardholder_name:y(e),billing_address:{line1:y(t.line1),line2:y(t.line2),line3:y(t.line3),city:y(t.city),postal_code:y(t.postal_code)},...this.resolveLifecycleFields(r,n)})}resolveLifecycleFields(e,t){switch(this.getLifecycle()){case"ephemeral_only":return{ephemeral:!0};case"persistent_only":return{ephemeral:!1};case"user_choice":return{ephemeral:typeof e=="boolean"?e:void 0,expiration_date:typeof t=="string"?t:void 0}}}getLifecycle(){var e,t;return this.session.isNextAction("tokenize_card")?((t=(e=this.session.state)==null?void 0:e.data)==null?void 0:t.lifecycle)??"user_choice":"user_choice"}getSessionSchemes(){var t,r;if(!this.session.isNextAction("tokenize_card"))return;const e=(t=this.session.state)==null?void 0:t.data;if((r=e==null?void 0:e.allowed_schemes)!=null&&r.length)return Q(e.allowed_schemes)}getCardDataValidationError(){if(!this.state.complete)return new Error(this.state.error??"Card data is not complete");if(!this.state.valid)return new Error(`Card data is not valid. ${this.state.error}`)}}function y(i){if(typeof i=="string")return i;if(i!=null&&i.key)return{key:i.key}}function V(i,e){return i===void 0?e:i.length===0?[]:e!=null&&e.length?e.filter(t=>i.includes(t)):i}const z="v3.12.0";class Z{constructor(){if(Object.defineProperty(this,"iframe",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"iframeBaseUrl",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"messageHandler",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"init",{enumerable:!0,configurable:!0,writable:!0,value:async(e,t,r)=>(window.fetchMocker={a:1},new Promise((n,a)=>{r==null||r.signal.addEventListener("abort",()=>{const l=new Error("Coordinator init aborted");l.name="AbortError",a(l),this.dispose()});const s=document.createElement("div");s.setAttribute("style","position:absolute;width:0;height:0;overflow:hidden;"),s.setAttribute("data-hg-coordinator",""),document.body.appendChild(s);const o=`${this.iframeBaseUrl}?type=coordinator&sessionId=${e}&apiBaseUrl=${t}&origin=${encodeURIComponent(location.origin)}&sdkVersion=${encodeURIComponent(z)}`;if(s.innerHTML=`<iframe src="${o}" width="0" height="0" style="border:none;" tabindex="-1" aria-hidden="true"></iframe>`,this.iframe=s.querySelector("iframe"),!this.iframe){a(new Error("Failed to create coordinator iframe"));return}this.messageHandler=l=>{var d,h,u;if(l.source===((d=this.iframe)==null?void 0:d.contentWindow)){if(((h=l.data)==null?void 0:h.type)==="coordinator:ready"){n();return}if(((u=l.data)==null?void 0:u.type)==="coordinator:error"){a(l.data.error);return}}},window.addEventListener("message",this.messageHandler),this.iframe.addEventListener("error",()=>{a(new Error("Coordinator iframe failed to load"))})}))}),this.iframeBaseUrl=S(z),!this.iframeBaseUrl)throw new Error("IFRAME_BASE_URL not found")}postMessage(e){var t,r;(r=(t=this.iframe)==null?void 0:t.contentWindow)==null||r.postMessage(e,this.iframeBaseUrl)}onMessage(e,t){window.addEventListener("message",r=>{var n,a;r.source===((n=this.iframe)==null?void 0:n.contentWindow)&&((a=r.data)==null?void 0:a.type)===e&&t(r.data)})}dispose(){var t;this.postMessage({type:"coordinator:dispose"}),this.messageHandler&&(window.removeEventListener("message",this.messageHandler),this.messageHandler=null);const e=(t=this.iframe)==null?void 0:t.parentElement;this.iframe=null,e==null||e.remove()}}const ee="hellgate-web-sdk",te="v3.12.0";class re{constructor(e="https://api.hellgate.io",t=new AbortController,{context:r="window",version:n=te}={}){Object.defineProperty(this,"abortCtrl",{enumerable:!0,configurable:!0,writable:!0,value:t}),Object.defineProperty(this,"baseUrl",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"clientId",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.baseUrl=e.endsWith("/")?e.substring(0,e.length-1):e,this.clientId=`${ee}/${n||"unknown"} (${r})`}getSession(e){return fetch(`${this.baseUrl}/sessions/${e}`,{headers:this.traceHeaders(),signal:this.abortCtrl.signal}).then(t=>E(t))}completeAction(e,t){return fetch(`${this.baseUrl}/sessions/${e}/complete-action`,{method:"POST",headers:{"Content-Type":"application/json",...this.traceHeaders()},mode:"cors",body:JSON.stringify(t),signal:this.abortCtrl.signal}).then(r=>E(r))}cancelAll(){this.abortCtrl.abort()}traceHeaders(){return{"x-hellgate-client":this.clientId,"x-request-id":ie()}}}function ie(){var i;return((i=crypto.randomUUID)==null?void 0:i.call(crypto))??`${Date.now().toString(36)}-${Math.random().toString(36).slice(2,10)}`}const ne=2e3;class ae{constructor(e,t){Object.defineProperty(this,"id",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"api",{enumerable:!0,configurable:!0,writable:!0,value:t}),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"stateChangeHandlers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"onCloseHandlers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"pollingTimer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"init",{enumerable:!0,configurable:!0,writable:!0,value:async()=>new Promise((r,n)=>{const a=this.onStateChange(s=>{s.next_action!=="wait"&&(r(s),a())});this.updateSessionState().catch(s=>{s instanceof Response&&s.status===404&&n(new Error(`Session ${this.id} doesn't exist or has expired`)),n(s)})})}),Object.defineProperty(this,"onStateChange",{enumerable:!0,configurable:!0,writable:!0,value:r=>(this.stateChangeHandlers.push(r),this.state&&r(this.state),()=>this.stateChangeHandlers=this.stateChangeHandlers.filter(n=>n!==r))}),Object.defineProperty(this,"onClose",{enumerable:!0,configurable:!0,writable:!0,value:r=>{var n;return((n=this.state)==null?void 0:n.next_action)===null?(r(x(this.state)),()=>{}):(this.onCloseHandlers.push(r),()=>this.onCloseHandlers=this.onCloseHandlers.filter(a=>a!==r))}}),Object.defineProperty(this,"completeAction",{enumerable:!0,configurable:!0,writable:!0,value:async r=>{const n=this.state;return new Promise((a,s)=>{const o=this.onStateChange(l=>{l.next_action!==(n==null?void 0:n.next_action)&&l.next_action===null&&(a(x(l)),o())});this.api.completeAction(this.id,r).then(l=>this.newStateHandle(l,s)).catch(async l=>s(await se(l)))})}}),Object.defineProperty(this,"completeSession",{enumerable:!0,configurable:!0,writable:!0,value:r=>{this.onCloseHandlers.forEach(n=>n(r)),this.stop()}}),Object.defineProperty(this,"dispose",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.stop(),this.api.cancelAll()}})}isNextAction(e){var t;return((t=this.state)==null?void 0:t.next_action)===e}stop(){window.clearTimeout(this.pollingTimer),this.stateChangeHandlers=[],this.onCloseHandlers=[]}async updateSessionState(e){const t=await this.api.getSession(this.id);this.newStateHandle(t,e)}newStateHandle(e,t){var r;switch(!e.next_action&&e.status&&(e.next_action=null),e.next_action){case"wait":{window.clearTimeout(this.pollingTimer),this.pollingTimer=window.setTimeout(()=>this.updateSessionState(t).catch(n=>{n instanceof Response&&n.status===404&&(t==null||t(new Error(`Session ${this.id} has expired`)))}),ne);break}}e.next_action!==((r=this.state)==null?void 0:r.next_action)&&this.stateChangeHandlers.forEach(n=>n(e)),e.next_action===null&&this.completeSession(x(e)),this.state=e}}async function se(i){return!i.ok&&i.status>=400&&i.status<=500?i.json():i}function x(i){const e={...i};return delete e.next_action,e}const oe={base_url:"https://api.hellgate.io"};class C{constructor(e,t,r){Object.defineProperty(this,"session",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"coordinator",{enumerable:!0,configurable:!0,writable:!0,value:t}),Object.defineProperty(this,"paymentFlowHandlers",{enumerable:!0,configurable:!0,writable:!0,value:r}),Object.defineProperty(this,"dispose",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.session.dispose(),this.coordinator.dispose(),Object.values(this.paymentFlowHandlers).forEach(n=>n==null?void 0:n.dispose())}}),Object.defineProperty(this,"onSessionComplete",{enumerable:!0,configurable:!0,writable:!0,value:n=>{this.session.onClose(n)}})}use(e){return this.paymentFlowHandlers[e]}static async init(e,t={}){const{session:r,coordinator:n,cardHandler:a,handler3DS:s}=await this.initHandlers(e,t);return new C(r,n,{CARD:a,"3DS":s})}static async initHandlers(e,t){const r={...oe,...t},n=new re(r.base_url,r.abortCtrl),a=new ae(e,n),s=new Z;s.onMessage("coordinator:session_state_change",d=>{d.state.next_action!=="wait"&&a.newStateHandle(d.state)}),await s.init(e,r.base_url,r.abortCtrl);const o=a.isNextAction("tokenize_card")||a.isNextAction("refresh_security_code")?await this.createCardHandler(a,s):void 0,l=this.create3DSHandler(a,t);return{session:a,coordinator:s,cardHandler:o,handler3DS:l}}static createCardHandler(e,t){return g.init(e,t)}static create3DSHandler(e,t){return new j(e,{domContainer:t.challenge_3ds_container,labelText:t.challenge_3ds_label_text})}}c.CardElement=F,c.CardExpirationDateElement=L,c.CardNumberElement=k,c.CardVerificationCodeElement=R,c.Hellgate=C,c.Hellgate3DSHandler=j,c.HellgateCardHandler=g,c.TextElement=$,c.createElement=f,c.extractCardNumberValue=P,c.extractExpiryDateValue=v,c.putCardNumberValue=N,c.putExpiryDateValue=O,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});globalThis.HellgateSDK&&(globalThis.Hellgate=globalThis.HellgateSDK.Hellgate,delete globalThis.HellgateSDK);

package/dist/session/api.d.ts

@@ -1,9 +1,26 @@
 import { CompleteActionDTO, SessionStateDTO } from './typings';
+/**
+ * Where the API call originates from. Both the merchant page and the
+ * coordinator iframe talk to the backend, so the context tells them apart
+ * in the backend logs.
+ */
+export type ClientContext = 'window' | 'coordinator-iframe';
+export type ClientInfo = {
+    context?: ClientContext;
+    version?: string;
+};
 export declare class HellgateAPIClient {
     private abortCtrl;
     private baseUrl;
-    constructor(baseUrl?: string, abortCtrl?: AbortController);
+    private clientId;
+    constructor(baseUrl?: string, abortCtrl?: AbortController, { context, version }?: ClientInfo);
     getSession(id: string): Promise<SessionStateDTO>;
     completeAction(id: string, data: CompleteActionDTO): Promise<SessionStateDTO>;
     cancelAll(): void;
+    /**
+     * Traceability headers sent on every backend call: which SDK build and
+     * execution context made the request, plus a per-request id to correlate
+     * a single failing call with the backend logs.
+     */
+    private traceHeaders;
 }

package/dist/session/api.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@starfish-codes/hellgate",
-  "version": "3.11.0",
+  "version": "3.12.0",
   "license": "Apache-2.0",
   "author": {
     "name": "Starfish GmbH & Co. KG",
@@ -37,7 +37,7 @@
     "@headlessui/react": "^1.7.18",
     "@rollup/plugin-typescript": "^11.1.6",
     "@semantic-release/changelog": "^6.0.3",
-    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/exec": "^7.1.0",
     "@tailwindcss/forms": "^0.5.7",
     "@types/inputmask": "^5.0.7",
     "@types/lodash": "^4.17.0",
@@ -45,9 +45,9 @@
     "@types/react-dom": "^18.2.22",
     "@typescript-eslint/eslint-plugin": "^7.2.0",
     "@typescript-eslint/parser": "^7.2.0",
-    "@vitest/browser": "^3.2.5",
-    "@vitest/coverage-istanbul": "^3.1.3",
-    "@vitest/ui": "^3.1.3",
+    "@vitest/browser-playwright": "^4.1.11",
+    "@vitest/coverage-istanbul": "^4.1.11",
+    "@vitest/ui": "^4.1.11",
     "autoprefixer": "^10.4.18",
     "clsx": "^2.1.0",
     "commitizen": "^4.3.0",
@@ -61,7 +61,7 @@
     "mobx-react": "^9.1.0",
     "mobx-react-viewmodel": "^0.2.0",
     "playwright": "^1.55.1",
-    "postcss": "^8.5.10",
+    "postcss": "^8.5.23",
     "postcss-nesting": "^13.0.1",
     "prettier": "^3.2.5",
     "react": "^18.2.0",
@@ -78,7 +78,7 @@
     "vite-plugin-sri3": "^1.3.0",
     "vite-plugin-svg-icons-ng": "^1.4.0",
     "vite-plugin-top-level-await": "^1.5.0",
-    "vitest": "^3.2.6",
+    "vitest": "^4.1.11",
     "vitest-fetch-mock": "^0.2.2",
     "webdriverio": "^9.12.7"
   },