@everymatrix/player-elevate-card-jojogroup 1.80.4

package/dist/collection/components/player-rakeback-card/player-rakeback-card.js

@@ -0,0 +1,357 @@
+import { h } from "@stencil/core";
+import { TRANSLATIONS, translate, translateWithParams } from "../../utils/locale.utils";
+export class PlayerRakebackCard {
+    constructor() {
+        /**
+         * Truncate number to specified decimal places (without rounding)
+         * @param num Number to be processed
+         * @param digits Number of decimal places to keep
+         */
+        this.truncateNumber = (num, digits = 2) => {
+            const str = num.toString();
+            const [integer, decimal = ''] = str.split('.');
+            return digits > 0 ? `${integer}.${decimal ? decimal.slice(0, digits) : '00'}` : `${integer}`;
+        };
+        this.sendRakebackClaimedEvent = () => {
+            if (!this.endpoint || !this.session || !this.rakebackInfo.claimable || this.isLoading) {
+                return;
+            }
+            window.postMessage({ type: 'RakebackClaimTrigger', points: this.rakebackInfo.points }, window.location.href);
+        };
+        this.endpoint = undefined;
+        this.theme = 'Dark';
+        this.session = undefined;
+        this.language = 'en';
+        this.mbSource = undefined;
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.show = true;
+        this.rakebackInfo = {
+            hasRakebackWallet: false,
+            points: 0.0,
+            currency: 'TRY',
+            claimable: false,
+            minutesCanClaim: 0,
+            showCanClaim: false
+        };
+        this.isLoading = false;
+        this.coolingOffPeriod = false;
+        this.showTheWidget = false;
+    }
+    async onSessionOrEndpointChange() {
+        await this.loadRakebackInfo();
+    }
+    async onShowOrHasRakebackWalletChange() {
+        this.showTheWidget = this.show && this.rakebackInfo.hasRakebackWallet;
+    }
+    handleMessage(event) {
+        const { type } = event === null || event === void 0 ? void 0 : event.data;
+        if (type === 'RakebackClaimConfirmed') {
+            this.claimRakeback();
+        }
+    }
+    async loadRakebackInfo() {
+        if (!this.endpoint || !this.session) {
+            return;
+        }
+        this.isLoading = true;
+        try {
+            const url = new URL(`${this.endpoint}/v1/elevate/playerInfo?language=${this.language}`);
+            const response = await fetch(url.href, {
+                method: 'GET',
+                headers: {
+                    'X-Sessionid': this.session,
+                    'Content-Type': 'application/json'
+                }
+            });
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            const data = await response.json();
+            if (!data.success) {
+                throw new Error(data.errorMessage || 'Failed to load rakeback info');
+            }
+            const { rakebackWallet } = data === null || data === void 0 ? void 0 : data.data;
+            if (!rakebackWallet) {
+                window.postMessage({ type: 'RakebackWalletMissing' }, window.location.href);
+                return;
+            }
+            const { total, claimable, currency, minutesCanClaim } = rakebackWallet || {};
+            this.rakebackInfo = {
+                hasRakebackWallet: true,
+                points: (total === null || total === void 0 ? void 0 : total.points) ? this.truncateNumber(total.points, 2) : `0.00`,
+                currency: currency || '',
+                claimable: claimable || false,
+                showCanClaim: Boolean(minutesCanClaim && minutesCanClaim > 0),
+                minutesCanClaim: minutesCanClaim
+                    ? minutesCanClaim <= 1 && minutesCanClaim > 0
+                        ? 1
+                        : this.truncateNumber(minutesCanClaim, 0)
+                    : 0
+            };
+        }
+        catch (err) {
+            console.error('Error loading rakeback info:', err);
+            window.postMessage({ type: 'RakebackClaimError', message: err.message }, window.location.href);
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    async claimRakeback() {
+        this.isLoading = true;
+        try {
+            const url = new URL(`${this.endpoint}/v1/elevate/rakeback/claim`);
+            const response = await fetch(url.href, {
+                method: 'PUT',
+                headers: {
+                    'X-Sessionid': this.session,
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({})
+            });
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            const data = await response.json();
+            if (!data.success) {
+                throw new Error(data.errorMessage || 'Failed to claim rakeback');
+            }
+            // Refresh rakeback information
+            await this.loadRakebackInfo();
+            // Send event notification for successful redemption
+            window.postMessage({ type: 'RakebackClaimed', points: this.rakebackInfo.points }, window.location.href);
+        }
+        catch (err) {
+            console.error('Error claiming rakeback:', err);
+            window.postMessage({ type: 'RakebackClaimError', message: err.message }, window.location.href);
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    async componentWillLoad() {
+        await this.loadRakebackInfo();
+        await this.onShowOrHasRakebackWalletChange();
+    }
+    render() {
+        return this.showTheWidget ? (h("div", { class: "RakebackCard" }, h("general-styling-wrapper", { clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl, mbSource: this.mbSource }), h("div", { class: "RakebackCardContent" }, h("div", { class: "RakebackTitle" }, translate('rakebackTitle', this.language)), h("div", { class: "RakebackDetails" }, h("div", { class: "RakebackInfo" }, h("div", { class: "RakebackNumContainer" }, h("span", { class: "RakebackNum" }, this.rakebackInfo.points), h("span", { class: "RakebackCurrency" }, this.rakebackInfo.currency))), h("div", { class: `RakebackButton ${this.isLoading || !this.rakebackInfo.claimable ? 'disabled' : ''}`, onClick: this.sendRakebackClaimedEvent }, translate('claim', this.language))), !this.rakebackInfo.claimable && this.rakebackInfo.showCanClaim && (h("div", { class: "RakebackCoolOff" }, translateWithParams('minutesCanClaim', {
+            lang: this.language,
+            minutes: this.rakebackInfo.minutesCanClaim
+        })))))) : null;
+    }
+    static get is() { return "player-rakeback-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["player-rakeback-card.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["player-rakeback-card.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "endpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The NWA endpoint"
+                },
+                "attribute": "endpoint",
+                "reflect": true
+            },
+            "theme": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The style that widget shows, available value: Dark, Light\nDefault: Dark"
+                },
+                "attribute": "theme",
+                "reflect": true,
+                "defaultValue": "'Dark'"
+            },
+            "session": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The NWA session for the logged-in user"
+                },
+                "attribute": "session",
+                "reflect": true
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Widget Language to show"
+                },
+                "attribute": "language",
+                "reflect": true,
+                "defaultValue": "'en'"
+            },
+            "mbSource": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via streamStyling"
+                },
+                "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 inline styles"
+                },
+                "attribute": "client-styling",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via url"
+                },
+                "attribute": "client-styling-url",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "translationUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Translation via url"
+                },
+                "attribute": "translation-url",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "show": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "true"
+                        }],
+                    "text": "Show the widget"
+                },
+                "attribute": "show",
+                "reflect": true,
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "rakebackInfo": {},
+            "isLoading": {},
+            "coolingOffPeriod": {},
+            "showTheWidget": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "session",
+                "methodName": "onSessionOrEndpointChange"
+            }, {
+                "propName": "endpoint",
+                "methodName": "onSessionOrEndpointChange"
+            }, {
+                "propName": "language",
+                "methodName": "onSessionOrEndpointChange"
+            }, {
+                "propName": "show",
+                "methodName": "onShowOrHasRakebackWalletChange"
+            }, {
+                "propName": "rakebackInfo",
+                "methodName": "onShowOrHasRakebackWalletChange"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "message",
+                "method": "handleMessage",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }];
+    }
+}

package/dist/collection/components/static/button-default.svg

@@ -0,0 +1,42 @@
+<svg width="95" height="51" viewBox="0 0 95 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g filter="url(#filter0_bd_169_22604)">
+        <rect x="4" width="87" height="43" rx="14" fill="#26CC37" shape-rendering="crispEdges"/>
+        <rect x="5" y="1" width="85" height="41" rx="13" stroke="url(#paint0_linear_169_22604)" stroke-opacity="0.6"
+              stroke-width="2" shape-rendering="crispEdges"/>
+        <rect x="5" y="1" width="85" height="41" rx="13" stroke="url(#paint1_linear_169_22604)" stroke-width="2"
+              shape-rendering="crispEdges"/>
+        <rect x="5" y="1" width="85" height="41" rx="13" stroke="url(#paint2_linear_169_22604)" stroke-width="2"
+              shape-rendering="crispEdges"/>
+    </g>
+    <defs>
+        <filter id="filter0_bd_169_22604" x="-36" y="-40" width="167" height="123" filterUnits="userSpaceOnUse"
+                color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feGaussianBlur in="BackgroundImageFix" stdDeviation="20"/>
+            <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_169_22604"/>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                           result="hardAlpha"/>
+            <feOffset dy="4"/>
+            <feGaussianBlur stdDeviation="2"/>
+            <feComposite in2="hardAlpha" operator="out"/>
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+            <feBlend mode="normal" in2="effect1_backgroundBlur_169_22604" result="effect2_dropShadow_169_22604"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_169_22604" result="shape"/>
+        </filter>
+        <linearGradient id="paint0_linear_169_22604" x1="107.683" y1="17.19" x2="78.0658" y2="19.0918"
+                        gradientUnits="userSpaceOnUse">
+            <stop stop-color="white"/>
+            <stop offset="1" stop-color="#EFEFEF" stop-opacity="0"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear_169_22604" x1="4" y1="0" x2="24.9374" y2="22.5174"
+                        gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.5"/>
+            <stop offset="1" stop-color="white" stop-opacity="0"/>
+        </linearGradient>
+        <linearGradient id="paint2_linear_169_22604" x1="91" y1="43" x2="61.9374" y2="28.5031"
+                        gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.5"/>
+            <stop offset="1" stop-color="white" stop-opacity="0"/>
+        </linearGradient>
+    </defs>
+</svg>

package/dist/collection/components/static/button-disabled.svg

@@ -0,0 +1,4 @@
+<svg width="87" height="43" viewBox="0 0 87 43" fill="none"
+     xmlns="http://www.w3.org/2000/svg">
+<rect width="87" height="43" rx="14" fill="#474A52"/>
+</svg>

package/dist/collection/components/static/button-hover.svg

@@ -0,0 +1,4 @@
+<svg width="87" height="43" viewBox="0 0 87 43" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1" y="1" width="85" height="41" rx="13" fill="#26CC37"/>
+<rect x="1" y="1" width="85" height="41" rx="13" stroke="white" stroke-width="2"/>
+</svg>

package/dist/collection/components/static/button-level.svg

@@ -0,0 +1,27 @@
+<svg width="190" height="75" viewBox="0 0 190 75" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_dd_179_4415)">
+<path d="M16 20C16 15.5817 19.5817 12 24 12H151C155.418 12 159 15.5817 159 20V32C159 36.4183 155.418 40 151 40H24C19.5817 40 16 36.4183 16 32V20Z" fill="url(#paint0_linear_179_4415)" shape-rendering="crispEdges"/>
+</g>
+<defs>
+<filter id="filter0_dd_179_4415" x="0.842043" y="0.631533" width="188.474" height="73.4739" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="7.57898" dy="11.3685"/>
+<feGaussianBlur stdDeviation="11.3685"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0862745 0 0 0 0 0.0980392 0 0 0 0 0.141176 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_179_4415"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-2" dy="-2"/>
+<feGaussianBlur stdDeviation="3.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.74902 0 0 0 0 0.470588 0 0 0 0 0.0235294 0 0 0 0.75 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_179_4415" result="effect2_dropShadow_179_4415"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_179_4415" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_179_4415" x1="87.5" y1="12" x2="87.5" y2="40" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FCC410"/>
+<stop offset="1" stop-color="#FFBD2B" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/collection/components/static/button-pressed.svg

@@ -0,0 +1,18 @@
+<svg width="95" height="51" viewBox="0 0 95 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_169_22603)">
+  <rect x="4" width="87" height="43" rx="14" fill="#008B0E" shape-rendering="crispEdges"/>
+  <rect x="5" y="1" width="85" height="41" rx="13" stroke="#71FF7F" stroke-width="2" shape-rendering="crispEdges"/>
+</g>
+<defs>
+<filter id="filter0_d_169_22603" x="0" y="0" width="95" height="51" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_169_22603"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_169_22603" result="shape"/>
+</filter>
+</defs>
+</svg>

package/dist/collection/components/static/button-redeem.svg

@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="106" height="51" viewBox="0 0 106 51" fill="none">
+    <g filter="url(#filter0_bd_169_22606)">
+        <rect x="4" width="98" height="43" rx="14" fill="#26CC37" shape-rendering="crispEdges"/>
+
+
+        <rect x="5" y="1" width="96" height="41" rx="13" stroke="url(#paint0_linear_169_22606)" stroke-opacity="0.6" stroke-width="2" shape-rendering="crispEdges"/>
+        <rect x="5" y="1" width="96" height="41" rx="13" stroke="url(#paint1_linear_169_22606)" stroke-width="2" shape-rendering="crispEdges"/>
+        <rect x="5" y="1" width="96" height="41" rx="13" stroke="url(#paint2_linear_169_22606)" stroke-width="2" shape-rendering="crispEdges"/>
+    </g>
+    <defs>
+        <filter id="filter0_bd_169_22606" x="-36" y="-40" width="178" height="123" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feGaussianBlur in="BackgroundImageFix" stdDeviation="20"/>
+            <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_169_22606"/>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+            <feOffset dy="4"/>
+            <feGaussianBlur stdDeviation="2"/>
+            <feComposite in2="hardAlpha" operator="out"/>
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+            <feBlend mode="normal" in2="effect1_backgroundBlur_169_22606" result="effect2_dropShadow_169_22606"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_169_22606" result="shape"/>
+        </filter>
+        <linearGradient id="paint0_linear_169_22606" x1="120.793" y1="17.19" x2="87.4673" y2="19.6005" gradientUnits="userSpaceOnUse">
+            <stop stop-color="white"/>
+            <stop offset="1" stop-color="#EFEFEF" stop-opacity="0"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear_169_22606" x1="4" y1="0" x2="24.6125" y2="24.9708" gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.5"/>
+            <stop offset="1" stop-color="white" stop-opacity="0"/>
+        </linearGradient>
+        <linearGradient id="paint2_linear_169_22606" x1="102" y1="43" x2="70.9273" y2="25.5407" gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.5"/>
+            <stop offset="1" stop-color="white" stop-opacity="0"/>
+        </linearGradient>
+    </defs>
+</svg>