@everymatrix/user-actions 1.90.27 → 1.90.28

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

@@ -0,0 +1,631 @@
+import { r as registerInstance, h } from './index-ec24e8d4.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) {
+        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.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 (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 }));
+        }
+    }
+};
+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 #ccc;color:#ccc;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) {
+        registerInstance(this, hostRef);
+        this.abortController = null;
+        this.TIMEOUT_MS = 10000; // 10 seconds
+        /**
+         * 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 = '';
+                    localStorage.removeItem("totalCashAmount");
+                    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.isLoading = false;
+        this.isConsentChecked = false;
+        this.totalCashAmount = 0;
+        this.errorMessage = '';
+        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);
+        }
+        this.totalCashAmount = parseFloat(localStorage.getItem('totalCashAmount')) || 0;
+    }
+    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);
+        }
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort('Component unmounted');
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
+    }
+    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 = '';
+        }
+    }
+    consentsArea() {
+        return (h("div", { class: "UserProtectionFundsCheckboxArea" }, h("label", { class: "UserProtectionFundsCheckboxContent", htmlFor: "userProtectionFunds" }, h("input", { ref: el => this.checkboxInput = el, id: "userProtectionFunds", type: "checkbox", onInput: () => this.userLegislationConsentHandler() }), h("span", { innerHTML: `${translate('protectionCheckboxLabel', this.language)}` }))));
+    }
+    render() {
+        return (h("div", { key: 'e6361dbe3338fd1bbf9b54eb41b3fddf0f8829c7', class: "QueryReferenceContainer", ref: el => this.stylingContainer = el }, this.isLoading ? (h("div", null, h("slot", { name: 'spinner' }), h("svg", { class: "spinner", viewBox: "0 0 50 50" }, h("circle", { class: "path", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "5" })))) : (h("div", { class: "UserProtectionFundsContainer" }, h("div", { class: "UserProtectionFundsTitle" }, h("h2", null, translate('protectionTitle', this.language))), h("div", { class: "UserProtectionFundsWrapper" }, h("p", { innerHTML: `${translate('protectionContent', this.language)}` })), h("div", { class: "UserProtectionFundsBalance" }, h("p", null, translate('balanceArea', this.language), " ", h("span", null, this.formatBalance(this.totalCashAmount)))), h("div", { class: "UserProtectionFundsButtonsWrapper" }, h("div", null, this.consentsArea()), h("div", null, h("button", { class: "UserProtectionFundsSubmitButton", disabled: !this.isConsentChecked || this.errorMessage != '' || this.consentsSubmitted, onClick: this.handleSubmit }, translate('submitButtonText', this.language))), h("div", { class: "UserProtectionError" }, this.errorMessage != '' && this.errorMessage))))));
+    }
+    static get watchers() { return {
+        "translationUrl": ["handleNewTranslations"],
+        "clientStyling": ["handleClientStylingChange"],
+        "clientStylingUrl": ["handleClientStylingUrlChange"],
+        "mbSource": ["handleMbSourceChange"]
+    }; }
+};
+UserFundsAcknowledgment.style = UserFundsAcknowledgmentStyle0;
+
+export { UserActions as user_actions, UserFundsAcknowledgment as user_funds_acknowledgment };