@everymatrix/general-registration 1.94.21 → 1.94.22

package/dist/collection/components/general-registration/general-registration.js

@@ -2,7 +2,8 @@ import { h } from "@stencil/core";
 import { getTranslations, translate, TRANSLATIONS, DEFAULT_LANGUAGE, CONSTANTS } from "../../utils/locale.utils";
 import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
 import { dispatchCustomEvent } from "../../../../../../../../libs/custom-events/src/index";
-import { checkEmptyValue } from "../../../../../../../../libs/common/src/utils/index";
+import { checkEmptyValue, getSlottedElement } from "../../../../../../../../libs/common/src/utils/index";
+import { createTurnstile, TURNSTILE_TOKEN_RESPONSE_HEADER, TURNSTILE_IS_VISIBLE_HEADER, CAPTCHA_CONTAINER_SLOT, } from "../../../../../../../../libs/common/src/captcha/index";
 import "../../../../../general-input/dist/types/index";
 import "../../../../../../svelte/player-consents/es2015/player-consents";
 export class GeneralRegistration {
@@ -10,6 +11,7 @@ export class GeneralRegistration {
         this.isSelectingAddress = false;
         this.lastPostalCode = null;
         this.isRestoringAfterError = false;
+        this.captchaInstance = null;
         this.selectedCountry = '';
         this.listOfInputValues = [];
         this.listOfInputValidity = [];
@@ -54,6 +56,7 @@ export class GeneralRegistration {
         this.enableManualDateInput = false;
         this.enableCustomRegexValidation = false;
         this.gmversion = '';
+        this.turnstileSiteKey = undefined;
         this.errorMessage = '';
         this.isFormValid = false;
         this.isConsentValid = false;
@@ -273,9 +276,14 @@ export class GeneralRegistration {
         this.registrationWidgetLoaded.emit();
         window.postMessage({ type: 'registrationWidgetLoaded' }, window.location.href);
         this.handleClientStyling();
+        if (this.turnstileSiteKey)
+            this.initializeCaptcha();
     }
     disconnectedCallback() {
+        var _a, _b;
         this.stylingSubscription && this.stylingSubscription.unsubscribe();
+        if (this.turnstileSiteKey)
+            (_b = (_a = this.captchaInstance) === null || _a === void 0 ? void 0 : _a.cleanup) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     /**
      * This function produces the conditionalValidationMap object presented below
@@ -461,6 +469,16 @@ export class GeneralRegistration {
             }
         }, window.location.href);
     }
+    async initializeCaptcha() {
+        if (!this.turnstileSiteKey)
+            return;
+        const captchaContainerEl = getSlottedElement(this.host, CAPTCHA_CONTAINER_SLOT);
+        this.captchaInstance = createTurnstile({
+            action: 'login',
+            siteKey: this.turnstileSiteKey,
+        });
+        await this.captchaInstance.render(captchaContainerEl);
+    }
     getRegisterConfig(registrationID) {
         const configPath = this.gmversion === 'gm2'
             ? '/api/pam/v2/legislation/register/config'
@@ -682,18 +700,39 @@ export class GeneralRegistration {
         }
         return acceptedConsents;
     }
-    setRegister() {
+    async setRegister() {
+        var _a;
         this.isLoading = true;
         this.registerErrors = false;
-        const registerPath = this.gmversion === 'gm2'
+        const isGm2 = this.gmversion === 'gm2';
+        const turnstileEnabled = this.turnstileSiteKey && this.captchaInstance && !isGm2;
+        const registerPath = isGm2
             ? '/api/pam/v2/legislation/register'
             : '/v1/player/legislation/register/';
         const url = new URL(`${this.endpoint}${registerPath}`);
         const headers = new Headers();
         headers.append('Content-Type', 'application/json');
         headers.append('Accept', 'application/json');
+        if (turnstileEnabled) {
+            try {
+                const token = await ((_a = this.captchaInstance) === null || _a === void 0 ? void 0 : _a.ensureToken());
+                headers.append(TURNSTILE_TOKEN_RESPONSE_HEADER, token !== null && token !== void 0 ? token : "");
+                headers.append(TURNSTILE_IS_VISIBLE_HEADER, "false");
+            }
+            catch (error) {
+                this.registerErrors = true;
+                this.isLoading = false;
+                if (error !== null) {
+                    this.errorMessage = translate(`generalError`, this.language);
+                    window.postMessage({ type: 'registrationFailed', errorMessage: this.errorMessage }, window.location.href);
+                    this.triggerNotification(this.errorMessage);
+                    dispatchCustomEvent('register_fail', { error: this.errorMessage });
+                }
+                return;
+            }
+        }
         const options = {
-            method: this.gmversion === 'gm2' ? 'POST' : 'PUT',
+            method: isGm2 ? 'POST' : 'PUT',
             body: JSON.stringify({ registrationId: this.registrationID }),
             headers
         };
@@ -743,7 +782,10 @@ export class GeneralRegistration {
             console.error(err);
         })
             .finally(() => {
+            var _a;
             this.isLoading = false;
+            if (turnstileEnabled)
+                (_a = this.captchaInstance) === null || _a === void 0 ? void 0 : _a.reset();
         });
     }
     formatConfig(config) {
@@ -1018,13 +1060,11 @@ export class GeneralRegistration {
             && h("svg", { class: "spinner", viewBox: "0 0 50 50" }, h("circle", { class: "path", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "5" })), !this.isLoadingPOST && h("div", { class: `registration__buttons-wrapper ${this.autofilled ? 'registration__buttons-wrapper--autofilled' : ''}` }, h("button", { class: `registration__button registration__button--next ${this.isFormValid ? '' : 'registration__button--disabled'}`, type: 'submit', form: `RegistrationForm${this.registrationStep}`, onClick: (e) => this.nextHandler(e), disabled: !this.isFormValid }, this.lastStep === this.registrationStep ? translate('doneButton', this.language) : translate('nextButton', this.language)), h("button", { class: `registration__button registration__button--back ${this.registrationStep == 'Step1' ? 'registration__button--first-step' : ''}`, onClick: (e) => this.backHandler(e) }, translate('backButton', this.language)))));
     }
     render() {
-        if (this.isLoading && !this.registerErrors) {
-            return h("p", { class: `registration registration__loading-message` }, translate('loadingMessage', this.language));
-        }
-        else if (!this.isLoading && this.registerErrors) {
-            return this.renderErrorMessage(this.errorMessage);
-        }
-        return (h("div", { ref: (el) => (this.stylingContainer = el), class: `registration  registration__${this.registrationStep}` }, this.renderForm(), !this.buttonInsideForm && this.renderButtons()));
+        const isLoading = this.isLoading && !this.registerErrors;
+        const isError = !this.isLoading && this.registerErrors;
+        const showForm = !(isLoading || isError);
+        return (h("div", { key: 'f9c3c3d27ba6d0f0a38802dae5cc59a3d92e80ce', ref: (el) => (this.stylingContainer = el), class: `registration  registration__${this.registrationStep}` }, isLoading && h("p", { key: 'a9264b766c150388bc3c1711eec78c25b5c03398', class: `registration registration__loading-message` }, translate('loadingMessage', this.language)), isError && this.renderErrorMessage(this.errorMessage), showForm && this.renderForm(), showForm && !this.buttonInsideForm && this.renderButtons(), this.turnstileSiteKey &&
+            h("div", { key: '43b923b05cebe033ac4b186f9101c6d24d2f54bb', class: "captcha-wrapper" }, h("slot", { key: '386643816479c11f6c0856aa4ca82c87e5878bc4', name: CAPTCHA_CONTAINER_SLOT }))));
     }
     static get is() { return "general-registration"; }
     static get encapsulation() { return "shadow"; }
@@ -1305,6 +1345,23 @@ export class GeneralRegistration {
                 "attribute": "gmversion",
                 "reflect": true,
                 "defaultValue": "''"
+            },
+            "turnstileSiteKey": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Cloudflare Turnstile site key.\nActs as the enable/disable flag for Turnstile."
+                },
+                "attribute": "turnstile-site-key",
+                "reflect": false
             }
         };
     }

package/dist/esm/checkbox-group-input_15.entry.js

@@ -14500,6 +14500,231 @@ const checkEmptyValue = (val) => {
   return false;
 };
 
+/**
+ * Get first assigned element from a named slot
+ *
+ * @param {HTMLElement} host
+ * @param {string} slotName
+ * @returns {HTMLElement | null}
+ */
+const getSlottedElement = (host, slotName) => {
+  const slot = /** @type {HTMLSlotElement | null} */ (
+    host.shadowRoot?.querySelector(`slot[name="${slotName}"]`)
+  );
+
+  if (!slot) {
+    console.error(`[${host.tagName.toLowerCase()}] slot "${slotName}" not found.`);
+    return null;
+  }
+
+  const assignedElement = /** @type {HTMLElement | null} */ (
+    slot.assignedElements?.()[0] ?? null
+  );
+
+  if (!assignedElement) {
+    console.error( `[${host.tagName.toLowerCase()}] no element assigned to slot "${slotName}".`);
+    return null;
+  }
+
+  return assignedElement;
+};
+
+const SCRIPT_SRC = 'https://challenges.cloudflare.com/turnstile/v0/api.js';
+const RETRY_INTERVAL_MS = 3000;
+const DEFAULT_RETRY_COUNT = 5;
+const SCRIPT_LOAD_TIMEOUT_MS = 10000;
+const TURNSTILE_TOKEN_EXPIRY_MS = 5 * 60 * 1000;
+const DUMMY_TURNSTILE_RESPONSE = 'XXXX.DUMMY.TOKEN.XXXX';
+const TURNSTILE_TOKEN_RESPONSE_HEADER = 'cf-captcha-response';
+const TURNSTILE_IS_VISIBLE_HEADER = 'cfCaptchaIsVisible';
+let scriptPromise = null;
+function loadTurnstile() {
+    if (typeof window === 'undefined') {
+        return Promise.reject(new Error('[Turnstile] SSR'));
+    }
+    if (window.turnstile)
+        return Promise.resolve();
+    if (!scriptPromise) {
+        scriptPromise = new Promise((resolve, reject) => {
+            const timeout = setTimeout(() => {
+                scriptPromise = null;
+                reject(new Error('[Turnstile] script load timeout'));
+            }, SCRIPT_LOAD_TIMEOUT_MS);
+            const script = document.createElement('script');
+            script.src = SCRIPT_SRC;
+            script.async = true;
+            script.defer = true;
+            script.onload = () => {
+                clearTimeout(timeout);
+                resolve();
+            };
+            script.onerror = () => {
+                clearTimeout(timeout);
+                scriptPromise = null;
+                reject(new Error('[Turnstile] script failed to load'));
+            };
+            document.head.appendChild(script);
+        });
+    }
+    return scriptPromise;
+}
+function createTurnstile(options) {
+    const { siteKey, action, isEnabled = true, enableFallback = false, retryCount = DEFAULT_RETRY_COUNT } = options;
+    let token = null;
+    let tokenIssuedAt = 0;
+    let widgetId;
+    let container;
+    let isDestroyed = false;
+    let errorCount = 0;
+    let resolveToken = null;
+    let rejectToken = null;
+    function setToken(value) {
+        var _a;
+        token = value;
+        if (value)
+            tokenIssuedAt = Date.now();
+        (_a = options.onTokenChange) === null || _a === void 0 ? void 0 : _a.call(options, value);
+    }
+    function renderWidget() {
+        if (widgetId || !container || !window.turnstile)
+            return;
+        widgetId = window.turnstile.render(container, {
+            sitekey: siteKey,
+            retry: 'auto',
+            action,
+            appearance: 'interaction-only',
+            execution: 'execute',
+            theme: 'light',
+            'retry-interval': RETRY_INTERVAL_MS,
+            callback: (receivedToken) => {
+                var _a;
+                if (isDestroyed)
+                    return;
+                errorCount = 0;
+                setToken(receivedToken);
+                (_a = options.onLoadingChange) === null || _a === void 0 ? void 0 : _a.call(options, false);
+                resolveToken === null || resolveToken === void 0 ? void 0 : resolveToken(receivedToken);
+                resolveToken = null;
+                rejectToken = null;
+            },
+            'error-callback': (errorCode) => {
+                var _a;
+                if (isDestroyed)
+                    return true;
+                errorCount += 1;
+                if (errorCount <= retryCount) {
+                    return false;
+                }
+                errorCount = 0;
+                (_a = options.onLoadingChange) === null || _a === void 0 ? void 0 : _a.call(options, false);
+                if (widgetId && window.turnstile) {
+                    try {
+                        window.turnstile.reset(widgetId);
+                    }
+                    catch (_b) { }
+                }
+                if (enableFallback) {
+                    resolveToken === null || resolveToken === void 0 ? void 0 : resolveToken(DUMMY_TURNSTILE_RESPONSE);
+                }
+                else {
+                    const error = `[Turnstile] Verification failed (${errorCode}). Please try again.`;
+                    console.error(error);
+                    rejectToken === null || rejectToken === void 0 ? void 0 : rejectToken(new Error(error));
+                }
+                resolveToken = null;
+                rejectToken = null;
+                return true;
+            },
+            'expired-callback': () => {
+                setToken(null);
+            }
+        });
+    }
+    async function render(hostContainer) {
+        var _a;
+        if (!isEnabled)
+            return;
+        container = hostContainer;
+        try {
+            await loadTurnstile();
+            renderWidget();
+            (_a = options.onReady) === null || _a === void 0 ? void 0 : _a.call(options);
+        }
+        catch (err) {
+            console.error('[Turnstile] script load error', err);
+        }
+    }
+    async function getToken() {
+        var _a;
+        if (!isEnabled)
+            return undefined;
+        if (!widgetId) {
+            await loadTurnstile();
+            renderWidget();
+            if (!widgetId)
+                throw new Error('[Turnstile] widget not ready');
+        }
+        (_a = options.onLoadingChange) === null || _a === void 0 ? void 0 : _a.call(options, true);
+        return new Promise((resolve, reject) => {
+            var _a;
+            resolveToken = resolve;
+            rejectToken = reject;
+            try {
+                window.turnstile.execute(widgetId);
+            }
+            catch (e) {
+                console.error('[Turnstile] execute error', e);
+                (_a = options.onLoadingChange) === null || _a === void 0 ? void 0 : _a.call(options, false);
+                resolveToken = null;
+                rejectToken = null;
+                reject(e);
+            }
+        });
+    }
+    async function ensureToken() {
+        if (!isEnabled)
+            return undefined;
+        if (token && Date.now() - tokenIssuedAt < TURNSTILE_TOKEN_EXPIRY_MS)
+            return token;
+        return getToken();
+    }
+    function reset() {
+        var _a;
+        if (widgetId && window.turnstile) {
+            try {
+                window.turnstile.reset(widgetId);
+            }
+            catch (_b) { }
+        }
+        errorCount = 0;
+        setToken(null);
+        (_a = options.onLoadingChange) === null || _a === void 0 ? void 0 : _a.call(options, false);
+        rejectToken === null || rejectToken === void 0 ? void 0 : rejectToken(new Error('[Turnstile] reset by caller'));
+        resolveToken = null;
+        rejectToken = null;
+    }
+    function cleanup() {
+        var _a;
+        isDestroyed = true;
+        if (widgetId && window.turnstile) {
+            try {
+                window.turnstile.remove(widgetId);
+            }
+            catch (_b) { }
+        }
+        errorCount = 0;
+        rejectToken === null || rejectToken === void 0 ? void 0 : rejectToken(null);
+        resolveToken = null;
+        rejectToken = null;
+        widgetId = undefined;
+        setToken(null);
+        (_a = options.onLoadingChange) === null || _a === void 0 ? void 0 : _a.call(options, false);
+    }
+    return { render, getToken, ensureToken, reset, cleanup };
+}
+
+const CAPTCHA_CONTAINER_SLOT = "captchaContainer";
+
 if (typeof window != "undefined") {
   let n = function(e) {
     return function(...s) {
@@ -14517,7 +14742,7 @@ if (typeof window != "undefined") {
   });
 }
 
-const generalRegistrationCss = "*,\n*::before,\n*::after {\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.registration__form.hidden {\n  display: none;\n}\n\n.registration {\n  font-family: \"Roboto\";\n  font-style: normal;\n  font-family: sans-serif;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  width: 100%;\n  height: 100%;\n  container-type: inline-size;\n}\n.registration__wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.registration__error-message {\n  color: var(--emw--color-error, var(--emw--color-red, #ed0909));\n  font-size: var(--emw-font-size-small, 13px);\n  display: block;\n  justify-content: center;\n  text-align: center;\n}\n.registration__loading-message {\n  padding-top: 20px;\n  text-align: center;\n}\n.registration__form {\n  display: grid;\n  grid-template-columns: repeat(1, 1fr);\n  gap: 40px;\n  justify-items: stretch;\n  align-content: flex-start;\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.registration__buttons-wrapper {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  align-items: center;\n  position: relative;\n}\n.registration__button {\n  border-radius: 5px;\n  background: var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));\n  border: 1px solid var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));\n  color: var(--emw--button-typography, var(--emw--color-white, #FFFFFF));\n  text-transform: uppercase;\n  font-size: 20px;\n  height: 44px;\n  width: 100%;\n  margin: 0px auto;\n  padding: 10px 20px;\n  font-weight: normal;\n  box-shadow: none;\n  cursor: pointer;\n}\n.registration__button--disabled {\n  background: var(--emw--color-gray-100, #E6E6E6);\n  border: 1px solid var(--emw--color-gray-150, #828282);\n  pointer-events: none;\n  box-shadow: none;\n}\n.registration__button--first-step {\n  display: none;\n}\n\n@container (min-width: 450px) {\n  .registration__form {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .registration__buttons-wrapper {\n    flex-direction: row-reverse;\n    gap: 15px;\n  }\n}\n.hide-btag {\n  display: none;\n}\n\n.spinner {\n  animation: rotate 2s linear infinite;\n  z-index: 2;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin: -25px 0 0 -25px;\n  width: 50px;\n  height: 50px;\n}\n.spinner .path {\n  stroke: var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));\n  stroke-linecap: round;\n  animation: dash 1.5s ease-in-out infinite;\n}\n\n.input-description {\n  margin-top: 5px;\n  font-size: var(--emw-font-size-x-small, 12px);\n}\n\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}";
+const generalRegistrationCss = "*,\n*::before,\n*::after {\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.registration__form.hidden {\n  display: none;\n}\n\n.registration {\n  font-family: \"Roboto\";\n  font-style: normal;\n  font-family: sans-serif;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  width: 100%;\n  height: 100%;\n  container-type: inline-size;\n}\n.registration__wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.registration__error-message {\n  color: var(--emw--color-error, var(--emw--color-red, #ed0909));\n  font-size: var(--emw-font-size-small, 13px);\n  display: block;\n  justify-content: center;\n  text-align: center;\n}\n.registration__loading-message {\n  padding-top: 20px;\n  text-align: center;\n}\n.registration__form {\n  display: grid;\n  grid-template-columns: repeat(1, 1fr);\n  gap: 40px;\n  justify-items: stretch;\n  align-content: flex-start;\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.registration__buttons-wrapper {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  align-items: center;\n  position: relative;\n}\n.registration__button {\n  border-radius: 5px;\n  background: var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));\n  border: 1px solid var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));\n  color: var(--emw--button-typography, var(--emw--color-white, #FFFFFF));\n  text-transform: uppercase;\n  font-size: 20px;\n  height: 44px;\n  width: 100%;\n  margin: 0px auto;\n  padding: 10px 20px;\n  font-weight: normal;\n  box-shadow: none;\n  cursor: pointer;\n}\n.registration__button--disabled {\n  background: var(--emw--color-gray-100, #E6E6E6);\n  border: 1px solid var(--emw--color-gray-150, #828282);\n  pointer-events: none;\n  box-shadow: none;\n}\n.registration__button--first-step {\n  display: none;\n}\n\n@container (min-width: 450px) {\n  .registration__form {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .registration__buttons-wrapper {\n    flex-direction: row-reverse;\n    gap: 15px;\n  }\n}\n.hide-btag {\n  display: none;\n}\n\n.spinner {\n  animation: rotate 2s linear infinite;\n  z-index: 2;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin: -25px 0 0 -25px;\n  width: 50px;\n  height: 50px;\n}\n.spinner .path {\n  stroke: var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));\n  stroke-linecap: round;\n  animation: dash 1.5s ease-in-out infinite;\n}\n\n.input-description {\n  margin-top: 5px;\n  font-size: var(--emw-font-size-x-small, 12px);\n}\n\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}\n.captcha-wrapper {\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n}";
 const GeneralRegistrationStyle0 = generalRegistrationCss;
 
 const GeneralRegistration = class {
@@ -14529,6 +14754,7 @@ const GeneralRegistration = class {
         this.isSelectingAddress = false;
         this.lastPostalCode = null;
         this.isRestoringAfterError = false;
+        this.captchaInstance = null;
         this.selectedCountry = '';
         this.listOfInputValues = [];
         this.listOfInputValidity = [];
@@ -14573,6 +14799,7 @@ const GeneralRegistration = class {
         this.enableManualDateInput = false;
         this.enableCustomRegexValidation = false;
         this.gmversion = '';
+        this.turnstileSiteKey = undefined;
         this.errorMessage = '';
         this.isFormValid = false;
         this.isConsentValid = false;
@@ -14792,9 +15019,14 @@ const GeneralRegistration = class {
         this.registrationWidgetLoaded.emit();
         window.postMessage({ type: 'registrationWidgetLoaded' }, window.location.href);
         this.handleClientStyling();
+        if (this.turnstileSiteKey)
+            this.initializeCaptcha();
     }
     disconnectedCallback() {
+        var _a, _b;
         this.stylingSubscription && this.stylingSubscription.unsubscribe();
+        if (this.turnstileSiteKey)
+            (_b = (_a = this.captchaInstance) === null || _a === void 0 ? void 0 : _a.cleanup) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     /**
      * This function produces the conditionalValidationMap object presented below
@@ -14980,6 +15212,16 @@ const GeneralRegistration = class {
             }
         }, window.location.href);
     }
+    async initializeCaptcha() {
+        if (!this.turnstileSiteKey)
+            return;
+        const captchaContainerEl = getSlottedElement(this.host, CAPTCHA_CONTAINER_SLOT);
+        this.captchaInstance = createTurnstile({
+            action: 'login',
+            siteKey: this.turnstileSiteKey,
+        });
+        await this.captchaInstance.render(captchaContainerEl);
+    }
     getRegisterConfig(registrationID) {
         const configPath = this.gmversion === 'gm2'
             ? '/api/pam/v2/legislation/register/config'
@@ -15201,18 +15443,39 @@ const GeneralRegistration = class {
         }
         return acceptedConsents;
     }
-    setRegister() {
+    async setRegister() {
+        var _a;
         this.isLoading = true;
         this.registerErrors = false;
-        const registerPath = this.gmversion === 'gm2'
+        const isGm2 = this.gmversion === 'gm2';
+        const turnstileEnabled = this.turnstileSiteKey && this.captchaInstance && !isGm2;
+        const registerPath = isGm2
             ? '/api/pam/v2/legislation/register'
             : '/v1/player/legislation/register/';
         const url = new URL(`${this.endpoint}${registerPath}`);
         const headers = new Headers();
         headers.append('Content-Type', 'application/json');
         headers.append('Accept', 'application/json');
+        if (turnstileEnabled) {
+            try {
+                const token = await ((_a = this.captchaInstance) === null || _a === void 0 ? void 0 : _a.ensureToken());
+                headers.append(TURNSTILE_TOKEN_RESPONSE_HEADER, token !== null && token !== void 0 ? token : "");
+                headers.append(TURNSTILE_IS_VISIBLE_HEADER, "false");
+            }
+            catch (error) {
+                this.registerErrors = true;
+                this.isLoading = false;
+                if (error !== null) {
+                    this.errorMessage = translate(`generalError`, this.language);
+                    window.postMessage({ type: 'registrationFailed', errorMessage: this.errorMessage }, window.location.href);
+                    this.triggerNotification(this.errorMessage);
+                    dispatchCustomEvent('register_fail', { error: this.errorMessage });
+                }
+                return;
+            }
+        }
         const options = {
-            method: this.gmversion === 'gm2' ? 'POST' : 'PUT',
+            method: isGm2 ? 'POST' : 'PUT',
             body: JSON.stringify({ registrationId: this.registrationID }),
             headers
         };
@@ -15262,7 +15525,10 @@ const GeneralRegistration = class {
             console.error(err);
         })
             .finally(() => {
+            var _a;
             this.isLoading = false;
+            if (turnstileEnabled)
+                (_a = this.captchaInstance) === null || _a === void 0 ? void 0 : _a.reset();
         });
     }
     formatConfig(config) {
@@ -15536,13 +15802,11 @@ const GeneralRegistration = class {
             && h("svg", { class: "spinner", viewBox: "0 0 50 50" }, h("circle", { class: "path", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "5" })), !this.isLoadingPOST && h("div", { class: `registration__buttons-wrapper ${this.autofilled ? 'registration__buttons-wrapper--autofilled' : ''}` }, h("button", { class: `registration__button registration__button--next ${this.isFormValid ? '' : 'registration__button--disabled'}`, type: 'submit', form: `RegistrationForm${this.registrationStep}`, onClick: (e) => this.nextHandler(e), disabled: !this.isFormValid }, this.lastStep === this.registrationStep ? translate('doneButton', this.language) : translate('nextButton', this.language)), h("button", { class: `registration__button registration__button--back ${this.registrationStep == 'Step1' ? 'registration__button--first-step' : ''}`, onClick: (e) => this.backHandler(e) }, translate('backButton', this.language)))));
     }
     render() {
-        if (this.isLoading && !this.registerErrors) {
-            return h("p", { class: `registration registration__loading-message` }, translate('loadingMessage', this.language));
-        }
-        else if (!this.isLoading && this.registerErrors) {
-            return this.renderErrorMessage(this.errorMessage);
-        }
-        return (h("div", { ref: (el) => (this.stylingContainer = el), class: `registration  registration__${this.registrationStep}` }, this.renderForm(), !this.buttonInsideForm && this.renderButtons()));
+        const isLoading = this.isLoading && !this.registerErrors;
+        const isError = !this.isLoading && this.registerErrors;
+        const showForm = !(isLoading || isError);
+        return (h("div", { key: 'f9c3c3d27ba6d0f0a38802dae5cc59a3d92e80ce', ref: (el) => (this.stylingContainer = el), class: `registration  registration__${this.registrationStep}` }, isLoading && h("p", { key: 'a9264b766c150388bc3c1711eec78c25b5c03398', class: `registration registration__loading-message` }, translate('loadingMessage', this.language)), isError && this.renderErrorMessage(this.errorMessage), showForm && this.renderForm(), showForm && !this.buttonInsideForm && this.renderButtons(), this.turnstileSiteKey &&
+            h("div", { key: '43b923b05cebe033ac4b186f9101c6d24d2f54bb', class: "captcha-wrapper" }, h("slot", { key: '386643816479c11f6c0856aa4ca82c87e5878bc4', name: CAPTCHA_CONTAINER_SLOT }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/general-registration.js

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"checkbox-group-input_15\",[[1,\"general-registration\",{\"endpoint\":[513],\"language\":[513],\"clientStyling\":[1537,\"client-styling\"],\"mbSource\":[1,\"mb-source\"],\"clientStylingUrl\":[513,\"client-styling-url\"],\"translationUrl\":[513,\"translation-url\"],\"dateFormat\":[513,\"date-format\"],\"buttonInsideForm\":[516,\"button-inside-form\"],\"btag\":[513],\"emitOnClick\":[516,\"emit-on-click\"],\"haspostalcodelookup\":[516],\"ignorebtag\":[516],\"enableManualDateInput\":[516,\"enable-manual-date-input\"],\"enableCustomRegexValidation\":[516,\"enable-custom-regex-validation\"],\"gmversion\":[513],\"errorMessage\":[32],\"isFormValid\":[32],\"isConsentValid\":[32],\"isConsentReady\":[32],\"isLoading\":[32],\"isLoadingPOST\":[32],\"registrationStep\":[32],\"forms\":[32],\"autofilled\":[32],\"isInitalInteraction\":[32],\"addresses\":[32],\"addressUpdateKey\":[32]},[[0,\"sendValidityState\",\"checkInputsValidityHandler\"],[0,\"sendInputValue\",\"getInputsValueHandler\"],[0,\"sendAddressValue\",\"handleAddressSelection\"],[8,\"countryCodeUpdated\",\"handleCountryCodeUpdateGlobal\"],[0,\"resendCode\",\"handleRequestTwofa\"],[8,\"message\",\"messageHandler\"]],{\"registrationStep\":[\"sendStep\"],\"clientStyling\":[\"handleClientStylingChange\"],\"clientStylingUrl\":[\"handleClientStylingChangeURL\"],\"forms\":[\"setFormValidity\"],\"btag\":[\"addBtag\"]}],[1,\"general-input\",{\"type\":[513],\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"action\":[513],\"validation\":[16],\"options\":[520],\"language\":[513],\"autofilled\":[516],\"tooltip\":[513],\"defaultValue\":[520,\"default-value\"],\"emitValue\":[516,\"emit-value\"],\"isDuplicateInput\":[516,\"is-duplicate-input\"],\"hidePasswordComplexity\":[516,\"hide-password-complexity\"],\"noValidation\":[516,\"no-validation\"],\"clientStyling\":[520,\"client-styling\"],\"clientStylingUrl\":[513,\"client-styling-url\"],\"dateFormat\":[513,\"date-format\"],\"translationUrl\":[513,\"translation-url\"],\"emitOnClick\":[516,\"emit-on-click\"],\"twofaDestination\":[513,\"twofa-destination\"],\"twofaResendIntervalSeconds\":[514,\"twofa-resend-interval-seconds\"],\"haspostalcodelookup\":[516],\"postalcodelength\":[514],\"addresses\":[520],\"ignoreCountry\":[516,\"ignore-country\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"enableManualDateInput\":[516,\"enable-manual-date-input\"],\"pinAttemptsExceeded\":[516,\"pin-attempts-exceeded\"],\"mbSource\":[513,\"mb-source\"],\"enableCustomRegexValidation\":[516,\"enable-custom-regex-validation\"]},null,{\"clientStyling\":[\"handleClientStylingChange\"],\"clientStylingUrl\":[\"handleClientStylingChangeURL\"]}],[1,\"toggle-checkbox-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"defaultValue\":[513,\"default-value\"],\"options\":[16],\"autofilled\":[516],\"tooltip\":[513],\"validation\":[16],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32],\"showFields\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"]}],[1,\"checkbox-group-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"options\":[16],\"validation\":[16],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32],\"selectedValues\":[32],\"showCheckboxes\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"selectedValues\":[\"setValue\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"checkbox-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"validation\":[16],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"date-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"dateFormat\":[513,\"date-format\"],\"emitOnClick\":[516,\"emit-on-click\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"enableManualDateInput\":[516,\"enable-manual-date-input\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"],\"enableSouthAfricanMode\":[\"handleCustomRegistrationChange\"]}],[1,\"email-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"isDuplicateInput\":[516,\"is-duplicate-input\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"],[16,\"sendInputValue\",\"valueChangedHandler\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"number-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"password-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"validation\":[16],\"noValidation\":[516,\"no-validation\"],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"isDuplicateInput\":[516,\"is-duplicate-input\"],\"hidePasswordComplexity\":[516,\"hide-password-complexity\"],\"clientStyling\":[513,\"client-styling\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"mbSource\":[513,\"mb-source\"],\"isValid\":[32],\"errorMessage\":[32],\"showTooltip\":[32],\"passwordComplexity\":[32],\"showPopup\":[32],\"value\":[32]},[[16,\"sendOriginalValidityState\",\"originalValidityChangedHandler\"],[16,\"sendInputValue\",\"valueChangedHandler\"],[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"value\":[\"valueChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"postalcode-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"postalcodelength\":[520],\"addresses\":[520],\"ignoreCountry\":[516,\"ignore-country\"],\"mbSource\":[513,\"mb-source\"],\"isValid\":[32],\"errorMessage\":[32],\"showTooltip\":[32],\"selectedCountryCode\":[32],\"currentPostalCode\":[32],\"openAddressDropdown\":[32],\"showNoResultsMessage\":[32],\"refreshTrigger\":[32],\"isFetchingAddresses\":[32]},[[10,\"click\",\"handleClickOutside\"],[8,\"countryCodeUpdated\",\"handleCountryCodeUpdate\"],[8,\"addressFetchStarted\",\"handleFetchStarted\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"],\"addresses\":[\"handleAddresses\"]}],[1,\"radio-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"optionsGroup\":[16],\"validation\":[16],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"select-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"action\":[513],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"options\":[16],\"validation\":[16],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"tel-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"showLabels\":[516,\"show-labels\"],\"action\":[513],\"validation\":[16],\"defaultValue\":[520,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"enableCustomRegexValidation\":[516,\"enable-custom-regex-validation\"],\"isValid\":[32],\"errorMessage\":[32],\"showTooltip\":[32],\"disablePhonePrefix\":[32],\"phoneValue\":[32],\"phoneCodesOptions\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"text-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"checkValidity\":[516,\"check-validity\"],\"emitValue\":[516,\"emit-value\"],\"isDuplicateInput\":[516,\"is-duplicate-input\"],\"clientStyling\":[513,\"client-styling\"],\"haspostalcodelookup\":[516],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"mbSource\":[513,\"mb-source\"],\"isValid\":[32],\"errorMessage\":[32],\"showTooltip\":[32],\"selectedCountryCode\":[32]},[[10,\"click\",\"handleClickOutside\"],[16,\"sendInputValue\",\"valueChangedHandler\"],[16,\"validationChange\",\"handleValidationChange\"],[8,\"countryCodeUpdated\",\"handleCountryCodeUpdate\"],[16,\"sendAddressValue\",\"handleAddressSelection\"],[8,\"documentNumberUpdatedExternally\",\"handleExternalDocUpdate\"],[8,\"documentNumberResetValidation\",\"handleDocReset\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"twofa-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"destination\":[513],\"resendIntervalSeconds\":[514,\"resend-interval-seconds\"],\"clientStyling\":[513,\"client-styling\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"pinAttemptsExceeded\":[516,\"pin-attempts-exceeded\"],\"clientStylingUrl\":[513,\"client-styling-url\"],\"mbSource\":[513,\"mb-source\"],\"isValid\":[32],\"isResendButtonAvailable\":[32],\"showTooltip\":[32],\"errorMessage\":[32],\"code\":[32],\"resendIntervalSecondsLeft\":[32],\"revealedIndexes\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"],\"clientStyling\":[\"handleClientStylingChange\"],\"clientStylingUrl\":[\"handleClientStylingChangeURL\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"checkbox-group-input_15\",[[1,\"general-registration\",{\"endpoint\":[513],\"language\":[513],\"clientStyling\":[1537,\"client-styling\"],\"mbSource\":[1,\"mb-source\"],\"clientStylingUrl\":[513,\"client-styling-url\"],\"translationUrl\":[513,\"translation-url\"],\"dateFormat\":[513,\"date-format\"],\"buttonInsideForm\":[516,\"button-inside-form\"],\"btag\":[513],\"emitOnClick\":[516,\"emit-on-click\"],\"haspostalcodelookup\":[516],\"ignorebtag\":[516],\"enableManualDateInput\":[516,\"enable-manual-date-input\"],\"enableCustomRegexValidation\":[516,\"enable-custom-regex-validation\"],\"gmversion\":[513],\"turnstileSiteKey\":[1,\"turnstile-site-key\"],\"errorMessage\":[32],\"isFormValid\":[32],\"isConsentValid\":[32],\"isConsentReady\":[32],\"isLoading\":[32],\"isLoadingPOST\":[32],\"registrationStep\":[32],\"forms\":[32],\"autofilled\":[32],\"isInitalInteraction\":[32],\"addresses\":[32],\"addressUpdateKey\":[32]},[[0,\"sendValidityState\",\"checkInputsValidityHandler\"],[0,\"sendInputValue\",\"getInputsValueHandler\"],[0,\"sendAddressValue\",\"handleAddressSelection\"],[8,\"countryCodeUpdated\",\"handleCountryCodeUpdateGlobal\"],[0,\"resendCode\",\"handleRequestTwofa\"],[8,\"message\",\"messageHandler\"]],{\"registrationStep\":[\"sendStep\"],\"clientStyling\":[\"handleClientStylingChange\"],\"clientStylingUrl\":[\"handleClientStylingChangeURL\"],\"forms\":[\"setFormValidity\"],\"btag\":[\"addBtag\"]}],[1,\"general-input\",{\"type\":[513],\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"action\":[513],\"validation\":[16],\"options\":[520],\"language\":[513],\"autofilled\":[516],\"tooltip\":[513],\"defaultValue\":[520,\"default-value\"],\"emitValue\":[516,\"emit-value\"],\"isDuplicateInput\":[516,\"is-duplicate-input\"],\"hidePasswordComplexity\":[516,\"hide-password-complexity\"],\"noValidation\":[516,\"no-validation\"],\"clientStyling\":[520,\"client-styling\"],\"clientStylingUrl\":[513,\"client-styling-url\"],\"dateFormat\":[513,\"date-format\"],\"translationUrl\":[513,\"translation-url\"],\"emitOnClick\":[516,\"emit-on-click\"],\"twofaDestination\":[513,\"twofa-destination\"],\"twofaResendIntervalSeconds\":[514,\"twofa-resend-interval-seconds\"],\"haspostalcodelookup\":[516],\"postalcodelength\":[514],\"addresses\":[520],\"ignoreCountry\":[516,\"ignore-country\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"enableManualDateInput\":[516,\"enable-manual-date-input\"],\"pinAttemptsExceeded\":[516,\"pin-attempts-exceeded\"],\"mbSource\":[513,\"mb-source\"],\"enableCustomRegexValidation\":[516,\"enable-custom-regex-validation\"]},null,{\"clientStyling\":[\"handleClientStylingChange\"],\"clientStylingUrl\":[\"handleClientStylingChangeURL\"]}],[1,\"toggle-checkbox-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"defaultValue\":[513,\"default-value\"],\"options\":[16],\"autofilled\":[516],\"tooltip\":[513],\"validation\":[16],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32],\"showFields\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"]}],[1,\"checkbox-group-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"options\":[16],\"validation\":[16],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32],\"selectedValues\":[32],\"showCheckboxes\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"selectedValues\":[\"setValue\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"checkbox-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"validation\":[16],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"date-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"dateFormat\":[513,\"date-format\"],\"emitOnClick\":[516,\"emit-on-click\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"enableManualDateInput\":[516,\"enable-manual-date-input\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"],\"enableSouthAfricanMode\":[\"handleCustomRegistrationChange\"]}],[1,\"email-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"isDuplicateInput\":[516,\"is-duplicate-input\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"],[16,\"sendInputValue\",\"valueChangedHandler\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"number-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"password-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"validation\":[16],\"noValidation\":[516,\"no-validation\"],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"isDuplicateInput\":[516,\"is-duplicate-input\"],\"hidePasswordComplexity\":[516,\"hide-password-complexity\"],\"clientStyling\":[513,\"client-styling\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"mbSource\":[513,\"mb-source\"],\"isValid\":[32],\"errorMessage\":[32],\"showTooltip\":[32],\"passwordComplexity\":[32],\"showPopup\":[32],\"value\":[32]},[[16,\"sendOriginalValidityState\",\"originalValidityChangedHandler\"],[16,\"sendInputValue\",\"valueChangedHandler\"],[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"value\":[\"valueChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"postalcode-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"postalcodelength\":[520],\"addresses\":[520],\"ignoreCountry\":[516,\"ignore-country\"],\"mbSource\":[513,\"mb-source\"],\"isValid\":[32],\"errorMessage\":[32],\"showTooltip\":[32],\"selectedCountryCode\":[32],\"currentPostalCode\":[32],\"openAddressDropdown\":[32],\"showNoResultsMessage\":[32],\"refreshTrigger\":[32],\"isFetchingAddresses\":[32]},[[10,\"click\",\"handleClickOutside\"],[8,\"countryCodeUpdated\",\"handleCountryCodeUpdate\"],[8,\"addressFetchStarted\",\"handleFetchStarted\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"],\"addresses\":[\"handleAddresses\"]}],[1,\"radio-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"optionsGroup\":[16],\"validation\":[16],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"select-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"action\":[513],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"options\":[16],\"validation\":[16],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"errorMessage\":[32],\"isValid\":[32],\"showTooltip\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"tel-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"showLabels\":[516,\"show-labels\"],\"action\":[513],\"validation\":[16],\"defaultValue\":[520,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"clientStyling\":[513,\"client-styling\"],\"mbSource\":[513,\"mb-source\"],\"enableCustomRegexValidation\":[516,\"enable-custom-regex-validation\"],\"isValid\":[32],\"errorMessage\":[32],\"showTooltip\":[32],\"disablePhonePrefix\":[32],\"phoneValue\":[32],\"phoneCodesOptions\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"text-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"defaultValue\":[513,\"default-value\"],\"autofilled\":[516],\"tooltip\":[513],\"language\":[513],\"checkValidity\":[516,\"check-validity\"],\"emitValue\":[516,\"emit-value\"],\"isDuplicateInput\":[516,\"is-duplicate-input\"],\"clientStyling\":[513,\"client-styling\"],\"haspostalcodelookup\":[516],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"mbSource\":[513,\"mb-source\"],\"isValid\":[32],\"errorMessage\":[32],\"showTooltip\":[32],\"selectedCountryCode\":[32]},[[10,\"click\",\"handleClickOutside\"],[16,\"sendInputValue\",\"valueChangedHandler\"],[16,\"validationChange\",\"handleValidationChange\"],[8,\"countryCodeUpdated\",\"handleCountryCodeUpdate\"],[16,\"sendAddressValue\",\"handleAddressSelection\"],[8,\"documentNumberUpdatedExternally\",\"handleExternalDocUpdate\"],[8,\"documentNumberResetValidation\",\"handleDocReset\"]],{\"clientStyling\":[\"handleClientStylingChange\"],\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"]}],[1,\"twofa-input\",{\"name\":[513],\"displayName\":[513,\"display-name\"],\"placeholder\":[513],\"validation\":[16],\"tooltip\":[513],\"language\":[513],\"emitValue\":[516,\"emit-value\"],\"destination\":[513],\"resendIntervalSeconds\":[514,\"resend-interval-seconds\"],\"clientStyling\":[513,\"client-styling\"],\"enableSouthAfricanMode\":[516,\"enable-south-african-mode\"],\"pinAttemptsExceeded\":[516,\"pin-attempts-exceeded\"],\"clientStylingUrl\":[513,\"client-styling-url\"],\"mbSource\":[513,\"mb-source\"],\"isValid\":[32],\"isResendButtonAvailable\":[32],\"showTooltip\":[32],\"errorMessage\":[32],\"code\":[32],\"resendIntervalSecondsLeft\":[32],\"revealedIndexes\":[32]},[[10,\"click\",\"handleClickOutside\"]],{\"isValid\":[\"validityChanged\"],\"emitValue\":[\"emitValueHandler\"],\"clientStyling\":[\"handleClientStylingChange\"],\"clientStylingUrl\":[\"handleClientStylingChangeURL\"]}]]]]"), options);
 });