@everymatrix/casino-challenges-claim-code 0.10.41 → 0.10.43

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.
Files changed (13) hide show
  1. package/dist/casino-challenges-claim-code/casino-challenges-claim-code-d1142ba4.js +1 -0
  2. package/dist/casino-challenges-claim-code/casino-challenges-claim-code.entry.js +1 -1
  3. package/dist/casino-challenges-claim-code/index.esm.js +1 -1
  4. package/dist/cjs/{casino-challenges-claim-code-2b9461f1.js → casino-challenges-claim-code-e2fb2b4b.js} +2 -2
  5. package/dist/cjs/casino-challenges-claim-code.cjs.entry.js +1 -1
  6. package/dist/cjs/index.cjs.js +1 -1
  7. package/dist/collection/components/casino-challenges-claim-code/casino-challenges-claim-code.css +8 -8
  8. package/dist/collection/components/casino-challenges-claim-code/casino-challenges-claim-code.js +1 -1
  9. package/dist/esm/{casino-challenges-claim-code-f585a2d9.js → casino-challenges-claim-code-d1142ba4.js} +2 -2
  10. package/dist/esm/casino-challenges-claim-code.entry.js +1 -1
  11. package/dist/esm/index.js +1 -1
  12. package/package.json +1 -1
  13. package/dist/casino-challenges-claim-code/casino-challenges-claim-code-f585a2d9.js +0 -1
package/dist/casino-challenges-claim-code/casino-challenges-claim-code-d1142ba4.js ADDED
@@ -0,0 +1 @@
1
+ import{r as e,c as t,h as n}from"./index-05d7637d.js";const o="__WIDGET_GLOBAL_STYLE_CACHE__";function i(e,t){if(e){const n=document.createElement("style");n.innerHTML=t,e.appendChild(n)}}function r(e,t){if(!e||!t)return;const n=new URL(t);fetch(n.href).then((e=>e.text())).then((t=>{const n=document.createElement("style");n.innerHTML=t,e&&e.appendChild(n)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}function s(e,t,n,i=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!i)return n=function(e,t){const n=document.createElement("style");return window.emMessageBus.subscribe(t,(t=>{e&&(n.innerHTML=t,e.appendChild(n))}))}(e,t),n;window[o]||(window[o]={}),n=function(e,t){return window.emMessageBus.subscribe(t,(n=>{if(!e)return;const i=e.getRootNode(),r=window[o];let s=r[t]?.sheet;s?r[t].refCount=r[t].refCount+1:(s=new CSSStyleSheet,s.replaceSync(n),r[t]={sheet:s,refCount:1});const a=i.adoptedStyleSheets||[];a.includes(s)||(i.adoptedStyleSheets=[...a,s])}))}(e,t);const r=n.unsubscribe.bind(n);return n.unsubscribe=()=>{if(window[o][t]){const e=window[o][t];e.refCount>1?e.refCount=e.refCount-1:delete window[o][t]}r()},n}const a={en:{claimCodeTitle:"Enter the secret code to unlock hidden quests and rewards.",claimCodeSuccessMessage:"The code was successfully applied.",claimCodeInputLabel:"3–30 characters, no spaces",claimCodeBtnText:"Apply code"}},c=(e,t)=>a[void 0!==t&&t in a?t:"en"][e],d=class{constructor(n){e(this,n),this.openNotification=t(this,"openNotification",7),this.asciiPrintableRegex=/^[\x21-\x7E]+$/,this.handleSubmit=async()=>{if(this.endpoint&&this.session&&this.domain){const e=await this.applyCode();e.Success?this.openNotification.emit({message:c("claimCodeSuccessMessage",this.language)}):(this.hasError=!0,this.openNotification.emit({message:e.ErrorMessage,errored:!0,showTabLink:3002===e.ErrorCode||3023===e.ErrorCode||3003===e.ErrorCode}))}},this.applyCode=async()=>(this.loading=!0,fetch(`${this.endpoint}/challenge/GrantChallengeByCode`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({DomainId:this.domain,PlayerSessionId:this.session,ActivationCode:this.code})}).then((e=>e.json())).finally((()=>this.loading=!1))),this.handleInput=e=>{this.code=e.target.value,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout((()=>{this.hasError=!this.validate(this.code)}),200)},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.endpoint="",this.domain="",this.session="",this.loading=!1,this.hasError=!1,this.code="",this.notificationMessage=""}handleClientStylingChange(e,t){e!=t&&i(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(e,t){e!=t&&r(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(e,t){e!=t&&s(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentWillLoad(){this.translationUrl&&(async e=>{if(e)try{const n=await fetch(e);if(!n.ok)throw new Error(`HTTP error! status: ${n.status}`);const o=await n.json();t=o,Object.keys(t).forEach((e=>{a[e]||(a[e]={});for(let n in t[e])a[e][n]=t[e][n]}))}catch(e){console.error("Failed to fetch or parse translations from URL:",e)}var t})(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&s(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&i(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&r(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}validate(e){return e.length>=3&&e.length<=30&&this.asciiPrintableRegex.test(e)}render(){return n("div",{key:"1851f81fab42f91bf0fc6caf7cd511a2d65cd2dc",ref:e=>this.stylingContainer=e},n("div",{key:"bd24a77a9f98f7fece368a786da9cb143361e473",class:"code-container"},n("p",{key:"687b57bb1cb59a956a4691fda3015c4d82b875e4",class:"code-container__title"},c("claimCodeTitle",this.language)),n("input",{key:"7760308eda40ba9aec4368ae072fd5ea95adc538",class:"code-input "+(this.hasError?"errored":""),type:"text",placeholder:"e.g. SPRING24",onInput:this.handleInput}),n("p",{key:"44454ff83adc5adb3da7fc66d94daf928d020d32",class:"code-input__text"},c("claimCodeInputLabel",this.language)),n("button",{key:"a87bbabba465ad5ba101b863def2919b7c4e5439",class:"code-container__button",onClick:this.handleSubmit,disabled:this.loading||!this.code||this.hasError},c("claimCodeBtnText",this.language))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};d.style=".code-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 80px 0;\n text-align: center;\n}\n.code-container__title {\n font-size: var(--emw--font-size-medium-plus, 18px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n color: var(--emw--color-white, white);\n margin: 0 0 32px;\n}\n.code-container__button {\n margin-top: 45px;\n padding: 14px 20px;\n background: transparent;\n text-transform: uppercase;\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #083B17);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-white, #FFFFFF);\n background-color: var(--emw--button-background-color, #18CE51);\n cursor: pointer;\n}\n.code-container__button:hover {\n color: var(--emw--button-border-color, #083B17);\n border-color: transparent;\n box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n}\n.code-container__button:disabled, .code-container__button:disabled:hover {\n color: var(--emw--color-gray-50, #E2E2E2);\n border: 2px solid var(--emw--button-border-color, #083B17);\n opacity: 0.7;\n cursor: not-allowed;\n}\n@container challenges-container (max-width: 576px) {\n .code-container__button {\n width: 100%;\n position: absolute;\n bottom: 50px;\n }\n}\n\n.code-input {\n border: 1px solid var(--emw--button-border-color, #083B17);\n background: var(--emw--color-code-background-secondary, rgba(221, 255, 207, 0.1019607843));\n border-radius: 6px;\n padding: 12px 0;\n line-height: 24px;\n color: var(--emw--color-white, #FFFFFF);\n text-align: center;\n font-size: var(--emw--font-size-medium, 16px);\n min-width: 340px;\n}\n.code-input:focus {\n outline: 1px solid var(--emw--border-success-color, #00B74F);\n}\n.code-input:focus.errored {\n outline-color: var(--emw--color-error, #D6421E);\n}\n.code-input.errored {\n border-color: var(--emw--color-error, #D6421E);\n}\n.code-input__text {\n margin: 8px 0 0;\n line-height: 22px;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n color: var(--emw--color-gray-150, #C8D6CE);\n}\n.code-input__text.errored {\n color: var(--emw--color-error, #D6421E);\n}\n@container challenges-container (max-width: 576px) {\n .code-input {\n min-width: 100%;\n }\n}";export{d as C}
package/dist/casino-challenges-claim-code/casino-challenges-claim-code.entry.js CHANGED
@@ -1 +1 @@
1
- export{C as casino_challenges_claim_code}from"./casino-challenges-claim-code-f585a2d9.js";import"./index-05d7637d.js";
1
+ export{C as casino_challenges_claim_code}from"./casino-challenges-claim-code-d1142ba4.js";import"./index-05d7637d.js";
package/dist/casino-challenges-claim-code/index.esm.js CHANGED
@@ -1 +1 @@
1
- export{C as CasinoChallengesClaimCode}from"./casino-challenges-claim-code-f585a2d9.js";import"./index-05d7637d.js";
1
+ export{C as CasinoChallengesClaimCode}from"./casino-challenges-claim-code-d1142ba4.js";import"./index-05d7637d.js";
package/dist/cjs/{casino-challenges-claim-code-2b9461f1.js → casino-challenges-claim-code-e2fb2b4b.js} RENAMED
@@ -159,7 +159,7 @@ const resolveTranslationUrl = async (translationUrl) => {
159
159
  }
160
160
  };
161
161
 
162
- const casinoChallengesClaimCodeCss = ".container {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 80px 0;\n text-align: center;\n}\n.container__title {\n font-size: var(--emw--font-size-medium-plus, 18px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n color: var(--emw--color-white, white);\n margin: 0 0 32px;\n}\n.container__button {\n margin-top: 45px;\n padding: 14px 20px;\n background: transparent;\n text-transform: uppercase;\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #083B17);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-white, #FFFFFF);\n background-color: var(--emw--button-background-color, #18CE51);\n cursor: pointer;\n}\n.container__button:hover {\n color: var(--emw--color-gray-300, #083B17);\n border-color: transparent;\n box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n}\n.container__button:disabled, .container__button:disabled:hover {\n color: var(--emw--color-gray-50, #E2E2E2);\n border: 2px solid var(--emw--button-border-color, #083B17);\n opacity: 0.7;\n cursor: not-allowed;\n}\n@container challenges-container (max-width: 576px) {\n .container__button {\n width: 100%;\n position: absolute;\n bottom: 50px;\n }\n}\n\n.code-input {\n border: 1px solid var(--emw--button-border-color, #083B17);\n background: var(--emw--color-background-secondary, rgba(221, 255, 207, 0.1019607843));\n border-radius: 6px;\n padding: 12px 0;\n line-height: 24px;\n color: var(--emw--color-white, #FFFFFF);\n text-align: center;\n font-size: var(--emw--font-size-medium, 16px);\n min-width: 340px;\n}\n.code-input:focus {\n outline: 1px solid var(--emw--border-success-color, #00B74F);\n}\n.code-input:focus.errored {\n outline-color: var(--emw--color-error, #D6421E);\n}\n.code-input.errored {\n border-color: var(--emw--color-error, #D6421E);\n}\n.code-input__text {\n margin: 8px 0 0;\n line-height: 22px;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n color: var(--emw--color-gray-150, #C8D6CE);\n}\n.code-input__text.errored {\n color: var(--emw--color-error, #D6421E);\n}\n@container challenges-container (max-width: 576px) {\n .code-input {\n min-width: 100%;\n }\n}";
162
+ const casinoChallengesClaimCodeCss = ".code-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 80px 0;\n text-align: center;\n}\n.code-container__title {\n font-size: var(--emw--font-size-medium-plus, 18px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n color: var(--emw--color-white, white);\n margin: 0 0 32px;\n}\n.code-container__button {\n margin-top: 45px;\n padding: 14px 20px;\n background: transparent;\n text-transform: uppercase;\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #083B17);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-white, #FFFFFF);\n background-color: var(--emw--button-background-color, #18CE51);\n cursor: pointer;\n}\n.code-container__button:hover {\n color: var(--emw--button-border-color, #083B17);\n border-color: transparent;\n box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n}\n.code-container__button:disabled, .code-container__button:disabled:hover {\n color: var(--emw--color-gray-50, #E2E2E2);\n border: 2px solid var(--emw--button-border-color, #083B17);\n opacity: 0.7;\n cursor: not-allowed;\n}\n@container challenges-container (max-width: 576px) {\n .code-container__button {\n width: 100%;\n position: absolute;\n bottom: 50px;\n }\n}\n\n.code-input {\n border: 1px solid var(--emw--button-border-color, #083B17);\n background: var(--emw--color-code-background-secondary, rgba(221, 255, 207, 0.1019607843));\n border-radius: 6px;\n padding: 12px 0;\n line-height: 24px;\n color: var(--emw--color-white, #FFFFFF);\n text-align: center;\n font-size: var(--emw--font-size-medium, 16px);\n min-width: 340px;\n}\n.code-input:focus {\n outline: 1px solid var(--emw--border-success-color, #00B74F);\n}\n.code-input:focus.errored {\n outline-color: var(--emw--color-error, #D6421E);\n}\n.code-input.errored {\n border-color: var(--emw--color-error, #D6421E);\n}\n.code-input__text {\n margin: 8px 0 0;\n line-height: 22px;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n color: var(--emw--color-gray-150, #C8D6CE);\n}\n.code-input__text.errored {\n color: var(--emw--color-error, #D6421E);\n}\n@container challenges-container (max-width: 576px) {\n .code-input {\n min-width: 100%;\n }\n}";
163
163
  const CasinoChallengesClaimCodeStyle0 = casinoChallengesClaimCodeCss;
164
164
 
165
165
  const CasinoChallengesClaimCode = class {
@@ -257,7 +257,7 @@ const CasinoChallengesClaimCode = class {
257
257
  return val.length >= 3 && val.length <= 30 && this.asciiPrintableRegex.test(val);
258
258
  }
259
259
  render() {
260
- return (index.h("div", { key: '1851f81fab42f91bf0fc6caf7cd511a2d65cd2dc', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '21f59630652cb8ea012fff54aa4aacc3599622c1', class: "container" }, index.h("p", { key: '601bbd84b46e514275037c2fc95587eff435215d', class: "container__title" }, translate('claimCodeTitle', this.language)), index.h("input", { key: 'fb2ae2a629c064e5cce8c9dbcfcc6f2d134ee1e8', class: `code-input ${this.hasError ? 'errored' : ''}`, type: "text", placeholder: "e.g. SPRING24", onInput: this.handleInput }), index.h("p", { key: '6aec852b1620e4784b2f9e563a87290a66d46801', class: "code-input__text" }, translate('claimCodeInputLabel', this.language)), index.h("button", { key: 'e7b489081cd2c3d9ec9c52db60064f6c6fbef662', class: "container__button", onClick: this.handleSubmit, disabled: this.loading || !this.code || this.hasError }, translate('claimCodeBtnText', this.language)))));
260
+ return (index.h("div", { key: '1851f81fab42f91bf0fc6caf7cd511a2d65cd2dc', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: 'bd24a77a9f98f7fece368a786da9cb143361e473', class: "code-container" }, index.h("p", { key: '687b57bb1cb59a956a4691fda3015c4d82b875e4', class: "code-container__title" }, translate('claimCodeTitle', this.language)), index.h("input", { key: '7760308eda40ba9aec4368ae072fd5ea95adc538', class: `code-input ${this.hasError ? 'errored' : ''}`, type: "text", placeholder: "e.g. SPRING24", onInput: this.handleInput }), index.h("p", { key: '44454ff83adc5adb3da7fc66d94daf928d020d32', class: "code-input__text" }, translate('claimCodeInputLabel', this.language)), index.h("button", { key: 'a87bbabba465ad5ba101b863def2919b7c4e5439', class: "code-container__button", onClick: this.handleSubmit, disabled: this.loading || !this.code || this.hasError }, translate('claimCodeBtnText', this.language)))));
261
261
  }
262
262
  static get watchers() { return {
263
263
  "clientStyling": ["handleClientStylingChange"],
package/dist/cjs/casino-challenges-claim-code.cjs.entry.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const casinoChallengesClaimCode = require('./casino-challenges-claim-code-2b9461f1.js');
5
+ const casinoChallengesClaimCode = require('./casino-challenges-claim-code-e2fb2b4b.js');
6
6
  require('./index-718e2d1c.js');
7
7
 
8
8
 
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 casinoChallengesClaimCode = require('./casino-challenges-claim-code-2b9461f1.js');
5
+ const casinoChallengesClaimCode = require('./casino-challenges-claim-code-e2fb2b4b.js');
6
6
  require('./index-718e2d1c.js');
7
7
 
8
8
 
package/dist/collection/components/casino-challenges-claim-code/casino-challenges-claim-code.css CHANGED
@@ -1,18 +1,18 @@
1
- .container {
1
+ .code-container {
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  align-items: center;
5
5
  padding: 80px 0;
6
6
  text-align: center;
7
7
  }
8
- .container__title {
8
+ .code-container__title {
9
9
  font-size: var(--emw--font-size-medium-plus, 18px);
10
10
  font-weight: var(--emw--font-weight-medium, 500);
11
11
  line-height: 22px;
12
12
  color: var(--emw--color-white, white);
13
13
  margin: 0 0 32px;
14
14
  }
15
- .container__button {
15
+ .code-container__button {
16
16
  margin-top: 45px;
17
17
  padding: 14px 20px;
18
18
  background: transparent;
@@ -25,19 +25,19 @@
25
25
  background-color: var(--emw--button-background-color, #18CE51);
26
26
  cursor: pointer;
27
27
  }
28
- .container__button:hover {
29
- color: var(--emw--color-gray-300, #083B17);
28
+ .code-container__button:hover {
29
+ color: var(--emw--button-border-color, #083B17);
30
30
  border-color: transparent;
31
31
  box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);
32
32
  }
33
- .container__button:disabled, .container__button:disabled:hover {
33
+ .code-container__button:disabled, .code-container__button:disabled:hover {
34
34
  color: var(--emw--color-gray-50, #E2E2E2);
35
35
  border: 2px solid var(--emw--button-border-color, #083B17);
36
36
  opacity: 0.7;
37
37
  cursor: not-allowed;
38
38
  }
39
39
  @container challenges-container (max-width: 576px) {
40
- .container__button {
40
+ .code-container__button {
41
41
  width: 100%;
42
42
  position: absolute;
43
43
  bottom: 50px;
@@ -46,7 +46,7 @@
46
46
 
47
47
  .code-input {
48
48
  border: 1px solid var(--emw--button-border-color, #083B17);
49
- background: var(--emw--color-background-secondary, rgba(221, 255, 207, 0.1019607843));
49
+ background: var(--emw--color-code-background-secondary, rgba(221, 255, 207, 0.1019607843));
50
50
  border-radius: 6px;
51
51
  padding: 12px 0;
52
52
  line-height: 24px;
package/dist/collection/components/casino-challenges-claim-code/casino-challenges-claim-code.js CHANGED
@@ -94,7 +94,7 @@ export class CasinoChallengesClaimCode {
94
94
  return val.length >= 3 && val.length <= 30 && this.asciiPrintableRegex.test(val);
95
95
  }
96
96
  render() {
97
- return (h("div", { key: '1851f81fab42f91bf0fc6caf7cd511a2d65cd2dc', ref: (el) => (this.stylingContainer = el) }, h("div", { key: '21f59630652cb8ea012fff54aa4aacc3599622c1', class: "container" }, h("p", { key: '601bbd84b46e514275037c2fc95587eff435215d', class: "container__title" }, translate('claimCodeTitle', this.language)), h("input", { key: 'fb2ae2a629c064e5cce8c9dbcfcc6f2d134ee1e8', class: `code-input ${this.hasError ? 'errored' : ''}`, type: "text", placeholder: "e.g. SPRING24", onInput: this.handleInput }), h("p", { key: '6aec852b1620e4784b2f9e563a87290a66d46801', class: "code-input__text" }, translate('claimCodeInputLabel', this.language)), h("button", { key: 'e7b489081cd2c3d9ec9c52db60064f6c6fbef662', class: "container__button", onClick: this.handleSubmit, disabled: this.loading || !this.code || this.hasError }, translate('claimCodeBtnText', this.language)))));
97
+ return (h("div", { key: '1851f81fab42f91bf0fc6caf7cd511a2d65cd2dc', ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'bd24a77a9f98f7fece368a786da9cb143361e473', class: "code-container" }, h("p", { key: '687b57bb1cb59a956a4691fda3015c4d82b875e4', class: "code-container__title" }, translate('claimCodeTitle', this.language)), h("input", { key: '7760308eda40ba9aec4368ae072fd5ea95adc538', class: `code-input ${this.hasError ? 'errored' : ''}`, type: "text", placeholder: "e.g. SPRING24", onInput: this.handleInput }), h("p", { key: '44454ff83adc5adb3da7fc66d94daf928d020d32', class: "code-input__text" }, translate('claimCodeInputLabel', this.language)), h("button", { key: 'a87bbabba465ad5ba101b863def2919b7c4e5439', class: "code-container__button", onClick: this.handleSubmit, disabled: this.loading || !this.code || this.hasError }, translate('claimCodeBtnText', this.language)))));
98
98
  }
99
99
  static get is() { return "casino-challenges-claim-code"; }
100
100
  static get encapsulation() { return "shadow"; }
package/dist/esm/{casino-challenges-claim-code-f585a2d9.js → casino-challenges-claim-code-d1142ba4.js} RENAMED
@@ -157,7 +157,7 @@ const resolveTranslationUrl = async (translationUrl) => {
157
157
  }
158
158
  };
159
159
 
160
- const casinoChallengesClaimCodeCss = ".container {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 80px 0;\n text-align: center;\n}\n.container__title {\n font-size: var(--emw--font-size-medium-plus, 18px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n color: var(--emw--color-white, white);\n margin: 0 0 32px;\n}\n.container__button {\n margin-top: 45px;\n padding: 14px 20px;\n background: transparent;\n text-transform: uppercase;\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #083B17);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-white, #FFFFFF);\n background-color: var(--emw--button-background-color, #18CE51);\n cursor: pointer;\n}\n.container__button:hover {\n color: var(--emw--color-gray-300, #083B17);\n border-color: transparent;\n box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n}\n.container__button:disabled, .container__button:disabled:hover {\n color: var(--emw--color-gray-50, #E2E2E2);\n border: 2px solid var(--emw--button-border-color, #083B17);\n opacity: 0.7;\n cursor: not-allowed;\n}\n@container challenges-container (max-width: 576px) {\n .container__button {\n width: 100%;\n position: absolute;\n bottom: 50px;\n }\n}\n\n.code-input {\n border: 1px solid var(--emw--button-border-color, #083B17);\n background: var(--emw--color-background-secondary, rgba(221, 255, 207, 0.1019607843));\n border-radius: 6px;\n padding: 12px 0;\n line-height: 24px;\n color: var(--emw--color-white, #FFFFFF);\n text-align: center;\n font-size: var(--emw--font-size-medium, 16px);\n min-width: 340px;\n}\n.code-input:focus {\n outline: 1px solid var(--emw--border-success-color, #00B74F);\n}\n.code-input:focus.errored {\n outline-color: var(--emw--color-error, #D6421E);\n}\n.code-input.errored {\n border-color: var(--emw--color-error, #D6421E);\n}\n.code-input__text {\n margin: 8px 0 0;\n line-height: 22px;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n color: var(--emw--color-gray-150, #C8D6CE);\n}\n.code-input__text.errored {\n color: var(--emw--color-error, #D6421E);\n}\n@container challenges-container (max-width: 576px) {\n .code-input {\n min-width: 100%;\n }\n}";
160
+ const casinoChallengesClaimCodeCss = ".code-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 80px 0;\n text-align: center;\n}\n.code-container__title {\n font-size: var(--emw--font-size-medium-plus, 18px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n color: var(--emw--color-white, white);\n margin: 0 0 32px;\n}\n.code-container__button {\n margin-top: 45px;\n padding: 14px 20px;\n background: transparent;\n text-transform: uppercase;\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #083B17);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-white, #FFFFFF);\n background-color: var(--emw--button-background-color, #18CE51);\n cursor: pointer;\n}\n.code-container__button:hover {\n color: var(--emw--button-border-color, #083B17);\n border-color: transparent;\n box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n}\n.code-container__button:disabled, .code-container__button:disabled:hover {\n color: var(--emw--color-gray-50, #E2E2E2);\n border: 2px solid var(--emw--button-border-color, #083B17);\n opacity: 0.7;\n cursor: not-allowed;\n}\n@container challenges-container (max-width: 576px) {\n .code-container__button {\n width: 100%;\n position: absolute;\n bottom: 50px;\n }\n}\n\n.code-input {\n border: 1px solid var(--emw--button-border-color, #083B17);\n background: var(--emw--color-code-background-secondary, rgba(221, 255, 207, 0.1019607843));\n border-radius: 6px;\n padding: 12px 0;\n line-height: 24px;\n color: var(--emw--color-white, #FFFFFF);\n text-align: center;\n font-size: var(--emw--font-size-medium, 16px);\n min-width: 340px;\n}\n.code-input:focus {\n outline: 1px solid var(--emw--border-success-color, #00B74F);\n}\n.code-input:focus.errored {\n outline-color: var(--emw--color-error, #D6421E);\n}\n.code-input.errored {\n border-color: var(--emw--color-error, #D6421E);\n}\n.code-input__text {\n margin: 8px 0 0;\n line-height: 22px;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n color: var(--emw--color-gray-150, #C8D6CE);\n}\n.code-input__text.errored {\n color: var(--emw--color-error, #D6421E);\n}\n@container challenges-container (max-width: 576px) {\n .code-input {\n min-width: 100%;\n }\n}";
161
161
  const CasinoChallengesClaimCodeStyle0 = casinoChallengesClaimCodeCss;
162
162
 
163
163
  const CasinoChallengesClaimCode = class {
@@ -255,7 +255,7 @@ const CasinoChallengesClaimCode = class {
255
255
  return val.length >= 3 && val.length <= 30 && this.asciiPrintableRegex.test(val);
256
256
  }
257
257
  render() {
258
- return (h("div", { key: '1851f81fab42f91bf0fc6caf7cd511a2d65cd2dc', ref: (el) => (this.stylingContainer = el) }, h("div", { key: '21f59630652cb8ea012fff54aa4aacc3599622c1', class: "container" }, h("p", { key: '601bbd84b46e514275037c2fc95587eff435215d', class: "container__title" }, translate('claimCodeTitle', this.language)), h("input", { key: 'fb2ae2a629c064e5cce8c9dbcfcc6f2d134ee1e8', class: `code-input ${this.hasError ? 'errored' : ''}`, type: "text", placeholder: "e.g. SPRING24", onInput: this.handleInput }), h("p", { key: '6aec852b1620e4784b2f9e563a87290a66d46801', class: "code-input__text" }, translate('claimCodeInputLabel', this.language)), h("button", { key: 'e7b489081cd2c3d9ec9c52db60064f6c6fbef662', class: "container__button", onClick: this.handleSubmit, disabled: this.loading || !this.code || this.hasError }, translate('claimCodeBtnText', this.language)))));
258
+ return (h("div", { key: '1851f81fab42f91bf0fc6caf7cd511a2d65cd2dc', ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'bd24a77a9f98f7fece368a786da9cb143361e473', class: "code-container" }, h("p", { key: '687b57bb1cb59a956a4691fda3015c4d82b875e4', class: "code-container__title" }, translate('claimCodeTitle', this.language)), h("input", { key: '7760308eda40ba9aec4368ae072fd5ea95adc538', class: `code-input ${this.hasError ? 'errored' : ''}`, type: "text", placeholder: "e.g. SPRING24", onInput: this.handleInput }), h("p", { key: '44454ff83adc5adb3da7fc66d94daf928d020d32', class: "code-input__text" }, translate('claimCodeInputLabel', this.language)), h("button", { key: 'a87bbabba465ad5ba101b863def2919b7c4e5439', class: "code-container__button", onClick: this.handleSubmit, disabled: this.loading || !this.code || this.hasError }, translate('claimCodeBtnText', this.language)))));
259
259
  }
260
260
  static get watchers() { return {
261
261
  "clientStyling": ["handleClientStylingChange"],
package/dist/esm/casino-challenges-claim-code.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- export { C as casino_challenges_claim_code } from './casino-challenges-claim-code-f585a2d9.js';
1
+ export { C as casino_challenges_claim_code } from './casino-challenges-claim-code-d1142ba4.js';
2
2
  import './index-05d7637d.js';
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export { C as CasinoChallengesClaimCode } from './casino-challenges-claim-code-f585a2d9.js';
1
+ export { C as CasinoChallengesClaimCode } from './casino-challenges-claim-code-d1142ba4.js';
2
2
  import './index-05d7637d.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/casino-challenges-claim-code",
3
- "version": "0.10.41",
3
+ "version": "0.10.43",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",
package/dist/casino-challenges-claim-code/casino-challenges-claim-code-f585a2d9.js DELETED
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as n}from"./index-05d7637d.js";const o="__WIDGET_GLOBAL_STYLE_CACHE__";function i(t,e){if(t){const n=document.createElement("style");n.innerHTML=e,t.appendChild(n)}}function r(t,e){if(!t||!e)return;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)}))}function s(t,e,n,i=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!i)return n=function(t,e){const n=document.createElement("style");return window.emMessageBus.subscribe(e,(e=>{t&&(n.innerHTML=e,t.appendChild(n))}))}(t,e),n;window[o]||(window[o]={}),n=function(t,e){return window.emMessageBus.subscribe(e,(n=>{if(!t)return;const i=t.getRootNode(),r=window[o];let s=r[e]?.sheet;s?r[e].refCount=r[e].refCount+1:(s=new CSSStyleSheet,s.replaceSync(n),r[e]={sheet:s,refCount:1});const c=i.adoptedStyleSheets||[];c.includes(s)||(i.adoptedStyleSheets=[...c,s])}))}(t,e);const r=n.unsubscribe.bind(n);return n.unsubscribe=()=>{if(window[o][e]){const t=window[o][e];t.refCount>1?t.refCount=t.refCount-1:delete window[o][e]}r()},n}const c={en:{claimCodeTitle:"Enter the secret code to unlock hidden quests and rewards.",claimCodeSuccessMessage:"The code was successfully applied.",claimCodeInputLabel:"3–30 characters, no spaces",claimCodeBtnText:"Apply code"}},a=(t,e)=>c[void 0!==e&&e in c?e:"en"][t],d=class{constructor(n){t(this,n),this.openNotification=e(this,"openNotification",7),this.asciiPrintableRegex=/^[\x21-\x7E]+$/,this.handleSubmit=async()=>{if(this.endpoint&&this.session&&this.domain){const t=await this.applyCode();t.Success?this.openNotification.emit({message:a("claimCodeSuccessMessage",this.language)}):(this.hasError=!0,this.openNotification.emit({message:t.ErrorMessage,errored:!0,showTabLink:3002===t.ErrorCode||3023===t.ErrorCode||3003===t.ErrorCode}))}},this.applyCode=async()=>(this.loading=!0,fetch(`${this.endpoint}/challenge/GrantChallengeByCode`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({DomainId:this.domain,PlayerSessionId:this.session,ActivationCode:this.code})}).then((t=>t.json())).finally((()=>this.loading=!1))),this.handleInput=t=>{this.code=t.target.value,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout((()=>{this.hasError=!this.validate(this.code)}),200)},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.endpoint="",this.domain="",this.session="",this.loading=!1,this.hasError=!1,this.code="",this.notificationMessage=""}handleClientStylingChange(t,e){t!=e&&i(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&r(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&s(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentWillLoad(){this.translationUrl&&(async t=>{if(t)try{const n=await fetch(t);if(!n.ok)throw new Error(`HTTP error! status: ${n.status}`);const o=await n.json();e=o,Object.keys(e).forEach((t=>{c[t]||(c[t]={});for(let n in e[t])c[t][n]=e[t][n]}))}catch(t){console.error("Failed to fetch or parse translations from URL:",t)}var e})(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&s(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&i(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&r(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}validate(t){return t.length>=3&&t.length<=30&&this.asciiPrintableRegex.test(t)}render(){return n("div",{key:"1851f81fab42f91bf0fc6caf7cd511a2d65cd2dc",ref:t=>this.stylingContainer=t},n("div",{key:"21f59630652cb8ea012fff54aa4aacc3599622c1",class:"container"},n("p",{key:"601bbd84b46e514275037c2fc95587eff435215d",class:"container__title"},a("claimCodeTitle",this.language)),n("input",{key:"fb2ae2a629c064e5cce8c9dbcfcc6f2d134ee1e8",class:"code-input "+(this.hasError?"errored":""),type:"text",placeholder:"e.g. SPRING24",onInput:this.handleInput}),n("p",{key:"6aec852b1620e4784b2f9e563a87290a66d46801",class:"code-input__text"},a("claimCodeInputLabel",this.language)),n("button",{key:"e7b489081cd2c3d9ec9c52db60064f6c6fbef662",class:"container__button",onClick:this.handleSubmit,disabled:this.loading||!this.code||this.hasError},a("claimCodeBtnText",this.language))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};d.style=".container {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 80px 0;\n text-align: center;\n}\n.container__title {\n font-size: var(--emw--font-size-medium-plus, 18px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n color: var(--emw--color-white, white);\n margin: 0 0 32px;\n}\n.container__button {\n margin-top: 45px;\n padding: 14px 20px;\n background: transparent;\n text-transform: uppercase;\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #083B17);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-white, #FFFFFF);\n background-color: var(--emw--button-background-color, #18CE51);\n cursor: pointer;\n}\n.container__button:hover {\n color: var(--emw--color-gray-300, #083B17);\n border-color: transparent;\n box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n}\n.container__button:disabled, .container__button:disabled:hover {\n color: var(--emw--color-gray-50, #E2E2E2);\n border: 2px solid var(--emw--button-border-color, #083B17);\n opacity: 0.7;\n cursor: not-allowed;\n}\n@container challenges-container (max-width: 576px) {\n .container__button {\n width: 100%;\n position: absolute;\n bottom: 50px;\n }\n}\n\n.code-input {\n border: 1px solid var(--emw--button-border-color, #083B17);\n background: var(--emw--color-background-secondary, rgba(221, 255, 207, 0.1019607843));\n border-radius: 6px;\n padding: 12px 0;\n line-height: 24px;\n color: var(--emw--color-white, #FFFFFF);\n text-align: center;\n font-size: var(--emw--font-size-medium, 16px);\n min-width: 340px;\n}\n.code-input:focus {\n outline: 1px solid var(--emw--border-success-color, #00B74F);\n}\n.code-input:focus.errored {\n outline-color: var(--emw--color-error, #D6421E);\n}\n.code-input.errored {\n border-color: var(--emw--color-error, #D6421E);\n}\n.code-input__text {\n margin: 8px 0 0;\n line-height: 22px;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n color: var(--emw--color-gray-150, #C8D6CE);\n}\n.code-input__text.errored {\n color: var(--emw--color-error, #D6421E);\n}\n@container challenges-container (max-width: 576px) {\n .code-input {\n min-width: 100%;\n }\n}";export{d as C}