@everymatrix/player-lugas-limit 1.0.69

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

@@ -0,0 +1,181 @@
+@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap");
+:host {
+  font-family: "Roboto", sans-serif;
+}
+
+.ModalContainer {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  container-type: inline-size;
+}
+.ModalContainer .Container {
+  position: fixed;
+  top: 30vh;
+  width: 25%;
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  border-radius: 4px;
+  transform: scale(1.1);
+}
+.ModalContainer .ModalHeader {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #ffffff;
+  border-radius: 4px 4px 0px 0px;
+  padding: 10px;
+}
+.ModalContainer .ModalBody {
+  background: #F5F6F6;
+  padding: 16px 10px 10px;
+  container-type: inline-size;
+  border-radius: 4px;
+}
+.ModalContainer .ModalBody hr {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin: 12px 0px;
+}
+.ModalContainer .ModalBody p {
+  margin: 0;
+}
+.ModalContainer .ModalBody .ValidatorContainer {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.ModalContainer .ModalBody .ValidatorContainer .CrossProvider {
+  background-color: #404350;
+  color: white;
+  margin: 5px 0px;
+  padding: 10px 15px;
+  border-radius: 2px;
+}
+.ModalContainer .ModalBody .ValidatorContainer .CrossProvider svg {
+  position: absolute;
+  width: 5px;
+  height: 28px;
+}
+.ModalContainer .ModalBody .ValidatorContainer .CrossProvider p {
+  padding-left: 15px;
+}
+.ModalContainer .ModalBody .ValidatorContainer .Paragraphs {
+  padding: 5px 0px;
+}
+.ModalContainer .ModalBody .ValidatorContainer .Paragraphs p {
+  padding: 5px 0px;
+}
+.ModalContainer .ModalBody .ValidatorContainer .ContainerButtons {
+  display: flex;
+  justify-content: space-around;
+  gap: 10px;
+  padding-top: 5px;
+}
+.ModalContainer .ModalBody .ValidatorContainer .ContainerButtons .FirstButton {
+  background-color: #ffffff;
+  font-weight: bold;
+  color: #002554;
+  font-size: 10px;
+  border: 2.5px solid #dee2e6;
+  width: 100%;
+  cursor: pointer;
+}
+.ModalContainer .ModalBody .ValidatorContainer .ContainerButtons .SecondButton {
+  background-color: #6BB816;
+  border: none;
+  cursor: pointer;
+  font-weight: bold;
+  font-size: 10px;
+  color: #ffffff;
+  width: 100%;
+}
+.ModalContainer .ModalBody .ValidatorContainer .ContainerButtons button {
+  width: 240px;
+  height: 30px;
+}
+.ModalContainer .ModalFooter {
+  display: flex;
+  justify-content: center;
+  background-color: rgba(161, 156, 156, 0.11);
+  margin: 5px 0px;
+}
+.ModalContainer .ModalFooter .Dropdown {
+  background-color: white;
+  padding: 8px;
+  width: 100%;
+  border: 1px solid rgb(222, 226, 230);
+}
+.ModalContainer .ModalFooter .Dropdown .InvalidParagraph {
+  font-size: 10px;
+  color: #FF0000;
+}
+.ModalContainer .ModalFooter .Dropdown .DropdownInput {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  gap: 10px;
+}
+.ModalContainer .ModalFooter .Dropdown .DropdownInput input {
+  flex: 4;
+  border: 1px solid #E3E3E3;
+}
+.ModalContainer .ModalFooter .Dropdown .DropdownInput button {
+  padding: 2px;
+  cursor: pointer;
+  transition: background-color 0.2s ease-in-out 0s;
+  flex: 1;
+  font-size: 10px;
+}
+.ModalContainer .ModalFooter .Dropdown .DropdownInput button:enabled {
+  background-color: #6BB816;
+  color: #ffffff;
+  font-weight: bold;
+  border: none;
+  border: 2.5px solid rgba(255, 255, 255, 0);
+}
+.ModalContainer .ModalFooter .Dropdown .DropdownInput button:disabled {
+  background-color: #ffffff;
+  color: #002554;
+  font-weight: bold;
+  cursor: not-allowed;
+  border: 1px solid #E3E3E3;
+}
+.ModalContainer .ModalFooter .Dropdown .DropdownInput:first-child {
+  margin-left: 0px;
+  display: flex;
+  padding: 10px 0px;
+  justify-content: center;
+}
+.ModalContainer .ModalFooter .Dropdown .DropdownInput .InvalidInput {
+  border: 1px solid #FF0000;
+}
+
+input {
+  /* Firefox */
+  -moz-appearance: textfield;
+  /* Chrome, Safari, Edge, Opera */
+}
+input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+@container (max-width: 1300px) {
+  .ModalContainer .Container {
+    width: 50%;
+  }
+}
+@container (max-width: 800px) {
+  .ModalContainer .Container {
+    width: 70%;
+  }
+}

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

@@ -0,0 +1,490 @@
+import { h } from "@stencil/core";
+import { getTranslations, translate } from "../../utils/locale.utils";
+export class PlayerLugasLimit {
+    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;
+        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;
+        }
+        // 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;
+        }
+        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;
+        }
+        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 } }))))));
+        }
+    }
+    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 } })))));
+        }
+    }
+    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))));
+            }
+        }
+    }
+    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 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"
+            }];
+    }
+}

package/dist/collection/index.js

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