react-gldn-kit 0.0.1

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

@@ -0,0 +1,66 @@
+"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.ReferralTable = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var EmptyTreasure_1 = require("./components/EmptyTreasure");
+var InvitedTableHead_1 = require("./components/InvitedTableHead");
+var List_1 = require("./components/List");
+var Pagination_1 = require("../ui/Pagination");
+var ui_1 = require("types/ui");
+var styles = __importStar(require("./ReferralTable.module.css"));
+var ReferralTable = function (props) {
+    var clients = props.clients, appType = props.appType, tableHeadText = props.tableHeadText, isMobile = props.isMobile;
+    var _a = (0, react_1.useState)(0), page = _a[0], setPage = _a[1];
+    var _b = (0, react_1.useState)([]), pageClients = _b[0], setPageClients = _b[1];
+    var changePage = function (step) { return function () {
+        setPage(page + step);
+    }; };
+    var jumpToPage = function (page) { return function () {
+        setPage(page);
+    }; };
+    (0, react_1.useEffect)(function () {
+        if (!clients.length) {
+            return;
+        }
+        var start = page * ui_1.PAGINATION_STEP;
+        var adaptedClients = clients.slice(start, start + ui_1.PAGINATION_STEP);
+        setPageClients(adaptedClients);
+    }, [clients, page]);
+    return clients.length ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperTable }, { children: [(0, jsx_runtime_1.jsx)(InvitedTableHead_1.InvitedTableHead, { tableHeadText: tableHeadText }), (0, jsx_runtime_1.jsx)(List_1.List, { data: pageClients })] })), (0, jsx_runtime_1.jsx)(Pagination_1.Pagination, { jumpToPage: jumpToPage, changePage: changePage, currentPage: page, isMobile: isMobile, lastPage: Math.ceil(clients.length / ui_1.PAGINATION_STEP), prevPageText: "referral.invitedTable.prev", nextPageText: "referral.invitedTable.next" })] })) : ((0, jsx_runtime_1.jsx)(EmptyTreasure_1.EmptyTreasure, { appType: appType }));
+};
+exports.ReferralTable = ReferralTable;

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

@@ -0,0 +1,15 @@
+import { EAppType } from 'types/ui';
+export type ReferralClient = {
+    parentId: number;
+    clientId: number;
+    isActive: boolean;
+    dateDeactivation: number;
+    profitParentCurrency: number;
+    lastUpdate: number;
+};
+export type ReferralTableProps = {
+    appType: EAppType;
+    tableHeadText: [string, string, string];
+    clients: ReferralClient[];
+    isMobile: boolean;
+};

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

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

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

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

package/dist/lib/components/Scratch/index.js

@@ -0,0 +1,118 @@
+"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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Scratch = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var styles = __importStar(require("./Scratch.module.css"));
+var types_1 = require("./types");
+// TODO: rewrite this code
+var Scratch = function (props) {
+    var backgroundPath = props.backgroundPath, backgroundScratchDone = props.backgroundScratchDone, scratchPath = props.scratchPath, slotNamePath = props.slotNamePath, audioFirstPath = props.audioFirstPath, audioSecondPath = props.audioSecondPath, textOne = props.textOne, textTwo = props.textTwo, callback = props.callback;
+    var _a = (0, react_1.useState)([]), scratchedBoxes = _a[0], setScratchedBoxes = _a[1];
+    var _b = (0, react_1.useState)({}), scratchedBoxesOpacity = _b[0], setScratchedBoxesOpacity = _b[1];
+    var audio1 = new Audio(audioFirstPath);
+    var audio2 = new Audio(audioSecondPath);
+    var handleScratch = function (idx) { return function () {
+        var _a, _b;
+        if (scratchedBoxes.includes(idx)) {
+            return;
+        }
+        if (scratchedBoxes.length === types_1.OPEN_BOX_COUNT) {
+            callback();
+            return;
+        }
+        var newBoxes = __spreadArray(__spreadArray([], scratchedBoxes, true), [idx], false);
+        setScratchedBoxes(newBoxes);
+        if (newBoxes.length === 2) {
+            (_a = audio2.play) === null || _a === void 0 ? void 0 : _a.call(audio2);
+            setTimeout(function () {
+                callback();
+            }, types_1.TIMER);
+            return;
+        }
+        (_b = audio1.play) === null || _b === void 0 ? void 0 : _b.call(audio1);
+    }; };
+    (0, react_1.useEffect)(function () {
+        var timer = setTimeout(function () {
+            setScratchedBoxesOpacity(function (prev) {
+                var updatedOpacity = __assign({}, prev);
+                for (var _i = 0, scratchedBoxes_1 = scratchedBoxes; _i < scratchedBoxes_1.length; _i++) {
+                    var idx = scratchedBoxes_1[_i];
+                    updatedOpacity[idx] = 0;
+                }
+                return updatedOpacity;
+            });
+        }, types_1.TIMER);
+        return function () {
+            if (timer) {
+                clearTimeout(timer);
+            }
+        };
+    }, [scratchedBoxes]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.scratch, style: {
+            background: backgroundPath,
+            backgroundSize: '100% 100%',
+            backgroundPosition: 'center',
+            backgroundRepeat: 'no-repeat',
+        } }, { children: [types_1.BOXES.map(function (value) {
+                var _a;
+                return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.box, (_a = {},
+                        _a[styles.scratched] = scratchedBoxes.includes(value),
+                        _a)), style: {
+                        background: "url(".concat(backgroundScratchDone, ")"),
+                        backgroundSize: '100% 100%',
+                        backgroundPosition: 'center',
+                        backgroundRepeat: 'no-repeat',
+                    }, onClick: handleScratch(value) }, { children: [(0, jsx_runtime_1.jsx)("img", { className: styles.image, src: scratchedBoxes.includes(value) ? scratchPath[0] : scratchPath[1], style: {
+                                opacity: scratchedBoxesOpacity[value],
+                            }, alt: "" }), scratchedBoxes.includes(value) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.scratchText }, { children: scratchedBoxes[0] === value ? textOne : textTwo })))] }), value));
+            }), (0, jsx_runtime_1.jsx)("img", { src: slotNamePath, className: styles.slotName })] })));
+};
+exports.Scratch = Scratch;

package/dist/lib/components/Scratch/types.d.ts

@@ -0,0 +1,14 @@
+export type ScratchProps = {
+    callback: () => void;
+    backgroundPath: string;
+    backgroundScratchDone: string;
+    scratchPath: [string, string];
+    slotNamePath: string;
+    audioFirstPath: string;
+    audioSecondPath: string;
+    textOne: string;
+    textTwo: string;
+};
+export declare const BOXES: number[];
+export declare const OPEN_BOX_COUNT = 2;
+export declare const TIMER = 1000;

package/dist/lib/components/Scratch/types.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TIMER = exports.OPEN_BOX_COUNT = exports.BOXES = void 0;
+var BOXES_AMOUNT = 9; // TODO remove it
+// Need to pass content with flexible data
+exports.BOXES = new Array(BOXES_AMOUNT).fill(0).map(function (_, idx) { return idx; });
+exports.OPEN_BOX_COUNT = 2; // TODO: we can open only two boxes
+exports.TIMER = 1000; // REMOVE IT _ BAD CODE FLOW

package/dist/lib/components/SignUp/CountrySelector/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const COUNTRY_MOCK: {
+    id: number;
+    code: string;
+    name: string;
+    dialCode: string;
+    imageCode: string;
+}[];