@everymatrix/casino-engagement-suite-modal-container 1.36.0 → 1.37.0

package/dist/cjs/casino-engagement-suite-modal-container.cjs.entry.js

@@ -1,127 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2394967b.js');
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['en'];
-const TRANSLATIONS = {
-  en: {
-    joinHeader: 'Choose another challenge?',
-    desc: 'Any progress on the current challenge will be kept and you can rejoin the challenge at any time.',
-    joinQuestion: 'Would you still like to join another challenge?',
-    joinConfirm: 'Yes, join another challenge',
-    joinReject: 'No, stay at the current challenge',
-    unJoinHeader: 'Quit Challenge?',
-    unJoinQuestion: 'Would you still like to quit the challenge?',
-    unJoinConfirm: 'Yes, I want to quit challenge',
-    unJoinReject: 'No, stay at challenge',
-    join: 'Unjoin',
-    unJoin: 'Unjoin',
-    continue: 'Continue',
-    won: 'You won',
-    noChallenges: 'No Challenges yet',
-    tryOtherGames: 'Try winning Challenges as rewards or launching other booster games',
-    tooltip: 'Competition where your real money bets contribute towards the level progress to achieve the level reward'
-  }
-};
-const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-};
-
-const casinoEngagementSuiteModalContainerCss = ":host{display:block}.ModalFooterButton,.ModalFooterButtonOutlined{transition:all 0.5s ease-out;background:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);color:var(--emw--color-typography, #1E1638);border-radius:99px;min-width:140px;height:36px;font-size:14px;font-weight:var(--emw--font-weight-bold, 700);position:relative;font-family:\"Montserrat\", sans-serif;padding:0 16px;box-sizing:border-box;margin:auto;border:none;cursor:pointer}.ModalFooterButtonOutlined{background:linear-gradient(var(--emw--color-background, #1E1638) 0 0) padding-box, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%) border-box;border:2px solid transparent}.GradientText{background-image:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);color:transparent;background-clip:text}.ManyActions{display:flex;width:100%;flex-direction:column;align-items:stretch}.ManyActions .ModalFooterButton,.ManyActions .ModalFooterButtonOutlined{width:280px}.ManyActions button:first-child{margin-bottom:16px}.ModalReward{font-weight:var(--emw--font-weight-semibold, 600);color:var(--emw--color-typography, #FFFFFF)}.ModalContainer.Mobile .ModalFooterButton{min-width:140px;height:32px}.ModalContainer.Mobile .ManyActions .ModalFooterButton,.ModalContainer.Mobile .ManyActions .ModalFooterButtonOutlined{width:100%;height:32px}.ModalContainer.Mobile .ManyActions button:first-child{margin-bottom:8px}.LeftAlign{text-align:left;line-height:1.2}";
-
-const CasinoEngagementSuiteModalContainer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.closeModal = index.createEvent(this, "closeModal", 7);
-    /**
-    * Client custom styling via string
-    */
-    this.clientStyling = '';
-    /**
-    * Client custom styling via url
-    */
-    this.clientStylingUrl = '';
-    /**
-     * Language of the widget
-     */
-    this.language = 'en';
-    this.device = 'Mobile';
-    this.limitStylingAppends = false;
-    this.openModals = [];
-    this.rewards = [];
-    this.confirmationData = null;
-    this.handleCloseClick = (e) => {
-      const type = +e.currentTarget.getAttribute('data-type');
-      this.closeModal.emit(type);
-    };
-    this.handleChallengeAttendance = () => {
-      window.postMessage({
-        type: 'ChallengeAttendance',
-        confirmationData: this.confirmationData,
-      });
-    };
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.host.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let url = new URL(this.clientStylingUrl);
-      let cssFile = document.createElement('style');
-      fetch(url.href)
-        .then((res) => res.text())
-        .then((data) => {
-        cssFile.innerHTML = data;
-        setTimeout(() => { this.host.prepend(cssFile); }, 1);
-      })
-        .catch((err) => {
-        console.log('Error ', err);
-      });
-    };
-    this.isModalOpen = (type) => {
-      return Boolean(this.openModals.find(el => el === type));
-    };
-  }
-  openModalHandler(event) {
-    const { modalType, rewards, confirmationData } = event.detail;
-    this.openModals = [...this.openModals, modalType];
-    if (rewards === null || rewards === void 0 ? void 0 : rewards.length) {
-      this.rewards = [...rewards];
-    }
-    if (confirmationData) {
-      this.confirmationData = confirmationData;
-    }
-  }
-  closeModalHandler(event) {
-    this.openModals = this.openModals.filter(el => el !== event.detail);
-  }
-  componentDidRender() {
-    if (!this.limitStylingAppends && this.host) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
-    }
-  }
-  render() {
-    const { prevId } = this.confirmationData || {};
-    return (index.h("div", { class: `ModalContainer ${this.device}` }, index.h("casino-engagement-suite-modal", { isOpen: this.isModalOpen("REWARD_MODAL"), header: "Congratulations!", icon: "https://static.everymatrix.com/gic/img/engagement-suite/close.svg", contentIcon: "https://static.everymatrix.com/gic/img/engagement-suite/cup-reward.svg", modalType: "REWARD_MODAL", device: this.device }, index.h("div", { slot: "body" }, index.h("p", null, translate('won', this.language), " ", index.h("span", { class: 'ModalReward' }, this.rewards))), index.h("div", { slot: "footer" }, index.h("button", { class: 'ModalFooterButton', onClick: this.handleCloseClick, "data-type": 'REWARD_MODAL' }, translate('continue', this.language)))), index.h("casino-engagement-suite-modal", { isOpen: this.isModalOpen("TARGET_MODAL"), header: prevId ?
-        translate('joinHeader', this.language) :
-        translate('unJoinHeader', this.language), icon: "https://static.everymatrix.com/gic/img/engagement-suite/close.svg", modalType: "TARGET_MODAL", device: this.device }, index.h("div", { slot: "body" }, index.h("p", { class: 'LeftAlign' }, translate('desc', this.language)), index.h("p", { class: 'LeftAlign' }, prevId ?
-      translate('joinQuestion', this.language) :
-      translate('unJoinQuestion', this.language))), index.h("div", { slot: "footer", class: 'ManyActions' }, index.h("button", { class: 'ModalFooterButton', onClick: this.handleChallengeAttendance }, prevId ?
-      translate('joinConfirm', this.language) :
-      translate('unJoinConfirm', this.language)), index.h("button", { class: 'ModalFooterButtonOutlined', onClick: this.handleCloseClick, "data-type": 'TARGET_MODAL' }, index.h("div", { class: 'GradientText' }, prevId ?
-      translate('joinReject', this.language) :
-      translate('unJoinReject', this.language)))))));
-  }
-  get host() { return index.getElement(this); }
-};
-CasinoEngagementSuiteModalContainer.style = casinoEngagementSuiteModalContainerCss;
-
-exports.casino_engagement_suite_modal_container = CasinoEngagementSuiteModalContainer;

package/dist/cjs/casino-engagement-suite-modal.cjs.entry.js

@@ -1,68 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2394967b.js');
-
-const MODAL_TYPES = {
-  REWARD_MODAL: 'REWARD_MODAL',
-  TARGET_MODAL: 'TARGET_MODAL'
-};
-
-const casinoEngagementSuiteModalCss = ":host{display:block}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer}button:focus{outline:none}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center}.ModalOverlay.Open{display:flex}.IconCloseContainer{width:100%;display:flex;justify-content:end}.ModalContent{display:flex;flex-direction:column;align-items:center;font-family:\"Montserrat\", sans-serif;position:relative;color:var(--emw--color-typography, #FFFFFF);background-color:var(--emw--color-background, #1E1638);padding:12px;border-radius:8px;width:450px;max-width:100%;text-align:center}.GradientBorder::before{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:9px;background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #FF9401 82.77%);z-index:-1}.ModalHeader{font-weight:var(--emw--font-weight-semibold, 600);font-size:20px;margin-top:12px;padding:0 16px}.ModalIcon{width:44px;height:44px;border-radius:50%;background-size:cover;background-position:center;background-image:url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/leaderboard.svg\");margin-top:12px}.ModalBody{margin-top:20px;font-size:16px;font-family:\"Inter\", sans-serif;font-weight:var(--emw--font-weight-normal, 400);color:var(--emw--color-gray-100, #BBB9C3);padding:0 16px}.ModalFooter{margin-top:40px;margin-bottom:28px;padding:0 16px;width:100%}.ModalOverlay.Mobile .ModalBody{font-size:14px}.ModalOverlay.Mobile .ModalContent{width:318px}.ModalOverlay.Mobile .ModalHeader h1{font-size:20px}";
-
-const CasinoEngagementSuiteModal = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.closeModal = index.createEvent(this, "closeModal", 7);
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-    * Client custom styling via url
-    */
-    this.clientStylingUrl = '';
-    this.device = 'Mobile';
-    this.limitStylingAppends = false;
-    this.handleCloseClick = () => {
-      this.closeModal.emit(this.modalType);
-    };
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.host.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let url = new URL(this.clientStylingUrl);
-      let cssFile = document.createElement('style');
-      fetch(url.href)
-        .then((res) => res.text())
-        .then((data) => {
-        cssFile.innerHTML = data;
-        setTimeout(() => { this.host.prepend(cssFile); }, 1);
-      })
-        .catch((err) => {
-        console.log('Error ', err);
-      });
-    };
-  }
-  componentDidRender() {
-    if (!this.limitStylingAppends && this.host) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
-    }
-  }
-  render() {
-    return (index.h("div", { class: `ModalOverlay ${this.isOpen && 'Open'} ${this.device}` }, index.h("div", { class: "ModalContent GradientBorder" }, index.h("div", { class: 'IconCloseContainer' }, index.h("button", { class: "IconCloseButton", onClick: this.handleCloseClick }, index.h("img", { src: this.icon, alt: "\u0421lose modal" }))), this.contentIcon ? (index.h("div", { class: "ModalIcon", style: {
-        background: `url(${this.contentIcon}) no-repeat center, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%)`
-      } })) : this.modalType === MODAL_TYPES.REWARD_MODAL ? (index.h("div", { class: "ModalIcon" })) : null, index.h("div", { class: "ModalHeader" }, index.h("h1", null, this.header)), index.h("div", { class: "ModalBody" }, index.h("slot", { name: "body" })), index.h("div", { class: "ModalFooter" }, index.h("slot", { name: "footer" })))));
-  }
-  get host() { return index.getElement(this); }
-};
-CasinoEngagementSuiteModal.style = casinoEngagementSuiteModalCss;
-
-exports.casino_engagement_suite_modal = CasinoEngagementSuiteModal;

package/dist/esm/casino-engagement-suite-modal-container.entry.js

@@ -1,123 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-89c6c4a4.js';
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['en'];
-const TRANSLATIONS = {
-  en: {
-    joinHeader: 'Choose another challenge?',
-    desc: 'Any progress on the current challenge will be kept and you can rejoin the challenge at any time.',
-    joinQuestion: 'Would you still like to join another challenge?',
-    joinConfirm: 'Yes, join another challenge',
-    joinReject: 'No, stay at the current challenge',
-    unJoinHeader: 'Quit Challenge?',
-    unJoinQuestion: 'Would you still like to quit the challenge?',
-    unJoinConfirm: 'Yes, I want to quit challenge',
-    unJoinReject: 'No, stay at challenge',
-    join: 'Unjoin',
-    unJoin: 'Unjoin',
-    continue: 'Continue',
-    won: 'You won',
-    noChallenges: 'No Challenges yet',
-    tryOtherGames: 'Try winning Challenges as rewards or launching other booster games',
-    tooltip: 'Competition where your real money bets contribute towards the level progress to achieve the level reward'
-  }
-};
-const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-};
-
-const casinoEngagementSuiteModalContainerCss = ":host{display:block}.ModalFooterButton,.ModalFooterButtonOutlined{transition:all 0.5s ease-out;background:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);color:var(--emw--color-typography, #1E1638);border-radius:99px;min-width:140px;height:36px;font-size:14px;font-weight:var(--emw--font-weight-bold, 700);position:relative;font-family:\"Montserrat\", sans-serif;padding:0 16px;box-sizing:border-box;margin:auto;border:none;cursor:pointer}.ModalFooterButtonOutlined{background:linear-gradient(var(--emw--color-background, #1E1638) 0 0) padding-box, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%) border-box;border:2px solid transparent}.GradientText{background-image:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);color:transparent;background-clip:text}.ManyActions{display:flex;width:100%;flex-direction:column;align-items:stretch}.ManyActions .ModalFooterButton,.ManyActions .ModalFooterButtonOutlined{width:280px}.ManyActions button:first-child{margin-bottom:16px}.ModalReward{font-weight:var(--emw--font-weight-semibold, 600);color:var(--emw--color-typography, #FFFFFF)}.ModalContainer.Mobile .ModalFooterButton{min-width:140px;height:32px}.ModalContainer.Mobile .ManyActions .ModalFooterButton,.ModalContainer.Mobile .ManyActions .ModalFooterButtonOutlined{width:100%;height:32px}.ModalContainer.Mobile .ManyActions button:first-child{margin-bottom:8px}.LeftAlign{text-align:left;line-height:1.2}";
-
-const CasinoEngagementSuiteModalContainer = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.closeModal = createEvent(this, "closeModal", 7);
-    /**
-    * Client custom styling via string
-    */
-    this.clientStyling = '';
-    /**
-    * Client custom styling via url
-    */
-    this.clientStylingUrl = '';
-    /**
-     * Language of the widget
-     */
-    this.language = 'en';
-    this.device = 'Mobile';
-    this.limitStylingAppends = false;
-    this.openModals = [];
-    this.rewards = [];
-    this.confirmationData = null;
-    this.handleCloseClick = (e) => {
-      const type = +e.currentTarget.getAttribute('data-type');
-      this.closeModal.emit(type);
-    };
-    this.handleChallengeAttendance = () => {
-      window.postMessage({
-        type: 'ChallengeAttendance',
-        confirmationData: this.confirmationData,
-      });
-    };
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.host.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let url = new URL(this.clientStylingUrl);
-      let cssFile = document.createElement('style');
-      fetch(url.href)
-        .then((res) => res.text())
-        .then((data) => {
-        cssFile.innerHTML = data;
-        setTimeout(() => { this.host.prepend(cssFile); }, 1);
-      })
-        .catch((err) => {
-        console.log('Error ', err);
-      });
-    };
-    this.isModalOpen = (type) => {
-      return Boolean(this.openModals.find(el => el === type));
-    };
-  }
-  openModalHandler(event) {
-    const { modalType, rewards, confirmationData } = event.detail;
-    this.openModals = [...this.openModals, modalType];
-    if (rewards === null || rewards === void 0 ? void 0 : rewards.length) {
-      this.rewards = [...rewards];
-    }
-    if (confirmationData) {
-      this.confirmationData = confirmationData;
-    }
-  }
-  closeModalHandler(event) {
-    this.openModals = this.openModals.filter(el => el !== event.detail);
-  }
-  componentDidRender() {
-    if (!this.limitStylingAppends && this.host) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
-    }
-  }
-  render() {
-    const { prevId } = this.confirmationData || {};
-    return (h("div", { class: `ModalContainer ${this.device}` }, h("casino-engagement-suite-modal", { isOpen: this.isModalOpen("REWARD_MODAL"), header: "Congratulations!", icon: "https://static.everymatrix.com/gic/img/engagement-suite/close.svg", contentIcon: "https://static.everymatrix.com/gic/img/engagement-suite/cup-reward.svg", modalType: "REWARD_MODAL", device: this.device }, h("div", { slot: "body" }, h("p", null, translate('won', this.language), " ", h("span", { class: 'ModalReward' }, this.rewards))), h("div", { slot: "footer" }, h("button", { class: 'ModalFooterButton', onClick: this.handleCloseClick, "data-type": 'REWARD_MODAL' }, translate('continue', this.language)))), h("casino-engagement-suite-modal", { isOpen: this.isModalOpen("TARGET_MODAL"), header: prevId ?
-        translate('joinHeader', this.language) :
-        translate('unJoinHeader', this.language), icon: "https://static.everymatrix.com/gic/img/engagement-suite/close.svg", modalType: "TARGET_MODAL", device: this.device }, h("div", { slot: "body" }, h("p", { class: 'LeftAlign' }, translate('desc', this.language)), h("p", { class: 'LeftAlign' }, prevId ?
-      translate('joinQuestion', this.language) :
-      translate('unJoinQuestion', this.language))), h("div", { slot: "footer", class: 'ManyActions' }, h("button", { class: 'ModalFooterButton', onClick: this.handleChallengeAttendance }, prevId ?
-      translate('joinConfirm', this.language) :
-      translate('unJoinConfirm', this.language)), h("button", { class: 'ModalFooterButtonOutlined', onClick: this.handleCloseClick, "data-type": 'TARGET_MODAL' }, h("div", { class: 'GradientText' }, prevId ?
-      translate('joinReject', this.language) :
-      translate('unJoinReject', this.language)))))));
-  }
-  get host() { return getElement(this); }
-};
-CasinoEngagementSuiteModalContainer.style = casinoEngagementSuiteModalContainerCss;
-
-export { CasinoEngagementSuiteModalContainer as casino_engagement_suite_modal_container };

package/dist/esm/casino-engagement-suite-modal.entry.js

@@ -1,64 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-89c6c4a4.js';
-
-const MODAL_TYPES = {
-  REWARD_MODAL: 'REWARD_MODAL',
-  TARGET_MODAL: 'TARGET_MODAL'
-};
-
-const casinoEngagementSuiteModalCss = ":host{display:block}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer}button:focus{outline:none}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center}.ModalOverlay.Open{display:flex}.IconCloseContainer{width:100%;display:flex;justify-content:end}.ModalContent{display:flex;flex-direction:column;align-items:center;font-family:\"Montserrat\", sans-serif;position:relative;color:var(--emw--color-typography, #FFFFFF);background-color:var(--emw--color-background, #1E1638);padding:12px;border-radius:8px;width:450px;max-width:100%;text-align:center}.GradientBorder::before{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:9px;background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #FF9401 82.77%);z-index:-1}.ModalHeader{font-weight:var(--emw--font-weight-semibold, 600);font-size:20px;margin-top:12px;padding:0 16px}.ModalIcon{width:44px;height:44px;border-radius:50%;background-size:cover;background-position:center;background-image:url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/leaderboard.svg\");margin-top:12px}.ModalBody{margin-top:20px;font-size:16px;font-family:\"Inter\", sans-serif;font-weight:var(--emw--font-weight-normal, 400);color:var(--emw--color-gray-100, #BBB9C3);padding:0 16px}.ModalFooter{margin-top:40px;margin-bottom:28px;padding:0 16px;width:100%}.ModalOverlay.Mobile .ModalBody{font-size:14px}.ModalOverlay.Mobile .ModalContent{width:318px}.ModalOverlay.Mobile .ModalHeader h1{font-size:20px}";
-
-const CasinoEngagementSuiteModal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.closeModal = createEvent(this, "closeModal", 7);
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-    * Client custom styling via url
-    */
-    this.clientStylingUrl = '';
-    this.device = 'Mobile';
-    this.limitStylingAppends = false;
-    this.handleCloseClick = () => {
-      this.closeModal.emit(this.modalType);
-    };
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.host.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let url = new URL(this.clientStylingUrl);
-      let cssFile = document.createElement('style');
-      fetch(url.href)
-        .then((res) => res.text())
-        .then((data) => {
-        cssFile.innerHTML = data;
-        setTimeout(() => { this.host.prepend(cssFile); }, 1);
-      })
-        .catch((err) => {
-        console.log('Error ', err);
-      });
-    };
-  }
-  componentDidRender() {
-    if (!this.limitStylingAppends && this.host) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
-    }
-  }
-  render() {
-    return (h("div", { class: `ModalOverlay ${this.isOpen && 'Open'} ${this.device}` }, h("div", { class: "ModalContent GradientBorder" }, h("div", { class: 'IconCloseContainer' }, h("button", { class: "IconCloseButton", onClick: this.handleCloseClick }, h("img", { src: this.icon, alt: "\u0421lose modal" }))), this.contentIcon ? (h("div", { class: "ModalIcon", style: {
-        background: `url(${this.contentIcon}) no-repeat center, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%)`
-      } })) : this.modalType === MODAL_TYPES.REWARD_MODAL ? (h("div", { class: "ModalIcon" })) : null, h("div", { class: "ModalHeader" }, h("h1", null, this.header)), h("div", { class: "ModalBody" }, h("slot", { name: "body" })), h("div", { class: "ModalFooter" }, h("slot", { name: "footer" })))));
-  }
-  get host() { return getElement(this); }
-};
-CasinoEngagementSuiteModal.style = casinoEngagementSuiteModalCss;
-
-export { CasinoEngagementSuiteModal as casino_engagement_suite_modal };