react-gldn-kit 0.0.1

package/dist/lib/components/Payments/DepositSkelet/types.d.ts

@@ -0,0 +1,87 @@
+/// <reference types="react" />
+import { DepositQrFormProps } from '../DepositQrForm/types';
+export type DepositSkeletProps = {
+    isCrypto?: false;
+    channelId: EPaymentChannelType;
+} | ({
+    isCrypto: true;
+} & DepositQrFormProps);
+export declare enum EPaymentChannelType {
+    BTC = 1,
+    LTC = 2,
+    BCH = 3,
+    ADA = 4,
+    ETH = 5,
+    DOGE = 6,
+    XRP = 7,
+    USDTE = 9,
+    USDTT = 10,
+    BNB = 11,
+    BNBBSC = 13,
+    BUSD = 14,
+    USDC = 17,
+    TRX = 18,
+    DAI = 20,
+    MPayParazula = 26,
+    MPayPayco = 27,
+    MPayVCC = 28,
+    CreditCard = 29,
+    CreditCardFast = 30,
+    CreditCardAcquirning = 31,
+    VivaroBkash = 32,
+    BKash = 41,
+    Nagad = 42,
+    VivaroNagad = 43,
+    BKashFastWellexPayCopy = 62,
+    NagadFastWellexPayCopy = 63,
+    BKashFastWellexPay = 75,
+    NagadFastWellexPay = 76,
+    NagadWellexPay = 77,
+    BkashWellexPay = 78,
+    WellxpayUpay = 79,
+    WellxpayRocket = 80,
+    PaparaMPay = 91,
+    EFTMPay = 92,
+    MiniHavaleMpay = 93,
+    MefeteMpay = 94,
+    MefeteMpayQr = 95,
+    PopyMpay = 97,
+    Rocket = 103,
+    BkashMonetics = 126,
+    NagadMonetics = 127,
+    OctopayNagad = 134,
+    OctopayBKash = 135,
+    OctopayUPay = 136,
+    OctopayRocket = 137,
+    InrDeposit = 144,
+    INRWithdrawImp = 147,
+    MPayCC = 148,
+    MPayFix = 149,
+    PagsmileBoleto = 152,
+    PagsmileDepositExpress = 153,
+    Lottery = 154,
+    PagsmileWalletPicPay = 155,
+    WalletAme = 156,
+    PixPagsmile = 158,
+    BankTransfer = 176,
+    NagadApi = 180,
+    AnindaHavale = 184,
+    HavaleHera = 185,
+    VipHavale = 190,
+    TurkishPapara = 191,
+    TurkishCreditDebit = 192,
+    TurkishMefete = 193,
+    TurkishExpressHavale = 194,
+    TurkishCepBank = 196,
+    TurkishPayFix = 198,
+    Pix = 201,
+    BankPix = 202,
+    TRC = 205,
+    SOLANA = 206,
+    ERC = 207,
+    BEP = 208,
+    BKashFast = 211
+}
+export type DepositForms = {
+    [id: number]: React.FC<any>;
+};

package/dist/lib/components/Payments/DepositSkelet/types.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EPaymentChannelType = void 0;
+// TODO: use it from decription_protocol_lib
+var EPaymentChannelType;
+(function (EPaymentChannelType) {
+    EPaymentChannelType[EPaymentChannelType["BTC"] = 1] = "BTC";
+    EPaymentChannelType[EPaymentChannelType["LTC"] = 2] = "LTC";
+    EPaymentChannelType[EPaymentChannelType["BCH"] = 3] = "BCH";
+    EPaymentChannelType[EPaymentChannelType["ADA"] = 4] = "ADA";
+    EPaymentChannelType[EPaymentChannelType["ETH"] = 5] = "ETH";
+    EPaymentChannelType[EPaymentChannelType["DOGE"] = 6] = "DOGE";
+    EPaymentChannelType[EPaymentChannelType["XRP"] = 7] = "XRP";
+    EPaymentChannelType[EPaymentChannelType["USDTE"] = 9] = "USDTE";
+    EPaymentChannelType[EPaymentChannelType["USDTT"] = 10] = "USDTT";
+    EPaymentChannelType[EPaymentChannelType["BNB"] = 11] = "BNB";
+    EPaymentChannelType[EPaymentChannelType["BNBBSC"] = 13] = "BNBBSC";
+    EPaymentChannelType[EPaymentChannelType["BUSD"] = 14] = "BUSD";
+    EPaymentChannelType[EPaymentChannelType["USDC"] = 17] = "USDC";
+    EPaymentChannelType[EPaymentChannelType["TRX"] = 18] = "TRX";
+    EPaymentChannelType[EPaymentChannelType["DAI"] = 20] = "DAI";
+    EPaymentChannelType[EPaymentChannelType["MPayParazula"] = 26] = "MPayParazula";
+    EPaymentChannelType[EPaymentChannelType["MPayPayco"] = 27] = "MPayPayco";
+    EPaymentChannelType[EPaymentChannelType["MPayVCC"] = 28] = "MPayVCC";
+    EPaymentChannelType[EPaymentChannelType["CreditCard"] = 29] = "CreditCard";
+    EPaymentChannelType[EPaymentChannelType["CreditCardFast"] = 30] = "CreditCardFast";
+    EPaymentChannelType[EPaymentChannelType["CreditCardAcquirning"] = 31] = "CreditCardAcquirning";
+    EPaymentChannelType[EPaymentChannelType["VivaroBkash"] = 32] = "VivaroBkash";
+    EPaymentChannelType[EPaymentChannelType["BKash"] = 41] = "BKash";
+    EPaymentChannelType[EPaymentChannelType["Nagad"] = 42] = "Nagad";
+    EPaymentChannelType[EPaymentChannelType["VivaroNagad"] = 43] = "VivaroNagad";
+    EPaymentChannelType[EPaymentChannelType["BKashFastWellexPayCopy"] = 62] = "BKashFastWellexPayCopy";
+    EPaymentChannelType[EPaymentChannelType["NagadFastWellexPayCopy"] = 63] = "NagadFastWellexPayCopy";
+    EPaymentChannelType[EPaymentChannelType["BKashFastWellexPay"] = 75] = "BKashFastWellexPay";
+    EPaymentChannelType[EPaymentChannelType["NagadFastWellexPay"] = 76] = "NagadFastWellexPay";
+    EPaymentChannelType[EPaymentChannelType["NagadWellexPay"] = 77] = "NagadWellexPay";
+    EPaymentChannelType[EPaymentChannelType["BkashWellexPay"] = 78] = "BkashWellexPay";
+    EPaymentChannelType[EPaymentChannelType["WellxpayUpay"] = 79] = "WellxpayUpay";
+    EPaymentChannelType[EPaymentChannelType["WellxpayRocket"] = 80] = "WellxpayRocket";
+    EPaymentChannelType[EPaymentChannelType["PaparaMPay"] = 91] = "PaparaMPay";
+    EPaymentChannelType[EPaymentChannelType["EFTMPay"] = 92] = "EFTMPay";
+    EPaymentChannelType[EPaymentChannelType["MiniHavaleMpay"] = 93] = "MiniHavaleMpay";
+    EPaymentChannelType[EPaymentChannelType["MefeteMpay"] = 94] = "MefeteMpay";
+    EPaymentChannelType[EPaymentChannelType["MefeteMpayQr"] = 95] = "MefeteMpayQr";
+    EPaymentChannelType[EPaymentChannelType["PopyMpay"] = 97] = "PopyMpay";
+    EPaymentChannelType[EPaymentChannelType["Rocket"] = 103] = "Rocket";
+    EPaymentChannelType[EPaymentChannelType["BkashMonetics"] = 126] = "BkashMonetics";
+    EPaymentChannelType[EPaymentChannelType["NagadMonetics"] = 127] = "NagadMonetics";
+    EPaymentChannelType[EPaymentChannelType["OctopayNagad"] = 134] = "OctopayNagad";
+    EPaymentChannelType[EPaymentChannelType["OctopayBKash"] = 135] = "OctopayBKash";
+    EPaymentChannelType[EPaymentChannelType["OctopayUPay"] = 136] = "OctopayUPay";
+    EPaymentChannelType[EPaymentChannelType["OctopayRocket"] = 137] = "OctopayRocket";
+    EPaymentChannelType[EPaymentChannelType["InrDeposit"] = 144] = "InrDeposit";
+    EPaymentChannelType[EPaymentChannelType["INRWithdrawImp"] = 147] = "INRWithdrawImp";
+    EPaymentChannelType[EPaymentChannelType["MPayCC"] = 148] = "MPayCC";
+    EPaymentChannelType[EPaymentChannelType["MPayFix"] = 149] = "MPayFix";
+    EPaymentChannelType[EPaymentChannelType["PagsmileBoleto"] = 152] = "PagsmileBoleto";
+    EPaymentChannelType[EPaymentChannelType["PagsmileDepositExpress"] = 153] = "PagsmileDepositExpress";
+    EPaymentChannelType[EPaymentChannelType["Lottery"] = 154] = "Lottery";
+    EPaymentChannelType[EPaymentChannelType["PagsmileWalletPicPay"] = 155] = "PagsmileWalletPicPay";
+    EPaymentChannelType[EPaymentChannelType["WalletAme"] = 156] = "WalletAme";
+    EPaymentChannelType[EPaymentChannelType["PixPagsmile"] = 158] = "PixPagsmile";
+    EPaymentChannelType[EPaymentChannelType["BankTransfer"] = 176] = "BankTransfer";
+    EPaymentChannelType[EPaymentChannelType["NagadApi"] = 180] = "NagadApi";
+    EPaymentChannelType[EPaymentChannelType["AnindaHavale"] = 184] = "AnindaHavale";
+    EPaymentChannelType[EPaymentChannelType["HavaleHera"] = 185] = "HavaleHera";
+    EPaymentChannelType[EPaymentChannelType["VipHavale"] = 190] = "VipHavale";
+    EPaymentChannelType[EPaymentChannelType["TurkishPapara"] = 191] = "TurkishPapara";
+    EPaymentChannelType[EPaymentChannelType["TurkishCreditDebit"] = 192] = "TurkishCreditDebit";
+    EPaymentChannelType[EPaymentChannelType["TurkishMefete"] = 193] = "TurkishMefete";
+    EPaymentChannelType[EPaymentChannelType["TurkishExpressHavale"] = 194] = "TurkishExpressHavale";
+    EPaymentChannelType[EPaymentChannelType["TurkishCepBank"] = 196] = "TurkishCepBank";
+    EPaymentChannelType[EPaymentChannelType["TurkishPayFix"] = 198] = "TurkishPayFix";
+    EPaymentChannelType[EPaymentChannelType["Pix"] = 201] = "Pix";
+    EPaymentChannelType[EPaymentChannelType["BankPix"] = 202] = "BankPix";
+    EPaymentChannelType[EPaymentChannelType["TRC"] = 205] = "TRC";
+    EPaymentChannelType[EPaymentChannelType["SOLANA"] = 206] = "SOLANA";
+    EPaymentChannelType[EPaymentChannelType["ERC"] = 207] = "ERC";
+    EPaymentChannelType[EPaymentChannelType["BEP"] = 208] = "BEP";
+    EPaymentChannelType[EPaymentChannelType["BKashFast"] = 211] = "BKashFast";
+})(EPaymentChannelType = exports.EPaymentChannelType || (exports.EPaymentChannelType = {}));

package/dist/lib/components/Payments/Methods/components/Content/index.d.ts

@@ -0,0 +1,2 @@
+import { ContentMethodsProps } from './types';
+export declare const MethodsContent: (props: ContentMethodsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Payments/Methods/components/Content/index.js

@@ -0,0 +1,58 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MethodsContent = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var types_1 = require("../../types");
+var styles = __importStar(require("./Content.module.css"));
+var Buttons_1 = require("components/ui/Buttons");
+var PaymentList_1 = __importDefault(require("../PaymentList"));
+var MethodsContent = function (props) {
+    var availableForWithdraw = props.availableForWithdraw, title = props.title, activeTab = props.activeTab, isNeedToKyc = props.isNeedToKyc, isAvailableBonuses = props.isAvailableBonuses, needToKycText = props.needToKycText, availableBonusesText = props.availableBonusesText, openBonusCabinetText = props.openBonusCabinetText, jumpToBonusCabinet = props.jumpToBonusCabinet, 
+    // List
+    paymentListClasses = props.paymentListClasses, list = props.list, setActiveMethod = props.setActiveMethod, fiatText = props.fiatText, cryptoText = props.cryptoText, ListDefaultImage = props.ListDefaultImage;
+    var isDisabledWithdraw = isNeedToKyc || isAvailableBonuses;
+    var isAvailableListInfo = activeTab === types_1.EActiveMethodTab.Deposit || !isDisabledWithdraw;
+    var activeList = activeTab === types_1.EActiveMethodTab.Deposit ? list.deposit : list.withdraw;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.wrapperMethods }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.methods }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.title }, { children: [title, activeTab !== types_1.EActiveMethodTab.Deposit && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subTitle }, { children: availableForWithdraw })))] })), isAvailableListInfo && ((0, jsx_runtime_1.jsx)(PaymentList_1.default, { paymentListClasses: paymentListClasses, list: activeList, setActiveMethod: setActiveMethod, fiatText: fiatText, cryptoText: cryptoText, ListDefaultImage: ListDefaultImage })), activeTab !== types_1.EActiveMethodTab.Deposit &&
+                    isNeedToKyc &&
+                    !isAvailableBonuses && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.kycBlock }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.title, styles.kycTitle) }, { children: needToKycText })), "KYC BUTTON"] }))), activeTab !== types_1.EActiveMethodTab.Deposit && isAvailableBonuses && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.title, styles.kycTitle) }, { children: availableBonusesText })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: openBonusCabinetText, size: "--button-full", buttonHeight: "--button-height-l", color: "primary", handleClick: jumpToBonusCabinet })] }))] })) })));
+};
+exports.MethodsContent = MethodsContent;

package/dist/lib/components/Payments/Methods/components/Content/types.d.ts

@@ -0,0 +1,27 @@
+import { EActiveMethodTab } from '../../types';
+import { PaymentListProps } from '../PaymentList/types';
+export type ContentMethodsProps = {
+    activeTab: EActiveMethodTab;
+    setActiveMethod: (d: CallbackPayment) => void;
+    activeChannelId: number | null;
+} & ContentUiProps;
+export type ContentUiProps = {
+    title: string;
+    availableForWithdraw: number;
+    isNeedToKyc: boolean;
+    needToKycText: string;
+    isAvailableBonuses: boolean;
+    availableBonusesText: string;
+    openBonusCabinetText: string;
+    jumpToBonusCabinet: () => void;
+    list: {
+        deposit: CallbackPayment[];
+        withdraw: CallbackPayment[];
+    };
+} & Omit<PaymentListProps, 'list'>;
+export type CallbackPayment = {
+    id: number;
+    isCrypto: boolean;
+    channelName: string;
+    image: string;
+};

package/dist/lib/components/Payments/Methods/components/Content/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/lib/components/Payments/Methods/components/PaymentList/index.d.ts

@@ -0,0 +1,3 @@
+import { PaymentListProps } from './types';
+declare const PaymentList: (props: PaymentListProps) => import("react/jsx-runtime").JSX.Element;
+export default PaymentList;

package/dist/lib/components/Payments/Methods/components/PaymentList/index.js

@@ -0,0 +1,61 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var HOCImageLoader_1 = require("components/HOCs/HOCImageLoader");
+var styles = __importStar(require("./List.module.css"));
+var PaymentList = function (props) {
+    var list = props.list, paymentListClasses = props.paymentListClasses, fiatText = props.fiatText, cryptoText = props.cryptoText, ListDefaultImage = props.ListDefaultImage, setActiveMethod = props.setActiveMethod;
+    var handleSetMethodId = function (payment) { return function () {
+        setActiveMethod(payment);
+    }; };
+    var _a = (0, react_1.useMemo)(function () {
+        var fiat = [];
+        var crypto = [];
+        list.filter(function (m) {
+            if (m.isCrypto) {
+                crypto.push(m);
+                return true;
+            }
+            fiat.push(m);
+        });
+        return [fiat, crypto];
+    }, [list]), fiat = _a[0], crypto = _a[1];
+    var Item = function (i) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.itemWrapper, onClick: handleSetMethodId(i) }, { children: [(0, jsx_runtime_1.jsx)(HOCImageLoader_1.HOCImageLoader, __assign({ src: i.image, classes: styles.defaultImg }, { children: (0, jsx_runtime_1.jsx)(ListDefaultImage, { className: styles.defaultImg }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.name }, { children: i.channelName }))] }))); };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: paymentListClasses }, { children: [!!fiat.length && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subTitle }, { children: fiatText })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.listWrapper }, { children: fiat.map(function (i) { return ((0, jsx_runtime_1.jsx)(Item, __assign({}, i), "".concat(i.channelName, "+").concat(i.id))); }) }))] })), !!crypto.length && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subTitle }, { children: cryptoText })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.listWrapper }, { children: crypto.map(function (i) { return ((0, jsx_runtime_1.jsx)(Item, __assign({}, i), "".concat(i.channelName, "+").concat(i.id))); }) }))] }))] })));
+};
+exports.default = PaymentList;

package/dist/lib/components/Payments/Methods/components/PaymentList/types.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { CallbackPayment } from '../Content/types';
+export type PaymentListProps = {
+    paymentListClasses?: string;
+    fiatText: string;
+    cryptoText: string;
+    list: CallbackPayment[];
+    ListDefaultImage: React.FC<{
+        className: string;
+    }>;
+    setActiveMethod: (p: CallbackPayment) => void;
+};

package/dist/lib/components/Payments/Methods/components/PaymentList/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/lib/components/Payments/Methods/constants.d.ts

@@ -0,0 +1,5 @@
+import { EActiveMethodTab } from './types';
+export declare const TABS: {
+    label: string;
+    value: EActiveMethodTab;
+}[];

package/dist/lib/components/Payments/Methods/constants.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TABS = void 0;
+var types_1 = require("./types");
+exports.TABS = [
+    {
+        label: 'T.deposit',
+        value: types_1.EActiveMethodTab.Deposit,
+    },
+    {
+        label: 'T.withdraw',
+        value: types_1.EActiveMethodTab.Withdraw,
+    },
+];

package/dist/lib/components/Payments/Methods/index.d.ts

@@ -0,0 +1,2 @@
+import { PaymentMethodProps } from './types';
+export declare const PaymentsMethods: (props: PaymentMethodProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Payments/Methods/index.js

@@ -0,0 +1,60 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaymentsMethods = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Tabs_1 = require("components/ui/Tabs");
+var Content_1 = require("./components/Content");
+var constants_1 = require("./constants");
+var types_1 = require("./types");
+var styles = __importStar(require("./Methods.module.css"));
+var PaymentsMethods = function (props) {
+    var callbackTab = props.callbackTab, callbackActiveMethod = props.callbackActiveMethod, tabNames = props.tabNames;
+    var tabs = (0, react_1.useMemo)(function () { return constants_1.TABS.map(function (t, inx) { return (__assign(__assign({}, t), { label: tabNames[inx] || '_' })); }); }, [tabNames]);
+    var _a = (0, react_1.useState)(types_1.EActiveMethodTab.Deposit), activeTab = _a[0], setActiveTab = _a[1];
+    var _b = (0, react_1.useState)(null), activeMethod = _b[0], setActiveMethod = _b[1];
+    var setActiveTabHandler = function (v) {
+        callbackTab(v);
+        setActiveTab(v);
+    };
+    var setActiveMethodHandler = function (v) {
+        callbackActiveMethod(v);
+        setActiveMethod(v);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeTab, onChange: setActiveTabHandler, data: tabs, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(Content_1.MethodsContent, __assign({ setActiveMethod: setActiveMethodHandler, activeChannelId: (activeMethod === null || activeMethod === void 0 ? void 0 : activeMethod.id) || null, activeTab: activeTab }, props))] }));
+};
+exports.PaymentsMethods = PaymentsMethods;

package/dist/lib/components/Payments/Methods/types.d.ts

@@ -0,0 +1,10 @@
+import { CallbackPayment, ContentUiProps } from './components/Content/types';
+export type PaymentMethodProps = {
+    callbackTab: (t: EActiveMethodTab) => void;
+    callbackActiveMethod: (d: CallbackPayment) => void;
+    tabNames: [string, string];
+} & ContentUiProps;
+export declare enum EActiveMethodTab {
+    Deposit = 0,
+    Withdraw = 1
+}

package/dist/lib/components/Payments/Methods/types.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EActiveMethodTab = void 0;
+var EActiveMethodTab;
+(function (EActiveMethodTab) {
+    EActiveMethodTab[EActiveMethodTab["Deposit"] = 0] = "Deposit";
+    EActiveMethodTab[EActiveMethodTab["Withdraw"] = 1] = "Withdraw";
+})(EActiveMethodTab = exports.EActiveMethodTab || (exports.EActiveMethodTab = {}));

package/dist/lib/components/ReferralTable/components/EmptyTreasure/index.d.ts

@@ -0,0 +1,2 @@
+import { EmptyTreasureProps } from './types';
+export declare const EmptyTreasure: ({ appType }: EmptyTreasureProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ReferralTable/components/EmptyTreasure/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyTreasure = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ElonTreasureSvg_1 = require("components/ui/Icons/ReferralTreasures/ElonTreasureSvg");
+var FSWinTreasureSvg_1 = require("components/ui/Icons/ReferralTreasures/FSWinTreasureSvg");
+var JabibetTreasureSvg_1 = require("components/ui/Icons/ReferralTreasures/JabibetTreasureSvg");
+var ui_1 = require("types/ui");
+var EmptyTreasure = function (_a) {
+    var appType = _a.appType;
+    if (appType === ui_1.EAppType.Elon) {
+        return (0, jsx_runtime_1.jsx)(ElonTreasureSvg_1.ElonTreasureSvg, {});
+    }
+    if (appType === ui_1.EAppType.JabiBet) {
+        return (0, jsx_runtime_1.jsx)(JabibetTreasureSvg_1.JabibetTreasureSvg, {});
+    }
+    if (appType === ui_1.EAppType.FsWin) {
+        return (0, jsx_runtime_1.jsx)(FSWinTreasureSvg_1.FSWinTreasureSvg, {});
+    }
+    return null;
+};
+exports.EmptyTreasure = EmptyTreasure;

package/dist/lib/components/ReferralTable/components/EmptyTreasure/types.d.ts

@@ -0,0 +1,4 @@
+import { EAppType } from 'types/ui';
+export type EmptyTreasureProps = {
+    appType: EAppType;
+};

package/dist/lib/components/ReferralTable/components/EmptyTreasure/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/lib/components/ReferralTable/components/InvitedTableHead/index.d.ts

@@ -0,0 +1,2 @@
+import { InvitedTableHeadProps } from './types';
+export declare const InvitedTableHead: (props: InvitedTableHeadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ReferralTable/components/InvitedTableHead/index.js

@@ -0,0 +1,46 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InvitedTableHead = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Text_1 = require("components/Text");
+var styles = __importStar(require("./InvitedTableHead.module.css"));
+var InvitedTableHead = function (props) {
+    var tableHeadText = props.tableHeadText;
+    var position = tableHeadText[0], clientId = tableHeadText[1], profit = tableHeadText[2];
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.tableHeader }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.firstColumn }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: position }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.secondColumn }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: clientId }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.thirdColumn }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: profit }) }))] })));
+};
+exports.InvitedTableHead = InvitedTableHead;

package/dist/lib/components/ReferralTable/components/InvitedTableHead/types.d.ts

@@ -0,0 +1,3 @@
+export type InvitedTableHeadProps = {
+    tableHeadText: [string, string, string];
+};

package/dist/lib/components/ReferralTable/components/InvitedTableHead/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/lib/components/ReferralTable/components/List/index.d.ts

@@ -0,0 +1,2 @@
+import { ListProps } from './types';
+export declare const List: ({ data }: ListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ReferralTable/components/List/index.js

@@ -0,0 +1,47 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.List = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styles = __importStar(require("./List.module.css"));
+var List = function (_a) {
+    var data = _a.data;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.wrapperList }, { children: data.map(function (_a, idx) {
+            var clientId = _a.clientId, profitParentCurrency = _a.profitParentCurrency;
+            return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.firstColumn }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.cell }, { children: idx + 1 })) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.secondColumn }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.cell }, { children: clientId })) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.thirdColumn }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.cell }, { children: Math.floor(profitParentCurrency) })) }))] }), idx));
+        }) })));
+};
+exports.List = List;

package/dist/lib/components/ReferralTable/components/List/types.d.ts

@@ -0,0 +1,4 @@
+import { ReferralClient } from "components/ReferralTable/types";
+export type ListProps = {
+    data: ReferralClient[];
+};

package/dist/lib/components/ReferralTable/components/List/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/lib/components/ReferralTable/index.d.ts

@@ -0,0 +1,2 @@
+import { ReferralTableProps } from './types';
+export declare const ReferralTable: (props: ReferralTableProps) => import("react/jsx-runtime").JSX.Element;