@everymatrix/casino-header-controller-nd 1.55.0 → 1.56.0

package/components/PlayerDeposit-Owd9kBaC.js

@@ -0,0 +1,391 @@
+import { b as K, $ as V, S as X, i as Z, s as J, f as w, d as $, z as U, g as S, D as L, P as z, m as x, n as h, p as M, q as E, E as C, r as d, v as ee, I as te, w as ie, o as ae, F as k, A as se, B as W, L as re, M as ne, N as oe, c as le, K as ce } from "./CasinoHamburgerMenuNd-RHQhri2n.js";
+function H(a, e) {
+  K(a, e);
+}
+function de(a) {
+  V.set(a);
+}
+const j = {
+  en: {
+    titleDeposit: "Deposit",
+    loading: "Loading, please wait ..."
+  },
+  "zh-hk": {
+    titleDeposit: "訂金",
+    loading: "加載請稍候…"
+  },
+  fr: {
+    titleDeposit: "Dépôt",
+    loading: "Chargement, veuillez patienter ..."
+  },
+  tr: {
+    titleDeposit: "PARA YATIR",
+    loading: "Yükleniyor ..."
+  },
+  ro: {
+    titleDeposit: "Depunere",
+    loading: "Se încarcă..."
+  },
+  es: {
+    titleDeposit: "Deposita",
+    loading: "Cargando ..."
+  },
+  pt: {
+    titleDeposit: "Depósito",
+    loading: "Carregando, por favor espere ..."
+  },
+  hr: {
+    titleDeposit: "Uplata",
+    loading: "Učitavanje"
+  },
+  "pt-br": {
+    titleDeposit: "Depositar",
+    Loading: "Carregando, por favor espere..."
+  },
+  "es-mx": {
+    titleDeposit: "Depositar",
+    Loading: "Cargando, por favor espere..."
+  }
+};
+function ue(a) {
+  $(a, "svelte-lvm6lo", "button{font-family:var(--emw--button-typography)}input,select,option{font-family:inherit}.DepositWrapper{background-color:var(--emw--color-pale, var(--emw--color-gray-50, #F1F1F1));border-radius:var(--emw--border-radius-large, 20px);color:var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));padding:50px 50px 30px 50px;max-width:100%;height:var(--dynamic-height)}.DepositWrapper.DepositWrapperMobile{padding:20px 15px;max-width:unset;height:var(--dynamic-height)}.MenuReturnButton{color:var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));display:inline-flex;align-items:center;column-gap:10px;margin-bottom:10px}.MenuReturnButton svg{fill:var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E))}.DepositTitle{font-size:var(--emw--font-size-x-large, 26px);color:var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));font-weight:var(--emw--font-weigh-normal, 400)}.DepositTitleMobile{font-size:var(--emw--size-standard, 16px)}.DepositTitleNone{display:none}.DepositIframeWrapper iframe{border:none;width:100%;height:85vh;border-radius:var(--emw--border-radius-large, 20px)}");
+}
+function he(a) {
+  let e, i, n, s, l, m, c, p, y, o, r = (
+    /*$_*/
+    a[4]("titleDeposit") + ""
+  ), u, b, _;
+  return {
+    c() {
+      e = M("div"), i = k("svg"), n = k("defs"), s = k("style"), l = C(".aaa{fill:var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));}"), m = k("g"), c = k("g"), p = k("path"), y = E(), o = M("h2"), u = C(r), d(p, "class", "aaa"), d(p, "d", "M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z"), d(p, "transform", "translate(15 15) rotate(180)"), d(c, "transform", "translate(20 158)"), d(m, "transform", "translate(-20 -158)"), d(i, "xmlns", "http://www.w3.org/2000/svg"), d(i, "width", "15"), d(i, "height", "15"), d(i, "viewBox", "0 0 15 15"), d(o, "class", "DepositTitleMobile"), d(e, "class", "MenuReturnButton");
+    },
+    m(f, g) {
+      x(f, e, g), h(e, i), h(i, n), h(n, s), h(s, l), h(i, m), h(m, c), h(c, p), h(e, y), h(e, o), h(o, u), b || (_ = ae(
+        e,
+        "click",
+        /*click_handler*/
+        a[18]
+      ), b = !0);
+    },
+    p(f, g) {
+      g & /*$_*/
+      16 && r !== (r = /*$_*/
+      f[4]("titleDeposit") + "") && L(u, r);
+    },
+    d(f) {
+      f && S(e), b = !1, _();
+    }
+  };
+}
+function pe(a) {
+  let e, i, n;
+  return {
+    c() {
+      e = M("div"), i = M("iframe"), W(i.src, n = /*iframeUrl*/
+      a[3]) || d(i, "src", n), d(i, "title", "Deposit Iframe"), d(e, "class", "DepositIframeWrapper");
+    },
+    m(s, l) {
+      x(s, e, l), h(e, i);
+    },
+    p(s, l) {
+      l & /*iframeUrl*/
+      8 && !W(i.src, n = /*iframeUrl*/
+      s[3]) && d(i, "src", n);
+    },
+    d(s) {
+      s && S(e);
+    }
+  };
+}
+function ge(a) {
+  let e, i = (
+    /*$_*/
+    a[4]("loading") + ""
+  ), n;
+  return {
+    c() {
+      e = M("p"), n = C(i);
+    },
+    m(s, l) {
+      x(s, e, l), h(e, n);
+    },
+    p(s, l) {
+      l & /*$_*/
+      16 && i !== (i = /*$_*/
+      s[4]("loading") + "") && L(n, i);
+    },
+    d(s) {
+      s && S(e);
+    }
+  };
+}
+function me(a) {
+  let e, i, n, s = (
+    /*$_*/
+    a[4]("titleDeposit") + ""
+  ), l, m, c = (
+    /*isMobile*/
+    a[5] && he(a)
+  );
+  function p(r, u) {
+    return (
+      /*isLoading*/
+      r[1] ? ge : pe
+    );
+  }
+  let y = p(a), o = y(a);
+  return {
+    c() {
+      e = M("div"), c && c.c(), i = E(), n = M("h2"), l = C(s), m = E(), o.c(), d(n, "class", "DepositTitle " + /*isMobile*/
+      (a[5] ? "DepositTitleNone" : "")), d(e, "class", "DepositWrapper " + /*isMobile*/
+      (a[5] ? "DepositWrapperMobile" : "")), z(
+        e,
+        "--dynamic-height",
+        /*dynamicHeight*/
+        a[2]
+      );
+    },
+    m(r, u) {
+      x(r, e, u), c && c.m(e, null), h(e, i), h(e, n), h(n, l), h(e, m), o.m(e, null), a[19](e);
+    },
+    p(r, [u]) {
+      /*isMobile*/
+      r[5] && c.p(r, u), u & /*$_*/
+      16 && s !== (s = /*$_*/
+      r[4]("titleDeposit") + "") && L(l, s), y === (y = p(r)) && o ? o.p(r, u) : (o.d(1), o = y(r), o && (o.c(), o.m(e, null))), u & /*dynamicHeight*/
+      4 && z(
+        e,
+        "--dynamic-height",
+        /*dynamicHeight*/
+        r[2]
+      );
+    },
+    i: U,
+    o: U,
+    d(r) {
+      r && S(e), c && c.d(), o.d(), a[19](null);
+    }
+  };
+}
+function fe(a, e, i) {
+  let n, s;
+  ee(a, ce, (t) => i(4, s = t));
+  let { endpoint: l = "" } = e, { session: m = "" } = e, { playerid: c = "" } = e, { lang: p = "en" } = e, { hasdefaultamount: y = "" } = e, { clientstyling: o = "" } = e, { clientstylingurl: r = "" } = e, { translationurl: u = "" } = e, { playercurrency: b = "" } = e, { mbsource: _ } = e, { shortcashierenabled: f = "false" } = e, g, G = window.navigator.userAgent, R = te(G) !== "PC", B = !0, I, T = 0, P = "";
+  const N = () => {
+    fetch(u).then((D) => D.json()).then((D) => {
+      Object.keys(D).forEach((v) => {
+        H(v, D[v]);
+      });
+    }).catch((D) => {
+      console.log(D);
+    });
+  };
+  Object.keys(j).forEach((t) => {
+    H(t, j[t]);
+  });
+  const A = () => {
+    window.postMessage({ type: "GoToPreviousRoute", isMobile: R }, window.location.href);
+  }, F = (t) => {
+    if (t.data) {
+      switch (t.data.type) {
+        case "ProfileDetailsData":
+          i(7, b = t.data.profileDetails.currency);
+          break;
+      }
+      switch (t.data["MMFE:setQuickDepositHeight"] && i(2, I = t.data["MMFE:setQuickDepositHeight"].toString() + "px"), t.data["MMFE:openFullCashier"] === "true" && (window.postMessage({ type: "GoToDeposit" }, window.location.href), window.postMessage({ type: "CloseShortCashier" }, window.location.href)), t.data.redirect) {
+        case "mm-hc-casino":
+          window.postMessage({ type: "GoToCasino" }, window.location.href);
+          break;
+        case "mm-hc-sports":
+          window.postMessage({ type: "GoToSports" }, window.location.href);
+          break;
+        case "mm-hc-contact":
+          window.postMessage({ type: "GoToCustomerSupport" }, window.location.href), window.postMessage({ type: "CloseShortCashier" }, window.location.href);
+          break;
+        case "mm-hc-back-to-merchant":
+          window.postMessage({ type: "GoToHomepage" }, window.location.href);
+          break;
+        case "mm-wm-hc-init-deposit":
+          window.postMessage(
+            {
+              type: "RedirectWithdrawDepositCloseModal"
+            },
+            window.location.href
+          );
+          break;
+        case "mm-wm-hc-init-deposit-quick":
+          window.postMessage({ type: "CloseShortCashier" }, window.location.href);
+          break;
+      }
+    }
+  }, q = () => {
+    let t = new URL(`${l}/v1/player/${c}/hostedcashier/initializedeposit?showBonusSelectionInput=true`);
+    if (t.searchParams.append("language", p), n && t.searchParams.append("isShortCashier", f), y)
+      switch (b) {
+        case "USD":
+          T = 0.4;
+          break;
+        case "CDF":
+          T = 1e3;
+          break;
+      }
+    let D = {
+      method: "POST",
+      headers: {
+        "X-SessionId": m,
+        currency: b || "EUR",
+        amount: T,
+        cashierMode: "Default",
+        IsShortCashier: f,
+        accept: "application/json"
+      }
+    };
+    fetch(t.href, D).then((v) => v.json()).then(
+      (v) => {
+        i(1, B = !1), i(3, P = v.CashierUrl);
+      },
+      (v) => {
+        console.error(v);
+      }
+    );
+  }, O = () => {
+    de(p);
+  };
+  ie(() => (window.addEventListener("message", F, !1), () => {
+    window.removeEventListener("message", F);
+  }));
+  const Q = () => A();
+  function Y(t) {
+    se[t ? "unshift" : "push"](() => {
+      g = t, i(0, g);
+    });
+  }
+  return a.$$set = (t) => {
+    "endpoint" in t && i(8, l = t.endpoint), "session" in t && i(9, m = t.session), "playerid" in t && i(10, c = t.playerid), "lang" in t && i(11, p = t.lang), "hasdefaultamount" in t && i(12, y = t.hasdefaultamount), "clientstyling" in t && i(13, o = t.clientstyling), "clientstylingurl" in t && i(14, r = t.clientstylingurl), "translationurl" in t && i(15, u = t.translationurl), "playercurrency" in t && i(7, b = t.playercurrency), "mbsource" in t && i(16, _ = t.mbsource), "shortcashierenabled" in t && i(17, f = t.shortcashierenabled);
+  }, a.$$.update = () => {
+    a.$$.dirty & /*lang*/
+    2048 && p && O(), a.$$.dirty & /*shortcashierenabled*/
+    131072 && (n = f.toLocaleLowerCase() === "true"), a.$$.dirty & /*clientstyling, customStylingContainer*/
+    8193 && o && g && re(g, o), a.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    16385 && r && g && ne(g, r), a.$$.dirty & /*mbsource, customStylingContainer*/
+    65537 && _ && g && oe(g, `${_}.Style`), a.$$.dirty & /*translationurl*/
+    32768 && u && N(), a.$$.dirty & /*session, playerid, endpoint, playercurrency, lang, shortcashierenabled*/
+    135040 && m && c && l && b && p && f && q();
+  }, [
+    g,
+    B,
+    I,
+    P,
+    s,
+    R,
+    A,
+    b,
+    l,
+    m,
+    c,
+    p,
+    y,
+    o,
+    r,
+    u,
+    _,
+    f,
+    Q,
+    Y
+  ];
+}
+class ye extends X {
+  constructor(e) {
+    super(), Z(
+      this,
+      e,
+      fe,
+      me,
+      J,
+      {
+        endpoint: 8,
+        session: 9,
+        playerid: 10,
+        lang: 11,
+        hasdefaultamount: 12,
+        clientstyling: 13,
+        clientstylingurl: 14,
+        translationurl: 15,
+        playercurrency: 7,
+        mbsource: 16,
+        shortcashierenabled: 17
+      },
+      ue
+    );
+  }
+  get endpoint() {
+    return this.$$.ctx[8];
+  }
+  set endpoint(e) {
+    this.$$set({ endpoint: e }), w();
+  }
+  get session() {
+    return this.$$.ctx[9];
+  }
+  set session(e) {
+    this.$$set({ session: e }), w();
+  }
+  get playerid() {
+    return this.$$.ctx[10];
+  }
+  set playerid(e) {
+    this.$$set({ playerid: e }), w();
+  }
+  get lang() {
+    return this.$$.ctx[11];
+  }
+  set lang(e) {
+    this.$$set({ lang: e }), w();
+  }
+  get hasdefaultamount() {
+    return this.$$.ctx[12];
+  }
+  set hasdefaultamount(e) {
+    this.$$set({ hasdefaultamount: e }), w();
+  }
+  get clientstyling() {
+    return this.$$.ctx[13];
+  }
+  set clientstyling(e) {
+    this.$$set({ clientstyling: e }), w();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[14];
+  }
+  set clientstylingurl(e) {
+    this.$$set({ clientstylingurl: e }), w();
+  }
+  get translationurl() {
+    return this.$$.ctx[15];
+  }
+  set translationurl(e) {
+    this.$$set({ translationurl: e }), w();
+  }
+  get playercurrency() {
+    return this.$$.ctx[7];
+  }
+  set playercurrency(e) {
+    this.$$set({ playercurrency: e }), w();
+  }
+  get mbsource() {
+    return this.$$.ctx[16];
+  }
+  set mbsource(e) {
+    this.$$set({ mbsource: e }), w();
+  }
+  get shortcashierenabled() {
+    return this.$$.ctx[17];
+  }
+  set shortcashierenabled(e) {
+    this.$$set({ shortcashierenabled: e }), w();
+  }
+}
+le(ye, { endpoint: {}, session: {}, playerid: {}, lang: {}, hasdefaultamount: {}, clientstyling: {}, clientstylingurl: {}, translationurl: {}, playercurrency: {}, mbsource: {}, shortcashierenabled: {} }, [], [], !0);
+export {
+  ye as default
+};

package/es2015/casino-header-controller-nd.cjs

@@ -1 +1 @@
-"use strict";if(typeof window!="undefined"){let n=function(t){return function(...s){try{return t.apply(this,s)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>require("../components/CasinoHeaderControllerNd-Cd6hH1wA.cjs")).then(({default:t})=>{!customElements.get("casino-header-controller-nd")&&customElements.define("casino-header-controller-nd",t.element)})}
+"use strict";if(typeof window!="undefined"){let n=function(t){return function(...s){try{return t.apply(this,s)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>require("../components/CasinoHeaderControllerNd-CrjISN9T.cjs")).then(({default:t})=>{!customElements.get("casino-header-controller-nd")&&customElements.define("casino-header-controller-nd",t.element)})}

package/es2015/casino-header-controller-nd.js

@@ -10,7 +10,7 @@ if (typeof window != "undefined") {
       }
     };
   };
-  customElements.define = n(customElements.define), import("../components/CasinoHeaderControllerNd-B4Hgo5oq.js").then(({ default: t }) => {
+  customElements.define = n(customElements.define), import("../components/CasinoHeaderControllerNd-DeFJQOBT.js").then(({ default: t }) => {
     !customElements.get("casino-header-controller-nd") && customElements.define("casino-header-controller-nd", t.element);
   });
 }

package/esnext/casino-header-controller-nd.js

@@ -1,4 +1,4 @@
-import { C as s } from "../components/CasinoHeaderControllerNd-bGnLcz2g.js";
+import { C as s } from "../components/CasinoHeaderControllerNd-DdRHib4Y.js";
 function r(t) {
   return function(...n) {
     try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-header-controller-nd",
-  "version": "1.55.0",
+  "version": "1.56.0",
   "type": "module",
   "main": "esnext/casino-header-controller-nd.js",
   "module": "esnext/casino-header-controller-nd.js",

package/stencil/gamification-dropdown-12tdWeqm.cjs

@@ -0,0 +1 @@
+"use strict";var s=(n,a,t)=>new Promise((d,o)=>{var g=e=>{try{l(t.next(e))}catch(r){o(r)}},y=e=>{try{l(t.throw(e))}catch(r){o(r)}},l=e=>e.done?d(e.value):Promise.resolve(e.value).then(g,y);l((t=t.apply(n,a)).next())});const p=require("./index-30fda5fb-DqSvPD7T.cjs"),c=require("./app-globals-0f993ce5-sCt45RkC.cjs");var i=typeof document!="undefined"?document.currentScript:null,u=()=>{const n=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:i&&i.tagName.toUpperCase()==="SCRIPT"&&i.src||new URL("stencil/gamification-dropdown-12tdWeqm.cjs",document.baseURI).href,a={};return n!==""&&(a.resourcesUrl=new URL(".",n).href),p.promiseResolve(a)};u().then(n=>s(exports,null,function*(){return yield c.globalScripts(),p.bootstrapLazy([["gamification-dropdown_4",[[1,"gamification-dropdown",{endpoint:[513],language:[513],session:[513],mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],isOpen:[32],isLoading:[32],loyaltyPoints:[32]},null,{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}],[1,"player-elevate-loyaltycard",{endpoint:[513],theme:[513],session:[513],playerAvatarUrl:[513,"player-avatar-url"],language:[513],playerName:[513,"player-name"],dateFormat:[513,"date-format"],mbSource:[1,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],pointExpireString:[32],playerElevateLevel:[32],elevateWalletTotal:[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}],[4,"general-styling-wrapper",{clientStyling:[1,"client-styling"],clientStylingUrl:[1,"client-styling-url"],translationUrl:[1,"translation-url"],targetTranslations:[16]}],[0,"player-elevate-card-data",{params:[8],playerElevateLevel:[32],pointExpireString:[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{params:["onParamsChanged"]}]]],["player-elevate-card",[[1,"player-elevate-card",{endpoint:[513],theme:[513],session:[513],playerAvatarUrl:[513,"player-avatar-url"],language:[513],playerName:[513,"player-name"],dateFormat:[513,"date-format"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],pointExpireString:[32],playerLevelFlag:[32],playerElevateLevel:[32],elevateWalletTotal:[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}]]],["player-elevate-pointcard",[[1,"player-elevate-pointcard",{endpoint:[513],theme:[513],session:[513],playerAvatarUrl:[513,"player-avatar-url"],language:[513],playerName:[513,"player-name"],cardTitle:[513,"card-title"],buttonType:[513,"button-type"],dateFormat:[513,"date-format"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],pointExpireString:[32],playerElevateLevel:[32],elevateWalletTotal:[32],elevateSPTotal:[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}]]]],n)}));

package/stencil/gamification-dropdown-246b88da-BcsKYpR0.js

@@ -0,0 +1,126 @@
+import { r as g, h as a, g as f } from "./index-30fda5fb-CiEO4toK.js";
+const m = "en";
+let l = {
+  en: {
+    gamificationNoPoints: "No points"
+  },
+  de: {
+    gamificationNoPoints: "No points"
+  },
+  ro: {
+    gamificationNoPoints: "No points"
+  },
+  fr: {
+    gamificationNoPoints: "No points"
+  },
+  ar: {
+    gamificationNoPoints: "No points"
+  },
+  hr: {
+    gamificationNoPoints: "No points"
+  }
+};
+const h = (i) => new Promise((t) => {
+  fetch(i).then((n) => n.json()).then((n) => {
+    Object.keys(n).forEach((e) => {
+      l[e] || (l[e] = {});
+      for (let o in n[e])
+        l[e][o] = n[e][o];
+    }), t(!0);
+  });
+}), u = (i, t) => {
+  const n = t;
+  return l[n !== void 0 && n in l ? n : m][i];
+};
+function d(i, t) {
+  if (i) {
+    const n = document.createElement("style");
+    n.innerHTML = t, i.appendChild(n);
+  }
+}
+function p(i, t) {
+  const n = new URL(t);
+  fetch(n.href).then((e) => e.text()).then((e) => {
+    const o = document.createElement("style");
+    o.innerHTML = e, i && i.appendChild(o);
+  }).catch((e) => {
+    console.error("There was an error while trying to load client styling from URL", e);
+  });
+}
+function y(i, t, n) {
+  if (window.emMessageBus) {
+    const e = document.createElement("style");
+    window.emMessageBus.subscribe(t, (o) => {
+      e.innerHTML = o, i && i.appendChild(e);
+    });
+  }
+}
+const w = ":host{display:block}.GamificationDropdownContainer{position:relative}.GamificationDropdownContainer .GamificationDropdown{position:absolute;left:0;z-index:200;overflow:hidden;cursor:pointer}.GamificationDropdownButton{cursor:pointer;font-size:14px;height:20px;background-color:unset;color:var(--emw--color-typography, #FFFFFF);padding:0;border:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;line-height:0}.GamificationDropdownButton:hover{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton:hover svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton .TriangleActive,.GamificationDropdownButton .TriangleInactive{display:block;transition:all 0.2s}.GamificationDropdownButton .TriangleActive{transform:scale(1.1) rotateX(180deg) translateY(3px);fill:var(--emw--color-primary, #52d004);margin-top:4px}.GamificationDropdownButton svg{fill:var(--emw--color-typography, #FFFFFF);margin-left:8px;width:16px}", v = w, C = class {
+  constructor(i) {
+    g(this, i), this.language = "en", this.session = "", this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.isOpen = !1, this.isLoading = !1, this.navigateToGamification = () => {
+      window.postMessage({ type: "NavigateToGamification" }, window.location.href), this.isOpen = !1;
+    }, this.handleOutsideClick = (t) => {
+      t.composedPath().includes(this.el) || (this.isOpen = !1, document.removeEventListener("click", this.handleOutsideClick));
+    }, this.handleDropdownClick = (t) => {
+      t.stopPropagation(), this.isOpen = !this.isOpen, this.isOpen ? document.addEventListener("click", this.handleOutsideClick) : document.removeEventListener("click", this.handleOutsideClick);
+    };
+  }
+  handleNewTranslations() {
+    this.isLoading = !0, h(this.translationUrl).then(() => {
+      this.isLoading = !1;
+    });
+  }
+  handleClientStylingChange(i, t) {
+    i != t && d(this.stylingContainer, this.clientStyling);
+  }
+  handleClientStylingChangeURL(i, t) {
+    i != t && this.clientStylingUrl && p(this.stylingContainer, this.clientStylingUrl);
+  }
+  async componentWillLoad() {
+    if (this.translationUrl.length > 2 && await h(this.translationUrl), this.endpoint && this.language)
+      return this.fetchPointsData();
+  }
+  componentDidLoad() {
+    this.stylingContainer && (window.emMessageBus != null ? y(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && d(this.stylingContainer, this.clientStyling), this.clientStylingUrl && p(this.stylingContainer, this.clientStylingUrl)));
+  }
+  disconnectedCallback() {
+    this.stylingSubscription && this.stylingSubscription.unsubscribe();
+  }
+  fetchPointsData() {
+    let i = new URL(`${this.endpoint}/v1/elevate/playerInfo`);
+    i.searchParams.append("language", this.language);
+    const t = new Headers();
+    t.append("X-SessionId", this.session);
+    const n = {
+      method: "GET",
+      headers: t
+    };
+    return new Promise((e, o) => {
+      this.isLoading = !0, fetch(i.href, n).then((s) => s.json()).then((s) => {
+        var r, c;
+        this.loyaltyPoints = (c = (r = s?.data) === null || r === void 0 ? void 0 : r.level) === null || c === void 0 ? void 0 : c.loyaltyPoints, e(!0);
+      }).catch((s) => {
+        console.error(s), o(s);
+      }).finally(() => {
+        this.isLoading = !1;
+      });
+    });
+  }
+  render() {
+    return this.isLoading ? null : a("div", { ref: (i) => this.stylingContainer = i, class: "GamificationDropdownContainer" }, a("button", { class: `GamificationDropdownButton ${this.isOpen ? "IsOpen" : ""}`, type: "button", onClick: (i) => this.handleDropdownClick(i), title: typeof this.loyaltyPoints == "number" ? String(this.loyaltyPoints) : u("gamificationNoPoints", this.language) }, typeof this.loyaltyPoints == "number" ? `${this.loyaltyPoints} XP` : "...", a("span", { class: this.isOpen ? "TriangleActive" : "TriangleInactive" }, a("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "6.835", viewBox: "0 0 14 6.835" }, a("path", { id: "arrow", d: "M281.541,447.921a.488.488,0,0,0,.295-.122l6.5-5.851a.488.488,0,1,0-.65-.726l-6.176,5.556-6.176-5.556h0a.488.488,0,1,0-.65.726l6.5,5.851a.488.488,0,0,0,.355.122Z", transform: "translate(-274.511 -441.088)" })))), this.isOpen && a("div", { class: "GamificationDropdown", onClick: this.navigateToGamification }, a("player-elevate-loyaltycard", { endpoint: this.endpoint, session: this.session, language: this.language, "client-styling-url": this.clientStylingUrl, "client-styling": this.clientStyling })));
+  }
+  get el() {
+    return f(this);
+  }
+  static get watchers() {
+    return {
+      translationUrl: ["handleNewTranslations"],
+      clientStyling: ["handleClientStylingChange"],
+      clientStylingUrl: ["handleClientStylingChangeURL"]
+    };
+  }
+};
+C.style = v;
+export {
+  C as G
+};