@everymatrix/pam-login 1.88.6 → 1.88.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{pam-login-268e2a6d.js → pam-login-91197e1d.js} +1 -1
- package/dist/cjs/pam-login_2.cjs.entry.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/{pam-login-4de76194.js → pam-login-bcb5601d.js} +1 -1
- package/dist/esm/pam-login_2.entry.js +1 -1
- package/dist/pam-login/index.esm.js +1 -1
- package/dist/pam-login/{pam-login-4de76194.js → pam-login-bcb5601d.js} +1 -1
- package/dist/pam-login/pam-login_2.entry.js +1 -1
- package/package.json +1 -1
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -100,7 +100,7 @@ function getAdoptStyleSubscription(stylingContainer, domain) {
|
|
|
100
100
|
|
|
101
101
|
const shadowRoot = stylingContainer.getRootNode();
|
|
102
102
|
const cacheStyleObject = window[StyleCacheKey];
|
|
103
|
-
let cachedStyle = cacheStyleObject[domain]
|
|
103
|
+
let cachedStyle = cacheStyleObject[domain] && cacheStyleObject[domain].sheet;
|
|
104
104
|
|
|
105
105
|
if (!cachedStyle) {
|
|
106
106
|
cachedStyle = new CSSStyleSheet();
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const pamLogin = require('./pam-login-
|
|
5
|
+
const pamLogin = require('./pam-login-91197e1d.js');
|
|
6
6
|
const index = require('./index-c5001c3e.js');
|
|
7
7
|
|
|
8
8
|
const uiSkeletonCss = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.SkeletonRectangle{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)}.SkeletonCircle{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%}.SkeletonText{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)}.SkeletonText:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.SkeletonTitle{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)}.SkeletonImage{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)}.SkeletonLogo{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/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { P as PamLogin } from './pam-login-
|
|
1
|
+
export { P as PamLogin } from './pam-login-bcb5601d.js';
|
|
2
2
|
import './index-a126c540.js';
|
|
@@ -98,7 +98,7 @@ function getAdoptStyleSubscription(stylingContainer, domain) {
|
|
|
98
98
|
|
|
99
99
|
const shadowRoot = stylingContainer.getRootNode();
|
|
100
100
|
const cacheStyleObject = window[StyleCacheKey];
|
|
101
|
-
let cachedStyle = cacheStyleObject[domain]
|
|
101
|
+
let cachedStyle = cacheStyleObject[domain] && cacheStyleObject[domain].sheet;
|
|
102
102
|
|
|
103
103
|
if (!cachedStyle) {
|
|
104
104
|
cachedStyle = new CSSStyleSheet();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { P as pam_login } from './pam-login-
|
|
1
|
+
export { P as pam_login } from './pam-login-bcb5601d.js';
|
|
2
2
|
import { r as registerInstance, h, H as Host } from './index-a126c540.js';
|
|
3
3
|
|
|
4
4
|
const uiSkeletonCss = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.SkeletonRectangle{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)}.SkeletonCircle{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%}.SkeletonText{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)}.SkeletonText:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.SkeletonTitle{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)}.SkeletonImage{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)}.SkeletonLogo{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)}}";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{P as PamLogin}from"./pam-login-
|
|
1
|
+
export{P as PamLogin}from"./pam-login-bcb5601d.js";import"./index-a126c540.js";
|
|
@@ -2651,4 +2651,4 @@ class fr{constructor(t){this.host=t,t.addEventListener("opened-changed",(()=>{t.
|
|
|
2651
2651
|
></vaadin-combo-box-overlay>
|
|
2652
2652
|
|
|
2653
2653
|
<slot name="tooltip"></slot>
|
|
2654
|
-
`}static get properties(){return{_positionTarget:{type:Object}}}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new or(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new rr(this.inputElement,this._labelController)),this._tooltipController=new Io(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)}}h(br);const yr=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/pam/v2/players/auth/password/verify",this.endpoint),e={"Content-Type":"application/json"};this.captchaData.isEnabled&&(e["X-Captcha-Response"]=this.captchaData.token);const i={contact:this.contactValue,password:this.passwordValue,deviceInformation:l()},s={method:"POST",headers:e,body:JSON.stringify(i)};return new Promise(((e,i)=>{fetch(t.href,s).then((t=>t.json())).then((t=>{var s,o;if(t.token)return this.apiErrorMessage="",e(t.token);{const e=null===(s=null==t?void 0:t.thirdPartyResponse)||void 0===s?void 0:s.errorCode;if("GmErr_USER_AUTH_FAILED"===e&&"true"===this.loginByPhoneNumber)this.apiErrorMessage=a("AuthFailedPhoneNumber",this.lang);else{const i=null==t?void 0:t.message;this.apiErrorMessage=a(`${e}`,this.lang)||a(`${i}`,this.lang)||(null===(o=null==t?void 0:t.thirdPartyResponse)||void 0===o?void 0:o.message)||a("genericError",this.lang)}return i(this.apiErrorMessage)}}))}))},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=>{var i,o;if(e.error){const t=null===(i=null==e?void 0:e.thirdPartyResponse)||void 0===i?void 0:i.errorCode;if("GmErr_USER_AUTH_FAILED"===t&&"true"===this.loginByPhoneNumber)this.apiErrorMessage=a("AuthFailedPhoneNumber",this.lang);else{const i=null==e?void 0:e.message;this.apiErrorMessage=a(`${t}`,this.lang)||a(`${i}`,this.lang)||(null===(o=null==e?void 0:e.thirdPartyResponse)||void 0===o?void 0:o.message)||a("genericError",this.lang)}return s(this.apiErrorMessage)}return 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:a("successMessage",this.lang)}},window.location.href),this.apiErrorMessage=""})).catch((t=>{console.error(`Legislation login failed: ${t.message}`,t.errors),this.apiErrorMessage=this.apiErrorMessage||a("genericError",this.lang),this.sendErrorNotification(this.apiErrorMessage)})).finally((()=>this.isLoading=!1))})).catch((t=>{console.error(t),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(){n(this.translationUrl)}handleClientStylingChange(t,e){t!=e&&s(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&this.clientStylingUrl&&o(this.stylingContainer,this.clientStylingUrl)}async componentWillLoad(){"true"===this.loginByPhoneNumber&&await this.getPhoneCodes(),this.translationUrl.length>2&&await n(this.translationUrl),this.getLoginConfig().then((()=>this.appendCaptchaScript()),(t=>{console.error(t),this.apiErrorMessage=a("configError",this.lang),this.sendErrorNotification(this.apiErrorMessage)}))}componentDidLoad(){this.stylingContainer&&(null!=window.emMessageBus?function(t,e,s,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[i]||(window[i]={});const r=(s=function(t,e){return window.emMessageBus.subscribe(e,(s=>{if(!t)return;const o=t.getRootNode(),r=window[i];let n=r[e]?.sheet;n?r[e].refCount=r[e].refCount+1:(n=new CSSStyleSheet,n.replaceSync(s),r[e]={sheet:n,refCount:1});const a=o.adoptedStyleSheets||[];a.includes(n)||(o.adoptedStyleSheets=[...a,n])}))}(t,e)).unsubscribe.bind(s);s.unsubscribe=()=>{if(window[i][e]){const t=window[i][e];t.refCount>1?t.refCount=t.refCount-1:delete window[i][e]}r()}}(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription):(this.clientStyling&&s(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&o(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/pam/v2/players/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:"bc4f37b766f01cbb1a2850b5365fc3f9deccbff5",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:"499004fc20af9725080c7718b3c29736f7febf30",class:"FormBox"},e("div",{key:"14eed0c08e13e4b25ccccab51d8fa45634e67210",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")},a("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")},a("userPhone",this.lang)))),!this.isContactValid&&e("p",{class:"CredentialsError"},a("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")},a("userEmail",this.lang)),!this.isContactValid&&e("p",{class:"CredentialsError"},a("userEmailError",this.lang))),e("div",{key:"ce16fe11a12292317a68a967fe7539fea6ebc5c6",class:this.isPasswordValid?"InputBox":"InputBox InputInvalidBox"},t,e("input",{key:"663823ebab5711a5441ccde0f2337cc43f105b82",type:this.isPasswordVisible?"text":"password",placeholder:"",value:this.passwordValue,onInput:this.handleInputChangePartial("password"),autocapitalize:"none",required:!0}),e("label",{key:"6d2f2ca82162161149f5c8f31a95da9248995e86",class:(this.passwordValue?"FieldFilledIn":"")+" "+(this.isPasswordValid?"":"FieldInvalid")},a("password",this.lang)),this.isPasswordValid||e("p",{key:"cd4ae3c08eb821c15f7b8f2d905eb3efbe01f126",class:"CredentialsError"},a("userPasswordError",this.lang))),"true"==this.passwordReset&&e("div",{key:"f533de8ea216ff532aed3467456057e402f48135",class:"ForgotPassword"},e("button",{key:"01d9245dffd5b77531dad7edc6e23c7ebe81a33f",onClick:this.resetPassword},a("forgotPassword",this.lang))),this.captchaData.isEnabled&&"cloudflare"===this.captchaData.provider&&e("slot",{key:"adfaf4df5f8fecb28a447297cb458a7160c3683e",name:"turnstile"}),this.captchaData.isEnabled&&"google"===this.captchaData.provider&&e("slot",{key:"88ade9e7b049a1c79ddc174bf8030d42af02de61",name:"google"}),e("button",{key:"e252177c7ee29890de9d3786d88e277642b6c53b",disabled:this.isSubmitDisabled(),class:"SubmitCredentials",onClick:this.handleLogin},a("login",this.lang)),this.apiErrorMessage&&e("p",{key:"41211b8531f0981183920fea4a929a019e2e9a5c",class:"CredentialsError"},this.apiErrorMessage))),s=e("div",{key:"b196e18e7f3bd9c1a2ad5c7e656950cbad6169e2",class:"LoadingSkeleton"},e("form",{key:"4b20b07b5d5f75a27edba1a2a58f428d14c224b4",class:"Form"},e("section",{key:"e9693d077413bbaba63bf0099ade2bdad45220e9",class:"FieldsSection"},e("div",{key:"c1f43ada02950ee0e77aad32998e9965499ea6ca",class:"FieldContainer"},e("div",{key:"0a12202e333abd9a329a4f3240472079067e617d",class:"FieldTitle"},e("ui-skeleton",{key:"d7ace8e2a823d2aa825e8d51fc0292faf471bc2d",structure:"title",width:"auto",height:"20px"})),e("ui-skeleton",{key:"75949006b49514482a05a907aea7b1b1032a9694",structure:"rectangle",width:"auto",height:"35px"})),e("div",{key:"4d4d1e332b3184a44f3a7edca8a1d67a549cf903",class:"FieldContainer"},e("div",{key:"7c94821464d7fb01ce4fa0a5fcf937d0f5bad5d6",class:"FieldTitle"},e("ui-skeleton",{key:"c3e44caf47b84e830f9baa39ed455198a0ecefae",structure:"title",width:"auto",height:"20px"})),e("ui-skeleton",{key:"08e063c237b9fc8613ce993edd8206b887725ffc",structure:"rectangle",width:"auto",height:"35px"}))),e("section",{key:"522b7f10d8acc1ffc15632b13b405a5954c5f8b6",class:"ButtonsSection"},e("div",{key:"21c219a0e03d6383cada154b7b509d68bc8b3b45",class:"Button"},e("ui-skeleton",{key:"cf6b5a9b39aabf387603a2d996ca62a57ab4775e",structure:"rectangle",width:"auto",height:"50px"})))));return e("section",{key:"cdf856b9dac4ffe1b0549e540aa0acdff32829d9",ref:t=>this.stylingContainer=t},this.isLoading?s:i)}static get watchers(){return{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}}};yr.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{yr as P}
|
|
2654
|
+
`}static get properties(){return{_positionTarget:{type:Object}}}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new or(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new rr(this.inputElement,this._labelController)),this._tooltipController=new Io(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)}}h(br);const yr=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/pam/v2/players/auth/password/verify",this.endpoint),e={"Content-Type":"application/json"};this.captchaData.isEnabled&&(e["X-Captcha-Response"]=this.captchaData.token);const i={contact:this.contactValue,password:this.passwordValue,deviceInformation:l()},s={method:"POST",headers:e,body:JSON.stringify(i)};return new Promise(((e,i)=>{fetch(t.href,s).then((t=>t.json())).then((t=>{var s,o;if(t.token)return this.apiErrorMessage="",e(t.token);{const e=null===(s=null==t?void 0:t.thirdPartyResponse)||void 0===s?void 0:s.errorCode;if("GmErr_USER_AUTH_FAILED"===e&&"true"===this.loginByPhoneNumber)this.apiErrorMessage=a("AuthFailedPhoneNumber",this.lang);else{const i=null==t?void 0:t.message;this.apiErrorMessage=a(`${e}`,this.lang)||a(`${i}`,this.lang)||(null===(o=null==t?void 0:t.thirdPartyResponse)||void 0===o?void 0:o.message)||a("genericError",this.lang)}return i(this.apiErrorMessage)}}))}))},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=>{var i,o;if(e.error){const t=null===(i=null==e?void 0:e.thirdPartyResponse)||void 0===i?void 0:i.errorCode;if("GmErr_USER_AUTH_FAILED"===t&&"true"===this.loginByPhoneNumber)this.apiErrorMessage=a("AuthFailedPhoneNumber",this.lang);else{const i=null==e?void 0:e.message;this.apiErrorMessage=a(`${t}`,this.lang)||a(`${i}`,this.lang)||(null===(o=null==e?void 0:e.thirdPartyResponse)||void 0===o?void 0:o.message)||a("genericError",this.lang)}return s(this.apiErrorMessage)}return 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:a("successMessage",this.lang)}},window.location.href),this.apiErrorMessage=""})).catch((t=>{console.error(`Legislation login failed: ${t.message}`,t.errors),this.apiErrorMessage=this.apiErrorMessage||a("genericError",this.lang),this.sendErrorNotification(this.apiErrorMessage)})).finally((()=>this.isLoading=!1))})).catch((t=>{console.error(t),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(){n(this.translationUrl)}handleClientStylingChange(t,e){t!=e&&s(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&this.clientStylingUrl&&o(this.stylingContainer,this.clientStylingUrl)}async componentWillLoad(){"true"===this.loginByPhoneNumber&&await this.getPhoneCodes(),this.translationUrl.length>2&&await n(this.translationUrl),this.getLoginConfig().then((()=>this.appendCaptchaScript()),(t=>{console.error(t),this.apiErrorMessage=a("configError",this.lang),this.sendErrorNotification(this.apiErrorMessage)}))}componentDidLoad(){this.stylingContainer&&(null!=window.emMessageBus?function(t,e,s,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[i]||(window[i]={});const r=(s=function(t,e){return window.emMessageBus.subscribe(e,(s=>{if(!t)return;const o=t.getRootNode(),r=window[i];let n=r[e]&&r[e].sheet;n?r[e].refCount=r[e].refCount+1:(n=new CSSStyleSheet,n.replaceSync(s),r[e]={sheet:n,refCount:1});const a=o.adoptedStyleSheets||[];a.includes(n)||(o.adoptedStyleSheets=[...a,n])}))}(t,e)).unsubscribe.bind(s);s.unsubscribe=()=>{if(window[i][e]){const t=window[i][e];t.refCount>1?t.refCount=t.refCount-1:delete window[i][e]}r()}}(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription):(this.clientStyling&&s(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&o(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/pam/v2/players/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:"bc4f37b766f01cbb1a2850b5365fc3f9deccbff5",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:"499004fc20af9725080c7718b3c29736f7febf30",class:"FormBox"},e("div",{key:"14eed0c08e13e4b25ccccab51d8fa45634e67210",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")},a("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")},a("userPhone",this.lang)))),!this.isContactValid&&e("p",{class:"CredentialsError"},a("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")},a("userEmail",this.lang)),!this.isContactValid&&e("p",{class:"CredentialsError"},a("userEmailError",this.lang))),e("div",{key:"ce16fe11a12292317a68a967fe7539fea6ebc5c6",class:this.isPasswordValid?"InputBox":"InputBox InputInvalidBox"},t,e("input",{key:"663823ebab5711a5441ccde0f2337cc43f105b82",type:this.isPasswordVisible?"text":"password",placeholder:"",value:this.passwordValue,onInput:this.handleInputChangePartial("password"),autocapitalize:"none",required:!0}),e("label",{key:"6d2f2ca82162161149f5c8f31a95da9248995e86",class:(this.passwordValue?"FieldFilledIn":"")+" "+(this.isPasswordValid?"":"FieldInvalid")},a("password",this.lang)),this.isPasswordValid||e("p",{key:"cd4ae3c08eb821c15f7b8f2d905eb3efbe01f126",class:"CredentialsError"},a("userPasswordError",this.lang))),"true"==this.passwordReset&&e("div",{key:"f533de8ea216ff532aed3467456057e402f48135",class:"ForgotPassword"},e("button",{key:"01d9245dffd5b77531dad7edc6e23c7ebe81a33f",onClick:this.resetPassword},a("forgotPassword",this.lang))),this.captchaData.isEnabled&&"cloudflare"===this.captchaData.provider&&e("slot",{key:"adfaf4df5f8fecb28a447297cb458a7160c3683e",name:"turnstile"}),this.captchaData.isEnabled&&"google"===this.captchaData.provider&&e("slot",{key:"88ade9e7b049a1c79ddc174bf8030d42af02de61",name:"google"}),e("button",{key:"e252177c7ee29890de9d3786d88e277642b6c53b",disabled:this.isSubmitDisabled(),class:"SubmitCredentials",onClick:this.handleLogin},a("login",this.lang)),this.apiErrorMessage&&e("p",{key:"41211b8531f0981183920fea4a929a019e2e9a5c",class:"CredentialsError"},this.apiErrorMessage))),s=e("div",{key:"b196e18e7f3bd9c1a2ad5c7e656950cbad6169e2",class:"LoadingSkeleton"},e("form",{key:"4b20b07b5d5f75a27edba1a2a58f428d14c224b4",class:"Form"},e("section",{key:"e9693d077413bbaba63bf0099ade2bdad45220e9",class:"FieldsSection"},e("div",{key:"c1f43ada02950ee0e77aad32998e9965499ea6ca",class:"FieldContainer"},e("div",{key:"0a12202e333abd9a329a4f3240472079067e617d",class:"FieldTitle"},e("ui-skeleton",{key:"d7ace8e2a823d2aa825e8d51fc0292faf471bc2d",structure:"title",width:"auto",height:"20px"})),e("ui-skeleton",{key:"75949006b49514482a05a907aea7b1b1032a9694",structure:"rectangle",width:"auto",height:"35px"})),e("div",{key:"4d4d1e332b3184a44f3a7edca8a1d67a549cf903",class:"FieldContainer"},e("div",{key:"7c94821464d7fb01ce4fa0a5fcf937d0f5bad5d6",class:"FieldTitle"},e("ui-skeleton",{key:"c3e44caf47b84e830f9baa39ed455198a0ecefae",structure:"title",width:"auto",height:"20px"})),e("ui-skeleton",{key:"08e063c237b9fc8613ce993edd8206b887725ffc",structure:"rectangle",width:"auto",height:"35px"}))),e("section",{key:"522b7f10d8acc1ffc15632b13b405a5954c5f8b6",class:"ButtonsSection"},e("div",{key:"21c219a0e03d6383cada154b7b509d68bc8b3b45",class:"Button"},e("ui-skeleton",{key:"cf6b5a9b39aabf387603a2d996ca62a57ab4775e",structure:"rectangle",width:"auto",height:"50px"})))));return e("section",{key:"cdf856b9dac4ffe1b0549e540aa0acdff32829d9",ref:t=>this.stylingContainer=t},this.isLoading?s:i)}static get watchers(){return{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}}};yr.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{yr as P}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{P as pam_login}from"./pam-login-
|
|
1
|
+
export{P as pam_login}from"./pam-login-bcb5601d.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:"SkeletonLogo "+(this.animation?"Skeleton":"")}))}renderImage(){return t("div",{class:"SkeletonImage "+(this.animation?"Skeleton":"")})}renderTitle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"SkeletonTitle "+(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:"SkeletonText "+(this.animation?"Skeleton":"")}))))}renderRectangle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"SkeletonRectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"SkeletonCircle "+(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:"c2a2650acd416962a2bc4e1a7ee18bc6d8e2def8"},t("style",{key:"9bd7fc1f9e9ed9f17735a7b72fce6f09696f5e19"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};i.style=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.SkeletonRectangle{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)}.SkeletonCircle{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%}.SkeletonText{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)}.SkeletonText:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.SkeletonTitle{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)}.SkeletonImage{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)}.SkeletonLogo{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}
|