@everymatrix/user-actions 1.90.27 → 1.90.29

package/dist/cjs/user-actions_2.cjs.entry.js

@@ -0,0 +1,723 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-66cfb45f.js');
+
+const actionsMapping = {
+    "verification-popup": {
+        "emit": "openKycVerificationModal",
+        "listen": "closeKycVerificationModal"
+    },
+    "get-temporary-account-consents": {
+        "emit": "openTemporaryConsentsModal",
+        "listen": "closeTemporaryConsentsModal"
+    },
+    "limits-popup": {
+        "emit": "openLugasPopup",
+        "listen": "closeLugasPopup"
+    },
+    "video-verification-popup": {
+        "emit": "openKycVerificationModal",
+        "listen": "closeKycVerificationModal"
+    },
+    "unverified-phone-number": {
+        "emit": "openSmsVerificationModal",
+        "listen": "closeSmsVerificationModal"
+    },
+    "expired-consents": {
+        "emit": "openExpiredConsentsModal",
+        "listen": "closeExpiredConsentsModal"
+    },
+    "financial-limit-notification": {
+        "emit": "openLimitNotificationModal",
+        "listen": "closeLimitNotificationModal"
+    },
+    "account-review-notification": {
+        "emit": "openAccountReviewModal",
+        "listen": "closeAccountReviewModal"
+    },
+    "accept-tax-consent": {
+        "emit": "openStakeModal",
+        "listen": "closeStakeModal"
+    }
+};
+
+const userActionsCss = ":host{display:block}";
+const UserActionsStyle0 = userActionsCss;
+
+const UserActions = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.emitCurrentActionEvent = () => {
+            window.postMessage({ type: actionsMapping[this.actionStack[0].action].emit });
+        };
+        this.shiftActionStack = () => {
+            this.actionStack = this.actionStack.slice(1);
+        };
+        this.mbSource = undefined;
+        this.endpoint = undefined;
+        this.userid = undefined;
+        this.operatorid = undefined;
+        this.playercurrency = 'EUR';
+        this.hasfundsacknowledgment = 'false';
+        this.session = "";
+        this.language = 'en';
+        this.clientStyling = undefined;
+        this.clientStylingUrl = undefined;
+        this.translationUrl = '';
+        this.currencylocale = 'en';
+        this.currencydisplay = 'symbol';
+        this.maximumfractiondigits = '2';
+        this.minimumfractiondigits = '0';
+        this.customdisplayformat = '';
+        this.alwaysshowdecimals = 'true';
+        this.gmversion = 'gm16';
+        this.totalcalculationmode = 'totalCashAmount';
+        this.actionStack = [];
+        this.customerFundsProtectionActive = false;
+    }
+    handleEvent(e) {
+        var _a, _b;
+        if (((_b = actionsMapping[(_a = this.actionStack[0]) === null || _a === void 0 ? void 0 : _a.action]) === null || _b === void 0 ? void 0 : _b.listen) === e.data.type) {
+            this.shiftActionStack();
+            if (this.actionStack.length > 0)
+                this.emitCurrentActionEvent();
+        }
+    }
+    fetchUserActions() {
+        const url = new URL(`${this.endpoint}/v1/player/${this.userid}/legislation/actions`);
+        return fetch(url.href)
+            .then((response) => response.json())
+            .then(data => {
+            var _a, _b;
+            // filtering necessary to prevent widget from throwing "cannot read properties of 'undefined'"
+            // when the actions received are not part of actionsMapping
+            this.actionStack = data.actions.filter(action => actionsMapping[action.action]);
+            if (this.actionStack.length > 0)
+                this.emitCurrentActionEvent();
+            this.customerFundsProtectionActive = (_b = (_a = data.actions) === null || _a === void 0 ? void 0 : _a.some((item) => item.action === "customer-funds-protection")) !== null && _b !== void 0 ? _b : false;
+            // signal to prompt modal
+            if (this.customerFundsProtectionActive) {
+                window.postMessage({ type: 'ProtectionFundsActive' }, window.location.href);
+            }
+        });
+    }
+    componentWillLoad() {
+        return this.fetchUserActions();
+    }
+    render() {
+        if (!this.customerFundsProtectionActive || this.hasfundsacknowledgment === 'false') {
+            return;
+        }
+        else {
+            return (index.h("user-funds-acknowledgment", { endpoint: this.endpoint, session: this.session, operatorid: this.operatorid, language: this.language, "mb-source": this.mbSource, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl, currencylocale: this.currencylocale, currencydisplay: this.currencydisplay, maximumfractiondigits: this.maximumfractiondigits, minimumfractiondigits: this.minimumfractiondigits, playercurrency: this.playercurrency, userid: this.userid, gmversion: this.gmversion, totalcalculationmode: this.totalcalculationmode }));
+        }
+    }
+};
+UserActions.style = UserActionsStyle0;
+
+const StyleCacheKey = '__WIDGET_GLOBAL_STYLE_CACHE__';
+
+/**
+ * @name setClientStyling
+ * @description Method used to create and append to the passed element of the widget a style element with the content received
+ * @param {HTMLElement} stylingContainer The reference element of the widget
+ * @param {string} clientStyling The style content
+ */
+function setClientStyling(stylingContainer, clientStyling) {
+  if (stylingContainer) {
+    const sheet = document.createElement('style');
+    sheet.innerHTML = clientStyling;
+    stylingContainer.appendChild(sheet);
+  }
+}
+
+/**
+ * @name setClientStylingURL
+ * @description Method used to create and append to the passed element of the widget a style element with the content fetched from a given URL
+ * @param {HTMLElement} stylingContainer The reference element of the widget
+ * @param {string} clientStylingUrl The URL of the style content
+ */
+function setClientStylingURL(stylingContainer, clientStylingUrl) {
+  if (!stylingContainer || !clientStylingUrl) return;
+
+  const url = new URL(clientStylingUrl);
+
+  fetch(url.href)
+    .then((res) => res.text())
+    .then((data) => {
+      const cssFile = document.createElement('style');
+      cssFile.innerHTML = data;
+      if (stylingContainer) {
+        stylingContainer.appendChild(cssFile);
+      }
+    })
+    .catch((err) => {
+      console.error('There was an error while trying to load client styling from URL', err);
+    });
+}
+
+/**
+ * @name setStreamLibrary
+ * @description Method used to create and append to the passed element of the widget a style element with content fetched from the MessageBus
+ * @param {HTMLElement} stylingContainer The highest element of the widget
+ * @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
+ * @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
+ * @param {boolean} useAdoptedStyleSheets A flag to gradually enable testing of adoptedStyleSheets
+ */
+function setStreamStyling(stylingContainer, domain, subscription, useAdoptedStyleSheets = false) {
+  if (!window.emMessageBus) return;
+
+  const supportAdoptStyle = 'adoptedStyleSheets' in Document.prototype;
+
+  if (!supportAdoptStyle || !useAdoptedStyleSheets) {
+    subscription = getStyleTagSubscription(stylingContainer, domain);
+
+    return subscription;
+  }
+
+  if (!window[StyleCacheKey]) {
+    window[StyleCacheKey] = {};
+  }
+  subscription = getAdoptStyleSubscription(stylingContainer, domain);
+
+  const originalUnsubscribe = subscription.unsubscribe.bind(subscription);
+  const wrappedUnsubscribe = () => {
+    if (window[StyleCacheKey][domain]) {
+      const cachedObject = window[StyleCacheKey][domain];
+      cachedObject.refCount > 1
+        ? (cachedObject.refCount = cachedObject.refCount - 1)
+        : delete window[StyleCacheKey][domain];
+    }
+
+    originalUnsubscribe();
+  };
+  subscription.unsubscribe = wrappedUnsubscribe;
+
+  return subscription;
+}
+
+function getStyleTagSubscription(stylingContainer, domain) {
+  const sheet = document.createElement('style');
+
+  return window.emMessageBus.subscribe(domain, (data) => {
+    if (stylingContainer) {
+      sheet.innerHTML = data;
+      stylingContainer.appendChild(sheet);
+    }
+  });
+}
+
+function getAdoptStyleSubscription(stylingContainer, domain) {
+  return window.emMessageBus.subscribe(domain, (data) => {
+    if (!stylingContainer) return;
+
+    const shadowRoot = stylingContainer.getRootNode();
+    const cacheStyleObject = window[StyleCacheKey];
+    let cachedStyle = cacheStyleObject[domain] && cacheStyleObject[domain].sheet;
+
+    if (!cachedStyle) {
+      cachedStyle = new CSSStyleSheet();
+      cachedStyle.replaceSync(data);
+      cacheStyleObject[domain] = {
+        sheet: cachedStyle,
+        refCount: 1
+      };
+    } else {
+      cacheStyleObject[domain].refCount = cacheStyleObject[domain].refCount + 1;
+    }
+
+    const currentSheets = shadowRoot.adoptedStyleSheets || [];
+    if (!currentSheets.includes(cachedStyle)) {
+      shadowRoot.adoptedStyleSheets = [...currentSheets, cachedStyle];
+    }
+  });
+}
+
+const DEFAULT_LANGUAGE = 'en';
+const TRANSLATIONS = {
+    en: {
+        protectionTitle: 'Protection of Customer Funds',
+        protectionContent: '<p>We hold customer funds separate from company funds.<sup class="note"><a href="https://www.gamblingcommission.gov.uk/guidance/customer-funds-segregation-disclosure-to-customers-and-reporting/example-statements-that-might-be-used-in-terms-and-conditions-for-each-of#ref-2" target="_blank">12</a></sup> These funds ar <b>not protected</b> in the event of insolvency: <b>not protected segregation.</b></p><p>For more information, please see the <a href="https://www.gamblingcommission.gov.uk/guidance/customer-funds-segregation-disclosure-to-customers-and-reporting/the-customer-funds-insolvency-ratings-system" target="_blank">customer funds insolvency ratings system</a>.</p>',
+        balanceArea: 'Your current balance:',
+        protectionCheckboxLabel: 'I understand that my funds are <b>not protected</b> if the operator becomes insolvent.',
+        userNoticeText: 'Before you can proceed you must consent to the following',
+        submitButtonText: 'Confirm',
+        serverNotResponding: 'Server might not be responding',
+        apiCallError: 'Request failed with status '
+    },
+    'en-us': {
+        protectionTitle: 'Terms and Conditions',
+        protectionContent: 'We hold customer funds separate from company funds.',
+        balanceArea: 'Email marketing',
+        privacyPolicyTitle: 'Privacy Policy',
+        userNoticeText: 'Before you can proceed you must consent to the following',
+        submitButtonText: 'Submit',
+        rejectButtonText: 'Reject',
+        rejectText: 'Rejecting new consents will result in the inability to continue the login process and you will be logged out.',
+        consentUpdateSuccess: 'Consent update successful!',
+        serverNotResponding: 'Server might not be responding'
+    },
+    ro: {
+        protectionTitle: 'Termeni și Condiții',
+        protectionContent: 'We hold customer funds separate from company funds.',
+        balanceArea: 'Marketing prin Email',
+        privacyPolicyTitle: 'Politica de Confidențialitate',
+        userNoticeText: 'Înainte de a continua, trebuie să vă dați consimțământul pentru următoarele',
+        submitButtonText: 'Trimite',
+        rejectButtonText: 'Respinge',
+        rejectText: 'Respingerea noilor consimțăminte va duce la imposibilitatea de a continua procesul de autentificare și veți fi deconectat.',
+        consentUpdateSuccess: 'Actualizare consimțământ reușită!',
+        serverNotResponding: 'Serverul s-ar putea să nu răspundă'
+    },
+    hr: {
+        protectionTitle: 'Opći uvjeti i odredbe',
+        protectionContent: 'We hold customer funds separate from company funds.',
+        balanceArea: 'E-mail makretinški sadržaj',
+        privacyPolicyTitle: 'Politika Privatnosti',
+        userNoticeText: 'Prije nego što možete nastaviti, morate pristati na sljedeće',
+        submitButtonText: 'Pošalji',
+        rejectButtonText: 'Odbij',
+        rejectText: 'Odbijanje novih pristanka rezultirat će nemogućnošću nastavka procesa prijave i bit ćete odjavljeni.',
+        consentUpdateSuccess: 'Ažuriranje pristanka uspješno!',
+        serverNotResponding: 'Poslužitelj možda ne odgovara'
+    },
+    fr: {
+        protectionTitle: 'Termes et Conditions',
+        protectionContent: 'We hold customer funds separate from company funds.',
+        balanceArea: 'Marketing par Email',
+        privacyPolicyTitle: 'Politique de Confidentialité',
+        userNoticeText: 'Avant de continuer, vous devez consentir aux éléments suivants',
+        submitButtonText: 'Soumettre',
+        rejectButtonText: 'Rejeter',
+        rejectText: 'Le rejet des nouveaux consentements entraînera l\'impossibilité de continuer le processus de connexion et vous serez déconnecté.',
+        consentUpdateSuccess: 'Mise à jour du consentement réussie!',
+        serverNotResponding: 'Le serveur ne répond peut-être pas'
+    },
+    cs: {
+        protectionTitle: 'Podmínky a ujednání',
+        protectionContent: 'We hold customer funds separate from company funds.',
+        balanceArea: 'Emailový marketing',
+        privacyPolicyTitle: 'Zásady ochrany osobních údajů',
+        userNoticeText: 'Než budete moci pokračovat, musíte souhlasit s následujícím',
+        submitButtonText: 'Odeslat',
+        rejectButtonText: 'Odmítnout',
+        rejectText: 'Odmítnutí nových souhlasů povede k nemožnosti pokračovat v procesu přihlášení a budete odhlášeni.',
+        consentUpdateSuccess: 'Aktualizace souhlasu proběhla úspěšně!',
+        serverNotResponding: 'Server možná neodpovídá'
+    },
+    de: {
+        protectionTitle: 'Allgemeine Geschäftsbedingungen',
+        protectionContent: 'We hold customer funds separate from company funds.',
+        balanceArea: 'E-Mail-Marketing',
+        privacyPolicyTitle: 'Datenschutzrichtlinie',
+        userNoticeText: 'Bevor Sie fortfahren können, müssen Sie den folgenden Punkten zustimmen',
+        submitButtonText: 'Absenden',
+        rejectButtonText: 'Ablehnen',
+        rejectText: 'Das Ablehnen neuer Zustimmungen führt dazu, dass der Anmeldevorgang nicht fortgesetzt werden kann und Sie abgemeldet werden.',
+        consentUpdateSuccess: 'Zustimmung erfolgreich aktualisiert!',
+        serverNotResponding: 'Der Server antwortet möglicherweise nicht'
+    },
+    es: {
+        protectionTitle: 'Términos y Condiciones',
+        protectionContent: 'We hold customer funds separate from company funds.',
+        balanceArea: 'Marketing por Email',
+        privacyPolicyTitle: 'Política de Privacidad',
+        userNoticeText: 'Antes de continuar, debe dar su consentimiento a lo siguiente',
+        submitButtonText: 'Enviar',
+        rejectButtonText: 'Rechazar',
+        rejectText: 'Rechazar nuevos consentimientos resultará en la imposibilidad de continuar el proceso de inicio de sesión y se cerrará la sesión.',
+        consentUpdateSuccess: '¡Actualización del consentimiento exitosa!',
+        serverNotResponding: 'El servidor podría no estar respondiendo'
+    },
+    pt: {
+        protectionTitle: 'Termos e Condições',
+        protectionContent: 'We hold customer funds separate from company funds.',
+        balanceArea: 'Marketing por Email',
+        privacyPolicyTitle: 'Política de Privacidade',
+        userNoticeText: 'Antes de continuar, você deve consentir com o seguinte',
+        submitButtonText: 'Enviar',
+        rejectButtonText: 'Rejeitar',
+        rejectText: 'Rejeitar novos consentimentos resultará na impossibilidade de continuar o processo de login e você será desconectado.',
+        consentUpdateSuccess: 'Atualização de consentimento bem-sucedida!',
+        serverNotResponding: 'O servidor pode não estar respondendo'
+    },
+    'es-mx': {
+        protectionTitle: 'Términos y Condiciones',
+        protectionContent: 'We hold customer funds separate from company funds.',
+        balanceArea: 'Marketing por Email',
+        privacyPolicyTitle: 'Política de Privacidad',
+        userNoticeText: 'Antes de continuar, debe dar su consentimiento a lo siguiente',
+        submitButtonText: 'Enviar',
+        rejectButtonText: 'Rechazar',
+        rejectText: 'Rechazar nuevos consentimientos resultará en la imposibilidad de continuar el proceso de inicio de sesión y se cerrará la sesión.',
+        consentUpdateSuccess: '¡Actualización del consentimiento exitosa!',
+        serverNotResponding: 'El servidor podría no estar respondiendo'
+    },
+    'pt-br': {
+        protectionTitle: 'Termos e Condições',
+        protectionContent: 'We hold customer funds separate from company funds.',
+        balanceArea: 'Marketing por Email',
+        privacyPolicyTitle: 'Política de Privacidade',
+        userNoticeText: 'Antes de continuar, você deve consentir com o seguinte',
+        submitButtonText: 'Enviar',
+        rejectButtonText: 'Rejeitar',
+        rejectText: 'Rejeitar novos consentimentos resultará na impossibilidade de continuar o processo de login e você será desconectado.',
+        consentUpdateSuccess: 'Atualização de consentimento bem-sucedida!',
+        serverNotResponding: 'O servidor pode não estar respondendo'
+    }
+};
+const getTranslations = (url) => {
+    return new Promise((resolve) => {
+        fetch(url)
+            .then((res) => res.json())
+            .then((data) => {
+            Object.keys(data).forEach((lang) => {
+                if (!TRANSLATIONS[lang]) {
+                    TRANSLATIONS[lang] = {};
+                }
+                for (let key in data[lang]) {
+                    TRANSLATIONS[lang][key] = data[lang][key];
+                }
+            });
+            resolve(true);
+        });
+    });
+};
+const translate = (key, customLang, values) => {
+    const lang = customLang;
+    let translation = TRANSLATIONS[(lang !== undefined) && (lang in TRANSLATIONS) ? lang : DEFAULT_LANGUAGE][key];
+    if (values !== undefined) {
+        for (const [key, value] of Object.entries(values.values)) {
+            const regex = new RegExp(`{${key}}`, 'g');
+            translation = translation.replace(regex, value);
+        }
+    }
+    return translation;
+};
+
+const userFundsAcknowledgmentCss = ":host{display:block}.QueryReferenceContainer{height:100%;width:100%}.UserProtectionFundsTitle{font-size:1.2rem;font-weight:200;text-align:center}.CloseButton{width:25px;height:25px;align-self:flex-end}.UserProtectionFundsContainer{font-family:inherit;font-weight:100;height:100%;padding:1rem 1.5rem;background-color:var(--emw--color-white, #FFFFFF);display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--emw--border-radius-large, 20px);max-width:fit-content}.ConsentSubmitButton{font-size:1rem;font-family:var(--emw--button-typography);padding:0.4rem 1.4rem;background:var(--emw--button-background-color, #FFFFFF);border:var(--emw--button-border, 2px solid #000000);color:var(--emw--button-text-color, #000000);border-radius:var(--emw--button-border-radius, 10px);align-self:center;cursor:pointer}.ConsentSubmitButton:disabled{border:2px solid var(--emw--color-disabled, #58586B);color:var(--emw--color-disabled, #58586B);cursor:unset}.ButtonsWrapper{display:flex;flex-direction:column;margin-top:10px;gap:40px}.ButtonsWrapper button:only-child{margin-left:auto}.UserProtectionError{color:var(--emw--color-error, #FD2839);text-align:center;height:22px}@media screen and (max-width: 320px){.QueryReferenceContainer{font-size:0.8rem;color:var(--emw--button-text-color, #000000)}}.spinner{animation:rotate 2s linear infinite;z-index:2;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px}.spinner .path{stroke:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1, 150;stroke-dashoffset:0}50%{stroke-dasharray:90, 150;stroke-dashoffset:-35}100%{stroke-dasharray:90, 150;stroke-dashoffset:-124}}";
+const UserFundsAcknowledgmentStyle0 = userFundsAcknowledgmentCss;
+
+const UserFundsAcknowledgment = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.abortController = null;
+        this.TIMEOUT_MS = 10000; // 10 seconds
+        this.currency = '';
+        this.getPlayerAccountBalanceDataCore = () => {
+            const url = new URL(`${this.endpoint}/v1/player/${this.userid}/account`);
+            fetch(url, { method: 'GET', headers: { 'X-SessionID': this.session } })
+                .then(res => {
+                if (!res.ok) {
+                    this.errorAmountMessage = `${translate('apiCallError', this.language)} ${res.status}`;
+                    throw new Error(`Failed to fetch balance data: ${res.status}`);
+                }
+                return res.json();
+            })
+                .then((data) => {
+                var _a, _b;
+                if (!data.items || !Array.isArray(data.items)) {
+                    this.errorAmountMessage = `${translate('apiCallError', this.language)} ${data.status}`;
+                    throw new Error('Unexpected data format: items array missing');
+                }
+                const casinoItem = data.items.find(b => b.displayName === 'Casino');
+                if (!(casinoItem === null || casinoItem === void 0 ? void 0 : casinoItem.currency)) {
+                    throw new Error('No Casino item found in balance items');
+                }
+                this.currency = casinoItem.currency;
+                this.totalCashAmount = (_b = (_a = data.totalAmount) === null || _a === void 0 ? void 0 : _a[this.currency]) !== null && _b !== void 0 ? _b : 0;
+            })
+                .catch(err => {
+                if (!this.errorAmountMessage) {
+                    this.errorAmountMessage = translate('serverNotResponding', this.language);
+                }
+                console.error('Balance error:', err);
+            })
+                .finally(() => {
+                this.isLoading = false;
+            });
+        };
+        this.getPlayerAccountBalanceData16 = () => {
+            const url = new URL(`${this.endpoint}/v2/player/${this.userid}/balance`);
+            const headers = new Headers();
+            headers.append('X-SessionID', this.session);
+            fetch(url, { method: 'GET', headers })
+                .then(res => {
+                if (!res.ok) {
+                    this.errorAmountMessage = `${translate('apiCallError', this.language)} ${res.status}`;
+                    throw new Error(`Failed to fetch balance data: ${res.status}`);
+                }
+                return res.json();
+            })
+                .then((data) => {
+                var _a, _b;
+                if (!data.items || !Array.isArray(data.items)) {
+                    this.errorAmountMessage = `${translate('apiCallError', this.language)} ${data.status}`;
+                    throw new Error('Unexpected data format: items array missing');
+                }
+                const firstRealOrdinary = data.items.find(item => item.type === 'Real' && item.walletAccountType === 'Ordinary');
+                if (!(firstRealOrdinary === null || firstRealOrdinary === void 0 ? void 0 : firstRealOrdinary.currency)) {
+                    throw new Error('No Real/Ordinary wallet found in balance items');
+                }
+                this.currency = firstRealOrdinary.currency;
+                // Resolve calculation mode fallback
+                if (!data[this.totalcalculationmode]) {
+                    this.totalcalculationmode = 'totalCashAmount';
+                }
+                this.totalCashAmount = (_b = (_a = data[this.totalcalculationmode]) === null || _a === void 0 ? void 0 : _a[this.currency]) !== null && _b !== void 0 ? _b : 0;
+            })
+                .catch(err => {
+                if (!this.errorAmountMessage) {
+                    this.errorAmountMessage = translate('serverNotResponding', this.language);
+                }
+                console.error('Balance fetch error', err);
+            })
+                .finally(() => {
+                this.isLoading = false;
+            });
+        };
+        this.userLegislationConsentHandler = () => {
+            if (this.checkboxInput) {
+                this.isConsentChecked = this.checkboxInput.checked;
+            }
+            // In case of a network error, permit the user to retry consents submission
+            if (this.isConsentChecked) {
+                this.consentsSubmitted = false;
+                this.errorMessage = '';
+            }
+        };
+        /**
+         * Returns the formatted balance
+         * @param balance -> the balance value to be formatted
+         */
+        this.formatBalance = (balance) => {
+            if (this.customdisplayformat) {
+                return this.formatFromCustom(balance);
+            }
+            const locales = this.currencylocale || this.language;
+            const formatOptions = {
+                style: 'currency',
+                currency: this.playercurrency,
+                useGrouping: true,
+                currencyDisplay: this.currencydisplay,
+                maximumFractionDigits: this.maximumfractiondigits === '' || isNaN(Number(this.maximumfractiondigits)) ? 2 : Number(this.maximumfractiondigits),
+                minimumFractionDigits: this.minimumfractiondigits === '' || isNaN(Number(this.minimumfractiondigits)) ? 0 : Number(this.minimumfractiondigits),
+            };
+            return new Intl.NumberFormat(locales, formatOptions).format(balance);
+        };
+        /**
+         * Parses customdisplayformat and returns the formatted balance accordingly.
+         * Example:
+         *    if customdisplayformat = '{amount|,.1} {currency}', currency = 'EUR'
+         *    then formatFromCustom(123123.199) = '123,123.1 EUR'
+         * @param balance
+         */
+        this.formatFromCustom = (balance) => {
+            const tokens = [];
+            let acc = '';
+            for (const char of this.customdisplayformat) {
+                switch (char) {
+                    default:
+                        acc += char;
+                        break;
+                    case '{':
+                        acc && tokens.push(acc);
+                        acc = '';
+                        break;
+                    case '}':
+                        const [variable, args] = acc.split('|');
+                        acc = '';
+                        if (variable.toLowerCase() === 'currency') {
+                            acc = this.playercurrency;
+                        }
+                        else if (variable.toLowerCase() === 'amount') {
+                            // defaults
+                            let sepThousands = ',';
+                            let sepDecimal = '.';
+                            let decimals = 2;
+                            // override defaults if args provided (' ' is considered empty so default is used)
+                            if (args) {
+                                args[0] !== ' ' && (sepThousands = args[0]);
+                                args[1] !== ' ' && (sepDecimal = args[1]);
+                                args[2] !== ' ' && !isNaN(Number(args[2])) && (decimals = Number(args[2]));
+                            }
+                            // separate int and fractional part, also round down to desired precision
+                            let [integerPart, fractionalPart] = String(Math.floor(balance * 10 ** decimals) / 10 ** decimals).split('.');
+                            // format int part by adding thousands separators
+                            acc += integerPart[0];
+                            for (let i = 1; i < integerPart.length; ++i) {
+                                if ((integerPart.length - i) % 3 === 0) {
+                                    acc += (sepThousands + integerPart[i]);
+                                }
+                                else {
+                                    acc += integerPart[i];
+                                }
+                            }
+                            let finalFraction = fractionalPart || '';
+                            const forceDecimals = this.alwaysshowdecimals === 'true';
+                            const maxFractionDigits = Number(this.maximumfractiondigits);
+                            if (forceDecimals) {
+                                // Always show exactly maxFractionDigits decimals
+                                finalFraction = finalFraction.padEnd(maxFractionDigits || 2, '0').substring(0, maxFractionDigits);
+                            }
+                            else {
+                                // Default behavior: only show decimals if they exist
+                                if (!finalFraction) {
+                                    break;
+                                }
+                            }
+                            // Append decimals
+                            acc += sepDecimal + finalFraction;
+                        }
+                        acc && tokens.push(acc);
+                        acc = '';
+                        break;
+                }
+            }
+            tokens.push(acc);
+            return tokens.join('');
+        };
+        this.handleSubmit = () => {
+            var _a;
+            this.consentsSubmitted = true;
+            // Abort any in-flight request before starting a new one
+            (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort();
+            this.abortController = new AbortController();
+            const timeoutId = setTimeout(() => {
+                var _a;
+                (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort('Request timed out');
+            }, this.TIMEOUT_MS);
+            const url = `${this.endpoint}/api/pam/v1/actions/customer-funds-protection`;
+            const headers = new Headers();
+            headers.append('Content-Type', 'application/json');
+            headers.append('X-SessionId', `${this.session}`);
+            headers.append('X-Tenant-ID', `${this.operatorid}`);
+            return fetch(url, {
+                method: 'POST',
+                headers: headers,
+                body: JSON.stringify({ accepted: true }),
+                signal: this.abortController.signal,
+            })
+                .then((res) => {
+                if (!res.ok) {
+                    this.errorMessage = `${translate('apiCallError', this.language)} ${res.status}`;
+                    throw new Error(`Request failed with status ${res.status}`);
+                }
+                // 202 Accepted has no body, skip res.json()
+                if (res.status === 202) {
+                    this.errorMessage = '';
+                    window.postMessage({ type: 'ProtectionFundsAccepted' }, window.location.href);
+                    return;
+                }
+                return res.json();
+            })
+                .catch((error) => {
+                var _a;
+                if (error.name === 'AbortError') {
+                    // Validate between timeout/unmount
+                    const reason = (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.signal.reason;
+                    if (reason === 'Request timed out') {
+                        this.errorMessage = translate('serverNotResponding', this.language);
+                    }
+                    return;
+                }
+                console.error('Customer funds protection request failed:', error.message);
+                this.errorMessage = translate('serverNotResponding', this.language);
+            })
+                .finally(() => {
+                clearTimeout(timeoutId); // clear timer
+                this.abortController = null;
+            });
+        };
+        this.session = undefined;
+        this.operatorid = undefined;
+        this.mbSource = undefined;
+        this.clientStyling = undefined;
+        this.clientStylingUrl = undefined;
+        this.endpoint = undefined;
+        this.language = 'en';
+        this.translationUrl = '';
+        this.currencylocale = 'en';
+        this.currencydisplay = 'symbol';
+        this.maximumfractiondigits = '2';
+        this.minimumfractiondigits = '0';
+        this.customdisplayformat = '';
+        this.alwaysshowdecimals = 'true';
+        this.playercurrency = 'EUR';
+        this.userid = '';
+        this.gmversion = 'gm16';
+        this.totalcalculationmode = 'totalCashAmount';
+        this.isLoading = true;
+        this.isConsentChecked = false;
+        this.totalCashAmount = 0;
+        this.errorMessage = '';
+        this.errorAmountMessage = '';
+        this.consentsSubmitted = false;
+    }
+    handleNewTranslations() {
+        getTranslations(this.translationUrl);
+    }
+    handleClientStylingChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStyling(this.stylingContainer, this.clientStyling);
+        }
+    }
+    handleClientStylingUrlChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    handleMbSourceChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+        }
+    }
+    async componentWillLoad() {
+        if (this.translationUrl.length > 2) {
+            await getTranslations(this.translationUrl);
+        }
+    }
+    componentDidLoad() {
+        if (this.stylingContainer) {
+            if (this.mbSource)
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+            if (this.clientStyling)
+                setClientStyling(this.stylingContainer, this.clientStyling);
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+        switch (this.gmversion) {
+            case 'gmcore':
+                this.getPlayerAccountBalanceDataCore();
+                break;
+            case 'gm16':
+                this.getPlayerAccountBalanceData16();
+                break;
+            default:
+                throw Error(`Invalid apiversion attribute: ${this.gmversion}`);
+        }
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort('Component unmounted');
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
+    }
+    consentsArea() {
+        return (index.h("div", { class: "UserProtectionFundsCheckboxArea" }, index.h("label", { class: "UserProtectionFundsCheckboxContent", htmlFor: "userProtectionFunds" }, index.h("input", { ref: el => this.checkboxInput = el, id: "userProtectionFunds", type: "checkbox", onInput: this.userLegislationConsentHandler }), index.h("span", { innerHTML: `${translate('protectionCheckboxLabel', this.language)}` }))));
+    }
+    render() {
+        return (index.h("div", { key: '9b36bd1e33e989aaa037919387f3da77020b6e9e', class: "QueryReferenceContainer", ref: el => this.stylingContainer = el }, this.isLoading ? (index.h("div", null, index.h("slot", { name: 'spinner' }), index.h("svg", { class: "spinner", viewBox: "0 0 50 50" }, index.h("circle", { class: "path", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "5" })))) : (index.h("div", { class: "UserProtectionFundsContainer" }, index.h("div", { class: "UserProtectionFundsTitle" }, index.h("h2", null, translate('protectionTitle', this.language))), index.h("div", { class: "UserProtectionFundsWrapper" }, index.h("p", { innerHTML: `${translate('protectionContent', this.language)}` })), index.h("div", { class: "UserProtectionFundsBalance" }, index.h("p", null, translate('balanceArea', this.language), " ", index.h("span", null, this.formatBalance(this.totalCashAmount)))), index.h("div", { class: "UserProtectionFundsButtonsWrapper" }, index.h("div", null, this.consentsArea()), index.h("div", null, index.h("button", { class: "UserProtectionFundsSubmitButton", disabled: !this.isConsentChecked || this.errorMessage != '' || this.consentsSubmitted, onClick: this.handleSubmit }, translate('submitButtonText', this.language))), index.h("div", { class: "UserProtectionError" }, index.h("p", null, this.errorMessage != '' && this.errorMessage), index.h("p", null, this.errorAmountMessage != '' && this.errorAmountMessage)))))));
+    }
+    static get watchers() { return {
+        "translationUrl": ["handleNewTranslations"],
+        "clientStyling": ["handleClientStylingChange"],
+        "clientStylingUrl": ["handleClientStylingUrlChange"],
+        "mbSource": ["handleMbSourceChange"]
+    }; }
+};
+UserFundsAcknowledgment.style = UserFundsAcknowledgmentStyle0;
+
+exports.user_actions = UserActions;
+exports.user_funds_acknowledgment = UserFundsAcknowledgment;