@everymatrix/casino-engagement-suite-modal-container 1.52.6 → 1.53.10
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-modal-container/casino-engagement-suite-modal-container.esm.js +1 -1
- package/dist/casino-engagement-suite-modal-container/p-6aa0de4d.js +2 -0
- package/dist/casino-engagement-suite-modal-container/p-d29ac3f0.entry.js +1 -0
- package/dist/cjs/casino-engagement-suite-modal-container.cjs.js +2 -2
- package/dist/cjs/casino-engagement-suite-modal_2.cjs.entry.js +38 -24
- package/dist/cjs/{index-abe824ad.js → index-54ab4402.js} +162 -67
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/casino-engagement-suite-modal-container/casino-engagement-suite-modal-container.js +30 -12
- package/dist/collection/utils/locale.utils.js +3 -1
- package/dist/esm/casino-engagement-suite-modal-container.js +3 -3
- package/dist/esm/casino-engagement-suite-modal_2.entry.js +38 -24
- package/dist/esm/{index-6c6d5eed.js → index-579ab8d9.js} +162 -67
- package/dist/esm/loader.js +2 -2
- package/package.json +1 -1
- package/dist/casino-engagement-suite-modal-container/p-4bda3963.entry.js +0 -1
- package/dist/casino-engagement-suite-modal-container/p-9bc17463.js +0 -2
package/dist/casino-engagement-suite-modal-container/casino-engagement-suite-modal-container.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as n,b as e}from"./p-
|
|
1
|
+
import{p as n,b as e}from"./p-6aa0de4d.js";export{s as setNonce}from"./p-6aa0de4d.js";import{g as i}from"./p-e1255160.js";(()=>{const e=import.meta.url,i={};return""!==e&&(i.resourcesUrl=new URL(".",e).href),n(i)})().then((async n=>(await i(),e([["p-d29ac3f0",[[1,"casino-engagement-suite-modal-container",{clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],language:[1],isJoiningToChallenge:[1028,"is-joining-to-challenge"],device:[1],limitStylingAppends:[32],openModals:[32],rewardMessage:[32],hasError:[32],confirmationData:[32],winAmount:[32]},[[16,"openModal","openModalHandler"],[16,"closeModal","closeModalHandler"]]],[1,"casino-engagement-suite-modal",{clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],isOpen:[4,"is-open"],isLoading:[1028,"is-loading"],header:[1],contentIcon:[1,"content-icon"],modalType:[1,"modal-type"],device:[1],showAnimation:[4,"show-animation"],limitStylingAppends:[32]}]]]],n))));
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),o=(e,n)=>{t.set(n.t=e,n)},l=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},a=u.document||{head:{}},f={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),p=!1,m=[],y=[],v=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&f.o?w($):f.raf($))},b=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},$=()=>{b(m),b(y),(p=m.length>0)&&f.raf($)},w=e=>h().then(e),g=v(y,!0),S=e=>"object"==(e=typeof e)||"function"===e;function j(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>k,map:()=>E,ok:()=>O,unwrap:()=>M,unwrapErr:()=>x});var O=e=>({isOk:!0,isErr:!1,value:e}),k=e=>({isOk:!1,isErr:!0,value:e});function E(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>O(e))):O(n)}if(e.isErr)return k(e.value);throw"should never get here"}var C,M=e=>{if(e.isOk)return e.value;throw e.value},x=e=>{if(e.isErr)return e.value;throw e.value},P=(e,t,...n)=>{let o=null,l=null,s=!1,i=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof e&&!S(o))&&(o+=""),s&&i?r[r.length-1].i+=o:r.push(s?A(null,o):o),i=s)};if(c(n),t){t.key&&(l=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=A(e,null);return u.u=t,r.length>0&&(u.h=r),u.p=l,u},A=(e,t)=>({o:0,m:e,i:t,v:null,h:null,u:null,p:null}),R={},D=(e,t)=>null==e||S(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e,H=e=>n(e).$hostElement$,N=(e,t,n)=>{const o=H(e);return{emit:e=>T(o,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},T=(e,t,n)=>{const o=f.ce(t,n);return e.dispatchEvent(o),o},U=new WeakMap,F=e=>"sc-"+e.$,L=(e,t,n,o,s,i)=>{if(n!==o){let r=l(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,l=W(n);let s=W(o);t.remove(...l.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!l.includes(e))))}else if("style"===t){for(const t in n)o&&null!=o[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in o)n&&o[t]===n[t]||(t.includes("-")?e.style.setProperty(t,o[t]):e.style[t]=o[t])}else if("key"===t);else if(r||"o"!==t[0]||"n"!==t[1]){const l=S(o);if((r||l&&null!==o)&&!s)try{if(e.tagName.includes("-"))e[t]!==o&&(e[t]=o);else{const l=null==o?"":o;"list"===t?r=!1:null!=n&&e[t]==l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&i||s)&&!l&&e.setAttribute(t,o=!0===o?"":o)}else if(t="-"===t[2]?t.slice(3):l(u,c)?c.slice(2):c[2]+t.slice(3),n||o){const l=t.endsWith(q);t=t.replace(G,""),n&&f.rel(e,t,n,l),o&&f.ael(e,t,o,l)}}},V=/\s/,W=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(V):[]),q="Capture",G=RegExp(q+"$"),_=(e,t,n)=>{const o=11===t.v.nodeType&&t.v.host?t.v.host:t.v,l=e&&e.u||{},s=t.u||{};for(const e of z(Object.keys(l)))e in s||L(o,e,l[e],void 0,n,t.o);for(const e of z(Object.keys(s)))L(o,e,l[e],s[e],n,t.o)};function z(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var B=!1,I=!1,J=(e,t,n)=>{const o=t.h[n];let l,s,i=0;if(null!==o.i)l=o.v=a.createTextNode(o.i);else if(l=o.v=a.createElement(o.m),_(null,o,I),o.h)for(i=0;i<o.h.length;++i)s=J(e,o,i),s&&l.appendChild(s);return l["s-hn"]=C,l},K=(e,t,n,o,l,s)=>{let i,r=e;for(r.shadowRoot&&r.tagName===C&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=J(null,n,l),i&&(o[l].v=i,Z(r,i,t)))},Q=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.v;e&&e.remove()}}},X=(e,t,n=!1)=>e.m===t.m&&(n?(n&&!e.p&&t.p&&(e.p=t.p),!0):e.p===t.p),Y=(e,t,n=!1)=>{const o=t.v=e.v,l=e.h,s=t.h,i=t.i;null===i?(("slot"!==t.m||B)&&_(e,t,I),null!==l&&null!==s?((e,t,n,o,l=!1)=>{let s,i,r=0,c=0,u=0,a=0,f=t.length-1,h=t[0],d=t[f],p=o.length-1,m=o[0],y=o[p];for(;r<=f&&c<=p;)if(null==h)h=t[++r];else if(null==d)d=t[--f];else if(null==m)m=o[++c];else if(null==y)y=o[--p];else if(X(h,m,l))Y(h,m,l),h=t[++r],m=o[++c];else if(X(d,y,l))Y(d,y,l),d=t[--f],y=o[--p];else if(X(h,y,l))Y(h,y,l),Z(e,h.v,d.v.nextSibling),h=t[++r],y=o[--p];else if(X(d,m,l))Y(d,m,l),Z(e,d.v,h.v),d=t[--f],m=o[++c];else{for(u=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(i=t[u],i.m!==m.m?s=J(t&&t[c],n,u):(Y(i,m,l),t[u]=void 0,s=i.v),m=o[++c]):(s=J(t&&t[c],n,c),m=o[++c]),s&&Z(h.v.parentNode,s,h.v)}r>f?K(e,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&Q(t,r,f)})(o,l,t,s,n):null!==s?(null!==e.i&&(o.textContent=""),K(o,null,t,s,0,s.length-1)):!n&&null!==l&&Q(l,0,l.length-1)):e.i!==i&&(o.data=i)},Z=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),ee=(e,t)=>{if(t&&!e.S&&t["s-p"]){const n=t["s-p"].push(new Promise((o=>e.S=()=>{t["s-p"].splice(n-1,1),o()})))}},te=(e,t)=>{if(e.o|=16,!(4&e.o))return ee(e,e.j),g((()=>ne(e,t)));e.o|=512},ne=(e,t)=>{const n=e.$hostElement$,o=e.t;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);return t&&(e.o|=256,e.O&&(e.O.map((([e,t])=>ue(o,e,t,n))),e.O=void 0)),oe(void 0,(()=>se(e,o,t)))},oe=(e,t)=>le(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),le=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,se=async(e,t,n)=>{var o;const l=e.$hostElement$,s=l["s-rc"];n&&(e=>{const t=e.k,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=F(t),l=r.get(o);if(e=11===e.nodeType?e:a,l)if("string"==typeof l){let s,i=U.get(e=e.head||e);if(i||U.set(e,i=new Set),!i.has(o)){{s=document.querySelector(`[sty-id="${o}"]`)||a.createElement("style"),s.innerHTML=l;const i=null!=(n=f.C)?n:j(a);if(null!=i&&s.setAttribute("nonce",i),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(d){const t=new CSSStyleSheet;t.replaceSync(l),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(s)}else e.append(s);1&t.o&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.o&&(s.innerHTML+=c),i&&i.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&2&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);ie(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>re(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},ie=(e,t,n,o)=>{try{t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.k,s=e.M||A(null,null),i=(e=>e&&e.m===R)(t)?t:P(null,null,t);if(C=o.tagName,l.P&&(i.u=i.u||{},l.P.map((([e,t])=>i.u[t]=o[e]))),n&&i.u)for(const e of Object.keys(i.u))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(i.u[e]=o[e]);i.m=null,i.o|=4,e.M=i,i.v=s.v=o.shadowRoot||o,B=!!(1&l.o),Y(s,i,n)})(e,t,o)}catch(t){s(t,e.$hostElement$)}return null},re=e=>{const t=e.$hostElement$,n=e.j;ue(e.t,"componentDidRender",void 0,t),64&e.o||(e.o|=64,ae(t),e.A(t),n||ce()),e.S&&(e.S(),e.S=void 0),512&e.o&&w((()=>te(e,!1))),e.o&=-517},ce=()=>{ae(a.documentElement),w((()=>T(u,"appload",{detail:{namespace:"casino-engagement-suite-modal-container"}})))},ue=(e,t,n,o)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e,o)}},ae=e=>e.classList.add("hydrated"),fe=(e,t,o,l)=>{const s=n(e);if(!s)throw Error(`Couldn't find host element for "${l.$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const i=s.R.get(t),r=s.o,c=s.t;o=D(o,l.D[t][0]),8&r&&void 0!==i||o===i||Number.isNaN(i)&&Number.isNaN(o)||(s.R.set(t,o),c&&2==(18&r)&&te(s,!1))},he=(e,t,o)=>{var l,s;const i=e.prototype;if(t.D){const r=Object.entries(null!=(l=t.D)?l:{});if(r.map((([e,[l]])=>{if(31&l||2&o&&32&l){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,e)||{};s&&(t.D[e][0]|=2048),r&&(t.D[e][0]|=4096),(1&o||!s)&&Object.defineProperty(i,e,{get(){{if(!(2048&t.D[e][0]))return((e,t)=>n(this).R.get(t))(0,e);const o=n(this),l=o?o.t:i;if(!l)return;return l[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(s){const i=n(this);if(r){const n=32&l?this[e]:i.$hostElement$[e];return void 0===n&&i.R.get(e)?s=i.R.get(e):!i.R.get(e)&&n&&i.R.set(e,n),r.call(this,D(s,l)),void fe(this,e,s=32&l?this[e]:i.$hostElement$[e],t)}{if(!(1&o&&4096&t.D[e][0]))return fe(this,e,s,t),void(1&o&&!i.t&&i.H.then((()=>{4096&t.D[e][0]&&i.t[e]!==i.R.get(e)&&(i.t[e]=s)})));const n=()=>{const n=i.t[e];!i.R.get(e)&&n&&i.R.set(e,n),i.t[e]=D(s,l),fe(this,e,i.t[e],t)};i.t?n():i.H.then((()=>n()))}}})}})),1&o){const o=new Map;i.attributeChangedCallback=function(e,l,s){f.jmp((()=>{var r;const c=o.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),i=null==o?void 0:o.o;if(i&&!(8&i)&&128&i&&s!==l){const n=o.t,i=null==(r=t.N)?void 0:r[e];null==i||i.forEach((t=>{null!=n[t]&&n[t].call(n,s,l,e)}))}return}}const u=Object.getOwnPropertyDescriptor(i,c);(s=(null!==s||"boolean"!=typeof this[c])&&s)===this[c]||u.get&&!u.set||(this[c]=s)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.N)?s:{}),...r.filter((([e,t])=>15&t[0])).map((([e,n])=>{var l;const s=n[1]||e;return o.set(s,e),512&n[0]&&(null==(l=t.P)||l.push([e,s])),s}))]))}}return e},de=(e,o={})=>{var l;const h=[],p=o.exclude||[],m=u.customElements,y=a.head,v=y.querySelector("meta[charset]"),b=a.createElement("style"),$=[];let w,g=!0;Object.assign(f,o),f.l=new URL(o.resourcesUrl||"./",a.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((o=>{const l={o:o[0],$:o[1],D:o[2],T:o[3]};4&l.o&&(S=!0),l.D=o[2],l.T=o[3],l.P=[];const c=l.$,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const o={o:0,$hostElement$:e,k:n,R:new Map};o.H=new Promise((e=>o.A=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,o)})(e=this,l),1&l.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${l.$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){const e=n(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,pe(this,e,l.T)),w&&(clearTimeout(w),w=null),g?$.push(this):f.jmp((()=>(e=>{if(!(1&f.o)){const t=n(e),o=t.k,l=()=>{};if(1&t.o)pe(e,t,o.T),(null==t?void 0:t.t)||(null==t?void 0:t.H)&&t.H.then((()=>{}));else{t.o|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){ee(t,t.j=n);break}}o.D&&Object.entries(o.D).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;if(!(32&t.o)){t.o|=32;{const l=((e,t)=>{const n=e.$.replace(/-/g,"_"),o=e.U;if(!o)return;const l=i.get(o);return l?l[n]:import(`./${o}.entry.js`).then((e=>(i.set(o,e),e[n])),(e=>{s(e,t.$hostElement$)}))
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,t);if(l&&"then"in l){const e=()=>{};o=await l,e()}else o=l;if(!o)throw Error(`Constructor for "${n.$}#${t.F}" was not found`);o.isProxied||(he(o,n,2),o.isProxied=!0);const r=()=>{};t.o|=8;try{new o(t)}catch(t){s(t,e)}t.o&=-9,r()}if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const t=F(n);if(!r.has(t)){const o=()=>{};((e,t,n)=>{let o=r.get(e);d&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,r.set(e,o)})(t,e,!!(1&n.o)),o()}}}const l=t.j,c=()=>te(t,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(e,t,o)}l()}})(this)))}disconnectedCallback(){f.jmp((()=>(async e=>{if(!(1&f.o)){const t=n(e);t.L&&(t.L.map((e=>e())),t.L=void 0),(null==t?void 0:t.t)||(null==t?void 0:t.H)&&t.H.then((()=>{}))}U.has(e)&&U.delete(e),e.shadowRoot&&U.has(e.shadowRoot)&&U.delete(e.shadowRoot)})(this))),f.raf((()=>{var e;const t=n(this);(null==(e=null==t?void 0:t.M)?void 0:e.v)instanceof Node&&!t.M.v.isConnected&&delete t.M.v}))}componentOnReady(){return n(this).H}};l.U=e[0],p.includes(c)||m.get(c)||(h.push(c),m.define(c,he(u,l,1)))}))})),h.length>0&&(S&&(b.textContent+=c),b.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",b.innerHTML.length)){b.setAttribute("data-styles","");const e=null!=(l=f.C)?l:j(a);null!=e&&b.setAttribute("nonce",e),y.insertBefore(b,v?v.nextSibling:y.firstChild)}g=!1,$.length?$.map((e=>e.connectedCallback())):f.jmp((()=>w=setTimeout(ce,30)))},pe=(e,t,n)=>{n&&n.map((([n,o,l])=>{const s=ye(e,n),i=me(t,l),r=ve(n);f.ael(s,o,i,r),(t.L=t.L||[]).push((()=>f.rel(s,o,i,r)))}))},me=(e,t)=>n=>{var o;try{256&e.o?null==(o=e.t)||o[t](n):(e.O=e.O||[]).push([t,n])}catch(t){s(t,e.$hostElement$)}},ye=(e,t)=>16&t?a.body:e,ve=e=>({passive:!!(1&e),capture:!!(2&e)}),be=e=>f.C=e;export{de as b,N as c,H as g,P as h,h as p,o as r,be as s}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,h as o,g as i}from"./p-6aa0de4d.js";const a=class{constructor(o){e(this,o),this.closeModal=t(this,"closeModal",7),this.clientStyling="",this.clientStylingUrl="",this.device="Mobile",this.showAnimation=!1,this.limitStylingAppends=!1,this.handleCloseClick=()=>{this.isLoading||this.closeModal.emit(this.modalType)},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)}))}}componentDidRender(){!this.limitStylingAppends&&this.host&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){return o("div",{key:"570a2289e990efeae5cceac8bc2152cbb9bb5221",class:`ModalOverlay ${this.isOpen&&"Open"} ${this.device} ${this.showAnimation&&"ShowAnimation"}`},o("div",{key:"9d40898f29b5a539907a7e50f3fdee02636aced6",class:"ModalWinAnimation"}),o("div",{key:"724ffe5cd946b40aa12f99ac926a6c832c1633da",class:"ModalContent GradientBorder"},o("div",{key:"14bb1463ba0b5e9cdb545a81c13873a3e124f4c3",class:"IconCloseContainer"},o("button",{key:"1640c3c0881c65199a26f3f2217610189d626f91",class:"EngagementSuiteIconButton Close",onClick:this.handleCloseClick})),this.contentIcon?o("div",{class:"ModalIcon",style:{background:`url(${this.contentIcon}) no-repeat center, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%)`}}):null,o("div",{key:"c49ddc1152bb9c8af76ff11874816da8477ba821",class:"ModalHeader"},o("h1",{key:"08352f25028b0b08c2c1a77b91ea80cc968aa4e1"},this.header)),o("div",{key:"3420427d531aceb3861c1876394443ad664ff68b",class:"ModalBodyWrapper"},o("div",{key:"3e453586b727029f5fca9688b376d4b3e8298dbf",class:"ModalBody"},o("slot",{key:"0d82c3fa9b0faa9012005ccca85350313a684326",name:"body"})),o("div",{key:"9e7a078e4c912869f2e3573a533bb3cf82454a4c",class:"ModalFooter"},o("slot",{key:"df8e0568aeca79889cf8eb8f7fb33caf685b092e",name:"footer"})))))}get host(){return i(this)}};a.style=':host{display:block;font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer;touch-action:manipulation}button:focus{outline:none}.EngagementSuiteIconButton{width:24px;height:24px}.EngagementSuiteIconButton.Close{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.IconCloseContainer{width:100%;display:flex;justify-content:end}.ModalBodyWrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.ModalBodyWrapper::-webkit-scrollbar{width:3px;background:none}.ModalBodyWrapper::-webkit-scrollbar-thumb{border-radius:var(--emw--border-radius-small, 4px);background-color:var(--emw--color-gray-transparency-30, rgba(255, 255, 255, 0.3))}.ModalContent{display:flex;flex-direction:column;align-items:center;font-family:var(--emw--font-family-secondary, "Montserrat", sans-serif);position:relative;color:var(--emw--color-typography, #FFFFFF);background-color:var(--emw--color-background, #1E1638);padding:24px;border-radius:var(--emw--border-radius-large, 8px);width:450px;max-width:100%;text-align:center;max-height:90dvh}.GradientBorder::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--emw--border-radius-large, 9px);background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #FF9401 82.77%);z-index:-1}.ModalHeader h1{font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-large-plus, 24px);padding:0 16px;margin-bottom:16px}.ModalIcon{width:44px;height:44px;border-radius:50%;background-size:cover;margin:12px 0}.ModalBody{font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-normal, 400);color:var(--emw--color-secondary, #BBB9C3);padding:0 16px}.ModalFooter{margin-top:40px;margin-bottom:28px;padding:0 16px;width:100%}@keyframes rotate{100%{transform:rotate(1turn)}}.ModalOverlay .ModalWinAnimation{display:none}.ModalOverlay.ShowAnimation .ModalWinAnimation{display:block;position:absolute;width:100%;height:100%;inset:0;background:center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/light.svg) no-repeat, center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/win.svg) no-repeat;animation:6s rotate linear infinite}.ModalOverlay.Mobile .EngagementSuiteIconButton{width:16px;height:16px}.ModalOverlay.Mobile .ModalBody{font-size:var(--emw--font-size-small, 14px)}.ModalOverlay.Mobile .ModalContent{width:318px;padding:12px}.ModalOverlay.Mobile .ModalHeader h1{font-size:var(--emw--font-size-large, 20px);padding:0 60px}.ModalOverlay.Mobile.ShowAnimation .ModalWinAnimation{background-size:400px}';const n=["en"],s={en:{joinHeader:"Choose another mission?",desc:"Any progress on the current mission will be kept and you can rejoin the mission at any time.",joinQuestion:"Would you still like to join another mission?",joinConfirm:"Yes, join another mission",joinReject:"No, stay at this mission",unJoinHeader:"Quit Mission?",unJoinQuestion:"Would you still like to quit the mission?",unJoinConfirm:"Yes, I want to quit this mission",unJoinReject:"No, stay at this mission",join:"Unjoin",unJoin:"Unjoin",continue:"Continue",okContinue:"Ok, continue",won:"You won",supportInfo:"However, some rewards cannot be issued. Please, contact support.",noReward:"Reward cannot be issued",contactSupport:"Please contact support.",noMissions:"No Missions yet",tryOtherGames:"Try winning Missions as rewards or launching other booster games",tooltip:"Mission where your real money bets contribute towards the level progress to achieve the level reward",jackpotWin:"Total Jackpot Win!",jackpotWinInfo:"Please refresh game page or place any bet to update game balance",seeYouLater:"See you later",noSpinsLeft:"You used all spins here"}},r=(e,t)=>{const o=t;return s[void 0!==o&&n.includes(o)?o:"en"][e]},d=class{constructor(o){e(this,o),this.closeModal=t(this,"closeModal",7),this.clientStyling="",this.clientStylingUrl="",this.language="en",this.device="Mobile",this.limitStylingAppends=!1,this.openModals=[],this.rewardMessage="",this.hasError=!1,this.confirmationData=null,this.winAmount={amount:0,currency:""},this.handleCloseClick=e=>{const t=e.currentTarget.getAttribute("data-type");this.closeModal.emit(t)},this.handleChallengeAttendance=()=>{window.postMessage({type:"ChallengeJoinRequest",data:this.confirmationData})},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)}))},this.isModalOpen=e=>Boolean(this.openModals.find((t=>t===e)))}openModalHandler(e){const{modalType:t,rewardMessage:o,hasError:i,confirmationData:a,winAmount:n}=e.detail;n&&(this.winAmount=this.isModalOpen("JACKPOT_REWARD_MODAL")?{amount:this.winAmount.amount+n.amount,currency:n.currency}:n),this.openModals=[...this.openModals,t],this.rewardMessage=o,this.hasError=i,a&&(this.confirmationData=a)}closeModalHandler(e){this.openModals=this.openModals.filter((t=>t!==e.detail))}componentDidRender(){!this.limitStylingAppends&&this.host&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){const{ProgressToActivate:e}=this.confirmationData||{};return o("div",{key:"e9a8acb94d06f7c7f551de2fa61d601d3a0eeac8",class:`ModalContainer ${this.device}`},o("casino-engagement-suite-modal",{key:"5d28d01520bb671c4c932b6e53d6b1075f9c3378",clientStylingUrl:this.clientStylingUrl,isOpen:this.isModalOpen("REWARD_MODAL"),header:"Congratulations!",contentIcon:"https://static.everymatrix.com/gic/img/engagement-suite/cup-reward.svg",modalType:"REWARD_MODAL","show-animation":!0,device:this.device},o("div",{key:"6ef8750352a10fcbffbbe09c8bfba46b96c2098a",slot:"body"},o("div",{key:"c7b0c5c5202185a4001fbd23a60077e5b4484cfd"},r("won",this.language)," ",o("span",{key:"a4635cada0b6b4bb54a73377fcd0165a12400c5f",class:"ModalReward"},this.rewardMessage)),this.hasError&&o("div",{key:"e06df98ca254006caf79ff443da7e7c4dc7c8e46",class:"SupportInfo"},r("supportInfo",this.language))),o("div",{key:"434d5bf025fe0222f8d73d94e26bfe465492eacb",slot:"footer"},o("button",{key:"6927f9a1ee16c3b50abd62fe5bc736800b18d8f8",class:"ModalFooterButton",onClick:this.handleCloseClick,"data-type":"REWARD_MODAL"},r("continue",this.language)))),o("casino-engagement-suite-modal",{key:"802cb8c9e712f387f26ea4411f3bb0a1497fba80",clientStylingUrl:this.clientStylingUrl,isOpen:this.isModalOpen("JACKPOT_REWARD_MODAL"),header:"Congratulations!",contentIcon:"https://static.everymatrix.com/gic/img/engagement-suite/cup-reward.svg","show-animation":!0,modalType:"JACKPOT_REWARD_MODAL",device:this.device},o("div",{key:"70fe768de685e857cdf3cc889ec9f7a841ed4c09",slot:"body"},o("div",{key:"bfafa6ea6d1d200d4c4c1a1e2a9d5bc43a0fbfa1",class:"JackpotWinText"},r("jackpotWin",this.language)),o("div",{key:"62d3c8a92e0d0e0b2178087f421701a00b23bd32",class:"JackpotWinAmount"},(t=this.winAmount.amount,`${this.winAmount.currency} ${new Intl.NumberFormat("en",{minimumFractionDigits:2,maximumFractionDigits:2}).format(t)}`))),o("div",{key:"a062a76ba5d7d5ccb9defc85697b69d59ef1af5a",slot:"footer"},o("button",{key:"9fa028e9f0857539e66007b1ac5f5f005dd03267",class:"ModalFooterButton",onClick:this.handleCloseClick,"data-type":"JACKPOT_REWARD_MODAL"},r("continue",this.language)),o("div",{key:"483eb12b73245887e6ebc251e2e93db7e6d7dbc3",class:"JackpotWinInfoText"},r("jackpotWinInfo",this.language)))),o("casino-engagement-suite-modal",{key:"898dc39daf3ee36027a080364042e8653df9c390",clientStylingUrl:this.clientStylingUrl,isOpen:this.isModalOpen("TARGET_MODAL"),header:r(e?"joinHeader":"unJoinHeader",this.language),modalType:"TARGET_MODAL",device:this.device,isLoading:this.isJoiningToChallenge},o("div",{key:"08bcfbe6506982e393c92b0f776629dc336b751a",slot:"body"},o("div",{key:"58e20c9775e690344804f505ef30c5a4d59940ce",class:"LeftAlign"},r("desc",this.language)),o("div",{key:"8081f426a1c5556b3d95e875da12e9fb214937db",class:"LeftAlignQuestion"},r(e?"joinQuestion":"unJoinQuestion",this.language))),o("div",{key:"44614b02fd105bbe4a698460696a7842c85e3c49",slot:"footer",class:"ManyActions"},o("button",{key:"21b8b45fd8e28625d2ece9124bca65fb5429eb12",class:"ModalFooterButton "+(this.isJoiningToChallenge?"Disabled":""),onClick:this.handleChallengeAttendance},r(e?"joinConfirm":"unJoinConfirm",this.language)),o("button",{key:"e01e434afa2e1129c325042a37b1ac76be5a28c7",class:"ModalFooterButtonOutlined "+(this.isJoiningToChallenge?"Disabled":""),onClick:this.handleCloseClick,"data-type":"TARGET_MODAL"},o("div",{key:"622d587b43206691f4f67b7f13c18f4187560b15",class:"GradientText"},r(e?"joinReject":"unJoinReject",this.language))))),o("casino-engagement-suite-modal",{key:"8310ae114d8eefd5d91fb07c5d7cca34c70bffa3",clientStylingUrl:this.clientStylingUrl,isOpen:this.isModalOpen("SUPPORT_MODAL"),header:r("noReward",this.language),contentIcon:"https://static.everymatrix.com/gic/img/engagement-suite/alert.svg",modalType:"SUPPORT_MODAL",device:this.device},o("div",{key:"f6cc0be359c4cdbe0c2a3dd3ff3dbfb0841e65fe",slot:"body"},o("span",{key:"d4229846b65de554ba68c2c4545e2ac1fcc4fabe"},r("contactSupport",this.language))),o("div",{key:"55a91614a32feca8f3ea613b2ea27bb0f37145e9",slot:"footer"},o("button",{key:"9ea26fa1b55d7fe1201e460c11ec46e8ea673240",class:"ModalFooterButton",onClick:this.handleCloseClick,"data-type":"SUPPORT_MODAL"},r("okContinue",this.language)))),o("casino-engagement-suite-modal",{key:"d4e5b152a9599c3464d2f810dc2795cd482c1a1d",clientStylingUrl:this.clientStylingUrl,isOpen:this.isModalOpen("NO_SPIN_LEFT_MODAL"),header:r("noSpinsLeft",this.language),contentIcon:"https://static.everymatrix.com/gic/img/engagement-suite/cup-reward.svg",modalType:"NO_SPIN_LEFT_MODAL","show-animation":!1,device:this.device},o("div",{key:"ad796a55fe5078c31a595c0bd98787594cd58bec",slot:"body"},o("div",{key:"256ec7b9f143778c02e33e37a28b0d26c7ae2fa0"},r("seeYouLater",this.language))),o("div",{key:"0c861dd0e84b81730a3c56338ac38007b19cb70e",slot:"footer"},o("button",{key:"1ecd10f264a158b58a6e7d5db900175dcd36e65d",class:"ModalFooterButton",onClick:this.handleCloseClick,"data-type":"NO_SPIN_LEFT_MODAL"},"OK"))));var t}get host(){return i(this)}};d.style=':host{display:block;font-family:inherit}.ModalFooterButton,.ModalFooterButtonOutlined{transition:all 0.5s ease-out;background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));color:var(--emw--color-background, #1E1638);border-radius:99px;min-width:160px;height:36px;font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700);position:relative;font-family:var(--emw--font-family-secondary, "Montserrat", sans-serif);padding:0 12px;box-sizing:border-box;margin:auto;border:none;cursor:pointer}.ModalFooterButtonOutlined{background:linear-gradient(var(--emw--color-background, #1E1638) 0 0) padding-box, var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%)) border-box;border:2px solid transparent}.GradientText{background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));color:transparent;background-clip:text}.ManyActions{display:flex;width:100%;flex-direction:column;align-items:stretch}.ManyActions .ModalFooterButton,.ManyActions .ModalFooterButtonOutlined{width:280px}.ManyActions button:first-child{margin-bottom:16px}.Disabled{opacity:0.5;pointer-events:none;cursor:auto}.ModalReward{font-weight:var(--emw--font-weight-semibold, 600);color:var(--emw--color-typography, #FFFFFF);word-break:break-word}.JackpotWinText{margin:0;font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-medium, 16px);line-height:20px;color:var(--emw--color-typography, #FFF)}.JackpotWinAmount{margin-top:8px;background:var(--emw--linear-gradient-golden, 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-black, 900);font-size:var(--emw--font-size-medium, 16px);line-height:16px}.JackpotWinInfoText{padding:0 50px;margin-top:20px;font-size:var(--emw--font-size-small, 14px);line-height:16px;color:var(--emw--color-secondary, #BBB9C3)}.SupportInfo{margin-top:20px}.ModalContainer.Mobile .ModalFooterButton,.ModalContainer.Mobile .ModalFooterButtonOutlined{font-size:var(--emw--font-size-small, 14px);min-width:140px;height:32px}.ModalContainer.Mobile .ManyActions .ModalFooterButton,.ModalContainer.Mobile .ManyActions .ModalFooterButtonOutlined{width:100%;height:32px}.ModalContainer.Mobile .ManyActions button:first-child{margin-bottom:8px}.ModalContainer.Mobile .JackpotWinText{font-size:var(--emw--font-size-small, 14px);line-height:16px}.ModalContainer.Mobile .JackpotWinAmount{font-size:var(--emw--font-size-small, 14px);line-height:14px}.ModalContainer.Mobile .JackpotWinInfoText{padding:0;margin-top:20px;font-size:var(--emw--font-size-small, 14px);line-height:16px;color:var(--emw--color-secondary, #BBB9C3)}.LeftAlign,.LeftAlignQuestion{text-align:left;line-height:1.2}.LeftAlignQuestion{margin-top:20px}';export{a as casino_engagement_suite_modal,d as casino_engagement_suite_modal_container}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-54ab4402.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
/*
|
|
9
|
-
Stencil Client Patch Browser v4.
|
|
9
|
+
Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com
|
|
10
10
|
*/
|
|
11
11
|
var patchBrowser = () => {
|
|
12
12
|
const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('casino-engagement-suite-modal-container.cjs.js', document.baseURI).href));
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-54ab4402.js');
|
|
6
6
|
|
|
7
7
|
const casinoEngagementSuiteModalCss = ":host{display:block;font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer;touch-action:manipulation}button:focus{outline:none}.EngagementSuiteIconButton{width:24px;height:24px}.EngagementSuiteIconButton.Close{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.IconCloseContainer{width:100%;display:flex;justify-content:end}.ModalBodyWrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.ModalBodyWrapper::-webkit-scrollbar{width:3px;background:none}.ModalBodyWrapper::-webkit-scrollbar-thumb{border-radius:var(--emw--border-radius-small, 4px);background-color:var(--emw--color-gray-transparency-30, rgba(255, 255, 255, 0.3))}.ModalContent{display:flex;flex-direction:column;align-items:center;font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);position:relative;color:var(--emw--color-typography, #FFFFFF);background-color:var(--emw--color-background, #1E1638);padding:24px;border-radius:var(--emw--border-radius-large, 8px);width:450px;max-width:100%;text-align:center;max-height:90dvh}.GradientBorder::before{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--emw--border-radius-large, 9px);background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #FF9401 82.77%);z-index:-1}.ModalHeader h1{font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-large-plus, 24px);padding:0 16px;margin-bottom:16px}.ModalIcon{width:44px;height:44px;border-radius:50%;background-size:cover;margin:12px 0}.ModalBody{font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-normal, 400);color:var(--emw--color-secondary, #BBB9C3);padding:0 16px}.ModalFooter{margin-top:40px;margin-bottom:28px;padding:0 16px;width:100%}@keyframes rotate{100%{transform:rotate(1turn)}}.ModalOverlay .ModalWinAnimation{display:none}.ModalOverlay.ShowAnimation .ModalWinAnimation{display:block;position:absolute;width:100%;height:100%;inset:0;background:center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/light.svg) no-repeat, center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/win.svg) no-repeat;animation:6s rotate linear infinite}.ModalOverlay.Mobile .EngagementSuiteIconButton{width:16px;height:16px}.ModalOverlay.Mobile .ModalBody{font-size:var(--emw--font-size-small, 14px)}.ModalOverlay.Mobile .ModalContent{width:318px;padding:12px}.ModalOverlay.Mobile .ModalHeader h1{font-size:var(--emw--font-size-large, 20px);padding:0 60px}.ModalOverlay.Mobile.ShowAnimation .ModalWinAnimation{background-size:400px}";
|
|
8
8
|
const CasinoEngagementSuiteModalStyle0 = casinoEngagementSuiteModalCss;
|
|
@@ -11,6 +11,20 @@ const CasinoEngagementSuiteModal = class {
|
|
|
11
11
|
constructor(hostRef) {
|
|
12
12
|
index.registerInstance(this, hostRef);
|
|
13
13
|
this.closeModal = index.createEvent(this, "closeModal", 7);
|
|
14
|
+
/**
|
|
15
|
+
* Client custom styling via string
|
|
16
|
+
*/
|
|
17
|
+
this.clientStyling = '';
|
|
18
|
+
/**
|
|
19
|
+
* Client custom styling via url
|
|
20
|
+
*/
|
|
21
|
+
this.clientStylingUrl = '';
|
|
22
|
+
this.device = 'Mobile';
|
|
23
|
+
/**
|
|
24
|
+
* Show win animation
|
|
25
|
+
*/
|
|
26
|
+
this.showAnimation = false;
|
|
27
|
+
this.limitStylingAppends = false;
|
|
14
28
|
this.handleCloseClick = () => {
|
|
15
29
|
if (this.isLoading)
|
|
16
30
|
return;
|
|
@@ -34,16 +48,6 @@ const CasinoEngagementSuiteModal = class {
|
|
|
34
48
|
console.log('Error ', err);
|
|
35
49
|
});
|
|
36
50
|
};
|
|
37
|
-
this.clientStyling = '';
|
|
38
|
-
this.clientStylingUrl = '';
|
|
39
|
-
this.isOpen = undefined;
|
|
40
|
-
this.isLoading = undefined;
|
|
41
|
-
this.header = undefined;
|
|
42
|
-
this.contentIcon = undefined;
|
|
43
|
-
this.modalType = undefined;
|
|
44
|
-
this.device = 'Mobile';
|
|
45
|
-
this.showAnimation = false;
|
|
46
|
-
this.limitStylingAppends = false;
|
|
47
51
|
}
|
|
48
52
|
componentDidRender() {
|
|
49
53
|
if (!this.limitStylingAppends && this.host) {
|
|
@@ -88,7 +92,9 @@ const TRANSLATIONS = {
|
|
|
88
92
|
tryOtherGames: 'Try winning Missions as rewards or launching other booster games',
|
|
89
93
|
tooltip: 'Mission where your real money bets contribute towards the level progress to achieve the level reward',
|
|
90
94
|
jackpotWin: 'Total Jackpot Win!',
|
|
91
|
-
jackpotWinInfo: 'Please refresh game page or place any bet to update game balance'
|
|
95
|
+
jackpotWinInfo: 'Please refresh game page or place any bet to update game balance',
|
|
96
|
+
seeYouLater: 'See you later',
|
|
97
|
+
noSpinsLeft: 'You used all spins here',
|
|
92
98
|
}
|
|
93
99
|
};
|
|
94
100
|
const translate = (key, customLang) => {
|
|
@@ -108,6 +114,25 @@ const CasinoEngagementSuiteModalContainer = class {
|
|
|
108
114
|
constructor(hostRef) {
|
|
109
115
|
index.registerInstance(this, hostRef);
|
|
110
116
|
this.closeModal = index.createEvent(this, "closeModal", 7);
|
|
117
|
+
/**
|
|
118
|
+
* Client custom styling via string
|
|
119
|
+
*/
|
|
120
|
+
this.clientStyling = '';
|
|
121
|
+
/**
|
|
122
|
+
* Client custom styling via url
|
|
123
|
+
*/
|
|
124
|
+
this.clientStylingUrl = '';
|
|
125
|
+
/**
|
|
126
|
+
* Language of the widget
|
|
127
|
+
*/
|
|
128
|
+
this.language = 'en';
|
|
129
|
+
this.device = 'Mobile';
|
|
130
|
+
this.limitStylingAppends = false;
|
|
131
|
+
this.openModals = [];
|
|
132
|
+
this.rewardMessage = '';
|
|
133
|
+
this.hasError = false;
|
|
134
|
+
this.confirmationData = null;
|
|
135
|
+
this.winAmount = { amount: 0, currency: '' };
|
|
111
136
|
this.handleCloseClick = (e) => {
|
|
112
137
|
const type = e.currentTarget.getAttribute('data-type');
|
|
113
138
|
this.closeModal.emit(type);
|
|
@@ -139,17 +164,6 @@ const CasinoEngagementSuiteModalContainer = class {
|
|
|
139
164
|
this.isModalOpen = (type) => {
|
|
140
165
|
return Boolean(this.openModals.find(el => el === type));
|
|
141
166
|
};
|
|
142
|
-
this.clientStyling = '';
|
|
143
|
-
this.clientStylingUrl = '';
|
|
144
|
-
this.language = 'en';
|
|
145
|
-
this.isJoiningToChallenge = undefined;
|
|
146
|
-
this.device = 'Mobile';
|
|
147
|
-
this.limitStylingAppends = false;
|
|
148
|
-
this.openModals = [];
|
|
149
|
-
this.rewardMessage = '';
|
|
150
|
-
this.hasError = false;
|
|
151
|
-
this.confirmationData = null;
|
|
152
|
-
this.winAmount = { amount: 0, currency: '' };
|
|
153
167
|
}
|
|
154
168
|
openModalHandler(event) {
|
|
155
169
|
const { modalType, rewardMessage, hasError, confirmationData, winAmount } = event.detail;
|
|
@@ -192,7 +206,7 @@ const CasinoEngagementSuiteModalContainer = class {
|
|
|
192
206
|
translate('joinConfirm', this.language) :
|
|
193
207
|
translate('unJoinConfirm', this.language)), index.h("button", { key: 'e01e434afa2e1129c325042a37b1ac76be5a28c7', class: `ModalFooterButtonOutlined ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleCloseClick, "data-type": 'TARGET_MODAL' }, index.h("div", { key: '622d587b43206691f4f67b7f13c18f4187560b15', class: 'GradientText' }, ProgressToActivate ?
|
|
194
208
|
translate('joinReject', this.language) :
|
|
195
|
-
translate('unJoinReject', this.language))))), index.h("casino-engagement-suite-modal", { key: '8310ae114d8eefd5d91fb07c5d7cca34c70bffa3', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen("SUPPORT_MODAL"), header: translate('noReward', this.language), contentIcon: "https://static.everymatrix.com/gic/img/engagement-suite/alert.svg", modalType: "SUPPORT_MODAL", device: this.device }, index.h("div", { key: 'f6cc0be359c4cdbe0c2a3dd3ff3dbfb0841e65fe', slot: "body" }, index.h("span", { key: 'd4229846b65de554ba68c2c4545e2ac1fcc4fabe' }, translate('contactSupport', this.language))), index.h("div", { key: '55a91614a32feca8f3ea613b2ea27bb0f37145e9', slot: "footer" }, index.h("button", { key: '9ea26fa1b55d7fe1201e460c11ec46e8ea673240', class: 'ModalFooterButton', onClick: this.handleCloseClick, "data-type": 'SUPPORT_MODAL' }, translate('okContinue', this.language))))));
|
|
209
|
+
translate('unJoinReject', this.language))))), index.h("casino-engagement-suite-modal", { key: '8310ae114d8eefd5d91fb07c5d7cca34c70bffa3', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen("SUPPORT_MODAL"), header: translate('noReward', this.language), contentIcon: "https://static.everymatrix.com/gic/img/engagement-suite/alert.svg", modalType: "SUPPORT_MODAL", device: this.device }, index.h("div", { key: 'f6cc0be359c4cdbe0c2a3dd3ff3dbfb0841e65fe', slot: "body" }, index.h("span", { key: 'd4229846b65de554ba68c2c4545e2ac1fcc4fabe' }, translate('contactSupport', this.language))), index.h("div", { key: '55a91614a32feca8f3ea613b2ea27bb0f37145e9', slot: "footer" }, index.h("button", { key: '9ea26fa1b55d7fe1201e460c11ec46e8ea673240', class: 'ModalFooterButton', onClick: this.handleCloseClick, "data-type": 'SUPPORT_MODAL' }, translate('okContinue', this.language)))), index.h("casino-engagement-suite-modal", { key: 'd4e5b152a9599c3464d2f810dc2795cd482c1a1d', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen("NO_SPIN_LEFT_MODAL"), header: translate('noSpinsLeft', this.language), contentIcon: "https://static.everymatrix.com/gic/img/engagement-suite/cup-reward.svg", modalType: "NO_SPIN_LEFT_MODAL", "show-animation": false, device: this.device }, index.h("div", { key: 'ad796a55fe5078c31a595c0bd98787594cd58bec', slot: "body" }, index.h("div", { key: '256ec7b9f143778c02e33e37a28b0d26c7ae2fa0' }, translate('seeYouLater', this.language))), index.h("div", { key: '0c861dd0e84b81730a3c56338ac38007b19cb70e', slot: "footer" }, index.h("button", { key: '1ecd10f264a158b58a6e7d5db900175dcd36e65d', class: 'ModalFooterButton', onClick: this.handleCloseClick, "data-type": 'NO_SPIN_LEFT_MODAL' }, "OK")))));
|
|
196
210
|
}
|
|
197
211
|
get host() { return index.getElement(this); }
|
|
198
212
|
};
|