@everymatrix/bonus-elevate-shop-item 1.94.51 → 1.94.53

package/dist/esm/bonus-elevate-shop-assets-slider_3.entry.js

@@ -1,594 +0,0 @@
-import { r as registerInstance, h, g as getElement, c as createEvent, F as Fragment, H as Host } from './index-fca048d8.js';
-
-const BonusElevateShopAssetsSlider = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.xDown = null;
-        this.yDown = null;
-        this.orientationChangeHandler = () => {
-            setTimeout(() => {
-                this.recalculateItemsPerPage();
-            }, 10);
-        };
-        this.resizeHandler = () => {
-            this.recalculateItemsPerPage();
-        };
-        this.showSliderDots = false;
-        this.showSliderArrows = true;
-        this.itemsPerPage = 1;
-        this.sliderItems = [];
-        this.activeIndex = 0;
-    }
-    setActive(index) {
-        var _a;
-        const maxLength = (_a = this.sliderItems) === null || _a === void 0 ? void 0 : _a.length;
-        if (index >= 0) {
-            if (index >= maxLength - 1) {
-                this.activeIndex = maxLength - 1;
-            }
-            else {
-                this.activeIndex = index;
-            }
-        }
-        else {
-            this.activeIndex = 0;
-        }
-    }
-    move(direction) {
-        this.setActive(this.activeIndex + direction);
-    }
-    goTo(index) {
-        let diff = this.activeIndex - index;
-        if (diff > 0) {
-            for (let i = 0; i < diff; i++) {
-                this.move(-1);
-            }
-        }
-        else {
-            for (let i = 0; i > diff; i--) {
-                this.move(1);
-            }
-        }
-    }
-    handleTouchStart(evt) {
-        const firstTouch = this.getTouches(evt)[0];
-        this.xDown = firstTouch.clientX;
-        this.yDown = firstTouch.clientY;
-    }
-    getTouches(evt) {
-        return evt.touches || evt.originalEvent.touches;
-    }
-    handleTouchMove(evt) {
-        if (!this.xDown || !this.yDown)
-            return;
-        let xUp = evt.touches[0].clientX;
-        let yUp = evt.touches[0].clientY;
-        let xDiff = this.xDown - xUp;
-        let yDiff = this.yDown - yUp;
-        if (Math.abs(xDiff) > Math.abs(yDiff)) {
-            if (xDiff > 0) {
-                this.move(1);
-            }
-            else {
-                this.move(-1);
-            }
-        }
-        this.xDown = null;
-        this.yDown = null;
-    }
-    ;
-    recalculateItemsPerPage() {
-        if (!this.sliderItemsElement)
-            return;
-        this.itemElementWidth = this.sliderItemsElement.clientWidth;
-        this.sliderItemsElementWidth = (this.sliderItems.length - 1) * this.itemElementWidth;
-    }
-    ;
-    renderDots() {
-        var _a;
-        const dots = [];
-        for (let index = 0; index < ((_a = this.sliderItems) === null || _a === void 0 ? void 0 : _a.length) / this.itemsPerPage; index++) {
-            dots.push(h("li", { class: index == this.activeIndex ? 'active' : 'default', onClick: () => { this.goTo(index); this.setActive(index); } }));
-        }
-        return dots;
-    }
-    componentDidRender() {
-        this.el.addEventListener('touchstart', this.handleTouchStart.bind(this), { passive: true });
-        this.el.addEventListener('touchmove', this.handleTouchMove.bind(this), { passive: true });
-        this.recalculateItemsPerPage();
-    }
-    componentDidUpdate() {
-        this.recalculateItemsPerPage();
-    }
-    connectedCallback() {
-        window.screen.orientation.addEventListener('change', this.orientationChangeHandler);
-    }
-    disconnectedCallback() {
-        this.el.removeEventListener('touchstart', this.handleTouchStart);
-        this.el.removeEventListener('touchmove', this.handleTouchMove);
-        window.screen.orientation.removeEventListener('change', this.orientationChangeHandler);
-        window.removeEventListener('resize', this.resizeHandler);
-    }
-    render() {
-        var _a;
-        const styles = {
-            transform: `translate(${(this.sliderItemsElementWidth / (((_a = this.sliderItems) === null || _a === void 0 ? void 0 : _a.length) - 1) * this.activeIndex) * -1}px, 0px)`
-        };
-        const itemStyle = {
-            width: `${this.itemElementWidth / this.itemsPerPage}px`
-        };
-        return h("div", { key: '3740bd5b367f4e24f0b4391dc7f25c63ccb12958', class: "SliderWrapper" }, h("div", { key: '6aac842f54de59cea8b2f2655e8408a8778702d4', class: 'MainContent ' }, this.showSliderArrows &&
-            h("div", { key: '94de38b6a631824bbe15964d70377639af769917', class: `SliderNavButton LeftArrow ${this.activeIndex === 0 ? 'DisabledArrow ' : ''} ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}`, onClick: () => this.move(-1) }, h("svg", { key: '382d3d0c54932b359b2be4b9ed8c3db3c6da49ec', fill: "none", stroke: "var(--emw--color-secondary, #FD2839)", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9b4d592aa650ddff2fbd8625a8b0a5d1b604c723', "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M15 19l-7-7 7-7" }))), h("div", { key: 'b3ec493624a11931eb48e44eb620373b2613d0a8', class: 'ItemsWrapper', ref: (el) => this.sliderItemsElement = el }, h("div", { key: '724e11f1b3899c0f4bb179fff9b60f40c363e7f1', class: 'Items AssetsItems', style: styles }, this.sliderItems.map((assetUrl) => h("img", { class: `img${this.itemsPerPage}`, alt: 'Gift Thumbnails', style: itemStyle, src: assetUrl })))), this.showSliderArrows &&
-            h("div", { key: '2791a14781f73619c122401a97a9833e33787282', class: `SliderNavButton RightArrow  ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}
-                      ${(this.activeIndex === (this.sliderItems.length - 1) || this.itemsPerPage == this.sliderItems.length) ? 'DisabledArrow' : ''}`, onClick: () => this.move(1) }, h("svg", { key: '3810b14f2a0fc436601186335a01b7af90aabab5', fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '18178c52a74cf77c856f65b6f377a350fc672db8', "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M9 5l7 7-7 7" })))), this.showSliderDots && this.sliderItems.length > 1 &&
-            h("div", { key: '83964fb11e6728adb065958ebfbf17902e301b2e', class: "DotsWrapper" }, h("ul", { key: 'cafab68d463e25a0847306314c64041bc3f107f7', class: "Dots" }, this.renderDots())));
-    }
-    get el() { return getElement(this); }
-};
-
-const DEFAULT_LANGUAGE = 'en';
-const TRANSLATIONS = {
-    en: {
-        coins: 'Coins',
-        noGiftPresentation: 'No description',
-        redeemGift: 'Redeem Gift',
-        noDataFound: 'No data found',
-        error4003: 'Invalid Session',
-        redeemFailed: 'Failed to redeem',
-        back: 'Back',
-    },
-    tr: {
-        coins: 'Coin',
-        noGiftPresentation: 'Açıklama yok',
-        redeemGift: 'Hediye Al',
-        noDataFound: 'Veri bulunamadı',
-        error4003: 'Geçersiz Oturum',
-        redeemFailed: 'Kullanım başarısız',
-        back: 'Geri',
-    },
-    ro: {
-        coins: 'Coins',
-        noGiftPresentation: 'No description',
-        redeemGift: 'Redeem Gift',
-        noDataFound: 'No data found',
-        error4003: 'Invalid Session',
-        redeemFailed: 'Failed to redeem',
-        back: 'Back',
-    },
-    fr: {
-        coins: 'Coins',
-        noGiftPresentation: 'No description',
-        redeemGift: 'Redeem Gift',
-        noDataFound: 'No data found',
-        error4003: 'Invalid Session',
-        redeemFailed: 'Failed to redeem',
-        back: 'Back',
-    },
-    ar: {
-        coins: 'Coins',
-        noGiftPresentation: 'No description',
-        redeemGift: 'Redeem Gift',
-        noDataFound: 'No data found',
-        error4003: 'Invalid Session',
-        redeemFailed: 'Failed to redeem',
-        back: 'Back',
-    },
-    hu: {
-        coins: 'Coins',
-        noGiftPresentation: 'No description',
-        redeemGift: 'Redeem Gift',
-        noDataFound: 'No data found',
-        error4003: 'Invalid Session',
-        redeemFailed: 'Failed to redeem',
-        back: 'Back',
-    }
-};
-const translate = (key, customLang) => {
-    const lang = customLang ? customLang : DEFAULT_LANGUAGE;
-    return TRANSLATIONS[lang][key] || TRANSLATIONS[DEFAULT_LANGUAGE][key];
-};
-const getTranslations = (url) => {
-    // fetch url, get the data, replace the TRANSLATIONS content
-    return new Promise((resolve) => {
-        fetch(url)
-            .then((res) => res.json())
-            .then((data) => {
-            Object.keys(data).forEach((item) => {
-                TRANSLATIONS[item] = TRANSLATIONS[item] || {};
-                for (let key in data[item]) {
-                    TRANSLATIONS[item][key] = data[item][key];
-                }
-            });
-            resolve(true);
-        }).catch((err) => {
-            console.error("Failed to load translations:", err);
-            resolve(false);
-        });
-    });
-};
-
-/**
- * @name isMobile
- * @description A method that returns if the browser used to access the app is from a mobile device or not
- * @param {String} userAgent window.navigator.userAgent
- * @returns {Boolean} true or false
- */
-const getDevice = () => {
-    let userAgent = window.navigator.userAgent;
-    if (userAgent.toLowerCase().match(/android/i)) {
-        return 'Android';
-    }
-    if (userAgent.toLowerCase().match(/iphone/i)) {
-        return 'iPhone';
-    }
-    if (userAgent.toLowerCase().match(/ipad|ipod/i)) {
-        return 'iPad';
-    }
-    return 'PC';
-};
-const getDevicePlatform = () => {
-    const device = getDevice();
-    if (device) {
-        if (device === 'PC') {
-            return 'dk';
-        }
-        else if (device === 'iPad' || device === 'iPhone') {
-            return 'ios';
-        }
-        else {
-            return 'mtWeb';
-        }
-    }
-};
-
-const bonusElevateShopItemCss = ":host{display:block}.ElevateDetails{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px;width:calc(100% - 20px);}.ElevateDetails .RedeemError{display:none}.ElevateDetails .Error{color:var(--emw--color-error, #FD2839)}.ElevateDetails .Row{flex-direction:row;display:flex}.ElevateDetails .Col{flex-direction:column;display:flex}.ElevateDetails .Details{padding:20px}.ElevateDetails .ThumbnailRow{display:flex;flex-direction:column;justify-content:space-between;min-width:268px;max-width:398px}.ElevateDetails .ThumbnailRow .BackButton{width:100px;height:20px;padding:5px;background:white;box-shadow:0px 4px 40px 0px rgba(138, 149, 158, 0.2);margin:10px 0 10px;cursor:pointer;animation-timing-function:ease-out;animation-duration:300ms;transition-property:all;border:1px solid #e4e6e8;border-radius:5px;text-align:center}.ElevateDetails .ThumbnailRow .BackButton:hover{background:rgb(227, 222, 222)}.ElevateDetails .ThumbnailRow .Thumbnails{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.ElevateDetails .ShopItemDetail{flex-grow:1;min-width:300px}.ElevateDetails .GiftPoints .Points{font-size:21px}.ElevateDetails .GiftPoints .PointsLabel{font-size:12px;color:var(--emw--color-gray-300, rgb(78, 90, 55));font-weight:400;line-height:29px;letter-spacing:0.04em;text-align:left}.ElevateDetails .RedeemButton{width:150px;padding:5px 0px;border:2px solid var(--emw--button-border-color, rgba(8, 59, 23, 0.1098039216));text-align:center;color:var(--emw--button-typography, var(--emw--color-white, #FFFFFF));font-size:var(--emw--font-size-small, 12px);font-weight:var(--emw--font-weight-bold, 700);line-height:var(--emw--font-size-medium, 14px);text-transform:uppercase;border-radius:var(--emw--border-radius-medium, 10px)}.ElevateDetails .RedeemButton.active{background:var(--emw--color-primary, #18CE51)}.ElevateDetails .RedeemButton.active:hover{background:var(--mmw--color-main-button-hover, #24B24E)}.ElevateDetails .RedeemButton.deactive,.ElevateDetails .RedeemButton.disabled{background:var(--mmw--color-disabled, rgba(153, 153, 153, 0.5019607843))}.ElevateDetails .SliderWrapper{display:flex;flex-direction:column;position:relative;width:calc(100% - 40px)}.ElevateDetails .SliderWrapper .MainContent{display:flex;flex-direction:row;justify-content:space-around}.ElevateDetails .SliderWrapper .MainContent .LeftArrow,.ElevateDetails .SliderWrapper .MainContent .RightArrow{width:20px}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper{overflow:hidden;display:inline-flex;width:calc(100% - 40px);flex-direction:column}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper .Items{display:inline-flex;transition:transform 0.4s ease-in-out;transform:translateX(0px);margin:auto}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img.img2{width:50%}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img.img3{width:30%}.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img,.ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img.img1{max-width:100%;background:rgb(239, 239, 239);border:1px solid rgb(239, 239, 239);border-radius:18px;border:1px;margin:10px 0 10px}.ElevateDetails .SliderWrapper .DotsWrapper{width:100%;margin:0 auto;height:30px}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots{display:flex;justify-content:center;padding:0}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li{height:10px;width:10px;background:#ccc;border-radius:50%;margin-left:3px;margin-right:3px;list-style:none;cursor:pointer}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li:hover{background:#bbb}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li.active{border:solid 1px var(--emw--color-secondary, #FD2839);background:var(--emw--color-secondary, #FD2839)}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li.default{border:solid 1px var(--emw--color-secondary, #FD2839);background-color:#FFF}.ElevateDetails .SliderNavButton{border:0px;width:25px;display:flex;align-items:center;justify-content:center;cursor:pointer}.ElevateDetails .SliderNavButton.HiddenArrow{visibility:hidden}.ElevateDetails .SliderNavButton svg{width:20px;stroke:var(--emw--color-secondary, #FD2839)}.ElevateDetails .DisabledArrow svg{opacity:0.2;stroke:var(--emw--color-secondary, #FD2839);pointer-events:none}";
-const BonusElevateShopItemStyle0 = bonusElevateShopItemCss;
-
-const BonusElevateShopItem = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.redeemGiftButton = createEvent(this, "redeemGiftButton", 7);
-        this.bindedHandler = this.handleMessage.bind(this);
-        this.deviceType = getDevicePlatform();
-        this.endpoint = undefined;
-        this.language = 'en';
-        this.itemId = undefined;
-        this.elevateGift = undefined;
-        this.session = undefined;
-        this.mbSource = undefined;
-        this.clientStyling = '';
-        this.clientStylingUrl = '';
-        this.translationUrl = '';
-        this.showSliderDots = false;
-        this.showSliderArrows = true;
-        this.isGiftNotFound = false;
-        this.redeemErrorMsg = '';
-        this.isRedeeming = false;
-    }
-    redeemGiftConfirm() {
-        if (this.isRedeeming || this.elevateGift.available != 'true') {
-            return;
-        }
-        window.postMessage({ type: 'BEERedeemConfirm', shopItem: this.elevateGift }, window.location.href);
-    }
-    handleMessage(message) {
-        if (message.data && message.data.type === "bee-redeem-confirmed" &&
-            message.data.id == this.elevateGift.id) {
-            this.redeemGift();
-        }
-    }
-    onBackClicked() {
-        window.postMessage({ type: 'OnGiftDetailsBackButtonClicked' }, window.location.href);
-    }
-    redeemGift() {
-        if (this.elevateGift.available.toLowerCase() === 'false' || this.isRedeeming) {
-            return;
-        }
-        let url = new URL(`${this.endpoint}/v1/elevate/redeem`);
-        let claimGiftOptions = {
-            method: 'PUT',
-            headers: {
-                'x-SessionId': this.session,
-                'Content-Type': 'application/json-patch+json',
-            },
-            body: JSON.stringify({ giftId: this.elevateGift.id }),
-        };
-        this.redeemErrorMsg = '';
-        this.isRedeeming = true;
-        fetch(url.toString(), claimGiftOptions)
-            .then((res) => res.json())
-            .then((res) => {
-            if (res.success) {
-                this.redeemGiftButton.emit();
-                window.postMessage({ type: 'BEEGiftRedeem', itemId: this.elevateGift.id }, window.location.href);
-            }
-            else {
-                let translatedError = translate(`error${res.errorCode}`, this.language);
-                this.redeemErrorMsg = translatedError ? translatedError : translate('redeemFailed', this.language);
-                window.postMessage({ type: 'BEEGiftRedeemFailed', itemId: this.elevateGift.id, res }, window.location.href);
-            }
-        })
-            .catch((err) => {
-            window.postMessage({ type: 'BEEGiftClaimFailed', itemId: this.elevateGift.id, err }, window.location.href);
-        }).finally(() => {
-            this.isRedeeming = false;
-        });
-    }
-    async loadElevateGift() {
-        let url = new URL(`${this.endpoint}/v1/elevate/shop?language=${this.language}&filter=id=${this.itemId}`);
-        let options = {
-            headers: {
-                'Content-Type': 'application/json',
-                'x-SessionId': this.session,
-            },
-            method: 'GET',
-        };
-        await new Promise((resolve) => {
-            fetch(url.href, options)
-                .then((res) => res.json())
-                .then((data) => {
-                let filteredGifts = data.data;
-                if (filteredGifts && filteredGifts.length == 1) {
-                    this.elevateGift = filteredGifts[0];
-                    this.isGiftNotFound = false;
-                }
-                else {
-                    this.isGiftNotFound = true;
-                }
-                resolve(true);
-            });
-        });
-    }
-    disconnectedCallback() {
-        window.removeEventListener('message', this.bindedHandler, false);
-    }
-    componentDidLoad() {
-        window.addEventListener('message', this.bindedHandler, false);
-    }
-    async componentWillLoad() {
-        if (this.translationUrl.length > 2) {
-            await getTranslations(this.translationUrl);
-        }
-        if (this.elevateGift) {
-            this.isGiftNotFound = false;
-        }
-        else {
-            await this.loadElevateGift();
-        }
-    }
-    render() {
-        return (h(Host, { key: '059f0eb449e36b30ce271306a9faf85b79197f36' }, h("general-styling-wrapper", { key: '4b857c7d532d288c660fc9b9cfc28c17ba80c400', clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling, mbSource: this.mbSource }), h("div", { key: 'b400e365431afc6af40c11010b708a72525d4af6', class: 'ElevateDetails' }, this.isGiftNotFound && (h(Fragment, { key: '93a532a9d25137fe02aca600c98237f08dbc5347' }, h("div", { key: 'b423b7b20c4e6829ecd5cf53ab860b909ac639d5', class: "Row ThumbnailRow" }, h("div", { key: 'eaafe445f831699a1f4a22bc951a68e211bc1eb1', class: "BackButton", onClick: () => {
-                this.onBackClicked();
-            } }, h("span", { key: '70105de7173a933b921bd4a78c62c4d6e5cf847e', class: "BackArrow", innerHTML: "<" }), h("span", { key: 'd695e223a899ae130355d5ee083a622b7cf131dd', class: "BackTxt" }, " ", translate('back', this.language), " "))), h("div", { key: 'f9624e689b03b06c0937f81821ff4e00c0911851', class: "Thumnails GiftNotFound" }, translate('noDataFound', this.language), "."))), this.elevateGift && h(Fragment, { key: '5c104bba7cd29706418cffa9ffdd20d13714bf2a' }, h("div", { key: 'c100262b2d4547e1a81108426fa07e6a66e8f560', class: "ThumbnailRow" }, h("div", { key: 'bf573c9685c7afe71239faced77bfaef4fab2a37', class: 'Row' }, h("div", { key: '10ff56e0df5eca9792428fc5279a79d79f619c56', class: "BackButton", onClick: () => { this.onBackClicked(); } }, h("span", { key: '899bbe9f1288b49743d51f4afec8b9237052b7f1', class: "BackArrow", innerHTML: "<" }), h("span", { key: 'f4dd1b849114f4fd9743b6726394aacf444a6e7b', class: "BackTxt" }, " ", translate('back', this.language), " ")), h("bonus-elevate-shop-assets-slider", { key: 'b11de8226e28e3038e70615093e07dd7ae896730', class: 'Thumbnails', itemsPerPage: 1, sliderItems: this.elevateGift.presentation.assets, showSliderDots: this.showSliderDots })), h("div", { key: '4084bea351593009e0a3a9dd3e3cb70b9d1a864c', class: 'Col Details' }, h("h3", { key: '2346e29ead91d6ace97f99fa768c46db704d1ab9', class: "GiftName" }, this.elevateGift.presentation.displayName || this.elevateGift.displayName), h("div", { key: '835a0b059b2c0399cdb442a8376b0ef8ddf1c9e2', class: "GiftPoints" }, h("span", { key: '73afb596b3b493736e67c3b62207b2dc7dbc27d9', class: "Points" }, this.elevateGift.points, " "), h("span", { key: '7a484d65195a5e6e32b079ca31410eefd239a240', class: " PointsLabel" }, translate('coins', this.language))))), h("div", { key: 'f318deaf612752dc61b49e57b5751755800291ea', class: 'ShopItemDetail Details' }, h("div", { key: '2a7b77649b74baad93816eabf8413d0b45930f83', class: "GiftPresentation" }, h("p", { key: '3ce1a1a6adb36127b3526e005a3ac49349349bfd' }, this.elevateGift.presentation.description ? this.elevateGift.presentation.description : translate('noGiftPresentation', this.language))), h("div", { key: 'e8f61acba748c582288e2053f61c7efc754bb8f9', class: `RedeemButton ${this.elevateGift.available === 'false' || this.isRedeeming ? 'Disabled deactive' : ' active '}
-                ${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGiftConfirm.bind(this) }, translate('redeemGift', this.language)), h("span", { key: '8cfe770fbbe29d1aebab26826146590cc1ecd177', class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))));
-    }
-};
-BonusElevateShopItem.style = BonusElevateShopItemStyle0;
-
-const mergeTranslations = (url, target) => {
-    return new Promise((resolve) => {
-        fetch(url)
-            .then((res) => res.json())
-            .then((data) => {
-            Object.keys(data).forEach((item) => {
-                target[item] = target[item] || {};
-                Object.keys(data[item]).forEach((key) => {
-                    //if there is no key in target, do nothing
-                    if (!target['en'][key]) {
-                        return;
-                    }
-                    const defaultTranslation = target['en'][key];
-                    if (typeof data[item][key] === 'object') {
-                        // if the key is not in target, then take from en
-                        target[item][key] = target[item][key] || Object.assign({}, defaultTranslation);
-                        Object.keys(data[item][key]).forEach((subKey) => {
-                            target[item][key][subKey] = data[item][key][subKey];
-                        });
-                    }
-                    else {
-                        target[item][key] = data[item][key] || Object.assign({}, defaultTranslation);
-                    }
-                });
-            });
-            resolve(true);
-        })
-            .catch(err => {
-            console.error("Failed to load translations:", err);
-            resolve(false);
-        });
-    });
-};
-
-const StyleCacheKey = '__WIDGET_GLOBAL_STYLE_CACHE__';
-
-/**
- * @name setClientStyling
- * @description Method used to create and append to the passed element of the widget a style element with the content received
- * @param {HTMLElement} stylingContainer The reference element of the widget
- * @param {string} clientStyling The style content
- */
-function setClientStyling(stylingContainer, clientStyling) {
-  if (stylingContainer) {
-    const sheet = document.createElement('style');
-    sheet.innerHTML = clientStyling;
-    stylingContainer.appendChild(sheet);
-  }
-}
-
-/**
- * @name setClientStylingURL
- * @description Method used to create and append to the passed element of the widget a style element with the content fetched from a given URL
- * @param {HTMLElement} stylingContainer The reference element of the widget
- * @param {string} clientStylingUrl The URL of the style content
- */
-function setClientStylingURL(stylingContainer, clientStylingUrl) {
-  if (!stylingContainer || !clientStylingUrl) return;
-
-  const url = new URL(clientStylingUrl);
-
-  fetch(url.href)
-    .then((res) => res.text())
-    .then((data) => {
-      const cssFile = document.createElement('style');
-      cssFile.innerHTML = data;
-      if (stylingContainer) {
-        stylingContainer.appendChild(cssFile);
-      }
-    })
-    .catch((err) => {
-      console.error('There was an error while trying to load client styling from URL', err);
-    });
-}
-
-/**
- * @name setStreamLibrary
- * @description Method used to create and append to the passed element of the widget a style element with content fetched from the MessageBus
- * @param {HTMLElement} stylingContainer The highest element of the widget
- * @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
- * @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
- * @param {boolean} useAdoptedStyleSheets A flag to gradually enable testing of adoptedStyleSheets
- */
-function setStreamStyling(stylingContainer, domain, subscription, useAdoptedStyleSheets = false) {
-  if (!window.emMessageBus) return;
-
-  const supportAdoptStyle = 'adoptedStyleSheets' in Document.prototype;
-
-  if (!supportAdoptStyle || !useAdoptedStyleSheets) {
-    subscription = getStyleTagSubscription(stylingContainer, domain);
-
-    return subscription;
-  }
-
-  if (!window[StyleCacheKey]) {
-    window[StyleCacheKey] = {};
-  }
-  subscription = getAdoptStyleSubscription(stylingContainer, domain);
-
-  const originalUnsubscribe = subscription.unsubscribe.bind(subscription);
-  const wrappedUnsubscribe = () => {
-    if (window[StyleCacheKey][domain]) {
-      const cachedObject = window[StyleCacheKey][domain];
-      cachedObject.refCount > 1
-        ? (cachedObject.refCount = cachedObject.refCount - 1)
-        : delete window[StyleCacheKey][domain];
-    }
-
-    originalUnsubscribe();
-  };
-  subscription.unsubscribe = wrappedUnsubscribe;
-
-  return subscription;
-}
-
-function getStyleTagSubscription(stylingContainer, domain) {
-  const sheet = document.createElement('style');
-
-  return window.emMessageBus.subscribe(domain, (data) => {
-    if (stylingContainer) {
-      sheet.innerHTML = data;
-      stylingContainer.appendChild(sheet);
-    }
-  });
-}
-
-function getAdoptStyleSubscription(stylingContainer, domain) {
-  return window.emMessageBus.subscribe(domain, (data) => {
-    if (!stylingContainer) return;
-
-    const shadowRoot = stylingContainer.getRootNode();
-    const cacheStyleObject = window[StyleCacheKey];
-    let cachedStyle = cacheStyleObject[domain] && cacheStyleObject[domain].sheet;
-
-    if (!cachedStyle) {
-      cachedStyle = new CSSStyleSheet();
-      cachedStyle.replaceSync(data);
-      cacheStyleObject[domain] = {
-        sheet: cachedStyle,
-        refCount: 1
-      };
-    } else {
-      cacheStyleObject[domain].refCount = cacheStyleObject[domain].refCount + 1;
-    }
-
-    const currentSheets = shadowRoot.adoptedStyleSheets || [];
-    if (!currentSheets.includes(cachedStyle)) {
-      shadowRoot.adoptedStyleSheets = [...currentSheets, cachedStyle];
-    }
-  });
-}
-
-const generalStylingWrapperCss = ":host{display:block}";
-const GeneralStylingWrapperStyle0 = generalStylingWrapperCss;
-
-const GeneralStylingWrapper = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.stylingAppends = false;
-        this.clientStyling = '';
-        this.clientStylingUrl = '';
-        this.mbSource = undefined;
-        this.translationUrl = '';
-        this.targetTranslations = undefined;
-    }
-    componentDidLoad() {
-        if (this.el) {
-            if (this.mbSource)
-                setStreamStyling(this.el, `${this.mbSource}.Style`, this.stylingSubscription);
-            if (this.clientStyling)
-                setClientStyling(this.el, this.clientStyling);
-            if (this.clientStylingUrl)
-                setClientStylingURL(this.el, this.clientStylingUrl);
-            this.stylingAppends = true;
-        }
-    }
-    disconnectedCallback() {
-        this.stylingSubscription && this.stylingSubscription.unsubscribe();
-    }
-    handleMbSourceChange(newValue, oldValue) {
-        if (newValue != oldValue) {
-            setStreamStyling(this.el, `${this.mbSource}.Style`, this.stylingSubscription);
-        }
-    }
-    handleClientStylingChange(newValue, oldValue) {
-        if (newValue != oldValue) {
-            setClientStyling(this.el, this.clientStyling);
-        }
-    }
-    handleClientStylingUrlChange(newValue, oldValue) {
-        if (newValue != oldValue) {
-            if (this.clientStylingUrl)
-                setClientStylingURL(this.el, this.clientStylingUrl);
-        }
-    }
-    componentDidRender() {
-        // start custom styling area
-        if (!this.stylingAppends) {
-            if (this.clientStyling)
-                setClientStyling(this.el, this.clientStyling);
-            if (this.clientStylingUrl)
-                setClientStylingURL(this.el, this.clientStylingUrl);
-            this.stylingAppends = true;
-        }
-        // end custom styling area
-    }
-    async componentWillLoad() {
-        const promises = [];
-        if (this.translationUrl) {
-            const translationPromise = mergeTranslations(this.translationUrl, this.targetTranslations);
-            promises.push(translationPromise);
-        }
-        return await Promise.all(promises);
-    }
-    render() {
-        return (h("div", { key: 'e660ceb69f5e848c788c3924fc814c0fa7a777a2', class: "StyleShell" }, h("slot", { key: '35014b6c0c32532af11e6a629ba9b13942504d21', name: "mainContent" })));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "mbSource": ["handleMbSourceChange"],
-        "clientStyling": ["handleClientStylingChange"],
-        "clientStylingUrl": ["handleClientStylingUrlChange"]
-    }; }
-};
-GeneralStylingWrapper.style = GeneralStylingWrapperStyle0;
-
-export { BonusElevateShopAssetsSlider as bonus_elevate_shop_assets_slider, BonusElevateShopItem as bonus_elevate_shop_item, GeneralStylingWrapper as general_styling_wrapper };