@everymatrix/general-about-us 1.31.2 → 1.32.4

package/dist/cjs/index.cjs.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/dist/cjs/loader.cjs.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-f09c74e2.js');
-
-/*
- Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return index.promiseResolve();
-};
-
-const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
-  return index.bootstrapLazy([["general-about-us.cjs",[[1,"general-about-us",{"cmsEndpoint":[513,"cms-endpoint"],"language":[513],"userRoles":[513,"user-roles"],"cmsEnv":[513,"cms-env"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"hasErrors":[32],"isLoading":[32],"limitStylingAppends":[32],"device":[32]}]]]], options);
-  });
-};
-
-exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -1,12 +0,0 @@
-{
-  "entries": [
-    "./components/general-about-us/general-about-us.js"
-  ],
-  "compiler": {
-    "name": "@stencil/core",
-    "version": "2.15.2",
-    "typescriptVersion": "4.5.4"
-  },
-  "collections": [],
-  "bundles": []
-}

package/dist/collection/components/general-about-us/general-about-us.css

@@ -1,137 +0,0 @@
-:host {
-  display: block;
-  font-family: inherit;
-}
-
-p {
-  margin: 0;
-  padding: 0;
-  font-family: inherit;
-}
-
-button {
-  font-family: inherit;
-}
-
-.AboutUsError .ErrorInfo {
-  color: var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909));
-}
-
-.AboutUsWrapper {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  width: 100%;
-  background-color: var(--emfe-w-casino-color-bg, var(--emfe-w-color-background, #07072A));
-  animation: fadeInAnimation ease 1.5s;
-  animation-iteration-count: 1;
-  animation-fill-mode: forwards;
-}
-
-@keyframes fadeInAnimation {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.ItemImage {
-  flex: auto;
-  max-width: 50%;
-  height: 300px;
-  border-radius: 5px;
-}
-
-.ItemDetails {
-  flex: 1 1 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-around;
-  border-radius: 5px;
-  margin: 0 20px;
-}
-
-.Title {
-  font-size: 24px;
-  font-weight: 700;
-  -webkit-text-fill-color: transparent;
-  color: var(--emfe-w-casino-typography, var(--emfe-w-color-contrast, #FFFFFF));
-  background: linear-gradient(to top, var(--emfe-w-categories-color-secondary, var(--emfe-w-color-secondary, #FD2839)), var(--emfe-w-categories-color-primary, var(--emfe-w-color-primary, #D0046C)));
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-
-.Description {
-  font-size: 16px;
-  color: var(--emfe-w-casino-typography, var(--emfe-w-color-contrast, #FFFFFF));
-}
-
-button {
-  width: 160px;
-  padding: 10px 15px;
-  background: linear-gradient(to top, var(--emfe-w-categories-color-secondary, var(--emfe-w-color-secondary, #FD2839)), var(--emfe-w-categories-color-primary, var(--emfe-w-color-primary, #D0046C)));
-  color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
-  font-size: 16px;
-  border: 2px solid var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C));
-  border-radius: 5px;
-  line-height: 24px;
-  transition: all 1s;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-}
-button:hover {
-  background: linear-gradient(to bottom, var(--emfe-w-categories-color-secondary, var(--emfe-w-color-secondary, #FD2839)), var(--emfe-w-categories-color-primary, var(--emfe-w-color-primary, #D0046C)));
-  color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
-  transition: all 0.5s;
-  transform: translateY(-10px);
-}
-button button::after {
-  content: "";
-  display: block;
-  background-color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
-  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yMS44ODMgMTJsLTcuNTI3IDYuMjM1LjY0NC43NjUgOS03LjUyMS05LTcuNDc5LS42NDUuNzY0IDcuNTI5IDYuMjM2aC0yMS44ODR2MWgyMS44ODN6Ii8+PC9zdmc+");
-  width: 24px;
-  height: 24px;
-  margin: 0 10px;
-}
-
-@container (max-width: 475px) {
-  .AboutUsWrapper {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    flex-wrap: wrap;
-    width: 100%;
-    gap: 20px;
-    padding-bottom: 20px;
-    background-color: var(--emfe-w-casino-color-bg, var(--emfe-w-color-background, #07072A));
-    animation: fadeInAnimation ease 1.5s;
-    animation-iteration-count: 1;
-    animation-fill-mode: forwards;
-  }
-
-  .ItemImage {
-    flex: auto;
-    width: 100%;
-    max-width: unset;
-    flex-grow: 1;
-  }
-
-  .ItemDetails {
-    flex: 1 1 0;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-    align-items: center;
-    border-radius: 5px;
-    gap: 20px;
-    margin: 0 20px;
-  }
-
-  .Description {
-    text-align: center;
-  }
-}

package/dist/collection/components/general-about-us/general-about-us.js

@@ -1,282 +0,0 @@
-import { Component, Prop, State, Watch, h } from '@stencil/core';
-import { translate } from '../../utils/locale.utils';
-import { getDeviceCustom, checkDeviceType, getDevicePlatform } from '../../utils/utils';
-export class GeneralAboutUs {
-  constructor() {
-    /**
-     * Language of the widget
-     */
-    this.language = 'en';
-    /**
-     * User roles
-     */
-    this.userRoles = 'everyone';
-    /**
-     * CMS Endpoint stage
-     */
-    this.cmsEnv = 'stage';
-    /**
-     * Client custom styling via inline style
-    */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingUrl = '';
-    this.hasErrors = false;
-    this.isLoading = true;
-    this.limitStylingAppends = false;
-    this.device = '';
-    this.handleClick = (url, target, location, isExternal) => {
-      window.postMessage({ type: 'AboutUsClicked', buttonUrl: url, targetType: target, locations: location, externalLink: isExternal || false }, window.location.href);
-      // @ts-ignore Analytics event
-      if (typeof gtag == 'function') {
-        // @ts-ignore
-        gtag('event', 'GeneralAboutUs', {
-          'context': 'AboutUsContent'
-        });
-      }
-    };
-    this.setImage = (image) => {
-      let source = '';
-      this.device = checkDeviceType();
-      switch (this.device) {
-        case 'mobile':
-          source = image.imageMobile;
-          break;
-        case 'tablet':
-          source = image.imageTablet;
-          break;
-        case 'desktop':
-          source = image.imageDesktop;
-          break;
-      }
-      return source;
-    };
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.stylingContainer.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.stylingContainer.prepend(cssFile); }, 1);
-      })
-        .catch((err) => {
-        console.log('error ', err);
-      });
-    };
-  }
-  watchEndpoint(newValue, oldValue) {
-    if (newValue && newValue != oldValue && this.cmsEndpoint) {
-      this.getAboutUs();
-    }
-  }
-  componentWillLoad() {
-    if (this.cmsEndpoint && this.language) {
-      return this.getAboutUs();
-    }
-  }
-  componentDidLoad() {
-    this.device = getDeviceCustom();
-  }
-  getAboutUs() {
-    let url = new URL(`${this.cmsEndpoint}/${this.language}/homepage`);
-    url.searchParams.append('env', this.cmsEnv);
-    url.searchParams.append('userRoles', this.userRoles);
-    url.searchParams.append('device', getDevicePlatform());
-    return new Promise((resolve, reject) => {
-      this.isLoading = true;
-      fetch(url.href)
-        .then((res) => res.json())
-        .then((aboutUsContent) => {
-        const keysToKeep = ['title', 'description', 'images', 'button', 'externalLink', 'targetType', 'locations'];
-        const aboutUsArrContent = Object.entries(aboutUsContent)
-          .filter(([key]) => keysToKeep.includes(key))
-          .reduce((acc, [key, value]) => {
-          acc[key] = value;
-          return acc;
-        }, {});
-        this.aboutUsData = aboutUsArrContent;
-        resolve(aboutUsArrContent);
-      }).catch((err) => {
-        console.error(err);
-        this.hasErrors = true;
-        reject(err);
-      }).finally(() => {
-        this.isLoading = false;
-      });
-    });
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
-    }
-  }
-  // end custom styling area
-  render() {
-    var _a, _b, _c, _d;
-    if (this.hasErrors) {
-      return (h("div", { class: "AboutUsError" },
-        h("div", { class: "ErrorInfo" }, translate('error', this.language))));
-    }
-    if (!this.isLoading) {
-      return (h("div", { ref: el => this.stylingContainer = el },
-        h("div", { class: "AboutUsWrapper" },
-          h("div", { class: "ItemImage", style: { background: `url(${this.setImage(this.aboutUsData.images)}) no-repeat center center / cover` } }),
-          h("div", { class: "ItemDetails" },
-            h("div", { class: "Title", innerHTML: (_a = this.aboutUsData) === null || _a === void 0 ? void 0 : _a.title }),
-            h("div", { class: "Description", innerHTML: (_b = this.aboutUsData) === null || _b === void 0 ? void 0 : _b.description }),
-            h("button", { class: "Button", onClick: () => {
-                var _a, _b, _c, _d, _e;
-                return this.handleClick((_b = (_a = this.aboutUsData) === null || _a === void 0 ? void 0 : _a.button) === null || _b === void 0 ? void 0 : _b.buttonUrl, (_c = this.aboutUsData) === null || _c === void 0 ? void 0 : _c.targetType, (_d = this.aboutUsData) === null || _d === void 0 ? void 0 : _d.locations, (_e = this.aboutUsData) === null || _e === void 0 ? void 0 : _e.externalLink);
-              } }, (_d = (_c = this.aboutUsData) === null || _c === void 0 ? void 0 : _c.button) === null || _d === void 0 ? void 0 : _d.buttonText)))));
-    }
-  }
-  static get is() { return "general-about-us"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["general-about-us.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["general-about-us.css"]
-  }; }
-  static get properties() { return {
-    "cmsEndpoint": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Endpoint URL for the source of data"
-      },
-      "attribute": "cms-endpoint",
-      "reflect": true
-    },
-    "language": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Language of the widget"
-      },
-      "attribute": "language",
-      "reflect": true,
-      "defaultValue": "'en'"
-    },
-    "userRoles": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "User roles"
-      },
-      "attribute": "user-roles",
-      "reflect": true,
-      "defaultValue": "'everyone'"
-    },
-    "cmsEnv": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "CMS Endpoint stage"
-      },
-      "attribute": "cms-env",
-      "reflect": true,
-      "defaultValue": "'stage'"
-    },
-    "clientStyling": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Client custom styling via inline style"
-      },
-      "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": "''"
-    }
-  }; }
-  static get states() { return {
-    "hasErrors": {},
-    "isLoading": {},
-    "limitStylingAppends": {},
-    "device": {}
-  }; }
-  static get watchers() { return [{
-      "propName": "cmsEndpoint",
-      "methodName": "watchEndpoint"
-    }, {
-      "propName": "language",
-      "methodName": "watchEndpoint"
-    }, {
-      "propName": "userRoles",
-      "methodName": "watchEndpoint"
-    }, {
-      "propName": "device",
-      "methodName": "watchEndpoint"
-    }]; }
-}

package/dist/collection/components/general-about-us/general-about-us.types.js

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

package/dist/collection/index.js

@@ -1 +0,0 @@
-export * from './components';

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

@@ -1,32 +0,0 @@
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hu', 'hr'];
-const TRANSLATIONS = {
-  en: {
-    error: 'Error',
-    noResults: 'Loading, please wait ...',
-  },
-  hu: {
-    error: 'Error',
-    noResults: 'Loading, please wait ...',
-  },
-  ro: {
-    error: 'Eroare',
-    noResults: 'Loading, please wait ...',
-  },
-  fr: {
-    error: 'Error',
-    noResults: 'Loading, please wait ...',
-  },
-  ar: {
-    error: 'خطأ',
-    noResults: 'Loading, please wait ...',
-  },
-  hr: {
-    error: 'Greška',
-    noResults: 'Učitavanje, molimo pričekajte ...',
-  }
-};
-export const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-};

package/dist/collection/utils/utils.js

@@ -1,56 +0,0 @@
-export function checkDeviceType() {
-  const userAgent = navigator.userAgent.toLowerCase();
-  const width = screen.availWidth;
-  const height = screen.availHeight;
-  if (userAgent.includes('iphone')) {
-    return 'mobile';
-  }
-  if (userAgent.includes('android')) {
-    if (height > width && width < 800) {
-      return 'mobile';
-    }
-    if (width > height && height < 800) {
-      return 'tablet';
-    }
-  }
-  return 'desktop';
-}
-function checkCustomDeviceWidth() {
-  const width = screen.availWidth;
-  if (width < 600) {
-    return 'mobile';
-  }
-  else if (width >= 600 && width < 1100) {
-    return 'tablet';
-  }
-}
-export function getDeviceCustom() {
-  const userAgent = navigator.userAgent.toLowerCase();
-  let source = '';
-  source = (userAgent.includes('android') || userAgent.includes('iphone') || userAgent.includes('ipad')) ? checkCustomDeviceWidth() : 'desktop';
-  return source;
-}
-const getDevice = () => {
-  let userAgent = window.navigator.userAgent.toLocaleLowerCase();
-  if (userAgent.includes('android/i'))
-    return 'android';
-  if (userAgent.includes('iphone/i'))
-    return 'iPhone';
-  if (userAgent.includes('ipad/i') || userAgent.includes('ipod/i'))
-    return 'iPad';
-  return 'PC';
-};
-export const getDevicePlatform = () => {
-  const device = getDevice();
-  if (device) {
-    if (device === 'PC') {
-      return 'dk';
-    }
-    else if (device === 'iPad' || device === 'iPhone') {
-      return 'mtWeb';
-    }
-    else {
-      return 'mtWeb';
-    }
-  }
-};

package/dist/components/general-about-us.d.ts

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