@everymatrix/bonus-elevate-shop-item 1.44.0 → 1.45.0

package/dist/components/bonus-elevate-shop-assets-slider.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface BonusElevateShopAssetsSlider extends Components.BonusElevateShopAssetsSlider, HTMLElement {}
-export const BonusElevateShopAssetsSlider: {
-  prototype: BonusElevateShopAssetsSlider;
-  new (): BonusElevateShopAssetsSlider;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/bonus-elevate-shop-assets-slider.js

@@ -1,6 +0,0 @@
-import { B as BonusElevateShopAssetsSlider$1, d as defineCustomElement$1 } from './bonus-elevate-shop-assets-slider2.js';
-
-const BonusElevateShopAssetsSlider = BonusElevateShopAssetsSlider$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { BonusElevateShopAssetsSlider, defineCustomElement };

package/dist/components/bonus-elevate-shop-assets-slider2.js

@@ -1,158 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const BonusElevateShopAssetsSlider = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    /**
-     * Show slider dots
-     */
-    this.showSliderDots = false;
-    /**
-     * Show slider navigate arrows
-     */
-    this.showSliderArrows = true;
-    this.itemsPerPage = 1;
-    this.sliderItems = [];
-    /**
-     * Slider variables
-     */
-    this.activeIndex = 0;
-    this.xDown = null;
-    this.yDown = null;
-    this.orientationChangeHandler = () => {
-      setTimeout(() => {
-        this.recalculateItemsPerPage();
-      }, 10);
-    };
-    this.resizeHandler = () => {
-      this.recalculateItemsPerPage();
-    };
-  }
-  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", { class: "SliderWrapper" }, h("div", { class: 'MainContent ' }, this.showSliderArrows &&
-      h("div", { class: `SliderNavButton LeftArrow ${this.activeIndex === 0 ? 'DisabledArrow ' : ''} ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}`, onClick: () => this.move(-1) }, h("svg", { fill: "none", stroke: "var(--emfe-w-color-secondary, #FD2839)", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M15 19l-7-7 7-7" }))), h("div", { class: 'ItemsWrapper', ref: (el) => this.sliderItemsElement = el }, h("div", { 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", { 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", { fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M9 5l7 7-7 7" })))), this.showSliderDots && this.sliderItems.length > 1 &&
-      h("div", { class: "DotsWrapper" }, h("ul", { class: "Dots" }, this.renderDots())));
-  }
-  get el() { return this; }
-}, [0, "bonus-elevate-shop-assets-slider", {
-    "showSliderDots": [516, "show-slider-dots"],
-    "showSliderArrows": [516, "show-slider-arrows"],
-    "itemsPerPage": [514, "items-per-page"],
-    "sliderItems": [16],
-    "activeIndex": [32]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["bonus-elevate-shop-assets-slider"];
-  components.forEach(tagName => { switch (tagName) {
-    case "bonus-elevate-shop-assets-slider":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, BonusElevateShopAssetsSlider);
-      }
-      break;
-  } });
-}
-
-export { BonusElevateShopAssetsSlider as B, defineCustomElement as d };

package/dist/components/bonus-elevate-shop-item.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface BonusElevateShopItem extends Components.BonusElevateShopItem, HTMLElement {}
-export const BonusElevateShopItem: {
-  prototype: BonusElevateShopItem;
-  new (): BonusElevateShopItem;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/bonus-elevate-shop-item.js

@@ -1,278 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
-import { d as defineCustomElement$3 } from './bonus-elevate-shop-assets-slider2.js';
-import { d as defineCustomElement$2 } from './general-styling-wrapper2.js';
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hu'];
-const TRANSLATIONS = {
-  en: {
-    coins: 'Coins',
-    noGiftPresentation: 'No description',
-    redeem: 'Redeem',
-    noDataFound: 'No data found',
-    error4003: 'Invalid Session',
-    redeemFailed: 'Failed to redeem'
-  },
-  ro: {
-    coins: 'Coins',
-    noGiftPresentation: 'No description',
-    redeem: 'Redeem',
-    noDataFound: 'No data found',
-    error4003: 'Invalid Session',
-    redeemFailed: 'Failed to redeem'
-  },
-  fr: {
-    coins: 'Coins',
-    noGiftPresentation: 'No description',
-    redeem: 'Redeem',
-    noDataFound: 'No data found',
-    error4003: 'Invalid Session',
-    redeemFailed: 'Failed to redeem',
-  },
-  ar: {
-    coins: 'Coins',
-    noGiftPresentation: 'No description',
-    redeem: 'Redeem',
-    noDataFound: 'No data found',
-    error4003: 'Invalid Session',
-    redeemFailed: 'Failed to redeem',
-  },
-  hu: {
-    coins: 'Coins',
-    noGiftPresentation: 'No description',
-    redeem: 'Redeem',
-    noDataFound: 'No data found',
-    error4003: 'Invalid Session',
-    redeemFailed: 'Failed to redeem',
-  }
-};
-const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : 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) => {
-        for (let key in data[item]) {
-          TRANSLATIONS[item][key] = data[item][key];
-        }
-      });
-      resolve(true);
-    });
-  });
-};
-
-/**
- * @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(--emfe-w-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:20px;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:#e3dede}.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(--emfe-w-color-gray-300, #4e5a37);font-weight:400;line-height:29px;letter-spacing:0.04em;text-align:left}.ElevateDetails .RedeemButton:hover{font-weight:800;border:2px solid var(--emfe-w-color-gray-300, #e5e7d5)}.ElevateDetails .RedeemButton.Disabled:hover{font-weight:normal;border:2px solid transparent}.ElevateDetails .RedeemButton{margin-top:50px;color:#f1f1f1;font-size:20px;padding:16px 25px 16px 25px;border-radius:18px;text-align:center;cursor:pointer;background:linear-gradient(0deg, #26CC37, #26CC37), linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%);border:2px solid;border-image-source:linear-gradient(283.85deg, rgba(190, 40, 40, 0.5) 0%, rgba(56, 64, 179, 0) 33.47%);box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25)}.ElevateDetails .RedeemButton.DkButton{width:80px;padding:8px;font-size:16px;border-radius:5px}.ElevateDetails .RedeemButton.Disabled{background:linear-gradient(0deg, #b8c4b9, #9eb0a0), linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%)}.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:#efefef;border:1px solid #efefef;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(--emfe-w-color-secondary, #FD2839);background:var(--emfe-w-color-secondary, #FD2839)}.ElevateDetails .SliderWrapper .DotsWrapper ul.Dots li.default{border:solid 1px var(--emfe-w-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(--emfe-w-color-secondary, #FD2839)}.ElevateDetails .DisabledArrow svg{opacity:0.2;stroke:var(--emfe-w-color-secondary, #FD2839);pointer-events:none}";
-
-const BonusElevateShopItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.redeemGiftButton = createEvent(this, "redeemGiftButton", 7);
-    /**
-     * Currently selected language.
-     */
-    this.language = 'en';
-    /**
-     * Client custom styling via inline styles
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingUrl = '';
-    /**
-     * Translation via url
-     */
-    this.translationUrl = '';
-    /**
-     * Show slider dots
-     */
-    this.showSliderDots = false;
-    /**
-     * Show slider navigate arrows
-     */
-    this.showSliderArrows = true;
-    this.isGiftNotFound = false;
-    this.redeemErrorMsg = '';
-    this.isRedeeming = false;
-    this.bindedHandler = this.handleMessage.bind(this);
-    this.deviceType = getDevicePlatform();
-  }
-  redeemGiftConfirm() {
-    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') {
-      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, null, h("general-styling-wrapper", { clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling }), h("div", { class: 'ElevateDetails' }, this.isGiftNotFound && (h(Fragment, null, h("div", { class: "Row ThumbnailRow" }, h("div", { class: "BackButton", onClick: () => {
-        this.onBackClicked();
-      } }, '<')), h("div", { class: "Thumnails GiftNotFound" }, translate('noDataFound', this.language), "."))), this.elevateGift && h(Fragment, null, h("div", { class: "ThumbnailRow" }, h("div", { class: 'Row' }, h("div", { class: "BackButton", onClick: () => { this.onBackClicked(); } }, '<'), h("bonus-elevate-shop-assets-slider", { class: 'Thumbnails', itemsPerPage: 1, sliderItems: this.elevateGift.presentation.assets, showSliderDots: this.showSliderDots })), h("div", { class: 'Col Details' }, h("h3", { class: "GiftName" }, this.elevateGift.presentation.displayName || this.elevateGift.displayName), h("div", { class: "GiftPoints" }, h("span", { class: "Points" }, this.elevateGift.points, " "), h("span", { class: " PointsLabel" }, translate('coins', this.language))))), h("div", { class: 'ShopItemDetail Details' }, h("div", { class: "GiftPresentation" }, h("p", null, this.elevateGift.presentation.description ? this.elevateGift.presentation.description : translate('noGiftPresentation', this.language))), h("div", { class: `RedeemButton ${this.elevateGift.available === 'false' || this.isRedeeming ? 'Disabled' : ''}
-                ${this.deviceType == 'dk' ? 'DkButton' : ''}`, onClick: this.redeemGiftConfirm.bind(this) }, translate('redeem', this.language)), h("span", { class: 'RedeemError Error' }, " ", this.redeemErrorMsg, " "))))));
-  }
-  static get style() { return bonusElevateShopItemCss; }
-}, [1, "bonus-elevate-shop-item", {
-    "endpoint": [513],
-    "language": [513],
-    "itemId": [1537, "item-id"],
-    "elevateGift": [1040],
-    "session": [513],
-    "clientStyling": [513, "client-styling"],
-    "clientStylingUrl": [513, "client-styling-url"],
-    "translationUrl": [513, "translation-url"],
-    "showSliderDots": [516, "show-slider-dots"],
-    "showSliderArrows": [516, "show-slider-arrows"],
-    "isGiftNotFound": [32],
-    "redeemErrorMsg": [32],
-    "isRedeeming": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["bonus-elevate-shop-item", "bonus-elevate-shop-assets-slider", "general-styling-wrapper"];
-  components.forEach(tagName => { switch (tagName) {
-    case "bonus-elevate-shop-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, BonusElevateShopItem$1);
-      }
-      break;
-    case "bonus-elevate-shop-assets-slider":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "general-styling-wrapper":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const BonusElevateShopItem = BonusElevateShopItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { BonusElevateShopItem, defineCustomElement };

package/dist/components/general-styling-wrapper.js

@@ -1,6 +0,0 @@
-import { G as GeneralStylingWrapper$1, d as defineCustomElement$1 } from './general-styling-wrapper2.js';
-
-const GeneralStylingWrapper = GeneralStylingWrapper$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { GeneralStylingWrapper, defineCustomElement };

package/dist/components/general-styling-wrapper2.js

@@ -1,103 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-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] ? target[item] : {};
-        for (let key in data[item]) {
-          target[item][key] = data[item][key];
-        }
-      });
-      resolve(true);
-    });
-  });
-};
-
-const generalStylingWrapperCss = ":host{display:block}";
-
-const GeneralStylingWrapper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    /**
-     * Client custom styling via inline styles
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingUrl = '';
-    /**
-     * Translation via url
-     */
-    this.translationUrl = '';
-    this.stylingAppends = false;
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.el.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.el.prepend(cssFile);
-        }, 1);
-      })
-        .catch((err) => {
-        console.log('error ', err);
-      });
-    };
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.stylingAppends) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      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", { class: "StyleShell" }, h("slot", { name: "mainContent" })));
-  }
-  get el() { return this; }
-  static get style() { return generalStylingWrapperCss; }
-}, [4, "general-styling-wrapper", {
-    "clientStyling": [1, "client-styling"],
-    "clientStylingUrl": [1, "client-styling-url"],
-    "translationUrl": [1, "translation-url"],
-    "targetTranslations": [16]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["general-styling-wrapper"];
-  components.forEach(tagName => { switch (tagName) {
-    case "general-styling-wrapper":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, GeneralStylingWrapper);
-      }
-      break;
-  } });
-}
-
-export { GeneralStylingWrapper as G, defineCustomElement as d };

package/dist/components/index.d.ts

@@ -1,26 +0,0 @@
-/* BonusElevateShopItem custom elements */
-
-import type { Components, JSX } from "../types/components";
-
-/**
- * Used to manually set the base path where assets can be found.
- * If the script is used as "module", it's recommended to use "import.meta.url",
- * such as "setAssetPath(import.meta.url)". Other options include
- * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
- * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
- * But do note that this configuration depends on how your script is bundled, or lack of
- * bundling, and where your assets can be loaded from. Additionally custom bundling
- * will have to ensure the static assets are copied to its build directory.
- */
-export declare const setAssetPath: (path: string) => void;
-
-export interface SetPlatformOptions {
-  raf?: (c: FrameRequestCallback) => number;
-  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-}
-export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-
-export type { Components, JSX };
-
-export * from '../types';

package/dist/components/index.js

@@ -1 +0,0 @@
-export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';