@everymatrix/player-account-controller-nd 1.90.34 → 1.90.36

package/stencil/{pam-change-password-233d1ebe-DwUksX_S.js → pam-change-password-259289fa-C0ysebEM.js}

@@ -1,4 +1,4 @@
-import { r as g, h as t } from "../lazy/pam-change-password-Crxz8YNX.js";
+import { r as g, h as a } from "../lazy/pam-change-password-xFIA2xlR.js";
 const P = "en", p = {
   en: {
     title: "Change Password",
@@ -168,28 +168,28 @@ const P = "en", p = {
     passwordContainsFirstNameAndLastName: "Password should not contain first name and last name.",
     passwordContainsDateOfBirth: "Password should not contain date of birth."
   }
-}, f = (a) => new Promise((e) => {
-  fetch(a).then((s) => s.json()).then((s) => {
-    Object.keys(s).forEach((n) => {
-      for (let o in s[n])
-        p[n][o] = s[n][o];
+}, f = (n) => new Promise((e) => {
+  fetch(n).then((s) => s.json()).then((s) => {
+    Object.keys(s).forEach((t) => {
+      for (let o in s[t])
+        p[t][o] = s[t][o];
     }), e(!0);
   });
-}), l = (a, e, s) => {
-  const n = e;
-  let o = p[n !== void 0 ? n : P][a];
+}), i = (n, e, s) => {
+  const t = e;
+  let o = p[t !== void 0 ? t : P][n];
   if (s !== void 0)
-    for (const [r, i] of Object.entries(s.values)) {
+    for (const [r, l] of Object.entries(s.values)) {
       const d = new RegExp(`{${r}}`, "g");
-      o = o.replace(d, i);
+      o = o.replace(d, l);
     }
   return o;
 };
-function m() {
-  const a = navigator.userAgent.toLowerCase(), e = screen.availWidth, s = screen.availHeight;
-  if (a.includes("iphone"))
+function h() {
+  const n = navigator.userAgent.toLowerCase(), e = screen.availWidth, s = screen.availHeight;
+  if (n.includes("iphone"))
     return "mobile";
-  if (a.includes("android")) {
+  if (n.includes("android")) {
     if (s > e && e < 800)
       return "mobile";
     if (e > s && s < 800)
@@ -198,56 +198,56 @@ function m() {
   return "desktop";
 }
 const u = "__WIDGET_GLOBAL_STYLE_CACHE__";
-function h(a, e) {
-  if (a) {
+function m(n, e) {
+  if (n) {
     const s = document.createElement("style");
-    s.innerHTML = e, a.appendChild(s);
+    s.innerHTML = e, n.appendChild(s);
   }
 }
-function w(a, e) {
-  if (!a || !e)
+function w(n, e) {
+  if (!n || !e)
     return;
   const s = new URL(e);
-  fetch(s.href).then((n) => n.text()).then((n) => {
+  fetch(s.href).then((t) => t.text()).then((t) => {
     const o = document.createElement("style");
-    o.innerHTML = n, a && a.appendChild(o);
-  }).catch((n) => {
-    console.error("There was an error while trying to load client styling from URL", n);
+    o.innerHTML = t, n && n.appendChild(o);
+  }).catch((t) => {
+    console.error("There was an error while trying to load client styling from URL", t);
   });
 }
-function y(a, e, s, n = !1) {
+function y(n, e, s, t = !1) {
   if (!window.emMessageBus)
     return;
-  if (!("adoptedStyleSheets" in Document.prototype) || !n)
-    return s = C(a, e), s;
-  window[u] || (window[u] = {}), s = b(a, e);
-  const r = s.unsubscribe.bind(s), i = () => {
+  if (!("adoptedStyleSheets" in Document.prototype) || !t)
+    return s = C(n, e), s;
+  window[u] || (window[u] = {}), s = b(n, e);
+  const r = s.unsubscribe.bind(s), l = () => {
     if (window[u][e]) {
       const d = window[u][e];
       d.refCount > 1 ? d.refCount = d.refCount - 1 : delete window[u][e];
     }
     r();
   };
-  return s.unsubscribe = i, s;
+  return s.unsubscribe = l, s;
 }
-function C(a, e) {
+function C(n, e) {
   const s = document.createElement("style");
-  return window.emMessageBus.subscribe(e, (n) => {
-    a && (s.innerHTML = n, a.appendChild(s));
+  return window.emMessageBus.subscribe(e, (t) => {
+    n && (s.innerHTML = t, n.appendChild(s));
   });
 }
-function b(a, e) {
+function b(n, e) {
   return window.emMessageBus.subscribe(e, (s) => {
-    if (!a)
+    if (!n)
       return;
-    const n = a.getRootNode(), o = window[u];
+    const t = n.getRootNode(), o = window[u];
     let r = o[e] && o[e].sheet;
     r ? o[e].refCount = o[e].refCount + 1 : (r = new CSSStyleSheet(), r.replaceSync(s), o[e] = {
       sheet: r,
       refCount: 1
     });
-    const i = n.adoptedStyleSheets || [];
-    i.includes(r) || (n.adoptedStyleSheets = [...i, r]);
+    const l = t.adoptedStyleSheets || [];
+    l.includes(r) || (t.adoptedStyleSheets = [...l, r]);
   });
 }
 const v = `:host {
@@ -352,6 +352,40 @@ const v = `:host {
   border: none;
   overflow: hidden;
 }
+.PlayerChangePassword .ChangedPasswordSuccessfully .SuccessWrapper {
+  display: inline-flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+.PlayerChangePassword .ChangedPasswordSuccessfully .IconContainer {
+  width: 45px;
+  height: 45px;
+  border: 1px solid var(--emw--color-valid, #48952a);
+  border-radius: var(--emw--button-border-radius, 10px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.PlayerChangePassword .ChangedPasswordSuccessfully .Checkmark {
+  width: 12px;
+  height: 22px;
+  border: 1px solid var(--emw--color-valid, #48952a);
+  border-width: 0 2px 2px 0;
+  transform: rotate(45deg);
+  position: relative;
+  top: -3px;
+}
+.PlayerChangePassword .ChangedPasswordSuccessfully h3 {
+  font-size: var(--emw--font-size-large, 20px);
+  font-weight: var(--emw--font-weight-normal, 400);
+  margin: 10px 0;
+  color: var(--emw--color-valid, #48952a);
+}
+.PlayerChangePassword .ChangedPasswordSuccessfully .TextContainer {
+  display: flex;
+  flex-direction: column;
+  padding: 10px 20px;
+}
 @container (max-width: 425px) {
   .PlayerChangePassword .Form .ButtonReturn {
     display: inline-flex;
@@ -375,8 +409,8 @@ const v = `:host {
     opacity: 1;
   }
 }`, x = v, S = class {
-  constructor(a) {
-    g(this, a), this.currentPasswordValue = "", this.newPasswordValue = "", this.confirmPasswordValue = "", this.isCurrentPasswordValid = !1, this.isNewPasswordValid = !1, this.isConfirmPasswordValid = !1, this.errorMsg = "", this.currentPasswordValidationSchema = { mandatory: !0, custom: [] }, this.newPasswordValidationSchema = { mandatory: !0, custom: [] }, this.confirmPasswordValidationSchema = { mandatory: !0, custom: [] }, this.initValidationSchemas = () => {
+  constructor(n) {
+    g(this, n), this.currentPasswordValue = "", this.newPasswordValue = "", this.confirmPasswordValue = "", this.isCurrentPasswordValid = !1, this.isNewPasswordValid = !1, this.isConfirmPasswordValid = !1, this.errorMsg = "", this.currentPasswordValidationSchema = { mandatory: !0, custom: [] }, this.newPasswordValidationSchema = { mandatory: !0, custom: [] }, this.confirmPasswordValidationSchema = { mandatory: !0, custom: [] }, this.initValidationSchemas = () => {
       this.confirmPasswordValidationSchema = {
         mandatory: !0,
         maxLength: this.policy.maximumPasswordLength,
@@ -396,18 +430,18 @@ const v = `:host {
         custom: this.policy.customValidationRules
       };
     }, this.setErrorMsg = (e, s) => {
-      var n, o, r;
+      var t, o, r;
       switch (e) {
         case "gm.pms.password_policy_failed":
-          if (((o = (n = s?.errors) === null || n === void 0 ? void 0 : n.policy) === null || o === void 0 ? void 0 : o.length) > 0) {
-            const i = {
+          if (((o = (t = s?.errors) === null || t === void 0 ? void 0 : t.policy) === null || o === void 0 ? void 0 : o.length) > 0) {
+            const l = {
               forbiddenLastPasswordsCount: this.policy.forbiddenLastPasswordsCount,
               minimumPasswordAgeLimitHours: this.policy.minimumPasswordAgeLimitHours,
               hours: this.policy.minimumPasswordAgeLimitHours > 1 ? "hours" : "hour"
             };
-            this.errorMsg = l(e, this.language, { values: i });
+            this.errorMsg = i(e, this.language, { values: l });
           } else if (!((r = s?.errors) === null || r === void 0) && r.strength && Array.isArray(s.errors.strength)) {
-            const i = s.errors.strength.map((d) => {
+            const l = s.errors.strength.map((d) => {
               const c = {
                 "Password should not contain first name.": "passwordContainsFirstName",
                 "Password should not contain last name.": "passwordContainsLastName",
@@ -417,84 +451,90 @@ const v = `:host {
                 "Password should not contain first name and last name.": "passwordContainsFirstNameAndLastName",
                 "Password should not contain date of birth.": "passwordContainsDateOfBirth"
               }[d] || null;
-              return c ? l(c, this.language) : d;
+              return c ? i(c, this.language) : d;
             });
-            this.errorMsg = i.join(" ");
+            this.errorMsg = l.join(" ");
           }
           break;
         case "gm.pms.password_not_verified_unauthorized":
-          this.errorMsg = l(e, this.language);
+          this.errorMsg = i(e, this.language);
           break;
         default:
-          this.errorMsg = l("errorMsgGeneric", this.language);
+          this.errorMsg = i("errorMsgGeneric", this.language);
       }
     }, this.toggleScreen = () => {
       this.forgotMode ? window.postMessage({ type: "OpenLoginRegisterModal", transition: "ForgotPassword" }, window.location.href) : window.postMessage({ type: "PlayerAccountMenuActive", isMobile: this.isMobile }, window.location.href);
     }, this.getPolicy = () => {
       const e = new URL("/api/pam/v2/players/password", this.endpoint), s = new Headers();
       s.append("Accept", "text/plain"), s.append("Content-Type", "application/json-patch+json");
-      const n = {
+      const t = {
         method: "GET",
         headers: s
       };
-      fetch(e.href, n).then((o) => o.status === 200 && o.json()).then((o) => {
+      fetch(e.href, t).then((o) => o.status === 200 && o.json()).then((o) => {
         this.policy = o, this.policy.customValidationRules.forEach((r) => {
           r.rule = r.rule.toLowerCase(), r.rule === "duplicateinput" && (r.rule = "duplicate-input");
         }), this.initValidationSchemas();
       }).catch((o) => {
-        console.error(`${l("errorMsgGeneric", this.language)}:`, o), window.postMessage({ type: "WidgetNotification", data: { type: "error", message: l("errorMsgGeneric", this.language) } }, window.location.href);
+        console.error(`${i("errorMsgGeneric", this.language)}:`, o), window.postMessage({ type: "WidgetNotification", data: { type: "error", message: i("errorMsgGeneric", this.language) } }, window.location.href);
       }).finally(() => {
         this.isSkeletonLoading = !1;
       });
     }, this.submitNewPassword = (e) => {
       if (e.preventDefault(), this.isBtnSubmitEnabled) {
-        const s = new URL("/api/pam/v2/players/password", this.endpoint), n = new Headers();
-        n.append("accept", "text/plain"), n.append("Content-Type", "application/json-patch+json"), this.session && n.append("X-Session-ID", this.session);
+        const s = new URL("/api/pam/v2/players/password", this.endpoint), t = new Headers();
+        t.append("accept", "text/plain"), t.append("Content-Type", "application/json-patch+json"), this.session && t.append("X-Session-ID", this.session);
         const o = JSON.stringify({
           token: this.forgotMode === "true" ? this.token : this.session,
           oldPassword: this.currentPasswordValue,
           newPassword: this.confirmPasswordValue
         }), r = {
           method: "PUT",
-          headers: n,
+          headers: t,
           body: o
         };
-        fetch(s.href, r).then((i) => i.json()).then((i) => {
-          i.errorCode === null && i.message === "pms.password.update.success" ? (window.postMessage({ type: "PasswordChangedSuccessfully" }), window.postMessage({ type: "WidgetNotification", data: { type: "success", message: l("successMsg", this.language) } }, window.location.href)) : (this.setErrorMsg(i.message, i), window.postMessage({ type: "WidgetNotification", data: { type: "error", message: this.errorMsg } }, window.location.href));
-        }).catch((i) => console.error(i));
+        fetch(s.href, r).then((l) => {
+          if (l.ok) {
+            this.passwordChanged = !0, window.postMessage({ type: "PasswordChangedSuccessfully" }), window.postMessage({ type: "WidgetNotification", data: { type: "success", message: i("successMsg", this.language) } }, window.location.href);
+            return;
+          }
+          return l.json().then((d) => {
+            this.setErrorMsg(d.message, d), window.postMessage({ type: "WidgetNotification", data: { type: "error", message: this.errorMsg } }, window.location.href);
+          });
+        }).catch((l) => console.error(l));
       }
-    }, this.language = "en", this.endpoint = "", this.session = "", this.token = "", this.forgotMode = "", this.clientStyling = "", this.clientStylingUrl = "", this.mbSource = void 0, this.translationUrl = "", this.isBtnSubmitEnabled = !1, this.isSkeletonLoading = !0, this.isMobile = m() === "mobile" || m() === "tablet";
+    }, this.language = "en", this.endpoint = "", this.session = "", this.token = "", this.forgotMode = "", this.clientStyling = "", this.clientStylingUrl = "", this.mbSource = void 0, this.translationUrl = "", this.isBtnSubmitEnabled = !1, this.isSkeletonLoading = !0, this.isMobile = h() === "mobile" || h() === "tablet", this.passwordChanged = !1;
   }
-  handleClientStylingChange(a, e) {
-    a != e && h(this.stylingContainer, this.clientStyling);
+  handleClientStylingChange(n, e) {
+    n != e && m(this.stylingContainer, this.clientStyling);
   }
-  handleClientStylingUrlChange(a, e) {
-    a != e && this.clientStylingUrl && w(this.stylingContainer, this.clientStylingUrl);
+  handleClientStylingUrlChange(n, e) {
+    n != e && this.clientStylingUrl && w(this.stylingContainer, this.clientStylingUrl);
   }
-  sendValidityStateHandler(a) {
-    switch (this.isBtnSubmitEnabled = !1, a.detail.name) {
+  sendValidityStateHandler(n) {
+    switch (this.isBtnSubmitEnabled = !1, n.detail.name) {
       case "password":
-        this.isCurrentPasswordValid = a.detail.valid;
+        this.isCurrentPasswordValid = n.detail.valid;
         break;
       case "newPassword":
-        this.isNewPasswordValid = a.detail.valid;
+        this.isNewPasswordValid = n.detail.valid;
         break;
       case "newPasswordDuplicate":
-        this.isConfirmPasswordValid = a.detail.valid;
+        this.isConfirmPasswordValid = n.detail.valid;
         break;
     }
     (this.forgotMode === "true" || this.isCurrentPasswordValid) && this.isNewPasswordValid && this.isConfirmPasswordValid && (this.isBtnSubmitEnabled = !0);
   }
-  sendInputValueHandler(a) {
-    switch (a.detail.name) {
+  sendInputValueHandler(n) {
+    switch (n.detail.name) {
       case "password":
-        this.currentPasswordValue = a.detail.value;
+        this.currentPasswordValue = n.detail.value;
         break;
       case "newPassword":
-        this.newPasswordValue = a.detail.value;
+        this.newPasswordValue = n.detail.value;
         break;
       case "newPasswordDuplicate":
-        this.confirmPasswordValue = a.detail.value;
+        this.confirmPasswordValue = n.detail.value;
         break;
     }
   }
@@ -503,13 +543,13 @@ const v = `:host {
       return f(this.translationUrl);
   }
   componentDidLoad() {
-    this.stylingContainer && (window.emMessageBus != null ? y(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription) : (this.clientStyling && h(this.stylingContainer, this.clientStyling), this.clientStylingUrl && w(this.stylingContainer, this.clientStylingUrl)));
+    this.stylingContainer && (window.emMessageBus != null ? y(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription) : (this.clientStyling && m(this.stylingContainer, this.clientStyling), this.clientStylingUrl && w(this.stylingContainer, this.clientStylingUrl)));
   }
   disconnectedCallback() {
     this.stylingSubscription && this.stylingSubscription.unsubscribe();
   }
   render() {
-    return this.isSkeletonLoading ? t("div", { class: "PlayerChangePassword skeleton" }, t("form", { class: "Form" }, t("div", { class: "ButtonReturn" }, t("ui-skeleton", { structure: "text", width: "auto", height: "30px" })), t("section", { class: "FieldsSection" }, t("div", { class: "FieldContainer" }, t("div", { class: "FieldTitle" }, t("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), t("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" })), t("div", { class: "FieldContainer" }, t("div", { class: "FieldTitle" }, t("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), t("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" })), t("div", { class: "FieldContainer" }, t("div", { class: "FieldTitle" }, t("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), t("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" }))), t("section", { class: "ButtonsSection" }, t("div", { class: "Button" }, t("ui-skeleton", { structure: "rectangle", width: "auto", height: "50px" }))))) : t("div", { class: "PlayerChangePassword", ref: (a) => this.stylingContainer = a }, t("form", { class: "Form" }, t("div", { class: "ButtonReturn", onClick: this.toggleScreen }, t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, t("g", { transform: "translate(-20 -158)" }, t("g", { transform: "translate(20 158)" }, t("path", { class: "aaa", d: "M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z", transform: "translate(15 15) rotate(180)" })))), t("h2", { class: "TitleMobile" }, l("title", this.language))), t("h2", { class: "Title" }, l("title", this.language)), t("section", { class: "FieldsSection" }, this.forgotMode === "false" && t("general-input", { type: "password", action: "input", name: "password", language: this.language, "display-name": l("passwordDisplayText", this.language), placeholder: l("passwordPlaceholderText", this.language), validation: { mandatory: !1 }, "no-validation": "true", clientStyling: this.clientStyling, "mb-source": this.mbSource, "hide-password-complexity": "true" }), t("general-input", { type: "password", action: "input", name: "newPassword", language: this.language, "display-name": l("newPasswordDisplayText", this.language), placeholder: l("newPasswordPlaceholderText", this.language), validation: this.newPasswordValidationSchema, clientStyling: this.clientStyling, "mb-source": this.mbSource }), t("general-input", { type: "password", action: "input", name: "newPasswordDuplicate", language: this.language, "display-name": l("confirmPasswordDisplayText", this.language), placeholder: l("confirmPasswordPlaceholderText", this.language), validation: this.confirmPasswordValidationSchema, "is-duplicate-input": !0, clientStyling: this.clientStyling, "mb-source": this.mbSource })), t("section", { class: "ButtonsSection" }, t("button", { class: "Button", disabled: !this.isBtnSubmitEnabled, onClick: this.submitNewPassword }, l("btnSubmit", this.language)))));
+    return this.isSkeletonLoading ? a("div", { class: "PlayerChangePassword skeleton" }, a("form", { class: "Form" }, a("div", { class: "ButtonReturn" }, a("ui-skeleton", { structure: "text", width: "auto", height: "30px" })), a("section", { class: "FieldsSection" }, a("div", { class: "FieldContainer" }, a("div", { class: "FieldTitle" }, a("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), a("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" })), a("div", { class: "FieldContainer" }, a("div", { class: "FieldTitle" }, a("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), a("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" })), a("div", { class: "FieldContainer" }, a("div", { class: "FieldTitle" }, a("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), a("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" }))), a("section", { class: "ButtonsSection" }, a("div", { class: "Button" }, a("ui-skeleton", { structure: "rectangle", width: "auto", height: "50px" }))))) : a("div", { class: "PlayerChangePassword", ref: (n) => this.stylingContainer = n }, this.passwordChanged ? a("div", { class: "ChangedPasswordSuccessfully" }, a("div", { class: "SuccessWrapper" }, a("div", { class: "IconContainer" }, a("div", { class: "Checkmark" })), a("div", { class: "TextContainer" }, a("h3", null, i("successMsg", this.language))))) : a("form", { class: "Form" }, a("div", { class: "ButtonReturn", onClick: this.toggleScreen }, a("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, a("g", { transform: "translate(-20 -158)" }, a("g", { transform: "translate(20 158)" }, a("path", { class: "aaa", d: "M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z", transform: "translate(15 15) rotate(180)" })))), a("h2", { class: "TitleMobile" }, i("title", this.language))), a("h2", { class: "Title" }, i("title", this.language)), a("section", { class: "FieldsSection" }, this.forgotMode === "false" && a("general-input", { type: "password", action: "input", name: "password", language: this.language, "display-name": i("passwordDisplayText", this.language), placeholder: i("passwordPlaceholderText", this.language), validation: { mandatory: !1 }, "no-validation": "true", clientStyling: this.clientStyling, "mb-source": this.mbSource, "hide-password-complexity": "true" }), a("general-input", { type: "password", action: "input", name: "newPassword", language: this.language, "display-name": i("newPasswordDisplayText", this.language), placeholder: i("newPasswordPlaceholderText", this.language), validation: this.newPasswordValidationSchema, clientStyling: this.clientStyling, "mb-source": this.mbSource }), a("general-input", { type: "password", action: "input", name: "newPasswordDuplicate", language: this.language, "display-name": i("confirmPasswordDisplayText", this.language), placeholder: i("confirmPasswordPlaceholderText", this.language), validation: this.confirmPasswordValidationSchema, "is-duplicate-input": !0, clientStyling: this.clientStyling, "mb-source": this.mbSource })), a("section", { class: "ButtonsSection" }, a("button", { class: "Button", disabled: !this.isBtnSubmitEnabled, onClick: this.submitNewPassword }, i("btnSubmit", this.language)))));
   }
   static get watchers() {
     return {
@@ -523,5 +563,5 @@ export {
   S as P,
   y as a,
   w as b,
-  h as s
+  m as s
 };