@everymatrix/casino-engagement-suite-container 1.35.0

package/dist/casino-engagement-suite-container/casino-engagement-suite-container.esm.js

@@ -0,0 +1 @@
+import{p as e,b as n}from"./p-94a35541.js";(()=>{const n=import.meta.url,t={};return""!==n&&(t.resourcesUrl=new URL(".",n).href),e(t)})().then((e=>n([["p-fbddcb5b",[[1,"casino-engagement-suite-container",{clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],orientation:[32],device:[32],showChallengesList:[32],challengePercent:[32],limitStylingAppends:[32],activeWidget:[32],challenges:[32],init:[64]},[[8,"message","handleEvent"]]],[1,"casino-engagement-suite-bar",{activeWidget:[1537,"active-widget"],challengePercent:[1,"challenge-percent"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],orientation:[1],limitStylingAppends:[32]}]]]],e)));

package/dist/casino-engagement-suite-container/p-94a35541.js

@@ -0,0 +1 @@
+let e,t,n=!1;const l="undefined"!=typeof window?window:{},s=l.document||{head:{}},o={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},i=e=>Promise.resolve(e),r=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),c=(e,t,n)=>{n&&n.map((([n,l,s])=>{const i=a(e,n),r=u(t,s),c=f(n);o.ael(i,l,r,c),(t.o=t.o||[]).push((()=>o.rel(i,l,r,c)))}))},u=(e,t)=>n=>{try{256&e.t?e.i[t](n):(e.u=e.u||[]).push([t,n])}catch(e){I(e)}},a=(e,t)=>8&t?l:e,f=e=>0!=(2&e),d=new WeakMap,h=e=>"sc-"+e.h,$={},m=e=>"object"==(e=typeof e)||"function"===e,y=(e,t,...n)=>{let l=null,s=!1,o=!1,i=[];const r=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?r(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!m(l))&&(l+=""),s&&o?i[i.length-1].$+=l:i.push(s?p(null,l):l),o=s)};if(r(n),t){const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}const c=p(e,null);return c.m=t,i.length>0&&(c.p=i),c},p=(e,t)=>({t:0,g:e,$:t,S:null,p:null,m:null}),b={},w=(e,t,n,s,i,r)=>{if(n!==s){let c=G(e,t),u=t.toLowerCase();if("class"===t){const t=e.classList,l=S(n),o=S(s);t.remove(...l.filter((e=>e&&!o.includes(e)))),t.add(...o.filter((e=>e&&!l.includes(e))))}else if("ref"===t)s&&s(e);else if(c||"o"!==t[0]||"n"!==t[1]){const l=m(s);if((c||l&&null!==s)&&!i)try{if(e.tagName.includes("-"))e[t]=s;else{let l=null==s?"":s;"list"===t?c=!1:null!=n&&e[t]==l||(e[t]=l)}}catch(e){}null==s||!1===s?!1===s&&""!==e.getAttribute(t)||e.removeAttribute(t):(!c||4&r||i)&&!l&&e.setAttribute(t,s=!0===s?"":s)}else t="-"===t[2]?t.slice(3):G(l,u)?u.slice(2):u[2]+t.slice(3),n&&o.rel(e,t,n,!1),s&&o.ael(e,t,s,!1)}},g=/\s/,S=e=>e?e.split(g):[],j=(e,t,n,l)=>{const s=11===t.S.nodeType&&t.S.host?t.S.host:t.S,o=e&&e.m||$,i=t.m||$;for(l in o)l in i||w(s,l,o[l],void 0,n,t.t);for(l in i)w(s,l,o[l],i[l],n,t.t)},v=(t,n,l)=>{let o,i,r=n.p[l],c=0;if(null!==r.$)o=r.S=s.createTextNode(r.$);else if(o=r.S=s.createElement(r.g),j(null,r,!1),null!=e&&o["s-si"]!==e&&o.classList.add(o["s-si"]=e),r.p)for(c=0;c<r.p.length;++c)i=v(t,r,c),i&&o.appendChild(i);return o},M=(e,n,l,s,o,i)=>{let r,c=e;for(c.shadowRoot&&c.tagName===t&&(c=c.shadowRoot);o<=i;++o)s[o]&&(r=v(null,l,o),r&&(s[o].S=r,c.insertBefore(r,n)))},k=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.S,P(l),s.remove())},C=(e,t)=>e.g===t.g,O=(e,t)=>{const n=t.S=e.S,l=e.p,s=t.p,o=t.$;null===o?(j(e,t,!1),null!==l&&null!==s?((e,t,n,l)=>{let s,o=0,i=0,r=t.length-1,c=t[0],u=t[r],a=l.length-1,f=l[0],d=l[a];for(;o<=r&&i<=a;)null==c?c=t[++o]:null==u?u=t[--r]:null==f?f=l[++i]:null==d?d=l[--a]:C(c,f)?(O(c,f),c=t[++o],f=l[++i]):C(u,d)?(O(u,d),u=t[--r],d=l[--a]):C(c,d)?(O(c,d),e.insertBefore(c.S,u.S.nextSibling),c=t[++o],d=l[--a]):C(u,f)?(O(u,f),e.insertBefore(u.S,c.S),u=t[--r],f=l[++i]):(s=v(t&&t[i],n,i),f=l[++i],s&&c.S.parentNode.insertBefore(s,c.S));o>r?M(e,null==l[a+1]?null:l[a+1].S,n,l,i,a):i>a&&k(t,o,r)})(n,l,t,s):null!==s?(null!==e.$&&(n.textContent=""),M(n,null,t,s,0,s.length-1)):null!==l&&k(l,0,l.length-1)):e.$!==o&&(n.data=o)},P=e=>{e.m&&e.m.ref&&e.m.ref(null),e.p&&e.p.map(P)},x=e=>_(e).j,E=(e,t)=>{t&&!e.v&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.v=t)))},L=(e,t)=>{if(e.t|=16,!(4&e.t))return E(e,e.M),le((()=>N(e,t)));e.t|=512},N=(e,t)=>{const n=e.i;return t&&(e.t|=256,e.u&&(e.u.map((([e,t])=>U(n,e,t))),e.u=null)),W(void 0,(()=>R(e,n,t)))},R=async(e,t,n)=>{const l=e.j,o=l["s-rc"];n&&(e=>{const t=e.k,n=e.j,l=t.t,o=((e,t)=>{let n=h(t),l=Q.get(n);if(e=11===e.nodeType?e:s,l)if("string"==typeof l){let t,o=d.get(e=e.head||e);o||d.set(e,o=new Set),o.has(n)||(t=s.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);T(e,t),o&&(o.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>A(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},T=(n,l)=>{try{l=l.render(),n.t&=-17,n.t|=2,((n,l)=>{const s=n.j,o=n.k,i=n.C||p(null,null),r=(e=>e&&e.g===b)(l)?l:y(null,null,l);t=s.tagName,o.O&&(r.m=r.m||{},o.O.map((([e,t])=>r.m[t]=s[e]))),r.g=null,r.t|=4,n.C=r,r.S=i.S=s.shadowRoot||s,e=s["s-sc"],O(i,r)})(n,l)}catch(e){I(e,n.j)}return null},A=e=>{const t=e.j,n=e.i,l=e.M;U(n,"componentDidRender"),64&e.t||(e.t|=64,q(t),U(n,"componentDidLoad"),e.P(t),l||D()),e.L(t),e.v&&(e.v(),e.v=void 0),512&e.t&&ne((()=>L(e,!1))),e.t&=-517},D=()=>{q(s.documentElement),ne((()=>(e=>{const t=o.ce("appload",{detail:{namespace:"casino-engagement-suite-container"}});return e.dispatchEvent(t),t})(l)))},U=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){I(e)}},W=(e,t)=>e&&e.then?e.then(t):t(),q=e=>e.classList.add("hydrated"),F=(e,t,n)=>{if(t.N){const l=Object.entries(t.N),s=e.prototype;if(l.map((([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(s,e,{get(){return((e,t)=>_(this).R.get(t))(0,e)},set(n){((e,t,n,l)=>{const s=_(e),o=s.R.get(t),i=s.t,r=s.i;n=((e,t)=>null==e||m(e)?e:1&t?e+"":e)(n,l.N[t][0]),8&i&&void 0!==o||n===o||Number.isNaN(o)&&Number.isNaN(n)||(s.R.set(t,n),r&&2==(18&i)&&L(s,!1))})(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(s,e,{value(...t){const n=_(this);return n.T.then((()=>n.i[e](...t)))}})})),1&n){const n=new Map;s.attributeChangedCallback=function(e,t,l){o.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(s.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const s=l[1]||e;return n.set(s,e),512&l[0]&&t.O.push([e,s]),s}))}}return e},H=(e,t={})=>{const n=[],i=t.exclude||[],u=l.customElements,a=s.head,f=a.querySelector("meta[charset]"),d=s.createElement("style"),$=[];let m,y=!0;Object.assign(o,t),o.l=new URL(t.resourcesUrl||"./",s.baseURI).href,e.map((e=>{e[1].map((t=>{const l={t:t[0],h:t[1],N:t[2],A:t[3]};l.N=t[2],l.A=t[3],l.O=[];const s=l.h,a=class extends HTMLElement{constructor(e){super(e),B(e=this,l),1&l.t&&e.attachShadow({mode:"open"})}connectedCallback(){m&&(clearTimeout(m),m=null),y?$.push(this):o.jmp((()=>(e=>{if(0==(1&o.t)){const t=_(e),n=t.k,l=()=>{};if(1&t.t)c(e,t,n.A);else{t.t|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){E(t,t.M=n);break}}n.N&&Object.entries(n.N).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,s)=>{if(0==(32&t.t)){{if(t.t|=32,(s=K(n)).then){const e=()=>{};s=await s,e()}s.isProxied||(F(s,n,2),s.isProxied=!0);const e=()=>{};t.t|=8;try{new s(t)}catch(e){I(e)}t.t&=-9,e()}if(s.style){let e=s.style;const t=h(n);if(!Q.has(t)){const l=()=>{};((e,t,n)=>{let l=Q.get(e);r&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,Q.set(e,l)})(t,e,!!(1&n.t)),l()}}}const o=t.M,i=()=>L(t,!0);o&&o["s-rc"]?o["s-rc"].push(i):i()})(0,t,n)}l()}})(this)))}disconnectedCallback(){o.jmp((()=>(()=>{if(0==(1&o.t)){const e=_(this),t=e.i;e.o&&(e.o.map((e=>e())),e.o=void 0),U(t,"disconnectedCallback")}})()))}componentOnReady(){return _(this).D}};l.U=e[0],i.includes(s)||u.get(s)||(n.push(s),u.define(s,F(a,l,1)))}))})),d.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",d.setAttribute("data-styles",""),a.insertBefore(d,f?f.nextSibling:a.firstChild),y=!1,$.length?$.map((e=>e.connectedCallback())):o.jmp((()=>m=setTimeout(D,30)))},V=new WeakMap,_=e=>V.get(e),z=(e,t)=>V.set(t.i=e,t),B=(e,t)=>{const n={t:0,j:e,k:t,R:new Map};return n.T=new Promise((e=>n.L=e)),n.D=new Promise((e=>n.P=e)),e["s-p"]=[],e["s-rc"]=[],c(e,n,t.A),V.set(e,n)},G=(e,t)=>t in e,I=(e,t)=>(0,console.error)(e,t),J=new Map,K=e=>{const t=e.h.replace(/-/g,"_"),n=e.U,l=J.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(J.set(n,e),e[t])),I)},Q=new Map,X=[],Y=[],Z=(e,t)=>l=>{e.push(l),n||(n=!0,t&&4&o.t?ne(te):o.raf(te))},ee=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){I(e)}e.length=0},te=()=>{ee(X),ee(Y),(n=X.length>0)&&o.raf(te)},ne=e=>i().then(e),le=Z(Y,!0);export{H as b,x as g,y as h,i as p,z as r}

package/dist/casino-engagement-suite-container/p-fbddcb5b.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t,g as i}from"./p-94a35541.js";import"@everymatrix/casino-engagement-suite-challenges-list";const a=class{constructor(t){e(this,t),this.clientStyling="",this.clientStylingUrl="",this.orientation="Landscape",this.limitStylingAppends=!1,this.handleTileClick=e=>{const t=e.target.getAttribute("data-app");window.postMessage({type:`Bar${t}Click`}),this.activeWidget=t},this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.engagementSuiteBar.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),t=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{t.innerHTML=e,setTimeout((()=>{this.engagementSuiteBar.prepend(t)}),1)})).catch((e=>{console.log("Error ",e)}))}}componentDidRender(){!this.limitStylingAppends&&this.engagementSuiteBar&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}getChallengeTile(){return this.challengePercent?t("button",{class:"Tile Reward Challenges "+("Challenges"===this.activeWidget?"Active":""),"data-app":"Challenges",onClick:this.handleTileClick},t("div",{class:"RewardIcon"}),t("span",null,this.challengePercent)):""}render(){return t("div",{class:`CasinoEngagementSuiteBar ${this.orientation}`,ref:e=>this.engagementSuiteBar=e},t("div",{class:"EngagementSuiteContainer"},t("div",{class:"Jackpots"},t("div",{class:"Tile Jackpot"},t("span",{class:"Mega"},"$ 988,900,000")),t("div",{class:"Tile Jackpot"},t("span",{class:"Major"},"$ 77,900,000")),t("div",{class:"Tile Jackpot"},t("span",{class:"Minor"},"$ 3,900,000"))),t("div",{class:"Rewards"},t("button",{class:"Tile Reward Leaderboard "+("Leaderboard"===this.activeWidget?"Active":""),"data-app":"Leaderboard",onClick:this.handleTileClick},t("div",{class:"RewardIcon"}),t("span",null,"4 / 120")),t("button",{class:"Tile Reward Luckywheel "+("Luckywheel"===this.activeWidget?"Active":""),"data-app":"Luckywheel",onClick:this.handleTileClick},t("div",{class:"RewardIcon"}),t("span",null,"5")),this.getChallengeTile(),t("button",{class:"Tile Reward Freespins "+("Freespins"===this.activeWidget?"Active":""),"data-app":"Freespins",onClick:this.handleTileClick},t("div",{class:"RewardIcon"}),t("span",null,"17")))))}};var n,s;function r(){return window.screen.orientation.type.includes("portrait")?"Portrait":"Landscape"}a.style='@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;900&display=swap"); :host{display:block}*{box-sizing:border-box}.CasinoEngagementSuiteBar{height:100vh;background-color:var(--emw--color-background, #1E1638);color:var(--emw--color-typography, #FFF)}.CasinoEngagementSuiteBar .EngagementSuiteContainer{display:flex;align-items:center;gap:4px}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile{background-color:var(--emw--color-primary, #251D3E);border-radius:var(--emw--border-radius-medium, 4px);display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-x-small, 12px);font-family:"Montserrat", sans-serif;color:var(--emw--color-typography, #FFF)}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile::before{content:"";position:absolute;inset:0;border-radius:var(--emw--border-radius-medium, 4px);padding:1px;background:linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);-webkit-mask:linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpots,.CasinoEngagementSuiteBar .EngagementSuiteContainer .Rewards{display:flex;flex-direction:column;gap:4px}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot{padding:14px 8px}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpots .Mega{background:linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:var(--emw--font-weight-bold, 800)}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Reward{justify-content:space-between;padding:8px;cursor:pointer;border:none}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Reward.Active::before{background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #2D2545 82.77%)}.CasinoEngagementSuiteBar .EngagementSuiteContainer .RewardIcon{width:24px;height:24px;background-size:100%;background-position:center}.Tile.Leaderboard .RewardIcon{background-image:url("https://static.everymatrix.com/gic/img/engagement-suite/bar/leaderboard.svg")}.Tile.Leaderboard.Active .RewardIcon{background-image:url("https://static.everymatrix.com/gic/img/engagement-suite/bar/leaderboard-pressed.svg")}.Tile.Challenges .RewardIcon{background:center 100% url("https://static.everymatrix.com/gic/img/engagement-suite/bar/challenge.svg")}.Tile.Challenges.Active .RewardIcon{background-image:url("https://static.everymatrix.com/gic/img/engagement-suite/bar/challenge-pressed.svg")}.Tile.Luckywheel .RewardIcon{background:center 100% url("https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel.svg")}.Tile.Luckywheel.Active .RewardIcon{background-image:url("https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel-pressed.svg")}.Tile.Freespins .RewardIcon{background:center 100% url("https://static.everymatrix.com/gic/img/engagement-suite/bar/freespins.svg")}.Tile.Freespins.Active .RewardIcon{background-image:url("https://static.everymatrix.com/gic/img/engagement-suite/bar/freespins-pressed.svg")}.Landscape.CasinoEngagementSuiteBar{width:152px;padding-top:16px;box-shadow:0 4px 4px 0 #00000040, 8px 0 10px 0 #0000004D}.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer{flex-direction:column}.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile{width:120px;height:40px}.Portrait.CasinoEngagementSuiteBar{border-radius:0 0 var(--emw--border-radius-medium, 4px) var(--emw--border-radius-medium, 4px);height:auto;padding:10px;box-shadow:0 4px 4px 0 #00000040, 8px 0 10px 0 #0000004D}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer{gap:8px;flex-wrap:wrap}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpots,.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Rewards{width:100%;flex-direction:row;gap:8px}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile{flex:1 1 0px;height:32px}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot{padding:10px 8px}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Reward{padding:4px 8px}',function(e){e[e.Closed=0]="Closed",e[e.InProgress=1]="InProgress",e[e.Fillup=2]="Fillup",e[e.Completed=3]="Completed"}(n||(n={})),function(e){e[e.Started=0]="Started",e[e.InProgress=1]="InProgress",e[e.PendingLevelReward=2]="PendingLevelReward",e[e.Completed=3]="Completed",e[e.Expired=4]="Expired"}(s||(s={}));const o=class{constructor(t){e(this,t),this.clientStyling="",this.clientStylingUrl="",this.orientation="Landscape",this.device="Mobile",this.showChallengesList=!1,this.limitStylingAppends=!1,this.handleChallengeListClose=()=>{this.showChallengesList=!1,this.activeWidget=""},this.orientationChangeHandler=()=>{this.orientation=r()},this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.host.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),t=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{t.innerHTML=e,setTimeout((()=>{this.host.prepend(t)}),1)})).catch((e=>{console.log("Error ",e)}))}}handleEvent(e){switch(e.data.type){case"ChallengeHasExpired":this.setChallengePercent();break;case"BarChallengesClick":this.showChallengesList=!0,this.activeWidget="Challenges";break;case"UpdateChallengeProgress":this.updateChallengeProgress(e.data.data)}}componentDidLoad(){this.orientation=r(),this.device=function(){const e=navigator.userAgent.toLowerCase(),t=screen.availWidth,i=screen.availHeight;if(e.includes("iphone"))return"Mobile";if(e.includes("ipad"))return"Tablet";if(e.includes("android")){if(i>t&&t<800)return"Mobile";if(t>i&&i<800)return"Tablet"}return"Desktop"}(),window.screen.orientation.addEventListener("change",this.orientationChangeHandler)}componentDidRender(){!this.limitStylingAppends&&this.host&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}disconnectedCallback(){window.screen.orientation.removeEventListener("change",this.orientationChangeHandler)}async init(e){this.challenges=e.challenges,this.setChallengePercent()}setChallengePercent(){if(!this.challenges)return;const e=this.challenges.find((e=>e.Status===s.InProgress));if(e){const t=e.LevelProgresses.find((e=>e.ProgressStatus===n.InProgress));t&&(this.challengePercent=`${t.ProgressPercentage}%`)}else this.challengePercent="—"}updateChallengeProgress(e){var t;const i=null===(t=this.challenges)||void 0===t?void 0:t.find((t=>t.Id===e.ChallengeId));i&&(i.LevelProgresses=e.LevelProgresses,this.challenges=[...this.challenges]),this.setChallengePercent()}getChallengesWidgets(){return t("div",{class:this.showChallengesList?"Backdrop Opened":"Backdrop"},t("casino-engagement-suite-challenges-list",{device:this.device,class:"CasinoEngagementSuiteDialog",onClose:this.handleChallengeListClose,challenges:this.challenges}))}render(){return t("div",{class:`CasinoEngagementSuiteContainer ${this.device} ${this.orientation}`},t("casino-engagement-suite-bar",{orientation:this.orientation,"active-widget":this.activeWidget,"challenge-percent":this.challengePercent}),this.challenges&&this.getChallengesWidgets())}get host(){return i(this)}};o.style=":host{display:inline-block;font-family:inherit}.Backdrop{padding:20px 20px 20px 172px;display:none;position:fixed;inset:0;height:100dvh;width:100vw}.Backdrop.Opened{display:block}.Backdrop .CasinoEngagementSuiteDialog{height:calc(100dvh - 40px);max-width:600px}.CasinoEngagementSuiteContainer.Portrait{width:100vw}.CasinoEngagementSuiteContainer.Portrait .Backdrop{padding:104px 0 20px}.CasinoEngagementSuiteContainer.Portrait .Backdrop .CasinoEngagementSuiteDialog{max-width:initial;padding:0 4px;margin:0 auto;height:calc(100dvh - 124px)}.CasinoEngagementSuiteContainer.Landscape.Mobile .CasinoEngagementSuiteDialog{max-width:366px}";export{a as casino_engagement_suite_bar,o as casino_engagement_suite_container}

package/dist/cjs/casino-engagement-suite-bar_2.cjs.entry.js

@@ -0,0 +1,246 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-e8d404e4.js');
+require('@everymatrix/casino-engagement-suite-challenges-list');
+
+const casinoEngagementSuiteBarCss = "@import url(\"https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;900&display=swap\"); :host{display:block}*{box-sizing:border-box}.CasinoEngagementSuiteBar{height:100vh;background-color:var(--emw--color-background, #1E1638);color:var(--emw--color-typography, #FFF)}.CasinoEngagementSuiteBar .EngagementSuiteContainer{display:flex;align-items:center;gap:4px}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile{background-color:var(--emw--color-primary, #251D3E);border-radius:var(--emw--border-radius-medium, 4px);display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-x-small, 12px);font-family:\"Montserrat\", sans-serif;color:var(--emw--color-typography, #FFF)}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile::before{content:\"\";position:absolute;inset:0;border-radius:var(--emw--border-radius-medium, 4px);padding:1px;background:linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);-webkit-mask:linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpots,.CasinoEngagementSuiteBar .EngagementSuiteContainer .Rewards{display:flex;flex-direction:column;gap:4px}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot{padding:14px 8px}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpots .Mega{background:linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:var(--emw--font-weight-bold, 800)}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Reward{justify-content:space-between;padding:8px;cursor:pointer;border:none}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Reward.Active::before{background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #2D2545 82.77%)}.CasinoEngagementSuiteBar .EngagementSuiteContainer .RewardIcon{width:24px;height:24px;background-size:100%;background-position:center}.Tile.Leaderboard .RewardIcon{background-image:url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/leaderboard.svg\")}.Tile.Leaderboard.Active .RewardIcon{background-image:url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/leaderboard-pressed.svg\")}.Tile.Challenges .RewardIcon{background:center 100% url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/challenge.svg\")}.Tile.Challenges.Active .RewardIcon{background-image:url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/challenge-pressed.svg\")}.Tile.Luckywheel .RewardIcon{background:center 100% url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel.svg\")}.Tile.Luckywheel.Active .RewardIcon{background-image:url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel-pressed.svg\")}.Tile.Freespins .RewardIcon{background:center 100% url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/freespins.svg\")}.Tile.Freespins.Active .RewardIcon{background-image:url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/freespins-pressed.svg\")}.Landscape.CasinoEngagementSuiteBar{width:152px;padding-top:16px;box-shadow:0 4px 4px 0 #00000040, 8px 0 10px 0 #0000004D}.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer{flex-direction:column}.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile{width:120px;height:40px}.Portrait.CasinoEngagementSuiteBar{border-radius:0 0 var(--emw--border-radius-medium, 4px) var(--emw--border-radius-medium, 4px);height:auto;padding:10px;box-shadow:0 4px 4px 0 #00000040, 8px 0 10px 0 #0000004D}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer{gap:8px;flex-wrap:wrap}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpots,.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Rewards{width:100%;flex-direction:row;gap:8px}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile{flex:1 1 0px;height:32px}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot{padding:10px 8px}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Reward{padding:4px 8px}";
+
+const CasinoEngagementSuiteBar = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Client custom styling via string
+     */
+    this.clientStyling = '';
+    /**
+     * Client custom styling via url
+     */
+    this.clientStylingUrl = '';
+    /**
+     * Orientation of the widget
+     */
+    this.orientation = 'Landscape';
+    this.limitStylingAppends = false;
+    this.handleTileClick = (ev) => {
+      const application = ev.target.getAttribute('data-app');
+      window.postMessage({ type: `Bar${application}Click` });
+      this.activeWidget = application;
+    };
+    this.setClientStyling = () => {
+      let sheet = document.createElement('style');
+      sheet.innerHTML = this.clientStyling;
+      this.engagementSuiteBar.prepend(sheet);
+    };
+    this.setClientStylingURL = () => {
+      let url = new URL(this.clientStylingUrl);
+      let cssFile = document.createElement('style');
+      fetch(url.href)
+        .then((res) => res.text())
+        .then((data) => {
+        cssFile.innerHTML = data;
+        setTimeout(() => { this.engagementSuiteBar.prepend(cssFile); }, 1);
+      })
+        .catch((err) => {
+        console.log('Error ', err);
+      });
+    };
+  }
+  componentDidRender() {
+    // start custom styling area
+    if (!this.limitStylingAppends && this.engagementSuiteBar) {
+      if (this.clientStyling)
+        this.setClientStyling();
+      if (this.clientStylingUrl)
+        this.setClientStylingURL();
+      this.limitStylingAppends = true;
+    }
+    // end custom styling area
+  }
+  getChallengeTile() {
+    return this.challengePercent
+      ? (index.h("button", { class: `Tile Reward Challenges ${this.activeWidget === 'Challenges' ? 'Active' : ''}`, "data-app": "Challenges", onClick: this.handleTileClick }, index.h("div", { class: "RewardIcon" }), index.h("span", null, this.challengePercent)))
+      : '';
+  }
+  render() {
+    /**
+     * These constants are used only to verify the correct rendering of our widget.
+     * In future development, all of this data will be fetched from the backend.
+     */
+    const megaItem = '$ 988,900,000';
+    const majorItem = '$ 77,900,000';
+    const minorItem = '$ 3,900,000';
+    const leaderboardItem = '4 / 120';
+    const luckywheelItem = '5';
+    const freespinsItem = '17';
+    return index.h("div", { class: `CasinoEngagementSuiteBar ${this.orientation}`, ref: (el) => (this.engagementSuiteBar = el) }, index.h("div", { class: "EngagementSuiteContainer" }, index.h("div", { class: "Jackpots" }, index.h("div", { class: "Tile Jackpot" }, index.h("span", { class: "Mega" }, megaItem)), index.h("div", { class: "Tile Jackpot" }, index.h("span", { class: "Major" }, majorItem)), index.h("div", { class: "Tile Jackpot" }, index.h("span", { class: "Minor" }, minorItem))), index.h("div", { class: "Rewards" }, index.h("button", { class: `Tile Reward Leaderboard ${this.activeWidget === 'Leaderboard' ? 'Active' : ''}`, "data-app": "Leaderboard", onClick: this.handleTileClick }, index.h("div", { class: "RewardIcon" }), index.h("span", null, leaderboardItem)), index.h("button", { class: `Tile Reward Luckywheel ${this.activeWidget === 'Luckywheel' ? 'Active' : ''}`, "data-app": "Luckywheel", onClick: this.handleTileClick }, index.h("div", { class: "RewardIcon" }), index.h("span", null, luckywheelItem)), this.getChallengeTile(), index.h("button", { class: `Tile Reward Freespins ${this.activeWidget === 'Freespins' ? 'Active' : ''}`, "data-app": "Freespins", onClick: this.handleTileClick }, index.h("div", { class: "RewardIcon" }), index.h("span", null, freespinsItem)))));
+  }
+};
+CasinoEngagementSuiteBar.style = casinoEngagementSuiteBarCss;
+
+var ChallengeLevelProgressStatus;
+(function (ChallengeLevelProgressStatus) {
+  ChallengeLevelProgressStatus[ChallengeLevelProgressStatus["Closed"] = 0] = "Closed";
+  ChallengeLevelProgressStatus[ChallengeLevelProgressStatus["InProgress"] = 1] = "InProgress";
+  ChallengeLevelProgressStatus[ChallengeLevelProgressStatus["Fillup"] = 2] = "Fillup";
+  ChallengeLevelProgressStatus[ChallengeLevelProgressStatus["Completed"] = 3] = "Completed";
+})(ChallengeLevelProgressStatus || (ChallengeLevelProgressStatus = {}));
+var ChallengeProgressStatus;
+(function (ChallengeProgressStatus) {
+  ChallengeProgressStatus[ChallengeProgressStatus["Started"] = 0] = "Started";
+  ChallengeProgressStatus[ChallengeProgressStatus["InProgress"] = 1] = "InProgress";
+  ChallengeProgressStatus[ChallengeProgressStatus["PendingLevelReward"] = 2] = "PendingLevelReward";
+  ChallengeProgressStatus[ChallengeProgressStatus["Completed"] = 3] = "Completed";
+  ChallengeProgressStatus[ChallengeProgressStatus["Expired"] = 4] = "Expired";
+})(ChallengeProgressStatus || (ChallengeProgressStatus = {}));
+
+function getDeviceType() {
+  const userAgent = navigator.userAgent.toLowerCase();
+  const width = screen.availWidth;
+  const height = screen.availHeight;
+  if (userAgent.includes('iphone')) {
+    return 'Mobile';
+  }
+  if (userAgent.includes('ipad')) {
+    return 'Tablet';
+  }
+  if (userAgent.includes('android')) {
+    if (height > width && width < 800) {
+      return 'Mobile';
+    }
+    if (width > height && height < 800) {
+      return 'Tablet';
+    }
+  }
+  return 'Desktop';
+}
+function getScreenOrientation() {
+  const orientation = window.screen.orientation.type;
+  return orientation.includes('portrait') ? 'Portrait' : 'Landscape';
+}
+
+const casinoEngagementSuiteContainerCss = ":host{display:inline-block;font-family:inherit}.Backdrop{padding:20px 20px 20px 172px;display:none;position:fixed;inset:0;height:100dvh;width:100vw}.Backdrop.Opened{display:block}.Backdrop .CasinoEngagementSuiteDialog{height:calc(100dvh - 40px);max-width:600px}.CasinoEngagementSuiteContainer.Portrait{width:100vw}.CasinoEngagementSuiteContainer.Portrait .Backdrop{padding:104px 0 20px}.CasinoEngagementSuiteContainer.Portrait .Backdrop .CasinoEngagementSuiteDialog{max-width:initial;padding:0 4px;margin:0 auto;height:calc(100dvh - 124px)}.CasinoEngagementSuiteContainer.Landscape.Mobile .CasinoEngagementSuiteDialog{max-width:366px}";
+
+const CasinoEngagementSuiteContainer = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Client custom styling via string
+     */
+    this.clientStyling = '';
+    /**
+     * Client custom styling via url
+     */
+    this.clientStylingUrl = '';
+    this.orientation = 'Landscape';
+    this.device = 'Mobile';
+    this.showChallengesList = false;
+    this.limitStylingAppends = false;
+    this.handleChallengeListClose = () => {
+      this.showChallengesList = false;
+      this.activeWidget = '';
+    };
+    this.orientationChangeHandler = () => {
+      this.orientation = getScreenOrientation();
+    };
+    this.setClientStyling = () => {
+      let sheet = document.createElement('style');
+      sheet.innerHTML = this.clientStyling;
+      this.host.prepend(sheet);
+    };
+    this.setClientStylingURL = () => {
+      let url = new URL(this.clientStylingUrl);
+      let cssFile = document.createElement('style');
+      fetch(url.href)
+        .then((res) => res.text())
+        .then((data) => {
+        cssFile.innerHTML = data;
+        setTimeout(() => { this.host.prepend(cssFile); }, 1);
+      })
+        .catch((err) => {
+        console.log('Error ', err);
+      });
+    };
+  }
+  handleEvent(e) {
+    const type = e.data.type;
+    switch (type) {
+      case 'ChallengeHasExpired': {
+        this.setChallengePercent();
+        break;
+      }
+      case 'BarChallengesClick': {
+        this.showChallengesList = true;
+        this.activeWidget = 'Challenges';
+        break;
+      }
+      case 'UpdateChallengeProgress': {
+        this.updateChallengeProgress(e.data.data);
+      }
+    }
+  }
+  componentDidLoad() {
+    this.orientation = getScreenOrientation();
+    this.device = getDeviceType();
+    window.screen.orientation.addEventListener('change', this.orientationChangeHandler);
+  }
+  componentDidRender() {
+    // start custom styling area
+    if (!this.limitStylingAppends && this.host) {
+      if (this.clientStyling)
+        this.setClientStyling();
+      if (this.clientStylingUrl)
+        this.setClientStylingURL();
+      this.limitStylingAppends = true;
+    }
+    // end custom styling area
+  }
+  disconnectedCallback() {
+    window.screen.orientation.removeEventListener('change', this.orientationChangeHandler);
+  }
+  /**
+   * Called to initialize widget
+   * @param config
+   */
+  async init(config) {
+    this.challenges = config.challenges;
+    this.setChallengePercent();
+  }
+  setChallengePercent() {
+    if (!this.challenges)
+      return;
+    const activeChallenge = this.challenges
+      .find(challenge => challenge.Status === ChallengeProgressStatus.InProgress);
+    if (activeChallenge) {
+      const activeLevel = activeChallenge.LevelProgresses
+        .find(progress => progress.ProgressStatus === ChallengeLevelProgressStatus.InProgress);
+      if (activeLevel) {
+        this.challengePercent = `${activeLevel.ProgressPercentage}%`;
+      }
+    }
+    else {
+      this.challengePercent = '—';
+    }
+  }
+  updateChallengeProgress(data) {
+    var _a;
+    const challenge = (_a = this.challenges) === null || _a === void 0 ? void 0 : _a.find(challenge => challenge.Id === data.ChallengeId);
+    if (challenge) {
+      challenge.LevelProgresses = data.LevelProgresses;
+      this.challenges = [...this.challenges];
+    }
+    this.setChallengePercent();
+  }
+  getChallengesWidgets() {
+    return index.h("div", { class: this.showChallengesList ? 'Backdrop Opened' : 'Backdrop' }, index.h("casino-engagement-suite-challenges-list", { device: this.device, class: "CasinoEngagementSuiteDialog", onClose: this.handleChallengeListClose, challenges: this.challenges }));
+  }
+  render() {
+    return index.h("div", { class: `CasinoEngagementSuiteContainer ${this.device} ${this.orientation}` }, index.h("casino-engagement-suite-bar", { orientation: this.orientation, "active-widget": this.activeWidget, "challenge-percent": this.challengePercent }), this.challenges && this.getChallengesWidgets());
+  }
+  get host() { return index.getElement(this); }
+};
+CasinoEngagementSuiteContainer.style = casinoEngagementSuiteContainerCss;
+
+exports.casino_engagement_suite_bar = CasinoEngagementSuiteBar;
+exports.casino_engagement_suite_container = CasinoEngagementSuiteContainer;

package/dist/cjs/casino-engagement-suite-container.cjs.js

@@ -0,0 +1,19 @@
+'use strict';
+
+const index = require('./index-e8d404e4.js');
+
+/*
+ Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('casino-engagement-suite-container.cjs.js', document.baseURI).href));
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return index.promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return index.bootstrapLazy([["casino-engagement-suite-bar_2.cjs",[[1,"casino-engagement-suite-container",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"orientation":[32],"device":[32],"showChallengesList":[32],"challengePercent":[32],"limitStylingAppends":[32],"activeWidget":[32],"challenges":[32],"init":[64]},[[8,"message","handleEvent"]]],[1,"casino-engagement-suite-bar",{"activeWidget":[1537,"active-widget"],"challengePercent":[1,"challenge-percent"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"orientation":[1],"limitStylingAppends":[32]}]]]], options);
+});