@everymatrix/casino-engagement-suite-luckywheel-list 1.56.2 → 1.57.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/casino-engagement-suite-luckywheel-list/casino-engagement-suite-luckywheel-list.esm.js +1 -1
- package/dist/casino-engagement-suite-luckywheel-list/index.esm.js +1 -1
- package/dist/casino-engagement-suite-luckywheel-list/{p-bfe195ea.entry.js → p-19bf678d.entry.js} +1 -1
- package/dist/casino-engagement-suite-luckywheel-list/p-89bbc8c4.js +15 -0
- package/dist/cjs/{casino-engagement-suite-luckywheel-list-f932b388.js → casino-engagement-suite-luckywheel-list-660f479c.js} +65 -29
- package/dist/cjs/casino-engagement-suite-luckywheel-list_2.cjs.entry.js +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/collection/components/casino-engagement-suite-luckywheel-list/casino-engagement-suite-luckywheel-list.js +28 -17
- package/dist/collection/components/casino-engagement-suite-luckywheel-list/casino-engagement-suite-luckywheel-list.stories.js +42 -0
- package/dist/collection/renders/LuckyWheelsHistory.js +7 -8
- package/dist/esm/{casino-engagement-suite-luckywheel-list-4e9fb36c.js → casino-engagement-suite-luckywheel-list-a950eff2.js} +65 -29
- package/dist/esm/casino-engagement-suite-luckywheel-list_2.entry.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/storybook/main.js +47 -0
- package/dist/storybook/preview.js +9 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/casino-engagement-suite-luckywheel-list/.stencil/libs/common/src/storybook/storybook-utils.d.ts +39 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/casino-engagement-suite-luckywheel-list/.stencil/packages/stencil/casino-engagement-suite-luckywheel-list/storybook/main.d.ts +3 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/casino-engagement-suite-luckywheel-list/.stencil/packages/stencil/casino-engagement-suite-luckywheel-list/storybook/preview.d.ts +70 -0
- package/dist/types/components/casino-engagement-suite-luckywheel-list/casino-engagement-suite-luckywheel-list.d.ts +2 -3
- package/dist/types/components/casino-engagement-suite-luckywheel-list/casino-engagement-suite-luckywheel-list.stories.d.ts +5 -0
- package/dist/types/components.d.ts +2 -2
- package/dist/types/models/luckywheel.d.ts +16 -16
- package/package.json +1 -1
- package/dist/casino-engagement-suite-luckywheel-list/p-d338274b.js +0 -1
package/dist/casino-engagement-suite-luckywheel-list/casino-engagement-suite-luckywheel-list.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-b1637276.js";export{s as setNonce}from"./p-b1637276.js";import{g as i}from"./p-e1255160.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((async e=>(await i(),t([["p-
|
|
1
|
+
import{p as e,b as t}from"./p-b1637276.js";export{s as setNonce}from"./p-b1637276.js";import{g as i}from"./p-e1255160.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((async e=>(await i(),t([["p-19bf678d",[[1,"casino-engagement-suite-luckywheel-list",{clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],language:[1],device:[1],luckyWheels:[1040],translationUrl:[1,"translation-url"],tooltip:[32],timers:[32],limitStylingAppends:[32],activeTab:[32],historyLoading:[32],luckywheelHistory:[32],openedHistoryIds:[32],historyLoaded:[32],isLoading:[32]},[[8,"message","handleEvent"]],{luckyWheels:["luckywheelsPropHandler"]}],[1,"casino-engagement-suite-progress-bar",{value:[2],disabled:[4],hidePercent:[4,"hide-percent"],indeterminate:[4],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],limitStylingAppends:[32]}]]]],e))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as CasinoEngagementSuiteLuckyWheelList}from"./p-
|
|
1
|
+
export{C as CasinoEngagementSuiteLuckyWheelList}from"./p-89bbc8c4.js";import"./p-b1637276.js";
|
package/dist/casino-engagement-suite-luckywheel-list/{p-bfe195ea.entry.js → p-19bf678d.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as casino_engagement_suite_luckywheel_list}from"./p-
|
|
1
|
+
export{C as casino_engagement_suite_luckywheel_list}from"./p-89bbc8c4.js";import{r as e,h as r,g as s}from"./p-b1637276.js";const t=class{constructor(r){e(this,r),this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.host.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),r=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{r.innerHTML=e,setTimeout((()=>{this.host.prepend(r)}),1)})).catch((e=>{console.log("Error ",e)}))},this.value=0,this.disabled=!1,this.hidePercent=!1,this.indeterminate=!1,this.clientStyling="",this.clientStylingUrl="",this.limitStylingAppends=!1}componentDidRender(){!this.limitStylingAppends&&this.host&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}getProgressBarClasses(){return{ProgressBar:!0,Completed:100===this.value,Disabled:this.disabled,HidePercent:this.hidePercent||this.indeterminate}}getProgressBarLineTemplate(){return r("div",this.indeterminate?{class:"ProgressBarLine Indeterminate",part:"ProgressBarLine Indeterminate"}:{class:"ProgressBarLine",part:"ProgressBarLine",style:{width:this.value+"%"}})}render(){return r("div",{key:"ecce3a26a92d2e090c1db84bdc1bdbeb505080ed",class:this.getProgressBarClasses(),part:"ProgressBar"},r("div",{key:"649fe1103d222200f2a1ad3b5967e37da1f1ab3d",class:"ProgressBarInfo",part:"ProgressBarInfo"},r("slot",{key:"49dc180eedd823f0027f75099813fb9d91bcd938",name:"Title"},r("div",{key:"e6e59da3fe7bbcb37e118e7fd23a8ff35587aca5"})),r("slot",{key:"3dc8e5fd1dbc8c268b9c76e393b751cb53605e7e",name:"Percent"},r("div",{key:"6a9e880f3ee3c4f26e8577c69be5db5f8e2d10ad",class:"ProgressBarPercent",part:"ProgressBarPercent"},this.value,"%"))),r("div",{key:"141106e77caad7b04bb199f911e87c0c6f0adc2d",class:"ProgressBarBackground",part:"ProgressBarBackground"},this.getProgressBarLineTemplate()))}get host(){return s(this)}};t.style=":host{display:block;font-family:inherit}:host(.Desktop) .ProgressBarPercent{font-size:var(--emw--font-size-small, 14px);line-height:14px}@keyframes indeterminate{0%{left:-200%;right:100%}60%{left:110%;right:-10%}to{left:110%;right:-10%}}.ProgressBarBackground{height:8px;background-color:var(--emw--color-gray-300, #666178);border-radius:var(--emw--border-radius-small, 4px);position:relative;overflow:hidden}.ProgressBarLine{position:absolute;left:0;top:0;bottom:0;border-radius:var(--emw--border-radius-small, 4px);background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));transition:width ease-out 0.3s}.ProgressBarLine.Indeterminate{animation:indeterminate 1s linear infinite}.ProgressBarInfo{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.ProgressBarPercent{font-weight:var(--emw--font-weight-bold, 700);font-size:var(--emw--font-size-x-small, 12px);line-height:12px}.HidePercent .ProgressBarPercent{display:none}.ProgressBar:not(.Disabled) .ProgressBarPercent{background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ProgressBar.Disabled .ProgressBarPercent{color:var(--emw--color-gray-300, #666178)}.ProgressBar.Disabled .ProgressBarLine{background:var(--emw--color-background-secondary, #474668)}";export{t as casino_engagement_suite_progress_bar}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import{h as t,r as e,c as n,g as i}from"./p-b1637276.js";
|
|
2
|
+
/*! *****************************************************************************
|
|
3
|
+
Copyright (c) Microsoft Corporation.
|
|
4
|
+
|
|
5
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
6
|
+
purpose with or without fee is hereby granted.
|
|
7
|
+
|
|
8
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
9
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
10
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
11
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
12
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
+
***************************************************************************** */const r=["en"],o={en:{luckywheels:"LuckyWheels",join:"Join",unjoin:"Unjoin",new:"new",noluckywheels:"No Unlocked LuckyWheel",tryOtherGames:"Try winning LuckyWheel as rewards or launching other booster games",tooltip:"LuckyWheels where your real money bets contribute towards the level progress to achieve the level reward",history:"History",rewards:"Rewards",issued:"Issued",time:"Time",loading:"Loading...",noHistory:"No LuckyWheels’ history available (last 30 days)",freeSpins:"Free Spins",luckyWheel:"LuckyWheel",leaderboard:"Leaderboard",mission:"Mission",canceled:"The luckywheel has been canceled.",support:"Please, contact support."}},s=(t,e)=>{const n=e;return o[void 0!==n&&r.includes(n)?n:"en"][t]};function a(){}function u(t){return t()}function l(){return Object.create(null)}function c(t){t.forEach(u)}function d(t){return"function"==typeof t}function h(t,e){return t!=t?e==e:t!==e||t&&"object"==typeof t||"function"==typeof t}function p(t,e,n){t.insertBefore(e,n||null)}function f(t){t.parentNode&&t.parentNode.removeChild(t)}function m(t){return document.createElement(t)}let y;function g(t){y=t}const v=[],w=[];let b=[];const x=[],L=Promise.resolve();let k=!1;function W(t){b.push(t)}const H=new Set;let E=0;function S(){if(0!==E)return;const t=y;do{try{for(;E<v.length;){const t=v[E];E++,g(t),P(t.$$)}}catch(t){throw v.length=0,E=0,t}for(g(null),v.length=0,E=0;w.length;)w.pop()();for(let t=0;t<b.length;t+=1){const e=b[t];H.has(e)||(H.add(e),e())}b.length=0}while(v.length);for(;x.length;)x.pop()();k=!1,H.clear(),g(t)}function P(t){if(null!==t.fragment){t.update(),c(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(W)}}const T=new Set;function M(t,e,n,i,r,o,s=null,h=[-1]){const p=y;g(t);const m=t.$$={fragment:null,ctx:[],props:o,update:a,not_equal:r,bound:l(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(e.context||(p?p.$$.context:[])),callbacks:l(),dirty:h,skip_bound:!1,root:e.target||p.$$.root};s&&s(m.root);let w=!1;if(m.ctx=n?n(t,e.props||{},((e,n,...i)=>{const o=i.length?i[0]:n;return m.ctx&&r(m.ctx[e],m.ctx[e]=o)&&(!m.skip_bound&&m.bound[e]&&m.bound[e](o),w&&function(t,e){-1===t.$$.dirty[0]&&(v.push(t),k||(k=!0,L.then(S)),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}(t,e)),n})):[],m.update(),w=!0,c(m.before_update),m.fragment=!!i&&i(m.ctx),e.target){if(e.hydrate){const t=function(t){return Array.from(t.childNodes)}(e.target);m.fragment&&m.fragment.l(t),t.forEach(f)}else m.fragment&&m.fragment.c();e.intro&&function(t){t&&t.i&&(T.delete(t),t.i(void 0))}(t.$$.fragment),function(t,e,n){const{fragment:i,after_update:r}=t.$$;i&&i.m(e,n),W((()=>{const e=t.$$.on_mount.map(u).filter(d);t.$$.on_destroy?t.$$.on_destroy.push(...e):c(e),t.$$.on_mount=[]})),r.forEach(W)}(t,e.target,e.anchor),S()}g(p)}let C;function I(t,e,n,i){const r=n[t]?.type;if(e="Boolean"===r&&"boolean"!=typeof e?null!=e:e,!i||!n[t])return e;if("toAttribute"===i)switch(r){case"Object":case"Array":return null==e?null:JSON.stringify(e);case"Boolean":return e?"":null;case"Number":return e??null;default:return e}else switch(r){case"Object":case"Array":return e&&JSON.parse(e);case"Boolean":default:return e;case"Number":return null!=e?+e:e}}"function"==typeof HTMLElement&&(C=class extends HTMLElement{$$ctor;$$s;$$c;$$cn=!1;$$d={};$$r=!1;$$p_d={};$$l={};$$l_u=new Map;constructor(t,e,n){super(),this.$$ctor=t,this.$$s=e,n&&this.attachShadow({mode:"open"})}addEventListener(t,e,n){if(this.$$l[t]=this.$$l[t]||[],this.$$l[t].push(e),this.$$c){const n=this.$$c.$on(t,e);this.$$l_u.set(e,n)}super.addEventListener(t,e,n)}removeEventListener(t,e,n){if(super.removeEventListener(t,e,n),this.$$c){const t=this.$$l_u.get(e);t&&(t(),this.$$l_u.delete(e))}}async connectedCallback(){if(this.$$cn=!0,!this.$$c){let t=function(t){return()=>{let e;return{c:function(){e=m("slot"),"default"!==t&&function(t,e,n){null==n?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n)}(e,"name",t)},m:function(t,n){p(t,e,n)},d:function(t){t&&f(e)}}}};if(await Promise.resolve(),!this.$$cn||this.$$c)return;const e={},n=function(t){const e={};return t.childNodes.forEach((t=>{e[t.slot||"default"]=!0})),e}(this);for(const i of this.$$s)i in n&&(e[i]=[t(i)]);for(const t of this.attributes){const e=this.$$g_p(t.name);e in this.$$d||(this.$$d[e]=I(e,t.value,this.$$p_d,"toProp"))}for(const t in this.$$p_d)!(t in this.$$d)&&void 0!==this[t]&&(this.$$d[t]=this[t],delete this[t]);this.$$c=new this.$$ctor({target:this.shadowRoot||this,props:{...this.$$d,$$slots:e,$$scope:{ctx:[]}}});const i=()=>{this.$$r=!0;for(const t in this.$$p_d)if(this.$$d[t]=this.$$c.$$.ctx[this.$$c.$$.props[t]],this.$$p_d[t].reflect){const e=I(t,this.$$d[t],this.$$p_d,"toAttribute");null==e?this.removeAttribute(this.$$p_d[t].attribute||t):this.setAttribute(this.$$p_d[t].attribute||t,e)}this.$$r=!1};this.$$c.$$.after_update.push(i),i();for(const t in this.$$l)for(const e of this.$$l[t]){const n=this.$$c.$on(t,e);this.$$l_u.set(e,n)}this.$$l={}}}attributeChangedCallback(t,e,n){this.$$r||(t=this.$$g_p(t),this.$$d[t]=I(t,n,this.$$p_d,"toProp"),this.$$c?.$set({[t]:this.$$d[t]}))}disconnectedCallback(){this.$$cn=!1,Promise.resolve().then((()=>{!this.$$cn&&this.$$c&&(this.$$c.$destroy(),this.$$c=void 0)}))}$$g_p(t){return Object.keys(this.$$p_d).find((e=>this.$$p_d[e].attribute===t||!this.$$p_d[e].attribute&&e.toLowerCase()===t))||t}});class D{$$=void 0;$$set=void 0;$destroy(){(function(t,e){const n=t.$$;null!==n.fragment&&(function(t){const e=[],n=[];b.forEach((i=>-1===t.indexOf(i)?e.push(i):n.push(i))),n.forEach((t=>t())),b=e}(n.after_update),c(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])})(this,1),this.$destroy=a}$on(t,e){if(!d(e))return a;const n=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return n.push(e),()=>{const t=n.indexOf(e);-1!==t&&n.splice(t,1)}}$set(t){this.$$set&&0!==Object.keys(t).length&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}function z(t){!function(t,e,n){const i=function(t){if(!t)return document;const e=t.getRootNode?t.getRootNode():t.ownerDocument;return e&&e.host?e:t.ownerDocument}(t);if(!i.getElementById(e)){const t=m("style");t.id=e,t.textContent=n,function(t,e){!function(t,e){t.appendChild(e)}(t.head||t,e)}(i,t)}}(t,"svelte-gnt082",".LoaderContainer{display:flex;justify-content:center}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#d1d1d1;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}")}function j(t){let e;return{c(){e=m("div"),e.innerHTML='<section class="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>'},m(n,i){p(n,e,i),t[4](e)},p:a,i:a,o:a,d(n){n&&f(e),t[4](null)}}}function B(t,e,n){let i,{clientstyling:r=""}=e,{clientstylingurl:o=""}=e,{mbsource:s}=e;return function(t){(function(){if(!y)throw new Error("Function called outside component initialization");return y})().$$.on_mount.push(t)}((()=>()=>{})),t.$$set=t=>{"clientstyling"in t&&n(1,r=t.clientstyling),"clientstylingurl"in t&&n(2,o=t.clientstylingurl),"mbsource"in t&&n(3,s=t.mbsource)},t.$$.update=()=>{3&t.$$.dirty&&r&&i&&function(t,e){if(t){const n=document.createElement("style");n.innerHTML=e,t.appendChild(n)}}(i,r),5&t.$$.dirty&&o&&i&&function(t,e){const n=new URL(e);fetch(n.href).then((t=>t.text())).then((e=>{const n=document.createElement("style");n.innerHTML=e,t&&t.appendChild(n)})).catch((t=>{console.error("There was an error while trying to load client styling from URL",t)}))}(i,o),9&t.$$.dirty&&s&&i&&function(t,e){if(window.emMessageBus){const n=document.createElement("style");window.emMessageBus.subscribe(e,(e=>{n.innerHTML=e,t&&t.appendChild(n)}))}}(i,`${s}.Style`)},[i,r,o,s,function(t){w[t?"unshift":"push"]((()=>{i=t,n(0,i)}))}]}typeof window<"u"&&(window.__svelte||(window.__svelte={v:new Set})).v.add("4");class O extends D{constructor(t){super(),M(this,t,B,j,h,{clientstyling:1,clientstylingurl:2,mbsource:3},z)}get clientstyling(){return this.$$.ctx[1]}set clientstyling(t){this.$$set({clientstyling:t}),S()}get clientstylingurl(){return this.$$.ctx[2]}set clientstylingurl(t){this.$$set({clientstylingurl:t}),S()}get mbsource(){return this.$$.ctx[3]}set mbsource(t){this.$$set({mbsource:t}),S()}}var $,N,R;function q(t){return q="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},q(t)}function Y(t){if(null===t||!0===t||!1===t)return NaN;var e=Number(t);return isNaN(e)?e:e<0?Math.ceil(e):Math.floor(e)}function A(t,e){if(e.length<t)throw new TypeError(t+" argument"+(t>1?"s":"")+" required, but only "+e.length+" present")}function G(t){A(1,arguments);var e=Object.prototype.toString.call(t);return t instanceof Date||"object"===q(t)&&"[object Date]"===e?new Date(t.getTime()):"number"==typeof t||"[object Number]"===e?new Date(t):("string"!=typeof t&&"[object String]"!==e||"undefined"==typeof console||(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn((new Error).stack)),new Date(NaN))}!function(t,e,n){let i=class extends C{constructor(){super(t,n,true),this.$$p_d=e}static get observedAttributes(){return Object.keys(e).map((t=>(e[t].attribute||t).toLowerCase()))}};Object.keys(e).forEach((t=>{Object.defineProperty(i.prototype,t,{get(){return this.$$c&&t in this.$$c?this.$$c[t]:this.$$d[t]},set(n){n=I(t,n,e),this.$$d[t]=n,this.$$c?.$set({[t]:n})}})})),[].forEach((t=>{Object.defineProperty(i.prototype,t,{get(){return this.$$c?.[t]}})})),t.element=i}(O,{clientstyling:{},clientstylingurl:{},mbsource:{}},[]),customElements.define=($=customElements.define,function(...t){try{return $.apply(this,t)}catch(t){if(t instanceof DOMException&&t.message.includes("has already been used with this registry")||t.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw t}}),!customElements.get("general-animation-loading")&&customElements.define("general-animation-loading",O.element),function(t){t[t.FreeSpins=0]="FreeSpins",t[t.LuckyWheel=1]="LuckyWheel",t[t.Leaderboard=2]="Leaderboard",t[t.Challenge=3]="Challenge",t[t.Custom=4]="Custom"}(N||(N={})),function(t){t[t.Completed=0]="Completed",t[t.Expired=1]="Expired",t[t.Forfeited=2]="Forfeited"}(R||(R={}));var F={};function Q(){return F}function X(t){A(1,arguments);var e=G(t),n=e.getUTCDay(),i=(n<1?7:0)+n-1;return e.setUTCDate(e.getUTCDate()-i),e.setUTCHours(0,0,0,0),e}function J(t){A(1,arguments);var e=G(t),n=e.getUTCFullYear(),i=new Date(0);i.setUTCFullYear(n+1,0,4),i.setUTCHours(0,0,0,0);var r=X(i),o=new Date(0);o.setUTCFullYear(n,0,4),o.setUTCHours(0,0,0,0);var s=X(o);return e.getTime()>=r.getTime()?n+1:e.getTime()>=s.getTime()?n:n-1}function _(t,e){var n,i,r,o,s,a,u,l;A(1,arguments);var c=Q(),d=Y(null!==(n=null!==(i=null!==(r=null!==(o=null==e?void 0:e.weekStartsOn)&&void 0!==o?o:null==e||null===(s=e.locale)||void 0===s||null===(a=s.options)||void 0===a?void 0:a.weekStartsOn)&&void 0!==r?r:c.weekStartsOn)&&void 0!==i?i:null===(u=c.locale)||void 0===u||null===(l=u.options)||void 0===l?void 0:l.weekStartsOn)&&void 0!==n?n:0);if(!(d>=0&&d<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var h=G(t),p=h.getUTCDay(),f=(p<d?7:0)+p-d;return h.setUTCDate(h.getUTCDate()-f),h.setUTCHours(0,0,0,0),h}function U(t,e){var n,i,r,o,s,a,u,l;A(1,arguments);var c=G(t),d=c.getUTCFullYear(),h=Q(),p=Y(null!==(n=null!==(i=null!==(r=null!==(o=null==e?void 0:e.firstWeekContainsDate)&&void 0!==o?o:null==e||null===(s=e.locale)||void 0===s||null===(a=s.options)||void 0===a?void 0:a.firstWeekContainsDate)&&void 0!==r?r:h.firstWeekContainsDate)&&void 0!==i?i:null===(u=h.locale)||void 0===u||null===(l=u.options)||void 0===l?void 0:l.firstWeekContainsDate)&&void 0!==n?n:1);if(!(p>=1&&p<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var f=new Date(0);f.setUTCFullYear(d+1,0,p),f.setUTCHours(0,0,0,0);var m=_(f,e),y=new Date(0);y.setUTCFullYear(d,0,p),y.setUTCHours(0,0,0,0);var g=_(y,e);return c.getTime()>=m.getTime()?d+1:c.getTime()>=g.getTime()?d:d-1}function K(t,e){for(var n=t<0?"-":"",i=Math.abs(t).toString();i.length<e;)i="0"+i;return n+i}const Z=function(t,e){var n=t.getUTCFullYear(),i=n>0?n:1-n;return K("yy"===e?i%100:i,e.length)},V=function(t,e){var n=t.getUTCMonth();return"M"===e?String(n+1):K(n+1,2)},tt=function(t,e){return K(t.getUTCDate(),e.length)},et=function(t,e){return K(t.getUTCHours()%12||12,e.length)},nt=function(t,e){return K(t.getUTCHours(),e.length)},it=function(t,e){return K(t.getUTCMinutes(),e.length)},rt=function(t,e){return K(t.getUTCSeconds(),e.length)},ot=function(t,e){var n=e.length,i=t.getUTCMilliseconds();return K(Math.floor(i*Math.pow(10,n-3)),e.length)};var st={G:function(t,e,n){var i=t.getUTCFullYear()>0?1:0;switch(e){case"G":case"GG":case"GGG":return n.era(i,{width:"abbreviated"});case"GGGGG":return n.era(i,{width:"narrow"});default:return n.era(i,{width:"wide"})}},y:function(t,e,n){if("yo"===e){var i=t.getUTCFullYear();return n.ordinalNumber(i>0?i:1-i,{unit:"year"})}return Z(t,e)},Y:function(t,e,n,i){var r=U(t,i),o=r>0?r:1-r;return"YY"===e?K(o%100,2):"Yo"===e?n.ordinalNumber(o,{unit:"year"}):K(o,e.length)},R:function(t,e){return K(J(t),e.length)},u:function(t,e){return K(t.getUTCFullYear(),e.length)},Q:function(t,e,n){var i=Math.ceil((t.getUTCMonth()+1)/3);switch(e){case"Q":return String(i);case"QQ":return K(i,2);case"Qo":return n.ordinalNumber(i,{unit:"quarter"});case"QQQ":return n.quarter(i,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(i,{width:"narrow",context:"formatting"});default:return n.quarter(i,{width:"wide",context:"formatting"})}},q:function(t,e,n){var i=Math.ceil((t.getUTCMonth()+1)/3);switch(e){case"q":return String(i);case"qq":return K(i,2);case"qo":return n.ordinalNumber(i,{unit:"quarter"});case"qqq":return n.quarter(i,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(i,{width:"narrow",context:"standalone"});default:return n.quarter(i,{width:"wide",context:"standalone"})}},M:function(t,e,n){var i=t.getUTCMonth();switch(e){case"M":case"MM":return V(t,e);case"Mo":return n.ordinalNumber(i+1,{unit:"month"});case"MMM":return n.month(i,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(i,{width:"narrow",context:"formatting"});default:return n.month(i,{width:"wide",context:"formatting"})}},L:function(t,e,n){var i=t.getUTCMonth();switch(e){case"L":return String(i+1);case"LL":return K(i+1,2);case"Lo":return n.ordinalNumber(i+1,{unit:"month"});case"LLL":return n.month(i,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(i,{width:"narrow",context:"standalone"});default:return n.month(i,{width:"wide",context:"standalone"})}},w:function(t,e,n,i){var r=function(t,e){A(1,arguments);var n=G(t),i=_(n,e).getTime()-function(t,e){var n,i,r,o,s,a,u,l;A(1,arguments);var c=Q(),d=Y(null!==(n=null!==(i=null!==(r=null!==(o=null==e?void 0:e.firstWeekContainsDate)&&void 0!==o?o:null==e||null===(s=e.locale)||void 0===s||null===(a=s.options)||void 0===a?void 0:a.firstWeekContainsDate)&&void 0!==r?r:c.firstWeekContainsDate)&&void 0!==i?i:null===(u=c.locale)||void 0===u||null===(l=u.options)||void 0===l?void 0:l.firstWeekContainsDate)&&void 0!==n?n:1),h=U(t,e),p=new Date(0);return p.setUTCFullYear(h,0,d),p.setUTCHours(0,0,0,0),_(p,e)}(n,e).getTime();return Math.round(i/6048e5)+1}(t,i);return"wo"===e?n.ordinalNumber(r,{unit:"week"}):K(r,e.length)},I:function(t,e,n){var i=function(t){A(1,arguments);var e=G(t),n=X(e).getTime()-function(t){A(1,arguments);var e=J(t),n=new Date(0);return n.setUTCFullYear(e,0,4),n.setUTCHours(0,0,0,0),X(n)}(e).getTime();return Math.round(n/6048e5)+1}(t);return"Io"===e?n.ordinalNumber(i,{unit:"week"}):K(i,e.length)},d:function(t,e,n){return"do"===e?n.ordinalNumber(t.getUTCDate(),{unit:"date"}):tt(t,e)},D:function(t,e,n){var i=function(t){A(1,arguments);var e=G(t),n=e.getTime();e.setUTCMonth(0,1),e.setUTCHours(0,0,0,0);var i=e.getTime();return Math.floor((n-i)/864e5)+1}(t);return"Do"===e?n.ordinalNumber(i,{unit:"dayOfYear"}):K(i,e.length)},E:function(t,e,n){var i=t.getUTCDay();switch(e){case"E":case"EE":case"EEE":return n.day(i,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(i,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(i,{width:"short",context:"formatting"});default:return n.day(i,{width:"wide",context:"formatting"})}},e:function(t,e,n,i){var r=t.getUTCDay(),o=(r-i.weekStartsOn+8)%7||7;switch(e){case"e":return String(o);case"ee":return K(o,2);case"eo":return n.ordinalNumber(o,{unit:"day"});case"eee":return n.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(r,{width:"short",context:"formatting"});default:return n.day(r,{width:"wide",context:"formatting"})}},c:function(t,e,n,i){var r=t.getUTCDay(),o=(r-i.weekStartsOn+8)%7||7;switch(e){case"c":return String(o);case"cc":return K(o,e.length);case"co":return n.ordinalNumber(o,{unit:"day"});case"ccc":return n.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(r,{width:"narrow",context:"standalone"});case"cccccc":return n.day(r,{width:"short",context:"standalone"});default:return n.day(r,{width:"wide",context:"standalone"})}},i:function(t,e,n){var i=t.getUTCDay(),r=0===i?7:i;switch(e){case"i":return String(r);case"ii":return K(r,e.length);case"io":return n.ordinalNumber(r,{unit:"day"});case"iii":return n.day(i,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(i,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(i,{width:"short",context:"formatting"});default:return n.day(i,{width:"wide",context:"formatting"})}},a:function(t,e,n){var i=t.getUTCHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(i,{width:"narrow",context:"formatting"});default:return n.dayPeriod(i,{width:"wide",context:"formatting"})}},b:function(t,e,n){var i,r=t.getUTCHours();switch(i=12===r?"noon":0===r?"midnight":r/12>=1?"pm":"am",e){case"b":case"bb":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(i,{width:"narrow",context:"formatting"});default:return n.dayPeriod(i,{width:"wide",context:"formatting"})}},B:function(t,e,n){var i,r=t.getUTCHours();switch(i=r>=17?"evening":r>=12?"afternoon":r>=4?"morning":"night",e){case"B":case"BB":case"BBB":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(i,{width:"narrow",context:"formatting"});default:return n.dayPeriod(i,{width:"wide",context:"formatting"})}},h:function(t,e,n){if("ho"===e){var i=t.getUTCHours()%12;return 0===i&&(i=12),n.ordinalNumber(i,{unit:"hour"})}return et(t,e)},H:function(t,e,n){return"Ho"===e?n.ordinalNumber(t.getUTCHours(),{unit:"hour"}):nt(t,e)},K:function(t,e,n){var i=t.getUTCHours()%12;return"Ko"===e?n.ordinalNumber(i,{unit:"hour"}):K(i,e.length)},k:function(t,e,n){var i=t.getUTCHours();return 0===i&&(i=24),"ko"===e?n.ordinalNumber(i,{unit:"hour"}):K(i,e.length)},m:function(t,e,n){return"mo"===e?n.ordinalNumber(t.getUTCMinutes(),{unit:"minute"}):it(t,e)},s:function(t,e,n){return"so"===e?n.ordinalNumber(t.getUTCSeconds(),{unit:"second"}):rt(t,e)},S:function(t,e){return ot(t,e)},X:function(t,e,n,i){var r=(i._originalDate||t).getTimezoneOffset();if(0===r)return"Z";switch(e){case"X":return ut(r);case"XXXX":case"XX":return lt(r);default:return lt(r,":")}},x:function(t,e,n,i){var r=(i._originalDate||t).getTimezoneOffset();switch(e){case"x":return ut(r);case"xxxx":case"xx":return lt(r);default:return lt(r,":")}},O:function(t,e,n,i){var r=(i._originalDate||t).getTimezoneOffset();switch(e){case"O":case"OO":case"OOO":return"GMT"+at(r,":");default:return"GMT"+lt(r,":")}},z:function(t,e,n,i){var r=(i._originalDate||t).getTimezoneOffset();switch(e){case"z":case"zz":case"zzz":return"GMT"+at(r,":");default:return"GMT"+lt(r,":")}},t:function(t,e,n,i){return K(Math.floor((i._originalDate||t).getTime()/1e3),e.length)},T:function(t,e,n,i){return K((i._originalDate||t).getTime(),e.length)}};function at(t,e){var n=t>0?"-":"+",i=Math.abs(t),r=Math.floor(i/60),o=i%60;if(0===o)return n+String(r);var s=e||"";return n+String(r)+s+K(o,2)}function ut(t,e){return t%60==0?(t>0?"-":"+")+K(Math.abs(t)/60,2):lt(t,e)}function lt(t,e){var n=e||"",i=t>0?"-":"+",r=Math.abs(t);return i+K(Math.floor(r/60),2)+n+K(r%60,2)}const ct=st;var dt=function(t,e){switch(t){case"P":return e.date({width:"short"});case"PP":return e.date({width:"medium"});case"PPP":return e.date({width:"long"});default:return e.date({width:"full"})}},ht=function(t,e){switch(t){case"p":return e.time({width:"short"});case"pp":return e.time({width:"medium"});case"ppp":return e.time({width:"long"});default:return e.time({width:"full"})}},pt={p:ht,P:function(t,e){var n,i=t.match(/(P+)(p+)?/)||[],r=i[1],o=i[2];if(!o)return dt(t,e);switch(r){case"P":n=e.dateTime({width:"short"});break;case"PP":n=e.dateTime({width:"medium"});break;case"PPP":n=e.dateTime({width:"long"});break;default:n=e.dateTime({width:"full"})}return n.replace("{{date}}",dt(r,e)).replace("{{time}}",ht(o,e))}};const ft=pt;var mt=["D","DD"],yt=["YY","YYYY"];function gt(t,e,n){if("YYYY"===t)throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(e,"`) for formatting years to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("YY"===t)throw new RangeError("Use `yy` instead of `YY` (in `".concat(e,"`) for formatting years to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("D"===t)throw new RangeError("Use `d` instead of `D` (in `".concat(e,"`) for formatting days of the month to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("DD"===t)throw new RangeError("Use `dd` instead of `DD` (in `".concat(e,"`) for formatting days of the month to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var vt={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function wt(t){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.width?String(e.width):t.defaultWidth;return t.formats[n]||t.formats[t.defaultWidth]}}var bt,xt={date:wt({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:wt({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:wt({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},Lt={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function kt(t){return function(e,n){var i;if("formatting"===(null!=n&&n.context?String(n.context):"standalone")&&t.formattingValues){var r=t.defaultFormattingWidth||t.defaultWidth,o=null!=n&&n.width?String(n.width):r;i=t.formattingValues[o]||t.formattingValues[r]}else{var s=t.defaultWidth,a=null!=n&&n.width?String(n.width):t.defaultWidth;i=t.values[a]||t.values[s]}return i[t.argumentCallback?t.argumentCallback(e):e]}}function Wt(t){return function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=n.width,r=e.match(i&&t.matchPatterns[i]||t.matchPatterns[t.defaultMatchWidth]);if(!r)return null;var o,s=r[0],a=i&&t.parsePatterns[i]||t.parsePatterns[t.defaultParseWidth],u=Array.isArray(a)?function(t){for(var e=0;e<t.length;e++)if(t[e].test(s))return e}(a):function(t){for(var e in t)if(t.hasOwnProperty(e)&&t[e].test(s))return e}(a);return o=t.valueCallback?t.valueCallback(u):u,{value:o=n.valueCallback?n.valueCallback(o):o,rest:e.slice(s.length)}}}const Ht={code:"en-US",formatDistance:function(t,e,n){var i,r=vt[t];return i="string"==typeof r?r:1===e?r.one:r.other.replace("{{count}}",e.toString()),null!=n&&n.addSuffix?n.comparison&&n.comparison>0?"in "+i:i+" ago":i},formatLong:xt,formatRelative:function(t){return Lt[t]},localize:{ordinalNumber:function(t){var e=Number(t),n=e%100;if(n>20||n<10)switch(n%10){case 1:return e+"st";case 2:return e+"nd";case 3:return e+"rd"}return e+"th"},era:kt({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:kt({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:function(t){return t-1}}),month:kt({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:kt({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:kt({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(bt={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(t){return parseInt(t,10)}},function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.match(bt.matchPattern);if(!n)return null;var i=n[0],r=t.match(bt.parsePattern);if(!r)return null;var o=bt.valueCallback?bt.valueCallback(r[0]):r[0];return{value:o=e.valueCallback?e.valueCallback(o):o,rest:t.slice(i.length)}}),era:Wt({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:Wt({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:function(t){return t+1}}),month:Wt({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:Wt({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:Wt({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};var Et=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,St=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Pt=/^'([^]*?)'?$/,Tt=/''/g,Mt=/[a-zA-Z]/;function Ct(t,e,n){var i,r,o,s,a,u,l,c,d,h,p,f,m,y,g,v,w,b;A(2,arguments);var x=String(e),L=Q(),k=null!==(i=null!==(r=null==n?void 0:n.locale)&&void 0!==r?r:L.locale)&&void 0!==i?i:Ht,W=Y(null!==(o=null!==(s=null!==(a=null!==(u=null==n?void 0:n.firstWeekContainsDate)&&void 0!==u?u:null==n||null===(l=n.locale)||void 0===l||null===(c=l.options)||void 0===c?void 0:c.firstWeekContainsDate)&&void 0!==a?a:L.firstWeekContainsDate)&&void 0!==s?s:null===(d=L.locale)||void 0===d||null===(h=d.options)||void 0===h?void 0:h.firstWeekContainsDate)&&void 0!==o?o:1);if(!(W>=1&&W<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var H=Y(null!==(p=null!==(f=null!==(m=null!==(y=null==n?void 0:n.weekStartsOn)&&void 0!==y?y:null==n||null===(g=n.locale)||void 0===g||null===(v=g.options)||void 0===v?void 0:v.weekStartsOn)&&void 0!==m?m:L.weekStartsOn)&&void 0!==f?f:null===(w=L.locale)||void 0===w||null===(b=w.options)||void 0===b?void 0:b.weekStartsOn)&&void 0!==p?p:0);if(!(H>=0&&H<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!k.localize)throw new RangeError("locale must contain localize property");if(!k.formatLong)throw new RangeError("locale must contain formatLong property");var E=G(t);if(!function(t){if(A(1,arguments),!function(t){return A(1,arguments),t instanceof Date||"object"===q(t)&&"[object Date]"===Object.prototype.toString.call(t)}(t)&&"number"!=typeof t)return!1;var e=G(t);return!isNaN(Number(e))}(E))throw new RangeError("Invalid time value");var S=function(t){var e=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return e.setUTCFullYear(t.getFullYear()),t.getTime()-e.getTime()}(E),P=function(t,e){return A(2,arguments),function(t,e){A(2,arguments);var n=G(t).getTime(),i=Y(e);return new Date(n+i)}(t,-Y(e))}(E,S),T={firstWeekContainsDate:W,weekStartsOn:H,locale:k,_originalDate:E};return x.match(St).map((function(t){var e=t[0];return"p"===e||"P"===e?(0,ft[e])(t,k.formatLong):t})).join("").match(Et).map((function(i){if("''"===i)return"'";var r,o,s=i[0];if("'"===s)return(o=(r=i).match(Pt))?o[1].replace(Tt,"'"):r;var a=ct[s];if(a)return null!=n&&n.useAdditionalWeekYearTokens||-1===yt.indexOf(i)||gt(i,e,String(t)),null!=n&&n.useAdditionalDayOfYearTokens||!(-1!==mt.indexOf(i))||gt(i,e,String(t)),a(P,i,k.localize,T);if(s.match(Mt))throw new RangeError("Format string contains an unescaped latin alphabet character `"+s+"`");return i})).join("")}const It=class{constructor(t){e(this,t),this.close=n(this,"close",7),this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.host.prepend(t)},this.setClientStylingURL=()=>{let t=new URL(this.clientStylingUrl),e=document.createElement("style");fetch(t.href).then((t=>t.text())).then((t=>{e.innerHTML=t,setTimeout((()=>{this.host.prepend(e)}),1)})).catch((t=>{console.log("Error ",t)}))},this.handleCloseClick=()=>{this.close.emit(),this.tooltip=!1},this.handleLuckyWheelClick=t=>{const e=t.currentTarget.getAttribute("data-id"),n=t.currentTarget.getAttribute("data-index");window.postMessage({type:"LuckyWheelClick",id:e,index:n})},this.showTooltip=()=>{this.tooltip=!0},this.hideTooltip=()=>{this.tooltip=!1},this.handleTabChange=t=>{this.activeTab=+t.target.getAttribute("data-index"),2===this.activeTab&&this.sendHistoryRequest()},this.toggleLuckyWheelHistory=t=>{const e=t.currentTarget.getAttribute("data-id");this.openedHistoryIds.findIndex((t=>t===e))>-1?this.openedHistoryIds=this.openedHistoryIds.filter((t=>t!==e)):this.openedHistoryIds.push(e),this.openedHistoryIds=[...this.openedHistoryIds]},this.clientStyling="",this.clientStylingUrl="",this.language="en",this.device="Mobile",this.luckyWheels=[],this.translationUrl="",this.tooltip=!1,this.timers={},this.limitStylingAppends=!1,this.activeTab=1,this.historyLoading=!1,this.luckywheelHistory={},this.openedHistoryIds=[],this.historyLoaded=!1,this.isLoading=!1}handleEvent(t){var e;const n=null==t?void 0:t.data,{type:i}=n,r=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(t);r<i.length;r++)e.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(t,i[r])&&(n[i[r]]=t[i[r]])}return n}(n,["type"]);if("BarLuckyWheelsClick"===i&&(this.activeTab=1,this.openedHistoryIds=[]),"LuckywheelHistoryResponse"===i){this.openedHistoryIds=[];const t=r.data;if(t.length>0){const n=null===(e=t[0].Draw)||void 0===e?void 0:e.LotteryProgramID;this.luckywheelHistory[n]=t}this.historyLoading=!1}}luckywheelsPropHandler(t){!this.interval&&t.length&&(this.updateTimers(),this.startCountdown()),this.interval&&!t.length&&clearInterval(this.interval)}async componentWillLoad(){var t;this.luckywheelsPropHandler(this.luckyWheels),this.translationUrl&&await(t=this.translationUrl,new Promise(((e,n)=>{fetch(t).then((t=>t.json())).then((t=>{Object.keys(t).forEach((e=>{for(let n in t[e])o[e][n]=t[e][n]})),e(o)})).catch((t=>{n(t)}))})))}componentDidRender(){!this.limitStylingAppends&&this.host&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}disconnectedCallback(){this.interval&&clearInterval(this.interval)}startCountdown(){this.interval=setInterval((()=>{this.updateTimers()}),1e3)}updateTimers(){const t=(new Date).getTime();this.timers=this.luckyWheels.reduce(((e,n)=>{var i;const r=new Date(null===(i=n.Current)||void 0===i?void 0:i.EndTime).getTime()-t;let o="00h:00m:00s";if(r<1)this.removeLuckyWheel(n.Program.Id);else{const{days:t,hours:e,minutes:n,seconds:i}={days:String(Math.floor(r/864e5)).padStart(2,"0"),hours:String(Math.floor(r%864e5/36e5)).padStart(2,"0"),minutes:String(Math.floor(r%36e5/6e4)).padStart(2,"0"),seconds:String(Math.floor(r%6e4/1e3)).padStart(2,"0")};o="00"===t?`${e}h:${n}m:${i}s`:`${t}d:${e}h:${n}m`}return Object.assign(Object.assign({},e),{[n.Program.Id]:o})}),{})}removeLuckyWheel(t){this.luckyWheels=this.luckyWheels.filter((e=>e.Program.Id!==t)),window.postMessage({type:"LuckyWheelHasExpired",id:t})}sendHistoryRequest(){this.historyLoading=!0,this.luckyWheels.forEach((t=>{window.postMessage({type:"LuckywheelHistoryRequest",data:{lotteryProgramID:t.Program.Id}})}))}getLuckyWheelClasses(t){return{LuckyWheelsCard:!0,LuckyWheelsEmptyNumber:0===t.Current.RemainingTimes}}getLuckyWheelName(t){var e,n;return(null===(e=t.Program)||void 0===e?void 0:e.Name.en)||(null===(n=t.Program)||void 0===n?void 0:n.Name["*"])}getLuckyWheelHeaderTemplate(e){var n,i;return t("div",{class:"LuckyWheelsCardHeader"},t("div",{class:"LuckyWheelsName"},this.getLuckyWheelName(e)),t("div",{class:"LuckyWheelsCounter"},t("div",{class:(null===(n=e.Current)||void 0===n?void 0:n.RemainingTimes)?"LuckyWheelsHighlightedCounter":"LuckyWheelsEmptyCounter"},null===(i=e.Current)||void 0===i?void 0:i.RemainingTimes)))}getLuckyWheelTemplate(e,n){const i=this.timers[e.Program.Id],r=0===e.Current.RemainingTimes;return t("div",{class:this.getLuckyWheelClasses(e),onClick:this.handleLuckyWheelClick,key:e.Program.Id,"data-id":e.Program.Id,"data-index":n},this.getLuckyWheelHeaderTemplate(e),r?t("div",{class:"ForfeitedMessage"},t("div",null,s("canceled",this.language)),t("div",null,s("support",this.language))):t("div",{class:"LuckyWheelsCountdownWrapper"},t("span",{class:"LuckyWheelsCountdown"},i)))}getHeaderTemplate(){return t("header",{class:"LuckyWheelsListPopupHeader"},t("button",{onClick:this.showTooltip,class:"EngagementSuiteIconButton Help"}),t("div",{class:"LuckyWheelsListPopupHeaderName"},s("luckyWheel",this.language)),t("button",{class:"EngagementSuiteIconButton Close",onClick:this.handleCloseClick}))}getListTemplate(){return this.isLoading?t("general-animation-loading",null):this.luckyWheels.length?t("div",{class:"LuckyWheelsListWrapper"},t("div",{class:"LuckyWheelsList"},this.luckyWheels.map(((t,e)=>this.getLuckyWheelTemplate(t,e))))):t("div",{class:"LuckyWheelsListEmpty"},t("h2",null,s("noluckywheels",this.language)),t("p",null,s("tryOtherGames",this.language)))}getTooltipTemplate(){return this.tooltip?t("div",{class:"EngagementSuiteTooltipBackdrop"},t("div",{class:"EngagementSuiteTooltip"},t("button",{class:"EngagementSuiteIconButton Close",onClick:this.hideTooltip}),s("tooltip",this.language))):""}getTabsTemplate(){return t("div",{class:"EngagementSuiteTabsWrapper"},t("div",{class:"EngagementSuiteTabs"},t("div",{"data-index":"1",onClick:this.handleTabChange,class:"EngagementSuiteTab "+(1===this.activeTab?"Active":"")},s("luckywheels",this.language)),t("div",{"data-index":"2",onClick:this.handleTabChange,class:"EngagementSuiteTab "+(2===this.activeTab?"Active":"")},s("history",this.language))))}getHistoryTabTemplate(){return t("div",{class:"HistoryWrapper"},t("div",{class:"HistoryCols"},t("div",{class:"HistoryColName Rewards"},s("rewards",this.language)),t("div",{class:"HistoryColName Issued"},s("issued",this.language)),t("div",{class:"HistoryColName Time"},s("time",this.language))),this.historyLoading?(e=this.language,t("div",{class:"HistoryLoader"},t("casino-engagement-suite-progress-bar",{indeterminate:!0}),t("span",null,s("loading",e)))):((e,n,i,r,o)=>0===e.length?t("p",{class:"HistoryEmptyMessage"},s("noHistory",o)):t("div",{class:"HistoryList"},e.map((e=>{var o;return t("div",{key:e.Program.Id,class:"HistoryListItem "+(i.includes(e.Program.Id)?"Opened":"Closed")},t("header",{class:"HistoryListItemHeader","data-id":e.Program.Id,onClick:r},e.Program.Name.en||e.Program.Name["*"],t("button",{class:"EngagementSuiteIconButton ArrowDown"})),t("div",{class:"HistoryListItemBody"},t("div",{class:"HistoryInfoRow"},null===(o=n[e.Program.Id])||void 0===o?void 0:o.map((n=>t("div",{class:"HistoryInfo"},t("div",{class:"HistoryCol Rewards"},((e,n)=>{var i,r,o,s;const a=n.WheelOfFortunePartitionIndex||0,u=null===(r=null===(i=e.Program.WheelOfFortune)||void 0===i?void 0:i.Partitions[a])||void 0===r?void 0:r.Name,l=null===(s=null===(o=e.Program.WheelOfFortune)||void 0===o?void 0:o.Partitions[a])||void 0===s?void 0:s.Image1,c=l.en||l["*"],d=e.Program.Name.en||e.Program.Name["*"];return t("div",{class:"HistoryRewards"},u.en||u["*"]||(c?t("img",{src:c}):d))})(e,n.Draw.Result)),t("div",{class:"HistoryCol Issued"},"fulfilled"===n.Draw.State?"Success":"Failed"),t("div",{class:"HistoryCol Time"},Ct(new Date(n.Draw.Time),"LLL d, yyyy HH:mm:ss"))))))))}))))(this.luckyWheels,this.luckywheelHistory,this.openedHistoryIds,this.toggleLuckyWheelHistory,this.language));var e}getTabsContentTemplate(){return 1===this.activeTab?this.getListTemplate():this.getHistoryTabTemplate()}render(){return t("div",{key:"b640229fe6feea73f03ee6ce4a2e80e269240780",class:`LuckyWheelsListPopup ${this.device}`},this.getHeaderTemplate(),this.getTabsTemplate(),this.getTabsContentTemplate(),this.getTooltipTemplate())}get host(){return i(this)}static get watchers(){return{luckyWheels:["luckywheelsPropHandler"]}}};It.style=':host{display:block;font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer}button:focus{outline:none}.EngagementSuiteIconButton{width:16px;height:16px}.EngagementSuiteIconButton.Help{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/help.svg) no-repeat}.EngagementSuiteIconButton.Close{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat}.EngagementSuiteIconButton.ArrowDown{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/arrow-down.svg) no-repeat}.LuckyWheelsListPopup{display:flex;height:100%;background-color:var(--emw--color-background, #1e1638);border-radius:var(--emw--border-radius-large, 8px);overflow:hidden;flex-direction:column;position:relative;padding-bottom:20px}.LuckyWheelsListPopupHeader{display:flex;justify-content:space-between;align-items:center;padding:12px 8px 8px}.LuckyWheelsListPopupHeaderName{color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-medium, 500);line-height:14px}.LuckyWheelsListWrapper{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.LuckyWheelsListWrapper::-webkit-scrollbar{display:none}.LuckyWheelsList{display:flex;flex-direction:column;row-gap:12px;padding:8px 19px 0}.LuckyWheelsRowWrapper{display:flex;justify-content:space-between;min-width:0}.LuckyWheelsCard{padding:15px 15px 19px;border:1px solid var(--emw--button-border-color, #403956);border-radius:var(--emw--border-radius-medium, 6px);position:relative;cursor:pointer}.LuckyWheelsCard.Forfeited{cursor:auto;pointer-events:none}.LuckyWheelsCardHeader{display:flex;justify-content:space-between;gap:24px;margin-bottom:12px;flex:1;min-width:0;align-items:flex-end}.LuckyWheelsName{color:var(--emw--color-typography, #ffffff);font-family:var(--emw--font-family-secondary, "Montserrat", sans-serif);line-height:22px;font-weight:var(--emw--font-weight-bold, 700);font-size:var(--emw--font-size-medium-plus, 18px);word-break:break-word;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.LuckyWheelsCounter{display:flex;color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-medium-plus, 18px);align-items:flex-end}.LuckyWheelsHighlightedCounter,.LuckyWheelsEmptyCounter{font-size:var(--emw--font-size-medium-plus, 18px);font-weight:var(--emw--font-weight-extra-bold, 800);margin-right:4px}.LuckyWheelsHighlightedCounter{background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #ffb801 15.86%, #fef746 31.36%, #fbffe0 36.86%, #fffa60 47.86%, #ff9400 87.36%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.LuckyWheelsEmptyCounter{color:var(--emw--color-gray-150, #8f8b9c)}.LuckyWheelsListEmpty{padding:20px 32px}.LuckyWheelsListEmpty h2{margin:0 0 16px 0;text-align:center;font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-large, 20px);line-height:24px;font-family:var(--emw--font-family-secondary, "Montserrat", sans-serif);color:var(--emw--color-typography, #ffffff)}.LuckyWheelsListEmpty p{font-size:var(--emw--font-size-small, 14px);line-height:17px;color:var(--emw--color-secondary, #bbb9c3)}.LuckyWheelsCountdownWrapper{display:flex;justify-content:space-between;align-items:flex-start}.LuckyWheelsCountdown,.ForfeitedMessage{color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-x-small, 12px);line-height:12px}.ForfeitedMessage{line-height:1.2}.LuckyWheelsBalCounter{display:flex;align-items:flex-end;color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-x-small, 12px)}.LuckyWheelsRemainCounter{color:var(--emw--color-typography, #ffffff);font-weight:var(--emw--font-weight-bold, 700);margin-right:4px}.LuckyWheelLabel{min-width:35px;height:18px;background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #ffb801 15.86%, #fef746 31.36%, #fbffe0 36.86%, #fffa60 47.86%, #ff9400 87.36%));border-radius:var(--emw--border-radius-x-small, 2px);display:none;position:absolute;top:-11px;right:11px;padding:0 2px;align-items:center;justify-content:center}.LuckyWheelLabel span{display:inline-block;text-transform:uppercase;font-size:var(--emw--font-size-2x-small, 10px);line-height:10px;font-weight:var(--emw--font-weight-bold, 700);font-family:var(--emw--font-family-secondary, "Montserrat", sans-serif);color:var(--emw--color-background, #1e1638)}.ShowLuckyWheelLabel{display:inline-flex}.EngagementSuiteTooltipBackdrop{padding:48px 30px 0;position:absolute;width:100%;height:100%;inset:0;background-color:rgba(0, 0, 0, 0.5)}.EngagementSuiteTooltipBackdrop .EngagementSuiteTooltip{border:1px solid var(--emw--button-border-color, #403956);background-color:var(--emw--color-background, #1e1638);border-radius:var(--emw--border-radius-large, 8px);padding:32px;font-size:var(--emw--font-size-small, 14px);line-height:17px;color:var(--emw--color-secondary, #bbb9c3);position:relative}.EngagementSuiteTooltipBackdrop .EngagementSuiteTooltip .EngagementSuiteIconButton{top:12px;right:12px;position:absolute}.LuckyWheelsEmptyNumber .LuckyWheelsName,.LuckyWheelsEmptyNumber .LuckyWheelsCountdown,.LuckyWheelsEmptyNumber .LuckyWheelsRemainCounter{color:var(--emw--color-gray-150, #8f8b9c)}.LuckyWheelsListPopup.Tablet .LuckyWheelsListPopupHeader,.LuckyWheelsListPopup.Desktop .LuckyWheelsListPopupHeader{padding-top:16px}.LuckyWheelsListPopup.Tablet .LuckyWheelsListPopupHeaderName,.LuckyWheelsListPopup.Desktop .LuckyWheelsListPopupHeaderName{font-size:var(--emw--font-size-medium, 16px);line-height:16px}.LuckyWheelsListPopup.Tablet .EngagementSuiteIconButton,.LuckyWheelsListPopup.Desktop .EngagementSuiteIconButton{width:24px;height:24px}.LuckyWheelsListPopup.Tablet .LuckyWheelsList,.LuckyWheelsListPopup.Desktop .LuckyWheelsList{padding:20px 24px 0;row-gap:20px}.LuckyWheelsListPopup.Tablet .LuckyWheelCardHeader,.LuckyWheelsListPopup.Desktop .LuckyWheelCardHeader{margin-bottom:16px}.LuckyWheelsListPopup.Tablet .LuckyWheelsName,.LuckyWheelsListPopup.Desktop .LuckyWheelsName{line-height:27px;font-size:var(--emw--font-size-large, 22px)}.LuckyWheelsListPopup.Tablet .LuckyWheelsCountdown,.LuckyWheelsListPopup.Desktop .LuckyWheelsCountdown{font-size:var(--emw--font-size-small, 14px);line-height:14px}.LuckyWheelsListPopup.Tablet .EngagementSuiteTooltipBackdrop,.LuckyWheelsListPopup.Desktop .EngagementSuiteTooltipBackdrop{padding:90px 75px 0}.LuckyWheelsListPopup.Tablet .EngagementSuiteTooltip,.LuckyWheelsListPopup.Desktop .EngagementSuiteTooltip{padding:60px 65px;font-size:var(--emw--font-size-medium, 16px);line-height:20px}.LuckyWheelsListPopup.Tablet .EngagementSuiteTooltip .EngagementSuiteIconButton,.LuckyWheelsListPopup.Desktop .EngagementSuiteTooltip .EngagementSuiteIconButton{top:24px;right:24px}.LuckyWheelsListPopup.Tablet .EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab,.LuckyWheelsListPopup.Desktop .EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab{font-size:var(--emw--font-size-medium, 16px)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryCols,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryCols{font-size:var(--emw--font-size-medium, 16px)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryCols .Rewards,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryCols .Rewards{flex-basis:140px}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryCols .Issued,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryCols .Issued{flex-basis:100px}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryListItemHeader,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryListItemHeader{font-size:var(--emw--font-size-large, 22px)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryInfo,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryInfo{font-size:var(--emw--font-size-medium, 16px)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryInfo .Rewards,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryInfo .Rewards{flex-basis:140px}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryInfo .Issued,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryInfo .Issued{flex-basis:100px}.EngagementSuiteTabsWrapper{padding:0 24px;margin:8px 0}.EngagementSuiteTabsWrapper .EngagementSuiteTabs{display:flex;position:relative;border-bottom:2px solid var(--emw--color-secondary, #666178)}.EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab{padding:9px 16px 7px;font-weight:var(--emw--font-weight-medium, 500);font-size:var(--emw--font-size-x-small, 12px);line-height:15px;color:var(--emw--color-gray-300, #666178);cursor:pointer}.EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab.Active{color:var(--emw--color-typography, #fff);border-bottom:2px solid var(--emw--color-typography, #fff);margin-bottom:-2px}.HistoryWrapper{padding:0 24px;display:flex;flex-direction:column;height:100%;overflow:hidden}.HistoryWrapper .HistoryEmptyMessage{margin-top:8px;font-size:var(--emw--font-size-small, 14px);color:var(--emw--color-secondary, #bbb9c3);line-height:30px}.HistoryWrapper .HistoryCols{padding:12px 10px;position:relative;display:flex;border-bottom:1px solid var(--emw--color-secondary, #666178);font-size:var(--emw--font-size-x-small, 12px)}.HistoryWrapper .HistoryCols .HistoryColName{color:var(--emw--color-secondary, #bbb9c3)}.HistoryWrapper .HistoryCols .Rewards{flex-basis:80px}.HistoryWrapper .HistoryCols .Issued{flex-basis:80px}.HistoryWrapper .HistoryLoader{display:flex;flex-direction:column;justify-content:center;align-items:center;height:inherit;font-size:var(--emw--font-size-medium, 16px);color:var(--emw--color-gray-150, #8f8b9c)}.HistoryWrapper .HistoryLoader casino-engagement-suite-progress-bar{margin-bottom:8px;width:100px}.HistoryWrapper .HistoryListItem{margin-top:8px}.HistoryWrapper .HistoryListItem.Opened .EngagementSuiteIconButton.ArrowDown{transform:rotate(180deg)}.HistoryWrapper .HistoryListItem.Opened .HistoryListItemBody{padding-bottom:8px;grid-template-rows:1fr;border-bottom:1px solid var(--emw--color-secondary, #666178)}.HistoryWrapper .HistoryListItem .HistoryListItemHeader{padding:16px 0;display:flex;justify-content:space-between;align-items:center;color:var(--emw--color-typography, #ffffff);font-size:var(--emw--font-size-medium, 14px)}.HistoryWrapper .HistoryListItem .EngagementSuiteIconButton.ArrowDown{transition:transform 0.3s ease-out;width:24px;height:24px}.HistoryWrapper .HistoryListItem .HistoryListItemBody{position:relative;display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s ease-out}.HistoryWrapper .HistoryListItem .HistoryListItemBody>div{overflow:hidden}.HistoryWrapper .HistoryListItem .HistoryListItemCard{padding:12px 5px}.HistoryWrapper .HistoryListItem .HistoryInfoRow{display:flex;gap:10px;flex-direction:column}.HistoryWrapper .HistoryListItem .HistoryInfo{display:flex;padding:10px;font-size:var(--emw--font-size-x-small, 12px);color:var(--emw--color-secondary, #bbb9c3)}.HistoryWrapper .HistoryListItem .HistoryInfo .HistoryCol{text-overflow:ellipsis;overflow:hidden}.HistoryWrapper .HistoryListItem .HistoryInfo .Rewards{color:var(--emw--color-typography, #ffffff);flex-basis:80px;font-weight:600}.HistoryWrapper .HistoryListItem .HistoryInfo .Issued{flex-basis:80px}';export{It as C}
|
|
@@ -2,6 +2,33 @@
|
|
|
2
2
|
|
|
3
3
|
const index = require('./index-c93b88f6.js');
|
|
4
4
|
|
|
5
|
+
/*! *****************************************************************************
|
|
6
|
+
Copyright (c) Microsoft Corporation.
|
|
7
|
+
|
|
8
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
9
|
+
purpose with or without fee is hereby granted.
|
|
10
|
+
|
|
11
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
12
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
13
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
14
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
15
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
16
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
17
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
18
|
+
***************************************************************************** */
|
|
19
|
+
|
|
20
|
+
function __rest(s, e) {
|
|
21
|
+
var t = {};
|
|
22
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
23
|
+
t[p] = s[p];
|
|
24
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
25
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
26
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
27
|
+
t[p[i]] = s[p[i]];
|
|
28
|
+
}
|
|
29
|
+
return t;
|
|
30
|
+
}
|
|
31
|
+
|
|
5
32
|
const DEFAULT_LANGUAGE = 'en';
|
|
6
33
|
const SUPPORTED_LANGUAGES = ['en'];
|
|
7
34
|
const TRANSLATIONS = {
|
|
@@ -2795,12 +2822,12 @@ const getHistoryLoaderTemplate = (lang) => {
|
|
|
2795
2822
|
};
|
|
2796
2823
|
const getRewards = (luckywheel, result) => {
|
|
2797
2824
|
var _a, _b, _c, _d;
|
|
2798
|
-
const index$1 = result.
|
|
2799
|
-
const name = (_b = (_a = luckywheel.
|
|
2825
|
+
const index$1 = result.WheelOfFortunePartitionIndex || 0;
|
|
2826
|
+
const name = (_b = (_a = luckywheel.Program.WheelOfFortune) === null || _a === void 0 ? void 0 : _a.Partitions[index$1]) === null || _b === void 0 ? void 0 : _b.Name;
|
|
2800
2827
|
const displayName = name['en'] || name['*'];
|
|
2801
|
-
const assets = (_d = (_c = luckywheel.
|
|
2828
|
+
const assets = (_d = (_c = luckywheel.Program.WheelOfFortune) === null || _c === void 0 ? void 0 : _c.Partitions[index$1]) === null || _d === void 0 ? void 0 : _d.Image1;
|
|
2802
2829
|
const displayAssets = assets['en'] || assets['*'];
|
|
2803
|
-
const programName = luckywheel.
|
|
2830
|
+
const programName = luckywheel.Program.Name['en'] || luckywheel.Program.Name['*'];
|
|
2804
2831
|
return index.h("div", { class: "HistoryRewards" }, displayName ? displayName : displayAssets ? (index.h("img", { src: displayAssets })) : programName);
|
|
2805
2832
|
};
|
|
2806
2833
|
const getStatus = (state) => {
|
|
@@ -2811,18 +2838,17 @@ const getLuckyWheelsHistoryTemplate = (luckywheels, historyGroups, openedHistory
|
|
|
2811
2838
|
return index.h("p", { class: "HistoryEmptyMessage" }, translate('noHistory', lang));
|
|
2812
2839
|
}
|
|
2813
2840
|
return index.h("div", { class: "HistoryList" }, luckywheels.map((luckywheel) => {
|
|
2814
|
-
|
|
2815
|
-
|
|
2816
|
-
|
|
2841
|
+
var _a;
|
|
2842
|
+
return index.h("div", { key: luckywheel.Program.Id, class: `HistoryListItem ${openedHistoryIds.includes(luckywheel.Program.Id) ? 'Opened' : 'Closed'}` },
|
|
2843
|
+
index.h("header", { class: "HistoryListItemHeader", "data-id": luckywheel.Program.Id, onClick: toggleLuckyWheelHistory },
|
|
2844
|
+
luckywheel.Program.Name['en'] || luckywheel.Program.Name['*'],
|
|
2817
2845
|
index.h("button", { class: "EngagementSuiteIconButton ArrowDown" })),
|
|
2818
2846
|
index.h("div", { class: "HistoryListItemBody" },
|
|
2819
|
-
index.h("div", { class: "HistoryInfoRow" },
|
|
2820
|
-
return
|
|
2821
|
-
|
|
2822
|
-
|
|
2823
|
-
|
|
2824
|
-
index.h("div", { class: "HistoryCol Time" }, format(new Date(history.draw.time), 'LLL d, yyyy HH:mm:ss')));
|
|
2825
|
-
});
|
|
2847
|
+
index.h("div", { class: "HistoryInfoRow" }, (_a = historyGroups[luckywheel.Program.Id]) === null || _a === void 0 ? void 0 : _a.map((history) => {
|
|
2848
|
+
return (index.h("div", { class: "HistoryInfo" },
|
|
2849
|
+
index.h("div", { class: "HistoryCol Rewards" }, getRewards(luckywheel, history.Draw.Result)),
|
|
2850
|
+
index.h("div", { class: "HistoryCol Issued" }, getStatus(history.Draw.State)),
|
|
2851
|
+
index.h("div", { class: "HistoryCol Time" }, format(new Date(history.Draw.Time), 'LLL d, yyyy HH:mm:ss'))));
|
|
2826
2852
|
}))));
|
|
2827
2853
|
}));
|
|
2828
2854
|
};
|
|
@@ -2901,14 +2927,19 @@ const CasinoEngagementSuiteLuckyWheelList = class {
|
|
|
2901
2927
|
this.isLoading = false;
|
|
2902
2928
|
}
|
|
2903
2929
|
handleEvent(e) {
|
|
2904
|
-
|
|
2930
|
+
var _a;
|
|
2931
|
+
const _b = e === null || e === void 0 ? void 0 : e.data, { type } = _b, rest = __rest(_b, ["type"]);
|
|
2905
2932
|
if (type === 'BarLuckyWheelsClick') {
|
|
2906
2933
|
this.activeTab = 1;
|
|
2907
2934
|
this.openedHistoryIds = [];
|
|
2908
2935
|
}
|
|
2909
2936
|
if (type === 'LuckywheelHistoryResponse') {
|
|
2910
2937
|
this.openedHistoryIds = [];
|
|
2911
|
-
|
|
2938
|
+
const items = rest.data;
|
|
2939
|
+
if (items.length > 0) {
|
|
2940
|
+
const id = (_a = items[0].Draw) === null || _a === void 0 ? void 0 : _a.LotteryProgramID;
|
|
2941
|
+
this.luckywheelHistory[id] = items;
|
|
2942
|
+
}
|
|
2912
2943
|
this.historyLoading = false;
|
|
2913
2944
|
}
|
|
2914
2945
|
}
|
|
@@ -2948,11 +2979,11 @@ const CasinoEngagementSuiteLuckyWheelList = class {
|
|
|
2948
2979
|
const now = new Date().getTime();
|
|
2949
2980
|
this.timers = this.luckyWheels.reduce((acc, luckywheel) => {
|
|
2950
2981
|
var _a;
|
|
2951
|
-
const expirationDate = new Date((_a = luckywheel.
|
|
2982
|
+
const expirationDate = new Date((_a = luckywheel.Current) === null || _a === void 0 ? void 0 : _a.EndTime).getTime();
|
|
2952
2983
|
const diff = expirationDate - now;
|
|
2953
2984
|
let countdown = '00h:00m:00s';
|
|
2954
2985
|
if (diff < 1) {
|
|
2955
|
-
this.removeLuckyWheel(luckywheel.
|
|
2986
|
+
this.removeLuckyWheel(luckywheel.Program.Id);
|
|
2956
2987
|
}
|
|
2957
2988
|
else {
|
|
2958
2989
|
const { days, hours, minutes, seconds } = {
|
|
@@ -2965,38 +2996,43 @@ const CasinoEngagementSuiteLuckyWheelList = class {
|
|
|
2965
2996
|
? `${hours}h:${minutes}m:${seconds}s`
|
|
2966
2997
|
: `${days}d:${hours}h:${minutes}m`;
|
|
2967
2998
|
}
|
|
2968
|
-
return Object.assign(Object.assign({}, acc), { [luckywheel.
|
|
2999
|
+
return Object.assign(Object.assign({}, acc), { [luckywheel.Program.Id]: countdown });
|
|
2969
3000
|
}, {});
|
|
2970
3001
|
}
|
|
2971
3002
|
removeLuckyWheel(id) {
|
|
2972
|
-
this.luckyWheels = this.luckyWheels.filter((luckywheel) => luckywheel.
|
|
3003
|
+
this.luckyWheels = this.luckyWheels.filter((luckywheel) => luckywheel.Program.Id !== id);
|
|
2973
3004
|
window.postMessage({ type: 'LuckyWheelHasExpired', id });
|
|
2974
3005
|
}
|
|
2975
3006
|
sendHistoryRequest() {
|
|
2976
3007
|
this.historyLoading = true;
|
|
2977
|
-
|
|
2978
|
-
|
|
3008
|
+
this.luckyWheels.forEach((luckyWheel) => {
|
|
3009
|
+
window.postMessage({
|
|
3010
|
+
type: 'LuckywheelHistoryRequest',
|
|
3011
|
+
data: {
|
|
3012
|
+
lotteryProgramID: luckyWheel.Program.Id,
|
|
3013
|
+
}
|
|
3014
|
+
});
|
|
2979
3015
|
});
|
|
2980
3016
|
}
|
|
2981
3017
|
getLuckyWheelClasses(luckyWheel) {
|
|
2982
3018
|
return {
|
|
2983
3019
|
LuckyWheelsCard: true,
|
|
2984
|
-
LuckyWheelsEmptyNumber: luckyWheel.
|
|
3020
|
+
LuckyWheelsEmptyNumber: luckyWheel.Current.RemainingTimes === 0
|
|
2985
3021
|
};
|
|
2986
3022
|
}
|
|
2987
3023
|
getLuckyWheelName(luckywheel) {
|
|
2988
3024
|
var _a, _b;
|
|
2989
|
-
return ((_a = luckywheel.
|
|
3025
|
+
return ((_a = luckywheel.Program) === null || _a === void 0 ? void 0 : _a.Name['en']) || ((_b = luckywheel.Program) === null || _b === void 0 ? void 0 : _b.Name['*']);
|
|
2990
3026
|
}
|
|
2991
3027
|
getLuckyWheelHeaderTemplate(luckywheel) {
|
|
2992
3028
|
var _a, _b;
|
|
2993
|
-
return (index.h("div", { class: "LuckyWheelsCardHeader" }, index.h("div", { class: `LuckyWheelsName` }, this.getLuckyWheelName(luckywheel)), (index.h("div", { class: "LuckyWheelsCounter" }, index.h("div", { class: `${((_a = luckywheel.
|
|
3029
|
+
return (index.h("div", { class: "LuckyWheelsCardHeader" }, index.h("div", { class: `LuckyWheelsName` }, this.getLuckyWheelName(luckywheel)), (index.h("div", { class: "LuckyWheelsCounter" }, index.h("div", { class: `${((_a = luckywheel.Current) === null || _a === void 0 ? void 0 : _a.RemainingTimes) ? 'LuckyWheelsHighlightedCounter' : 'LuckyWheelsEmptyCounter'}` }, (_b = luckywheel.Current) === null || _b === void 0 ? void 0 : _b.RemainingTimes)))));
|
|
2994
3030
|
}
|
|
2995
3031
|
getLuckyWheelTemplate(luckywheel, index$1) {
|
|
2996
|
-
const countdown = this.timers[luckywheel.
|
|
3032
|
+
const countdown = this.timers[luckywheel.Program.Id];
|
|
2997
3033
|
//TODO: canceled status
|
|
2998
|
-
const isCanceled = luckywheel.
|
|
2999
|
-
return (index.h("div", { class: this.getLuckyWheelClasses(luckywheel), onClick: this.handleLuckyWheelClick, key: luckywheel.
|
|
3034
|
+
const isCanceled = luckywheel.Current.RemainingTimes === 0;
|
|
3035
|
+
return (index.h("div", { class: this.getLuckyWheelClasses(luckywheel), onClick: this.handleLuckyWheelClick, key: luckywheel.Program.Id, "data-id": luckywheel.Program.Id, "data-index": index$1 }, this.getLuckyWheelHeaderTemplate(luckywheel), isCanceled ? (index.h("div", { class: "ForfeitedMessage" }, index.h("div", null, translate('canceled', this.language)), index.h("div", null, translate('support', this.language)))) : (index.h("div", { class: "LuckyWheelsCountdownWrapper" }, index.h("span", { class: "LuckyWheelsCountdown" }, countdown)))));
|
|
3000
3036
|
}
|
|
3001
3037
|
getHeaderTemplate() {
|
|
3002
3038
|
return index.h("header", { class: "LuckyWheelsListPopupHeader" }, index.h("button", { onClick: this.showTooltip, class: "EngagementSuiteIconButton Help" }), index.h("div", { class: "LuckyWheelsListPopupHeaderName" }, translate('luckyWheel', this.language)), index.h("button", { class: "EngagementSuiteIconButton Close", onClick: this.handleCloseClick }));
|
|
@@ -3034,7 +3070,7 @@ const CasinoEngagementSuiteLuckyWheelList = class {
|
|
|
3034
3070
|
: this.getHistoryTabTemplate();
|
|
3035
3071
|
}
|
|
3036
3072
|
render() {
|
|
3037
|
-
return index.h("div", { key: '
|
|
3073
|
+
return index.h("div", { key: 'b640229fe6feea73f03ee6ce4a2e80e269240780', class: `LuckyWheelsListPopup ${this.device}` }, this.getHeaderTemplate(), this.getTabsTemplate(), this.getTabsContentTemplate(), this.getTooltipTemplate());
|
|
3038
3074
|
}
|
|
3039
3075
|
get host() { return index.getElement(this); }
|
|
3040
3076
|
static get watchers() { return {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const casinoEngagementSuiteLuckywheelList = require('./casino-engagement-suite-luckywheel-list-
|
|
5
|
+
const casinoEngagementSuiteLuckywheelList = require('./casino-engagement-suite-luckywheel-list-660f479c.js');
|
|
6
6
|
const index = require('./index-c93b88f6.js');
|
|
7
7
|
|
|
8
8
|
const casinoEngagementSuiteProgressBarCss = ":host{display:block;font-family:inherit}:host(.Desktop) .ProgressBarPercent{font-size:var(--emw--font-size-small, 14px);line-height:14px}@keyframes indeterminate{0%{left:-200%;right:100%}60%{left:110%;right:-10%}to{left:110%;right:-10%}}.ProgressBarBackground{height:8px;background-color:var(--emw--color-gray-300, #666178);border-radius:var(--emw--border-radius-small, 4px);position:relative;overflow:hidden}.ProgressBarLine{position:absolute;left:0;top:0;bottom:0;border-radius:var(--emw--border-radius-small, 4px);background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));transition:width ease-out 0.3s}.ProgressBarLine.Indeterminate{animation:indeterminate 1s linear infinite}.ProgressBarInfo{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.ProgressBarPercent{font-weight:var(--emw--font-weight-bold, 700);font-size:var(--emw--font-size-x-small, 12px);line-height:12px}.HidePercent .ProgressBarPercent{display:none}.ProgressBar:not(.Disabled) .ProgressBarPercent{background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ProgressBar.Disabled .ProgressBarPercent{color:var(--emw--color-gray-300, #666178)}.ProgressBar.Disabled .ProgressBarLine{background:var(--emw--color-background-secondary, #474668)}";
|
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const casinoEngagementSuiteLuckywheelList = require('./casino-engagement-suite-luckywheel-list-
|
|
5
|
+
const casinoEngagementSuiteLuckywheelList = require('./casino-engagement-suite-luckywheel-list-660f479c.js');
|
|
6
6
|
require('./index-c93b88f6.js');
|
|
7
7
|
|
|
8
8
|
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { __rest } from "tslib";
|
|
1
2
|
import { h } from "@stencil/core";
|
|
2
3
|
import { translate, getTranslations } from "../../utils/locale.utils";
|
|
3
4
|
import "../../../../../casino-engagement-suite-progress-bar/dist/types/index";
|
|
@@ -72,14 +73,19 @@ export class CasinoEngagementSuiteLuckyWheelList {
|
|
|
72
73
|
this.isLoading = false;
|
|
73
74
|
}
|
|
74
75
|
handleEvent(e) {
|
|
75
|
-
|
|
76
|
+
var _a;
|
|
77
|
+
const _b = e === null || e === void 0 ? void 0 : e.data, { type } = _b, rest = __rest(_b, ["type"]);
|
|
76
78
|
if (type === 'BarLuckyWheelsClick') {
|
|
77
79
|
this.activeTab = 1;
|
|
78
80
|
this.openedHistoryIds = [];
|
|
79
81
|
}
|
|
80
82
|
if (type === 'LuckywheelHistoryResponse') {
|
|
81
83
|
this.openedHistoryIds = [];
|
|
82
|
-
|
|
84
|
+
const items = rest.data;
|
|
85
|
+
if (items.length > 0) {
|
|
86
|
+
const id = (_a = items[0].Draw) === null || _a === void 0 ? void 0 : _a.LotteryProgramID;
|
|
87
|
+
this.luckywheelHistory[id] = items;
|
|
88
|
+
}
|
|
83
89
|
this.historyLoading = false;
|
|
84
90
|
}
|
|
85
91
|
}
|
|
@@ -119,11 +125,11 @@ export class CasinoEngagementSuiteLuckyWheelList {
|
|
|
119
125
|
const now = new Date().getTime();
|
|
120
126
|
this.timers = this.luckyWheels.reduce((acc, luckywheel) => {
|
|
121
127
|
var _a;
|
|
122
|
-
const expirationDate = new Date((_a = luckywheel.
|
|
128
|
+
const expirationDate = new Date((_a = luckywheel.Current) === null || _a === void 0 ? void 0 : _a.EndTime).getTime();
|
|
123
129
|
const diff = expirationDate - now;
|
|
124
130
|
let countdown = '00h:00m:00s';
|
|
125
131
|
if (diff < 1) {
|
|
126
|
-
this.removeLuckyWheel(luckywheel.
|
|
132
|
+
this.removeLuckyWheel(luckywheel.Program.Id);
|
|
127
133
|
}
|
|
128
134
|
else {
|
|
129
135
|
const { days, hours, minutes, seconds } = {
|
|
@@ -136,38 +142,43 @@ export class CasinoEngagementSuiteLuckyWheelList {
|
|
|
136
142
|
? `${hours}h:${minutes}m:${seconds}s`
|
|
137
143
|
: `${days}d:${hours}h:${minutes}m`;
|
|
138
144
|
}
|
|
139
|
-
return Object.assign(Object.assign({}, acc), { [luckywheel.
|
|
145
|
+
return Object.assign(Object.assign({}, acc), { [luckywheel.Program.Id]: countdown });
|
|
140
146
|
}, {});
|
|
141
147
|
}
|
|
142
148
|
removeLuckyWheel(id) {
|
|
143
|
-
this.luckyWheels = this.luckyWheels.filter((luckywheel) => luckywheel.
|
|
149
|
+
this.luckyWheels = this.luckyWheels.filter((luckywheel) => luckywheel.Program.Id !== id);
|
|
144
150
|
window.postMessage({ type: 'LuckyWheelHasExpired', id });
|
|
145
151
|
}
|
|
146
152
|
sendHistoryRequest() {
|
|
147
153
|
this.historyLoading = true;
|
|
148
|
-
|
|
149
|
-
|
|
154
|
+
this.luckyWheels.forEach((luckyWheel) => {
|
|
155
|
+
window.postMessage({
|
|
156
|
+
type: 'LuckywheelHistoryRequest',
|
|
157
|
+
data: {
|
|
158
|
+
lotteryProgramID: luckyWheel.Program.Id,
|
|
159
|
+
}
|
|
160
|
+
});
|
|
150
161
|
});
|
|
151
162
|
}
|
|
152
163
|
getLuckyWheelClasses(luckyWheel) {
|
|
153
164
|
return {
|
|
154
165
|
LuckyWheelsCard: true,
|
|
155
|
-
LuckyWheelsEmptyNumber: luckyWheel.
|
|
166
|
+
LuckyWheelsEmptyNumber: luckyWheel.Current.RemainingTimes === 0
|
|
156
167
|
};
|
|
157
168
|
}
|
|
158
169
|
getLuckyWheelName(luckywheel) {
|
|
159
170
|
var _a, _b;
|
|
160
|
-
return ((_a = luckywheel.
|
|
171
|
+
return ((_a = luckywheel.Program) === null || _a === void 0 ? void 0 : _a.Name['en']) || ((_b = luckywheel.Program) === null || _b === void 0 ? void 0 : _b.Name['*']);
|
|
161
172
|
}
|
|
162
173
|
getLuckyWheelHeaderTemplate(luckywheel) {
|
|
163
174
|
var _a, _b;
|
|
164
|
-
return (h("div", { class: "LuckyWheelsCardHeader" }, h("div", { class: `LuckyWheelsName` }, this.getLuckyWheelName(luckywheel)), (h("div", { class: "LuckyWheelsCounter" }, h("div", { class: `${((_a = luckywheel.
|
|
175
|
+
return (h("div", { class: "LuckyWheelsCardHeader" }, h("div", { class: `LuckyWheelsName` }, this.getLuckyWheelName(luckywheel)), (h("div", { class: "LuckyWheelsCounter" }, h("div", { class: `${((_a = luckywheel.Current) === null || _a === void 0 ? void 0 : _a.RemainingTimes) ? 'LuckyWheelsHighlightedCounter' : 'LuckyWheelsEmptyCounter'}` }, (_b = luckywheel.Current) === null || _b === void 0 ? void 0 : _b.RemainingTimes)))));
|
|
165
176
|
}
|
|
166
177
|
getLuckyWheelTemplate(luckywheel, index) {
|
|
167
|
-
const countdown = this.timers[luckywheel.
|
|
178
|
+
const countdown = this.timers[luckywheel.Program.Id];
|
|
168
179
|
//TODO: canceled status
|
|
169
|
-
const isCanceled = luckywheel.
|
|
170
|
-
return (h("div", { class: this.getLuckyWheelClasses(luckywheel), onClick: this.handleLuckyWheelClick, key: luckywheel.
|
|
180
|
+
const isCanceled = luckywheel.Current.RemainingTimes === 0;
|
|
181
|
+
return (h("div", { class: this.getLuckyWheelClasses(luckywheel), onClick: this.handleLuckyWheelClick, key: luckywheel.Program.Id, "data-id": luckywheel.Program.Id, "data-index": index }, this.getLuckyWheelHeaderTemplate(luckywheel), isCanceled ? (h("div", { class: "ForfeitedMessage" }, h("div", null, translate('canceled', this.language)), h("div", null, translate('support', this.language)))) : (h("div", { class: "LuckyWheelsCountdownWrapper" }, h("span", { class: "LuckyWheelsCountdown" }, countdown)))));
|
|
171
182
|
}
|
|
172
183
|
getHeaderTemplate() {
|
|
173
184
|
return h("header", { class: "LuckyWheelsListPopupHeader" }, h("button", { onClick: this.showTooltip, class: "EngagementSuiteIconButton Help" }), h("div", { class: "LuckyWheelsListPopupHeaderName" }, translate('luckyWheel', this.language)), h("button", { class: "EngagementSuiteIconButton Close", onClick: this.handleCloseClick }));
|
|
@@ -205,7 +216,7 @@ export class CasinoEngagementSuiteLuckyWheelList {
|
|
|
205
216
|
: this.getHistoryTabTemplate();
|
|
206
217
|
}
|
|
207
218
|
render() {
|
|
208
|
-
return h("div", { key: '
|
|
219
|
+
return h("div", { key: 'b640229fe6feea73f03ee6ce4a2e80e269240780', class: `LuckyWheelsListPopup ${this.device}` }, this.getHeaderTemplate(), this.getTabsTemplate(), this.getTabsContentTemplate(), this.getTooltipTemplate());
|
|
209
220
|
}
|
|
210
221
|
static get is() { return "casino-engagement-suite-luckywheel-list"; }
|
|
211
222
|
static get encapsulation() { return "shadow"; }
|
|
@@ -302,8 +313,8 @@ export class CasinoEngagementSuiteLuckyWheelList {
|
|
|
302
313
|
"references": {
|
|
303
314
|
"LuckyWheel": {
|
|
304
315
|
"location": "import",
|
|
305
|
-
"path": "../../
|
|
306
|
-
"id": "../../../../packages/stencil/casino-engagement-suite-luckywheel-list/src/
|
|
316
|
+
"path": "../../models/luckywheel",
|
|
317
|
+
"id": "../../../../packages/stencil/casino-engagement-suite-luckywheel-list/src/models/luckywheel.ts::LuckyWheel"
|
|
307
318
|
}
|
|
308
319
|
}
|
|
309
320
|
},
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { html } from "lit";
|
|
2
|
+
import "@everymatrix/casino-engagement-suite-luckywheel-list";
|
|
3
|
+
const meta = {
|
|
4
|
+
title: 'Casino/Components/casino-engagement-suite-luckywheel-list',
|
|
5
|
+
component: 'casino-engagement-suite-luckywheel-list',
|
|
6
|
+
args: {
|
|
7
|
+
clientStyling: "",
|
|
8
|
+
clientStylingUrl: "",
|
|
9
|
+
language: "en",
|
|
10
|
+
device: "Mobile' as 'Mobile' | 'Tablet' | 'Desktop",
|
|
11
|
+
luckyWheels: "[] as Array<LuckyWheel>",
|
|
12
|
+
translationUrl: "",
|
|
13
|
+
},
|
|
14
|
+
argTypes: {
|
|
15
|
+
clientStyling: { control: 'text', description: '' },
|
|
16
|
+
clientStylingUrl: { control: 'text', description: '' },
|
|
17
|
+
language: { control: 'text', description: '' },
|
|
18
|
+
device: { control: 'text', description: '' },
|
|
19
|
+
luckyWheels: { control: 'text', description: '' },
|
|
20
|
+
translationUrl: { control: 'text', description: '' },
|
|
21
|
+
},
|
|
22
|
+
};
|
|
23
|
+
export default meta;
|
|
24
|
+
const Template = (args) => {
|
|
25
|
+
return html `<casino-engagement-suite-luckywheel-list
|
|
26
|
+
clientStyling="${args.clientStyling}"
|
|
27
|
+
clientStylingUrl="${args.clientStylingUrl}"
|
|
28
|
+
language="${args.language}"
|
|
29
|
+
device="${args.device}"
|
|
30
|
+
luckyWheels="${args.luckyWheels}"
|
|
31
|
+
translationUrl="${args.translationUrl}"
|
|
32
|
+
></casino-engagement-suite-luckywheel-list>`;
|
|
33
|
+
};
|
|
34
|
+
export const Default = Template.bind({});
|
|
35
|
+
Default.args = {
|
|
36
|
+
clientStyling: "",
|
|
37
|
+
clientStylingUrl: "",
|
|
38
|
+
language: "en",
|
|
39
|
+
device: "Mobile' as 'Mobile' | 'Tablet' | 'Desktop",
|
|
40
|
+
luckyWheels: "[] as Array<LuckyWheel>",
|
|
41
|
+
translationUrl: "",
|
|
42
|
+
};
|
|
@@ -27,12 +27,12 @@ export const getHistoryLevelTemplate = (level, index, lang) => {
|
|
|
27
27
|
};
|
|
28
28
|
const getRewards = (luckywheel, result) => {
|
|
29
29
|
var _a, _b, _c, _d;
|
|
30
|
-
const index = result.
|
|
31
|
-
const name = (_b = (_a = luckywheel.
|
|
30
|
+
const index = result.WheelOfFortunePartitionIndex || 0;
|
|
31
|
+
const name = (_b = (_a = luckywheel.Program.WheelOfFortune) === null || _a === void 0 ? void 0 : _a.Partitions[index]) === null || _b === void 0 ? void 0 : _b.Name;
|
|
32
32
|
const displayName = name['en'] || name['*'];
|
|
33
|
-
const assets = (_d = (_c = luckywheel.
|
|
33
|
+
const assets = (_d = (_c = luckywheel.Program.WheelOfFortune) === null || _c === void 0 ? void 0 : _c.Partitions[index]) === null || _d === void 0 ? void 0 : _d.Image1;
|
|
34
34
|
const displayAssets = assets['en'] || assets['*'];
|
|
35
|
-
const programName = luckywheel.
|
|
35
|
+
const programName = luckywheel.Program.Name['en'] || luckywheel.Program.Name['*'];
|
|
36
36
|
return h("div", { class: "HistoryRewards" }, displayName ? displayName : displayAssets ? (h("img", { src: displayAssets })) : programName);
|
|
37
37
|
};
|
|
38
38
|
const getStatus = (state) => {
|
|
@@ -43,10 +43,9 @@ export const getLuckyWheelsHistoryTemplate = (luckywheels, historyGroups, opened
|
|
|
43
43
|
return h("p", { class: "HistoryEmptyMessage" }, translate('noHistory', lang));
|
|
44
44
|
}
|
|
45
45
|
return h("div", { class: "HistoryList" }, luckywheels.map((luckywheel) => {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
});
|
|
46
|
+
var _a;
|
|
47
|
+
return h("div", { key: luckywheel.Program.Id, class: `HistoryListItem ${openedHistoryIds.includes(luckywheel.Program.Id) ? 'Opened' : 'Closed'}` }, h("header", { class: "HistoryListItemHeader", "data-id": luckywheel.Program.Id, onClick: toggleLuckyWheelHistory }, luckywheel.Program.Name['en'] || luckywheel.Program.Name['*'], h("button", { class: "EngagementSuiteIconButton ArrowDown" })), h("div", { class: "HistoryListItemBody" }, h("div", { class: "HistoryInfoRow" }, (_a = historyGroups[luckywheel.Program.Id]) === null || _a === void 0 ? void 0 : _a.map((history) => {
|
|
48
|
+
return (h("div", { class: "HistoryInfo" }, h("div", { class: "HistoryCol Rewards" }, getRewards(luckywheel, history.Draw.Result)), h("div", { class: "HistoryCol Issued" }, getStatus(history.Draw.State)), h("div", { class: "HistoryCol Time" }, format(new Date(history.Draw.Time), 'LLL d, yyyy HH:mm:ss'))));
|
|
50
49
|
}))));
|
|
51
50
|
}));
|
|
52
51
|
};
|