@everymatrix/player-lugas-limit 1.44.0 → 1.45.0

package/dist/collection/components/player-lugas-limit/player-lugas-limit.js

@@ -1,571 +1,490 @@
-import { Component, Prop, h, State, Event, Watch } from '@stencil/core';
-import { getTranslations, translate } from '../../utils/locale.utils';
+import { h } from "@stencil/core";
+import { getTranslations, translate } from "../../utils/locale.utils";
 export class PlayerLugasLimit {
-  constructor() {
-    /**
-     * The userId
-     */
-    this.userId = '';
-    /**
-     * The session
-     */
-    this.session = '';
-    /**
-     * The NorWAy endpoint
-     */
-    this.endpoint = '';
-    /**
-     * Currency of the player
-     */
-    this.currency = 'EUR';
-    /**
-    * This chooses what type of flow the widget will have, “1” will be the Soft Migration Dialog and the “2” will be the New User
-    */
-    this.flow = '';
-    /**
-     * This decides the minimum and maximum mandatory amount for setting a new limit, example: amountMinMax=“10,3000”
-     */
-    this.amountMinMax = '';
-    /**
-    * The amount
-    */
-    this.amount = '';
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingUrl = '';
-    /**
-     * The translationurl
-     */
-    this.translationUrl = '';
-    this.validation = true;
-    this.dropDown = false;
-    this.isLoading = false;
-    this.hasErrors = false;
-    this.inputValue = '';
-    this.isButtonDisabled = true;
-    this.crossProviders = false;
-    this.userAmount = '';
-    this.operatorDepositLimitAmount = '';
-    this.regularDepositLimitAmount = '';
-    this.stylingAppends = false;
-    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.postPlayerSituation = (userAmount, keepLimit = false, initialNewLimit = false) => {
-      this.isButtonDisabled = true;
-      let url = new URL(`${this.endpoint}v2/player/${this.userId}/limit/lugas`);
-      let roleLimitAmount = initialNewLimit ? this.amount : 0;
-      let bodyDraft = {
-        softMigration: this.flow == '1',
-        keepLimit: keepLimit,
-        roleLimitAmount: roleLimitAmount
-      };
-      userAmount && (bodyDraft['amount'] = `${userAmount}`);
-      let options = {
-        method: 'POST',
-        headers: {
-          'X-SessionId': this.session,
-          'Content-Type': 'application/json',
-          'Authorization': `Bearer ${this.session}`
-        },
-        body: JSON.stringify(bodyDraft)
-      };
-      fetch(url.href, options)
-        .then((res) => {
-        if (res.status === 200) {
-          return res.json();
-        }
-        else {
-          this.crossProviders = true;
-          this.dropDown = true;
-          throw new Error("HTTP status " + res.status);
-        }
-      })
-        .then((data) => {
-        this.isButtonDisabled = false;
-        this.kyc = data.popup;
-        this.validation = false;
+    constructor() {
+        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.postPlayerSituation = (userAmount, keepLimit = false, initialNewLimit = false) => {
+            this.isButtonDisabled = true;
+            let url = new URL(`${this.endpoint}v2/player/${this.userId}/limit/lugas`);
+            let roleLimitAmount = initialNewLimit ? this.amount : 0;
+            let bodyDraft = {
+                softMigration: this.flow == '1',
+                keepLimit: keepLimit,
+                roleLimitAmount: roleLimitAmount
+            };
+            userAmount && (bodyDraft['amount'] = `${userAmount}`);
+            let options = {
+                method: 'POST',
+                headers: {
+                    'X-SessionId': this.session,
+                    'Content-Type': 'application/json',
+                    'Authorization': `Bearer ${this.session}`
+                },
+                body: JSON.stringify(bodyDraft)
+            };
+            fetch(url.href, options)
+                .then((res) => {
+                if (res.status === 200) {
+                    return res.json();
+                }
+                else {
+                    this.crossProviders = true;
+                    this.dropDown = true;
+                    throw new Error("HTTP status " + res.status);
+                }
+            })
+                .then((data) => {
+                this.isButtonDisabled = false;
+                this.kyc = data.popup;
+                this.validation = false;
+                this.dropDown = false;
+                if (data.operatorDepositLimitAmount) {
+                    this.operatorDepositLimitAmount = data.operatorDepositLimitAmount;
+                }
+                if (data.regulatorDepositLimitAmount) {
+                    this.regularDepositLimitAmount = data.regulatorDepositLimitAmount;
+                }
+            })
+                .catch((err) => {
+                this.isButtonDisabled = false;
+                // Handle any errors
+                console.error(err);
+            });
+        };
+        this.handleClick = (input) => {
+            switch (input) {
+                case 'keepCurrentLimit':
+                    this.postPlayerSituation(this.amount, true);
+                    break;
+                case 'keepCurrentLimitNewUser':
+                    // new user should not have a limit amount
+                    this.postPlayerSituation(null, true);
+                    break;
+                case 'postSituation':
+                    this.postPlayerSituation();
+                    break;
+                case 'setNewLimit':
+                    this.dropDown = true;
+                    break;
+                case 'UploadDocuments':
+                    this.uploadDocuments.emit();
+                    window.postMessage({ type: 'uploadDocuments' }, window.location.href);
+                    break;
+                case 'Close':
+                    this.closePopup.emit();
+                    window.postMessage({ type: 'closePopup' }, window.location.href);
+                    break;
+            }
+        };
+        this.userId = '';
+        this.session = '';
+        this.endpoint = '';
+        this.currency = 'EUR';
+        this.flow = '';
+        this.amountMinMax = '';
+        this.amount = '';
+        this.lang = undefined;
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.validation = true;
+        this.kyc = undefined;
         this.dropDown = false;
-        if (data.operatorDepositLimitAmount) {
-          this.operatorDepositLimitAmount = data.operatorDepositLimitAmount;
+        this.isLoading = false;
+        this.hasErrors = false;
+        this.inputValue = '';
+        this.isButtonDisabled = true;
+        this.crossProviders = false;
+        this.invalidInput = undefined;
+        this.userAmount = '';
+        this.operatorDepositLimitAmount = '';
+        this.regularDepositLimitAmount = '';
+        this.stylingAppends = false;
+        this.isWithinRange = undefined;
+        this.minimumRange = undefined;
+    }
+    componentDidRender() {
+        // start custom styling area
+        if (!this.stylingAppends && this.stylingContainer) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrl)
+                this.setClientStylingURL();
+            this.stylingAppends = true;
         }
-        if (data.regulatorDepositLimitAmount) {
-          this.regularDepositLimitAmount = data.regulatorDepositLimitAmount;
+        // end custom styling area
+    }
+    handleNewTranslations() {
+        this.isLoading = true;
+        getTranslations(this.translationUrl).then(() => {
+            this.isLoading = false;
+        });
+    }
+    async componentWillLoad() {
+        if (this.translationUrl.length > 2) {
+            await getTranslations(this.translationUrl);
+        }
+    }
+    handleSubmit(event) {
+        event.preventDefault();
+        if (this.invalidInput) {
+            return;
         }
-      })
-        .catch((err) => {
-        this.isButtonDisabled = false;
-        // Handle any errors
-        console.error(err);
-      });
-    };
-    this.handleClick = (input) => {
-      switch (input) {
-        case 'keepCurrentLimit':
-          this.postPlayerSituation(this.amount, true);
-          break;
-        case 'keepCurrentLimitNewUser':
-          // new user should not have a limit amount
-          this.postPlayerSituation(null, true);
-          break;
-        case 'postSituation':
-          this.postPlayerSituation();
-          break;
-        case 'setNewLimit':
-          this.dropDown = true;
-          break;
-        case 'UploadDocuments':
-          this.uploadDocuments.emit();
-          window.postMessage({ type: 'uploadDocuments' }, window.location.href);
-          break;
-        case 'Close':
-          this.closePopup.emit();
-          window.postMessage({ type: 'closePopup' }, window.location.href);
-          break;
-      }
-    };
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.stylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.stylingAppends = true;
+        this.userAmount = this.inputValue;
+        this.postPlayerSituation(this.inputValue, false, true);
     }
-    // end custom styling area
-  }
-  handleNewTranslations() {
-    this.isLoading = true;
-    getTranslations(this.translationUrl).then(() => {
-      this.isLoading = false;
-    });
-  }
-  async componentWillLoad() {
-    if (this.translationUrl.length > 2) {
-      await getTranslations(this.translationUrl);
+    containsOnlyDigits(input) {
+        const regex = /^[0-9]+$/;
+        return regex.test(input);
     }
-  }
-  handleSubmit(event) {
-    event.preventDefault();
-    if (this.invalidInput) {
-      return;
+    handleInputChange(event) {
+        const inputValue = event.target.value;
+        this.inputValue = inputValue;
+        let min = parseInt(this.amountMinMax.split(',')[0]);
+        let max = parseInt(this.amountMinMax.split(',')[1]);
+        // Perform validation checks
+        this.isValidNumber = !isNaN(Number(inputValue)) && this.containsOnlyDigits(inputValue);
+        this.invalidInput = !this.isValidNumber;
+        this.minimumRange = Number(inputValue) >= min;
+        this.isWithinRange = Number(inputValue) <= max;
+        this.isButtonDisabled = !this.isValidNumber || !this.isWithinRange || !this.minimumRange;
     }
-    this.userAmount = this.inputValue;
-    this.postPlayerSituation(this.inputValue, false, true);
-  }
-  containsOnlyDigits(input) {
-    const regex = /^[0-9]+$/;
-    return regex.test(input);
-  }
-  handleInputChange(event) {
-    const inputValue = event.target.value;
-    this.inputValue = inputValue;
-    let min = parseInt(this.amountMinMax.split(',')[0]);
-    let max = parseInt(this.amountMinMax.split(',')[1]);
-    // Perform validation checks
-    this.isValidNumber = !isNaN(Number(inputValue)) && this.containsOnlyDigits(inputValue);
-    this.invalidInput = !this.isValidNumber;
-    this.minimumRange = Number(inputValue) >= min;
-    this.isWithinRange = Number(inputValue) <= max;
-    this.isButtonDisabled = !this.isValidNumber || !this.isWithinRange || !this.minimumRange;
-  }
-  renderKYC(step) {
-    if (step == 0) {
-      //CLOSE MODAL
-      this.closePopup.emit();
-      window.postMessage({ type: 'closePopup' }, window.location.href);
-      return;
+    renderKYC(step) {
+        if (step == 0) {
+            //CLOSE MODAL
+            this.closePopup.emit();
+            window.postMessage({ type: 'closePopup' }, window.location.href);
+            return;
+        }
+        if (step == 1) {
+            return (h("div", { class: "ValidatorContainer" }, h("div", { class: "Paragraphs" }, h("p", null, translate('kycSure', this.lang, { values: { currency: this.currency } })), h("p", null, translate('kyc1', this.lang, { values: { currency: this.currency } })), h("div", { class: "ContainerButtons" }, h("button", { class: "FirstButton", onClick: () => this.postPlayerSituation(this.userAmount, false) }, translate('setNewLimit', this.lang, { values: { currency: this.currency } })), h("button", { class: "SecondButton", onClick: () => this.handleClick('keepCurrentLimit') }, translate('keepExistingLimit', this.lang, { values: { currency: this.currency } }))))));
+        }
+        else if (step == 2) {
+            return (h("div", { class: "ValidatorContainer" }, h("div", { class: "Paragraphs" }, h("p", null, translate('kycThanks', this.lang, { values: { currency: this.currency } })), h("p", { innerHTML: translate('kyc2', this.lang, { values: { currency: this.currency, amount: this.regularDepositLimitAmount } }) }), h("div", { class: "ContainerButtons" }, h("button", { class: "FirstButton", onClick: () => this.handleClick('Close') }, translate('Close', this.lang, { values: { currency: this.currency } })), h("button", { class: "SecondButton", onClick: () => this.handleClick('UploadDocuments') }, translate('UploadDocuments', this.lang, { values: { currency: this.currency } }))))));
+        }
+        else {
+            return (h("div", { class: "ValidatorContainer" }, h("div", { class: "Paragraphs" }, h("p", null, translate('kycThanks', this.lang, { values: { currency: this.currency } })), h("p", null, translate('kyc3', this.lang, { values: { currency: this.currency } })), h("div", { class: "ContainerButtons" }, h("button", { class: "SecondButton", onClick: () => this.handleClick('Close') }, translate('Close', this.lang, { values: { currency: this.currency } }))))));
+        }
     }
-    if (step == 1) {
-      return (h("div", { class: "ValidatorContainer" },
-        h("div", { class: "Paragraphs" },
-          h("p", null, translate('kycSure', this.lang, { values: { currency: this.currency } })),
-          h("p", null, translate('kyc1', this.lang, { values: { currency: this.currency } })),
-          h("div", { class: "ContainerButtons" },
-            h("button", { class: "FirstButton", onClick: () => this.postPlayerSituation(this.userAmount, false) }, translate('setNewLimit', this.lang, { values: { currency: this.currency } })),
-            h("button", { class: "SecondButton", onClick: () => this.handleClick('keepCurrentLimit') }, translate('keepExistingLimit', this.lang, { values: { currency: this.currency } }))))));
+    renderValidator(input) {
+        if (input == '1') {
+            return (h("div", { class: "ValidatorContainer" }, h("div", { class: "Paragraphs" }, h("p", null, translate('softMigrationP1', this.lang, { values: { currency: this.currency } })), h("p", { innerHTML: translate('softMigrationP2', this.lang, { values: { currency: this.currency } }) }), h("p", { innerHTML: translate('softMigrationP3', this.lang, { values: { currency: this.currency, amount: this.amount } }) })), this.crossProviders ?
+                h("div", { class: "CrossProvider" }, h("svg", { width: "4", height: "17", viewBox: "0 0 4 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("rect", { width: "4", height: "12", rx: "2", fill: "white" }), h("rect", { y: "14", width: "4", height: "3", rx: "1.5", fill: "white" })), h("p", null, translate('crossProviders', this.lang, { values: { currency: this.currency } })))
+                :
+                    h("div", { class: "ContainerButtons" }, h("button", { class: "FirstButton", onClick: () => this.handleClick('setNewLimit') }, translate('setNewLimit', this.lang, { values: { currency: this.currency } })), h("button", { class: "SecondButton", onClick: () => this.handleClick('keepCurrentLimit') }, translate('confirm', this.lang, { values: { currency: this.currency } })))));
+        }
+        else if (input == '2') {
+            return (h("div", { class: "ValidatorContainer" }, h("div", { class: "Paragraphs" }, h("p", null, translate('newUserP1', this.lang, { values: { currency: this.currency } })), h("p", null, translate('newUserP2', this.lang, { values: { currency: this.currency } })), h("p", null, translate('newUserP3', this.lang, { values: { currency: this.currency } }))), this.crossProviders ?
+                h("div", { class: "CrossProvider" }, h("svg", { width: "4", height: "17", viewBox: "0 0 4 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("rect", { width: "4", height: "12", rx: "2", fill: "white" }), h("rect", { y: "14", width: "4", height: "3", rx: "1.5", fill: "white" })), h("p", null, translate('crossProviders', this.lang, { values: { currency: this.currency } })))
+                :
+                    h("div", { class: "ContainerButtons" }, h("button", { class: "FirstButton", onClick: () => this.handleClick('setNewLimit') }, translate('setNewLimit', this.lang, { values: { currency: this.currency } })), h("button", { class: "SecondButton", onClick: () => this.handleClick('keepCurrentLimitNewUser') }, translate('keepExistingLimit', this.lang, { values: { currency: this.currency } })))));
+        }
     }
-    else if (step == 2) {
-      return (h("div", { class: "ValidatorContainer" },
-        h("div", { class: "Paragraphs" },
-          h("p", null, translate('kycThanks', this.lang, { values: { currency: this.currency } })),
-          h("p", { innerHTML: translate('kyc2', this.lang, { values: { currency: this.currency, amount: this.regularDepositLimitAmount } }) }),
-          h("div", { class: "ContainerButtons" },
-            h("button", { class: "FirstButton", onClick: () => this.handleClick('Close') }, translate('Close', this.lang, { values: { currency: this.currency } })),
-            h("button", { class: "SecondButton", onClick: () => this.handleClick('UploadDocuments') }, translate('UploadDocuments', this.lang, { values: { currency: this.currency } }))))));
+    render() {
+        let kycConfirmation = this.renderKYC(this.kyc);
+        let validationContainer = this.renderValidator(this.flow);
+        if (this.isLoading) {
+            return (h("div", null, h("p", null, translate('loading', this.lang, { values: { currency: this.currency } }))));
+        }
+        else {
+            if (this.hasErrors) {
+                return (h("div", null, h("p", null, translate('error', this.lang, { values: { currency: this.currency } }))));
+            }
+            else {
+                return (h("div", { class: "ModalContainer", ref: el => this.stylingContainer = el }, h("div", { class: "Container" }, h("div", { class: "ModalHeader" }, h("svg", { width: "107", height: "20", viewBox: "0 0 107 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M2.7948 17.4348C10.9082 18.9412 30.1923 20.0001 52.698 20.0001C75.2036 20.0001 94.4729 18.9412 102.601 17.4348H2.7948Z", fill: "#7EC51E" }), h("path", { d: "M66.4489 3.87771H64.1074L64.7934 0L60.7815 1.37211L58.3505 14.9143H62.1089L63.481 7.308C63.5705 6.84565 63.7942 6.65177 64.1969 6.65177H64.5697C64.9426 6.65177 65.0917 6.80091 65.0321 7.14394L63.6301 14.9292H67.4034L68.8949 6.63685C69.1931 4.95154 68.5518 3.87771 66.4489 3.87771Z", fill: "#002554" }), h("path", { d: "M93.0858 3.87769H92.6831H85.3901H81.6913L79.6928 14.9143H83.4512L84.8233 7.30797C84.9128 6.84563 85.1365 6.65174 85.5392 6.65174H85.9121C86.2849 6.65174 86.4341 6.80088 86.3744 7.14391L84.9725 14.9292H88.7309L90.103 7.32288C90.1925 6.86054 90.4162 6.66666 90.8189 6.66666H91.1917C91.5646 6.66666 91.7137 6.8158 91.6541 7.15883L90.2521 14.9441H94.0105L95.5019 6.65174C95.8301 4.95151 95.1887 3.87769 93.0858 3.87769Z", fill: "#002554" }), h("path", { d: "M51.9523 10.6639H57.0828L57.5302 8.11353H52.3997L51.9523 10.6639Z", fill: "#002554" }), h("path", { d: "M51.2363 1.34229L47.2244 2.7144L45.5093 12.1701C45.211 13.8255 45.897 14.9143 48.2684 14.9143H50.1476L50.6398 12.1551H49.8195C49.4466 12.1551 49.2975 12.006 49.3571 11.663L50.3266 6.42805H51.6689L52.1163 3.87771H50.7889L51.2363 1.34229Z", fill: "#002554" }), h("path", { d: "M27.2095 1.34229L23.1976 2.7144L21.4825 12.1701C21.1842 13.8255 21.8702 14.9143 24.2416 14.9143H26.1208L26.613 12.1551H25.7927C25.4198 12.1551 25.2707 12.006 25.3303 11.663L26.2998 6.42805H27.6421L28.0895 3.87771H26.7621L27.2095 1.34229Z", fill: "#002554" }), h("path", { d: "M27.8807 10.6639H33.0112L33.4736 8.11353H28.3431L27.8807 10.6639Z", fill: "#002554" }), h("path", { d: "M7.6569 3.87771H5.31536L6.01633 0L2.00439 1.37211L0.169932 11.5735L0.0655323 12.1701C-0.232753 13.8255 0.453304 14.9143 2.82467 14.9143H5.65839C7.7613 14.9143 8.79039 13.8255 9.08867 12.1701L10.0879 6.62194C10.4011 4.95154 9.75981 3.87771 7.6569 3.87771ZM6.25496 7.12903L5.43467 11.663C5.37502 11.9911 5.16622 12.1551 4.79336 12.1551H4.4205C4.01782 12.1551 3.85376 11.9613 3.94324 11.4989L4.70387 7.32291C4.79336 6.86057 5.01707 6.66668 5.41976 6.66668H5.79262C6.16547 6.63685 6.31461 6.786 6.25496 7.12903Z", fill: "#002554" }), h("path", { d: "M76.8891 3.87769H74.0852C71.7138 3.87769 70.7444 4.96643 70.4461 6.62191L69.4468 12.17C69.1486 13.8255 69.7302 14.9143 72.0867 14.9143H74.8906C77.2619 14.9143 78.2313 13.8255 78.5296 12.17L79.5289 6.62191C79.8421 4.95151 79.2604 3.87769 76.8891 3.87769ZM75.7854 6.96494L74.9055 11.8121C74.8458 12.1402 74.637 12.3043 74.2641 12.3043H73.6676C73.2947 12.3043 73.1456 12.1551 73.2052 11.8121L74.0852 6.96494C74.1448 6.63683 74.3536 6.47277 74.7265 6.47277H75.3231C75.6959 6.47277 75.8451 6.63683 75.7854 6.96494Z", fill: "#002554" }), h("path", { d: "M18.082 3.87769H15.3825C13.0111 3.87769 11.9373 4.96643 11.639 6.62191L10.6398 12.17C10.3415 13.8255 11.0275 14.9143 13.3989 14.9143H16.0984C18.4697 14.9143 19.5436 13.8255 19.8419 12.17L19.991 11.3796H16.4265L16.3519 11.7972C16.2923 12.1253 16.0835 12.3341 15.6957 12.3341H14.7263C14.3534 12.3341 14.2043 12.1849 14.2639 11.8419L14.4727 10.6637H20.1103L20.4832 8.62043L20.8411 6.62191C21.1394 4.95151 20.4384 3.87769 18.082 3.87769ZM17.2169 6.95003L17.0081 8.12825H14.9351L15.1439 6.95003C15.2035 6.62191 15.4123 6.45786 15.7852 6.45786H16.7546C17.1275 6.45786 17.2766 6.607 17.2169 6.95003Z", fill: "#002554" }), h("path", { d: "M42.2133 3.87769H39.5138C37.1424 3.87769 36.0686 4.96643 35.7703 6.62191L35.6212 7.41237H39.1857L39.2602 6.99477C39.3199 6.66666 39.5287 6.45786 39.9165 6.45786H40.8859C41.2588 6.45786 41.4079 6.607 41.3482 6.95003L41.1394 8.12825H37.0828C36.2028 8.12825 35.3676 8.82923 35.2185 9.70917L35.0842 10.4101L34.771 12.17C34.4728 13.8255 35.1588 14.9143 37.5302 14.9143H43.4959L44.9873 6.62191C45.2707 4.95151 44.5846 3.87769 42.2133 3.87769ZM40.4683 11.827C40.4086 12.1551 40.1998 12.3192 39.827 12.3192H38.8576C38.4847 12.3192 38.3356 12.17 38.3952 11.827L38.604 10.6488H40.6771L40.4683 11.827Z", fill: "#002554" }), h("path", { d: "M103.63 3.87769H100.931C98.5593 3.87769 97.4855 4.96643 97.1872 6.62191L96.1879 12.17C95.8896 13.8255 96.5757 14.9143 98.947 14.9143H101.647C104.018 14.9143 105.092 13.8255 105.39 12.17L105.539 11.3796H101.975L101.9 11.7972C101.84 12.1253 101.632 12.3341 101.259 12.3341H100.289C99.9165 12.3341 99.7673 12.1849 99.827 11.8419L100.036 10.6637H105.673L106.046 8.62043L106.404 6.62191C106.688 4.95151 106.002 3.87769 103.63 3.87769ZM102.765 6.95003L102.556 8.12825H100.483L100.692 6.95003C100.752 6.62191 100.96 6.45786 101.333 6.45786H102.303C102.676 6.45786 102.825 6.607 102.765 6.95003Z", fill: "#002554" }))), h("div", { class: "ModalBody" }, this.validation ? validationContainer : kycConfirmation, this.dropDown ?
+                    h("div", null, h("hr", null), h("div", { class: "ModalFooter" }, h("div", { class: "Dropdown" }, h("p", null, translate('monthlyDeposit', this.lang, { values: { currency: this.currency } })), h("form", { onSubmit: (event) => this.handleSubmit(event) }, h("div", { class: "DropdownInput" }, h("input", { type: "number", value: this.inputValue, class: !this.invalidInput || this.invalidInput == undefined ? '' : "InvalidInput", placeholder: "0", onInput: (event) => this.handleInputChange(event) }), h("button", { disabled: this.isButtonDisabled }, translate('setLimit', this.lang, { values: { currency: this.currency } }))), (this.invalidInput || !this.isWithinRange || !this.minimumRange) && this.invalidInput != undefined ?
+                        h("p", { class: "InvalidParagraph" }, !this.isValidNumber ? (translate('invalidNumber', this.lang, { values: { currency: this.currency } })) : !this.isWithinRange ? (translate('outOfRange', this.lang, { values: { currency: this.currency, min: this.amountMinMax.split(',')[0], max: this.amountMinMax.split(',')[1] } })) : !this.minimumRange ? (translate('minimumRange', this.lang, { values: { currency: this.currency, min: this.amountMinMax.split(',')[0], max: this.amountMinMax.split(',')[1] } })) : null)
+                        : null))))
+                    : null))));
+            }
+        }
     }
-    else {
-      return (h("div", { class: "ValidatorContainer" },
-        h("div", { class: "Paragraphs" },
-          h("p", null, translate('kycThanks', this.lang, { values: { currency: this.currency } })),
-          h("p", null, translate('kyc3', this.lang, { values: { currency: this.currency } })),
-          h("div", { class: "ContainerButtons" },
-            h("button", { class: "SecondButton", onClick: () => this.handleClick('Close') }, translate('Close', this.lang, { values: { currency: this.currency } }))))));
+    static get is() { return "player-lugas-limit"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["player-lugas-limit.scss"]
+        };
     }
-  }
-  renderValidator(input) {
-    if (input == '1') {
-      return (h("div", { class: "ValidatorContainer" },
-        h("div", { class: "Paragraphs" },
-          h("p", null, translate('softMigrationP1', this.lang, { values: { currency: this.currency } })),
-          h("p", { innerHTML: translate('softMigrationP2', this.lang, { values: { currency: this.currency } }) }),
-          h("p", { innerHTML: translate('softMigrationP3', this.lang, { values: { currency: this.currency, amount: this.amount } }) })),
-        this.crossProviders ?
-          h("div", { class: "CrossProvider" },
-            h("svg", { width: "4", height: "17", viewBox: "0 0 4 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-              h("rect", { width: "4", height: "12", rx: "2", fill: "white" }),
-              h("rect", { y: "14", width: "4", height: "3", rx: "1.5", fill: "white" })),
-            h("p", null, translate('crossProviders', this.lang, { values: { currency: this.currency } })))
-          :
-            h("div", { class: "ContainerButtons" },
-              h("button", { class: "FirstButton", onClick: () => this.handleClick('setNewLimit') }, translate('setNewLimit', this.lang, { values: { currency: this.currency } })),
-              h("button", { class: "SecondButton", onClick: () => this.handleClick('keepCurrentLimit') }, translate('confirm', this.lang, { values: { currency: this.currency } })))));
+    static get styleUrls() {
+        return {
+            "$": ["player-lugas-limit.css"]
+        };
     }
-    else if (input == '2') {
-      return (h("div", { class: "ValidatorContainer" },
-        h("div", { class: "Paragraphs" },
-          h("p", null, translate('newUserP1', this.lang, { values: { currency: this.currency } })),
-          h("p", null, translate('newUserP2', this.lang, { values: { currency: this.currency } })),
-          h("p", null, translate('newUserP3', this.lang, { values: { currency: this.currency } }))),
-        this.crossProviders ?
-          h("div", { class: "CrossProvider" },
-            h("svg", { width: "4", height: "17", viewBox: "0 0 4 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-              h("rect", { width: "4", height: "12", rx: "2", fill: "white" }),
-              h("rect", { y: "14", width: "4", height: "3", rx: "1.5", fill: "white" })),
-            h("p", null, translate('crossProviders', this.lang, { values: { currency: this.currency } })))
-          :
-            h("div", { class: "ContainerButtons" },
-              h("button", { class: "FirstButton", onClick: () => this.handleClick('setNewLimit') }, translate('setNewLimit', this.lang, { values: { currency: this.currency } })),
-              h("button", { class: "SecondButton", onClick: () => this.handleClick('keepCurrentLimitNewUser') }, translate('keepExistingLimit', this.lang, { values: { currency: this.currency } })))));
+    static get properties() {
+        return {
+            "userId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The userId"
+                },
+                "attribute": "user-id",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "session": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The session"
+                },
+                "attribute": "session",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "endpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The NorWAy endpoint"
+                },
+                "attribute": "endpoint",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "currency": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Currency of the player"
+                },
+                "attribute": "currency",
+                "reflect": false,
+                "defaultValue": "'EUR'"
+            },
+            "flow": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "This chooses what type of flow the widget will have, \u201C1\u201D will be the Soft Migration Dialog and the \u201C2\u201D will be the New User"
+                },
+                "attribute": "flow",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "amountMinMax": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "This decides the minimum and maximum mandatory amount for setting a new limit, example: amountMinMax=\u201C10,3000\u201D"
+                },
+                "attribute": "amount-min-max",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "amount": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The amount"
+                },
+                "attribute": "amount",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "lang": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The lang"
+                },
+                "attribute": "lang",
+                "reflect": false
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via string"
+                },
+                "attribute": "client-styling",
+                "reflect": false,
+                "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": false,
+                "defaultValue": "''"
+            },
+            "translationUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The translationurl"
+                },
+                "attribute": "translation-url",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
     }
-  }
-  render() {
-    let kycConfirmation = this.renderKYC(this.kyc);
-    let validationContainer = this.renderValidator(this.flow);
-    if (this.isLoading) {
-      return (h("div", null,
-        h("p", null, translate('loading', this.lang, { values: { currency: this.currency } }))));
+    static get states() {
+        return {
+            "validation": {},
+            "kyc": {},
+            "dropDown": {},
+            "isLoading": {},
+            "hasErrors": {},
+            "inputValue": {},
+            "isButtonDisabled": {},
+            "crossProviders": {},
+            "invalidInput": {},
+            "userAmount": {},
+            "operatorDepositLimitAmount": {},
+            "regularDepositLimitAmount": {},
+            "stylingAppends": {},
+            "isWithinRange": {},
+            "minimumRange": {}
+        };
     }
-    else {
-      if (this.hasErrors) {
-        return (h("div", null,
-          h("p", null, translate('error', this.lang, { values: { currency: this.currency } }))));
-      }
-      else {
-        return (h("div", { class: "ModalContainer", ref: el => this.stylingContainer = el },
-          h("div", { class: "Container" },
-            h("div", { class: "ModalHeader" },
-              h("svg", { width: "107", height: "20", viewBox: "0 0 107 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                h("path", { d: "M2.7948 17.4348C10.9082 18.9412 30.1923 20.0001 52.698 20.0001C75.2036 20.0001 94.4729 18.9412 102.601 17.4348H2.7948Z", fill: "#7EC51E" }),
-                h("path", { d: "M66.4489 3.87771H64.1074L64.7934 0L60.7815 1.37211L58.3505 14.9143H62.1089L63.481 7.308C63.5705 6.84565 63.7942 6.65177 64.1969 6.65177H64.5697C64.9426 6.65177 65.0917 6.80091 65.0321 7.14394L63.6301 14.9292H67.4034L68.8949 6.63685C69.1931 4.95154 68.5518 3.87771 66.4489 3.87771Z", fill: "#002554" }),
-                h("path", { d: "M93.0858 3.87769H92.6831H85.3901H81.6913L79.6928 14.9143H83.4512L84.8233 7.30797C84.9128 6.84563 85.1365 6.65174 85.5392 6.65174H85.9121C86.2849 6.65174 86.4341 6.80088 86.3744 7.14391L84.9725 14.9292H88.7309L90.103 7.32288C90.1925 6.86054 90.4162 6.66666 90.8189 6.66666H91.1917C91.5646 6.66666 91.7137 6.8158 91.6541 7.15883L90.2521 14.9441H94.0105L95.5019 6.65174C95.8301 4.95151 95.1887 3.87769 93.0858 3.87769Z", fill: "#002554" }),
-                h("path", { d: "M51.9523 10.6639H57.0828L57.5302 8.11353H52.3997L51.9523 10.6639Z", fill: "#002554" }),
-                h("path", { d: "M51.2363 1.34229L47.2244 2.7144L45.5093 12.1701C45.211 13.8255 45.897 14.9143 48.2684 14.9143H50.1476L50.6398 12.1551H49.8195C49.4466 12.1551 49.2975 12.006 49.3571 11.663L50.3266 6.42805H51.6689L52.1163 3.87771H50.7889L51.2363 1.34229Z", fill: "#002554" }),
-                h("path", { d: "M27.2095 1.34229L23.1976 2.7144L21.4825 12.1701C21.1842 13.8255 21.8702 14.9143 24.2416 14.9143H26.1208L26.613 12.1551H25.7927C25.4198 12.1551 25.2707 12.006 25.3303 11.663L26.2998 6.42805H27.6421L28.0895 3.87771H26.7621L27.2095 1.34229Z", fill: "#002554" }),
-                h("path", { d: "M27.8807 10.6639H33.0112L33.4736 8.11353H28.3431L27.8807 10.6639Z", fill: "#002554" }),
-                h("path", { d: "M7.6569 3.87771H5.31536L6.01633 0L2.00439 1.37211L0.169932 11.5735L0.0655323 12.1701C-0.232753 13.8255 0.453304 14.9143 2.82467 14.9143H5.65839C7.7613 14.9143 8.79039 13.8255 9.08867 12.1701L10.0879 6.62194C10.4011 4.95154 9.75981 3.87771 7.6569 3.87771ZM6.25496 7.12903L5.43467 11.663C5.37502 11.9911 5.16622 12.1551 4.79336 12.1551H4.4205C4.01782 12.1551 3.85376 11.9613 3.94324 11.4989L4.70387 7.32291C4.79336 6.86057 5.01707 6.66668 5.41976 6.66668H5.79262C6.16547 6.63685 6.31461 6.786 6.25496 7.12903Z", fill: "#002554" }),
-                h("path", { d: "M76.8891 3.87769H74.0852C71.7138 3.87769 70.7444 4.96643 70.4461 6.62191L69.4468 12.17C69.1486 13.8255 69.7302 14.9143 72.0867 14.9143H74.8906C77.2619 14.9143 78.2313 13.8255 78.5296 12.17L79.5289 6.62191C79.8421 4.95151 79.2604 3.87769 76.8891 3.87769ZM75.7854 6.96494L74.9055 11.8121C74.8458 12.1402 74.637 12.3043 74.2641 12.3043H73.6676C73.2947 12.3043 73.1456 12.1551 73.2052 11.8121L74.0852 6.96494C74.1448 6.63683 74.3536 6.47277 74.7265 6.47277H75.3231C75.6959 6.47277 75.8451 6.63683 75.7854 6.96494Z", fill: "#002554" }),
-                h("path", { d: "M18.082 3.87769H15.3825C13.0111 3.87769 11.9373 4.96643 11.639 6.62191L10.6398 12.17C10.3415 13.8255 11.0275 14.9143 13.3989 14.9143H16.0984C18.4697 14.9143 19.5436 13.8255 19.8419 12.17L19.991 11.3796H16.4265L16.3519 11.7972C16.2923 12.1253 16.0835 12.3341 15.6957 12.3341H14.7263C14.3534 12.3341 14.2043 12.1849 14.2639 11.8419L14.4727 10.6637H20.1103L20.4832 8.62043L20.8411 6.62191C21.1394 4.95151 20.4384 3.87769 18.082 3.87769ZM17.2169 6.95003L17.0081 8.12825H14.9351L15.1439 6.95003C15.2035 6.62191 15.4123 6.45786 15.7852 6.45786H16.7546C17.1275 6.45786 17.2766 6.607 17.2169 6.95003Z", fill: "#002554" }),
-                h("path", { d: "M42.2133 3.87769H39.5138C37.1424 3.87769 36.0686 4.96643 35.7703 6.62191L35.6212 7.41237H39.1857L39.2602 6.99477C39.3199 6.66666 39.5287 6.45786 39.9165 6.45786H40.8859C41.2588 6.45786 41.4079 6.607 41.3482 6.95003L41.1394 8.12825H37.0828C36.2028 8.12825 35.3676 8.82923 35.2185 9.70917L35.0842 10.4101L34.771 12.17C34.4728 13.8255 35.1588 14.9143 37.5302 14.9143H43.4959L44.9873 6.62191C45.2707 4.95151 44.5846 3.87769 42.2133 3.87769ZM40.4683 11.827C40.4086 12.1551 40.1998 12.3192 39.827 12.3192H38.8576C38.4847 12.3192 38.3356 12.17 38.3952 11.827L38.604 10.6488H40.6771L40.4683 11.827Z", fill: "#002554" }),
-                h("path", { d: "M103.63 3.87769H100.931C98.5593 3.87769 97.4855 4.96643 97.1872 6.62191L96.1879 12.17C95.8896 13.8255 96.5757 14.9143 98.947 14.9143H101.647C104.018 14.9143 105.092 13.8255 105.39 12.17L105.539 11.3796H101.975L101.9 11.7972C101.84 12.1253 101.632 12.3341 101.259 12.3341H100.289C99.9165 12.3341 99.7673 12.1849 99.827 11.8419L100.036 10.6637H105.673L106.046 8.62043L106.404 6.62191C106.688 4.95151 106.002 3.87769 103.63 3.87769ZM102.765 6.95003L102.556 8.12825H100.483L100.692 6.95003C100.752 6.62191 100.96 6.45786 101.333 6.45786H102.303C102.676 6.45786 102.825 6.607 102.765 6.95003Z", fill: "#002554" }))),
-            h("div", { class: "ModalBody" },
-              this.validation ? validationContainer : kycConfirmation,
-              this.dropDown ?
-                h("div", null,
-                  h("hr", null),
-                  h("div", { class: "ModalFooter" },
-                    h("div", { class: "Dropdown" },
-                      h("p", null, translate('monthlyDeposit', this.lang, { values: { currency: this.currency } })),
-                      h("form", { onSubmit: (event) => this.handleSubmit(event) },
-                        h("div", { class: "DropdownInput" },
-                          h("input", { type: "number", value: this.inputValue, class: !this.invalidInput || this.invalidInput == undefined ? '' : "InvalidInput", placeholder: "0", onInput: (event) => this.handleInputChange(event) }),
-                          h("button", { disabled: this.isButtonDisabled }, translate('setLimit', this.lang, { values: { currency: this.currency } }))),
-                        (this.invalidInput || !this.isWithinRange || !this.minimumRange) && this.invalidInput != undefined ?
-                          h("p", { class: "InvalidParagraph" }, !this.isValidNumber ? (translate('invalidNumber', this.lang, { values: { currency: this.currency } })) : !this.isWithinRange ? (translate('outOfRange', this.lang, { values: { currency: this.currency, min: this.amountMinMax.split(',')[0], max: this.amountMinMax.split(',')[1] } })) : !this.minimumRange ? (translate('minimumRange', this.lang, { values: { currency: this.currency, min: this.amountMinMax.split(',')[0], max: this.amountMinMax.split(',')[1] } })) : null)
-                          : null))))
-                : null))));
-      }
+    static get events() {
+        return [{
+                "method": "uploadDocuments",
+                "name": "uploadDocuments",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Upload documents event"
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "closePopup",
+                "name": "closePopup",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
     }
-  }
-  static get is() { return "player-lugas-limit"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["player-lugas-limit.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["player-lugas-limit.css"]
-  }; }
-  static get properties() { return {
-    "userId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The userId"
-      },
-      "attribute": "user-id",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "session": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The session"
-      },
-      "attribute": "session",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "endpoint": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The NorWAy endpoint"
-      },
-      "attribute": "endpoint",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "currency": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Currency of the player"
-      },
-      "attribute": "currency",
-      "reflect": false,
-      "defaultValue": "'EUR'"
-    },
-    "flow": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "This chooses what type of flow the widget will have, \u201C1\u201D will be the Soft Migration Dialog and the \u201C2\u201D will be the New User"
-      },
-      "attribute": "flow",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "amountMinMax": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "This decides the minimum and maximum mandatory amount for setting a new limit, example: amountMinMax=\u201C10,3000\u201D"
-      },
-      "attribute": "amount-min-max",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "amount": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The amount"
-      },
-      "attribute": "amount",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "lang": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The lang"
-      },
-      "attribute": "lang",
-      "reflect": false
-    },
-    "clientStyling": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Client custom styling via string"
-      },
-      "attribute": "client-styling",
-      "reflect": false,
-      "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": false,
-      "defaultValue": "''"
-    },
-    "translationUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The translationurl"
-      },
-      "attribute": "translation-url",
-      "reflect": false,
-      "defaultValue": "''"
+    static get watchers() {
+        return [{
+                "propName": "translationUrl",
+                "methodName": "handleNewTranslations"
+            }];
     }
-  }; }
-  static get states() { return {
-    "validation": {},
-    "kyc": {},
-    "dropDown": {},
-    "isLoading": {},
-    "hasErrors": {},
-    "inputValue": {},
-    "isButtonDisabled": {},
-    "crossProviders": {},
-    "invalidInput": {},
-    "userAmount": {},
-    "operatorDepositLimitAmount": {},
-    "regularDepositLimitAmount": {},
-    "stylingAppends": {},
-    "isWithinRange": {},
-    "minimumRange": {}
-  }; }
-  static get events() { return [{
-      "method": "uploadDocuments",
-      "name": "uploadDocuments",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Upload documents event"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "closePopup",
-      "name": "closePopup",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get watchers() { return [{
-      "propName": "translationUrl",
-      "methodName": "handleNewTranslations"
-    }]; }
 }