@everymatrix/user-deposit-withdrawal 1.22.10 → 1.23.2

package/dist/cjs/{index-3568d1cc.js → index-b92094b0.js}

@@ -135,6 +135,11 @@ const getScopeId = (cmp, mode) => 'sc-' + (cmp.$tagName$);
  * Don't add values to these!!
  */
 const EMPTY_OBJ = {};
+/**
+ * Namespaces
+ */
+const SVG_NS = 'http://www.w3.org/2000/svg';
+const HTML_NS = 'http://www.w3.org/1999/xhtml';
 const isDef = (v) => v != null;
 const isComplexType = (o) => {
     // https://jsperf.com/typeof-fn-object/5
@@ -180,6 +185,19 @@ const h = (nodeName, vnodeData, ...children) => {
         }
     };
     walk(children);
+    if (vnodeData) {
+        {
+            const classData = vnodeData.className || vnodeData.class;
+            if (classData) {
+                vnodeData.class =
+                    typeof classData !== 'object'
+                        ? classData
+                        : Object.keys(classData)
+                            .filter((k) => classData[k])
+                            .join(' ');
+            }
+        }
+    }
     const vnode = newVNode(nodeName, null);
     vnode.$attrs$ = vnodeData;
     if (vNodeChildren.length > 0) {
@@ -213,8 +231,60 @@ const isHost = (node) => node && node.$tag$ === Host;
 const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
     if (oldValue !== newValue) {
         let isProp = isMemberInElement(elm, memberName);
-        memberName.toLowerCase();
-        {
+        let ln = memberName.toLowerCase();
+        if (memberName === 'class') {
+            const classList = elm.classList;
+            const oldClasses = parseClassList(oldValue);
+            const newClasses = parseClassList(newValue);
+            classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
+            classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+        }
+        else if (memberName === 'ref') {
+            // minifier will clean this up
+            if (newValue) {
+                newValue(elm);
+            }
+        }
+        else if ((!isProp ) &&
+            memberName[0] === 'o' &&
+            memberName[1] === 'n') {
+            // Event Handlers
+            // so if the member name starts with "on" and the 3rd characters is
+            // a capital letter, and it's not already a member on the element,
+            // then we're assuming it's an event listener
+            if (memberName[2] === '-') {
+                // on- prefixed events
+                // allows to be explicit about the dom event to listen without any magic
+                // under the hood:
+                // <my-cmp on-click> // listens for "click"
+                // <my-cmp on-Click> // listens for "Click"
+                // <my-cmp on-ionChange> // listens for "ionChange"
+                // <my-cmp on-EVENTS> // listens for "EVENTS"
+                memberName = memberName.slice(3);
+            }
+            else if (isMemberInElement(win, ln)) {
+                // standard event
+                // the JSX attribute could have been "onMouseOver" and the
+                // member name "onmouseover" is on the window's prototype
+                // so let's add the listener "mouseover", which is all lowercased
+                memberName = ln.slice(2);
+            }
+            else {
+                // custom event
+                // the JSX attribute could have been "onMyCustomEvent"
+                // so let's trim off the "on" prefix and lowercase the first character
+                // and add the listener "myCustomEvent"
+                // except for the first character, we keep the event name case
+                memberName = ln[2] + memberName.slice(3);
+            }
+            if (oldValue) {
+                plt.rel(elm, memberName, oldValue, false);
+            }
+            if (newValue) {
+                plt.ael(elm, memberName, newValue, false);
+            }
+        }
+        else {
             // Set property if it exists and it's not a SVG
             const isComplex = isComplexType(newValue);
             if ((isProp || (isComplex && newValue !== null)) && !isSvg) {
@@ -251,6 +321,8 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
         }
     }
 };
+const parseClassListRegex = /\s/;
+const parseClassList = (value) => (!value ? [] : value.split(parseClassListRegex));
 const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
     // if the element passed in is a shadow root, which is a document fragment
     // then we want to be adding attrs/props to the shadow root's "host" element
@@ -279,9 +351,20 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     let i = 0;
     let elm;
     let childNode;
-    {
+    if (newVNode.$text$ !== null) {
+        // create text node
+        elm = newVNode.$elm$ = doc.createTextNode(newVNode.$text$);
+    }
+    else {
+        if (!isSvgMode) {
+            isSvgMode = newVNode.$tag$ === 'svg';
+        }
         // create element
-        elm = newVNode.$elm$ = (doc.createElement(newVNode.$tag$));
+        elm = newVNode.$elm$ = (doc.createElementNS(isSvgMode ? SVG_NS : HTML_NS, newVNode.$tag$)
+            );
+        if (isSvgMode && newVNode.$tag$ === 'foreignObject') {
+            isSvgMode = false;
+        }
         // add css classes, attrs, props, listeners, etc.
         {
             updateElement(null, newVNode, isSvgMode);
@@ -302,6 +385,16 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
                 }
             }
         }
+        {
+            if (newVNode.$tag$ === 'svg') {
+                // Only reset the SVG context when we're exiting <svg> element
+                isSvgMode = false;
+            }
+            else if (elm.tagName === 'foreignObject') {
+                // Reenter SVG context when we're exiting <foreignObject> element
+                isSvgMode = true;
+            }
+        }
     }
     return elm;
 };
@@ -325,6 +418,7 @@ const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
     for (; startIdx <= endIdx; ++startIdx) {
         if ((vnode = vnodes[startIdx])) {
             elm = vnode.$elm$;
+            callNodeRefs(vnode);
             // remove the vnode's element from the dom
             elm.remove();
         }
@@ -408,7 +502,14 @@ const patch = (oldVNode, newVNode) => {
     const elm = (newVNode.$elm$ = oldVNode.$elm$);
     const oldChildren = oldVNode.$children$;
     const newChildren = newVNode.$children$;
-    {
+    const tag = newVNode.$tag$;
+    const text = newVNode.$text$;
+    if (text === null) {
+        {
+            // test if we're rendering an svg element, or still rendering nodes inside of one
+            // only add this to the when the compiler sees we're using an svg somewhere
+            isSvgMode = tag === 'svg' ? true : tag === 'foreignObject' ? false : isSvgMode;
+        }
         // element node
         {
             {
@@ -423,6 +524,11 @@ const patch = (oldVNode, newVNode) => {
             updateChildren(elm, oldChildren, newVNode, newChildren);
         }
         else if (newChildren !== null) {
+            // no old child vnodes, but there are new child vnodes to add
+            if (oldVNode.$text$ !== null) {
+                // the old vnode was text, so be sure to clear it out
+                elm.textContent = '';
+            }
             // add the new vnode children
             addVnodes(elm, null, newVNode, newChildren, 0, newChildren.length - 1);
         }
@@ -430,6 +536,20 @@ const patch = (oldVNode, newVNode) => {
             // no new child vnodes, but there are old child vnodes to remove
             removeVnodes(oldChildren, 0, oldChildren.length - 1);
         }
+        if (isSvgMode && tag === 'svg') {
+            isSvgMode = false;
+        }
+    }
+    else if (oldVNode.$text$ !== text) {
+        // update the text content for the text only vnode
+        // and also only if the text is different than before
+        elm.data = text;
+    }
+};
+const callNodeRefs = (vNode) => {
+    {
+        vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
+        vNode.$children$ && vNode.$children$.map(callNodeRefs);
     }
 };
 const renderVdom = (hostRef, renderFnResults) => {
@@ -562,6 +682,9 @@ const postUpdateComponent = (hostRef) => {
     const endPostUpdate = createTime('postUpdate', tagName);
     const instance = hostRef.$lazyInstance$ ;
     const ancestorComponent = hostRef.$ancestorComponent$;
+    {
+        safeCall(instance, 'componentDidRender');
+    }
     if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
         hostRef.$flags$ |= 64 /* hasLoadedComponent */;
         {

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3568d1cc.js');
+const index = require('./index-b92094b0.js');
 
 /*
  Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["user-deposit-withdrawal.cjs",[[1,"user-deposit-withdrawal",{"endpoint":[513],"type":[513],"channel":[513],"language":[513],"productType":[513,"product-type"],"userId":[513,"user-id"],"session":[513],"successUrl":[513,"success-url"],"cancelUrl":[513,"cancel-url"],"failUrl":[513,"fail-url"],"sportsUrl":[513,"sports-url"],"casinoUrl":[513,"casino-url"],"contactUrl":[513,"contact-url"],"depositUrl":[513,"deposit-url"],"homeUrl":[513,"home-url"],"beforeRedirect":[16]}]]]], options);
+  return index.bootstrapLazy([["user-deposit-withdrawal.cjs",[[1,"user-deposit-withdrawal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"endpoint":[513],"type":[513],"channel":[513],"language":[513],"productType":[513,"product-type"],"userId":[513,"user-id"],"session":[513],"successUrl":[513,"success-url"],"cancelUrl":[513,"cancel-url"],"failUrl":[513,"fail-url"],"sportsUrl":[513,"sports-url"],"casinoUrl":[513,"casino-url"],"contactUrl":[513,"contact-url"],"depositUrl":[513,"deposit-url"],"homeUrl":[513,"home-url"],"beforeRedirect":[16],"limitStylingAppends":[32]}]]]], options);
   });
 };
 

package/dist/cjs/user-deposit-withdrawal.cjs.entry.js

@@ -2,16 +2,83 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3568d1cc.js');
+const index = require('./index-b92094b0.js');
 
-const userDepositWithdrawalCss = ":host{display:block;height:100%;overflow:hidden}";
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'hr'];
+const TRANSLATIONS = {
+  en: {
+    Deposit: 'Deposit',
+    Withdraw: 'Withdraw',
+  },
+  ro: {
+    Deposit: 'Depozit',
+    Withdraw: 'Retragere',
+  },
+  fr: {
+    Deposit: 'Deposit',
+    Withdraw: 'Withdraw',
+  },
+  hr: {
+    Deposit: 'Letét',
+    Withdraw: 'Visszavonás',
+  }
+};
+const translate = (key, customLang) => {
+  const lang = customLang;
+  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+};
+
+/**
+ * @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 isMobile = (userAgent) => {
+  return !!(userAgent.toLowerCase().match(/android/i) ||
+    userAgent.toLowerCase().match(/blackberry|bb/i) ||
+    userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
+    userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
+};
+
+const userDepositWithdrawalCss = ":host {\n  font: inherit;\n  display: block;\n  height: 100%;\n  overflow: hidden;\n}\n\n.MenuReturnButton {\n  font: inherit;\n  color: var(--emfe-w-color-gray-300, #58586B);\n  display: inline-flex;\n  align-items: center;\n  column-gap: 10px;\n  margin-bottom: 10px;\n}\n.MenuReturnButton svg {\n  fill: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n.MenuReturnButton h2.CategoryTitleMobile {\n  font-size: 16px;\n  color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n\n.DepositWithdrawalWrapper {\n  width: 100%;\n  padding: 0;\n  margin: 0;\n}\n\n@container (max-width: 475px) {\n  .DepositWithdrawalWrapper {\n    height: 100vh;\n  }\n}";
 
 const emptyFunction = () => { };
 const UserDepositWithdrawal = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    /**
+     * Client custom styling via inline style
+     */
+    this.clientStyling = '';
+    /**
+     * Client custom styling via url
+     */
+    this.clientStylingUrl = '';
     this.beforeRedirect = emptyFunction;
+    this.limitStylingAppends = false;
     this.bindedHandler = this.handleMessage.bind(this);
+    this.userAgent = window.navigator.userAgent;
+    this.isMobile = isMobile(this.userAgent);
+    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);
+      });
+    };
   }
   get typeParameter() {
     if (this.type === 'deposit') {
@@ -27,14 +94,29 @@ const UserDepositWithdrawal = class {
   async componentWillLoad() {
     await this.loadWidget();
   }
+  toggleScreen(isMobile) {
+    window.postMessage({ type: 'PlayerAccountMenuActive', isMobile }, window.location.href);
+  }
   componentDidLoad() {
     window.addEventListener('message', this.bindedHandler, false);
   }
   disconnectedCallback() {
     window.removeEventListener('message', this.bindedHandler, 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() {
-    return (index.h(index.Host, null, index.h("iframe", { width: "100%", height: "100%", src: this.cashierInfoUrl })));
+    return (index.h(index.Host, null, index.h("div", { ref: el => this.stylingContainer = el }, index.h("div", { class: "DepositWithdrawalWrapper" }, index.h("div", null, (this.isMobile &&
+      index.h("div", { class: "MenuReturnButton", onClick: () => this.toggleScreen(this.isMobile) }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, index.h("defs", null), index.h("g", { transform: "translate(-20 -158)" }, index.h("g", { transform: "translate(20 158)" }, index.h("path", { class: "aaa", d: "M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z", transform: "translate(15 15) rotate(180)" })))), index.h("h2", { class: "CategoryTitleMobile" }, translate(this.typeParameter === 'Withdraw' ? 'Withdraw' : 'Deposit', this.language))))), index.h("iframe", { width: "100%", height: "100%", src: this.cashierInfoUrl })))));
   }
   async loadWidget() {
     const requestObject = {

package/dist/cjs/user-deposit-withdrawal.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-3568d1cc.js');
+const index = require('./index-b92094b0.js');
 
 /*
  Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["user-deposit-withdrawal.cjs",[[1,"user-deposit-withdrawal",{"endpoint":[513],"type":[513],"channel":[513],"language":[513],"productType":[513,"product-type"],"userId":[513,"user-id"],"session":[513],"successUrl":[513,"success-url"],"cancelUrl":[513,"cancel-url"],"failUrl":[513,"fail-url"],"sportsUrl":[513,"sports-url"],"casinoUrl":[513,"casino-url"],"contactUrl":[513,"contact-url"],"depositUrl":[513,"deposit-url"],"homeUrl":[513,"home-url"],"beforeRedirect":[16]}]]]], options);
+  return index.bootstrapLazy([["user-deposit-withdrawal.cjs",[[1,"user-deposit-withdrawal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"endpoint":[513],"type":[513],"channel":[513],"language":[513],"productType":[513,"product-type"],"userId":[513,"user-id"],"session":[513],"successUrl":[513,"success-url"],"cancelUrl":[513,"cancel-url"],"failUrl":[513,"fail-url"],"sportsUrl":[513,"sports-url"],"casinoUrl":[513,"casino-url"],"contactUrl":[513,"contact-url"],"depositUrl":[513,"deposit-url"],"homeUrl":[513,"home-url"],"beforeRedirect":[16],"limitStylingAppends":[32]}]]]], options);
 });

package/dist/collection/components/user-deposit-withdrawal/user-deposit-withdrawal.css

@@ -1,5 +1,34 @@
 :host {
+  font: inherit;
   display: block;
   height: 100%;
   overflow: hidden;
+}
+
+.MenuReturnButton {
+  font: inherit;
+  color: var(--emfe-w-color-gray-300, #58586B);
+  display: inline-flex;
+  align-items: center;
+  column-gap: 10px;
+  margin-bottom: 10px;
+}
+.MenuReturnButton svg {
+  fill: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
+}
+.MenuReturnButton h2.CategoryTitleMobile {
+  font-size: 16px;
+  color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
+}
+
+.DepositWithdrawalWrapper {
+  width: 100%;
+  padding: 0;
+  margin: 0;
+}
+
+@container (max-width: 475px) {
+  .DepositWithdrawalWrapper {
+    height: 100vh;
+  }
 }

package/dist/collection/components/user-deposit-withdrawal/user-deposit-withdrawal.js

@@ -1,9 +1,40 @@
-import { Component, Host, h, Prop, Watch } from '@stencil/core';
+import { Component, Host, Prop, Watch, State, h } from '@stencil/core';
+import { translate } from '../../utils/locale.utils';
+import { isMobile } from '../../utils/utils';
 const emptyFunction = () => { };
 export class UserDepositWithdrawal {
   constructor() {
+    /**
+     * Client custom styling via inline style
+     */
+    this.clientStyling = '';
+    /**
+     * Client custom styling via url
+     */
+    this.clientStylingUrl = '';
     this.beforeRedirect = emptyFunction;
+    this.limitStylingAppends = false;
     this.bindedHandler = this.handleMessage.bind(this);
+    this.userAgent = window.navigator.userAgent;
+    this.isMobile = isMobile(this.userAgent);
+    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);
+      });
+    };
   }
   get typeParameter() {
     if (this.type === 'deposit') {
@@ -19,15 +50,39 @@ export class UserDepositWithdrawal {
   async componentWillLoad() {
     await this.loadWidget();
   }
+  toggleScreen(isMobile) {
+    window.postMessage({ type: 'PlayerAccountMenuActive', isMobile }, window.location.href);
+  }
   componentDidLoad() {
     window.addEventListener('message', this.bindedHandler, false);
   }
   disconnectedCallback() {
     window.removeEventListener('message', this.bindedHandler, 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() {
     return (h(Host, null,
-      h("iframe", { width: "100%", height: "100%", src: this.cashierInfoUrl })));
+      h("div", { ref: el => this.stylingContainer = el },
+        h("div", { class: "DepositWithdrawalWrapper" },
+          h("div", null, (this.isMobile &&
+            h("div", { class: "MenuReturnButton", onClick: () => this.toggleScreen(this.isMobile) },
+              h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" },
+                h("defs", null),
+                h("g", { transform: "translate(-20 -158)" },
+                  h("g", { transform: "translate(20 158)" },
+                    h("path", { class: "aaa", d: "M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z", transform: "translate(15 15) rotate(180)" })))),
+              h("h2", { class: "CategoryTitleMobile" }, translate(this.typeParameter === 'Withdraw' ? 'Withdraw' : 'Deposit', this.language))))),
+          h("iframe", { width: "100%", height: "100%", src: this.cashierInfoUrl })))));
   }
   async loadWidget() {
     const requestObject = {
@@ -102,6 +157,42 @@ export class UserDepositWithdrawal {
     "$": ["user-deposit-withdrawal.css"]
   }; }
   static get properties() { return {
+    "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": "''"
+    },
     "endpoint": {
       "type": "string",
       "mutable": false,
@@ -114,7 +205,7 @@ export class UserDepositWithdrawal {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Endpoint"
       },
       "attribute": "endpoint",
       "reflect": true
@@ -378,6 +469,9 @@ export class UserDepositWithdrawal {
       "defaultValue": "emptyFunction"
     }
   }; }
+  static get states() { return {
+    "limitStylingAppends": {}
+  }; }
   static get watchers() { return [{
       "propName": "session",
       "methodName": "watchLoadWidget"

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

@@ -0,0 +1,24 @@
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'hr'];
+const TRANSLATIONS = {
+  en: {
+    Deposit: 'Deposit',
+    Withdraw: 'Withdraw',
+  },
+  ro: {
+    Deposit: 'Depozit',
+    Withdraw: 'Retragere',
+  },
+  fr: {
+    Deposit: 'Deposit',
+    Withdraw: 'Withdraw',
+  },
+  hr: {
+    Deposit: 'Letét',
+    Withdraw: 'Visszavonás',
+  }
+};
+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,3 +1,29 @@
-export function format(first, middle, last) {
-  return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));
+/**
+ * @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
+ */
+export const isMobile = (userAgent) => {
+  return !!(userAgent.toLowerCase().match(/android/i) ||
+    userAgent.toLowerCase().match(/blackberry|bb/i) ||
+    userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
+    userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
+};
+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';
 }

package/dist/components/user-deposit-withdrawal.js

@@ -1,6 +1,44 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const userDepositWithdrawalCss = ":host{display:block;height:100%;overflow:hidden}";
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'hr'];
+const TRANSLATIONS = {
+  en: {
+    Deposit: 'Deposit',
+    Withdraw: 'Withdraw',
+  },
+  ro: {
+    Deposit: 'Depozit',
+    Withdraw: 'Retragere',
+  },
+  fr: {
+    Deposit: 'Deposit',
+    Withdraw: 'Withdraw',
+  },
+  hr: {
+    Deposit: 'Letét',
+    Withdraw: 'Visszavonás',
+  }
+};
+const translate = (key, customLang) => {
+  const lang = customLang;
+  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+};
+
+/**
+ * @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 isMobile = (userAgent) => {
+  return !!(userAgent.toLowerCase().match(/android/i) ||
+    userAgent.toLowerCase().match(/blackberry|bb/i) ||
+    userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
+    userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
+};
+
+const userDepositWithdrawalCss = ":host {\n  font: inherit;\n  display: block;\n  height: 100%;\n  overflow: hidden;\n}\n\n.MenuReturnButton {\n  font: inherit;\n  color: var(--emfe-w-color-gray-300, #58586B);\n  display: inline-flex;\n  align-items: center;\n  column-gap: 10px;\n  margin-bottom: 10px;\n}\n.MenuReturnButton svg {\n  fill: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n.MenuReturnButton h2.CategoryTitleMobile {\n  font-size: 16px;\n  color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n\n.DepositWithdrawalWrapper {\n  width: 100%;\n  padding: 0;\n  margin: 0;\n}\n\n@container (max-width: 475px) {\n  .DepositWithdrawalWrapper {\n    height: 100vh;\n  }\n}";
 
 const emptyFunction = () => { };
 const UserDepositWithdrawal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
@@ -8,8 +46,37 @@ const UserDepositWithdrawal$1 = /*@__PURE__*/ proxyCustomElement(class extends H
     super();
     this.__registerHost();
     this.__attachShadow();
+    /**
+     * Client custom styling via inline style
+     */
+    this.clientStyling = '';
+    /**
+     * Client custom styling via url
+     */
+    this.clientStylingUrl = '';
     this.beforeRedirect = emptyFunction;
+    this.limitStylingAppends = false;
     this.bindedHandler = this.handleMessage.bind(this);
+    this.userAgent = window.navigator.userAgent;
+    this.isMobile = isMobile(this.userAgent);
+    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);
+      });
+    };
   }
   get typeParameter() {
     if (this.type === 'deposit') {
@@ -25,14 +92,29 @@ const UserDepositWithdrawal$1 = /*@__PURE__*/ proxyCustomElement(class extends H
   async componentWillLoad() {
     await this.loadWidget();
   }
+  toggleScreen(isMobile) {
+    window.postMessage({ type: 'PlayerAccountMenuActive', isMobile }, window.location.href);
+  }
   componentDidLoad() {
     window.addEventListener('message', this.bindedHandler, false);
   }
   disconnectedCallback() {
     window.removeEventListener('message', this.bindedHandler, 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() {
-    return (h(Host, null, h("iframe", { width: "100%", height: "100%", src: this.cashierInfoUrl })));
+    return (h(Host, null, h("div", { ref: el => this.stylingContainer = el }, h("div", { class: "DepositWithdrawalWrapper" }, h("div", null, (this.isMobile &&
+      h("div", { class: "MenuReturnButton", onClick: () => this.toggleScreen(this.isMobile) }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, h("defs", null), h("g", { transform: "translate(-20 -158)" }, h("g", { transform: "translate(20 158)" }, h("path", { class: "aaa", d: "M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z", transform: "translate(15 15) rotate(180)" })))), h("h2", { class: "CategoryTitleMobile" }, translate(this.typeParameter === 'Withdraw' ? 'Withdraw' : 'Deposit', this.language))))), h("iframe", { width: "100%", height: "100%", src: this.cashierInfoUrl })))));
   }
   async loadWidget() {
     const requestObject = {
@@ -104,6 +186,8 @@ const UserDepositWithdrawal$1 = /*@__PURE__*/ proxyCustomElement(class extends H
   }; }
   static get style() { return userDepositWithdrawalCss; }
 }, [1, "user-deposit-withdrawal", {
+    "clientStyling": [513, "client-styling"],
+    "clientStylingUrl": [513, "client-styling-url"],
     "endpoint": [513],
     "type": [513],
     "channel": [513],
@@ -119,7 +203,8 @@ const UserDepositWithdrawal$1 = /*@__PURE__*/ proxyCustomElement(class extends H
     "contactUrl": [513, "contact-url"],
     "depositUrl": [513, "deposit-url"],
     "homeUrl": [513, "home-url"],
-    "beforeRedirect": [16]
+    "beforeRedirect": [16],
+    "limitStylingAppends": [32]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/esm/{index-363130bb.js → index-14b7b64f.js}

@@ -113,6 +113,11 @@ const getScopeId = (cmp, mode) => 'sc-' + (cmp.$tagName$);
  * Don't add values to these!!
  */
 const EMPTY_OBJ = {};
+/**
+ * Namespaces
+ */
+const SVG_NS = 'http://www.w3.org/2000/svg';
+const HTML_NS = 'http://www.w3.org/1999/xhtml';
 const isDef = (v) => v != null;
 const isComplexType = (o) => {
     // https://jsperf.com/typeof-fn-object/5
@@ -158,6 +163,19 @@ const h = (nodeName, vnodeData, ...children) => {
         }
     };
     walk(children);
+    if (vnodeData) {
+        {
+            const classData = vnodeData.className || vnodeData.class;
+            if (classData) {
+                vnodeData.class =
+                    typeof classData !== 'object'
+                        ? classData
+                        : Object.keys(classData)
+                            .filter((k) => classData[k])
+                            .join(' ');
+            }
+        }
+    }
     const vnode = newVNode(nodeName, null);
     vnode.$attrs$ = vnodeData;
     if (vNodeChildren.length > 0) {
@@ -191,8 +209,60 @@ const isHost = (node) => node && node.$tag$ === Host;
 const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
     if (oldValue !== newValue) {
         let isProp = isMemberInElement(elm, memberName);
-        memberName.toLowerCase();
-        {
+        let ln = memberName.toLowerCase();
+        if (memberName === 'class') {
+            const classList = elm.classList;
+            const oldClasses = parseClassList(oldValue);
+            const newClasses = parseClassList(newValue);
+            classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
+            classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+        }
+        else if (memberName === 'ref') {
+            // minifier will clean this up
+            if (newValue) {
+                newValue(elm);
+            }
+        }
+        else if ((!isProp ) &&
+            memberName[0] === 'o' &&
+            memberName[1] === 'n') {
+            // Event Handlers
+            // so if the member name starts with "on" and the 3rd characters is
+            // a capital letter, and it's not already a member on the element,
+            // then we're assuming it's an event listener
+            if (memberName[2] === '-') {
+                // on- prefixed events
+                // allows to be explicit about the dom event to listen without any magic
+                // under the hood:
+                // <my-cmp on-click> // listens for "click"
+                // <my-cmp on-Click> // listens for "Click"
+                // <my-cmp on-ionChange> // listens for "ionChange"
+                // <my-cmp on-EVENTS> // listens for "EVENTS"
+                memberName = memberName.slice(3);
+            }
+            else if (isMemberInElement(win, ln)) {
+                // standard event
+                // the JSX attribute could have been "onMouseOver" and the
+                // member name "onmouseover" is on the window's prototype
+                // so let's add the listener "mouseover", which is all lowercased
+                memberName = ln.slice(2);
+            }
+            else {
+                // custom event
+                // the JSX attribute could have been "onMyCustomEvent"
+                // so let's trim off the "on" prefix and lowercase the first character
+                // and add the listener "myCustomEvent"
+                // except for the first character, we keep the event name case
+                memberName = ln[2] + memberName.slice(3);
+            }
+            if (oldValue) {
+                plt.rel(elm, memberName, oldValue, false);
+            }
+            if (newValue) {
+                plt.ael(elm, memberName, newValue, false);
+            }
+        }
+        else {
             // Set property if it exists and it's not a SVG
             const isComplex = isComplexType(newValue);
             if ((isProp || (isComplex && newValue !== null)) && !isSvg) {
@@ -229,6 +299,8 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
         }
     }
 };
+const parseClassListRegex = /\s/;
+const parseClassList = (value) => (!value ? [] : value.split(parseClassListRegex));
 const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
     // if the element passed in is a shadow root, which is a document fragment
     // then we want to be adding attrs/props to the shadow root's "host" element
@@ -257,9 +329,20 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     let i = 0;
     let elm;
     let childNode;
-    {
+    if (newVNode.$text$ !== null) {
+        // create text node
+        elm = newVNode.$elm$ = doc.createTextNode(newVNode.$text$);
+    }
+    else {
+        if (!isSvgMode) {
+            isSvgMode = newVNode.$tag$ === 'svg';
+        }
         // create element
-        elm = newVNode.$elm$ = (doc.createElement(newVNode.$tag$));
+        elm = newVNode.$elm$ = (doc.createElementNS(isSvgMode ? SVG_NS : HTML_NS, newVNode.$tag$)
+            );
+        if (isSvgMode && newVNode.$tag$ === 'foreignObject') {
+            isSvgMode = false;
+        }
         // add css classes, attrs, props, listeners, etc.
         {
             updateElement(null, newVNode, isSvgMode);
@@ -280,6 +363,16 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
                 }
             }
         }
+        {
+            if (newVNode.$tag$ === 'svg') {
+                // Only reset the SVG context when we're exiting <svg> element
+                isSvgMode = false;
+            }
+            else if (elm.tagName === 'foreignObject') {
+                // Reenter SVG context when we're exiting <foreignObject> element
+                isSvgMode = true;
+            }
+        }
     }
     return elm;
 };
@@ -303,6 +396,7 @@ const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
     for (; startIdx <= endIdx; ++startIdx) {
         if ((vnode = vnodes[startIdx])) {
             elm = vnode.$elm$;
+            callNodeRefs(vnode);
             // remove the vnode's element from the dom
             elm.remove();
         }
@@ -386,7 +480,14 @@ const patch = (oldVNode, newVNode) => {
     const elm = (newVNode.$elm$ = oldVNode.$elm$);
     const oldChildren = oldVNode.$children$;
     const newChildren = newVNode.$children$;
-    {
+    const tag = newVNode.$tag$;
+    const text = newVNode.$text$;
+    if (text === null) {
+        {
+            // test if we're rendering an svg element, or still rendering nodes inside of one
+            // only add this to the when the compiler sees we're using an svg somewhere
+            isSvgMode = tag === 'svg' ? true : tag === 'foreignObject' ? false : isSvgMode;
+        }
         // element node
         {
             {
@@ -401,6 +502,11 @@ const patch = (oldVNode, newVNode) => {
             updateChildren(elm, oldChildren, newVNode, newChildren);
         }
         else if (newChildren !== null) {
+            // no old child vnodes, but there are new child vnodes to add
+            if (oldVNode.$text$ !== null) {
+                // the old vnode was text, so be sure to clear it out
+                elm.textContent = '';
+            }
             // add the new vnode children
             addVnodes(elm, null, newVNode, newChildren, 0, newChildren.length - 1);
         }
@@ -408,6 +514,20 @@ const patch = (oldVNode, newVNode) => {
             // no new child vnodes, but there are old child vnodes to remove
             removeVnodes(oldChildren, 0, oldChildren.length - 1);
         }
+        if (isSvgMode && tag === 'svg') {
+            isSvgMode = false;
+        }
+    }
+    else if (oldVNode.$text$ !== text) {
+        // update the text content for the text only vnode
+        // and also only if the text is different than before
+        elm.data = text;
+    }
+};
+const callNodeRefs = (vNode) => {
+    {
+        vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
+        vNode.$children$ && vNode.$children$.map(callNodeRefs);
     }
 };
 const renderVdom = (hostRef, renderFnResults) => {
@@ -540,6 +660,9 @@ const postUpdateComponent = (hostRef) => {
     const endPostUpdate = createTime('postUpdate', tagName);
     const instance = hostRef.$lazyInstance$ ;
     const ancestorComponent = hostRef.$ancestorComponent$;
+    {
+        safeCall(instance, 'componentDidRender');
+    }
     if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
         hostRef.$flags$ |= 64 /* hasLoadedComponent */;
         {

package/dist/esm/loader.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-363130bb.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-14b7b64f.js';
 
 /*
  Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["user-deposit-withdrawal",[[1,"user-deposit-withdrawal",{"endpoint":[513],"type":[513],"channel":[513],"language":[513],"productType":[513,"product-type"],"userId":[513,"user-id"],"session":[513],"successUrl":[513,"success-url"],"cancelUrl":[513,"cancel-url"],"failUrl":[513,"fail-url"],"sportsUrl":[513,"sports-url"],"casinoUrl":[513,"casino-url"],"contactUrl":[513,"contact-url"],"depositUrl":[513,"deposit-url"],"homeUrl":[513,"home-url"],"beforeRedirect":[16]}]]]], options);
+  return bootstrapLazy([["user-deposit-withdrawal",[[1,"user-deposit-withdrawal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"endpoint":[513],"type":[513],"channel":[513],"language":[513],"productType":[513,"product-type"],"userId":[513,"user-id"],"session":[513],"successUrl":[513,"success-url"],"cancelUrl":[513,"cancel-url"],"failUrl":[513,"fail-url"],"sportsUrl":[513,"sports-url"],"casinoUrl":[513,"casino-url"],"contactUrl":[513,"contact-url"],"depositUrl":[513,"deposit-url"],"homeUrl":[513,"home-url"],"beforeRedirect":[16],"limitStylingAppends":[32]}]]]], options);
   });
 };
 

package/dist/esm/user-deposit-withdrawal.entry.js

@@ -1,13 +1,80 @@
-import { r as registerInstance, h, H as Host } from './index-363130bb.js';
+import { r as registerInstance, h, H as Host } from './index-14b7b64f.js';
 
-const userDepositWithdrawalCss = ":host{display:block;height:100%;overflow:hidden}";
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'hr'];
+const TRANSLATIONS = {
+  en: {
+    Deposit: 'Deposit',
+    Withdraw: 'Withdraw',
+  },
+  ro: {
+    Deposit: 'Depozit',
+    Withdraw: 'Retragere',
+  },
+  fr: {
+    Deposit: 'Deposit',
+    Withdraw: 'Withdraw',
+  },
+  hr: {
+    Deposit: 'Letét',
+    Withdraw: 'Visszavonás',
+  }
+};
+const translate = (key, customLang) => {
+  const lang = customLang;
+  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+};
+
+/**
+ * @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 isMobile = (userAgent) => {
+  return !!(userAgent.toLowerCase().match(/android/i) ||
+    userAgent.toLowerCase().match(/blackberry|bb/i) ||
+    userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
+    userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
+};
+
+const userDepositWithdrawalCss = ":host {\n  font: inherit;\n  display: block;\n  height: 100%;\n  overflow: hidden;\n}\n\n.MenuReturnButton {\n  font: inherit;\n  color: var(--emfe-w-color-gray-300, #58586B);\n  display: inline-flex;\n  align-items: center;\n  column-gap: 10px;\n  margin-bottom: 10px;\n}\n.MenuReturnButton svg {\n  fill: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n.MenuReturnButton h2.CategoryTitleMobile {\n  font-size: 16px;\n  color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n\n.DepositWithdrawalWrapper {\n  width: 100%;\n  padding: 0;\n  margin: 0;\n}\n\n@container (max-width: 475px) {\n  .DepositWithdrawalWrapper {\n    height: 100vh;\n  }\n}";
 
 const emptyFunction = () => { };
 const UserDepositWithdrawal = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    /**
+     * Client custom styling via inline style
+     */
+    this.clientStyling = '';
+    /**
+     * Client custom styling via url
+     */
+    this.clientStylingUrl = '';
     this.beforeRedirect = emptyFunction;
+    this.limitStylingAppends = false;
     this.bindedHandler = this.handleMessage.bind(this);
+    this.userAgent = window.navigator.userAgent;
+    this.isMobile = isMobile(this.userAgent);
+    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);
+      });
+    };
   }
   get typeParameter() {
     if (this.type === 'deposit') {
@@ -23,14 +90,29 @@ const UserDepositWithdrawal = class {
   async componentWillLoad() {
     await this.loadWidget();
   }
+  toggleScreen(isMobile) {
+    window.postMessage({ type: 'PlayerAccountMenuActive', isMobile }, window.location.href);
+  }
   componentDidLoad() {
     window.addEventListener('message', this.bindedHandler, false);
   }
   disconnectedCallback() {
     window.removeEventListener('message', this.bindedHandler, 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() {
-    return (h(Host, null, h("iframe", { width: "100%", height: "100%", src: this.cashierInfoUrl })));
+    return (h(Host, null, h("div", { ref: el => this.stylingContainer = el }, h("div", { class: "DepositWithdrawalWrapper" }, h("div", null, (this.isMobile &&
+      h("div", { class: "MenuReturnButton", onClick: () => this.toggleScreen(this.isMobile) }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, h("defs", null), h("g", { transform: "translate(-20 -158)" }, h("g", { transform: "translate(20 158)" }, h("path", { class: "aaa", d: "M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z", transform: "translate(15 15) rotate(180)" })))), h("h2", { class: "CategoryTitleMobile" }, translate(this.typeParameter === 'Withdraw' ? 'Withdraw' : 'Deposit', this.language))))), h("iframe", { width: "100%", height: "100%", src: this.cashierInfoUrl })))));
   }
   async loadWidget() {
     const requestObject = {

package/dist/esm/user-deposit-withdrawal.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-363130bb.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-14b7b64f.js';
 
 /*
  Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["user-deposit-withdrawal",[[1,"user-deposit-withdrawal",{"endpoint":[513],"type":[513],"channel":[513],"language":[513],"productType":[513,"product-type"],"userId":[513,"user-id"],"session":[513],"successUrl":[513,"success-url"],"cancelUrl":[513,"cancel-url"],"failUrl":[513,"fail-url"],"sportsUrl":[513,"sports-url"],"casinoUrl":[513,"casino-url"],"contactUrl":[513,"contact-url"],"depositUrl":[513,"deposit-url"],"homeUrl":[513,"home-url"],"beforeRedirect":[16]}]]]], options);
+  return bootstrapLazy([["user-deposit-withdrawal",[[1,"user-deposit-withdrawal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"endpoint":[513],"type":[513],"channel":[513],"language":[513],"productType":[513,"product-type"],"userId":[513,"user-id"],"session":[513],"successUrl":[513,"success-url"],"cancelUrl":[513,"cancel-url"],"failUrl":[513,"fail-url"],"sportsUrl":[513,"sports-url"],"casinoUrl":[513,"casino-url"],"contactUrl":[513,"contact-url"],"depositUrl":[513,"deposit-url"],"homeUrl":[513,"home-url"],"beforeRedirect":[16],"limitStylingAppends":[32]}]]]], options);
 });

package/dist/types/Users/dragos.bodea/Documents/everymatrix-prjs/emfe-widgets/widgets-stencil/packages/user-deposit-withdrawal/.stencil/packages/user-deposit-withdrawal/stencil.config.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/components/user-deposit-withdrawal/user-deposit-withdrawal.d.ts

@@ -21,6 +21,17 @@ export interface RedirectCallbackArgs {
   url: string;
 }
 export declare class UserDepositWithdrawal {
+  /**
+   * Client custom styling via inline style
+   */
+  clientStyling: string;
+  /**
+   * Client custom styling via url
+   */
+  clientStylingUrl: string;
+  /**
+   * Endpoint
+   */
   endpoint: string;
   type: 'deposit' | 'withdraw';
   channel: string;
@@ -37,13 +48,21 @@ export declare class UserDepositWithdrawal {
   depositUrl: string;
   homeUrl: string;
   beforeRedirect: (params: RedirectCallbackArgs) => void;
+  private limitStylingAppends;
   get typeParameter(): "Deposit" | "Withdraw";
   private cashierInfoUrl;
   private bindedHandler;
+  private userAgent;
+  isMobile: boolean;
+  private stylingContainer;
   watchLoadWidget(): void;
   componentWillLoad(): Promise<void>;
+  toggleScreen(isMobile: any): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
+  setClientStyling: () => void;
+  setClientStylingURL: () => void;
+  componentDidRender(): void;
   render(): any;
   private loadWidget;
   private handleMessage;

package/dist/types/components.d.ts

@@ -12,8 +12,19 @@ export namespace Components {
         "cancelUrl": string;
         "casinoUrl": string;
         "channel": string;
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling": string;
+        /**
+          * Client custom styling via url
+         */
+        "clientStylingUrl": string;
         "contactUrl": string;
         "depositUrl": string;
+        /**
+          * Endpoint
+         */
         "endpoint": string;
         "failUrl": string;
         "homeUrl": string;
@@ -43,8 +54,19 @@ declare namespace LocalJSX {
         "cancelUrl"?: string;
         "casinoUrl"?: string;
         "channel": string;
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling"?: string;
+        /**
+          * Client custom styling via url
+         */
+        "clientStylingUrl"?: string;
         "contactUrl"?: string;
         "depositUrl"?: string;
+        /**
+          * Endpoint
+         */
         "endpoint": string;
         "failUrl"?: string;
         "homeUrl"?: string;

package/dist/types/utils/locale.utils.d.ts

@@ -0,0 +1 @@
+export declare const translate: (key: string, customLang?: any) => string;

package/dist/types/utils/utils.d.ts

@@ -1 +1,8 @@
-export declare function format(first: string, middle: string, last: string): string;
+/**
+ * @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
+ */
+export declare const isMobile: (userAgent: string) => boolean;
+export declare function checkDeviceType(): 'mobile' | 'tablet' | 'desktop';

package/dist/user-deposit-withdrawal/p-02b29406.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,H as e}from"./p-3ccd8b8c.js";const s=["ro","en","fr","hr"],n={en:{Deposit:"Deposit",Withdraw:"Withdraw"},ro:{Deposit:"Depozit",Withdraw:"Retragere"},fr:{Deposit:"Deposit",Withdraw:"Withdraw"},hr:{Deposit:"Letét",Withdraw:"Visszavonás"}},o=()=>{},r=class{constructor(i){var e;t(this,i),this.clientStyling="",this.clientStylingUrl="",this.beforeRedirect=o,this.limitStylingAppends=!1,this.bindedHandler=this.handleMessage.bind(this),this.userAgent=window.navigator.userAgent,this.isMobile=!!((e=this.userAgent).toLowerCase().match(/android/i)||e.toLowerCase().match(/blackberry|bb/i)||e.toLowerCase().match(/iphone|ipad|ipod/i)||e.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)),this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.setClientStylingURL=()=>{let t=new URL(this.clientStylingUrl),i=document.createElement("style");fetch(t.href).then((t=>t.text())).then((t=>{i.innerHTML=t,setTimeout((()=>{this.stylingContainer.prepend(i)}),1)})).catch((t=>{console.log("error ",t)}))}}get typeParameter(){return"deposit"===this.type?"Deposit":"withdraw"===this.type?"Withdraw":void 0}watchLoadWidget(){this.loadWidget()}async componentWillLoad(){await this.loadWidget()}toggleScreen(t){window.postMessage({type:"PlayerAccountMenuActive",isMobile:t},window.location.href)}componentDidLoad(){window.addEventListener("message",this.bindedHandler,!1)}disconnectedCallback(){window.removeEventListener("message",this.bindedHandler,!1)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){return i(e,null,i("div",{ref:t=>this.stylingContainer=t},i("div",{class:"DepositWithdrawalWrapper"},i("div",null,this.isMobile&&i("div",{class:"MenuReturnButton",onClick:()=>this.toggleScreen(this.isMobile)},i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15"},i("defs",null),i("g",{transform:"translate(-20 -158)"},i("g",{transform:"translate(20 158)"},i("path",{class:"aaa",d:"M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z",transform:"translate(15 15) rotate(180)"})))),i("h2",{class:"CategoryTitleMobile"},(t=>{const i=this.language;return n[void 0!==i&&s.includes(i)?i:"en"][t]})("Withdraw"===this.typeParameter?"Withdraw":"Deposit")))),i("iframe",{width:"100%",height:"100%",src:this.cashierInfoUrl}))))}async loadWidget(){const t={Channel:this.channel,Type:this.typeParameter,SuccessUrl:this.successUrl,CancelUrl:this.cancelUrl,FailUrl:this.failUrl,Language:this.language,productType:this.productType};try{const i=`${this.endpoint}/v1/player/${this.userId}/payment/GetPaymentSession`,e=await fetch(i,{method:"POST",headers:{"X-Sessionid":this.session,"Content-Type":"application/json"},body:JSON.stringify(t)});if(!e.ok){const t=await e.text();throw new Error(t)}const s=await e.json();this.cashierInfoUrl=s.CashierInfo.Url}catch(t){console.error(t)}}handleMessage(t){var i,e,s,n,o,r,a;"mm-hcback-to-merchant"===(null===(i=t.data)||void 0===i?void 0:i.type)&&this.doRedirect(t.data.type,this.homeUrl),"mm-hc-back-tomerchant"===(null===(e=t.data)||void 0===e?void 0:e.redirect)&&this.doRedirect(t.data.redirect,this.homeUrl),"mm-hc-sports"===(null===(s=t.data)||void 0===s?void 0:s.redirect)&&this.doRedirect(null===(n=t.data)||void 0===n?void 0:n.redirect,this.sportsUrl),"mm-hc-casino"===(null===(o=t.data)||void 0===o?void 0:o.redirect)&&this.doRedirect(window.location.href,this.casinoUrl),"mm-hc-contact"===(null===(r=t.data)||void 0===r?void 0:r.redirect)&&this.doRedirect(window.location.href,this.contactUrl),"mm-wm-hc-init-deposit"===(null===(a=t.data)||void 0===a?void 0:a.redirect)&&this.doRedirect(window.location.href,this.depositUrl)}doRedirect(t,i){const e={reason:t,url:i,cancel:!1};this.beforeRedirect(e),e.cancel||(window.location.href=e.url?e.url:"/")}static get watchers(){return{session:["watchLoadWidget"],userId:["watchLoadWidget"]}}};r.style=":host {\n  font: inherit;\n  display: block;\n  height: 100%;\n  overflow: hidden;\n}\n\n.MenuReturnButton {\n  font: inherit;\n  color: var(--emfe-w-color-gray-300, #58586B);\n  display: inline-flex;\n  align-items: center;\n  column-gap: 10px;\n  margin-bottom: 10px;\n}\n.MenuReturnButton svg {\n  fill: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n.MenuReturnButton h2.CategoryTitleMobile {\n  font-size: 16px;\n  color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n\n.DepositWithdrawalWrapper {\n  width: 100%;\n  padding: 0;\n  margin: 0;\n}\n\n@container (max-width: 475px) {\n  .DepositWithdrawalWrapper {\n    height: 100vh;\n  }\n}";export{r as user_deposit_withdrawal}

package/dist/user-deposit-withdrawal/p-3ccd8b8c.js

@@ -0,0 +1 @@
+let e,t,n=!1,l=!1;const s="undefined"!=typeof window?window:{},o=s.document||{head:{}},r={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},i=e=>Promise.resolve(e),c=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),u=new WeakMap,a=e=>"sc-"+e.o,f={},h=e=>"object"==(e=typeof e)||"function"===e,d=(e,t,...n)=>{let l=null,s=!1,o=!1,r=[];const i=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?i(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!h(l))&&(l+=""),s&&o?r[r.length-1].i+=l:r.push(s?p(null,l):l),o=s)};if(i(n),t){const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}const c=p(e,null);return c.u=t,r.length>0&&(c.h=r),c},p=(e,t)=>({t:0,p:e,i:t,$:null,h:null,u:null}),$={},m=(e,t,n,l,o,i)=>{if(n!==l){let c=V(e,t),u=t.toLowerCase();if("class"===t){const t=e.classList,s=w(n),o=w(l);t.remove(...s.filter((e=>e&&!o.includes(e)))),t.add(...o.filter((e=>e&&!s.includes(e))))}else if("ref"===t)l&&l(e);else if(c||"o"!==t[0]||"n"!==t[1]){const s=h(l);if((c||s&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{let s=null==l?"":l;"list"===t?c=!1:null!=n&&e[t]==s||(e[t]=s)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!c||4&i||o)&&!s&&e.setAttribute(t,l=!0===l?"":l)}else t="-"===t[2]?t.slice(3):V(s,u)?u.slice(2):u[2]+t.slice(3),n&&r.rel(e,t,n,!1),l&&r.ael(e,t,l,!1)}},y=/\s/,w=e=>e?e.split(y):[],b=(e,t,n,l)=>{const s=11===t.$.nodeType&&t.$.host?t.$.host:t.$,o=e&&e.u||f,r=t.u||f;for(l in o)l in r||m(s,l,o[l],void 0,n,t.t);for(l in r)m(s,l,o[l],r[l],n,t.t)},g=(t,l,s)=>{let r,i,c=l.h[s],u=0;if(null!==c.i)r=c.$=o.createTextNode(c.i);else{if(n||(n="svg"===c.p),r=c.$=o.createElementNS(n?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",c.p),n&&"foreignObject"===c.p&&(n=!1),b(null,c,n),null!=e&&r["s-si"]!==e&&r.classList.add(r["s-si"]=e),c.h)for(u=0;u<c.h.length;++u)i=g(t,c,u),i&&r.appendChild(i);"svg"===c.p?n=!1:"foreignObject"===r.tagName&&(n=!0)}return r},S=(e,n,l,s,o,r)=>{let i,c=e;for(c.shadowRoot&&c.tagName===t&&(c=c.shadowRoot);o<=r;++o)s[o]&&(i=g(null,l,o),i&&(s[o].$=i,c.insertBefore(i,n)))},j=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.$,M(l),s.remove())},v=(e,t)=>e.p===t.p,O=(e,t)=>{const l=t.$=e.$,s=e.h,o=t.h,r=t.p,i=t.i;null===i?(n="svg"===r||"foreignObject"!==r&&n,b(e,t,n),null!==s&&null!==o?((e,t,n,l)=>{let s,o=0,r=0,i=t.length-1,c=t[0],u=t[i],a=l.length-1,f=l[0],h=l[a];for(;o<=i&&r<=a;)null==c?c=t[++o]:null==u?u=t[--i]:null==f?f=l[++r]:null==h?h=l[--a]:v(c,f)?(O(c,f),c=t[++o],f=l[++r]):v(u,h)?(O(u,h),u=t[--i],h=l[--a]):v(c,h)?(O(c,h),e.insertBefore(c.$,u.$.nextSibling),c=t[++o],h=l[--a]):v(u,f)?(O(u,f),e.insertBefore(u.$,c.$),u=t[--i],f=l[++r]):(s=g(t&&t[r],n,r),f=l[++r],s&&c.$.parentNode.insertBefore(s,c.$));o>i?S(e,null==l[a+1]?null:l[a+1].$,n,l,r,a):r>a&&j(t,o,i)})(l,s,t,o):null!==o?(null!==e.i&&(l.textContent=""),S(l,null,t,o,0,o.length-1)):null!==s&&j(s,0,s.length-1),n&&"svg"===r&&(n=!1)):e.i!==i&&(l.data=i)},M=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(M)},k=(e,t)=>{t&&!e.m&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.m=t)))},C=(e,t)=>{if(e.t|=16,!(4&e.t))return k(e,e.g),Z((()=>x(e,t)));e.t|=512},x=(e,t)=>{const n=e.S;let l;return t&&(l=R(n,"componentWillLoad")),T(l,(()=>L(e,n,t)))},L=async(e,t,n)=>{const l=e.j,s=l["s-rc"];n&&(e=>{const t=e.v,n=e.j,l=t.t,s=((e,t)=>{let n=a(t),l=G.get(n);if(e=11===e.nodeType?e:o,l)if("string"==typeof l){let t,s=u.get(e=e.head||e);s||u.set(e,s=new Set),s.has(n)||(t=o.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),s&&s.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=s,n.classList.add(s+"-h"))})(e);P(e,t),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>E(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},P=(n,l)=>{try{l=l.render(),n.t&=-17,n.t|=2,((n,l)=>{const s=n.j,o=n.v,r=n.O||p(null,null),i=(e=>e&&e.p===$)(l)?l:d(null,null,l);t=s.tagName,o.M&&(i.u=i.u||{},o.M.map((([e,t])=>i.u[t]=s[e]))),i.p=null,i.t|=4,n.O=i,i.$=r.$=s.shadowRoot||s,e=s["s-sc"],O(r,i)})(n,l)}catch(e){_(e,n.j)}return null},E=e=>{const t=e.j,n=e.S,l=e.g;R(n,"componentDidRender"),64&e.t||(e.t|=64,W(t),R(n,"componentDidLoad"),e.k(t),l||N()),e.m&&(e.m(),e.m=void 0),512&e.t&&Y((()=>C(e,!1))),e.t&=-517},N=()=>{W(o.documentElement),Y((()=>(e=>{const t=r.ce("appload",{detail:{namespace:"user-deposit-withdrawal"}});return e.dispatchEvent(t),t})(s)))},R=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){_(e)}},T=(e,t)=>e&&e.then?e.then(t):t(),W=e=>e.classList.add("hydrated"),A=(e,t,n)=>{if(t.C){e.watchers&&(t.L=e.watchers);const l=Object.entries(t.C),s=e.prototype;if(l.map((([e,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(s,e,{get(){return((e,t)=>U(this).P.get(t))(0,e)},set(n){((e,t,n,l)=>{const s=U(e),o=s.j,r=s.P.get(t),i=s.t,c=s.S;if(n=((e,t)=>null==e||h(e)?e:1&t?e+"":e)(n,l.C[t][0]),(!(8&i)||void 0===r)&&n!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(s.P.set(t,n),c)){if(l.L&&128&i){const e=l.L[t];e&&e.map((e=>{try{c[e](n,r,t)}catch(e){_(e,o)}}))}2==(18&i)&&C(s,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const n=new Map;s.attributeChangedCallback=function(e,t,l){r.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(s.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const s=l[1]||e;return n.set(s,e),512&l[0]&&t.M.push([e,s]),s}))}}return e},D=(e,t={})=>{const n=[],l=t.exclude||[],i=s.customElements,u=o.head,f=u.querySelector("meta[charset]"),h=o.createElement("style"),d=[];let p,$=!0;Object.assign(r,t),r.l=new URL(t.resourcesUrl||"./",o.baseURI).href,e.map((e=>{e[1].map((t=>{const s={t:t[0],o:t[1],C:t[2],N:t[3]};s.C=t[2],s.M=[],s.L={};const o=s.o,u=class extends HTMLElement{constructor(e){super(e),F(e=this,s),1&s.t&&e.attachShadow({mode:"open"})}connectedCallback(){p&&(clearTimeout(p),p=null),$?d.push(this):r.jmp((()=>(e=>{if(0==(1&r.t)){const t=U(e),n=t.v,l=()=>{};if(!(1&t.t)){t.t|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){k(t,t.g=n);break}}n.C&&Object.entries(n.C).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,s)=>{if(0==(32&t.t)){{if(t.t|=32,(s=B(n)).then){const e=()=>{};s=await s,e()}s.isProxied||(n.L=s.watchers,A(s,n,2),s.isProxied=!0);const e=()=>{};t.t|=8;try{new s(t)}catch(e){_(e)}t.t&=-9,t.t|=128,e()}if(s.style){let e=s.style;const t=a(n);if(!G.has(t)){const l=()=>{};((e,t,n)=>{let l=G.get(e);c&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,G.set(e,l)})(t,e,!!(1&n.t)),l()}}}const o=t.g,r=()=>C(t,!0);o&&o["s-rc"]?o["s-rc"].push(r):r()})(0,t,n)}l()}})(this)))}disconnectedCallback(){r.jmp((()=>(()=>{0==(1&r.t)&&R(U(this).S,"disconnectedCallback")})()))}componentOnReady(){return U(this).R}};s.T=e[0],l.includes(o)||i.get(o)||(n.push(o),i.define(o,A(u,s,1)))}))})),h.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",h.setAttribute("data-styles",""),u.insertBefore(h,f?f.nextSibling:u.firstChild),$=!1,d.length?d.map((e=>e.connectedCallback())):r.jmp((()=>p=setTimeout(N,30)))},H=new WeakMap,U=e=>H.get(e),q=(e,t)=>H.set(t.S=e,t),F=(e,t)=>{const n={t:0,j:e,v:t,P:new Map};return n.R=new Promise((e=>n.k=e)),e["s-p"]=[],e["s-rc"]=[],H.set(e,n)},V=(e,t)=>t in e,_=(e,t)=>(0,console.error)(e,t),z=new Map,B=e=>{const t=e.o.replace(/-/g,"_"),n=e.T,l=z.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(z.set(n,e),e[t])),_)},G=new Map,I=[],J=[],K=(e,t)=>n=>{e.push(n),l||(l=!0,t&&4&r.t?Y(X):r.raf(X))},Q=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){_(e)}e.length=0},X=()=>{Q(I),Q(J),(l=I.length>0)&&r.raf(X)},Y=e=>i().then(e),Z=K(J,!0);export{$ as H,D as b,d as h,i as p,q as r}

package/dist/user-deposit-withdrawal/user-deposit-withdrawal.esm.js

@@ -1 +1 @@
-import{p as r,b as e}from"./p-ed11cb75.js";(()=>{const e=import.meta.url,s={};return""!==e&&(s.resourcesUrl=new URL(".",e).href),r(s)})().then((r=>e([["p-dad29c54",[[1,"user-deposit-withdrawal",{endpoint:[513],type:[513],channel:[513],language:[513],productType:[513,"product-type"],userId:[513,"user-id"],session:[513],successUrl:[513,"success-url"],cancelUrl:[513,"cancel-url"],failUrl:[513,"fail-url"],sportsUrl:[513,"sports-url"],casinoUrl:[513,"casino-url"],contactUrl:[513,"contact-url"],depositUrl:[513,"deposit-url"],homeUrl:[513,"home-url"],beforeRedirect:[16]}]]]],r)));
+import{p as l,b as r}from"./p-3ccd8b8c.js";(()=>{const r=import.meta.url,e={};return""!==r&&(e.resourcesUrl=new URL(".",r).href),l(e)})().then((l=>r([["p-02b29406",[[1,"user-deposit-withdrawal",{clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],endpoint:[513],type:[513],channel:[513],language:[513],productType:[513,"product-type"],userId:[513,"user-id"],session:[513],successUrl:[513,"success-url"],cancelUrl:[513,"cancel-url"],failUrl:[513,"fail-url"],sportsUrl:[513,"sports-url"],casinoUrl:[513,"casino-url"],contactUrl:[513,"contact-url"],depositUrl:[513,"deposit-url"],homeUrl:[513,"home-url"],beforeRedirect:[16],limitStylingAppends:[32]}]]]],l)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/user-deposit-withdrawal",
-  "version": "1.22.10",
+  "version": "1.23.2",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-stencil/packages/user-deposit-withdrawal/.stencil/packages/user-deposit-withdrawal/stencil.config.d.ts

@@ -1,2 +0,0 @@
-import { Config } from '../../../../../../../../../../stencil-public-runtime';
-export declare const config: Config;

package/dist/user-deposit-withdrawal/p-dad29c54.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as s}from"./p-ed11cb75.js";const o=()=>{},e=class{constructor(i){t(this,i),this.beforeRedirect=o,this.bindedHandler=this.handleMessage.bind(this)}get typeParameter(){return"deposit"===this.type?"Deposit":"withdraw"===this.type?"Withdraw":void 0}watchLoadWidget(){this.loadWidget()}async componentWillLoad(){await this.loadWidget()}componentDidLoad(){window.addEventListener("message",this.bindedHandler,!1)}disconnectedCallback(){window.removeEventListener("message",this.bindedHandler,!1)}render(){return i(s,null,i("iframe",{width:"100%",height:"100%",src:this.cashierInfoUrl}))}async loadWidget(){const t={Channel:this.channel,Type:this.typeParameter,SuccessUrl:this.successUrl,CancelUrl:this.cancelUrl,FailUrl:this.failUrl,Language:this.language,productType:this.productType};try{const i=`${this.endpoint}/v1/player/${this.userId}/payment/GetPaymentSession`,s=await fetch(i,{method:"POST",headers:{"X-Sessionid":this.session,"Content-Type":"application/json"},body:JSON.stringify(t)});if(!s.ok){const t=await s.text();throw new Error(t)}const o=await s.json();this.cashierInfoUrl=o.CashierInfo.Url}catch(t){console.error(t)}}handleMessage(t){var i,s,o,e,h,a,n;"mm-hcback-to-merchant"===(null===(i=t.data)||void 0===i?void 0:i.type)&&this.doRedirect(t.data.type,this.homeUrl),"mm-hc-back-tomerchant"===(null===(s=t.data)||void 0===s?void 0:s.redirect)&&this.doRedirect(t.data.redirect,this.homeUrl),"mm-hc-sports"===(null===(o=t.data)||void 0===o?void 0:o.redirect)&&this.doRedirect(null===(e=t.data)||void 0===e?void 0:e.redirect,this.sportsUrl),"mm-hc-casino"===(null===(h=t.data)||void 0===h?void 0:h.redirect)&&this.doRedirect(window.location.href,this.casinoUrl),"mm-hc-contact"===(null===(a=t.data)||void 0===a?void 0:a.redirect)&&this.doRedirect(window.location.href,this.contactUrl),"mm-wm-hc-init-deposit"===(null===(n=t.data)||void 0===n?void 0:n.redirect)&&this.doRedirect(window.location.href,this.depositUrl)}doRedirect(t,i){const s={reason:t,url:i,cancel:!1};this.beforeRedirect(s),s.cancel||(window.location.href=s.url?s.url:"/")}static get watchers(){return{session:["watchLoadWidget"],userId:["watchLoadWidget"]}}};e.style=":host{display:block;height:100%;overflow:hidden}";export{e as user_deposit_withdrawal}

package/dist/user-deposit-withdrawal/p-ed11cb75.js

@@ -1 +0,0 @@
-let t,e,n=!1;const l="undefined"!=typeof window?window:{},s=l.document||{head:{}},o={t:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,l)=>t.addEventListener(e,n,l),rel:(t,e,n,l)=>t.removeEventListener(e,n,l),ce:(t,e)=>new CustomEvent(t,e)},r=t=>Promise.resolve(t),i=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(t){}return!1})(),c=new WeakMap,a=t=>"sc-"+t.o,u={},f=t=>"object"==(t=typeof t)||"function"===t,d=(t,e,...n)=>{let l=null,s=!1,o=!1,r=[];const i=e=>{for(let n=0;n<e.length;n++)l=e[n],Array.isArray(l)?i(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof t&&!f(l))&&(l+=""),s&&o?r[r.length-1].i+=l:r.push(s?h(null,l):l),o=s)};i(n);const c=h(t,null);return c.u=e,r.length>0&&(c.h=r),c},h=(t,e)=>({t:0,$:t,i:e,m:null,h:null,u:null}),$={},y=(t,e,n,l,s,o)=>{if(n!==l){let r=U(t,e);e.toLowerCase();{const i=f(l);if((r||i&&null!==l)&&!s)try{if(t.tagName.includes("-"))t[e]=l;else{let s=null==l?"":l;"list"===e?r=!1:null!=n&&t[e]==s||(t[e]=s)}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(e)||t.removeAttribute(e):(!r||4&o||s)&&!i&&t.setAttribute(e,l=!0===l?"":l)}}},m=(t,e,n,l)=>{const s=11===e.m.nodeType&&e.m.host?e.m.host:e.m,o=t&&t.u||u,r=e.u||u;for(l in o)l in r||y(s,l,o[l],void 0,n,e.t);for(l in r)y(s,l,o[l],r[l],n,e.t)},p=(e,n,l)=>{let o,r,i=n.h[l],c=0;if(o=i.m=s.createElement(i.$),m(null,i,!1),null!=t&&o["s-si"]!==t&&o.classList.add(o["s-si"]=t),i.h)for(c=0;c<i.h.length;++c)r=p(e,i,c),r&&o.appendChild(r);return o},w=(t,n,l,s,o,r)=>{let i,c=t;for(c.shadowRoot&&c.tagName===e&&(c=c.shadowRoot);o<=r;++o)s[o]&&(i=p(null,l,o),i&&(s[o].m=i,c.insertBefore(i,n)))},b=(t,e,n,l)=>{for(;e<=n;++e)(l=t[e])&&l.m.remove()},S=(t,e)=>t.$===e.$,g=(t,e)=>{const n=e.m=t.m,l=t.h,s=e.h;m(t,e,!1),null!==l&&null!==s?((t,e,n,l)=>{let s,o=0,r=0,i=e.length-1,c=e[0],a=e[i],u=l.length-1,f=l[0],d=l[u];for(;o<=i&&r<=u;)null==c?c=e[++o]:null==a?a=e[--i]:null==f?f=l[++r]:null==d?d=l[--u]:S(c,f)?(g(c,f),c=e[++o],f=l[++r]):S(a,d)?(g(a,d),a=e[--i],d=l[--u]):S(c,d)?(g(c,d),t.insertBefore(c.m,a.m.nextSibling),c=e[++o],d=l[--u]):S(a,f)?(g(a,f),t.insertBefore(a.m,c.m),a=e[--i],f=l[++r]):(s=p(e&&e[r],n,r),f=l[++r],s&&c.m.parentNode.insertBefore(s,c.m));o>i?w(t,null==l[u+1]?null:l[u+1].m,n,l,r,u):r>u&&b(e,o,i)})(n,l,e,s):null!==s?w(n,null,e,s,0,s.length-1):null!==l&&b(l,0,l.length-1)},M=(t,e)=>{e&&!t.p&&e["s-p"]&&e["s-p"].push(new Promise((e=>t.p=e)))},j=(t,e)=>{if(t.t|=16,!(4&t.t))return M(t,t.S),K((()=>k(t,e)));t.t|=512},k=(t,e)=>{const n=t.g;let l;return e&&(l=P(n,"componentWillLoad")),x(l,(()=>v(t,n,e)))},v=async(t,e,n)=>{const l=t.M,o=l["s-rc"];n&&(t=>{const e=t.j,n=t.M,l=e.t,o=((t,e)=>{let n=a(e),l=V.get(n);if(t=11===t.nodeType?t:s,l)if("string"==typeof l){let e,o=c.get(t=t.head||t);o||c.set(t,o=new Set),o.has(n)||(e=s.createElement("style"),e.innerHTML=l,t.insertBefore(e,t.querySelector("link")),o&&o.add(n))}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(t);C(t,e),o&&(o.map((t=>t())),l["s-rc"]=void 0);{const e=l["s-p"],n=()=>O(t);0===e.length?n():(Promise.all(e).then(n),t.t|=4,e.length=0)}},C=(n,l)=>{try{l=l.render(),n.t&=-17,n.t|=2,((n,l)=>{const s=n.M,o=n.j,r=n.k||h(null,null),i=(t=>t&&t.$===$)(l)?l:d(null,null,l);e=s.tagName,o.v&&(i.u=i.u||{},o.v.map((([t,e])=>i.u[e]=s[t]))),i.$=null,i.t|=4,n.k=i,i.m=r.m=s.shadowRoot||s,t=s["s-sc"],g(r,i)})(n,l)}catch(t){q(t,n.M)}return null},O=t=>{const e=t.M,n=t.g,l=t.S;64&t.t||(t.t|=64,E(e),P(n,"componentDidLoad"),t.C(e),l||L()),t.p&&(t.p(),t.p=void 0),512&t.t&&J((()=>j(t,!1))),t.t&=-517},L=()=>{E(s.documentElement),J((()=>(t=>{const e=o.ce("appload",{detail:{namespace:"user-deposit-withdrawal"}});return t.dispatchEvent(e),e})(l)))},P=(t,e,n)=>{if(t&&t[e])try{return t[e](n)}catch(t){q(t)}},x=(t,e)=>t&&t.then?t.then(e):e(),E=t=>t.classList.add("hydrated"),N=(t,e,n)=>{if(e.O){t.watchers&&(e.L=t.watchers);const l=Object.entries(e.O),s=t.prototype;if(l.map((([t,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(s,t,{get(){return((t,e)=>A(this).P.get(e))(0,t)},set(n){((t,e,n,l)=>{const s=A(t),o=s.M,r=s.P.get(e),i=s.t,c=s.g;if(n=((t,e)=>null==t||f(t)?t:1&e?t+"":t)(n,l.O[e][0]),(!(8&i)||void 0===r)&&n!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(s.P.set(e,n),c)){if(l.L&&128&i){const t=l.L[e];t&&t.map((t=>{try{c[t](n,r,e)}catch(t){q(t,o)}}))}2==(18&i)&&j(s,!1)}})(this,t,n,e)},configurable:!0,enumerable:!0})})),1&n){const n=new Map;s.attributeChangedCallback=function(t,e,l){o.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e))l=this[e],delete this[e];else if(s.hasOwnProperty(e)&&"number"==typeof this[e]&&this[e]==l)return;this[e]=(null!==l||"boolean"!=typeof this[e])&&l}))},t.observedAttributes=l.filter((([t,e])=>15&e[0])).map((([t,l])=>{const s=l[1]||t;return n.set(s,t),512&l[0]&&e.v.push([t,s]),s}))}}return t},T=(t,e={})=>{const n=[],r=e.exclude||[],c=l.customElements,u=s.head,f=u.querySelector("meta[charset]"),d=s.createElement("style"),h=[];let $,y=!0;Object.assign(o,e),o.l=new URL(e.resourcesUrl||"./",s.baseURI).href,t.map((t=>{t[1].map((e=>{const l={t:e[0],o:e[1],O:e[2],N:e[3]};l.O=e[2],l.v=[],l.L={};const s=l.o,u=class extends HTMLElement{constructor(t){super(t),R(t=this,l),1&l.t&&t.attachShadow({mode:"open"})}connectedCallback(){$&&(clearTimeout($),$=null),y?h.push(this):o.jmp((()=>(t=>{if(0==(1&o.t)){const e=A(t),n=e.j,l=()=>{};if(!(1&e.t)){e.t|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){M(e,e.S=n);break}}n.O&&Object.entries(n.O).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n,l,s)=>{if(0==(32&e.t)){{if(e.t|=32,(s=F(n)).then){const t=()=>{};s=await s,t()}s.isProxied||(n.L=s.watchers,N(s,n,2),s.isProxied=!0);const t=()=>{};e.t|=8;try{new s(e)}catch(t){q(t)}e.t&=-9,e.t|=128,t()}if(s.style){let t=s.style;const e=a(n);if(!V.has(e)){const l=()=>{};((t,e,n)=>{let l=V.get(t);i&&n?(l=l||new CSSStyleSheet,l.replace(e)):l=e,V.set(t,l)})(e,t,!!(1&n.t)),l()}}}const o=e.S,r=()=>j(e,!0);o&&o["s-rc"]?o["s-rc"].push(r):r()})(0,e,n)}l()}})(this)))}disconnectedCallback(){o.jmp((()=>(()=>{0==(1&o.t)&&P(A(this).g,"disconnectedCallback")})()))}componentOnReady(){return A(this).T}};l.W=t[0],r.includes(s)||c.get(s)||(n.push(s),c.define(s,N(u,l,1)))}))})),d.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",d.setAttribute("data-styles",""),u.insertBefore(d,f?f.nextSibling:u.firstChild),y=!1,h.length?h.map((t=>t.connectedCallback())):o.jmp((()=>$=setTimeout(L,30)))},W=new WeakMap,A=t=>W.get(t),H=(t,e)=>W.set(e.g=t,e),R=(t,e)=>{const n={t:0,M:t,j:e,P:new Map};return n.T=new Promise((t=>n.C=t)),t["s-p"]=[],t["s-rc"]=[],W.set(t,n)},U=(t,e)=>e in t,q=(t,e)=>(0,console.error)(t,e),D=new Map,F=t=>{const e=t.o.replace(/-/g,"_"),n=t.W,l=D.get(n);return l?l[e]:import(`./${n}.entry.js`).then((t=>(D.set(n,t),t[e])),q)},V=new Map,_=[],z=[],B=(t,e)=>l=>{t.push(l),n||(n=!0,e&&4&o.t?J(I):o.raf(I))},G=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){q(t)}t.length=0},I=()=>{G(_),G(z),(n=_.length>0)&&o.raf(I)},J=t=>r().then(t),K=B(z,!0);export{$ as H,T as b,d as h,r as p,H as r}