@everymatrix/user-deposit-withdrawal 1.43.4 → 1.45.0

package/dist/components/index.d.ts

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

package/dist/components/index.js

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

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

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

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

@@ -1,304 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'hr'];
-const TRANSLATIONS = {
-  en: {
-    Deposit: 'Deposit',
-    Withdraw: 'Withdraw',
-    denyDeposit: 'Please be informed that currently you are not allowed to initiate depost transactions.',
-    denyWithdrawal: 'Please be informed that currently you are not allowed to initiate withdrawal transactions.',
-    notFoundErrorCode: 'Not found error code',
-    errorCode21122: 'Dear player! Please be informed that currently you are not allowed to initiate withdrawal transaction from your player account. Error Code: 21122',
-    errorCode21123: 'Dear player! Please be informed that currently you are not allowed to make a deposit to your player account. Error Code:21123'
-  },
-  ro: {
-    Deposit: 'Depozit',
-    Withdraw: 'Retragere',
-    denyDeposit: 'Vă informăm că în prezent nu aveți permisiunea de a iniția tranzacții de depunere.',
-    denyWithdrawal: 'Vă informăm că în prezent nu aveți permisiunea de a iniția tranzacții de retragere.',
-    notFoundErrorCode: 'Not found error code',
-    errorCode21122: 'Dear player! Please be informed that currently you are not allowed to initiate withdrawal transaction from your player account. Error Code: 21122',
-    errorCode21123: 'Dear player! Please be informed that currently you are not allowed to make a deposit to your player account. Error Code:21123'
-  },
-  fr: {
-    Deposit: 'Deposit',
-    Withdraw: 'Withdraw',
-    denyDeposit: 'Veuillez être informé que vous n\'êtes actuellement pas autorisé à initier des transactions de dépôt.',
-    denyWithdrawal: 'Veuillez être informé que vous n\'êtes actuellement pas autorisé à initier des transactions de retrait.',
-    notFoundErrorCode: 'Not found error code',
-    errorCode21122: 'Dear player! Please be informed that currently you are not allowed to initiate withdrawal transaction from your player account. Error Code: 21122',
-    errorCode21123: 'Dear player! Please be informed that currently you are not allowed to make a deposit to your player account. Error Code:21123'
-  },
-  hr: {
-    Deposit: 'Uplata',
-    Withdraw: 'Isplata',
-    denyDeposit: 'Obavještavamo Vas da trenutno nemate mogućnost uplata.',
-    denyWithdrawal: 'Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija isplate.',
-    notFoundErrorCode: 'Not found error code',
-    errorCode21122: 'Poštovani, trenutno nije moguće izvršiti isplatu sa Vašeg računa. Error Code: 21122',
-    errorCode21123: 'Poštovani, trenutno nije moguće izvršiti uplatu na Vaš račun. Error Code:21123'
-  }
-};
-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.CategoryTitle {\n  font-size: var(--emw--font-size-x-large, 26px);\n  color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\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.ErrorMessage {\n  color: var(--emfe-w-pam-color-typography, var(--emfe-w-color-typography, #FFFFFF));\n}\n\n.DepositWithdrawalWrapper {\n  width: 100%;\n  padding: 0;\n  margin: 0;\n  height: 100vh;\n}\n\n@container (max-width: 475px) {\n  .DepositWithdrawalWrapper {\n    height: 100vh;\n  }\n}\n.ShortCashier.DepositWithdrawalWrapper {\n  height: 500px;\n}\n.ShortCashier.CategoryTitle.CategoryTitle {\n  margin-right: 20px;\n  padding-top: 20px;\n  color: ar(--emfe-w-color-black, #000000);\n}\n.ShortCashier .ErrorMessage {\n  margin: auto;\n  width: 90%;\n  margin-top: 70px;\n  text-align: center;\n  color: var(--emfe-w-color-black, #000000);\n}";
-
-const emptyFunction = () => { };
-const UserDepositWithdrawal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    /**
-     * Client custom styling via inline style
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingUrl = '';
-    /*
-    * Operator selected currency
-    */
-    this.currency = '';
-    /*
-    * Display bonus dropdown
-    */
-    this.showBonusSelectionInput = 'true';
-    /*
-    * State of deposit - short cashier enabled or not
-    */
-    this.isShortCashier = false;
-    this.beforeRedirect = emptyFunction;
-    this.limitStylingAppends = false;
-    this.bindedHandler = this.handleMessage.bind(this);
-    this.userAgent = window.navigator.userAgent;
-    this.isMobile = isMobile(this.userAgent);
-    this.errorCodes = ["21123", "21122"];
-    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') {
-      return 'Deposit';
-    }
-    if (this.type === 'withdraw') {
-      return 'Withdraw';
-    }
-  }
-  watchLoadWidget() {
-    this.loadWidget();
-  }
-  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("div", { ref: el => this.stylingContainer = el }, (!(this.isMobile && !this.isShortCashier) && (h("h2", { class: "CategoryTitle" }, translate(this.typeParameter === 'Withdraw' ? 'Withdraw' : 'Deposit', this.language)))), h("div", { class: `DepositWithdrawalWrapper  ${this.isShortCashier ? 'ShortCashier' : ''}`, style: { height: this.dynamicHeight, marginTop: this.isShortCashier ? '30px' : '0' } }, h("div", null, (this.isMobile && !this.isShortCashier ?
-      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)))
-      : null)), this.cashierInfoUrl ? h("iframe", { width: "100%", height: "100%", src: this.cashierInfoUrl }) : h("h3", { class: "ErrorMessage" }, this.type === 'deposit' ? translate('denyDeposit', this.language) : translate('denyWithdrawal', this.language))))));
-  }
-  async loadWidget() {
-    const requestObject = {
-      Channel: this.channel,
-      Type: this.typeParameter,
-      SuccessUrl: this.successUrl,
-      CancelUrl: this.cancelUrl,
-      FailUrl: this.failUrl,
-      Language: this.language,
-      productType: this.productType,
-      isShortCashier: this.isShortCashier,
-      currency: this.currency,
-      showBonusSelectionInput: this.showBonusSelectionInput
-    };
-    try {
-      const url = `${this.endpoint}/v1/player/${this.userId}/payment/GetPaymentSession`;
-      const response = await fetch(url, {
-        method: 'POST',
-        headers: {
-          'X-Sessionid': this.session,
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify(requestObject)
-      });
-      if (!response.ok) {
-        const err = await response.text();
-        throw new Error(err);
-      }
-      const data = await response.json();
-      if (data.CashierInfo) {
-        this.cashierInfoUrl = data.CashierInfo.Url;
-      }
-      else {
-        let apiMessage;
-        if (data.ResponseMessage) {
-          let foundErrorCode = this.errorCodes.find(code => data.ResponseMessage.includes(code)) || null;
-          if (foundErrorCode) {
-            apiMessage = translate(`errorCode${foundErrorCode}`, this.language);
-          }
-          else {
-            apiMessage = translate('notFoundErrorCode', this.language);
-          }
-        }
-        else {
-          apiMessage = this.type === 'deposit'
-            ? translate('denyDeposit', this.language)
-            : translate('denyWithdrawal', this.language);
-        }
-        const messageOBj = { type: 'error', message: apiMessage };
-        window.postMessage({ type: 'DenyDepositOrWithdrawal', data: messageOBj }, window.location.href);
-      }
-    }
-    catch (ex) {
-      console.error(ex);
-    }
-  }
-  handleMessage(message) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    if (message.data['MMFE:openFullCashier'] === 'true') {
-      window.postMessage({ type: 'GoToDeposit' }, window.location.href);
-      window.postMessage({ type: 'CloseShortCashier' }, window.location.href);
-    }
-    if (message.data["MMFE:setQuickDepositHeight"] && this.isShortCashier) {
-      this.dynamicHeight = message.data["MMFE:setQuickDepositHeight"].toString() + 'px';
-    }
-    if (message.data["MMFE:setIFrameHeight"] && this.isShortCashier) {
-      this.dynamicHeight = message.data["MMFE:setIFrameHeight"].toString() + 'px';
-    }
-    if (((_a = message.data) === null || _a === void 0 ? void 0 : _a.type) === 'mm-hcback-to-merchant') {
-      this.doRedirect(message.data.type, this.homeUrl);
-    }
-    if (((_b = message.data) === null || _b === void 0 ? void 0 : _b.redirect) === 'mm-hc-back-tomerchant') {
-      this.doRedirect(message.data.redirect, this.homeUrl);
-    }
-    if (((_c = message.data) === null || _c === void 0 ? void 0 : _c.redirect) === 'mm-hc-sports') {
-      this.doRedirect((_d = message.data) === null || _d === void 0 ? void 0 : _d.redirect, this.sportsUrl);
-    }
-    if (((_e = message.data) === null || _e === void 0 ? void 0 : _e.redirect) === 'mm-hc-casino') {
-      this.doRedirect(window.location.href, this.casinoUrl);
-    }
-    if (((_f = message.data) === null || _f === void 0 ? void 0 : _f.redirect) === 'mm-hc-contact') {
-      window.postMessage({ type: 'CloseShortCashier' }, window.location.href);
-      this.doRedirect(window.location.href, this.contactUrl);
-    }
-    if (((_g = message.data) === null || _g === void 0 ? void 0 : _g.redirect) === 'mm-wm-hc-init-deposit' || ((_h = message.data) === null || _h === void 0 ? void 0 : _h.redirect) === 'mm-wm-hc-init-deposit-quick') {
-      window.postMessage({ type: 'CloseShortCashier' }, window.location.href);
-      this.doRedirect(window.location.href, this.depositUrl);
-    }
-  }
-  doRedirect(reason, url) {
-    const redirectArgs = { reason, url, cancel: false };
-    this.beforeRedirect(redirectArgs);
-    if (redirectArgs.cancel) {
-      return;
-    }
-    if (!redirectArgs.url) {
-      window.location.href = '/';
-      return;
-    }
-    window.location.href = redirectArgs.url;
-  }
-  static get watchers() { return {
-    "session": ["watchLoadWidget"],
-    "userId": ["watchLoadWidget"],
-    "isShortCashier": ["watchLoadWidget"],
-    "currency": ["watchLoadWidget"],
-    "showBonusSelectionInput": ["watchLoadWidget"]
-  }; }
-  static get style() { return userDepositWithdrawalCss; }
-}, [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"],
-    "currency": [513],
-    "showBonusSelectionInput": [513, "show-bonus-selection-input"],
-    "isShortCashier": [516, "is-short-cashier"],
-    "homeUrl": [513, "home-url"],
-    "beforeRedirect": [16],
-    "limitStylingAppends": [32],
-    "dynamicHeight": [32],
-    "cashierInfoUrl": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["user-deposit-withdrawal"];
-  components.forEach(tagName => { switch (tagName) {
-    case "user-deposit-withdrawal":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, UserDepositWithdrawal$1);
-      }
-      break;
-  } });
-}
-
-const UserDepositWithdrawal = UserDepositWithdrawal$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UserDepositWithdrawal, defineCustomElement };