@everymatrix/player-account-controller 1.66.1 → 1.67.0

package/stencil/{player-change-password-gm2-5cb5c6c1-Bi9IbxQV.js → pam-change-password-f4a1e7e7-CfVbvq6Y.js}

@@ -1,5 +1,5 @@
-import { r as w, h as i } from "./index-9cd44522--OAp7ePk.js";
-const p = "en", h = {
+import { r as p, h as e } from "./index-13661b98-Bg3nkDqk.js";
+const w = "en", h = {
   en: {
     title: "Change Password",
     btnSubmit: "Change Password",
@@ -112,152 +112,301 @@ const p = "en", h = {
     "gm.pms.password_not_verified_unauthorized": "A megadott jelenlegi jelszó helytelen",
     "gm.pms.password_policy_failed": "A jelszó nem egyezhet meg az utolsó {forbiddenLastPasswordsCount} jelszóval. A jelszó nem változtatható meg {minimumPasswordAgeLimitHours} {hours}-on belül az utolsó módosítás óta."
   }
-}, g = (e) => new Promise((s) => {
-  fetch(e).then((a) => a.json()).then((a) => {
-    Object.keys(a).forEach((t) => {
-      for (let r in a[t])
-        h[t][r] = a[t][r];
-    }), s(!0);
+}, g = (s) => new Promise((t) => {
+  fetch(s).then((a) => a.json()).then((a) => {
+    Object.keys(a).forEach((n) => {
+      for (let i in a[n])
+        h[n][i] = a[n][i];
+    }), t(!0);
   });
-}), o = (e, s, a) => {
-  const t = s;
-  let r = h[t !== void 0 ? t : p][e];
+}), r = (s, t, a) => {
+  const n = t;
+  let i = h[n !== void 0 ? n : w][s];
   if (a !== void 0)
-    for (const [l, n] of Object.entries(a.values)) {
+    for (const [l, o] of Object.entries(a.values)) {
       const m = new RegExp(`{${l}}`, "g");
-      r = r.replace(m, n);
+      i = i.replace(m, o);
     }
-  return r;
+  return i;
 };
 function d() {
-  const e = navigator.userAgent.toLowerCase(), s = screen.availWidth, a = screen.availHeight;
-  if (e.includes("iphone"))
+  const s = navigator.userAgent.toLowerCase(), t = screen.availWidth, a = screen.availHeight;
+  if (s.includes("iphone"))
     return "mobile";
-  if (e.includes("android")) {
-    if (a > s && s < 800)
+  if (s.includes("android")) {
+    if (a > t && t < 800)
       return "mobile";
-    if (s > a && a < 800)
+    if (t > a && a < 800)
       return "tablet";
   }
   return "desktop";
 }
-function c(e, s) {
-  if (e) {
+function c(s, t) {
+  if (s) {
     const a = document.createElement("style");
-    a.innerHTML = s, e.appendChild(a);
+    a.innerHTML = t, s.appendChild(a);
   }
 }
-function u(e, s) {
-  const a = new URL(s);
-  fetch(a.href).then((t) => t.text()).then((t) => {
-    const r = document.createElement("style");
-    r.innerHTML = t, e && e.appendChild(r);
-  }).catch((t) => {
-    console.error("There was an error while trying to load client styling from URL", t);
+function u(s, t) {
+  const a = new URL(t);
+  fetch(a.href).then((n) => n.text()).then((n) => {
+    const i = document.createElement("style");
+    i.innerHTML = n, s && s.appendChild(i);
+  }).catch((n) => {
+    console.error("There was an error while trying to load client styling from URL", n);
   });
 }
-function f(e, s, a) {
+function P(s, t, a) {
   if (window.emMessageBus) {
-    const t = document.createElement("style");
-    window.emMessageBus.subscribe(s, (r) => {
-      t.innerHTML = r, e && e.appendChild(t);
+    const n = document.createElement("style");
+    window.emMessageBus.subscribe(t, (i) => {
+      n.innerHTML = i, s && s.appendChild(n);
     });
   }
 }
-const P = ":host{display:block}.PlayerChangePassword{font-family:inherit;width:100%;height:100%;container-type:inline-size}.PlayerChangePassword .Wrapper{display:flex;justify-content:center;align-items:center}.PlayerChangePassword .Title{font-size:var(--emw--font-size-x-large, 26px);color:var(--emw--color-primary, #22B04E);font-weight:var(--emw--font-weight-semibold, 500)}.PlayerChangePassword .TitleMobile{font-size:var(--emw--font-size-x-large, 20px);color:var(--emw--color-primary, #22B04E)}.PlayerChangePassword svg{fill:var(--emw--color-primary, #22B04E)}.PlayerChangePassword .ButtonReturn{font-family:inherit;display:inline-flex;align-items:center;gap:10px}.PlayerChangePassword .Form{display:grid;grid-template-columns:repeat(1, 1fr);gap:40px;justify-items:stretch;align-content:flex-start;overflow:auto;width:100%;height:100%}.PlayerChangePassword .Form .FieldsSection{display:flex;flex-direction:column;gap:30px}.PlayerChangePassword .Form .ButtonsSection{display:flex;flex-direction:column;justify-content:space-around;align-items:center;position:relative}.PlayerChangePassword .Button{font-family:inherit;border-radius:var(--emw--button-border-radius, var(--emw--border-radius-large, 50px));background:var(--emw--button-background-color, var(--emw--color-primary, #22B04E));border:var(--emw--button-border, 1px solid var(--emw--button-border-color, #22B04E));color:var(--emw--button-text-color, var(--emw--color-white, #FFFFFF));font-size:var(--emw--font-size-large, 20px);font-weight:var(--emw--font-weight-normal, 400);height:50px;width:100%;text-transform:uppercase;cursor:pointer}.PlayerChangePassword .Button:disabled{background:var(--emfe-w-color-gray-100, #E6E6E6);border:var(--emw--button-border, 1px solid var(--emw--button-border-color, #828282));pointer-events:none;cursor:not-allowed}", y = P, b = class {
-  constructor(e) {
-    w(this, e), 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.policy && (this.newPasswordValidationSchema.custom = this.policy.customValidationRules, this.newPasswordValidationSchema.maxLength = this.policy.maximumPasswordLength, this.newPasswordValidationSchema.minLength = this.policy.minimumPasswordLength);
-    }, this.setErrorMsg = (s) => {
-      switch (s) {
+const f = `:host {
+  display: block;
+}
+
+.PlayerChangePassword {
+  font-family: inherit;
+  width: 100%;
+  height: 100%;
+  container-type: inline-size;
+  opacity: 1;
+  animation-name: fadeIn;
+  animation-iteration-count: 1;
+  animation-timing-function: ease-in;
+  animation-duration: 0.3s;
+  container-type: inline-size;
+}
+.PlayerChangePassword .Wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.PlayerChangePassword .Title {
+  background-color: transparent;
+  font-size: var(--emw--font-size-x-large, 26px);
+  color: var(--emw--color-primary, #22B04E);
+  font-weight: var(--emw--font-weight-semibold, 500);
+}
+.PlayerChangePassword .TitleMobile {
+  font-size: var(--emw--font-size-x-large, 20px);
+  color: var(--emw--color-primary, #22B04E);
+}
+.PlayerChangePassword svg {
+  fill: var(--emw--color-primary, #22B04E);
+}
+.PlayerChangePassword .ButtonReturn {
+  display: none;
+  font-family: inherit;
+  align-items: center;
+  gap: 10px;
+}
+.PlayerChangePassword .Form {
+  display: grid;
+  grid-template-columns: repeat(1, 1fr);
+  gap: 40px;
+  justify-items: stretch;
+  align-content: flex-start;
+  overflow: auto;
+  width: 100%;
+  height: 100%;
+}
+.PlayerChangePassword .Form .FieldsSection {
+  display: flex;
+  flex-direction: column;
+  gap: 30px;
+}
+.PlayerChangePassword .Form .ButtonsSection {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  align-items: center;
+  position: relative;
+}
+.PlayerChangePassword .Button {
+  font-family: inherit;
+  border-radius: var(--emw--button-border-radius, var(--emw--border-radius-large, 50px));
+  background: var(--emw--button-background-color, var(--emw--color-primary, #22B04E));
+  border: var(--emw--button-border, 1px solid var(--emw--button-border-color, #22B04E));
+  color: var(--emw--button-text-color, var(--emw--color-white, #FFFFFF));
+  font-size: var(--emw--font-size-large, 20px);
+  font-weight: var(--emw--font-weight-normal, 400);
+  height: 50px;
+  width: 100%;
+  text-transform: uppercase;
+  cursor: pointer;
+}
+.PlayerChangePassword .Button:disabled {
+  background: var(--emfe-w-color-gray-100, #E6E6E6);
+  border: var(--emw--button-border, 1px solid var(--emw--button-border-color, #828282));
+  pointer-events: none;
+  cursor: not-allowed;
+}
+.PlayerChangePassword.skeleton .Form .ButtonReturn {
+  width: 150px;
+  height: 30px;
+  margin-top: 15px;
+  display: block;
+}
+.PlayerChangePassword.skeleton .Form .FieldsSection {
+  display: block;
+}
+.PlayerChangePassword.skeleton .Form .FieldsSection .FieldContainer .FieldTitle {
+  width: 100px;
+  margin-top: 30px;
+  margin-bottom: 15px;
+}
+.PlayerChangePassword.skeleton .Form .ButtonsSection .Button {
+  font-family: inherit;
+  border-radius: 50px;
+  background: transparent;
+  border: none;
+  overflow: hidden;
+}
+@container (max-width: 425px) {
+  .PlayerChangePassword .Form .ButtonReturn {
+    display: inline-flex;
+  }
+  .PlayerChangePassword .Form .Title {
+    display: none;
+  }
+}
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0.01;
+  }
+  1% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}`, y = f, b = class {
+  constructor(s) {
+    p(this, s), 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,
+        minLength: this.policy.minimumPasswordLength,
+        custom: [
+          this.policy.customValidationRules.find((t) => t.rule === "duplicate-input")
+        ]
+      }, this.newPasswordValidationSchema = {
+        mandatory: !0,
+        maxLength: this.policy.maximumPasswordLength,
+        minLength: this.policy.minimumPasswordLength,
+        custom: this.policy.customValidationRules
+      }, this.currentPasswordValidationSchema = {
+        mandatory: !0,
+        maxLength: this.policy.maximumPasswordLength,
+        minLength: this.policy.minimumPasswordLength,
+        custom: this.policy.customValidationRules
+      };
+    }, this.setErrorMsg = (t) => {
+      switch (t) {
         case "gm.pms.password_policy_failed":
           const a = {
             forbiddenLastPasswordsCount: this.policy.forbiddenLastPasswordsCount,
             minimumPasswordAgeLimitHours: this.policy.minimumPasswordAgeLimitHours,
             hours: this.policy.minimumPasswordAgeLimitHours > 1 ? "hours" : "hour"
           };
-          this.errorMsg = o(s, this.language, { values: a });
+          this.errorMsg = r(t, this.language, { values: a });
           break;
         case "gm.pms.password_not_verified_unauthorized":
-          this.errorMsg = o(s, this.language);
+          this.errorMsg = r(t, this.language);
           break;
         default:
-          this.errorMsg = o("errorMsgGeneric", this.language);
+          this.errorMsg = r("errorMsgGeneric", this.language);
       }
     }, this.toggleScreen = () => {
       window.postMessage({ type: "PlayerAccountMenuActive", isMobile: this.isMobile }, window.location.href);
     }, this.getPolicy = () => {
-      const s = new URL("/api/v1/players/password-management/password", this.endpoint), a = new Headers();
-      a.append("Accept", "text/plain");
-      const t = {
+      const t = new URL("/api/v1/players/password-management/password", this.endpoint), a = new Headers();
+      a.append("Accept", "text/plain"), a.append("Content-Type", "application/json-patch+json");
+      const n = {
         method: "GET",
         headers: a
       };
-      fetch(s.href, t).then((r) => r.status === 200 && r.json()).then((r) => this.policy = r).catch((r) => console.error(r));
-    }, this.submitNewPassword = (s) => {
-      if (s.preventDefault(), this.isBtnSubmitEnabled) {
-        const a = new URL("/api/v1/players/password-management/password", this.endpoint), t = new Headers();
-        t.append("accept", "text/plain"), t.append("Content-Type", "application/json-patch+json");
-        const r = JSON.stringify({
+      fetch(t.href, n).then((i) => i.status === 200 && i.json()).then((i) => {
+        this.policy = i, this.policy.customValidationRules.forEach((l) => {
+          l.rule = l.rule.toLowerCase(), l.rule === "duplicateinput" && (l.rule = "duplicate-input");
+        }), this.initValidationSchemas();
+      }).catch((i) => {
+        console.error(`${r("errorMsgGeneric", this.language)}:`, i), window.postMessage({ type: "WidgetNotification", data: { type: "error", message: r("errorMsgGeneric", this.language) } }, window.location.href);
+      }).finally(() => {
+        this.isSkeletonLoading = !1;
+      });
+    }, this.submitNewPassword = (t) => {
+      if (t.preventDefault(), this.isBtnSubmitEnabled) {
+        const a = new URL("/api/v1/players/password-management/password", this.endpoint), n = new Headers();
+        n.append("accept", "text/plain"), n.append("Content-Type", "application/json-patch+json");
+        const i = JSON.stringify({
           token: this.forgotMode === "true" ? this.token : this.session,
           oldPassword: this.currentPasswordValue,
           newPassword: this.confirmPasswordValue
         }), l = {
           method: "PUT",
-          headers: t,
-          body: r
+          headers: n,
+          body: i
         };
-        fetch(a.href, l).then((n) => n.json()).then((n) => {
-          n.errorCode === null && n.message === "pms.password.update.success" ? (window.postMessage({ type: "PasswordChangedSuccessfully" }), window.postMessage({ type: "WidgetNotification", data: { type: "success", message: o("successMsg", this.language) } }, window.location.href)) : (this.setErrorMsg(n.message), window.postMessage({ type: "WidgetNotification", data: { type: "error", message: this.errorMsg } }, window.location.href));
-        }).catch((n) => console.error(n));
+        fetch(a.href, l).then((o) => o.json()).then((o) => {
+          o.errorCode === null && o.message === "pms.password.update.success" ? (window.postMessage({ type: "PasswordChangedSuccessfully" }), window.postMessage({ type: "WidgetNotification", data: { type: "success", message: r("successMsg", this.language) } }, window.location.href)) : (this.setErrorMsg(o.message), window.postMessage({ type: "WidgetNotification", data: { type: "error", message: this.errorMsg } }, window.location.href));
+        }).catch((o) => console.error(o));
       }
-    }, 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.isMobile = d() === "mobile" || d() === "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 = d() === "mobile" || d() === "tablet";
   }
-  handleClientStylingChange(e, s) {
-    e != s && c(this.stylingContainer, this.clientStyling);
+  handleClientStylingChange(s, t) {
+    s != t && c(this.stylingContainer, this.clientStyling);
   }
-  handleClientStylingUrlChange(e, s) {
-    e != s && this.clientStylingUrl && u(this.stylingContainer, this.clientStylingUrl);
+  handleClientStylingUrlChange(s, t) {
+    s != t && this.clientStylingUrl && u(this.stylingContainer, this.clientStylingUrl);
   }
-  sendValidityStateHandler(e) {
-    switch (this.isBtnSubmitEnabled = !1, e.detail.name) {
+  sendValidityStateHandler(s) {
+    switch (this.isBtnSubmitEnabled = !1, s.detail.name) {
       case "password":
-        this.isCurrentPasswordValid = e.detail.valid;
+        this.isCurrentPasswordValid = s.detail.valid;
         break;
       case "newPassword":
-        this.isNewPasswordValid = e.detail.valid;
+        this.isNewPasswordValid = s.detail.valid;
         break;
       case "newPasswordDuplicate":
-        this.isConfirmPasswordValid = e.detail.valid;
+        this.isConfirmPasswordValid = s.detail.valid;
         break;
     }
     (this.forgotMode === "true" || this.isCurrentPasswordValid) && this.isNewPasswordValid && this.isConfirmPasswordValid && (this.isBtnSubmitEnabled = !0);
   }
-  sendInputValueHandler(e) {
-    switch (e.detail.name) {
+  sendInputValueHandler(s) {
+    switch (s.detail.name) {
       case "password":
-        this.currentPasswordValue = e.detail.value;
+        this.currentPasswordValue = s.detail.value;
         break;
       case "newPassword":
-        this.newPasswordValue = e.detail.value;
+        this.newPasswordValue = s.detail.value;
         break;
       case "newPasswordDuplicate":
-        this.confirmPasswordValue = e.detail.value;
+        this.confirmPasswordValue = s.detail.value;
         break;
     }
   }
   componentWillLoad() {
-    if (this.getPolicy(), this.initValidationSchemas(), this.translationUrl)
+    if (this.getPolicy(), this.translationUrl)
       return g(this.translationUrl);
   }
   componentDidLoad() {
-    this.stylingContainer && (window.emMessageBus != null ? f(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && c(this.stylingContainer, this.clientStyling), this.clientStylingUrl && u(this.stylingContainer, this.clientStylingUrl)));
+    this.stylingContainer && (window.emMessageBus != null ? P(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && c(this.stylingContainer, this.clientStyling), this.clientStylingUrl && u(this.stylingContainer, this.clientStylingUrl)));
   }
   disconnectedCallback() {
     this.stylingSubscription && this.stylingSubscription.unsubscribe();
   }
   render() {
-    return i("div", { key: "9a8f54fe541ef6409f7cc21bb8431c850d031830", class: "PlayerChangePassword", ref: (e) => this.stylingContainer = e }, i("form", { key: "8a3aaa6a96b16a26477657f0216a7a0a2e2e0869", class: "Form" }, this.isMobile ? i("div", { class: "ButtonReturn", onClick: this.toggleScreen }, i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, i("g", { transform: "translate(-20 -158)" }, i("g", { transform: "translate(20 158)" }, i("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)" })))), i("h2", { class: "TitleMobile" }, o("title", this.language))) : i("h2", { class: "Title" }, o("title", this.language)), i("section", { key: "47a7214266e06ef9f8ded9f86f76e15ce4f6fc3a", class: "FieldsSection" }, this.forgotMode === "false" && i("password-input", { key: "41b721a65332283a3699ab8e838dadb8d73913fa", language: this.language, name: "password", "display-name": o("passwordDisplayText", this.language), placeholder: o("passwordPlaceholderText", this.language), validation: this.currentPasswordValidationSchema, clientStyling: this.clientStyling, "mb-source": this.mbSource }), i("password-input", { key: "eb7c697eb1900ed580ff17a4cd56819993599924", language: this.language, name: "newPassword", "display-name": o("newPasswordDisplayText", this.language), placeholder: o("newPasswordPlaceholderText", this.language), validation: this.newPasswordValidationSchema, clientStyling: this.clientStyling, "mb-source": this.mbSource }), i("password-input", { key: "4b12c17b882fe8117f9c49ad296c5918198e18f0", language: this.language, name: "newPasswordDuplicate", "display-name": o("confirmPasswordDisplayText", this.language), placeholder: o("confirmPasswordPlaceholderText", this.language), validation: this.confirmPasswordValidationSchema, "is-duplicate-input": !0, clientStyling: this.clientStyling, "mb-source": this.mbSource })), i("section", { key: "a0cd6777b46ac8e4ba5eef6c42f77531a9c7ee0b", class: "ButtonsSection" }, i("button", { key: "d21c481e07a7c7762bf0fa7acbb4f1d68ac92d4d", class: "Button", disabled: !this.isBtnSubmitEnabled, onClick: this.submitNewPassword }, o("btnSubmit", this.language)))));
+    return this.isSkeletonLoading ? e("div", { class: "PlayerChangePassword skeleton" }, e("form", { class: "Form" }, e("div", { class: "ButtonReturn" }, e("ui-skeleton", { structure: "text", width: "auto", height: "30px" })), e("section", { class: "FieldsSection" }, e("div", { class: "FieldContainer" }, e("div", { class: "FieldTitle" }, e("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), e("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" })), e("div", { class: "FieldContainer" }, e("div", { class: "FieldTitle" }, e("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), e("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" })), e("div", { class: "FieldContainer" }, e("div", { class: "FieldTitle" }, e("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), e("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" }))), e("section", { class: "ButtonsSection" }, e("div", { class: "Button" }, e("ui-skeleton", { structure: "rectangle", width: "auto", height: "50px" }))))) : e("div", { class: "PlayerChangePassword", ref: (s) => this.stylingContainer = s }, e("form", { class: "Form" }, e("div", { class: "ButtonReturn", onClick: this.toggleScreen }, e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, e("g", { transform: "translate(-20 -158)" }, e("g", { transform: "translate(20 158)" }, e("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)" })))), e("h2", { class: "TitleMobile" }, r("title", this.language))), e("h2", { class: "Title" }, r("title", this.language)), e("section", { class: "FieldsSection" }, this.forgotMode === "false" && e("general-input", { type: "password", action: "input", name: "password", language: this.language, "display-name": r("passwordDisplayText", this.language), placeholder: r("passwordPlaceholderText", this.language), validation: this.currentPasswordValidationSchema, clientStyling: this.clientStyling, "mb-source": this.mbSource, "hide-password-complexity": !0 }), e("general-input", { type: "password", action: "input", name: "newPassword", language: this.language, "display-name": r("newPasswordDisplayText", this.language), placeholder: r("newPasswordPlaceholderText", this.language), validation: this.newPasswordValidationSchema, clientStyling: this.clientStyling, "mb-source": this.mbSource }), e("general-input", { type: "password", action: "input", name: "newPasswordDuplicate", language: this.language, "display-name": r("confirmPasswordDisplayText", this.language), placeholder: r("confirmPasswordPlaceholderText", this.language), validation: this.confirmPasswordValidationSchema, "is-duplicate-input": !0, clientStyling: this.clientStyling, "mb-source": this.mbSource })), e("section", { class: "ButtonsSection" }, e("button", { class: "Button", disabled: !this.isBtnSubmitEnabled, onClick: this.submitNewPassword }, r("btnSubmit", this.language)))));
   }
   static get watchers() {
     return {

package/stencil/pam-change-password-f4a1e7e7-DtMPJ715.cjs

@@ -0,0 +1,125 @@
+"use strict";const e=require("./index-13661b98-D16qyHKo.cjs"),w="en",h={en:{title:"Change Password",btnSubmit:"Change Password",passwordPlaceholderText:"Please enter your password",newPasswordPlaceholderText:"Please enter your new password",confirmPasswordPlaceholderText:"Please confirm your new password",passwordDisplayText:"Current Password",newPasswordDisplayText:"New Password",confirmPasswordDisplayText:"Confirm Password",successMsg:"Password changed successfully",errorMsgGeneric:"There was an error when attempting to change your password","gm.pms.password_not_verified_unauthorized":"The current password you have entered is incorrect","gm.pms.password_policy_failed":"Password cannot be the same as any of the {forbiddenLastPasswordsCount} previous passwords. Password cannot be changed sooner than {minimumPasswordAgeLimitHours} {hours} after the last change."},fr:{title:"Changer le mot de passe",btnSubmit:"Changer le mot de passe",passwordPlaceholderText:"Veuillez entrer votre mot de passe",newPasswordPlaceholderText:"Veuillez entrer votre nouveau mot de passe",confirmPasswordPlaceholderText:"Veuillez confirmer votre nouveau mot de passe",passwordDisplayText:"Mot de passe actuel",newPasswordDisplayText:"Nouveau mot de passe",confirmPasswordDisplayText:"Confirmer le mot de passe",successMsg:"Mot de passe changé avec succès",errorMsgGeneric:"Une erreur est survenue lors de la tentative de changement de mot de passe","gm.pms.password_not_verified_unauthorized":"Le mot de passe actuel que vous avez entré est incorrect","gm.pms.password_policy_failed":"Le mot de passe ne peut pas être identique à l'un des {forbiddenLastPasswordsCount} derniers mots de passe. Le mot de passe ne peut pas être changé avant {minimumPasswordAgeLimitHours} {hours} après le dernier changement."},ro:{title:"Schimbă Parola",btnSubmit:"Schimbă Parola",passwordPlaceholderText:"Vă rugăm să introduceți parola",newPasswordPlaceholderText:"Vă rugăm să introduceți noua parolă",confirmPasswordPlaceholderText:"Vă rugăm să confirmați noua parolă",passwordDisplayText:"Parolă Curentă",newPasswordDisplayText:"Parolă Nouă",confirmPasswordDisplayText:"Confirmă Parola",successMsg:"Parola a fost schimbată cu succes",errorMsgGeneric:"A apărut o eroare la încercarea de schimbare a parolei","gm.pms.password_not_verified_unauthorized":"Parola curentă introdusă este incorectă","gm.pms.password_policy_failed":"Parola nu poate fi aceeași cu oricare dintre ultimele {forbiddenLastPasswordsCount} parole. Parola nu poate fi schimbată mai devreme de {minimumPasswordAgeLimitHours} {hours} după ultima schimbare."},es:{title:"Cambiar Contraseña",btnSubmit:"Cambiar Contraseña",passwordPlaceholderText:"Por favor, introduce tu contraseña",newPasswordPlaceholderText:"Por favor, introduce tu nueva contraseña",confirmPasswordPlaceholderText:"Por favor, confirma tu nueva contraseña",passwordDisplayText:"Contraseña Actual",newPasswordDisplayText:"Nueva Contraseña",confirmPasswordDisplayText:"Confirmar Contraseña",successMsg:"Contraseña cambiada con éxito",errorMsgGeneric:"Hubo un error al intentar cambiar tu contraseña","gm.pms.password_not_verified_unauthorized":"La contraseña actual que has introducido es incorrecta","gm.pms.password_policy_failed":"La contraseña no puede ser la misma que cualquiera de las {forbiddenLastPasswordsCount} contraseñas anteriores. La contraseña no se puede cambiar antes de {minimumPasswordAgeLimitHours} {hours} después del último cambio."},pt:{title:"Alterar Senha",btnSubmit:"Alterar Senha",passwordPlaceholderText:"Por favor, insira sua senha",newPasswordPlaceholderText:"Por favor, insira sua nova senha",confirmPasswordPlaceholderText:"Por favor, confirme sua nova senha",passwordDisplayText:"Senha Atual",newPasswordDisplayText:"Nova Senha",confirmPasswordDisplayText:"Confirmar Senha",successMsg:"Senha alterada com sucesso",errorMsgGeneric:"Ocorreu um erro ao tentar alterar sua senha","gm.pms.password_not_verified_unauthorized":"A senha atual que você inseriu está incorreta","gm.pms.password_policy_failed":"A senha não pode ser a mesma que qualquer uma das últimas {forbiddenLastPasswordsCount} senhas. A senha não pode ser alterada antes de {minimumPasswordAgeLimitHours} {hours} após a última alteração."},hr:{title:"Promijeni lozinku",btnSubmit:"Promijeni lozinku",passwordPlaceholderText:"Unesite svoju lozinku",newPasswordPlaceholderText:"Unesite novu lozinku",confirmPasswordPlaceholderText:"Potvrdite novu lozinku",passwordDisplayText:"Trenutna lozinka",newPasswordDisplayText:"Nova lozinka",confirmPasswordDisplayText:"Potvrdite lozinku",successMsg:"Lozinka je uspješno promijenjena",errorMsgGeneric:"Došlo je do pogreške prilikom pokušaja promjene lozinke","gm.pms.password_not_verified_unauthorized":"Unesena trenutna lozinka nije ispravna","gm.pms.password_policy_failed":"Lozinka ne može biti ista kao bilo koja od posljednjih {forbiddenLastPasswordsCount} lozinki. Lozinka se ne može promijeniti prije nego što prođe {minimumPasswordAgeLimitHours} {hours} od posljednje promjene."},tr:{title:"Şifreyi Değiştir",btnSubmit:"Şifreyi Değiştir",passwordPlaceholderText:"Lütfen şifrenizi girin",newPasswordPlaceholderText:"Lütfen yeni şifrenizi girin",confirmPasswordPlaceholderText:"Lütfen yeni şifrenizi onaylayın",passwordDisplayText:"Mevcut Şifre",newPasswordDisplayText:"Yeni Şifre",confirmPasswordDisplayText:"Şifreyi Onaylayın",successMsg:"Şifre başarıyla değiştirildi",errorMsgGeneric:"Şifrenizi değiştirirken bir hata oluştu","gm.pms.password_not_verified_unauthorized":"Girdiğiniz mevcut şifre yanlış","gm.pms.password_policy_failed":"Şifre, son {forbiddenLastPasswordsCount} şifreden herhangi biriyle aynı olamaz. Şifre, son değişiklikten sonra {minimumPasswordAgeLimitHours} {hours} içinde değiştirilemez."},hu:{title:"Jelszó megváltoztatása",btnSubmit:"Jelszó megváltoztatása",passwordPlaceholderText:"Kérjük, adja meg a jelszavát",newPasswordPlaceholderText:"Kérjük, adja meg az új jelszavát",confirmPasswordPlaceholderText:"Kérjük, erősítse meg az új jelszavát",passwordDisplayText:"Jelenlegi jelszó",newPasswordDisplayText:"Új jelszó",confirmPasswordDisplayText:"Jelszó megerősítése",successMsg:"A jelszó sikeresen megváltozott",errorMsgGeneric:"Hiba történt a jelszó megváltoztatásakor","gm.pms.password_not_verified_unauthorized":"A megadott jelenlegi jelszó helytelen","gm.pms.password_policy_failed":"A jelszó nem egyezhet meg az utolsó {forbiddenLastPasswordsCount} jelszóval. A jelszó nem változtatható meg {minimumPasswordAgeLimitHours} {hours}-on belül az utolsó módosítás óta."}},g=s=>new Promise(t=>{fetch(s).then(a=>a.json()).then(a=>{Object.keys(a).forEach(n=>{for(let i in a[n])h[n][i]=a[n][i]}),t(!0)})}),r=(s,t,a)=>{const n=t;let i=h[n!==void 0?n:w][s];if(a!==void 0)for(const[l,o]of Object.entries(a.values)){const p=new RegExp(`{${l}}`,"g");i=i.replace(p,o)}return i};function d(){const s=navigator.userAgent.toLowerCase(),t=screen.availWidth,a=screen.availHeight;if(s.includes("iphone"))return"mobile";if(s.includes("android")){if(a>t&&t<800)return"mobile";if(t>a&&a<800)return"tablet"}return"desktop"}function c(s,t){if(s){const a=document.createElement("style");a.innerHTML=t,s.appendChild(a)}}function u(s,t){const a=new URL(t);fetch(a.href).then(n=>n.text()).then(n=>{const i=document.createElement("style");i.innerHTML=n,s&&s.appendChild(i)}).catch(n=>{console.error("There was an error while trying to load client styling from URL",n)})}function P(s,t,a){if(window.emMessageBus){const n=document.createElement("style");window.emMessageBus.subscribe(t,i=>{n.innerHTML=i,s&&s.appendChild(n)})}}const f=`:host {
+  display: block;
+}
+
+.PlayerChangePassword {
+  font-family: inherit;
+  width: 100%;
+  height: 100%;
+  container-type: inline-size;
+  opacity: 1;
+  animation-name: fadeIn;
+  animation-iteration-count: 1;
+  animation-timing-function: ease-in;
+  animation-duration: 0.3s;
+  container-type: inline-size;
+}
+.PlayerChangePassword .Wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.PlayerChangePassword .Title {
+  background-color: transparent;
+  font-size: var(--emw--font-size-x-large, 26px);
+  color: var(--emw--color-primary, #22B04E);
+  font-weight: var(--emw--font-weight-semibold, 500);
+}
+.PlayerChangePassword .TitleMobile {
+  font-size: var(--emw--font-size-x-large, 20px);
+  color: var(--emw--color-primary, #22B04E);
+}
+.PlayerChangePassword svg {
+  fill: var(--emw--color-primary, #22B04E);
+}
+.PlayerChangePassword .ButtonReturn {
+  display: none;
+  font-family: inherit;
+  align-items: center;
+  gap: 10px;
+}
+.PlayerChangePassword .Form {
+  display: grid;
+  grid-template-columns: repeat(1, 1fr);
+  gap: 40px;
+  justify-items: stretch;
+  align-content: flex-start;
+  overflow: auto;
+  width: 100%;
+  height: 100%;
+}
+.PlayerChangePassword .Form .FieldsSection {
+  display: flex;
+  flex-direction: column;
+  gap: 30px;
+}
+.PlayerChangePassword .Form .ButtonsSection {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  align-items: center;
+  position: relative;
+}
+.PlayerChangePassword .Button {
+  font-family: inherit;
+  border-radius: var(--emw--button-border-radius, var(--emw--border-radius-large, 50px));
+  background: var(--emw--button-background-color, var(--emw--color-primary, #22B04E));
+  border: var(--emw--button-border, 1px solid var(--emw--button-border-color, #22B04E));
+  color: var(--emw--button-text-color, var(--emw--color-white, #FFFFFF));
+  font-size: var(--emw--font-size-large, 20px);
+  font-weight: var(--emw--font-weight-normal, 400);
+  height: 50px;
+  width: 100%;
+  text-transform: uppercase;
+  cursor: pointer;
+}
+.PlayerChangePassword .Button:disabled {
+  background: var(--emfe-w-color-gray-100, #E6E6E6);
+  border: var(--emw--button-border, 1px solid var(--emw--button-border-color, #828282));
+  pointer-events: none;
+  cursor: not-allowed;
+}
+.PlayerChangePassword.skeleton .Form .ButtonReturn {
+  width: 150px;
+  height: 30px;
+  margin-top: 15px;
+  display: block;
+}
+.PlayerChangePassword.skeleton .Form .FieldsSection {
+  display: block;
+}
+.PlayerChangePassword.skeleton .Form .FieldsSection .FieldContainer .FieldTitle {
+  width: 100px;
+  margin-top: 30px;
+  margin-bottom: 15px;
+}
+.PlayerChangePassword.skeleton .Form .ButtonsSection .Button {
+  font-family: inherit;
+  border-radius: 50px;
+  background: transparent;
+  border: none;
+  overflow: hidden;
+}
+@container (max-width: 425px) {
+  .PlayerChangePassword .Form .ButtonReturn {
+    display: inline-flex;
+  }
+  .PlayerChangePassword .Form .Title {
+    display: none;
+  }
+}
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0.01;
+  }
+  1% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}`,y=f,m=class{constructor(s){e.registerInstance(this,s),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,minLength:this.policy.minimumPasswordLength,custom:[this.policy.customValidationRules.find(t=>t.rule==="duplicate-input")]},this.newPasswordValidationSchema={mandatory:!0,maxLength:this.policy.maximumPasswordLength,minLength:this.policy.minimumPasswordLength,custom:this.policy.customValidationRules},this.currentPasswordValidationSchema={mandatory:!0,maxLength:this.policy.maximumPasswordLength,minLength:this.policy.minimumPasswordLength,custom:this.policy.customValidationRules}},this.setErrorMsg=t=>{switch(t){case"gm.pms.password_policy_failed":const a={forbiddenLastPasswordsCount:this.policy.forbiddenLastPasswordsCount,minimumPasswordAgeLimitHours:this.policy.minimumPasswordAgeLimitHours,hours:this.policy.minimumPasswordAgeLimitHours>1?"hours":"hour"};this.errorMsg=r(t,this.language,{values:a});break;case"gm.pms.password_not_verified_unauthorized":this.errorMsg=r(t,this.language);break;default:this.errorMsg=r("errorMsgGeneric",this.language)}},this.toggleScreen=()=>{window.postMessage({type:"PlayerAccountMenuActive",isMobile:this.isMobile},window.location.href)},this.getPolicy=()=>{const t=new URL("/api/v1/players/password-management/password",this.endpoint),a=new Headers;a.append("Accept","text/plain"),a.append("Content-Type","application/json-patch+json");const n={method:"GET",headers:a};fetch(t.href,n).then(i=>i.status===200&&i.json()).then(i=>{this.policy=i,this.policy.customValidationRules.forEach(l=>{l.rule=l.rule.toLowerCase(),l.rule==="duplicateinput"&&(l.rule="duplicate-input")}),this.initValidationSchemas()}).catch(i=>{console.error(`${r("errorMsgGeneric",this.language)}:`,i),window.postMessage({type:"WidgetNotification",data:{type:"error",message:r("errorMsgGeneric",this.language)}},window.location.href)}).finally(()=>{this.isSkeletonLoading=!1})},this.submitNewPassword=t=>{if(t.preventDefault(),this.isBtnSubmitEnabled){const a=new URL("/api/v1/players/password-management/password",this.endpoint),n=new Headers;n.append("accept","text/plain"),n.append("Content-Type","application/json-patch+json");const i=JSON.stringify({token:this.forgotMode==="true"?this.token:this.session,oldPassword:this.currentPasswordValue,newPassword:this.confirmPasswordValue}),l={method:"PUT",headers:n,body:i};fetch(a.href,l).then(o=>o.json()).then(o=>{o.errorCode===null&&o.message==="pms.password.update.success"?(window.postMessage({type:"PasswordChangedSuccessfully"}),window.postMessage({type:"WidgetNotification",data:{type:"success",message:r("successMsg",this.language)}},window.location.href)):(this.setErrorMsg(o.message),window.postMessage({type:"WidgetNotification",data:{type:"error",message:this.errorMsg}},window.location.href))}).catch(o=>console.error(o))}},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=d()==="mobile"||d()==="tablet"}handleClientStylingChange(s,t){s!=t&&c(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(s,t){s!=t&&this.clientStylingUrl&&u(this.stylingContainer,this.clientStylingUrl)}sendValidityStateHandler(s){switch(this.isBtnSubmitEnabled=!1,s.detail.name){case"password":this.isCurrentPasswordValid=s.detail.valid;break;case"newPassword":this.isNewPasswordValid=s.detail.valid;break;case"newPasswordDuplicate":this.isConfirmPasswordValid=s.detail.valid;break}(this.forgotMode==="true"||this.isCurrentPasswordValid)&&this.isNewPasswordValid&&this.isConfirmPasswordValid&&(this.isBtnSubmitEnabled=!0)}sendInputValueHandler(s){switch(s.detail.name){case"password":this.currentPasswordValue=s.detail.value;break;case"newPassword":this.newPasswordValue=s.detail.value;break;case"newPasswordDuplicate":this.confirmPasswordValue=s.detail.value;break}}componentWillLoad(){if(this.getPolicy(),this.translationUrl)return g(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(window.emMessageBus!=null?P(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&c(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&u(this.stylingContainer,this.clientStylingUrl)))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return this.isSkeletonLoading?e.h("div",{class:"PlayerChangePassword skeleton"},e.h("form",{class:"Form"},e.h("div",{class:"ButtonReturn"},e.h("ui-skeleton",{structure:"text",width:"auto",height:"30px"})),e.h("section",{class:"FieldsSection"},e.h("div",{class:"FieldContainer"},e.h("div",{class:"FieldTitle"},e.h("ui-skeleton",{structure:"title",width:"auto",height:"10px"})),e.h("ui-skeleton",{structure:"rectangle",width:"auto",height:"35px"})),e.h("div",{class:"FieldContainer"},e.h("div",{class:"FieldTitle"},e.h("ui-skeleton",{structure:"title",width:"auto",height:"10px"})),e.h("ui-skeleton",{structure:"rectangle",width:"auto",height:"35px"})),e.h("div",{class:"FieldContainer"},e.h("div",{class:"FieldTitle"},e.h("ui-skeleton",{structure:"title",width:"auto",height:"10px"})),e.h("ui-skeleton",{structure:"rectangle",width:"auto",height:"35px"}))),e.h("section",{class:"ButtonsSection"},e.h("div",{class:"Button"},e.h("ui-skeleton",{structure:"rectangle",width:"auto",height:"50px"}))))):e.h("div",{class:"PlayerChangePassword",ref:s=>this.stylingContainer=s},e.h("form",{class:"Form"},e.h("div",{class:"ButtonReturn",onClick:this.toggleScreen},e.h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15"},e.h("g",{transform:"translate(-20 -158)"},e.h("g",{transform:"translate(20 158)"},e.h("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)"})))),e.h("h2",{class:"TitleMobile"},r("title",this.language))),e.h("h2",{class:"Title"},r("title",this.language)),e.h("section",{class:"FieldsSection"},this.forgotMode==="false"&&e.h("general-input",{type:"password",action:"input",name:"password",language:this.language,"display-name":r("passwordDisplayText",this.language),placeholder:r("passwordPlaceholderText",this.language),validation:this.currentPasswordValidationSchema,clientStyling:this.clientStyling,"mb-source":this.mbSource,"hide-password-complexity":!0}),e.h("general-input",{type:"password",action:"input",name:"newPassword",language:this.language,"display-name":r("newPasswordDisplayText",this.language),placeholder:r("newPasswordPlaceholderText",this.language),validation:this.newPasswordValidationSchema,clientStyling:this.clientStyling,"mb-source":this.mbSource}),e.h("general-input",{type:"password",action:"input",name:"newPasswordDuplicate",language:this.language,"display-name":r("confirmPasswordDisplayText",this.language),placeholder:r("confirmPasswordPlaceholderText",this.language),validation:this.confirmPasswordValidationSchema,"is-duplicate-input":!0,clientStyling:this.clientStyling,"mb-source":this.mbSource})),e.h("section",{class:"ButtonsSection"},e.h("button",{class:"Button",disabled:!this.isBtnSubmitEnabled,onClick:this.submitNewPassword},r("btnSubmit",this.language)))))}static get watchers(){return{clientStyling:["handleClientStylingChange","handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}}};m.style=y;exports.PamChangePassword=m;