@everymatrix/user-funds-acknowledgment 0.0.1 → 0.0.3

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const userFundsAcknowledgment = require('./user-funds-acknowledgment-93b40125.js');
+const userFundsAcknowledgment = require('./user-funds-acknowledgment-45da5541.js');
 require('./index-e7d6647a.js');
 
 

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["user-funds-acknowledgment.cjs",[[1,"user-funds-acknowledgment",{"session":[513],"operatorid":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"endpoint":[513],"language":[1537],"translationUrl":[513,"translation-url"],"currencylocale":[513],"currencydisplay":[513],"maximumfractiondigits":[513],"minimumfractiondigits":[513],"customdisplayformat":[513],"alwaysshowdecimals":[513],"playercurrency":[513],"isLoading":[32],"isConsentChecked":[32],"totalCashAmount":[32],"errorMessage":[32],"consentsSubmitted":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+  return index.bootstrapLazy([["user-funds-acknowledgment.cjs",[[1,"user-funds-acknowledgment",{"session":[513],"operatorid":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"endpoint":[513],"language":[1537],"translationUrl":[513,"translation-url"],"currencylocale":[513],"currencydisplay":[513],"maximumfractiondigits":[513],"minimumfractiondigits":[513],"customdisplayformat":[513],"alwaysshowdecimals":[513],"playercurrency":[513],"userid":[1],"gmversion":[513],"totalcalculationmode":[513],"isLoading":[32],"isConsentChecked":[32],"totalCashAmount":[32],"errorMessage":[32],"errorAmountMessage":[32],"consentsSubmitted":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{user-funds-acknowledgment-93b40125.js → user-funds-acknowledgment-45da5541.js}

@@ -282,7 +282,7 @@ const translate = (key, customLang, values) => {
     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 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 {
@@ -290,6 +290,89 @@ const UserFundsAcknowledgment = class {
         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
@@ -410,7 +493,6 @@ const UserFundsAcknowledgment = class {
                 // 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;
                 }
@@ -449,10 +531,14 @@ const UserFundsAcknowledgment = class {
         this.customdisplayformat = '';
         this.alwaysshowdecimals = 'true';
         this.playercurrency = 'EUR';
-        this.isLoading = false;
+        this.userid = undefined;
+        this.gmversion = 'gm16';
+        this.totalcalculationmode = 'totalCashAmount';
+        this.isLoading = true;
         this.isConsentChecked = false;
         this.totalCashAmount = 0;
         this.errorMessage = '';
+        this.errorAmountMessage = '';
         this.consentsSubmitted = false;
     }
     handleNewTranslations() {
@@ -477,7 +563,6 @@ const UserFundsAcknowledgment = class {
         if (this.translationUrl.length > 2) {
             await getTranslations(this.translationUrl);
         }
-        this.totalCashAmount = parseFloat(localStorage.getItem('totalCashAmount')) || 0;
     }
     componentDidLoad() {
         if (this.stylingContainer) {
@@ -488,27 +573,27 @@ const UserFundsAcknowledgment = class {
             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();
     }
-    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 (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)}` }))));
+        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: 'e6361dbe3338fd1bbf9b54eb41b3fddf0f8829c7', 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" }, this.errorMessage != '' && this.errorMessage))))));
+        return (index.h("div", { key: '4b83615d1b42c72de845e1ca293a162bd9e958ce', 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"],

package/dist/cjs/user-funds-acknowledgment.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const userFundsAcknowledgment = require('./user-funds-acknowledgment-93b40125.js');
+const userFundsAcknowledgment = require('./user-funds-acknowledgment-45da5541.js');
 require('./index-e7d6647a.js');
 
 

package/dist/cjs/user-funds-acknowledgment.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["user-funds-acknowledgment.cjs",[[1,"user-funds-acknowledgment",{"session":[513],"operatorid":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"endpoint":[513],"language":[1537],"translationUrl":[513,"translation-url"],"currencylocale":[513],"currencydisplay":[513],"maximumfractiondigits":[513],"minimumfractiondigits":[513],"customdisplayformat":[513],"alwaysshowdecimals":[513],"playercurrency":[513],"isLoading":[32],"isConsentChecked":[32],"totalCashAmount":[32],"errorMessage":[32],"consentsSubmitted":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+  return index.bootstrapLazy([["user-funds-acknowledgment.cjs",[[1,"user-funds-acknowledgment",{"session":[513],"operatorid":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"endpoint":[513],"language":[1537],"translationUrl":[513,"translation-url"],"currencylocale":[513],"currencydisplay":[513],"maximumfractiondigits":[513],"minimumfractiondigits":[513],"customdisplayformat":[513],"alwaysshowdecimals":[513],"playercurrency":[513],"userid":[1],"gmversion":[513],"totalcalculationmode":[513],"isLoading":[32],"isConsentChecked":[32],"totalCashAmount":[32],"errorMessage":[32],"errorAmountMessage":[32],"consentsSubmitted":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/user-funds-acknowledgment/user-funds-acknowledgment.css

@@ -44,8 +44,8 @@
   cursor: pointer;
 }
 .ConsentSubmitButton:disabled {
-  border: 2px solid #ccc;
-  color: #ccc;
+  border: 2px solid var(--emw--color-disabled, #58586B);
+  color: var(--emw--color-disabled, #58586B);
   cursor: unset;
 }
 

package/dist/collection/components/user-funds-acknowledgment/user-funds-acknowledgment.js

@@ -5,6 +5,89 @@ export class UserFundsAcknowledgment {
     constructor() {
         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
@@ -125,7 +208,6 @@ export class UserFundsAcknowledgment {
                 // 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;
                 }
@@ -148,7 +230,6 @@ export class UserFundsAcknowledgment {
                 clearTimeout(timeoutId); // clear timer
                 this.abortController = null;
             });
-            ;
         };
         this.session = undefined;
         this.operatorid = undefined;
@@ -165,10 +246,14 @@ export class UserFundsAcknowledgment {
         this.customdisplayformat = '';
         this.alwaysshowdecimals = 'true';
         this.playercurrency = 'EUR';
-        this.isLoading = false;
+        this.userid = undefined;
+        this.gmversion = 'gm16';
+        this.totalcalculationmode = 'totalCashAmount';
+        this.isLoading = true;
         this.isConsentChecked = false;
         this.totalCashAmount = 0;
         this.errorMessage = '';
+        this.errorAmountMessage = '';
         this.consentsSubmitted = false;
     }
     handleNewTranslations() {
@@ -193,7 +278,6 @@ export class UserFundsAcknowledgment {
         if (this.translationUrl.length > 2) {
             await getTranslations(this.translationUrl);
         }
-        this.totalCashAmount = parseFloat(localStorage.getItem('totalCashAmount')) || 0;
     }
     componentDidLoad() {
         if (this.stylingContainer) {
@@ -204,27 +288,27 @@ export class UserFundsAcknowledgment {
             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();
     }
-    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)}` }))));
+        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))))));
+        return (h("div", { key: '4b83615d1b42c72de845e1ca293a162bd9e958ce', 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" }, h("p", null, this.errorMessage != '' && this.errorMessage), h("p", null, this.errorAmountMessage != '' && this.errorAmountMessage)))))));
     }
     static get is() { return "user-funds-acknowledgment"; }
     static get encapsulation() { return "shadow"; }
@@ -503,6 +587,59 @@ export class UserFundsAcknowledgment {
                 "attribute": "playercurrency",
                 "reflect": true,
                 "defaultValue": "'EUR'"
+            },
+            "userid": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "userid",
+                "reflect": false
+            },
+            "gmversion": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "gmversion",
+                "reflect": true,
+                "defaultValue": "'gm16'"
+            },
+            "totalcalculationmode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "totalcalculationmode",
+                "reflect": true,
+                "defaultValue": "'totalCashAmount'"
             }
         };
     }
@@ -512,6 +649,7 @@ export class UserFundsAcknowledgment {
             "isConsentChecked": {},
             "totalCashAmount": {},
             "errorMessage": {},
+            "errorAmountMessage": {},
             "consentsSubmitted": {}
         };
     }

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { U as UserFundsAcknowledgment } from './user-funds-acknowledgment-e5293ada.js';
+export { U as UserFundsAcknowledgment } from './user-funds-acknowledgment-c9676919.js';
 import './index-eb00caf2.js';

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["user-funds-acknowledgment",[[1,"user-funds-acknowledgment",{"session":[513],"operatorid":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"endpoint":[513],"language":[1537],"translationUrl":[513,"translation-url"],"currencylocale":[513],"currencydisplay":[513],"maximumfractiondigits":[513],"minimumfractiondigits":[513],"customdisplayformat":[513],"alwaysshowdecimals":[513],"playercurrency":[513],"isLoading":[32],"isConsentChecked":[32],"totalCashAmount":[32],"errorMessage":[32],"consentsSubmitted":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+  return bootstrapLazy([["user-funds-acknowledgment",[[1,"user-funds-acknowledgment",{"session":[513],"operatorid":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"endpoint":[513],"language":[1537],"translationUrl":[513,"translation-url"],"currencylocale":[513],"currencydisplay":[513],"maximumfractiondigits":[513],"minimumfractiondigits":[513],"customdisplayformat":[513],"alwaysshowdecimals":[513],"playercurrency":[513],"userid":[1],"gmversion":[513],"totalcalculationmode":[513],"isLoading":[32],"isConsentChecked":[32],"totalCashAmount":[32],"errorMessage":[32],"errorAmountMessage":[32],"consentsSubmitted":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/{user-funds-acknowledgment-e5293ada.js → user-funds-acknowledgment-c9676919.js}

@@ -280,7 +280,7 @@ const translate = (key, customLang, values) => {
     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 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 {
@@ -288,6 +288,89 @@ const UserFundsAcknowledgment = class {
         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
@@ -408,7 +491,6 @@ const UserFundsAcknowledgment = class {
                 // 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;
                 }
@@ -447,10 +529,14 @@ const UserFundsAcknowledgment = class {
         this.customdisplayformat = '';
         this.alwaysshowdecimals = 'true';
         this.playercurrency = 'EUR';
-        this.isLoading = false;
+        this.userid = undefined;
+        this.gmversion = 'gm16';
+        this.totalcalculationmode = 'totalCashAmount';
+        this.isLoading = true;
         this.isConsentChecked = false;
         this.totalCashAmount = 0;
         this.errorMessage = '';
+        this.errorAmountMessage = '';
         this.consentsSubmitted = false;
     }
     handleNewTranslations() {
@@ -475,7 +561,6 @@ const UserFundsAcknowledgment = class {
         if (this.translationUrl.length > 2) {
             await getTranslations(this.translationUrl);
         }
-        this.totalCashAmount = parseFloat(localStorage.getItem('totalCashAmount')) || 0;
     }
     componentDidLoad() {
         if (this.stylingContainer) {
@@ -486,27 +571,27 @@ const UserFundsAcknowledgment = class {
             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();
     }
-    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)}` }))));
+        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))))));
+        return (h("div", { key: '4b83615d1b42c72de845e1ca293a162bd9e958ce', 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" }, h("p", null, this.errorMessage != '' && this.errorMessage), h("p", null, this.errorAmountMessage != '' && this.errorAmountMessage)))))));
     }
     static get watchers() { return {
         "translationUrl": ["handleNewTranslations"],

package/dist/esm/user-funds-acknowledgment.entry.js

@@ -1,2 +1,2 @@
-export { U as user_funds_acknowledgment } from './user-funds-acknowledgment-e5293ada.js';
+export { U as user_funds_acknowledgment } from './user-funds-acknowledgment-c9676919.js';
 import './index-eb00caf2.js';

package/dist/esm/user-funds-acknowledgment.js

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["user-funds-acknowledgment",[[1,"user-funds-acknowledgment",{"session":[513],"operatorid":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"endpoint":[513],"language":[1537],"translationUrl":[513,"translation-url"],"currencylocale":[513],"currencydisplay":[513],"maximumfractiondigits":[513],"minimumfractiondigits":[513],"customdisplayformat":[513],"alwaysshowdecimals":[513],"playercurrency":[513],"isLoading":[32],"isConsentChecked":[32],"totalCashAmount":[32],"errorMessage":[32],"consentsSubmitted":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+  return bootstrapLazy([["user-funds-acknowledgment",[[1,"user-funds-acknowledgment",{"session":[513],"operatorid":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"endpoint":[513],"language":[1537],"translationUrl":[513,"translation-url"],"currencylocale":[513],"currencydisplay":[513],"maximumfractiondigits":[513],"minimumfractiondigits":[513],"customdisplayformat":[513],"alwaysshowdecimals":[513],"playercurrency":[513],"userid":[1],"gmversion":[513],"totalcalculationmode":[513],"isLoading":[32],"isConsentChecked":[32],"totalCashAmount":[32],"errorMessage":[32],"errorAmountMessage":[32],"consentsSubmitted":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
 });

package/dist/types/components/user-funds-acknowledgment/user-funds-acknowledgment.d.ts

@@ -41,24 +41,31 @@ export declare class UserFundsAcknowledgment {
     customdisplayformat: string;
     alwaysshowdecimals: string;
     playercurrency: string;
+    userid: string;
+    gmversion: string;
+    totalcalculationmode: string;
     private isLoading;
     private isConsentChecked;
     private totalCashAmount;
     private errorMessage;
+    private errorAmountMessage;
     private consentsSubmitted;
     private stylingContainer;
     private stylingSubscription;
     private checkboxInput;
     private abortController;
     private readonly TIMEOUT_MS;
+    private currency;
     handleNewTranslations(): void;
     handleClientStylingChange(newValue: any, oldValue: any): void;
     handleClientStylingUrlChange(newValue: any, oldValue: any): void;
     handleMbSourceChange(newValue: any, oldValue: any): void;
     componentWillLoad(): Promise<void>;
     componentDidLoad(): void;
+    getPlayerAccountBalanceDataCore: () => void;
+    getPlayerAccountBalanceData16: () => void;
     disconnectedCallback(): void;
-    userLegislationConsentHandler(): void;
+    userLegislationConsentHandler: () => void;
     /**
      * Returns the formatted balance
      * @param balance -> the balance value to be formatted

package/dist/types/components.d.ts

@@ -29,6 +29,7 @@ export namespace Components {
           * The endpoint required for the submit call
          */
         "endpoint": string;
+        "gmversion": string;
         /**
           * Language
          */
@@ -42,10 +43,12 @@ export namespace Components {
           * The session required for the submit call
          */
         "session": string;
+        "totalcalculationmode": string;
         /**
           * Translation url
          */
         "translationUrl": string;
+        "userid": string;
     }
 }
 declare global {
@@ -83,6 +86,7 @@ declare namespace LocalJSX {
           * The endpoint required for the submit call
          */
         "endpoint": string;
+        "gmversion"?: string;
         /**
           * Language
          */
@@ -96,10 +100,12 @@ declare namespace LocalJSX {
           * The session required for the submit call
          */
         "session"?: string;
+        "totalcalculationmode"?: string;
         /**
           * Translation url
          */
         "translationUrl"?: string;
+        "userid": string;
     }
     interface IntrinsicElements {
         "user-funds-acknowledgment": UserFundsAcknowledgment;

package/dist/types/utils/types.d.ts

@@ -0,0 +1,23 @@
+interface BalanceItem {
+    type: string;
+    walletAccountType: string;
+    currency: string;
+}
+interface PlayerBalance16Data {
+    items: BalanceItem[];
+    totalCashAmount: {
+        [key: string]: number;
+    };
+    [key: string]: any;
+}
+interface PlayerBalanceCoreItem {
+    displayName: string;
+    currency: string;
+}
+interface PlayerBalanceCoreData {
+    status: any;
+    items: PlayerBalanceCoreItem[];
+    totalAmount: {
+        [key: string]: number;
+    };
+}

package/dist/user-funds-acknowledgment/index.esm.js

@@ -1 +1 @@
-export{U as UserFundsAcknowledgment}from"./user-funds-acknowledgment-e5293ada.js";import"./index-eb00caf2.js";
+export{U as UserFundsAcknowledgment}from"./user-funds-acknowledgment-c9676919.js";import"./index-eb00caf2.js";

package/dist/user-funds-acknowledgment/user-funds-acknowledgment-c9676919.js

@@ -0,0 +1 @@
+import{r as e,h as t}from"./index-eb00caf2.js";const n="__WIDGET_GLOBAL_STYLE_CACHE__";function i(e,t){if(e){const n=document.createElement("style");n.innerHTML=t,e.appendChild(n)}}function o(e,t){if(!e||!t)return;const n=new URL(t);fetch(n.href).then((e=>e.text())).then((t=>{const n=document.createElement("style");n.innerHTML=t,e&&e.appendChild(n)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}function s(e,t,i,o=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!o)return i=function(e,t){const n=document.createElement("style");return window.emMessageBus.subscribe(t,(t=>{e&&(n.innerHTML=t,e.appendChild(n))}))}(e,t),i;window[n]||(window[n]={}),i=function(e,t){return window.emMessageBus.subscribe(t,(i=>{if(!e)return;const o=e.getRootNode(),s=window[n];let r=s[t]&&s[t].sheet;r?s[t].refCount=s[t].refCount+1:(r=new CSSStyleSheet,r.replaceSync(i),s[t]={sheet:r,refCount:1});const a=o.adoptedStyleSheets||[];a.includes(r)||(o.adoptedStyleSheets=[...a,r])}))}(e,t);const s=i.unsubscribe.bind(i);return i.unsubscribe=()=>{if(window[n][t]){const e=window[n][t];e.refCount>1?e.refCount=e.refCount-1:delete window[n][t]}s()},i}const r={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"}},a=e=>new Promise((t=>{fetch(e).then((e=>e.json())).then((e=>{Object.keys(e).forEach((t=>{r[t]||(r[t]={});for(let n in e[t])r[t][n]=e[t][n]})),t(!0)}))})),c=(e,t,n)=>{let i=r[void 0!==t&&t in r?t:"en"][e];if(void 0!==n)for(const[e,t]of Object.entries(n.values)){const n=new RegExp(`{${e}}`,"g");i=i.replace(n,t)}return i},d=class{constructor(t){e(this,t),this.abortController=null,this.TIMEOUT_MS=1e4,this.currency="",this.getPlayerAccountBalanceDataCore=()=>{const e=new URL(`${this.endpoint}/v1/player/${this.userid}/account`);fetch(e,{method:"GET",headers:{"X-SessionID":this.session}}).then((e=>{if(!e.ok)throw this.errorAmountMessage=`${c("apiCallError",this.language)} ${e.status}`,new Error(`Failed to fetch balance data: ${e.status}`);return e.json()})).then((e=>{var t,n;if(!e.items||!Array.isArray(e.items))throw this.errorAmountMessage=`${c("apiCallError",this.language)} ${e.status}`,new Error("Unexpected data format: items array missing");const i=e.items.find((e=>"Casino"===e.displayName));if(!(null==i?void 0:i.currency))throw new Error("No Casino item found in balance items");this.currency=i.currency,this.totalCashAmount=null!==(n=null===(t=e.totalAmount)||void 0===t?void 0:t[this.currency])&&void 0!==n?n:0})).catch((e=>{this.errorAmountMessage||(this.errorAmountMessage=c("serverNotResponding",this.language)),console.error("Balance error:",e)})).finally((()=>{this.isLoading=!1}))},this.getPlayerAccountBalanceData16=()=>{const e=new URL(`${this.endpoint}/v2/player/${this.userid}/balance`),t=new Headers;t.append("X-SessionID",this.session),fetch(e,{method:"GET",headers:t}).then((e=>{if(!e.ok)throw this.errorAmountMessage=`${c("apiCallError",this.language)} ${e.status}`,new Error(`Failed to fetch balance data: ${e.status}`);return e.json()})).then((e=>{var t,n;if(!e.items||!Array.isArray(e.items))throw this.errorAmountMessage=`${c("apiCallError",this.language)} ${e.status}`,new Error("Unexpected data format: items array missing");const i=e.items.find((e=>"Real"===e.type&&"Ordinary"===e.walletAccountType));if(!(null==i?void 0:i.currency))throw new Error("No Real/Ordinary wallet found in balance items");this.currency=i.currency,e[this.totalcalculationmode]||(this.totalcalculationmode="totalCashAmount"),this.totalCashAmount=null!==(n=null===(t=e[this.totalcalculationmode])||void 0===t?void 0:t[this.currency])&&void 0!==n?n:0})).catch((e=>{this.errorAmountMessage||(this.errorAmountMessage=c("serverNotResponding",this.language)),console.error("Balance fetch error",e)})).finally((()=>{this.isLoading=!1}))},this.userLegislationConsentHandler=()=>{this.checkboxInput&&(this.isConsentChecked=this.checkboxInput.checked),this.isConsentChecked&&(this.consentsSubmitted=!1,this.errorMessage="")},this.formatBalance=e=>{if(this.customdisplayformat)return this.formatFromCustom(e);const t=this.currencylocale||this.language,n={style:"currency",currency:this.playercurrency,useGrouping:!0,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(t,n).format(e)},this.formatFromCustom=e=>{const t=[];let n="";for(const i of this.customdisplayformat)switch(i){default:n+=i;break;case"{":n&&t.push(n),n="";break;case"}":const[o,s]=n.split("|");if(n="","currency"===o.toLowerCase())n=this.playercurrency;else if("amount"===o.toLowerCase()){let t=",",i=".",o=2;s&&(" "!==s[0]&&(t=s[0])," "!==s[1]&&(i=s[1])," "!==s[2]&&!isNaN(Number(s[2]))&&(o=Number(s[2])));let[r,a]=String(Math.floor(e*10**o)/10**o).split(".");n+=r[0];for(let e=1;e<r.length;++e)n+=(r.length-e)%3==0?t+r[e]:r[e];let c=a||"";const d="true"===this.alwaysshowdecimals,l=Number(this.maximumfractiondigits);if(d)c=c.padEnd(l||2,"0").substring(0,l);else if(!c)break;n+=i+c}n&&t.push(n),n=""}return t.push(n),t.join("")},this.handleSubmit=()=>{var e;this.consentsSubmitted=!0,null===(e=this.abortController)||void 0===e||e.abort(),this.abortController=new AbortController;const t=setTimeout((()=>{var e;null===(e=this.abortController)||void 0===e||e.abort("Request timed out")}),this.TIMEOUT_MS),n=`${this.endpoint}/api/pam/v1/actions/customer-funds-protection`,i=new Headers;return i.append("Content-Type","application/json"),i.append("X-SessionId",`${this.session}`),i.append("X-Tenant-ID",`${this.operatorid}`),fetch(n,{method:"POST",headers:i,body:JSON.stringify({accepted:!0}),signal:this.abortController.signal}).then((e=>{if(!e.ok)throw this.errorMessage=`${c("apiCallError",this.language)} ${e.status}`,new Error(`Request failed with status ${e.status}`);return 202===e.status?(this.errorMessage="",void window.postMessage({type:"ProtectionFundsAccepted"},window.location.href)):e.json()})).catch((e=>{var t;"AbortError"!==e.name?(console.error("Customer funds protection request failed:",e.message),this.errorMessage=c("serverNotResponding",this.language)):"Request timed out"===(null===(t=this.abortController)||void 0===t?void 0:t.signal.reason)&&(this.errorMessage=c("serverNotResponding",this.language))})).finally((()=>{clearTimeout(t),this.abortController=null}))},this.session=void 0,this.operatorid=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.endpoint=void 0,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=void 0,this.gmversion="gm16",this.totalcalculationmode="totalCashAmount",this.isLoading=!0,this.isConsentChecked=!1,this.totalCashAmount=0,this.errorMessage="",this.errorAmountMessage="",this.consentsSubmitted=!1}handleNewTranslations(){a(this.translationUrl)}handleClientStylingChange(e,t){e!=t&&i(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(e,t){e!=t&&o(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(e,t){e!=t&&s(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}async componentWillLoad(){this.translationUrl.length>2&&await a(this.translationUrl)}componentDidLoad(){switch(this.stylingContainer&&(this.mbSource&&s(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&i(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&o(this.stylingContainer,this.clientStylingUrl)),this.gmversion){case"gmcore":this.getPlayerAccountBalanceDataCore();break;case"gm16":this.getPlayerAccountBalanceData16();break;default:throw Error(`Invalid apiversion attribute: ${this.gmversion}`)}}disconnectedCallback(){var e;null===(e=this.abortController)||void 0===e||e.abort("Component unmounted"),this.stylingSubscription&&this.stylingSubscription.unsubscribe()}consentsArea(){return t("div",{class:"UserProtectionFundsCheckboxArea"},t("label",{class:"UserProtectionFundsCheckboxContent",htmlFor:"userProtectionFunds"},t("input",{ref:e=>this.checkboxInput=e,id:"userProtectionFunds",type:"checkbox",onInput:this.userLegislationConsentHandler}),t("span",{innerHTML:`${c("protectionCheckboxLabel",this.language)}`})))}render(){return t("div",{key:"4b83615d1b42c72de845e1ca293a162bd9e958ce",class:"QueryReferenceContainer",ref:e=>this.stylingContainer=e},this.isLoading?t("div",null,t("slot",{name:"spinner"}),t("svg",{class:"spinner",viewBox:"0 0 50 50"},t("circle",{class:"path",cx:"25",cy:"25",r:"20",fill:"none","stroke-width":"5"}))):t("div",{class:"UserProtectionFundsContainer"},t("div",{class:"UserProtectionFundsTitle"},t("h2",null,c("protectionTitle",this.language))),t("div",{class:"UserProtectionFundsWrapper"},t("p",{innerHTML:`${c("protectionContent",this.language)}`})),t("div",{class:"UserProtectionFundsBalance"},t("p",null,c("balanceArea",this.language)," ",t("span",null,this.formatBalance(this.totalCashAmount)))),t("div",{class:"UserProtectionFundsButtonsWrapper"},t("div",null,this.consentsArea()),t("div",null,t("button",{class:"UserProtectionFundsSubmitButton",disabled:!this.isConsentChecked||""!=this.errorMessage||this.consentsSubmitted,onClick:this.handleSubmit},c("submitButtonText",this.language))),t("div",{class:"UserProtectionError"},t("p",null,""!=this.errorMessage&&this.errorMessage),t("p",null,""!=this.errorAmountMessage&&this.errorAmountMessage)))))}static get watchers(){return{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};d.style=":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}}";export{d as U}

package/dist/user-funds-acknowledgment/user-funds-acknowledgment.entry.js

@@ -1 +1 @@
-export{U as user_funds_acknowledgment}from"./user-funds-acknowledgment-e5293ada.js";import"./index-eb00caf2.js";
+export{U as user_funds_acknowledgment}from"./user-funds-acknowledgment-c9676919.js";import"./index-eb00caf2.js";

package/dist/user-funds-acknowledgment/user-funds-acknowledgment.esm.js

@@ -1 +1 @@
-import{p as n,b as e}from"./index-eb00caf2.js";export{s as setNonce}from"./index-eb00caf2.js";import{g as t}from"./app-globals-0f993ce5.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),n(t)})().then((async n=>(await t(),e([["user-funds-acknowledgment",[[1,"user-funds-acknowledgment",{session:[513],operatorid:[513],mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],endpoint:[513],language:[1537],translationUrl:[513,"translation-url"],currencylocale:[513],currencydisplay:[513],maximumfractiondigits:[513],minimumfractiondigits:[513],customdisplayformat:[513],alwaysshowdecimals:[513],playercurrency:[513],isLoading:[32],isConsentChecked:[32],totalCashAmount:[32],errorMessage:[32],consentsSubmitted:[32]},null,{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}]]]],n))));
+import{p as n,b as e}from"./index-eb00caf2.js";export{s as setNonce}from"./index-eb00caf2.js";import{g as t}from"./app-globals-0f993ce5.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),n(t)})().then((async n=>(await t(),e([["user-funds-acknowledgment",[[1,"user-funds-acknowledgment",{session:[513],operatorid:[513],mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],endpoint:[513],language:[1537],translationUrl:[513,"translation-url"],currencylocale:[513],currencydisplay:[513],maximumfractiondigits:[513],minimumfractiondigits:[513],customdisplayformat:[513],alwaysshowdecimals:[513],playercurrency:[513],userid:[1],gmversion:[513],totalcalculationmode:[513],isLoading:[32],isConsentChecked:[32],totalCashAmount:[32],errorMessage:[32],errorAmountMessage:[32],consentsSubmitted:[32]},null,{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}]]]],n))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/user-funds-acknowledgment",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",

package/dist/user-funds-acknowledgment/user-funds-acknowledgment-e5293ada.js

@@ -1 +0,0 @@
-import{r as e,h as t}from"./index-eb00caf2.js";const n="__WIDGET_GLOBAL_STYLE_CACHE__";function o(e,t){if(e){const n=document.createElement("style");n.innerHTML=t,e.appendChild(n)}}function i(e,t){if(!e||!t)return;const n=new URL(t);fetch(n.href).then((e=>e.text())).then((t=>{const n=document.createElement("style");n.innerHTML=t,e&&e.appendChild(n)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}function s(e,t,o,i=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!i)return o=function(e,t){const n=document.createElement("style");return window.emMessageBus.subscribe(t,(t=>{e&&(n.innerHTML=t,e.appendChild(n))}))}(e,t),o;window[n]||(window[n]={}),o=function(e,t){return window.emMessageBus.subscribe(t,(o=>{if(!e)return;const i=e.getRootNode(),s=window[n];let r=s[t]&&s[t].sheet;r?s[t].refCount=s[t].refCount+1:(r=new CSSStyleSheet,r.replaceSync(o),s[t]={sheet:r,refCount:1});const a=i.adoptedStyleSheets||[];a.includes(r)||(i.adoptedStyleSheets=[...a,r])}))}(e,t);const s=o.unsubscribe.bind(o);return o.unsubscribe=()=>{if(window[n][t]){const e=window[n][t];e.refCount>1?e.refCount=e.refCount-1:delete window[n][t]}s()},o}const r={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"}},a=e=>new Promise((t=>{fetch(e).then((e=>e.json())).then((e=>{Object.keys(e).forEach((t=>{r[t]||(r[t]={});for(let n in e[t])r[t][n]=e[t][n]})),t(!0)}))})),c=(e,t,n)=>{let o=r[void 0!==t&&t in r?t:"en"][e];if(void 0!==n)for(const[e,t]of Object.entries(n.values)){const n=new RegExp(`{${e}}`,"g");o=o.replace(n,t)}return o},d=class{constructor(t){e(this,t),this.abortController=null,this.TIMEOUT_MS=1e4,this.formatBalance=e=>{if(this.customdisplayformat)return this.formatFromCustom(e);const t=this.currencylocale||this.language,n={style:"currency",currency:this.playercurrency,useGrouping:!0,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(t,n).format(e)},this.formatFromCustom=e=>{const t=[];let n="";for(const o of this.customdisplayformat)switch(o){default:n+=o;break;case"{":n&&t.push(n),n="";break;case"}":const[i,s]=n.split("|");if(n="","currency"===i.toLowerCase())n=this.playercurrency;else if("amount"===i.toLowerCase()){let t=",",o=".",i=2;s&&(" "!==s[0]&&(t=s[0])," "!==s[1]&&(o=s[1])," "!==s[2]&&!isNaN(Number(s[2]))&&(i=Number(s[2])));let[r,a]=String(Math.floor(e*10**i)/10**i).split(".");n+=r[0];for(let e=1;e<r.length;++e)n+=(r.length-e)%3==0?t+r[e]:r[e];let c=a||"";const d="true"===this.alwaysshowdecimals,u=Number(this.maximumfractiondigits);if(d)c=c.padEnd(u||2,"0").substring(0,u);else if(!c)break;n+=o+c}n&&t.push(n),n=""}return t.push(n),t.join("")},this.handleSubmit=()=>{var e;this.consentsSubmitted=!0,null===(e=this.abortController)||void 0===e||e.abort(),this.abortController=new AbortController;const t=setTimeout((()=>{var e;null===(e=this.abortController)||void 0===e||e.abort("Request timed out")}),this.TIMEOUT_MS),n=`${this.endpoint}/api/pam/v1/actions/customer-funds-protection`,o=new Headers;return o.append("Content-Type","application/json"),o.append("X-SessionId",`${this.session}`),o.append("X-Tenant-ID",`${this.operatorid}`),fetch(n,{method:"POST",headers:o,body:JSON.stringify({accepted:!0}),signal:this.abortController.signal}).then((e=>{if(!e.ok)throw this.errorMessage=`${c("apiCallError",this.language)} ${e.status}`,new Error(`Request failed with status ${e.status}`);return 202===e.status?(this.errorMessage="",localStorage.removeItem("totalCashAmount"),void window.postMessage({type:"ProtectionFundsAccepted"},window.location.href)):e.json()})).catch((e=>{var t;"AbortError"!==e.name?(console.error("Customer funds protection request failed:",e.message),this.errorMessage=c("serverNotResponding",this.language)):"Request timed out"===(null===(t=this.abortController)||void 0===t?void 0:t.signal.reason)&&(this.errorMessage=c("serverNotResponding",this.language))})).finally((()=>{clearTimeout(t),this.abortController=null}))},this.session=void 0,this.operatorid=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.endpoint=void 0,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=!1,this.isConsentChecked=!1,this.totalCashAmount=0,this.errorMessage="",this.consentsSubmitted=!1}handleNewTranslations(){a(this.translationUrl)}handleClientStylingChange(e,t){e!=t&&o(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(e,t){e!=t&&i(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(e,t){e!=t&&s(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}async componentWillLoad(){this.translationUrl.length>2&&await a(this.translationUrl),this.totalCashAmount=parseFloat(localStorage.getItem("totalCashAmount"))||0}componentDidLoad(){this.stylingContainer&&(this.mbSource&&s(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&o(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&i(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){var e;null===(e=this.abortController)||void 0===e||e.abort("Component unmounted"),this.stylingSubscription&&this.stylingSubscription.unsubscribe()}userLegislationConsentHandler(){this.checkboxInput&&(this.isConsentChecked=this.checkboxInput.checked),this.isConsentChecked&&(this.consentsSubmitted=!1,this.errorMessage="")}consentsArea(){return t("div",{class:"UserProtectionFundsCheckboxArea"},t("label",{class:"UserProtectionFundsCheckboxContent",htmlFor:"userProtectionFunds"},t("input",{ref:e=>this.checkboxInput=e,id:"userProtectionFunds",type:"checkbox",onInput:()=>this.userLegislationConsentHandler()}),t("span",{innerHTML:`${c("protectionCheckboxLabel",this.language)}`})))}render(){return t("div",{key:"e6361dbe3338fd1bbf9b54eb41b3fddf0f8829c7",class:"QueryReferenceContainer",ref:e=>this.stylingContainer=e},this.isLoading?t("div",null,t("slot",{name:"spinner"}),t("svg",{class:"spinner",viewBox:"0 0 50 50"},t("circle",{class:"path",cx:"25",cy:"25",r:"20",fill:"none","stroke-width":"5"}))):t("div",{class:"UserProtectionFundsContainer"},t("div",{class:"UserProtectionFundsTitle"},t("h2",null,c("protectionTitle",this.language))),t("div",{class:"UserProtectionFundsWrapper"},t("p",{innerHTML:`${c("protectionContent",this.language)}`})),t("div",{class:"UserProtectionFundsBalance"},t("p",null,c("balanceArea",this.language)," ",t("span",null,this.formatBalance(this.totalCashAmount)))),t("div",{class:"UserProtectionFundsButtonsWrapper"},t("div",null,this.consentsArea()),t("div",null,t("button",{class:"UserProtectionFundsSubmitButton",disabled:!this.isConsentChecked||""!=this.errorMessage||this.consentsSubmitted,onClick:this.handleSubmit},c("submitButtonText",this.language))),t("div",{class:"UserProtectionError"},""!=this.errorMessage&&this.errorMessage))))}static get watchers(){return{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};d.style=":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}}";export{d as U}