@everymatrix/casino-challenges-claim-code 0.0.1

package/dist/cjs/index.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const casinoChallengesClaimCode = require('./casino-challenges-claim-code-a4324416.js');
+require('./index-718e2d1c.js');
+
+
+
+exports.CasinoChallengesClaimCode = casinoChallengesClaimCode.CasinoChallengesClaimCode;

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-718e2d1c.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["casino-challenges-claim-code.cjs",[[1,"casino-challenges-claim-code",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"loading":[32],"hasError":[32],"code":[32],"notificationMessage":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,12 @@
+{
+  "entries": [
+    "components/casino-challenges-claim-code/casino-challenges-claim-code.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.19.2",
+    "typescriptVersion": "5.4.5"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/casino-challenges-claim-code/casino-challenges-claim-code.css

@@ -0,0 +1,81 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 80px 0;
+  text-align: center;
+}
+.container__title {
+  font-size: var(--emw--font-size-medium-plus, 18px);
+  font-weight: var(--emw--font-weight-medium, 500);
+  line-height: 22px;
+  color: var(--emw--color-white, white);
+  margin: 0 0 32px;
+}
+.container__button {
+  margin-top: 45px;
+  padding: 14px 20px;
+  background: transparent;
+  text-transform: uppercase;
+  border-radius: var(--emw--button-border-radius, 99px);
+  border: 2px solid var(--emw--button-border-color, #083B17);
+  font-size: var(--emw--font-size-x-small, 12px);
+  font-weight: var(--emw--font-weight-bold, 700);
+  color: var(--emw--color-white, #FFFFFF);
+  background-color: var(--emw--button-background-color, #18CE51);
+  cursor: pointer;
+}
+.container__button:hover {
+  color: var(--emw--color-gray-300, #083B17);
+  border-color: transparent;
+  box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);
+}
+.container__button:disabled, .container__button:disabled:hover {
+  color: var(--emw--color-gray-50, #E2E2E2);
+  border: 2px solid var(--emw--button-border-color, #083B17);
+  opacity: 0.7;
+  cursor: not-allowed;
+}
+@container challenges-container (max-width: 576px) {
+  .container__button {
+    width: calc(100% - 32px);
+    position: absolute;
+    bottom: 50px;
+  }
+}
+
+.code-input {
+  border: 1px solid var(--emw--button-border-color, #083B17);
+  background: var(--emw--color-background-secondary, rgba(221, 255, 207, 0.1019607843));
+  border-radius: 6px;
+  padding: 12px 0;
+  line-height: 24px;
+  color: var(--emw--color-white, #FFFFFF);
+  text-align: center;
+  font-size: var(--emw--font-size-medium, 16px);
+  min-width: 340px;
+}
+.code-input:focus {
+  outline: 1px solid var(--emw--border-success-color, #00B74F);
+}
+.code-input:focus.errored {
+  outline-color: var(--emw--color-error, #D6421E);
+}
+.code-input.errored {
+  border-color: var(--emw--color-error, #D6421E);
+}
+.code-input__text {
+  margin: 8px 0 0;
+  line-height: 22px;
+  font-size: var(--emw--font-size-x-small, 12px);
+  font-weight: var(--emw--font-weight-medium, 500);
+  color: var(--emw--color-gray-150, #C8D6CE);
+}
+.code-input__text.errored {
+  color: var(--emw--color-error, #D6421E);
+}
+@container challenges-container (max-width: 576px) {
+  .code-input {
+    min-width: 100%;
+  }
+}

package/dist/collection/components/casino-challenges-claim-code/casino-challenges-claim-code.js

@@ -0,0 +1,300 @@
+import { h } from "@stencil/core";
+import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
+import { resolveTranslationUrl, translate } from "../../utils/locale.utils";
+export class CasinoChallengesClaimCode {
+    constructor() {
+        this.asciiPrintableRegex = /^[\x21-\x7E]+$/;
+        this.handleSubmit = async () => {
+            if (this.endpoint && this.session && this.domain) {
+                const response = await this.applyCode();
+                if (response.Success) {
+                    this.openNotification.emit({ message: translate('successMessage', this.language) });
+                }
+                else {
+                    this.hasError = true;
+                    const showTabLink = response.ErrorCode === 3002 || response.ErrorCode === 3023 || response.ErrorCode === 3003;
+                    this.openNotification.emit({ message: response.ErrorMessage, errored: true, showTabLink });
+                }
+            }
+        };
+        this.applyCode = async () => {
+            this.loading = true;
+            const url = `${this.endpoint}/challenge/GrantChallengeByCode`;
+            const body = {
+                DomainId: this.domain,
+                PlayerSessionId: this.session,
+                ActivationCode: this.code
+            };
+            return fetch(url, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(body)
+            })
+                .then((res) => res.json())
+                .finally(() => (this.loading = false));
+        };
+        this.handleInput = (event) => {
+            this.code = event.target.value;
+            if (this.debounceTime) {
+                clearTimeout(this.debounceTime);
+            }
+            this.debounceTime = setTimeout(() => {
+                this.hasError = !this.validate(this.code);
+            }, 200);
+        };
+        this.mbSource = undefined;
+        this.clientStyling = undefined;
+        this.clientStylingUrl = undefined;
+        this.translationUrl = '';
+        this.language = 'en';
+        this.endpoint = '';
+        this.domain = '';
+        this.session = '';
+        this.loading = false;
+        this.hasError = false;
+        this.code = '';
+        this.notificationMessage = '';
+    }
+    handleClientStylingChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStyling(this.stylingContainer, this.clientStyling);
+        }
+    }
+    handleClientStylingUrlChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    handleMbSourceChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+        }
+    }
+    componentWillLoad() {
+        if (this.translationUrl) {
+            resolveTranslationUrl(this.translationUrl);
+        }
+    }
+    componentDidLoad() {
+        if (this.stylingContainer) {
+            if (this.mbSource)
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+            if (this.clientStyling)
+                setClientStyling(this.stylingContainer, this.clientStyling);
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    disconnectedCallback() {
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
+    }
+    validate(val) {
+        return val.length >= 3 && val.length <= 30 && this.asciiPrintableRegex.test(val);
+    }
+    render() {
+        return (h("div", { key: '241aeeb9f0f0984bbf0367a7c925e0b84ef15fa0', ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'f20ec43253905cb0e9a356f65d1e51e695f784cf', class: "container" }, h("p", { key: 'a4c3b0ca894db101c192f7c62ff141ec51eaede1', class: "container__title" }, translate('title', this.language)), h("input", { key: 'c99bdd43659c9d2fc06702fe041eab8458bb0ee5', class: `code-input ${this.hasError ? 'errored' : ''}`, type: "text", placeholder: "e.g. SPRING24", onInput: this.handleInput }), h("p", { key: 'c2aacc2d4a23c7d222f895dce3a3a47b8f03f587', class: "code-input__text" }, translate('inputLabel', this.language)), h("button", { key: '51e79d07278368567026d31b0c70e8c9f0eb4840', class: "container__button", onClick: this.handleSubmit, disabled: this.loading || !this.code || this.hasError }, translate('btnText', this.language)))));
+    }
+    static get is() { return "casino-challenges-claim-code"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["casino-challenges-claim-code.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["casino-challenges-claim-code.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "mbSource": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via message bus"
+                },
+                "attribute": "mb-source",
+                "reflect": true
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via string"
+                },
+                "attribute": "client-styling",
+                "reflect": true
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via css file url"
+                },
+                "attribute": "client-styling-url",
+                "reflect": true
+            },
+            "translationUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom translation via json file url"
+                },
+                "attribute": "translation-url",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom language for translation"
+                },
+                "attribute": "language",
+                "reflect": true,
+                "defaultValue": "'en'"
+            },
+            "endpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client endpoint to fetch data"
+                },
+                "attribute": "endpoint",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "domain": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Domain Id"
+                },
+                "attribute": "domain",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "session": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "User session Id"
+                },
+                "attribute": "session",
+                "reflect": true,
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "loading": {},
+            "hasError": {},
+            "code": {},
+            "notificationMessage": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "openNotification",
+                "name": "openNotification",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "INotificationOptions",
+                    "resolved": "INotificationOptions",
+                    "references": {
+                        "INotificationOptions": {
+                            "location": "import",
+                            "path": "../../utils/types",
+                            "id": "../../../../packages/stencil/casino-challenges-claim-code/src/utils/types.ts::INotificationOptions"
+                        }
+                    }
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "clientStyling",
+                "methodName": "handleClientStylingChange"
+            }, {
+                "propName": "clientStylingUrl",
+                "methodName": "handleClientStylingUrlChange"
+            }, {
+                "propName": "mbSource",
+                "methodName": "handleMbSourceChange"
+            }];
+    }
+}

package/dist/collection/components/casino-challenges-claim-code/index.js

@@ -0,0 +1 @@
+export { CasinoChallengesClaimCode } from './casino-challenges-claim-code';

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components/casino-challenges-claim-code';

package/dist/collection/utils/locale.utils.js

@@ -0,0 +1,43 @@
+const DEFAULT_LANGUAGE = 'en';
+const TRANSLATIONS = {
+    en: {
+        title: 'Enter the secret code to unlock hidden quests and rewards.',
+        btnText: 'Apply code',
+        successMessage: 'The code was successfully applied.',
+        inputLabel: '3–30 characters, no spaces',
+        lengthMinError: 'Code must be at least 3 characters',
+        lengthMaxError: 'Too long — max 30 characters',
+        formatError: 'Invalid code format. Please use only Latin letters (case-sensitive), numbers, and special characters.',
+        genericError: 'Something went wrong, please retry'
+    },
+    ro: {},
+    fr: {},
+    ar: {},
+    hr: {}
+};
+export const translate = (key, customLang) => {
+    const lang = customLang;
+    return TRANSLATIONS[lang !== undefined && lang in TRANSLATIONS ? lang : DEFAULT_LANGUAGE][key];
+};
+export const getTranslations = (data) => {
+    Object.keys(data).forEach((item) => {
+        for (let key in data[item]) {
+            TRANSLATIONS[item][key] = data[item][key];
+        }
+    });
+};
+export const resolveTranslationUrl = async (translationUrl) => {
+    if (translationUrl) {
+        try {
+            const response = await fetch(translationUrl);
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            const translations = await response.json();
+            getTranslations(translations);
+        }
+        catch (error) {
+            console.error('Failed to fetch or parse translations from URL:', error);
+        }
+    }
+};

package/dist/collection/utils/types.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/utils.js

@@ -0,0 +1,3 @@
+export function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}

package/dist/esm/app-globals-0f993ce5.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };