@everymatrix/user-deposit-withdrawal 1.0.69

package/dist/esm/index.js

@@ -0,0 +1 @@
+

package/dist/esm/loader.js

@@ -0,0 +1,11 @@
+import { b as bootstrapLazy } from './index-04d3e726.js';
+export { s as setNonce } from './index-04d3e726.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await globalScripts();
+  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"],"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]},null,{"session":["watchLoadWidget"],"userId":["watchLoadWidget"],"isShortCashier":["watchLoadWidget"],"currency":["watchLoadWidget"],"showBonusSelectionInput":["watchLoadWidget"]}]]]], options);
+};
+
+export { defineCustomElements };

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

@@ -0,0 +1,252 @@
+import { r as registerInstance, h, H as Host } from './index-04d3e726.js';
+
+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.'
+    },
+    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.'
+    },
+    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.'
+    },
+    hr: {
+        Deposit: 'Letét',
+        Withdraw: 'Visszavonás',
+        denyDeposit: 'Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija pologa.',
+        denyWithdrawal: 'Obavještavamo vas da trenutno niste ovlašteni za pokretanje transakcija isplate.'
+    }
+};
+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  height: 100vh;\n}\n\n@container (max-width: 475px) {\n  .DepositWithdrawalWrapper {\n    height: 100vh;\n  }\n}";
+const UserDepositWithdrawalStyle0 = userDepositWithdrawalCss;
+
+const emptyFunction = () => { };
+const UserDepositWithdrawal = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        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);
+            });
+        };
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.endpoint = undefined;
+        this.type = undefined;
+        this.channel = undefined;
+        this.language = undefined;
+        this.productType = undefined;
+        this.userId = undefined;
+        this.session = undefined;
+        this.successUrl = undefined;
+        this.cancelUrl = undefined;
+        this.failUrl = undefined;
+        this.sportsUrl = undefined;
+        this.casinoUrl = undefined;
+        this.contactUrl = undefined;
+        this.depositUrl = undefined;
+        this.currency = '';
+        this.showBonusSelectionInput = 'true';
+        this.isShortCashier = false;
+        this.homeUrl = undefined;
+        this.beforeRedirect = emptyFunction;
+        this.limitStylingAppends = false;
+        this.dynamicHeight = undefined;
+        this.cashierInfoUrl = undefined;
+    }
+    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, { key: 'ccdd9243da65080f4ac854a4bc6ed4006f0c9f5e' }, h("div", { key: 'e39b500a56740d0f7e23f92e2f73ea386a3bbb5c', ref: el => this.stylingContainer = el }, (!(this.isMobile && !this.isShortCashier) && (h("h2", { key: '3e2e8bf8a07a4249674f4dae7df7a76da6435fa3', class: "CategoryTitle" }, translate(this.typeParameter === 'Withdraw' ? 'Withdraw' : 'Deposit', this.language)))), h("div", { key: '886bedf58fac20d2f620d4600b6588089d0e502c', class: `DepositWithdrawalWrapper  ${this.isShortCashier ? 'ShortCashier' : ''}`, style: { height: this.dynamicHeight, marginTop: this.isShortCashier ? '30px' : '0' } }, h("div", { key: 'fa038bb3d599cbd894ba6a14ead4c03bbfa425fd' }, (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"]
+    }; }
+};
+UserDepositWithdrawal.style = UserDepositWithdrawalStyle0;
+
+export { UserDepositWithdrawal as user_deposit_withdrawal };

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

@@ -0,0 +1,20 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-04d3e726.js';
+export { s as setNonce } from './index-04d3e726.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
+
+/*
+ Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  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"],"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]},null,{"session":["watchLoadWidget"],"userId":["watchLoadWidget"],"isShortCashier":["watchLoadWidget"],"currency":["watchLoadWidget"],"showBonusSelectionInput":["watchLoadWidget"]}]]]], options);
+});

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/stencil.config.dev.js

@@ -0,0 +1,17 @@
+import { sass } from "@stencil/sass";
+export const config = {
+    namespace: 'user-deposit-withdrawal',
+    taskQueue: 'async',
+    sourceMap: true,
+    minifyJs: false,
+    extras: {
+        experimentalImportInjection: true
+    },
+    plugins: [sass()],
+    outputTargets: [
+        {
+            type: 'www',
+            serviceWorker: null // disable service workers
+        }
+    ]
+};

package/dist/stencil.config.js

@@ -0,0 +1,17 @@
+import { sass } from "@stencil/sass";
+export const config = {
+    namespace: 'user-deposit-withdrawal',
+    taskQueue: 'async',
+    sourceMap: false,
+    minifyJs: true,
+    extras: {
+        experimentalImportInjection: true
+    },
+    plugins: [sass()],
+    outputTargets: [
+        {
+            type: 'dist',
+            esmLoaderPath: '../loader'
+        }
+    ]
+};

package/dist/types/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/user-deposit-withdrawal/.stencil/packages/stencil/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/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/user-deposit-withdrawal/.stencil/packages/stencil/user-deposit-withdrawal/stencil.config.dev.d.ts

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

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

@@ -0,0 +1 @@
+export { UserDepositWithdrawal } from './user-deposit-withdrawal';

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

@@ -0,0 +1,75 @@
+export interface Request {
+    Channel: string;
+    Type: string;
+    SuccessUrl: string;
+    CancelUrl: string;
+    FailUrl: string;
+    Language: string;
+    productType: string;
+}
+export interface CashierInfo {
+    Url: string;
+}
+export interface Response {
+    CashierInfo: CashierInfo;
+    ResponseCode: string;
+    RequestId: string;
+}
+export interface RedirectCallbackArgs {
+    cancel: boolean;
+    reason: string;
+    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;
+    language: string;
+    productType: string;
+    userId: string;
+    session: string;
+    successUrl: string;
+    cancelUrl: string;
+    failUrl: string;
+    sportsUrl: string;
+    casinoUrl: string;
+    contactUrl: string;
+    depositUrl: string;
+    currency: string;
+    showBonusSelectionInput: string;
+    isShortCashier: boolean;
+    homeUrl: string;
+    beforeRedirect: (params: RedirectCallbackArgs) => void;
+    private limitStylingAppends;
+    private dynamicHeight;
+    private cashierInfoUrl;
+    get typeParameter(): "Deposit" | "Withdraw";
+    private bindedHandler;
+    private userAgent;
+    isMobile: boolean;
+    private stylingContainer;
+    private errorCodes;
+    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;
+    private doRedirect;
+}

package/dist/types/components.d.ts

@@ -0,0 +1,99 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { RedirectCallbackArgs } from "./components/user-deposit-withdrawal/user-deposit-withdrawal";
+export { RedirectCallbackArgs } from "./components/user-deposit-withdrawal/user-deposit-withdrawal";
+export namespace Components {
+    interface UserDepositWithdrawal {
+        "beforeRedirect": (params: RedirectCallbackArgs) => void;
+        "cancelUrl": string;
+        "casinoUrl": string;
+        "channel": string;
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling": string;
+        /**
+          * Client custom styling via url
+         */
+        "clientStylingUrl": string;
+        "contactUrl": string;
+        "currency": string;
+        "depositUrl": string;
+        /**
+          * Endpoint
+         */
+        "endpoint": string;
+        "failUrl": string;
+        "homeUrl": string;
+        "isShortCashier": boolean;
+        "language": string;
+        "productType": string;
+        "session": string;
+        "showBonusSelectionInput": string;
+        "sportsUrl": string;
+        "successUrl": string;
+        "type": 'deposit' | 'withdraw';
+        "userId": string;
+    }
+}
+declare global {
+    interface HTMLUserDepositWithdrawalElement extends Components.UserDepositWithdrawal, HTMLStencilElement {
+    }
+    var HTMLUserDepositWithdrawalElement: {
+        prototype: HTMLUserDepositWithdrawalElement;
+        new (): HTMLUserDepositWithdrawalElement;
+    };
+    interface HTMLElementTagNameMap {
+        "user-deposit-withdrawal": HTMLUserDepositWithdrawalElement;
+    }
+}
+declare namespace LocalJSX {
+    interface UserDepositWithdrawal {
+        "beforeRedirect"?: (params: RedirectCallbackArgs) => void;
+        "cancelUrl"?: string;
+        "casinoUrl"?: string;
+        "channel": string;
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling"?: string;
+        /**
+          * Client custom styling via url
+         */
+        "clientStylingUrl"?: string;
+        "contactUrl"?: string;
+        "currency"?: string;
+        "depositUrl"?: string;
+        /**
+          * Endpoint
+         */
+        "endpoint": string;
+        "failUrl"?: string;
+        "homeUrl"?: string;
+        "isShortCashier"?: boolean;
+        "language"?: string;
+        "productType"?: string;
+        "session"?: string;
+        "showBonusSelectionInput"?: string;
+        "sportsUrl"?: string;
+        "successUrl"?: string;
+        "type": 'deposit' | 'withdraw';
+        "userId"?: string;
+    }
+    interface IntrinsicElements {
+        "user-deposit-withdrawal": UserDepositWithdrawal;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "user-deposit-withdrawal": LocalJSX.UserDepositWithdrawal & JSXBase.HTMLAttributes<HTMLUserDepositWithdrawalElement>;
+        }
+    }
+}

package/dist/types/index.d.ts

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