@everymatrix/pam-login 0.5.0 → 1.70.1

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const pamLogin = require('./pam-login-473c670d.js');
+const pamLogin = require('./pam-login-2c7e9603.js');
 require('./index-c5001c3e.js');
 
 

package/dist/cjs/{pam-login-473c670d.js → pam-login-2c7e9603.js}

@@ -21991,6 +21991,10 @@ const PamLogin = class {
                 .then((token) => {
                 this.loginPlayer(token)
                     .then((res) => {
+                    var _a;
+                    if ((_a = res.sessionBlockers) === null || _a === void 0 ? void 0 : _a.includes('has-to-set-consents')) {
+                        window.postMessage({ type: 'PlayerActions' }, window.location.href);
+                    }
                     window.postMessage({ type: 'UserSessionID', session: res.sessionId, userid: res.playerId }, window.location.href);
                     window.postMessage({ type: 'WidgetNotification', data: { type: 'success', message: translate$1('successMessage', this.lang) } }, window.location.href);
                     this.apiErrorMessage = '';
@@ -22303,21 +22307,21 @@ const PamLogin = class {
      * Render function
      */
     render() {
-        const visibilityIcon = index.h("span", { key: '7374b9075a40a785273ee060cc5c1adce55f22f9', class: "InputIcon" }, this.isPasswordVisible
+        const visibilityIcon = index.h("span", { key: 'abcdfcbf7edfda911729398988c808d2f5216582', class: "InputIcon" }, this.isPasswordVisible
             ? index.h("svg", { onClick: () => this.togglePassword(), class: "TogglePasswordVisibility", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.844", height: "12.887", viewBox: "0 0 18.844 12.887" }, index.h("g", { transform: "translate(-110.856 -23.242)" }, index.h("circle", { class: "PasswordVisibilityIcon", cx: "0.05", cy: "0.05", r: "0.05", transform: "translate(121.017 31.148)" }), index.h("g", { transform: "translate(117.499 27.37)" }, index.h("path", { class: "PasswordVisibilityIcon", d: "M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z", transform: "translate(-142.164 -39.123)" }), index.h("path", { class: "PasswordVisibilityIcon", d: "M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z", transform: "translate(-136.413 -42.068)" })), index.h("g", { transform: "translate(110.856 24.899)" }, index.h("path", { class: "PasswordVisibilityIcon", d: "M122.538,42.061a7.043,7.043,0,0,1-2.325.53,10.373,10.373,0,0,1-4.393-1.482,36.509,36.509,0,0,1-3.873-2.391.13.13,0,0,1,0-.208,44.141,44.141,0,0,1,3.873-2.651c.394-.233.768-.437,1.13-.622l-.686-.838c-.322.167-.651.347-.99.55a37.989,37.989,0,0,0-3.977,2.729,1.21,1.21,0,0,0-.442.962,1.1,1.1,0,0,0,.494.936,34.416,34.416,0,0,0,3.977,2.469,11.468,11.468,0,0,0,4.886,1.611,8.427,8.427,0,0,0,3.039-.725Z", transform: "translate(-110.856 -33.157)" }), index.h("path", { class: "PasswordVisibilityIcon", d: "M149.119,34.14a45.875,45.875,0,0,0-4.055-2.729,20.541,20.541,0,0,0-2.547-1.248,5.6,5.6,0,0,0-4.79-.017l.7.856a5.254,5.254,0,0,1,1.672-.346,10.072,10.072,0,0,1,4.445,1.663,34.132,34.132,0,0,1,3.925,2.651.13.13,0,0,1,0,.208,40.2,40.2,0,0,1-3.925,2.391c-.179.092-.352.176-.525.26l.684.835c.1-.054.2-.1.309-.159a36.356,36.356,0,0,0,4.055-2.469,1.067,1.067,0,0,0,.52-.936A1.159,1.159,0,0,0,149.119,34.14Z", transform: "translate(-130.743 -29.617)" })), index.h("rect", { class: "PasswordVisibilityIcon", width: "0.972", height: "15.861", rx: "0.486", transform: "translate(114.827 23.858) rotate(-39.315)" })))
             : index.h("svg", { onClick: () => this.togglePassword(), class: "TogglePasswordVisibility PasswordVisible", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.843", height: "10.5", viewBox: "0 0 18.843 10.5" }, index.h("g", { transform: "translate(-14.185 -27.832)" }, index.h("path", { class: "PasswordVisibilityIcon", d: "M23.541,38.332a11.467,11.467,0,0,1-4.886-1.611,34.413,34.413,0,0,1-3.976-2.469,1.1,1.1,0,0,1-.494-.936,1.21,1.21,0,0,1,.442-.962A37.986,37.986,0,0,1,18.6,29.625a16.06,16.06,0,0,1,2.521-1.248,6.862,6.862,0,0,1,2.417-.546,6.862,6.862,0,0,1,2.417.546,20.541,20.541,0,0,1,2.547,1.248,45.872,45.872,0,0,1,4.054,2.729,1.159,1.159,0,0,1,.468.962,1.067,1.067,0,0,1-.52.936,36.353,36.353,0,0,1-4.054,2.469A11.2,11.2,0,0,1,23.541,38.332Zm0-9.46a9.813,9.813,0,0,0-4.392,1.663,44.138,44.138,0,0,0-3.873,2.651.13.13,0,0,0,0,.208,36.5,36.5,0,0,0,3.873,2.391,10.372,10.372,0,0,0,4.392,1.481,11.051,11.051,0,0,0,4.444-1.481,40.2,40.2,0,0,0,3.925-2.391.13.13,0,0,0,0-.208h0a34.132,34.132,0,0,0-3.925-2.651A10.072,10.072,0,0,0,23.541,28.872Z", transform: "translate(0)" }), index.h("circle", { class: "PasswordVisibilityIcon", cx: "2.779", cy: "2.779", r: "2.779", transform: "translate(20.827 30.303)" }))));
-        const loginForm = (index.h("div", { key: 'e6329737430ea03f988447e4244422c8a21cccab', class: "FormBox" }, index.h("div", { key: '8d620c5d6ae58c9e878ea09472f7baef78b068f7', class: "FormValue", onKeyDown: this.handleSubmit }, this.loginByPhoneNumber === 'true'
+        const loginForm = (index.h("div", { key: 'b02786a241e68cbcec9207a09866162aa38e652e', class: "FormBox" }, index.h("div", { key: '8e4f2281278f2291ae17208ec8612a2256797ac1', class: "FormValue", onKeyDown: this.handleSubmit }, this.loginByPhoneNumber === 'true'
             ? index.h("div", { class: (this.isContactValid && !this.apiErrorMessage) ? 'InputBox' : 'InputBox InputInvalidBox' }, index.h("div", { class: "PhoneInputBox" }, index.h("div", { class: "PrefixBox" }, index.h("vaadin-combo-box", { items: this.phoneCodes, value: this.phoneCodeValue, onChange: this.handleInputChangePartial('prefix') }), index.h("label", { class: (this.phoneCodeValue ? 'FieldFilledIn' : '') + ' ' + (this.isContactValid ? '' : 'FieldInvalid') }, translate$1('userPrefix', this.lang))), index.h("div", { class: "PhoneBox" }, index.h("input", { type: "text", placeholder: '', value: this.contactValue, onFocus: this.handleInputChangePartial('phone'), onInput: this.handleInputChangePartial('phone'), autocapitalize: "none", required: true }), index.h("label", { class: (this.contactValue ? 'FieldFilledIn' : '') + ' ' + (this.isContactValid ? '' : 'FieldInvalid') }, translate$1('userPhone', this.lang)))), !this.isContactValid &&
                 index.h("p", { class: "CredentialsError" }, translate$1('userPhoneError', this.lang)))
             : index.h("div", { class: this.isContactValid ? 'InputBox' : 'InputBox InputInvalidBox' }, index.h("input", { type: "text", placeholder: '', value: this.contactValue, onInput: this.handleInputChangePartial('user'), autocapitalize: "none", required: true }), index.h("label", { class: (this.contactValue ? 'FieldFilledIn' : '') + ' ' + (this.isContactValid ? '' : 'FieldInvalid') }, translate$1('userEmail', this.lang)), !this.isContactValid &&
-                index.h("p", { class: "CredentialsError" }, translate$1('userEmailError', this.lang))), index.h("div", { key: '3e654d0faf6268a2a44870b7c17f206a000efe56', class: this.isPasswordValid ? 'InputBox' : 'InputBox InputInvalidBox' }, visibilityIcon, index.h("input", { key: '35f9203a90619c9aef4047bad6b0041ecee37abe', type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.passwordValue, onInput: this.handleInputChangePartial('password'), autocapitalize: "none", required: true }), index.h("label", { key: '79d0351589cde486169bf713bd763d9ae02dea1e', class: (this.passwordValue ? 'FieldFilledIn' : '') + ' ' + (this.isPasswordValid ? '' : 'FieldInvalid') }, translate$1('password', this.lang)), this.isPasswordValid ||
-            index.h("p", { key: '07249828e3168b3908c69d46134d4020f20a8288', class: "CredentialsError" }, translate$1('userPasswordError', this.lang))), this.passwordReset == 'true' &&
-            index.h("div", { key: '3c7a518e46ba14896be800f57ff414b616592fc5', class: "ForgotPassword" }, index.h("button", { key: '3aea4149f42c0f817ad2b97bdf0b9d6a38008e41', onClick: this.resetPassword }, translate$1('forgotPassword', this.lang))), this.captchaData.isEnabled && this.captchaData.provider === 'cloudflare' &&
-            index.h("slot", { key: '8379b390d68325a4601459a45696c30d87d695eb', name: "turnstile" }), this.captchaData.isEnabled && this.captchaData.provider === 'google' &&
-            index.h("slot", { key: '290e79e106282f87196428f4fe7b59e30645228c', name: "google" }), index.h("button", { key: '33f37f8e3aedcd561d8198865cb5af4f3b4d1e3f', disabled: this.isSubmitDisabled(), class: "SubmitCredentials", onClick: this.handleLogin }, translate$1('login', this.lang)), this.apiErrorMessage &&
-            index.h("p", { key: '27eb501ce5a520978c54327c7480df7efb54dbcc', class: "CredentialsError" }, this.apiErrorMessage))));
-        const skeleton = (index.h("div", { key: 'aa7e0b94f08ce3e180b6ff3cdff0396502eed0d9', class: "LoadingSkeleton" }, index.h("form", { key: 'df646fdee9d4a0cb802de1cfc1a9f562f00a737e', class: "Form" }, index.h("section", { key: 'f8fead4ba0a7350ff85b784acdc60a9acd2d2e4a', class: "FieldsSection" }, index.h("div", { key: '30e59b5a9190297b9f808d1f67ef59a873ae00a1', class: "FieldContainer" }, index.h("div", { key: 'cb7a2a78b89447e9fa8d553022d8c14111424cee', class: "FieldTitle" }, index.h("ui-skeleton", { key: '369a6fb94d8ddebcd4d81b738ae4b4b1d623e6e9', structure: "title", width: "auto", height: "20px" })), index.h("ui-skeleton", { key: '6aaf9e8a13bf8d4c30245c79d04fd4c6d013d771', structure: "rectangle", width: "auto", height: "35px" })), index.h("div", { key: '01eb04f30cd51e40a11a0447a514b2a7aaf779d4', class: "FieldContainer" }, index.h("div", { key: '2d23f028924f87dcdbdcabd352668ce6821e3ca7', class: "FieldTitle" }, index.h("ui-skeleton", { key: '9438f81cba906da223dbf25da04748e899bb7273', structure: "title", width: "auto", height: "20px" })), index.h("ui-skeleton", { key: '7d128d685e923ba084b48ce587af7031db8deb03', structure: "rectangle", width: "auto", height: "35px" }))), index.h("section", { key: '2084b7641a274939db4bcde7fce82ae717edbd5b', class: "ButtonsSection" }, index.h("div", { key: '5b838a5815a537c812eb95c9760d4f1be0c6d457', class: "Button" }, index.h("ui-skeleton", { key: '7d0e20018649d37079567795b52ce34dd5b824a2', structure: "rectangle", width: "auto", height: "50px" }))))));
-        return (index.h("section", { key: 'd75baf969a810e169463146e113905a70efd03db', ref: el => this.stylingContainer = el }, this.isLoading ? skeleton : loginForm));
+                index.h("p", { class: "CredentialsError" }, translate$1('userEmailError', this.lang))), index.h("div", { key: '753d18b1ceece4f85e046fafd25d045da6dd3e91', class: this.isPasswordValid ? 'InputBox' : 'InputBox InputInvalidBox' }, visibilityIcon, index.h("input", { key: '3761c2396147480264c9dcd12edcb7cc3b4fcddd', type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.passwordValue, onInput: this.handleInputChangePartial('password'), autocapitalize: "none", required: true }), index.h("label", { key: '239ef38569638d34d2c7abd9e761c484e4d840a7', class: (this.passwordValue ? 'FieldFilledIn' : '') + ' ' + (this.isPasswordValid ? '' : 'FieldInvalid') }, translate$1('password', this.lang)), this.isPasswordValid ||
+            index.h("p", { key: '7e0d2181fe3da6957e580a5c42a952f8ddde350e', class: "CredentialsError" }, translate$1('userPasswordError', this.lang))), this.passwordReset == 'true' &&
+            index.h("div", { key: '2762503b35bda0d9ca987e760ae290aa7ad61e8b', class: "ForgotPassword" }, index.h("button", { key: '0c73b9f757ceb96d2cd2fb3165fc7e643ac61044', onClick: this.resetPassword }, translate$1('forgotPassword', this.lang))), this.captchaData.isEnabled && this.captchaData.provider === 'cloudflare' &&
+            index.h("slot", { key: '5a033fb28aa1eb72692e9ab86638be9293438099', name: "turnstile" }), this.captchaData.isEnabled && this.captchaData.provider === 'google' &&
+            index.h("slot", { key: '1c8f3520d91f427e44115a0b64304663e6d108d6', name: "google" }), index.h("button", { key: '78027d8d7adffcbf4fd681345ea8b35b63a92dd3', disabled: this.isSubmitDisabled(), class: "SubmitCredentials", onClick: this.handleLogin }, translate$1('login', this.lang)), this.apiErrorMessage &&
+            index.h("p", { key: 'c9a8cdeda5c28e16dc269dcc645806ce0f926188', class: "CredentialsError" }, this.apiErrorMessage))));
+        const skeleton = (index.h("div", { key: 'b49e731f6316ffaf253d4db654758b91ded50911', class: "LoadingSkeleton" }, index.h("form", { key: '7f91b160095a983a02dabb0df82b46b14166307e', class: "Form" }, index.h("section", { key: 'fd7a0e8d3d447c6a1c9d0ce3c21e437dea4677df', class: "FieldsSection" }, index.h("div", { key: 'b2fa0321a36216262945081097b727ec277761a3', class: "FieldContainer" }, index.h("div", { key: '1f498a5623dc3fa5e4192c0f50f87d07f38ac95f', class: "FieldTitle" }, index.h("ui-skeleton", { key: '545c707537ae55a1d915917d8cdbdd597b0a027f', structure: "title", width: "auto", height: "20px" })), index.h("ui-skeleton", { key: '7109a95dcc6fe474720751d788bd5bb2b4ed39ad', structure: "rectangle", width: "auto", height: "35px" })), index.h("div", { key: 'af29c677172bf5eacb892bf1692daa8db16a171a', class: "FieldContainer" }, index.h("div", { key: '503663104da5238a22b37f62b9f4f64eab73e00c', class: "FieldTitle" }, index.h("ui-skeleton", { key: 'dd0f186139af59e5eaddd38f604874ab82e91f2d', structure: "title", width: "auto", height: "20px" })), index.h("ui-skeleton", { key: 'acf8d1c6841702c5fff5af9998fc63a2357a7a0d', structure: "rectangle", width: "auto", height: "35px" }))), index.h("section", { key: 'c031e3d48473617afeae394cb14ab0762f425779', class: "ButtonsSection" }, index.h("div", { key: 'b35332a293c323b0fe480f8d975e736a29a73d4e', class: "Button" }, index.h("ui-skeleton", { key: '3abe64460cc0ffd144014e63418043beca33e117', structure: "rectangle", width: "auto", height: "50px" }))))));
+        return (index.h("section", { key: '832b1065c4123cc987e82fc5bab0607c297f2bda', ref: el => this.stylingContainer = el }, this.isLoading ? skeleton : loginForm));
     }
     static get watchers() { return {
         "translationUrl": ["handleNewTranslations"],

package/dist/cjs/pam-login_2.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const pamLogin = require('./pam-login-473c670d.js');
+const pamLogin = require('./pam-login-2c7e9603.js');
 const index = require('./index-c5001c3e.js');
 
 const uiSkeletonCss = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";

package/dist/collection/components/pam-login/pam-login.js

@@ -100,6 +100,10 @@ export class PamLogin {
                 .then((token) => {
                 this.loginPlayer(token)
                     .then((res) => {
+                    var _a;
+                    if ((_a = res.sessionBlockers) === null || _a === void 0 ? void 0 : _a.includes('has-to-set-consents')) {
+                        window.postMessage({ type: 'PlayerActions' }, window.location.href);
+                    }
                     window.postMessage({ type: 'UserSessionID', session: res.sessionId, userid: res.playerId }, window.location.href);
                     window.postMessage({ type: 'WidgetNotification', data: { type: 'success', message: translate('successMessage', this.lang) } }, window.location.href);
                     this.apiErrorMessage = '';
@@ -412,21 +416,21 @@ export class PamLogin {
      * Render function
      */
     render() {
-        const visibilityIcon = h("span", { key: '7374b9075a40a785273ee060cc5c1adce55f22f9', class: "InputIcon" }, this.isPasswordVisible
+        const visibilityIcon = h("span", { key: 'abcdfcbf7edfda911729398988c808d2f5216582', class: "InputIcon" }, this.isPasswordVisible
             ? h("svg", { onClick: () => this.togglePassword(), class: "TogglePasswordVisibility", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.844", height: "12.887", viewBox: "0 0 18.844 12.887" }, h("g", { transform: "translate(-110.856 -23.242)" }, h("circle", { class: "PasswordVisibilityIcon", cx: "0.05", cy: "0.05", r: "0.05", transform: "translate(121.017 31.148)" }), h("g", { transform: "translate(117.499 27.37)" }, h("path", { class: "PasswordVisibilityIcon", d: "M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z", transform: "translate(-142.164 -39.123)" }), h("path", { class: "PasswordVisibilityIcon", d: "M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z", transform: "translate(-136.413 -42.068)" })), h("g", { transform: "translate(110.856 24.899)" }, h("path", { class: "PasswordVisibilityIcon", d: "M122.538,42.061a7.043,7.043,0,0,1-2.325.53,10.373,10.373,0,0,1-4.393-1.482,36.509,36.509,0,0,1-3.873-2.391.13.13,0,0,1,0-.208,44.141,44.141,0,0,1,3.873-2.651c.394-.233.768-.437,1.13-.622l-.686-.838c-.322.167-.651.347-.99.55a37.989,37.989,0,0,0-3.977,2.729,1.21,1.21,0,0,0-.442.962,1.1,1.1,0,0,0,.494.936,34.416,34.416,0,0,0,3.977,2.469,11.468,11.468,0,0,0,4.886,1.611,8.427,8.427,0,0,0,3.039-.725Z", transform: "translate(-110.856 -33.157)" }), h("path", { class: "PasswordVisibilityIcon", d: "M149.119,34.14a45.875,45.875,0,0,0-4.055-2.729,20.541,20.541,0,0,0-2.547-1.248,5.6,5.6,0,0,0-4.79-.017l.7.856a5.254,5.254,0,0,1,1.672-.346,10.072,10.072,0,0,1,4.445,1.663,34.132,34.132,0,0,1,3.925,2.651.13.13,0,0,1,0,.208,40.2,40.2,0,0,1-3.925,2.391c-.179.092-.352.176-.525.26l.684.835c.1-.054.2-.1.309-.159a36.356,36.356,0,0,0,4.055-2.469,1.067,1.067,0,0,0,.52-.936A1.159,1.159,0,0,0,149.119,34.14Z", transform: "translate(-130.743 -29.617)" })), h("rect", { class: "PasswordVisibilityIcon", width: "0.972", height: "15.861", rx: "0.486", transform: "translate(114.827 23.858) rotate(-39.315)" })))
             : h("svg", { onClick: () => this.togglePassword(), class: "TogglePasswordVisibility PasswordVisible", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.843", height: "10.5", viewBox: "0 0 18.843 10.5" }, h("g", { transform: "translate(-14.185 -27.832)" }, h("path", { class: "PasswordVisibilityIcon", d: "M23.541,38.332a11.467,11.467,0,0,1-4.886-1.611,34.413,34.413,0,0,1-3.976-2.469,1.1,1.1,0,0,1-.494-.936,1.21,1.21,0,0,1,.442-.962A37.986,37.986,0,0,1,18.6,29.625a16.06,16.06,0,0,1,2.521-1.248,6.862,6.862,0,0,1,2.417-.546,6.862,6.862,0,0,1,2.417.546,20.541,20.541,0,0,1,2.547,1.248,45.872,45.872,0,0,1,4.054,2.729,1.159,1.159,0,0,1,.468.962,1.067,1.067,0,0,1-.52.936,36.353,36.353,0,0,1-4.054,2.469A11.2,11.2,0,0,1,23.541,38.332Zm0-9.46a9.813,9.813,0,0,0-4.392,1.663,44.138,44.138,0,0,0-3.873,2.651.13.13,0,0,0,0,.208,36.5,36.5,0,0,0,3.873,2.391,10.372,10.372,0,0,0,4.392,1.481,11.051,11.051,0,0,0,4.444-1.481,40.2,40.2,0,0,0,3.925-2.391.13.13,0,0,0,0-.208h0a34.132,34.132,0,0,0-3.925-2.651A10.072,10.072,0,0,0,23.541,28.872Z", transform: "translate(0)" }), h("circle", { class: "PasswordVisibilityIcon", cx: "2.779", cy: "2.779", r: "2.779", transform: "translate(20.827 30.303)" }))));
-        const loginForm = (h("div", { key: 'e6329737430ea03f988447e4244422c8a21cccab', class: "FormBox" }, h("div", { key: '8d620c5d6ae58c9e878ea09472f7baef78b068f7', class: "FormValue", onKeyDown: this.handleSubmit }, this.loginByPhoneNumber === 'true'
+        const loginForm = (h("div", { key: 'b02786a241e68cbcec9207a09866162aa38e652e', class: "FormBox" }, h("div", { key: '8e4f2281278f2291ae17208ec8612a2256797ac1', class: "FormValue", onKeyDown: this.handleSubmit }, this.loginByPhoneNumber === 'true'
             ? h("div", { class: (this.isContactValid && !this.apiErrorMessage) ? 'InputBox' : 'InputBox InputInvalidBox' }, h("div", { class: "PhoneInputBox" }, h("div", { class: "PrefixBox" }, h("vaadin-combo-box", { items: this.phoneCodes, value: this.phoneCodeValue, onChange: this.handleInputChangePartial('prefix') }), h("label", { class: (this.phoneCodeValue ? 'FieldFilledIn' : '') + ' ' + (this.isContactValid ? '' : 'FieldInvalid') }, translate('userPrefix', this.lang))), h("div", { class: "PhoneBox" }, h("input", { type: "text", placeholder: '', value: this.contactValue, onFocus: this.handleInputChangePartial('phone'), onInput: this.handleInputChangePartial('phone'), autocapitalize: "none", required: true }), h("label", { class: (this.contactValue ? 'FieldFilledIn' : '') + ' ' + (this.isContactValid ? '' : 'FieldInvalid') }, translate('userPhone', this.lang)))), !this.isContactValid &&
                 h("p", { class: "CredentialsError" }, translate('userPhoneError', this.lang)))
             : h("div", { class: this.isContactValid ? 'InputBox' : 'InputBox InputInvalidBox' }, h("input", { type: "text", placeholder: '', value: this.contactValue, onInput: this.handleInputChangePartial('user'), autocapitalize: "none", required: true }), h("label", { class: (this.contactValue ? 'FieldFilledIn' : '') + ' ' + (this.isContactValid ? '' : 'FieldInvalid') }, translate('userEmail', this.lang)), !this.isContactValid &&
-                h("p", { class: "CredentialsError" }, translate('userEmailError', this.lang))), h("div", { key: '3e654d0faf6268a2a44870b7c17f206a000efe56', class: this.isPasswordValid ? 'InputBox' : 'InputBox InputInvalidBox' }, visibilityIcon, h("input", { key: '35f9203a90619c9aef4047bad6b0041ecee37abe', type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.passwordValue, onInput: this.handleInputChangePartial('password'), autocapitalize: "none", required: true }), h("label", { key: '79d0351589cde486169bf713bd763d9ae02dea1e', class: (this.passwordValue ? 'FieldFilledIn' : '') + ' ' + (this.isPasswordValid ? '' : 'FieldInvalid') }, translate('password', this.lang)), this.isPasswordValid ||
-            h("p", { key: '07249828e3168b3908c69d46134d4020f20a8288', class: "CredentialsError" }, translate('userPasswordError', this.lang))), this.passwordReset == 'true' &&
-            h("div", { key: '3c7a518e46ba14896be800f57ff414b616592fc5', class: "ForgotPassword" }, h("button", { key: '3aea4149f42c0f817ad2b97bdf0b9d6a38008e41', onClick: this.resetPassword }, translate('forgotPassword', this.lang))), this.captchaData.isEnabled && this.captchaData.provider === 'cloudflare' &&
-            h("slot", { key: '8379b390d68325a4601459a45696c30d87d695eb', name: "turnstile" }), this.captchaData.isEnabled && this.captchaData.provider === 'google' &&
-            h("slot", { key: '290e79e106282f87196428f4fe7b59e30645228c', name: "google" }), h("button", { key: '33f37f8e3aedcd561d8198865cb5af4f3b4d1e3f', disabled: this.isSubmitDisabled(), class: "SubmitCredentials", onClick: this.handleLogin }, translate('login', this.lang)), this.apiErrorMessage &&
-            h("p", { key: '27eb501ce5a520978c54327c7480df7efb54dbcc', class: "CredentialsError" }, this.apiErrorMessage))));
-        const skeleton = (h("div", { key: 'aa7e0b94f08ce3e180b6ff3cdff0396502eed0d9', class: "LoadingSkeleton" }, h("form", { key: 'df646fdee9d4a0cb802de1cfc1a9f562f00a737e', class: "Form" }, h("section", { key: 'f8fead4ba0a7350ff85b784acdc60a9acd2d2e4a', class: "FieldsSection" }, h("div", { key: '30e59b5a9190297b9f808d1f67ef59a873ae00a1', class: "FieldContainer" }, h("div", { key: 'cb7a2a78b89447e9fa8d553022d8c14111424cee', class: "FieldTitle" }, h("ui-skeleton", { key: '369a6fb94d8ddebcd4d81b738ae4b4b1d623e6e9', structure: "title", width: "auto", height: "20px" })), h("ui-skeleton", { key: '6aaf9e8a13bf8d4c30245c79d04fd4c6d013d771', structure: "rectangle", width: "auto", height: "35px" })), h("div", { key: '01eb04f30cd51e40a11a0447a514b2a7aaf779d4', class: "FieldContainer" }, h("div", { key: '2d23f028924f87dcdbdcabd352668ce6821e3ca7', class: "FieldTitle" }, h("ui-skeleton", { key: '9438f81cba906da223dbf25da04748e899bb7273', structure: "title", width: "auto", height: "20px" })), h("ui-skeleton", { key: '7d128d685e923ba084b48ce587af7031db8deb03', structure: "rectangle", width: "auto", height: "35px" }))), h("section", { key: '2084b7641a274939db4bcde7fce82ae717edbd5b', class: "ButtonsSection" }, h("div", { key: '5b838a5815a537c812eb95c9760d4f1be0c6d457', class: "Button" }, h("ui-skeleton", { key: '7d0e20018649d37079567795b52ce34dd5b824a2', structure: "rectangle", width: "auto", height: "50px" }))))));
-        return (h("section", { key: 'd75baf969a810e169463146e113905a70efd03db', ref: el => this.stylingContainer = el }, this.isLoading ? skeleton : loginForm));
+                h("p", { class: "CredentialsError" }, translate('userEmailError', this.lang))), h("div", { key: '753d18b1ceece4f85e046fafd25d045da6dd3e91', class: this.isPasswordValid ? 'InputBox' : 'InputBox InputInvalidBox' }, visibilityIcon, h("input", { key: '3761c2396147480264c9dcd12edcb7cc3b4fcddd', type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.passwordValue, onInput: this.handleInputChangePartial('password'), autocapitalize: "none", required: true }), h("label", { key: '239ef38569638d34d2c7abd9e761c484e4d840a7', class: (this.passwordValue ? 'FieldFilledIn' : '') + ' ' + (this.isPasswordValid ? '' : 'FieldInvalid') }, translate('password', this.lang)), this.isPasswordValid ||
+            h("p", { key: '7e0d2181fe3da6957e580a5c42a952f8ddde350e', class: "CredentialsError" }, translate('userPasswordError', this.lang))), this.passwordReset == 'true' &&
+            h("div", { key: '2762503b35bda0d9ca987e760ae290aa7ad61e8b', class: "ForgotPassword" }, h("button", { key: '0c73b9f757ceb96d2cd2fb3165fc7e643ac61044', onClick: this.resetPassword }, translate('forgotPassword', this.lang))), this.captchaData.isEnabled && this.captchaData.provider === 'cloudflare' &&
+            h("slot", { key: '5a033fb28aa1eb72692e9ab86638be9293438099', name: "turnstile" }), this.captchaData.isEnabled && this.captchaData.provider === 'google' &&
+            h("slot", { key: '1c8f3520d91f427e44115a0b64304663e6d108d6', name: "google" }), h("button", { key: '78027d8d7adffcbf4fd681345ea8b35b63a92dd3', disabled: this.isSubmitDisabled(), class: "SubmitCredentials", onClick: this.handleLogin }, translate('login', this.lang)), this.apiErrorMessage &&
+            h("p", { key: 'c9a8cdeda5c28e16dc269dcc645806ce0f926188', class: "CredentialsError" }, this.apiErrorMessage))));
+        const skeleton = (h("div", { key: 'b49e731f6316ffaf253d4db654758b91ded50911', class: "LoadingSkeleton" }, h("form", { key: '7f91b160095a983a02dabb0df82b46b14166307e', class: "Form" }, h("section", { key: 'fd7a0e8d3d447c6a1c9d0ce3c21e437dea4677df', class: "FieldsSection" }, h("div", { key: 'b2fa0321a36216262945081097b727ec277761a3', class: "FieldContainer" }, h("div", { key: '1f498a5623dc3fa5e4192c0f50f87d07f38ac95f', class: "FieldTitle" }, h("ui-skeleton", { key: '545c707537ae55a1d915917d8cdbdd597b0a027f', structure: "title", width: "auto", height: "20px" })), h("ui-skeleton", { key: '7109a95dcc6fe474720751d788bd5bb2b4ed39ad', structure: "rectangle", width: "auto", height: "35px" })), h("div", { key: 'af29c677172bf5eacb892bf1692daa8db16a171a', class: "FieldContainer" }, h("div", { key: '503663104da5238a22b37f62b9f4f64eab73e00c', class: "FieldTitle" }, h("ui-skeleton", { key: 'dd0f186139af59e5eaddd38f604874ab82e91f2d', structure: "title", width: "auto", height: "20px" })), h("ui-skeleton", { key: 'acf8d1c6841702c5fff5af9998fc63a2357a7a0d', structure: "rectangle", width: "auto", height: "35px" }))), h("section", { key: 'c031e3d48473617afeae394cb14ab0762f425779', class: "ButtonsSection" }, h("div", { key: 'b35332a293c323b0fe480f8d975e736a29a73d4e', class: "Button" }, h("ui-skeleton", { key: '3abe64460cc0ffd144014e63418043beca33e117', structure: "rectangle", width: "auto", height: "50px" }))))));
+        return (h("section", { key: '832b1065c4123cc987e82fc5bab0607c297f2bda', ref: el => this.stylingContainer = el }, this.isLoading ? skeleton : loginForm));
     }
     static get is() { return "pam-login"; }
     static get encapsulation() { return "shadow"; }

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { P as PamLogin } from './pam-login-8ea88687.js';
+export { P as PamLogin } from './pam-login-8418d6e7.js';
 import './index-a126c540.js';

package/dist/esm/{pam-login-8ea88687.js → pam-login-8418d6e7.js}

@@ -21989,6 +21989,10 @@ const PamLogin = class {
                 .then((token) => {
                 this.loginPlayer(token)
                     .then((res) => {
+                    var _a;
+                    if ((_a = res.sessionBlockers) === null || _a === void 0 ? void 0 : _a.includes('has-to-set-consents')) {
+                        window.postMessage({ type: 'PlayerActions' }, window.location.href);
+                    }
                     window.postMessage({ type: 'UserSessionID', session: res.sessionId, userid: res.playerId }, window.location.href);
                     window.postMessage({ type: 'WidgetNotification', data: { type: 'success', message: translate$1('successMessage', this.lang) } }, window.location.href);
                     this.apiErrorMessage = '';
@@ -22301,21 +22305,21 @@ const PamLogin = class {
      * Render function
      */
     render() {
-        const visibilityIcon = h$2("span", { key: '7374b9075a40a785273ee060cc5c1adce55f22f9', class: "InputIcon" }, this.isPasswordVisible
+        const visibilityIcon = h$2("span", { key: 'abcdfcbf7edfda911729398988c808d2f5216582', class: "InputIcon" }, this.isPasswordVisible
             ? h$2("svg", { onClick: () => this.togglePassword(), class: "TogglePasswordVisibility", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.844", height: "12.887", viewBox: "0 0 18.844 12.887" }, h$2("g", { transform: "translate(-110.856 -23.242)" }, h$2("circle", { class: "PasswordVisibilityIcon", cx: "0.05", cy: "0.05", r: "0.05", transform: "translate(121.017 31.148)" }), h$2("g", { transform: "translate(117.499 27.37)" }, h$2("path", { class: "PasswordVisibilityIcon", d: "M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z", transform: "translate(-142.164 -39.123)" }), h$2("path", { class: "PasswordVisibilityIcon", d: "M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z", transform: "translate(-136.413 -42.068)" })), h$2("g", { transform: "translate(110.856 24.899)" }, h$2("path", { class: "PasswordVisibilityIcon", d: "M122.538,42.061a7.043,7.043,0,0,1-2.325.53,10.373,10.373,0,0,1-4.393-1.482,36.509,36.509,0,0,1-3.873-2.391.13.13,0,0,1,0-.208,44.141,44.141,0,0,1,3.873-2.651c.394-.233.768-.437,1.13-.622l-.686-.838c-.322.167-.651.347-.99.55a37.989,37.989,0,0,0-3.977,2.729,1.21,1.21,0,0,0-.442.962,1.1,1.1,0,0,0,.494.936,34.416,34.416,0,0,0,3.977,2.469,11.468,11.468,0,0,0,4.886,1.611,8.427,8.427,0,0,0,3.039-.725Z", transform: "translate(-110.856 -33.157)" }), h$2("path", { class: "PasswordVisibilityIcon", d: "M149.119,34.14a45.875,45.875,0,0,0-4.055-2.729,20.541,20.541,0,0,0-2.547-1.248,5.6,5.6,0,0,0-4.79-.017l.7.856a5.254,5.254,0,0,1,1.672-.346,10.072,10.072,0,0,1,4.445,1.663,34.132,34.132,0,0,1,3.925,2.651.13.13,0,0,1,0,.208,40.2,40.2,0,0,1-3.925,2.391c-.179.092-.352.176-.525.26l.684.835c.1-.054.2-.1.309-.159a36.356,36.356,0,0,0,4.055-2.469,1.067,1.067,0,0,0,.52-.936A1.159,1.159,0,0,0,149.119,34.14Z", transform: "translate(-130.743 -29.617)" })), h$2("rect", { class: "PasswordVisibilityIcon", width: "0.972", height: "15.861", rx: "0.486", transform: "translate(114.827 23.858) rotate(-39.315)" })))
             : h$2("svg", { onClick: () => this.togglePassword(), class: "TogglePasswordVisibility PasswordVisible", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.843", height: "10.5", viewBox: "0 0 18.843 10.5" }, h$2("g", { transform: "translate(-14.185 -27.832)" }, h$2("path", { class: "PasswordVisibilityIcon", d: "M23.541,38.332a11.467,11.467,0,0,1-4.886-1.611,34.413,34.413,0,0,1-3.976-2.469,1.1,1.1,0,0,1-.494-.936,1.21,1.21,0,0,1,.442-.962A37.986,37.986,0,0,1,18.6,29.625a16.06,16.06,0,0,1,2.521-1.248,6.862,6.862,0,0,1,2.417-.546,6.862,6.862,0,0,1,2.417.546,20.541,20.541,0,0,1,2.547,1.248,45.872,45.872,0,0,1,4.054,2.729,1.159,1.159,0,0,1,.468.962,1.067,1.067,0,0,1-.52.936,36.353,36.353,0,0,1-4.054,2.469A11.2,11.2,0,0,1,23.541,38.332Zm0-9.46a9.813,9.813,0,0,0-4.392,1.663,44.138,44.138,0,0,0-3.873,2.651.13.13,0,0,0,0,.208,36.5,36.5,0,0,0,3.873,2.391,10.372,10.372,0,0,0,4.392,1.481,11.051,11.051,0,0,0,4.444-1.481,40.2,40.2,0,0,0,3.925-2.391.13.13,0,0,0,0-.208h0a34.132,34.132,0,0,0-3.925-2.651A10.072,10.072,0,0,0,23.541,28.872Z", transform: "translate(0)" }), h$2("circle", { class: "PasswordVisibilityIcon", cx: "2.779", cy: "2.779", r: "2.779", transform: "translate(20.827 30.303)" }))));
-        const loginForm = (h$2("div", { key: 'e6329737430ea03f988447e4244422c8a21cccab', class: "FormBox" }, h$2("div", { key: '8d620c5d6ae58c9e878ea09472f7baef78b068f7', class: "FormValue", onKeyDown: this.handleSubmit }, this.loginByPhoneNumber === 'true'
+        const loginForm = (h$2("div", { key: 'b02786a241e68cbcec9207a09866162aa38e652e', class: "FormBox" }, h$2("div", { key: '8e4f2281278f2291ae17208ec8612a2256797ac1', class: "FormValue", onKeyDown: this.handleSubmit }, this.loginByPhoneNumber === 'true'
             ? h$2("div", { class: (this.isContactValid && !this.apiErrorMessage) ? 'InputBox' : 'InputBox InputInvalidBox' }, h$2("div", { class: "PhoneInputBox" }, h$2("div", { class: "PrefixBox" }, h$2("vaadin-combo-box", { items: this.phoneCodes, value: this.phoneCodeValue, onChange: this.handleInputChangePartial('prefix') }), h$2("label", { class: (this.phoneCodeValue ? 'FieldFilledIn' : '') + ' ' + (this.isContactValid ? '' : 'FieldInvalid') }, translate$1('userPrefix', this.lang))), h$2("div", { class: "PhoneBox" }, h$2("input", { type: "text", placeholder: '', value: this.contactValue, onFocus: this.handleInputChangePartial('phone'), onInput: this.handleInputChangePartial('phone'), autocapitalize: "none", required: true }), h$2("label", { class: (this.contactValue ? 'FieldFilledIn' : '') + ' ' + (this.isContactValid ? '' : 'FieldInvalid') }, translate$1('userPhone', this.lang)))), !this.isContactValid &&
                 h$2("p", { class: "CredentialsError" }, translate$1('userPhoneError', this.lang)))
             : h$2("div", { class: this.isContactValid ? 'InputBox' : 'InputBox InputInvalidBox' }, h$2("input", { type: "text", placeholder: '', value: this.contactValue, onInput: this.handleInputChangePartial('user'), autocapitalize: "none", required: true }), h$2("label", { class: (this.contactValue ? 'FieldFilledIn' : '') + ' ' + (this.isContactValid ? '' : 'FieldInvalid') }, translate$1('userEmail', this.lang)), !this.isContactValid &&
-                h$2("p", { class: "CredentialsError" }, translate$1('userEmailError', this.lang))), h$2("div", { key: '3e654d0faf6268a2a44870b7c17f206a000efe56', class: this.isPasswordValid ? 'InputBox' : 'InputBox InputInvalidBox' }, visibilityIcon, h$2("input", { key: '35f9203a90619c9aef4047bad6b0041ecee37abe', type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.passwordValue, onInput: this.handleInputChangePartial('password'), autocapitalize: "none", required: true }), h$2("label", { key: '79d0351589cde486169bf713bd763d9ae02dea1e', class: (this.passwordValue ? 'FieldFilledIn' : '') + ' ' + (this.isPasswordValid ? '' : 'FieldInvalid') }, translate$1('password', this.lang)), this.isPasswordValid ||
-            h$2("p", { key: '07249828e3168b3908c69d46134d4020f20a8288', class: "CredentialsError" }, translate$1('userPasswordError', this.lang))), this.passwordReset == 'true' &&
-            h$2("div", { key: '3c7a518e46ba14896be800f57ff414b616592fc5', class: "ForgotPassword" }, h$2("button", { key: '3aea4149f42c0f817ad2b97bdf0b9d6a38008e41', onClick: this.resetPassword }, translate$1('forgotPassword', this.lang))), this.captchaData.isEnabled && this.captchaData.provider === 'cloudflare' &&
-            h$2("slot", { key: '8379b390d68325a4601459a45696c30d87d695eb', name: "turnstile" }), this.captchaData.isEnabled && this.captchaData.provider === 'google' &&
-            h$2("slot", { key: '290e79e106282f87196428f4fe7b59e30645228c', name: "google" }), h$2("button", { key: '33f37f8e3aedcd561d8198865cb5af4f3b4d1e3f', disabled: this.isSubmitDisabled(), class: "SubmitCredentials", onClick: this.handleLogin }, translate$1('login', this.lang)), this.apiErrorMessage &&
-            h$2("p", { key: '27eb501ce5a520978c54327c7480df7efb54dbcc', class: "CredentialsError" }, this.apiErrorMessage))));
-        const skeleton = (h$2("div", { key: 'aa7e0b94f08ce3e180b6ff3cdff0396502eed0d9', class: "LoadingSkeleton" }, h$2("form", { key: 'df646fdee9d4a0cb802de1cfc1a9f562f00a737e', class: "Form" }, h$2("section", { key: 'f8fead4ba0a7350ff85b784acdc60a9acd2d2e4a', class: "FieldsSection" }, h$2("div", { key: '30e59b5a9190297b9f808d1f67ef59a873ae00a1', class: "FieldContainer" }, h$2("div", { key: 'cb7a2a78b89447e9fa8d553022d8c14111424cee', class: "FieldTitle" }, h$2("ui-skeleton", { key: '369a6fb94d8ddebcd4d81b738ae4b4b1d623e6e9', structure: "title", width: "auto", height: "20px" })), h$2("ui-skeleton", { key: '6aaf9e8a13bf8d4c30245c79d04fd4c6d013d771', structure: "rectangle", width: "auto", height: "35px" })), h$2("div", { key: '01eb04f30cd51e40a11a0447a514b2a7aaf779d4', class: "FieldContainer" }, h$2("div", { key: '2d23f028924f87dcdbdcabd352668ce6821e3ca7', class: "FieldTitle" }, h$2("ui-skeleton", { key: '9438f81cba906da223dbf25da04748e899bb7273', structure: "title", width: "auto", height: "20px" })), h$2("ui-skeleton", { key: '7d128d685e923ba084b48ce587af7031db8deb03', structure: "rectangle", width: "auto", height: "35px" }))), h$2("section", { key: '2084b7641a274939db4bcde7fce82ae717edbd5b', class: "ButtonsSection" }, h$2("div", { key: '5b838a5815a537c812eb95c9760d4f1be0c6d457', class: "Button" }, h$2("ui-skeleton", { key: '7d0e20018649d37079567795b52ce34dd5b824a2', structure: "rectangle", width: "auto", height: "50px" }))))));
-        return (h$2("section", { key: 'd75baf969a810e169463146e113905a70efd03db', ref: el => this.stylingContainer = el }, this.isLoading ? skeleton : loginForm));
+                h$2("p", { class: "CredentialsError" }, translate$1('userEmailError', this.lang))), h$2("div", { key: '753d18b1ceece4f85e046fafd25d045da6dd3e91', class: this.isPasswordValid ? 'InputBox' : 'InputBox InputInvalidBox' }, visibilityIcon, h$2("input", { key: '3761c2396147480264c9dcd12edcb7cc3b4fcddd', type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.passwordValue, onInput: this.handleInputChangePartial('password'), autocapitalize: "none", required: true }), h$2("label", { key: '239ef38569638d34d2c7abd9e761c484e4d840a7', class: (this.passwordValue ? 'FieldFilledIn' : '') + ' ' + (this.isPasswordValid ? '' : 'FieldInvalid') }, translate$1('password', this.lang)), this.isPasswordValid ||
+            h$2("p", { key: '7e0d2181fe3da6957e580a5c42a952f8ddde350e', class: "CredentialsError" }, translate$1('userPasswordError', this.lang))), this.passwordReset == 'true' &&
+            h$2("div", { key: '2762503b35bda0d9ca987e760ae290aa7ad61e8b', class: "ForgotPassword" }, h$2("button", { key: '0c73b9f757ceb96d2cd2fb3165fc7e643ac61044', onClick: this.resetPassword }, translate$1('forgotPassword', this.lang))), this.captchaData.isEnabled && this.captchaData.provider === 'cloudflare' &&
+            h$2("slot", { key: '5a033fb28aa1eb72692e9ab86638be9293438099', name: "turnstile" }), this.captchaData.isEnabled && this.captchaData.provider === 'google' &&
+            h$2("slot", { key: '1c8f3520d91f427e44115a0b64304663e6d108d6', name: "google" }), h$2("button", { key: '78027d8d7adffcbf4fd681345ea8b35b63a92dd3', disabled: this.isSubmitDisabled(), class: "SubmitCredentials", onClick: this.handleLogin }, translate$1('login', this.lang)), this.apiErrorMessage &&
+            h$2("p", { key: 'c9a8cdeda5c28e16dc269dcc645806ce0f926188', class: "CredentialsError" }, this.apiErrorMessage))));
+        const skeleton = (h$2("div", { key: 'b49e731f6316ffaf253d4db654758b91ded50911', class: "LoadingSkeleton" }, h$2("form", { key: '7f91b160095a983a02dabb0df82b46b14166307e', class: "Form" }, h$2("section", { key: 'fd7a0e8d3d447c6a1c9d0ce3c21e437dea4677df', class: "FieldsSection" }, h$2("div", { key: 'b2fa0321a36216262945081097b727ec277761a3', class: "FieldContainer" }, h$2("div", { key: '1f498a5623dc3fa5e4192c0f50f87d07f38ac95f', class: "FieldTitle" }, h$2("ui-skeleton", { key: '545c707537ae55a1d915917d8cdbdd597b0a027f', structure: "title", width: "auto", height: "20px" })), h$2("ui-skeleton", { key: '7109a95dcc6fe474720751d788bd5bb2b4ed39ad', structure: "rectangle", width: "auto", height: "35px" })), h$2("div", { key: 'af29c677172bf5eacb892bf1692daa8db16a171a', class: "FieldContainer" }, h$2("div", { key: '503663104da5238a22b37f62b9f4f64eab73e00c', class: "FieldTitle" }, h$2("ui-skeleton", { key: 'dd0f186139af59e5eaddd38f604874ab82e91f2d', structure: "title", width: "auto", height: "20px" })), h$2("ui-skeleton", { key: 'acf8d1c6841702c5fff5af9998fc63a2357a7a0d', structure: "rectangle", width: "auto", height: "35px" }))), h$2("section", { key: 'c031e3d48473617afeae394cb14ab0762f425779', class: "ButtonsSection" }, h$2("div", { key: 'b35332a293c323b0fe480f8d975e736a29a73d4e', class: "Button" }, h$2("ui-skeleton", { key: '3abe64460cc0ffd144014e63418043beca33e117', structure: "rectangle", width: "auto", height: "50px" }))))));
+        return (h$2("section", { key: '832b1065c4123cc987e82fc5bab0607c297f2bda', ref: el => this.stylingContainer = el }, this.isLoading ? skeleton : loginForm));
     }
     static get watchers() { return {
         "translationUrl": ["handleNewTranslations"],

package/dist/esm/pam-login_2.entry.js

@@ -1,4 +1,4 @@
-export { P as pam_login } from './pam-login-8ea88687.js';
+export { P as pam_login } from './pam-login-8418d6e7.js';
 import { r as registerInstance, h, H as Host } from './index-a126c540.js';
 
 const uiSkeletonCss = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";

package/dist/pam-login/index.esm.js

@@ -1 +1 @@
-export{P as PamLogin}from"./pam-login-8ea88687.js";import"./index-a126c540.js";
+export{P as PamLogin}from"./pam-login-8418d6e7.js";import"./index-a126c540.js";

package/dist/pam-login/{pam-login-8ea88687.js → pam-login-8418d6e7.js}

@@ -2651,4 +2651,4 @@ class pr{constructor(t){this.host=t,t.addEventListener("opened-changed",(()=>{t.
       ></vaadin-combo-box-overlay>
 
       <slot name="tooltip"></slot>
-    `}static get properties(){return{_positionTarget:{type:Object}}}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new ir(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new sr(this.inputElement,this._labelController)),this._tooltipController=new So(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this._tooltipController.setShouldShow((t=>!t.opened)),this._positionTarget=this.shadowRoot.querySelector('[part="input-field"]'),this._toggleElement=this.$.toggleButton}_onClearButtonClick(t){t.stopPropagation(),super._onClearButtonClick(t)}_onHostClick(t){const e=t.composedPath();(e.includes(this._labelNode)||e.includes(this._positionTarget))&&super._onHostClick(t)}}a(gr);const br=class{constructor(e){t(this,e),this.getPhoneCodes=()=>{const t=new URL("v1/player/operatorSupportedPhoneCodes",this.endpoint);return fetch(t.href).then((t=>t.json())).then((t=>{this.phoneCodes=t.phoneCodes.map((t=>({label:t,value:t})))})).catch((t=>console.log("Failed to fetch phone codes:",t)))},this.handleAutofillCredentials=t=>{this.contactValue=t.detail.userNameEmail,this.passwordValue=t.detail.userPassword,this.handleLogin()},this.getLoginToken=()=>{const t=new URL("api/v1/players/password-management/auth/password/verify",this.endpoint),e={"Content-Type":"application/json"};this.captchaData.isEnabled&&(e["X-Captcha-Response"]=this.captchaData.token);const i={method:"POST",headers:e,body:JSON.stringify({contact:this.contactValue,password:this.passwordValue})};return new Promise(((e,s)=>{fetch(t.href,i).then((t=>t.json())).then((t=>t.token?e(t.token):s("Token not received from the API call")))}))},this.loginPlayer=t=>{const e=new URL("api/v2/gm/legislation/login",this.endpoint),i={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({token:t,method:"login"})};return new Promise(((t,s)=>{fetch(e.href,i).then((t=>t.json()),(t=>s(t))).then((e=>e.sessionId&&e.playerId?t(e):s(e)))}))},this.handleLogin=()=>{this.isLoading=!0,this.getLoginToken().then((t=>{this.loginPlayer(t).then((t=>{window.postMessage({type:"UserSessionID",session:t.sessionId,userid:t.playerId},window.location.href),window.postMessage({type:"WidgetNotification",data:{type:"success",message:n("successMessage",this.lang)}},window.location.href),this.apiErrorMessage=""})).catch((t=>{console.error(`Legislation login failed: ${t.message}`,t.errors),this.apiErrorMessage=n("genericError",this.lang),this.sendErrorNotification(this.apiErrorMessage)})).finally((()=>this.isLoading=!1))})).catch((t=>{console.error(t),this.apiErrorMessage=n("genericError",this.lang),this.sendErrorNotification(this.apiErrorMessage),this.isLoading=!1})),this.dispatchUpdateLoginCredentialsEvent()},this.handleInputChange=(t,e)=>{const i=t.target.value;switch(e){case"user":this.contactValue=i,this.isContactValid=this.validate("user",this.contactValue);break;case"phone":this.contactValue=i,this.isContactValid=this.validate("phone",this.contactValue);break;case"prefix":this.phoneCodeValue=i,this.isContactValid=this.validate("phone",this.contactValue);break;case"password":this.passwordValue=i,this.isPasswordValid=this.validate("password",i)}},this.handleInputChangePartial=t=>e=>this.handleInputChange(e,t),this.validate=(t,e)=>{let i;switch(t){case"user":return i=new RegExp(this.userEmailRegex,this.userEmailRegexOptions),e.length<=3||i.test(e);case"phone":return i=new RegExp(this.userPhoneRegex,this.userPhoneRegexOptions),e.length<=3||i.test(e)&&Boolean(this.phoneCodeValue);case"password":return i=new RegExp(this.passwordRegex,this.passwordRegexOptions),e.length<=3||i.test(e)}},this.isSubmitDisabled=()=>!this.isContactValid||!this.contactValue||"true"===this.loginByPhoneNumber&&!this.phoneCodeValue||!this.passwordValue||!this.isPasswordValid||this.isLoading||this.captchaData.isEnabled&&!this.captchaData.token,this.handleSubmit=t=>{"Enter"!==t.key||this.isSubmitDisabled()||this.handleLogin()},this.togglePassword=()=>{this.isPasswordVisible=!this.isPasswordVisible},this.resetPassword=()=>{window.postMessage({type:"NavForgotPassword"},window.location.href)},this.endpoint="",this.lang="en",this.clientStyling="",this.clientStylingUrl="",this.mbSource=void 0,this.translationUrl="",this.passwordReset="false",this.userEmailRegex=void 0,this.userEmailRegexOptions="i",this.userPhoneRegex=void 0,this.userPhoneRegexOptions="",this.passwordRegex=void 0,this.passwordRegexOptions="",this.loginByPhoneNumber="false",this.isLoading=!1,this.contactValue="",this.passwordValue="",this.phoneCodeValue="",this.phoneCodes=void 0,this.isContactValid=!0,this.isPasswordValid=!0,this.isPasswordVisible=!1,this.apiErrorMessage="",this.captchaData={isEnabled:!0,token:"",provider:"",siteKey:""}}handleNewTranslations(){r(this.translationUrl)}handleClientStylingChange(t,e){t!=e&&i(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl)}async componentWillLoad(){"true"===this.loginByPhoneNumber&&await this.getPhoneCodes(),this.translationUrl.length>2&&await r(this.translationUrl),this.getLoginConfig().then((()=>this.appendCaptchaScript()),(t=>{console.error(t),this.apiErrorMessage=n("configError",this.lang),this.sendErrorNotification(this.apiErrorMessage)}))}componentDidLoad(){this.stylingContainer&&(null!=window.emMessageBus?function(t,e){if(window.emMessageBus){const i=document.createElement("style");window.emMessageBus.subscribe(e,(e=>{i.innerHTML=e,t&&t.appendChild(i)}))}}(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&i(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))),window.addEventListener("LoginCredentials",this.handleAutofillCredentials),window.postMessage({type:"UserLoginDidLoad"})}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe(),window.removeEventListener("LoginCredentials",this.handleAutofillCredentials)}getLoginConfig(){const t=new URL("/api/v1/players/password-management/auth/password/config",this.endpoint);return new Promise(((e,i)=>{fetch(t.href).then((t=>{if(!t.ok)throw new Error(`HTTP error! Status: ${t.status}`);return t.json()})).then((t=>{const{captcha:i}=t;i&&"string"==typeof i.provider&&(i.provider=i.provider.toLowerCase()),this.captchaData=Object.assign({},i),e()})).catch((t=>{console.error("Error fetching login configuration:",t),i(t)}))}))}handleCaptcha(){const{isEnabled:t,provider:e,siteKey:i}=this.captchaData;if(t&&["cloudflare","google"].includes(e))switch(e){case"cloudflare":return void window.turnstile.render("#turnstileContainer",{sitekey:i,theme:"light",callback:this.captchaCallback.bind(this)});case"google":return void window.grecaptcha.ready((()=>{window.grecaptcha.render("googleContainer",{sitekey:i,callback:this.captchaCallback.bind(this),theme:"light"})}))}}captchaCallback(t){this.captchaData.token=t,this.captchaData=Object.assign({},this.captchaData)}appendCaptchaScript(){const{isEnabled:t,provider:e}=this.captchaData;if(!t)return;const i=document.createElement("script");switch(e){case"cloudflare":i.src="https://challenges.cloudflare.com/turnstile/v0/api.js";break;case"google":i.src="https://www.google.com/recaptcha/api.js"}i.onload=this.handleCaptcha.bind(this),document.head.appendChild(i)}sendErrorNotification(t){window.postMessage({type:"HasError",error:t},window.location.href),window.postMessage({type:"WidgetNotification",data:{type:"error",message:t}},window.location.href)}dispatchUpdateLoginCredentialsEvent(){this.apiErrorMessage||(this.updateLoginCredentialsEvent=new CustomEvent("UpdateLoginCredentials",{bubbles:!0,detail:{userNameEmail:this.contactValue,userPassword:this.passwordValue}}),window.dispatchEvent(this.updateLoginCredentialsEvent))}render(){const t=e("span",{key:"7374b9075a40a785273ee060cc5c1adce55f22f9",class:"InputIcon"},this.isPasswordVisible?e("svg",{onClick:()=>this.togglePassword(),class:"TogglePasswordVisibility",part:"TogglePasswordVisibility",xmlns:"http://www.w3.org/2000/svg",width:"18.844",height:"12.887",viewBox:"0 0 18.844 12.887"},e("g",{transform:"translate(-110.856 -23.242)"},e("circle",{class:"PasswordVisibilityIcon",cx:"0.05",cy:"0.05",r:"0.05",transform:"translate(121.017 31.148)"}),e("g",{transform:"translate(117.499 27.37)"},e("path",{class:"PasswordVisibilityIcon",d:"M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z",transform:"translate(-142.164 -39.123)"}),e("path",{class:"PasswordVisibilityIcon",d:"M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z",transform:"translate(-136.413 -42.068)"})),e("g",{transform:"translate(110.856 24.899)"},e("path",{class:"PasswordVisibilityIcon",d:"M122.538,42.061a7.043,7.043,0,0,1-2.325.53,10.373,10.373,0,0,1-4.393-1.482,36.509,36.509,0,0,1-3.873-2.391.13.13,0,0,1,0-.208,44.141,44.141,0,0,1,3.873-2.651c.394-.233.768-.437,1.13-.622l-.686-.838c-.322.167-.651.347-.99.55a37.989,37.989,0,0,0-3.977,2.729,1.21,1.21,0,0,0-.442.962,1.1,1.1,0,0,0,.494.936,34.416,34.416,0,0,0,3.977,2.469,11.468,11.468,0,0,0,4.886,1.611,8.427,8.427,0,0,0,3.039-.725Z",transform:"translate(-110.856 -33.157)"}),e("path",{class:"PasswordVisibilityIcon",d:"M149.119,34.14a45.875,45.875,0,0,0-4.055-2.729,20.541,20.541,0,0,0-2.547-1.248,5.6,5.6,0,0,0-4.79-.017l.7.856a5.254,5.254,0,0,1,1.672-.346,10.072,10.072,0,0,1,4.445,1.663,34.132,34.132,0,0,1,3.925,2.651.13.13,0,0,1,0,.208,40.2,40.2,0,0,1-3.925,2.391c-.179.092-.352.176-.525.26l.684.835c.1-.054.2-.1.309-.159a36.356,36.356,0,0,0,4.055-2.469,1.067,1.067,0,0,0,.52-.936A1.159,1.159,0,0,0,149.119,34.14Z",transform:"translate(-130.743 -29.617)"})),e("rect",{class:"PasswordVisibilityIcon",width:"0.972",height:"15.861",rx:"0.486",transform:"translate(114.827 23.858) rotate(-39.315)"}))):e("svg",{onClick:()=>this.togglePassword(),class:"TogglePasswordVisibility PasswordVisible",part:"TogglePasswordVisibility",xmlns:"http://www.w3.org/2000/svg",width:"18.843",height:"10.5",viewBox:"0 0 18.843 10.5"},e("g",{transform:"translate(-14.185 -27.832)"},e("path",{class:"PasswordVisibilityIcon",d:"M23.541,38.332a11.467,11.467,0,0,1-4.886-1.611,34.413,34.413,0,0,1-3.976-2.469,1.1,1.1,0,0,1-.494-.936,1.21,1.21,0,0,1,.442-.962A37.986,37.986,0,0,1,18.6,29.625a16.06,16.06,0,0,1,2.521-1.248,6.862,6.862,0,0,1,2.417-.546,6.862,6.862,0,0,1,2.417.546,20.541,20.541,0,0,1,2.547,1.248,45.872,45.872,0,0,1,4.054,2.729,1.159,1.159,0,0,1,.468.962,1.067,1.067,0,0,1-.52.936,36.353,36.353,0,0,1-4.054,2.469A11.2,11.2,0,0,1,23.541,38.332Zm0-9.46a9.813,9.813,0,0,0-4.392,1.663,44.138,44.138,0,0,0-3.873,2.651.13.13,0,0,0,0,.208,36.5,36.5,0,0,0,3.873,2.391,10.372,10.372,0,0,0,4.392,1.481,11.051,11.051,0,0,0,4.444-1.481,40.2,40.2,0,0,0,3.925-2.391.13.13,0,0,0,0-.208h0a34.132,34.132,0,0,0-3.925-2.651A10.072,10.072,0,0,0,23.541,28.872Z",transform:"translate(0)"}),e("circle",{class:"PasswordVisibilityIcon",cx:"2.779",cy:"2.779",r:"2.779",transform:"translate(20.827 30.303)"})))),i=e("div",{key:"e6329737430ea03f988447e4244422c8a21cccab",class:"FormBox"},e("div",{key:"8d620c5d6ae58c9e878ea09472f7baef78b068f7",class:"FormValue",onKeyDown:this.handleSubmit},"true"===this.loginByPhoneNumber?e("div",{class:this.isContactValid&&!this.apiErrorMessage?"InputBox":"InputBox InputInvalidBox"},e("div",{class:"PhoneInputBox"},e("div",{class:"PrefixBox"},e("vaadin-combo-box",{items:this.phoneCodes,value:this.phoneCodeValue,onChange:this.handleInputChangePartial("prefix")}),e("label",{class:(this.phoneCodeValue?"FieldFilledIn":"")+" "+(this.isContactValid?"":"FieldInvalid")},n("userPrefix",this.lang))),e("div",{class:"PhoneBox"},e("input",{type:"text",placeholder:"",value:this.contactValue,onFocus:this.handleInputChangePartial("phone"),onInput:this.handleInputChangePartial("phone"),autocapitalize:"none",required:!0}),e("label",{class:(this.contactValue?"FieldFilledIn":"")+" "+(this.isContactValid?"":"FieldInvalid")},n("userPhone",this.lang)))),!this.isContactValid&&e("p",{class:"CredentialsError"},n("userPhoneError",this.lang))):e("div",{class:this.isContactValid?"InputBox":"InputBox InputInvalidBox"},e("input",{type:"text",placeholder:"",value:this.contactValue,onInput:this.handleInputChangePartial("user"),autocapitalize:"none",required:!0}),e("label",{class:(this.contactValue?"FieldFilledIn":"")+" "+(this.isContactValid?"":"FieldInvalid")},n("userEmail",this.lang)),!this.isContactValid&&e("p",{class:"CredentialsError"},n("userEmailError",this.lang))),e("div",{key:"3e654d0faf6268a2a44870b7c17f206a000efe56",class:this.isPasswordValid?"InputBox":"InputBox InputInvalidBox"},t,e("input",{key:"35f9203a90619c9aef4047bad6b0041ecee37abe",type:this.isPasswordVisible?"text":"password",placeholder:"",value:this.passwordValue,onInput:this.handleInputChangePartial("password"),autocapitalize:"none",required:!0}),e("label",{key:"79d0351589cde486169bf713bd763d9ae02dea1e",class:(this.passwordValue?"FieldFilledIn":"")+" "+(this.isPasswordValid?"":"FieldInvalid")},n("password",this.lang)),this.isPasswordValid||e("p",{key:"07249828e3168b3908c69d46134d4020f20a8288",class:"CredentialsError"},n("userPasswordError",this.lang))),"true"==this.passwordReset&&e("div",{key:"3c7a518e46ba14896be800f57ff414b616592fc5",class:"ForgotPassword"},e("button",{key:"3aea4149f42c0f817ad2b97bdf0b9d6a38008e41",onClick:this.resetPassword},n("forgotPassword",this.lang))),this.captchaData.isEnabled&&"cloudflare"===this.captchaData.provider&&e("slot",{key:"8379b390d68325a4601459a45696c30d87d695eb",name:"turnstile"}),this.captchaData.isEnabled&&"google"===this.captchaData.provider&&e("slot",{key:"290e79e106282f87196428f4fe7b59e30645228c",name:"google"}),e("button",{key:"33f37f8e3aedcd561d8198865cb5af4f3b4d1e3f",disabled:this.isSubmitDisabled(),class:"SubmitCredentials",onClick:this.handleLogin},n("login",this.lang)),this.apiErrorMessage&&e("p",{key:"27eb501ce5a520978c54327c7480df7efb54dbcc",class:"CredentialsError"},this.apiErrorMessage))),s=e("div",{key:"aa7e0b94f08ce3e180b6ff3cdff0396502eed0d9",class:"LoadingSkeleton"},e("form",{key:"df646fdee9d4a0cb802de1cfc1a9f562f00a737e",class:"Form"},e("section",{key:"f8fead4ba0a7350ff85b784acdc60a9acd2d2e4a",class:"FieldsSection"},e("div",{key:"30e59b5a9190297b9f808d1f67ef59a873ae00a1",class:"FieldContainer"},e("div",{key:"cb7a2a78b89447e9fa8d553022d8c14111424cee",class:"FieldTitle"},e("ui-skeleton",{key:"369a6fb94d8ddebcd4d81b738ae4b4b1d623e6e9",structure:"title",width:"auto",height:"20px"})),e("ui-skeleton",{key:"6aaf9e8a13bf8d4c30245c79d04fd4c6d013d771",structure:"rectangle",width:"auto",height:"35px"})),e("div",{key:"01eb04f30cd51e40a11a0447a514b2a7aaf779d4",class:"FieldContainer"},e("div",{key:"2d23f028924f87dcdbdcabd352668ce6821e3ca7",class:"FieldTitle"},e("ui-skeleton",{key:"9438f81cba906da223dbf25da04748e899bb7273",structure:"title",width:"auto",height:"20px"})),e("ui-skeleton",{key:"7d128d685e923ba084b48ce587af7031db8deb03",structure:"rectangle",width:"auto",height:"35px"}))),e("section",{key:"2084b7641a274939db4bcde7fce82ae717edbd5b",class:"ButtonsSection"},e("div",{key:"5b838a5815a537c812eb95c9760d4f1be0c6d457",class:"Button"},e("ui-skeleton",{key:"7d0e20018649d37079567795b52ce34dd5b824a2",structure:"rectangle",width:"auto",height:"50px"})))));return e("section",{key:"d75baf969a810e169463146e113905a70efd03db",ref:t=>this.stylingContainer=t},this.isLoading?s:i)}static get watchers(){return{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}}};br.style=':host{display:block;font-family:"Roboto", sans-serif}section{height:100%;width:100%;background-position:center;background-size:cover}.FormValue{width:100%}.FormBox{height:100%;display:flex;position:relative;background:none;border:none;justify-content:center;align-items:center}.InputBox{position:relative;margin:30px 0;width:100%;border-bottom:2px solid var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E))}.InputBox .PhoneInputBox{display:flex;flex-direction:row}.InputBox .PhoneInputBox .PhoneBox{position:relative;width:100%}.InputBox .PhoneInputBox .PrefixBox{position:relative;width:fit-content}.InputBox.InputInvalidBox .PasswordVisibilityIcon{fill:var(--emfw-w-color-error, var(--emw--color-red, #FD2839))}.InputBox.InputInvalidBox input{color:var(--emfw-w-color-error, var(--emw--color-red, #FD2839))}.InputBox.InputInvalidBox::after{content:"";height:2px;width:100%;transition:width 0.6s linear;background:var(--emfw-w-color-error, var(--emw--color-red, #FD2839))}.InputBox::after{content:"";display:block;width:0;height:2px;position:relative;top:2px}.InputBox .PasswordVisibilityIcon{fill:var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E))}.InputBox .InputIcon .TogglePasswordVisibility{cursor:pointer;position:absolute;top:18px;right:0}.InputBox .InputIcon .TogglePasswordVisibility.PasswordVisible{top:19.5px}.InputBox label{position:absolute;top:50%;left:5px;transform:translateY(-50%);color:var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));font-size:var(--emw--font-size-medium, 16px);pointer-events:none;transition:0.5s}.InputBox label.FieldInvalid{color:#C23135}.InputBox input{width:100%;height:50px;background:transparent;border:none;outline:none;font-size:var(--emw--font-size-medium, 16px);padding:0 35px 0 5px;color:var(--emw--registration-typography, var(--emw--color-typography, #000000));box-sizing:border-box}input:focus~label,label.FieldFilledIn{top:-3px;font-size:var(--emw--font-size-x-small, 16px)}vaadin-combo-box:focus-within~label,label.FieldFilledIn{top:-3px;font-size:var(--emw--font-size-x-small, 16px)}.ForgotPassword button{margin:-10px 0 17px;font-size:var(--emw--font-size-medium, 16px);color:var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));display:flex;justify-content:space-between;background-color:transparent;padding:0;height:unset;border:0;cursor:pointer}.SubmitCredentials{display:block;margin:0 auto;outline:none;cursor:pointer;background:var(--emw--color-primary, #0E5924);border-radius:var(--emw--button-border-radius, 10px);padding:10px 20px;font-size:var(--emw--font-size-large, 20px);font-family:var(--emw--button-typography);color:var(--emw--button-text-color, #FFFFFF)}.SubmitCredentials:disabled{background:var(--emw--color-primary, #0E5924);opacity:0.4;cursor:default}.InvalidField{position:absolute;color:var(--emfw-w-color-error, var(--emw--color-red, #FD2839));font-size:var(--emw--font-size-x-small, 12px)}.SubmitCredentials{margin-bottom:20px}.CredentialsError{color:var(--emfw-w-color-error, var(--emw--color-red, #FD2839));font-size:var(--emw--font-size-x-small, 12px);padding:0 0 20px 0;margin:0}.CredentialsError input{color:var(--emfw-w-color-error, var(--emw--color-red, #FD2839))}@media screen and (max-width: 480px){.FormBox{width:100%;border-radius:0px}}.LoadingSkeleton{width:100%;height:100%}.LoadingSkeleton .Form{display:flex;flex-direction:column;gap:50px;width:100%;height:100%}.LoadingSkeleton .Form .ButtonReturn{width:150px;height:30px;margin-top:15px;display:block}.LoadingSkeleton .Form .FieldsSection{display:block}.LoadingSkeleton .Form .FieldsSection .FieldContainer .FieldTitle{width:150px;margin-top:30px;margin-bottom:15px}.LoadingSkeleton .Form .ButtonsSection .Button{border-radius:50px;background:transparent;border:none;overflow:hidden}';export{br as P}
+    `}static get properties(){return{_positionTarget:{type:Object}}}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new ir(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new sr(this.inputElement,this._labelController)),this._tooltipController=new So(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this._tooltipController.setShouldShow((t=>!t.opened)),this._positionTarget=this.shadowRoot.querySelector('[part="input-field"]'),this._toggleElement=this.$.toggleButton}_onClearButtonClick(t){t.stopPropagation(),super._onClearButtonClick(t)}_onHostClick(t){const e=t.composedPath();(e.includes(this._labelNode)||e.includes(this._positionTarget))&&super._onHostClick(t)}}a(gr);const br=class{constructor(e){t(this,e),this.getPhoneCodes=()=>{const t=new URL("v1/player/operatorSupportedPhoneCodes",this.endpoint);return fetch(t.href).then((t=>t.json())).then((t=>{this.phoneCodes=t.phoneCodes.map((t=>({label:t,value:t})))})).catch((t=>console.log("Failed to fetch phone codes:",t)))},this.handleAutofillCredentials=t=>{this.contactValue=t.detail.userNameEmail,this.passwordValue=t.detail.userPassword,this.handleLogin()},this.getLoginToken=()=>{const t=new URL("api/v1/players/password-management/auth/password/verify",this.endpoint),e={"Content-Type":"application/json"};this.captchaData.isEnabled&&(e["X-Captcha-Response"]=this.captchaData.token);const i={method:"POST",headers:e,body:JSON.stringify({contact:this.contactValue,password:this.passwordValue})};return new Promise(((e,s)=>{fetch(t.href,i).then((t=>t.json())).then((t=>t.token?e(t.token):s("Token not received from the API call")))}))},this.loginPlayer=t=>{const e=new URL("api/v2/gm/legislation/login",this.endpoint),i={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({token:t,method:"login"})};return new Promise(((t,s)=>{fetch(e.href,i).then((t=>t.json()),(t=>s(t))).then((e=>e.sessionId&&e.playerId?t(e):s(e)))}))},this.handleLogin=()=>{this.isLoading=!0,this.getLoginToken().then((t=>{this.loginPlayer(t).then((t=>{var e;(null===(e=t.sessionBlockers)||void 0===e?void 0:e.includes("has-to-set-consents"))&&window.postMessage({type:"PlayerActions"},window.location.href),window.postMessage({type:"UserSessionID",session:t.sessionId,userid:t.playerId},window.location.href),window.postMessage({type:"WidgetNotification",data:{type:"success",message:n("successMessage",this.lang)}},window.location.href),this.apiErrorMessage=""})).catch((t=>{console.error(`Legislation login failed: ${t.message}`,t.errors),this.apiErrorMessage=n("genericError",this.lang),this.sendErrorNotification(this.apiErrorMessage)})).finally((()=>this.isLoading=!1))})).catch((t=>{console.error(t),this.apiErrorMessage=n("genericError",this.lang),this.sendErrorNotification(this.apiErrorMessage),this.isLoading=!1})),this.dispatchUpdateLoginCredentialsEvent()},this.handleInputChange=(t,e)=>{const i=t.target.value;switch(e){case"user":this.contactValue=i,this.isContactValid=this.validate("user",this.contactValue);break;case"phone":this.contactValue=i,this.isContactValid=this.validate("phone",this.contactValue);break;case"prefix":this.phoneCodeValue=i,this.isContactValid=this.validate("phone",this.contactValue);break;case"password":this.passwordValue=i,this.isPasswordValid=this.validate("password",i)}},this.handleInputChangePartial=t=>e=>this.handleInputChange(e,t),this.validate=(t,e)=>{let i;switch(t){case"user":return i=new RegExp(this.userEmailRegex,this.userEmailRegexOptions),e.length<=3||i.test(e);case"phone":return i=new RegExp(this.userPhoneRegex,this.userPhoneRegexOptions),e.length<=3||i.test(e)&&Boolean(this.phoneCodeValue);case"password":return i=new RegExp(this.passwordRegex,this.passwordRegexOptions),e.length<=3||i.test(e)}},this.isSubmitDisabled=()=>!this.isContactValid||!this.contactValue||"true"===this.loginByPhoneNumber&&!this.phoneCodeValue||!this.passwordValue||!this.isPasswordValid||this.isLoading||this.captchaData.isEnabled&&!this.captchaData.token,this.handleSubmit=t=>{"Enter"!==t.key||this.isSubmitDisabled()||this.handleLogin()},this.togglePassword=()=>{this.isPasswordVisible=!this.isPasswordVisible},this.resetPassword=()=>{window.postMessage({type:"NavForgotPassword"},window.location.href)},this.endpoint="",this.lang="en",this.clientStyling="",this.clientStylingUrl="",this.mbSource=void 0,this.translationUrl="",this.passwordReset="false",this.userEmailRegex=void 0,this.userEmailRegexOptions="i",this.userPhoneRegex=void 0,this.userPhoneRegexOptions="",this.passwordRegex=void 0,this.passwordRegexOptions="",this.loginByPhoneNumber="false",this.isLoading=!1,this.contactValue="",this.passwordValue="",this.phoneCodeValue="",this.phoneCodes=void 0,this.isContactValid=!0,this.isPasswordValid=!0,this.isPasswordVisible=!1,this.apiErrorMessage="",this.captchaData={isEnabled:!0,token:"",provider:"",siteKey:""}}handleNewTranslations(){r(this.translationUrl)}handleClientStylingChange(t,e){t!=e&&i(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl)}async componentWillLoad(){"true"===this.loginByPhoneNumber&&await this.getPhoneCodes(),this.translationUrl.length>2&&await r(this.translationUrl),this.getLoginConfig().then((()=>this.appendCaptchaScript()),(t=>{console.error(t),this.apiErrorMessage=n("configError",this.lang),this.sendErrorNotification(this.apiErrorMessage)}))}componentDidLoad(){this.stylingContainer&&(null!=window.emMessageBus?function(t,e){if(window.emMessageBus){const i=document.createElement("style");window.emMessageBus.subscribe(e,(e=>{i.innerHTML=e,t&&t.appendChild(i)}))}}(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&i(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))),window.addEventListener("LoginCredentials",this.handleAutofillCredentials),window.postMessage({type:"UserLoginDidLoad"})}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe(),window.removeEventListener("LoginCredentials",this.handleAutofillCredentials)}getLoginConfig(){const t=new URL("/api/v1/players/password-management/auth/password/config",this.endpoint);return new Promise(((e,i)=>{fetch(t.href).then((t=>{if(!t.ok)throw new Error(`HTTP error! Status: ${t.status}`);return t.json()})).then((t=>{const{captcha:i}=t;i&&"string"==typeof i.provider&&(i.provider=i.provider.toLowerCase()),this.captchaData=Object.assign({},i),e()})).catch((t=>{console.error("Error fetching login configuration:",t),i(t)}))}))}handleCaptcha(){const{isEnabled:t,provider:e,siteKey:i}=this.captchaData;if(t&&["cloudflare","google"].includes(e))switch(e){case"cloudflare":return void window.turnstile.render("#turnstileContainer",{sitekey:i,theme:"light",callback:this.captchaCallback.bind(this)});case"google":return void window.grecaptcha.ready((()=>{window.grecaptcha.render("googleContainer",{sitekey:i,callback:this.captchaCallback.bind(this),theme:"light"})}))}}captchaCallback(t){this.captchaData.token=t,this.captchaData=Object.assign({},this.captchaData)}appendCaptchaScript(){const{isEnabled:t,provider:e}=this.captchaData;if(!t)return;const i=document.createElement("script");switch(e){case"cloudflare":i.src="https://challenges.cloudflare.com/turnstile/v0/api.js";break;case"google":i.src="https://www.google.com/recaptcha/api.js"}i.onload=this.handleCaptcha.bind(this),document.head.appendChild(i)}sendErrorNotification(t){window.postMessage({type:"HasError",error:t},window.location.href),window.postMessage({type:"WidgetNotification",data:{type:"error",message:t}},window.location.href)}dispatchUpdateLoginCredentialsEvent(){this.apiErrorMessage||(this.updateLoginCredentialsEvent=new CustomEvent("UpdateLoginCredentials",{bubbles:!0,detail:{userNameEmail:this.contactValue,userPassword:this.passwordValue}}),window.dispatchEvent(this.updateLoginCredentialsEvent))}render(){const t=e("span",{key:"abcdfcbf7edfda911729398988c808d2f5216582",class:"InputIcon"},this.isPasswordVisible?e("svg",{onClick:()=>this.togglePassword(),class:"TogglePasswordVisibility",part:"TogglePasswordVisibility",xmlns:"http://www.w3.org/2000/svg",width:"18.844",height:"12.887",viewBox:"0 0 18.844 12.887"},e("g",{transform:"translate(-110.856 -23.242)"},e("circle",{class:"PasswordVisibilityIcon",cx:"0.05",cy:"0.05",r:"0.05",transform:"translate(121.017 31.148)"}),e("g",{transform:"translate(117.499 27.37)"},e("path",{class:"PasswordVisibilityIcon",d:"M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z",transform:"translate(-142.164 -39.123)"}),e("path",{class:"PasswordVisibilityIcon",d:"M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z",transform:"translate(-136.413 -42.068)"})),e("g",{transform:"translate(110.856 24.899)"},e("path",{class:"PasswordVisibilityIcon",d:"M122.538,42.061a7.043,7.043,0,0,1-2.325.53,10.373,10.373,0,0,1-4.393-1.482,36.509,36.509,0,0,1-3.873-2.391.13.13,0,0,1,0-.208,44.141,44.141,0,0,1,3.873-2.651c.394-.233.768-.437,1.13-.622l-.686-.838c-.322.167-.651.347-.99.55a37.989,37.989,0,0,0-3.977,2.729,1.21,1.21,0,0,0-.442.962,1.1,1.1,0,0,0,.494.936,34.416,34.416,0,0,0,3.977,2.469,11.468,11.468,0,0,0,4.886,1.611,8.427,8.427,0,0,0,3.039-.725Z",transform:"translate(-110.856 -33.157)"}),e("path",{class:"PasswordVisibilityIcon",d:"M149.119,34.14a45.875,45.875,0,0,0-4.055-2.729,20.541,20.541,0,0,0-2.547-1.248,5.6,5.6,0,0,0-4.79-.017l.7.856a5.254,5.254,0,0,1,1.672-.346,10.072,10.072,0,0,1,4.445,1.663,34.132,34.132,0,0,1,3.925,2.651.13.13,0,0,1,0,.208,40.2,40.2,0,0,1-3.925,2.391c-.179.092-.352.176-.525.26l.684.835c.1-.054.2-.1.309-.159a36.356,36.356,0,0,0,4.055-2.469,1.067,1.067,0,0,0,.52-.936A1.159,1.159,0,0,0,149.119,34.14Z",transform:"translate(-130.743 -29.617)"})),e("rect",{class:"PasswordVisibilityIcon",width:"0.972",height:"15.861",rx:"0.486",transform:"translate(114.827 23.858) rotate(-39.315)"}))):e("svg",{onClick:()=>this.togglePassword(),class:"TogglePasswordVisibility PasswordVisible",part:"TogglePasswordVisibility",xmlns:"http://www.w3.org/2000/svg",width:"18.843",height:"10.5",viewBox:"0 0 18.843 10.5"},e("g",{transform:"translate(-14.185 -27.832)"},e("path",{class:"PasswordVisibilityIcon",d:"M23.541,38.332a11.467,11.467,0,0,1-4.886-1.611,34.413,34.413,0,0,1-3.976-2.469,1.1,1.1,0,0,1-.494-.936,1.21,1.21,0,0,1,.442-.962A37.986,37.986,0,0,1,18.6,29.625a16.06,16.06,0,0,1,2.521-1.248,6.862,6.862,0,0,1,2.417-.546,6.862,6.862,0,0,1,2.417.546,20.541,20.541,0,0,1,2.547,1.248,45.872,45.872,0,0,1,4.054,2.729,1.159,1.159,0,0,1,.468.962,1.067,1.067,0,0,1-.52.936,36.353,36.353,0,0,1-4.054,2.469A11.2,11.2,0,0,1,23.541,38.332Zm0-9.46a9.813,9.813,0,0,0-4.392,1.663,44.138,44.138,0,0,0-3.873,2.651.13.13,0,0,0,0,.208,36.5,36.5,0,0,0,3.873,2.391,10.372,10.372,0,0,0,4.392,1.481,11.051,11.051,0,0,0,4.444-1.481,40.2,40.2,0,0,0,3.925-2.391.13.13,0,0,0,0-.208h0a34.132,34.132,0,0,0-3.925-2.651A10.072,10.072,0,0,0,23.541,28.872Z",transform:"translate(0)"}),e("circle",{class:"PasswordVisibilityIcon",cx:"2.779",cy:"2.779",r:"2.779",transform:"translate(20.827 30.303)"})))),i=e("div",{key:"b02786a241e68cbcec9207a09866162aa38e652e",class:"FormBox"},e("div",{key:"8e4f2281278f2291ae17208ec8612a2256797ac1",class:"FormValue",onKeyDown:this.handleSubmit},"true"===this.loginByPhoneNumber?e("div",{class:this.isContactValid&&!this.apiErrorMessage?"InputBox":"InputBox InputInvalidBox"},e("div",{class:"PhoneInputBox"},e("div",{class:"PrefixBox"},e("vaadin-combo-box",{items:this.phoneCodes,value:this.phoneCodeValue,onChange:this.handleInputChangePartial("prefix")}),e("label",{class:(this.phoneCodeValue?"FieldFilledIn":"")+" "+(this.isContactValid?"":"FieldInvalid")},n("userPrefix",this.lang))),e("div",{class:"PhoneBox"},e("input",{type:"text",placeholder:"",value:this.contactValue,onFocus:this.handleInputChangePartial("phone"),onInput:this.handleInputChangePartial("phone"),autocapitalize:"none",required:!0}),e("label",{class:(this.contactValue?"FieldFilledIn":"")+" "+(this.isContactValid?"":"FieldInvalid")},n("userPhone",this.lang)))),!this.isContactValid&&e("p",{class:"CredentialsError"},n("userPhoneError",this.lang))):e("div",{class:this.isContactValid?"InputBox":"InputBox InputInvalidBox"},e("input",{type:"text",placeholder:"",value:this.contactValue,onInput:this.handleInputChangePartial("user"),autocapitalize:"none",required:!0}),e("label",{class:(this.contactValue?"FieldFilledIn":"")+" "+(this.isContactValid?"":"FieldInvalid")},n("userEmail",this.lang)),!this.isContactValid&&e("p",{class:"CredentialsError"},n("userEmailError",this.lang))),e("div",{key:"753d18b1ceece4f85e046fafd25d045da6dd3e91",class:this.isPasswordValid?"InputBox":"InputBox InputInvalidBox"},t,e("input",{key:"3761c2396147480264c9dcd12edcb7cc3b4fcddd",type:this.isPasswordVisible?"text":"password",placeholder:"",value:this.passwordValue,onInput:this.handleInputChangePartial("password"),autocapitalize:"none",required:!0}),e("label",{key:"239ef38569638d34d2c7abd9e761c484e4d840a7",class:(this.passwordValue?"FieldFilledIn":"")+" "+(this.isPasswordValid?"":"FieldInvalid")},n("password",this.lang)),this.isPasswordValid||e("p",{key:"7e0d2181fe3da6957e580a5c42a952f8ddde350e",class:"CredentialsError"},n("userPasswordError",this.lang))),"true"==this.passwordReset&&e("div",{key:"2762503b35bda0d9ca987e760ae290aa7ad61e8b",class:"ForgotPassword"},e("button",{key:"0c73b9f757ceb96d2cd2fb3165fc7e643ac61044",onClick:this.resetPassword},n("forgotPassword",this.lang))),this.captchaData.isEnabled&&"cloudflare"===this.captchaData.provider&&e("slot",{key:"5a033fb28aa1eb72692e9ab86638be9293438099",name:"turnstile"}),this.captchaData.isEnabled&&"google"===this.captchaData.provider&&e("slot",{key:"1c8f3520d91f427e44115a0b64304663e6d108d6",name:"google"}),e("button",{key:"78027d8d7adffcbf4fd681345ea8b35b63a92dd3",disabled:this.isSubmitDisabled(),class:"SubmitCredentials",onClick:this.handleLogin},n("login",this.lang)),this.apiErrorMessage&&e("p",{key:"c9a8cdeda5c28e16dc269dcc645806ce0f926188",class:"CredentialsError"},this.apiErrorMessage))),s=e("div",{key:"b49e731f6316ffaf253d4db654758b91ded50911",class:"LoadingSkeleton"},e("form",{key:"7f91b160095a983a02dabb0df82b46b14166307e",class:"Form"},e("section",{key:"fd7a0e8d3d447c6a1c9d0ce3c21e437dea4677df",class:"FieldsSection"},e("div",{key:"b2fa0321a36216262945081097b727ec277761a3",class:"FieldContainer"},e("div",{key:"1f498a5623dc3fa5e4192c0f50f87d07f38ac95f",class:"FieldTitle"},e("ui-skeleton",{key:"545c707537ae55a1d915917d8cdbdd597b0a027f",structure:"title",width:"auto",height:"20px"})),e("ui-skeleton",{key:"7109a95dcc6fe474720751d788bd5bb2b4ed39ad",structure:"rectangle",width:"auto",height:"35px"})),e("div",{key:"af29c677172bf5eacb892bf1692daa8db16a171a",class:"FieldContainer"},e("div",{key:"503663104da5238a22b37f62b9f4f64eab73e00c",class:"FieldTitle"},e("ui-skeleton",{key:"dd0f186139af59e5eaddd38f604874ab82e91f2d",structure:"title",width:"auto",height:"20px"})),e("ui-skeleton",{key:"acf8d1c6841702c5fff5af9998fc63a2357a7a0d",structure:"rectangle",width:"auto",height:"35px"}))),e("section",{key:"c031e3d48473617afeae394cb14ab0762f425779",class:"ButtonsSection"},e("div",{key:"b35332a293c323b0fe480f8d975e736a29a73d4e",class:"Button"},e("ui-skeleton",{key:"3abe64460cc0ffd144014e63418043beca33e117",structure:"rectangle",width:"auto",height:"50px"})))));return e("section",{key:"832b1065c4123cc987e82fc5bab0607c297f2bda",ref:t=>this.stylingContainer=t},this.isLoading?s:i)}static get watchers(){return{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}}};br.style=':host{display:block;font-family:"Roboto", sans-serif}section{height:100%;width:100%;background-position:center;background-size:cover}.FormValue{width:100%}.FormBox{height:100%;display:flex;position:relative;background:none;border:none;justify-content:center;align-items:center}.InputBox{position:relative;margin:30px 0;width:100%;border-bottom:2px solid var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E))}.InputBox .PhoneInputBox{display:flex;flex-direction:row}.InputBox .PhoneInputBox .PhoneBox{position:relative;width:100%}.InputBox .PhoneInputBox .PrefixBox{position:relative;width:fit-content}.InputBox.InputInvalidBox .PasswordVisibilityIcon{fill:var(--emfw-w-color-error, var(--emw--color-red, #FD2839))}.InputBox.InputInvalidBox input{color:var(--emfw-w-color-error, var(--emw--color-red, #FD2839))}.InputBox.InputInvalidBox::after{content:"";height:2px;width:100%;transition:width 0.6s linear;background:var(--emfw-w-color-error, var(--emw--color-red, #FD2839))}.InputBox::after{content:"";display:block;width:0;height:2px;position:relative;top:2px}.InputBox .PasswordVisibilityIcon{fill:var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E))}.InputBox .InputIcon .TogglePasswordVisibility{cursor:pointer;position:absolute;top:18px;right:0}.InputBox .InputIcon .TogglePasswordVisibility.PasswordVisible{top:19.5px}.InputBox label{position:absolute;top:50%;left:5px;transform:translateY(-50%);color:var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));font-size:var(--emw--font-size-medium, 16px);pointer-events:none;transition:0.5s}.InputBox label.FieldInvalid{color:#C23135}.InputBox input{width:100%;height:50px;background:transparent;border:none;outline:none;font-size:var(--emw--font-size-medium, 16px);padding:0 35px 0 5px;color:var(--emw--registration-typography, var(--emw--color-typography, #000000));box-sizing:border-box}input:focus~label,label.FieldFilledIn{top:-3px;font-size:var(--emw--font-size-x-small, 16px)}vaadin-combo-box:focus-within~label,label.FieldFilledIn{top:-3px;font-size:var(--emw--font-size-x-small, 16px)}.ForgotPassword button{margin:-10px 0 17px;font-size:var(--emw--font-size-medium, 16px);color:var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));display:flex;justify-content:space-between;background-color:transparent;padding:0;height:unset;border:0;cursor:pointer}.SubmitCredentials{display:block;margin:0 auto;outline:none;cursor:pointer;background:var(--emw--color-primary, #0E5924);border-radius:var(--emw--button-border-radius, 10px);padding:10px 20px;font-size:var(--emw--font-size-large, 20px);font-family:var(--emw--button-typography);color:var(--emw--button-text-color, #FFFFFF)}.SubmitCredentials:disabled{background:var(--emw--color-primary, #0E5924);opacity:0.4;cursor:default}.InvalidField{position:absolute;color:var(--emfw-w-color-error, var(--emw--color-red, #FD2839));font-size:var(--emw--font-size-x-small, 12px)}.SubmitCredentials{margin-bottom:20px}.CredentialsError{color:var(--emfw-w-color-error, var(--emw--color-red, #FD2839));font-size:var(--emw--font-size-x-small, 12px);padding:0 0 20px 0;margin:0}.CredentialsError input{color:var(--emfw-w-color-error, var(--emw--color-red, #FD2839))}@media screen and (max-width: 480px){.FormBox{width:100%;border-radius:0px}}.LoadingSkeleton{width:100%;height:100%}.LoadingSkeleton .Form{display:flex;flex-direction:column;gap:50px;width:100%;height:100%}.LoadingSkeleton .Form .ButtonReturn{width:150px;height:30px;margin-top:15px;display:block}.LoadingSkeleton .Form .FieldsSection{display:block}.LoadingSkeleton .Form .FieldsSection .FieldContainer .FieldTitle{width:150px;margin-top:30px;margin-bottom:15px}.LoadingSkeleton .Form .ButtonsSection .Button{border-radius:50px;background:transparent;border:none;overflow:hidden}';export{br as P}

package/dist/pam-login/pam-login_2.entry.js

@@ -1 +1 @@
-export{P as pam_login}from"./pam-login-8ea88687.js";import{r as e,h as t,H as n}from"./index-a126c540.js";const i=class{constructor(t){e(this,t),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(e,t){t!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return 0===e?0:`${e}px`;case"undefined":default:return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map(((e,n)=>t("div",{key:n,class:"Text "+(this.animation?"Skeleton":"")}))))}renderRectangle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`\n          :host {\n            --emw-skeleton-logo-width: ${this.stylingValue.width};\n            --emw-skeleton-logo-height: ${this.stylingValue.height};\n            --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"image":e=`\n          :host {\n            --emw-skeleton-image-width: ${this.stylingValue.width};\n            --emw-skeleton-image-height: ${this.stylingValue.height};\n            --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"title":e=`\n          :host {\n            --emw-skeleton-title-width: ${this.stylingValue.width};\n            --emw-skeleton-title-height: ${this.stylingValue.height};\n            --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"text":e=`\n          :host {\n            --emw-skeleton-text-width: ${this.stylingValue.width};\n            --emw-skeleton-text-height: ${this.stylingValue.height};\n            --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"rectangle":e=`\n          :host {\n            --emw-skeleton-rectangle-width: ${this.stylingValue.width};\n            --emw-skeleton-rectangle-height: ${this.stylingValue.height};\n            --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"circle":e=`\n          :host {\n            --emw-skeleton-circle-size: ${this.stylingValue.size};\n          }\n        `;break;default:e=""}return t(n,{key:"e6b885bfd985ce7663d990756fe9101e25eb97f0"},t("style",{key:"06ae24c7bb74f4dacfc12ae58085333f9dc89da5"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};i.style=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";export{i as ui_skeleton}
+export{P as pam_login}from"./pam-login-8418d6e7.js";import{r as e,h as t,H as n}from"./index-a126c540.js";const i=class{constructor(t){e(this,t),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(e,t){t!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return 0===e?0:`${e}px`;case"undefined":default:return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map(((e,n)=>t("div",{key:n,class:"Text "+(this.animation?"Skeleton":"")}))))}renderRectangle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`\n          :host {\n            --emw-skeleton-logo-width: ${this.stylingValue.width};\n            --emw-skeleton-logo-height: ${this.stylingValue.height};\n            --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"image":e=`\n          :host {\n            --emw-skeleton-image-width: ${this.stylingValue.width};\n            --emw-skeleton-image-height: ${this.stylingValue.height};\n            --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"title":e=`\n          :host {\n            --emw-skeleton-title-width: ${this.stylingValue.width};\n            --emw-skeleton-title-height: ${this.stylingValue.height};\n            --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"text":e=`\n          :host {\n            --emw-skeleton-text-width: ${this.stylingValue.width};\n            --emw-skeleton-text-height: ${this.stylingValue.height};\n            --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"rectangle":e=`\n          :host {\n            --emw-skeleton-rectangle-width: ${this.stylingValue.width};\n            --emw-skeleton-rectangle-height: ${this.stylingValue.height};\n            --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"circle":e=`\n          :host {\n            --emw-skeleton-circle-size: ${this.stylingValue.size};\n          }\n        `;break;default:e=""}return t(n,{key:"e6b885bfd985ce7663d990756fe9101e25eb97f0"},t("style",{key:"06ae24c7bb74f4dacfc12ae58085333f9dc89da5"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};i.style=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";export{i as ui_skeleton}

package/dist/types/components/pam-login/pam-login.d.ts

@@ -155,6 +155,7 @@ export declare class PamLogin {
     loginPlayer: (token: string) => Promise<{
         sessionId: string;
         playerId: string;
+        sessionBlockers?: string[];
     }>;
     /**
      * Send error notification as a post message

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/pam-login",
-  "version": "0.5.0",
+  "version": "1.70.1",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",