@everymatrix/user-login 1.94.77 → 1.94.78

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

@@ -7717,6 +7717,7 @@ const UserLogin = class {
          * Trigger login process
          */
         this.handleLogin = () => {
+            window.postMessage({ type: "SubmitLogin" }, window.location.href);
             this.isLoginLoading = true;
             const DEBOUNCE_DELAY = 850;
             const loginActions = {
@@ -8082,7 +8083,7 @@ const UserLogin = class {
      * Render function
     */
     render() {
-        return (index.h("section", { key: 'd53f60a484827fbb28b2ec8a907ac21e0781427a', ref: el => this.stylingContainer = el }, this.renderUserIdentification(), index.h("slot", { key: '8b42ec462b580ffb0d1448bbe185febada0bcd22', name: CAPTCHA_CONTAINER_SLOT })));
+        return (index.h("section", { key: 'c5e52078e3e24ad5b931f5b48a9358c1f470313c', ref: el => this.stylingContainer = el }, this.renderUserIdentification(), index.h("slot", { key: 'eac25bfc3f1c57a6ab24e7bf519ad7af5309c61d', name: CAPTCHA_CONTAINER_SLOT })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -241,6 +241,7 @@ export class UserLogin {
          * Trigger login process
          */
         this.handleLogin = () => {
+            window.postMessage({ type: "SubmitLogin" }, window.location.href);
             this.isLoginLoading = true;
             const DEBOUNCE_DELAY = 850;
             const loginActions = {
@@ -606,7 +607,7 @@ export class UserLogin {
      * Render function
     */
     render() {
-        return (h("section", { key: 'd53f60a484827fbb28b2ec8a907ac21e0781427a', ref: el => this.stylingContainer = el }, this.renderUserIdentification(), h("slot", { key: '8b42ec462b580ffb0d1448bbe185febada0bcd22', name: CAPTCHA_CONTAINER_SLOT })));
+        return (h("section", { key: 'c5e52078e3e24ad5b931f5b48a9358c1f470313c', ref: el => this.stylingContainer = el }, this.renderUserIdentification(), h("slot", { key: 'eac25bfc3f1c57a6ab24e7bf519ad7af5309c61d', name: CAPTCHA_CONTAINER_SLOT })));
     }
     static get is() { return "user-login"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7713,6 +7713,7 @@ const UserLogin = class {
          * Trigger login process
          */
         this.handleLogin = () => {
+            window.postMessage({ type: "SubmitLogin" }, window.location.href);
             this.isLoginLoading = true;
             const DEBOUNCE_DELAY = 850;
             const loginActions = {
@@ -8078,7 +8079,7 @@ const UserLogin = class {
      * Render function
     */
     render() {
-        return (h("section", { key: 'd53f60a484827fbb28b2ec8a907ac21e0781427a', ref: el => this.stylingContainer = el }, this.renderUserIdentification(), h("slot", { key: '8b42ec462b580ffb0d1448bbe185febada0bcd22', name: CAPTCHA_CONTAINER_SLOT })));
+        return (h("section", { key: 'c5e52078e3e24ad5b931f5b48a9358c1f470313c', ref: el => this.stylingContainer = el }, this.renderUserIdentification(), h("slot", { key: 'eac25bfc3f1c57a6ab24e7bf519ad7af5309c61d', name: CAPTCHA_CONTAINER_SLOT })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/user-login/user-login.entry.js

@@ -6654,4 +6654,4 @@ Jt("vaadin-tabs",j`
       </div>
 
       <div on-click="_scrollForward" part="forward-button" aria-hidden="true"></div>
-    `}static get is(){return"vaadin-tabs"}}T(Pl);const Tl=class{constructor(e){t(this,e),this.errorCode="",this.captchaInstance=null,this.messageHandler=async t=>{var e;"NativeAppReady"===(null===(e=t.data)||void 0===e?void 0:e.type)&&(this.isNativeApp=!0,this.biometricsLoaded||(await import("./player-account-biometrics-action-84ade958.js"),this.biometricsLoaded=!0))},this.checkNativeApp=()=>{window.postMessage({type:"CheckNativeApp"})},this.getPhoneCodes=async()=>{const t=new URL(`${this.endpoint}/v1/player/operatorSupportedPhoneCodes`);return fetch(t.href).then((t=>t.json())).then((t=>{var e;return(null!==(e=null==t?void 0:t.phoneCodes)&&void 0!==e?e:[]).map((t=>({label:t,value:t})))})).catch((t=>console.log("Failed to fetch phone codes:",t)))},this.autofillCredentialsHandler=t=>{const{userNameEmail:e,userPassword:i,userPrefix:o,userPhone:s}=(null==t?void 0:t.detail)||{};this.userNameEmail=e,this.userPassword=i,this.userPrefix=o,this.userPhone=s,this.handleLogin()},this.userLoginGm17=async()=>{var t,e,i,o,s;let n={"Content-Type":"application/json"};const a={contact:this.userNameEmail,password:this.userPassword};if(this.captchaInstance){let o;"function"==typeof(null===(t=this.captchaInstance)||void 0===t?void 0:t.ensureToken)?(o=await(null===(i=null===(e=this.captchaInstance)||void 0===e?void 0:e.ensureToken)||void 0===i?void 0:i.call(e)),n[m]=null!=o?o:"",n[v]="false"):(o=this.captchaToken,n["g-recaptcha-response"]=null!=o?o:"")}const l={method:"POST",headers:n,body:JSON.stringify(a)};try{const t=await fetch(`${this.endpoint}/api/v1/players/password-management/auth/password/verify`,l),e=await t.json(),{token:i}=e;if(!i)throw new Error("Token not received from the API call.");await this.sendLegislationLogin(i)}catch(t){console.error(t),this.hasError=!0,this.isLoginLoading=!1,this.errorMessage=r("genericError",this.lang),this.sendErrorNotification(this.errorMessage)}finally{this.isLoginLoading=!1,null===(s=null===(o=this.captchaInstance)||void 0===o?void 0:o.reset)||void 0===s||s.call(o)}},this.sendLegislationLogin=async t=>{const e={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({token:t,method:"login"})};try{const t=await fetch(`${this.endpoint}/api/v2/gm/legislation/login`,e),i=await t.json();if(!t.ok){const{message:t,errors:e}=i;throw this.isLoginLoading=!1,console.error(`Legislation login failed: ${t}`,e),new Error("Legislation login request failed.")}{const{sessionId:t,playerId:e}=i;t&&(this.isLoginLoading=!1,window.postMessage({type:"UserSessionID",session:t,userid:e},window.location.href),window.postMessage({type:"WidgetNotification",data:{type:"success",message:r("successMessage",this.lang)}},window.location.href),this.hasError=!1)}}catch(t){console.error(t),this.hasError=!0,this.isLoginLoading=!1,this.errorMessage=r("genericError",this.lang),this.sendErrorNotification(this.errorMessage)}},this.userLogin=async()=>{var t,e;const i=new URL(`${this.endpoint}/v1/player/legislation/login`),o=new Headers;if(o.append("Content-Type","application/json"),this.turnstileSiteKey&&this.captchaInstance)try{const i=await(null===(e=null===(t=this.captchaInstance)||void 0===t?void 0:t.ensureToken)||void 0===e?void 0:e.call(t));i&&(o.append(m,i),o.append(v,"false"))}catch(t){return this.hasError=!0,this.isLoginLoading=!1,void(null!==t&&(this.errorMessage=r("genericError",this.lang)||`${t}`,this.sendErrorNotification(this.errorMessage)))}const s=JSON.stringify({username:"true"===this.loginByPhoneNumber?`${this.userPrefix} ${this.userPhone}`:this.userNameEmail,password:this.userPassword});return fetch(i.href,{method:"POST",headers:o,body:s}).then((t=>t.json())).then((t=>{var e,i,o,s;if((null===(e=t.sessionBlockers)||void 0===e?void 0:e.includes("has-to-set-consents"))&&window.postMessage({type:"PlayerActions",gmversion:"gm16"},window.location.href),!0===(null==t?void 0:t.hasToSetPass))return this.hasError=!0,this.errorMessage=r("setUpPassowrd",this.lang),this.sendErrorNotification(r("setUpPassowrd",this.lang)),void window.postMessage({type:"HasToSetPass"},window.location.href);t.sessionId?(window.postMessage({type:"UserSessionID",session:t.sessionId,userid:t.userId},window.location.href),window.postMessage({type:"WidgetNotification",data:{type:"success",message:r("successMessage",this.lang)}},window.location.href),this.hasError=!1,((t,e={})=>{const i=new CustomEvent("track-custom-event",{detail:{type:"logged_in",data:e},bubbles:!0,composed:!0});document.dispatchEvent(i)})(0,{userId:t.userId})):(this.hasError=!0,this.errorCode=null!==(o=null===(i=null==t?void 0:t.thirdPartyResponse)||void 0===i?void 0:i.errorCode)&&void 0!==o?o:null==t?void 0:t.errorCode,this.errorMessage="GmErr_USER_AUTH_FAILED"===this.errorCode&&"true"===this.loginByPhoneNumber?r("AuthFailedPhoneNumber",this.lang):r(`${this.errorCode}`,this.lang)||(null===(s=null==t?void 0:t.thirdPartyResponse)||void 0===s?void 0:s.message)||(null==t?void 0:t.message)||r("genericError",this.lang),"GmErr_USER_AUTH_FAILED"!==this.errorCode&&"GmErr_Unauthorized"!==this.errorCode&&"Unauthorized"!==this.errorCode||this.dispatchClearLoginCredentialsEvent(),this.errorMessage&&(console.error(this.errorMessage),this.sendErrorNotification(this.errorMessage)))})).catch((t=>{console.error(t),this.hasError=!0,this.errorMessage=r("genericError",this.lang),this.sendErrorNotification(this.errorMessage)})).finally((()=>{var t,e;this.isLoginLoading=!1,null===(e=null===(t=this.captchaInstance)||void 0===t?void 0:t.reset)||void 0===e||e.call(t)}))},this.handleLogin=()=>{this.isLoginLoading=!0;const t={gm16:this.userLogin,gm17:this.userLoginGm17}[this.version]||this.userLogin;this.debounce((async()=>{await t(),this.dispatchUpdateLoginCredentialsEvent()}),850)()},this.handleSubmit=t=>{"Enter"===t.key&&!this.checkIsDisabled()&&this.handleLogin()},this.handleInputChange=(t,e)=>{var i;const o=t.target.value;switch(e){case"user":this.userNameEmail=o,this.isValidUserEmail=this.validate("user",this.userNameEmail),this.errorForFields[e]=!this.isValidUserEmail||o.length<3;break;case"phone":this.userPhone=o.replace(/[^0-9]/g,""),this.inputUserPhoneReference&&(this.inputUserPhoneReference.value=this.userPhone),this.isValidUserPhone=this.validate("phone",this.userPhone),this.errorForFields[e]=!this.isValidUserPhone&&o.length>3;break;case"prefix":this.userPrefix=o,this.isValidUserPhone=this.validate("phone",this.userPhone),this.errorForFields[e]=!this.isValidUserPhone;break;case"password":this.userPassword=o,this.isValidPassword=this.validate("password",o);const t=Number(null!==(i=null==this?void 0:this.minPassLength)&&void 0!==i?i:3);this.errorForFields[e]=!this.isValidPassword&&o.length>t}},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),i.test(e);case"phone":return i=new RegExp(this.userPhoneRegex,this.userPhoneRegexOptions),i.test(e)&&!!this.userPrefix;case"password":return i=new RegExp(this.passwordRegex,this.passwordRegexOptions),i.test(e)}},this.togglePassword=()=>{this.isPasswordVisible=!this.isPasswordVisible},this.resetPassword=()=>{window.postMessage({type:"NavForgotPassword"},window.location.href)},this.endpoint="",this.minPassLength=3,this.lang="en",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.passwordReset="false",this.userEmailRegex="",this.userEmailRegexOptions="i",this.userPhoneRegex="",this.userPhoneRegexOptions="",this.passwordRegex="",this.passwordRegexOptions="",this.version="gm16",this.loginByPhoneNumber="false",this.defaultPrefix=void 0,this.isPrefixEditable="true",this.mbSource=void 0,this.biometricEnabled="false",this.biometricactionmode="switch",this.isFromLogin=!0,this.turnstileSiteKey=void 0,this.userNameEmail="",this.userPassword="",this.isValidUserEmail=!0,this.userPhone="",this.userPrefix="",this.isValidPassword=!0,this.isValidUserPhone=!0,this.isPasswordVisible=!1,this.errorMessage="",this.errorForFields={},this.hasError=!1,this.phoneCodes=[],this.isLoginLoading=!1,this.isNativeApp=!1,this.biometricsLoaded=!1}handleNewTranslations(){s(this.translationUrl)}handleClientStylingChange(t,e){t!==e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(t,e){t!==e&&this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl)}async autofillCredentials(t){const{userNameEmail:e,userPassword:i,userPrefix:o="",userPhone:s=""}=t||{};this.userNameEmail=e,this.userPassword=i,this.userPrefix=o,this.userPhone=s,this.handleLogin()}async componentWillLoad(){var t,e;"true"===this.loginByPhoneNumber&&(this.defaultPrefix&&"false"===this.isPrefixEditable?(this.phoneCodes=[{label:this.defaultPrefix,value:this.defaultPrefix}],this.userPrefix=this.defaultPrefix):(this.phoneCodes=await this.getPhoneCodes()||[],(null===(t=this.phoneCodes)||void 0===t?void 0:t.length)&&!this.defaultPrefix&&"false"===this.isPrefixEditable?this.userPrefix=null===(e=this.phoneCodes[0])||void 0===e?void 0:e.value:this.defaultPrefix&&"true"===this.isPrefixEditable&&(this.userPrefix=this.defaultPrefix,this.phoneCodes.some((t=>t.value===this.defaultPrefix))||this.phoneCodes.push({label:this.defaultPrefix,value:this.defaultPrefix})))),this.translationUrl.length>2&&await s(this.translationUrl),"gm17"===this.version&&this.getLoginConfig().then((t=>{this.initializeCaptcha(t)})).catch((t=>{console.error(t),this.hasError=!0,this.errorMessage=r("configError",this.lang),this.sendErrorNotification(this.errorMessage)})),"true"===this.biometricEnabled&&(window.addEventListener("message",this.messageHandler),this.checkNativeApp())}handleClientStyling(){void 0===window.emMessageBus?(this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl)):this.stylingSubscription=function(t,e,i,o=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!o)return function(t,e){const i=document.createElement("style");return window.emMessageBus.subscribe(e,(e=>{t&&(i.innerHTML=e,t.appendChild(i))}))}(t,e);window[n]||(window[n]={});const s=(i=function(t,e){return window.emMessageBus.subscribe(e,(i=>{if(!t)return;const o=t.getRootNode(),s=window[n];let r=s[e]&&s[e].sheet;r?s[e].refCount=s[e].refCount+1:(r=new CSSStyleSheet,r.replaceSync(i),s[e]={sheet:r,refCount:1});const a=o.adoptedStyleSheets||[];a.includes(r)||(o.adoptedStyleSheets=[...a,r])}))}(t,e)).unsubscribe.bind(i);return i.unsubscribe=()=>{if(window[n][e]){const t=window[n][e];t.refCount>1?t.refCount=t.refCount-1:delete window[n][e]}s()},i}(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),window.addEventListener("LoginCredentials",this.autofillCredentialsHandler),window.postMessage({type:"UserLoginDidLoad"}),this.turnstileSiteKey&&this.initializeCaptcha({isEnabled:!0,provider:"cloudflare",siteKey:this.turnstileSiteKey})}getLoginConfig(){const t=new URL(`${this.endpoint}/api/v1/players/password-management/auth/password/config`);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()),e(i)})).catch((t=>{console.error("Error fetching login configuration:",t),i(t)}))}))}async initializeCaptcha({provider:t,siteKey:e,enableFallback:i}){const o=((t,e)=>{const i=t.shadowRoot?.querySelector(`slot[name="${e}"]`);return i?(i.assignedElements?.()[0]??null)||(console.error(`[${t.tagName.toLowerCase()}] no element assigned to slot "${e}".`),null):(console.error(`[${t.tagName.toLowerCase()}] slot "${e}" not found.`),null)})(this.host,y);this.captchaInstance={google:c,cloudflare:g}[t]({action:"login",siteKey:e,enableFallback:i,callback:"google"===t?t=>{this.captchaToken=t}:void 0}),await this.captchaInstance.render(o)}disconnectedCallback(){var t,e;this.stylingSubscription&&this.stylingSubscription.unsubscribe(),window.removeEventListener("LoginCredentials",this.autofillCredentialsHandler),window.removeEventListener("message",this.messageHandler),this.turnstileSiteKey&&(null===(e=null===(t=this.captchaInstance)||void 0===t?void 0:t.cleanup)||void 0===e||e.call(t))}sendErrorNotification(t){window.postMessage({type:"HasError",error:t},window.location.href),window.postMessage({type:"WidgetNotification",data:{type:"error",message:t}},window.location.href)}debounce(t,e=500){let i;return(...o)=>{clearTimeout(i),i=setTimeout((()=>{t(...o)}),e)}}dispatchUpdateLoginCredentialsEvent(){this.hasError||(this.updateLoginCredentialsEvent=new CustomEvent("UpdateLoginCredentials",{bubbles:!0,detail:{userNameEmail:null==this?void 0:this.userNameEmail,userPassword:this.userPassword,userPrefix:null==this?void 0:this.userPrefix,userPhone:null==this?void 0:this.userPhone}}),window.dispatchEvent(this.updateLoginCredentialsEvent))}dispatchClearLoginCredentialsEvent(){const t=new CustomEvent("ClearLoginCredentials",{bubbles:!0});window.dispatchEvent(t)}checkIsDisabled(){return Boolean("true"!==this.loginByPhoneNumber&&(!this.isValidUserEmail||!this.userNameEmail)||"true"===this.loginByPhoneNumber&&(!this.isValidUserPhone||!this.userPhone||!this.userPrefix)||!this.userPassword||!this.isValidPassword||this.isLoginLoading||"gm17"===this.version&&this.captchaInstance&&!this.captchaToken)}renderVisibilityIcon(){return e("span",{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)"}))),!this.isPasswordVisible&&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)"}))))}renderUserIdentification(){return e("div",{class:"FormBox"},e("div",{class:"FormValue",onKeyDown:this.handleSubmit},"true"===this.loginByPhoneNumber?e("div",{class:!this.isValidUserPhone&&this.hasError?"InputBox InputInvalidBox":"InputBox "},e("div",{class:"PhoneInputBox"},e("div",{class:"PrefixBox"},"true"===this.isPrefixEditable?e("vaadin-combo-box",{items:this.phoneCodes,value:this.userPrefix,onChange:this.handleInputChangePartial("prefix")}):e("div",{class:"UneditablePrefix"},this.userPrefix),e("label",{class:(this.userPrefix?"FieldFilledIn":"")+" "+(!this.isValidUserPhone&&this.errorForFields.phone?"FieldInvalid":"")},r("userPrefix",this.lang))),e("div",{class:"PhoneBox"},e("input",{name:"tel",type:"tel",placeholder:"",ref:t=>this.inputUserPhoneReference=t,value:this.userPhone,onFocus:this.handleInputChangePartial("phone"),onInput:this.handleInputChangePartial("phone"),autocapitalize:"none",required:!0}),e("label",{class:(this.userPhone?"FieldFilledIn":"")+" "+(!this.isValidUserPhone&&this.errorForFields.phone?"FieldInvalid":"")},r("userPhone",this.lang)),!this.isValidUserPhone&&this.errorForFields.phone&&e("p",{class:"CredentialsError"},r("userPhoneError",this.lang))))):e("div",{class:!this.isValidUserEmail&&this.errorForFields.user?"InputBox InputInvalidBox":"InputBox"},e("input",{name:"user",type:"text",placeholder:"",value:this.userNameEmail,onInput:this.handleInputChangePartial("user"),autocapitalize:"none",required:!0}),e("label",{class:(this.userNameEmail?"FieldFilledIn":"")+" "+(!this.isValidUserEmail&&this.errorForFields.user?"FieldInvalid":"")},r("userEmail",this.lang)),!this.isValidUserEmail&&this.errorForFields.user&&e("p",{class:"CredentialsError"},r("userEmailError",this.lang))),e("div",{class:!this.isValidPassword&&this.errorForFields.password?"InputBox InputInvalidBox":"InputBox"},this.renderVisibilityIcon(),e("input",{name:"password",type:this.isPasswordVisible?"text":"password",placeholder:"",value:this.userPassword,onInput:this.handleInputChangePartial("password"),autocapitalize:"none",required:!0}),e("label",{class:(this.userPassword?"FieldFilledIn":"")+" "+(!this.isValidPassword&&this.errorForFields.password?"FieldInvalid":"")},r("password",this.lang)),!this.isValidPassword&&this.errorForFields.password&&e("p",{class:"CredentialsError"},r("userPasswordError",this.lang))),"true"===this.biometricEnabled&&this.isNativeApp&&e("div",{class:"PlayerBiometricsContainer"},e("div",{class:"PlayerBiometrics"},e("span",null,r("biometricLogin")),e("player-account-biometrics-action",{mode:this.biometricactionmode,isFromLogin:this.isFromLogin,isNativeApp:this.isNativeApp,lang:this.lang,translationurl:this.translationUrl,clientstyling:this.clientStyling,clientstylingurl:this.clientStylingUrl,mbsource:this.mbSource,isLoading:this.isLoginLoading}))),"true"==this.passwordReset&&e("div",{class:"ForgotPassword"},e("button",{onClick:this.resetPassword},r("forgotPassword",this.lang))),e("button",{disabled:this.checkIsDisabled(),class:"SubmitCredentials",onClick:this.handleLogin},r("login",this.lang)),this.hasError&&e("p",{class:"CredentialsError"},this.errorMessage)))}render(){return e("section",{key:"d53f60a484827fbb28b2ec8a907ac21e0781427a",ref:t=>this.stylingContainer=t},this.renderUserIdentification(),e("slot",{key:"8b42ec462b580ffb0d1448bbe185febada0bcd22",name:y}))}get host(){return i(this)}static get watchers(){return{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};Tl.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 .PhoneInputBox .PrefixBox .UneditablePrefix{height:100%;width:100px;padding:0 0 0 5px;align-content:center;background:var(--emw--color-gray-100, #e6e6e6);border-radius:var(--emw--border-radius-medium, 10px)}.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:-10px;font-size:var(--emw--font-size-x-small, 16px)}vaadin-combo-box:focus-within~label,label.FieldFilledIn{top:-10px;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}.Register{font-size:var(--emw--font-size-medium, 16px);color:var(--emw--registration-typography, var(--emw--color-typography, #FFFFFF));text-align:center;margin:25px 0 10px}.Register p a{text-decoration:none;font-weight:600}.Register p a:hover{text-decoration:underline}.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))}.PlayerBiometricsContainer .PlayerBiometrics{margin:30px 0 40px;font-size:var(--emw--font-size-medium, 16px);color:var(--emw--registration-typography, var(--emw--color-typography, #000));display:flex;justify-content:space-between;background-color:transparent}@media screen and (max-width: 480px){.FormBox{width:100%;border-radius:0px}}';export{Tl as user_login}
+    `}static get is(){return"vaadin-tabs"}}T(Pl);const Tl=class{constructor(e){t(this,e),this.errorCode="",this.captchaInstance=null,this.messageHandler=async t=>{var e;"NativeAppReady"===(null===(e=t.data)||void 0===e?void 0:e.type)&&(this.isNativeApp=!0,this.biometricsLoaded||(await import("./player-account-biometrics-action-84ade958.js"),this.biometricsLoaded=!0))},this.checkNativeApp=()=>{window.postMessage({type:"CheckNativeApp"})},this.getPhoneCodes=async()=>{const t=new URL(`${this.endpoint}/v1/player/operatorSupportedPhoneCodes`);return fetch(t.href).then((t=>t.json())).then((t=>{var e;return(null!==(e=null==t?void 0:t.phoneCodes)&&void 0!==e?e:[]).map((t=>({label:t,value:t})))})).catch((t=>console.log("Failed to fetch phone codes:",t)))},this.autofillCredentialsHandler=t=>{const{userNameEmail:e,userPassword:i,userPrefix:o,userPhone:s}=(null==t?void 0:t.detail)||{};this.userNameEmail=e,this.userPassword=i,this.userPrefix=o,this.userPhone=s,this.handleLogin()},this.userLoginGm17=async()=>{var t,e,i,o,s;let n={"Content-Type":"application/json"};const a={contact:this.userNameEmail,password:this.userPassword};if(this.captchaInstance){let o;"function"==typeof(null===(t=this.captchaInstance)||void 0===t?void 0:t.ensureToken)?(o=await(null===(i=null===(e=this.captchaInstance)||void 0===e?void 0:e.ensureToken)||void 0===i?void 0:i.call(e)),n[m]=null!=o?o:"",n[v]="false"):(o=this.captchaToken,n["g-recaptcha-response"]=null!=o?o:"")}const l={method:"POST",headers:n,body:JSON.stringify(a)};try{const t=await fetch(`${this.endpoint}/api/v1/players/password-management/auth/password/verify`,l),e=await t.json(),{token:i}=e;if(!i)throw new Error("Token not received from the API call.");await this.sendLegislationLogin(i)}catch(t){console.error(t),this.hasError=!0,this.isLoginLoading=!1,this.errorMessage=r("genericError",this.lang),this.sendErrorNotification(this.errorMessage)}finally{this.isLoginLoading=!1,null===(s=null===(o=this.captchaInstance)||void 0===o?void 0:o.reset)||void 0===s||s.call(o)}},this.sendLegislationLogin=async t=>{const e={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({token:t,method:"login"})};try{const t=await fetch(`${this.endpoint}/api/v2/gm/legislation/login`,e),i=await t.json();if(!t.ok){const{message:t,errors:e}=i;throw this.isLoginLoading=!1,console.error(`Legislation login failed: ${t}`,e),new Error("Legislation login request failed.")}{const{sessionId:t,playerId:e}=i;t&&(this.isLoginLoading=!1,window.postMessage({type:"UserSessionID",session:t,userid:e},window.location.href),window.postMessage({type:"WidgetNotification",data:{type:"success",message:r("successMessage",this.lang)}},window.location.href),this.hasError=!1)}}catch(t){console.error(t),this.hasError=!0,this.isLoginLoading=!1,this.errorMessage=r("genericError",this.lang),this.sendErrorNotification(this.errorMessage)}},this.userLogin=async()=>{var t,e;const i=new URL(`${this.endpoint}/v1/player/legislation/login`),o=new Headers;if(o.append("Content-Type","application/json"),this.turnstileSiteKey&&this.captchaInstance)try{const i=await(null===(e=null===(t=this.captchaInstance)||void 0===t?void 0:t.ensureToken)||void 0===e?void 0:e.call(t));i&&(o.append(m,i),o.append(v,"false"))}catch(t){return this.hasError=!0,this.isLoginLoading=!1,void(null!==t&&(this.errorMessage=r("genericError",this.lang)||`${t}`,this.sendErrorNotification(this.errorMessage)))}const s=JSON.stringify({username:"true"===this.loginByPhoneNumber?`${this.userPrefix} ${this.userPhone}`:this.userNameEmail,password:this.userPassword});return fetch(i.href,{method:"POST",headers:o,body:s}).then((t=>t.json())).then((t=>{var e,i,o,s;if((null===(e=t.sessionBlockers)||void 0===e?void 0:e.includes("has-to-set-consents"))&&window.postMessage({type:"PlayerActions",gmversion:"gm16"},window.location.href),!0===(null==t?void 0:t.hasToSetPass))return this.hasError=!0,this.errorMessage=r("setUpPassowrd",this.lang),this.sendErrorNotification(r("setUpPassowrd",this.lang)),void window.postMessage({type:"HasToSetPass"},window.location.href);t.sessionId?(window.postMessage({type:"UserSessionID",session:t.sessionId,userid:t.userId},window.location.href),window.postMessage({type:"WidgetNotification",data:{type:"success",message:r("successMessage",this.lang)}},window.location.href),this.hasError=!1,((t,e={})=>{const i=new CustomEvent("track-custom-event",{detail:{type:"logged_in",data:e},bubbles:!0,composed:!0});document.dispatchEvent(i)})(0,{userId:t.userId})):(this.hasError=!0,this.errorCode=null!==(o=null===(i=null==t?void 0:t.thirdPartyResponse)||void 0===i?void 0:i.errorCode)&&void 0!==o?o:null==t?void 0:t.errorCode,this.errorMessage="GmErr_USER_AUTH_FAILED"===this.errorCode&&"true"===this.loginByPhoneNumber?r("AuthFailedPhoneNumber",this.lang):r(`${this.errorCode}`,this.lang)||(null===(s=null==t?void 0:t.thirdPartyResponse)||void 0===s?void 0:s.message)||(null==t?void 0:t.message)||r("genericError",this.lang),"GmErr_USER_AUTH_FAILED"!==this.errorCode&&"GmErr_Unauthorized"!==this.errorCode&&"Unauthorized"!==this.errorCode||this.dispatchClearLoginCredentialsEvent(),this.errorMessage&&(console.error(this.errorMessage),this.sendErrorNotification(this.errorMessage)))})).catch((t=>{console.error(t),this.hasError=!0,this.errorMessage=r("genericError",this.lang),this.sendErrorNotification(this.errorMessage)})).finally((()=>{var t,e;this.isLoginLoading=!1,null===(e=null===(t=this.captchaInstance)||void 0===t?void 0:t.reset)||void 0===e||e.call(t)}))},this.handleLogin=()=>{window.postMessage({type:"SubmitLogin"},window.location.href),this.isLoginLoading=!0;const t={gm16:this.userLogin,gm17:this.userLoginGm17}[this.version]||this.userLogin;this.debounce((async()=>{await t(),this.dispatchUpdateLoginCredentialsEvent()}),850)()},this.handleSubmit=t=>{"Enter"===t.key&&!this.checkIsDisabled()&&this.handleLogin()},this.handleInputChange=(t,e)=>{var i;const o=t.target.value;switch(e){case"user":this.userNameEmail=o,this.isValidUserEmail=this.validate("user",this.userNameEmail),this.errorForFields[e]=!this.isValidUserEmail||o.length<3;break;case"phone":this.userPhone=o.replace(/[^0-9]/g,""),this.inputUserPhoneReference&&(this.inputUserPhoneReference.value=this.userPhone),this.isValidUserPhone=this.validate("phone",this.userPhone),this.errorForFields[e]=!this.isValidUserPhone&&o.length>3;break;case"prefix":this.userPrefix=o,this.isValidUserPhone=this.validate("phone",this.userPhone),this.errorForFields[e]=!this.isValidUserPhone;break;case"password":this.userPassword=o,this.isValidPassword=this.validate("password",o);const t=Number(null!==(i=null==this?void 0:this.minPassLength)&&void 0!==i?i:3);this.errorForFields[e]=!this.isValidPassword&&o.length>t}},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),i.test(e);case"phone":return i=new RegExp(this.userPhoneRegex,this.userPhoneRegexOptions),i.test(e)&&!!this.userPrefix;case"password":return i=new RegExp(this.passwordRegex,this.passwordRegexOptions),i.test(e)}},this.togglePassword=()=>{this.isPasswordVisible=!this.isPasswordVisible},this.resetPassword=()=>{window.postMessage({type:"NavForgotPassword"},window.location.href)},this.endpoint="",this.minPassLength=3,this.lang="en",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.passwordReset="false",this.userEmailRegex="",this.userEmailRegexOptions="i",this.userPhoneRegex="",this.userPhoneRegexOptions="",this.passwordRegex="",this.passwordRegexOptions="",this.version="gm16",this.loginByPhoneNumber="false",this.defaultPrefix=void 0,this.isPrefixEditable="true",this.mbSource=void 0,this.biometricEnabled="false",this.biometricactionmode="switch",this.isFromLogin=!0,this.turnstileSiteKey=void 0,this.userNameEmail="",this.userPassword="",this.isValidUserEmail=!0,this.userPhone="",this.userPrefix="",this.isValidPassword=!0,this.isValidUserPhone=!0,this.isPasswordVisible=!1,this.errorMessage="",this.errorForFields={},this.hasError=!1,this.phoneCodes=[],this.isLoginLoading=!1,this.isNativeApp=!1,this.biometricsLoaded=!1}handleNewTranslations(){s(this.translationUrl)}handleClientStylingChange(t,e){t!==e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(t,e){t!==e&&this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl)}async autofillCredentials(t){const{userNameEmail:e,userPassword:i,userPrefix:o="",userPhone:s=""}=t||{};this.userNameEmail=e,this.userPassword=i,this.userPrefix=o,this.userPhone=s,this.handleLogin()}async componentWillLoad(){var t,e;"true"===this.loginByPhoneNumber&&(this.defaultPrefix&&"false"===this.isPrefixEditable?(this.phoneCodes=[{label:this.defaultPrefix,value:this.defaultPrefix}],this.userPrefix=this.defaultPrefix):(this.phoneCodes=await this.getPhoneCodes()||[],(null===(t=this.phoneCodes)||void 0===t?void 0:t.length)&&!this.defaultPrefix&&"false"===this.isPrefixEditable?this.userPrefix=null===(e=this.phoneCodes[0])||void 0===e?void 0:e.value:this.defaultPrefix&&"true"===this.isPrefixEditable&&(this.userPrefix=this.defaultPrefix,this.phoneCodes.some((t=>t.value===this.defaultPrefix))||this.phoneCodes.push({label:this.defaultPrefix,value:this.defaultPrefix})))),this.translationUrl.length>2&&await s(this.translationUrl),"gm17"===this.version&&this.getLoginConfig().then((t=>{this.initializeCaptcha(t)})).catch((t=>{console.error(t),this.hasError=!0,this.errorMessage=r("configError",this.lang),this.sendErrorNotification(this.errorMessage)})),"true"===this.biometricEnabled&&(window.addEventListener("message",this.messageHandler),this.checkNativeApp())}handleClientStyling(){void 0===window.emMessageBus?(this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl)):this.stylingSubscription=function(t,e,i,o=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!o)return function(t,e){const i=document.createElement("style");return window.emMessageBus.subscribe(e,(e=>{t&&(i.innerHTML=e,t.appendChild(i))}))}(t,e);window[n]||(window[n]={});const s=(i=function(t,e){return window.emMessageBus.subscribe(e,(i=>{if(!t)return;const o=t.getRootNode(),s=window[n];let r=s[e]&&s[e].sheet;r?s[e].refCount=s[e].refCount+1:(r=new CSSStyleSheet,r.replaceSync(i),s[e]={sheet:r,refCount:1});const a=o.adoptedStyleSheets||[];a.includes(r)||(o.adoptedStyleSheets=[...a,r])}))}(t,e)).unsubscribe.bind(i);return i.unsubscribe=()=>{if(window[n][e]){const t=window[n][e];t.refCount>1?t.refCount=t.refCount-1:delete window[n][e]}s()},i}(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),window.addEventListener("LoginCredentials",this.autofillCredentialsHandler),window.postMessage({type:"UserLoginDidLoad"}),this.turnstileSiteKey&&this.initializeCaptcha({isEnabled:!0,provider:"cloudflare",siteKey:this.turnstileSiteKey})}getLoginConfig(){const t=new URL(`${this.endpoint}/api/v1/players/password-management/auth/password/config`);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()),e(i)})).catch((t=>{console.error("Error fetching login configuration:",t),i(t)}))}))}async initializeCaptcha({provider:t,siteKey:e,enableFallback:i}){const o=((t,e)=>{const i=t.shadowRoot?.querySelector(`slot[name="${e}"]`);return i?(i.assignedElements?.()[0]??null)||(console.error(`[${t.tagName.toLowerCase()}] no element assigned to slot "${e}".`),null):(console.error(`[${t.tagName.toLowerCase()}] slot "${e}" not found.`),null)})(this.host,y);this.captchaInstance={google:c,cloudflare:g}[t]({action:"login",siteKey:e,enableFallback:i,callback:"google"===t?t=>{this.captchaToken=t}:void 0}),await this.captchaInstance.render(o)}disconnectedCallback(){var t,e;this.stylingSubscription&&this.stylingSubscription.unsubscribe(),window.removeEventListener("LoginCredentials",this.autofillCredentialsHandler),window.removeEventListener("message",this.messageHandler),this.turnstileSiteKey&&(null===(e=null===(t=this.captchaInstance)||void 0===t?void 0:t.cleanup)||void 0===e||e.call(t))}sendErrorNotification(t){window.postMessage({type:"HasError",error:t},window.location.href),window.postMessage({type:"WidgetNotification",data:{type:"error",message:t}},window.location.href)}debounce(t,e=500){let i;return(...o)=>{clearTimeout(i),i=setTimeout((()=>{t(...o)}),e)}}dispatchUpdateLoginCredentialsEvent(){this.hasError||(this.updateLoginCredentialsEvent=new CustomEvent("UpdateLoginCredentials",{bubbles:!0,detail:{userNameEmail:null==this?void 0:this.userNameEmail,userPassword:this.userPassword,userPrefix:null==this?void 0:this.userPrefix,userPhone:null==this?void 0:this.userPhone}}),window.dispatchEvent(this.updateLoginCredentialsEvent))}dispatchClearLoginCredentialsEvent(){const t=new CustomEvent("ClearLoginCredentials",{bubbles:!0});window.dispatchEvent(t)}checkIsDisabled(){return Boolean("true"!==this.loginByPhoneNumber&&(!this.isValidUserEmail||!this.userNameEmail)||"true"===this.loginByPhoneNumber&&(!this.isValidUserPhone||!this.userPhone||!this.userPrefix)||!this.userPassword||!this.isValidPassword||this.isLoginLoading||"gm17"===this.version&&this.captchaInstance&&!this.captchaToken)}renderVisibilityIcon(){return e("span",{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)"}))),!this.isPasswordVisible&&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)"}))))}renderUserIdentification(){return e("div",{class:"FormBox"},e("div",{class:"FormValue",onKeyDown:this.handleSubmit},"true"===this.loginByPhoneNumber?e("div",{class:!this.isValidUserPhone&&this.hasError?"InputBox InputInvalidBox":"InputBox "},e("div",{class:"PhoneInputBox"},e("div",{class:"PrefixBox"},"true"===this.isPrefixEditable?e("vaadin-combo-box",{items:this.phoneCodes,value:this.userPrefix,onChange:this.handleInputChangePartial("prefix")}):e("div",{class:"UneditablePrefix"},this.userPrefix),e("label",{class:(this.userPrefix?"FieldFilledIn":"")+" "+(!this.isValidUserPhone&&this.errorForFields.phone?"FieldInvalid":"")},r("userPrefix",this.lang))),e("div",{class:"PhoneBox"},e("input",{name:"tel",type:"tel",placeholder:"",ref:t=>this.inputUserPhoneReference=t,value:this.userPhone,onFocus:this.handleInputChangePartial("phone"),onInput:this.handleInputChangePartial("phone"),autocapitalize:"none",required:!0}),e("label",{class:(this.userPhone?"FieldFilledIn":"")+" "+(!this.isValidUserPhone&&this.errorForFields.phone?"FieldInvalid":"")},r("userPhone",this.lang)),!this.isValidUserPhone&&this.errorForFields.phone&&e("p",{class:"CredentialsError"},r("userPhoneError",this.lang))))):e("div",{class:!this.isValidUserEmail&&this.errorForFields.user?"InputBox InputInvalidBox":"InputBox"},e("input",{name:"user",type:"text",placeholder:"",value:this.userNameEmail,onInput:this.handleInputChangePartial("user"),autocapitalize:"none",required:!0}),e("label",{class:(this.userNameEmail?"FieldFilledIn":"")+" "+(!this.isValidUserEmail&&this.errorForFields.user?"FieldInvalid":"")},r("userEmail",this.lang)),!this.isValidUserEmail&&this.errorForFields.user&&e("p",{class:"CredentialsError"},r("userEmailError",this.lang))),e("div",{class:!this.isValidPassword&&this.errorForFields.password?"InputBox InputInvalidBox":"InputBox"},this.renderVisibilityIcon(),e("input",{name:"password",type:this.isPasswordVisible?"text":"password",placeholder:"",value:this.userPassword,onInput:this.handleInputChangePartial("password"),autocapitalize:"none",required:!0}),e("label",{class:(this.userPassword?"FieldFilledIn":"")+" "+(!this.isValidPassword&&this.errorForFields.password?"FieldInvalid":"")},r("password",this.lang)),!this.isValidPassword&&this.errorForFields.password&&e("p",{class:"CredentialsError"},r("userPasswordError",this.lang))),"true"===this.biometricEnabled&&this.isNativeApp&&e("div",{class:"PlayerBiometricsContainer"},e("div",{class:"PlayerBiometrics"},e("span",null,r("biometricLogin")),e("player-account-biometrics-action",{mode:this.biometricactionmode,isFromLogin:this.isFromLogin,isNativeApp:this.isNativeApp,lang:this.lang,translationurl:this.translationUrl,clientstyling:this.clientStyling,clientstylingurl:this.clientStylingUrl,mbsource:this.mbSource,isLoading:this.isLoginLoading}))),"true"==this.passwordReset&&e("div",{class:"ForgotPassword"},e("button",{onClick:this.resetPassword},r("forgotPassword",this.lang))),e("button",{disabled:this.checkIsDisabled(),class:"SubmitCredentials",onClick:this.handleLogin},r("login",this.lang)),this.hasError&&e("p",{class:"CredentialsError"},this.errorMessage)))}render(){return e("section",{key:"c5e52078e3e24ad5b931f5b48a9358c1f470313c",ref:t=>this.stylingContainer=t},this.renderUserIdentification(),e("slot",{key:"eac25bfc3f1c57a6ab24e7bf519ad7af5309c61d",name:y}))}get host(){return i(this)}static get watchers(){return{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};Tl.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 .PhoneInputBox .PrefixBox .UneditablePrefix{height:100%;width:100px;padding:0 0 0 5px;align-content:center;background:var(--emw--color-gray-100, #e6e6e6);border-radius:var(--emw--border-radius-medium, 10px)}.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:-10px;font-size:var(--emw--font-size-x-small, 16px)}vaadin-combo-box:focus-within~label,label.FieldFilledIn{top:-10px;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}.Register{font-size:var(--emw--font-size-medium, 16px);color:var(--emw--registration-typography, var(--emw--color-typography, #FFFFFF));text-align:center;margin:25px 0 10px}.Register p a{text-decoration:none;font-weight:600}.Register p a:hover{text-decoration:underline}.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))}.PlayerBiometricsContainer .PlayerBiometrics{margin:30px 0 40px;font-size:var(--emw--font-size-medium, 16px);color:var(--emw--registration-typography, var(--emw--color-typography, #000));display:flex;justify-content:space-between;background-color:transparent}@media screen and (max-width: 480px){.FormBox{width:100%;border-radius:0px}}';export{Tl as user_login}

package/package.json

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