@everymatrix/user-deposit-withdrawal 1.43.4 → 1.45.0

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

@@ -1,598 +1,601 @@
-import { Component, Host, Prop, Watch, State, h } from '@stencil/core';
-import { translate } from '../../utils/locale.utils';
-import { isMobile } from '../../utils/utils';
+import { Host, 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 = '';
-    /*
-    * 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';
+    constructor() {
+        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;
     }
-    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);
-          }
+    get typeParameter() {
+        if (this.type === 'deposit') {
+            return 'Deposit';
         }
-        else {
-          apiMessage = this.type === 'deposit'
-            ? translate('denyDeposit', this.language)
-            : translate('denyWithdrawal', this.language);
+        if (this.type === 'withdraw') {
+            return 'Withdraw';
         }
-        const messageOBj = { type: 'error', message: apiMessage };
-        window.postMessage({ type: 'DenyDepositOrWithdrawal', data: messageOBj }, window.location.href);
-      }
     }
-    catch (ex) {
-      console.error(ex);
+    watchLoadWidget() {
+        this.loadWidget();
     }
-  }
-  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);
+    async componentWillLoad() {
+        await this.loadWidget();
     }
-    if (message.data["MMFE:setQuickDepositHeight"] && this.isShortCashier) {
-      this.dynamicHeight = message.data["MMFE:setQuickDepositHeight"].toString() + 'px';
+    toggleScreen(isMobile) {
+        window.postMessage({ type: 'PlayerAccountMenuActive', isMobile }, window.location.href);
     }
-    if (message.data["MMFE:setIFrameHeight"] && this.isShortCashier) {
-      this.dynamicHeight = message.data["MMFE:setIFrameHeight"].toString() + 'px';
+    componentDidLoad() {
+        window.addEventListener('message', this.bindedHandler, false);
     }
-    if (((_a = message.data) === null || _a === void 0 ? void 0 : _a.type) === 'mm-hcback-to-merchant') {
-      this.doRedirect(message.data.type, this.homeUrl);
+    disconnectedCallback() {
+        window.removeEventListener('message', this.bindedHandler, false);
     }
-    if (((_b = message.data) === null || _b === void 0 ? void 0 : _b.redirect) === 'mm-hc-back-tomerchant') {
-      this.doRedirect(message.data.redirect, this.homeUrl);
+    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
     }
-    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);
+    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))))));
     }
-    if (((_e = message.data) === null || _e === void 0 ? void 0 : _e.redirect) === 'mm-hc-casino') {
-      this.doRedirect(window.location.href, this.casinoUrl);
+    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);
+        }
     }
-    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);
+    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);
+        }
     }
-    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;
     }
-  }
-  doRedirect(reason, url) {
-    const redirectArgs = { reason, url, cancel: false };
-    this.beforeRedirect(redirectArgs);
-    if (redirectArgs.cancel) {
-      return;
+    static get is() { return "user-deposit-withdrawal"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["user-deposit-withdrawal.scss"]
+        };
     }
-    if (!redirectArgs.url) {
-      window.location.href = '/';
-      return;
+    static get styleUrls() {
+        return {
+            "$": ["user-deposit-withdrawal.css"]
+        };
     }
-    window.location.href = redirectArgs.url;
-  }
-  static get is() { return "user-deposit-withdrawal"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["user-deposit-withdrawal.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["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,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Endpoint"
-      },
-      "attribute": "endpoint",
-      "reflect": true
-    },
-    "type": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'deposit' | 'withdraw'",
-        "resolved": "\"deposit\" | \"withdraw\"",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "type",
-      "reflect": true
-    },
-    "channel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "channel",
-      "reflect": true
-    },
-    "language": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "language",
-      "reflect": true
-    },
-    "productType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "product-type",
-      "reflect": true
-    },
-    "userId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "user-id",
-      "reflect": true
-    },
-    "session": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "session",
-      "reflect": true
-    },
-    "successUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "success-url",
-      "reflect": true
-    },
-    "cancelUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "cancel-url",
-      "reflect": true
-    },
-    "failUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "fail-url",
-      "reflect": true
-    },
-    "sportsUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "sports-url",
-      "reflect": true
-    },
-    "casinoUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "casino-url",
-      "reflect": true
-    },
-    "contactUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "contact-url",
-      "reflect": true
-    },
-    "depositUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "deposit-url",
-      "reflect": true
-    },
-    "currency": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "currency",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "showBonusSelectionInput": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-bonus-selection-input",
-      "reflect": true,
-      "defaultValue": "'true'"
-    },
-    "isShortCashier": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-short-cashier",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "homeUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "home-url",
-      "reflect": true
-    },
-    "beforeRedirect": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "(params: RedirectCallbackArgs) => void",
-        "resolved": "(params: RedirectCallbackArgs) => void",
-        "references": {
-          "RedirectCallbackArgs": {
-            "location": "local"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "emptyFunction"
+    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,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Endpoint"
+                },
+                "attribute": "endpoint",
+                "reflect": true
+            },
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'deposit' | 'withdraw'",
+                    "resolved": "\"deposit\" | \"withdraw\"",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "type",
+                "reflect": true
+            },
+            "channel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "channel",
+                "reflect": true
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "language",
+                "reflect": true
+            },
+            "productType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "product-type",
+                "reflect": true
+            },
+            "userId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "user-id",
+                "reflect": true
+            },
+            "session": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "session",
+                "reflect": true
+            },
+            "successUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "success-url",
+                "reflect": true
+            },
+            "cancelUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "cancel-url",
+                "reflect": true
+            },
+            "failUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "fail-url",
+                "reflect": true
+            },
+            "sportsUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "sports-url",
+                "reflect": true
+            },
+            "casinoUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "casino-url",
+                "reflect": true
+            },
+            "contactUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "contact-url",
+                "reflect": true
+            },
+            "depositUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "deposit-url",
+                "reflect": true
+            },
+            "currency": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "currency",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "showBonusSelectionInput": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-bonus-selection-input",
+                "reflect": true,
+                "defaultValue": "'true'"
+            },
+            "isShortCashier": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-short-cashier",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "homeUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "home-url",
+                "reflect": true
+            },
+            "beforeRedirect": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(params: RedirectCallbackArgs) => void",
+                    "resolved": "(params: RedirectCallbackArgs) => void",
+                    "references": {
+                        "RedirectCallbackArgs": {
+                            "location": "local",
+                            "path": "/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/user-deposit-withdrawal/src/components/user-deposit-withdrawal/user-deposit-withdrawal.tsx",
+                            "id": "../../../../packages/stencil/user-deposit-withdrawal/src/components/user-deposit-withdrawal/user-deposit-withdrawal.tsx::RedirectCallbackArgs"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "defaultValue": "emptyFunction"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "limitStylingAppends": {},
+            "dynamicHeight": {},
+            "cashierInfoUrl": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "session",
+                "methodName": "watchLoadWidget"
+            }, {
+                "propName": "userId",
+                "methodName": "watchLoadWidget"
+            }, {
+                "propName": "isShortCashier",
+                "methodName": "watchLoadWidget"
+            }, {
+                "propName": "currency",
+                "methodName": "watchLoadWidget"
+            }, {
+                "propName": "showBonusSelectionInput",
+                "methodName": "watchLoadWidget"
+            }];
     }
-  }; }
-  static get states() { return {
-    "limitStylingAppends": {},
-    "dynamicHeight": {},
-    "cashierInfoUrl": {}
-  }; }
-  static get watchers() { return [{
-      "propName": "session",
-      "methodName": "watchLoadWidget"
-    }, {
-      "propName": "userId",
-      "methodName": "watchLoadWidget"
-    }, {
-      "propName": "isShortCashier",
-      "methodName": "watchLoadWidget"
-    }, {
-      "propName": "currency",
-      "methodName": "watchLoadWidget"
-    }, {
-      "propName": "showBonusSelectionInput",
-      "methodName": "watchLoadWidget"
-    }]; }
 }