react-gldn-kit 0.1.152 → 0.1.153

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

@@ -0,0 +1,2 @@
+import { AppNotifyProps } from './types';
+export declare const AppNotify: (props: AppNotifyProps) => import("react").ReactPortal;

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

@@ -0,0 +1,57 @@
+"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.AppNotify = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_dom_1 = require("react-dom");
+var classnames_1 = __importDefault(require("classnames"));
+var Text_1 = require("components/Text");
+var Buttons_1 = require("components/ui/Buttons");
+var CloseThirdSvg_1 = require("components/ui/Icons/CloseThirdSvg");
+var Logos_1 = require("components/ui/Logos");
+var ui_1 = require("types/ui");
+var styles = __importStar(require("./AppNotify.module.css"));
+var AppNotify = function (props) {
+    var _a;
+    var isAndroid = props.isAndroid, appType = props.appType, isMobile = props.isMobile, handleDownloadApk = props.handleDownloadApk, handleToggleState = props.handleToggleState, footerType = props.footerType, buttonClasses = props.buttonClasses;
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperAppNotify, (_a = {},
+            _a[styles.hide] = footerType === ui_1.EFooterType.Hidden,
+            _a)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.leftContent }, { children: [(0, jsx_runtime_1.jsx)(Logos_1.Logo, { appType: appType, isMobile: isMobile, classes: styles.logoWrapper }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.appText }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "appNotify.title", specValue: isAndroid ? 'Android' : 'IOS' }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "appNotify.description", specValue: isAndroid ? 'Android' : 'IOS' }) }))] }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.rightSection }, { children: [(0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "appNotify.download", handleClick: handleDownloadApk, size: "--button-xl", buttonHeight: "--button-height-s", color: "primary", classes: buttonClasses, centreText: true, isResized: true }), (0, jsx_runtime_1.jsx)(CloseThirdSvg_1.CloseThirdSvg, { classes: styles.closePopUp, handleClick: handleToggleState })] }))] })), document.body);
+};
+exports.AppNotify = AppNotify;

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

@@ -0,0 +1,10 @@
+import { EAppType, EFooterType } from 'types/ui';
+export type AppNotifyProps = {
+    isAndroid: boolean;
+    appType: EAppType;
+    isMobile: boolean;
+    handleDownloadApk: () => void;
+    handleToggleState: () => void;
+    footerType?: EFooterType;
+    buttonClasses?: string;
+};

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

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

package/dist/lib/components/Carousels/components/Carousel/index.d.ts

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

package/dist/lib/components/Carousels/components/Carousel/index.js

@@ -0,0 +1,186 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Carousel = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var store_1 = require("zustandStore/device/store");
+var selectors_1 = require("zustandStore/device/selectors");
+var shared_1 = require("utils/shared");
+var classnames_1 = __importDefault(require("classnames"));
+var CarouselArrowSvg_1 = require("components/ui/Icons/CarouselArrowSvg");
+var styles = __importStar(require("./Carousel.module.css"));
+var useSwipe_1 = require("hooks/useSwipe");
+var MAX_PERCENT_INDENT = 100;
+// NOTICE: banner cant be more that content width
+var Carousel = function (props) {
+    var _a = props.disableDesktopArrow, disableDesktopArrow = _a === void 0 ? false : _a, children = props.children, _b = props.initialActiveSlider, initialActiveSlider = _b === void 0 ? 0 : _b, callbackSlide = props.callbackSlide, _c = props.withDots, withDots = _c === void 0 ? true : _c, _d = props.classes, classes = _d === void 0 ? true : _d, _e = props.marginIndent, marginIndent = _e === void 0 ? '' : _e;
+    var _f = (0, react_1.useState)(initialActiveSlider), activeSlider = _f[0], setActiveSlider = _f[1];
+    var content = (0, react_1.useRef)(null);
+    var container = (0, react_1.useRef)(null);
+    var isMobile = (0, store_1.useZustandDeviceKitStore)(selectors_1.zustandDeviceKitSelector.isMobileDeviceSelector);
+    var itemPercent = (0, react_1.useMemo)(function () {
+        if (isMobile) {
+            // it means that one banner per visible area
+            return MAX_PERCENT_INDENT;
+        }
+        if (!container.current) {
+            return 0;
+        }
+        var banner = container.current.childNodes[activeSlider];
+        var containerWidth = container.current.offsetWidth;
+        if (!banner) {
+            return 0;
+        }
+        var bannerWidth = banner.offsetWidth;
+        if (bannerWidth > containerWidth) {
+            return MAX_PERCENT_INDENT;
+        }
+        var percent = (bannerWidth * MAX_PERCENT_INDENT) / containerWidth;
+        return percent;
+    }, [isMobile, activeSlider]);
+    var indent = (0, react_1.useMemo)(function () {
+        var base = activeSlider * -itemPercent;
+        if (!marginIndent) {
+            return base;
+        }
+        var indent = Number(getComputedStyle(document.body)
+            .getPropertyValue("--".concat(marginIndent))
+            .replace('px', '')); // px need to convert to %
+        if (!container.current) {
+            return 0;
+        }
+        var contentWidth = container.current.offsetWidth;
+        var marginInPercent = (indent * itemPercent) / contentWidth;
+        var indentValue = marginInPercent * activeSlider;
+        return base - indentValue;
+    }, [marginIndent, activeSlider, itemPercent]); // 100 percent all content for mobile - additional indent
+    var dots = (0, react_1.useMemo)(function () {
+        if (!withDots) {
+            return [];
+        }
+        return new Array(children.props.children.length).fill(0);
+    }, [withDots, children]);
+    (0, useSwipe_1.useSwipe)({
+        content: content,
+        onSwipeLeft: function () { return handleChangeSlide(1); },
+        onSwipeRight: function () { return handleChangeSlide(-1); },
+    });
+    var handleChangeSlide = function (direct) { return __awaiter(void 0, void 0, void 0, function () {
+        var newActiveSlide, length, step;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    newActiveSlide = activeSlider + direct;
+                    length = children.props.children.length;
+                    step = 0;
+                    if (newActiveSlide < 0) {
+                        step = -5;
+                    }
+                    if (newActiveSlide === length) {
+                        step = 5;
+                    }
+                    if (!(container.current && step)) return [3 /*break*/, 2];
+                    container.current.style.transform = "translateX(".concat(indent - step, "%)");
+                    return [4 /*yield*/, (0, shared_1.sleep)(300)];
+                case 1:
+                    _a.sent();
+                    container.current.style.transform = "translateX(".concat(indent, "%)");
+                    return [2 /*return*/];
+                case 2:
+                    setActiveSlider(newActiveSlide);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleSetActiveSlide = function (inx) { return function () {
+        setActiveSlider(inx);
+    }; };
+    (0, react_1.useEffect)(function () {
+        if (!callbackSlide) {
+            return;
+        }
+        callbackSlide(activeSlider);
+    }, [callbackSlide, activeSlider]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.carouselWrapper, classes), ref: content }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.content, style: {
+                    transform: "translateX(".concat(indent, "%)"),
+                }, ref: container }, { children: children })), withDots && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.dots }, { children: dots.map(function (_, inx) {
+                    var _a;
+                    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles.dot, (_a = {},
+                            _a[styles.active] = inx === activeSlider,
+                            _a)), onClick: handleSetActiveSlide(inx) }, inx));
+                }) }))), !disableDesktopArrow && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.leftArrow, onClick: function () { return handleChangeSlide(-1); } }, { children: (0, jsx_runtime_1.jsx)(CarouselArrowSvg_1.CarouselArrowSvg, {}) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rightArrow, onClick: function () { return handleChangeSlide(1); } }, { children: (0, jsx_runtime_1.jsx)(CarouselArrowSvg_1.CarouselArrowSvg, {}) }))] }))] })));
+};
+exports.Carousel = Carousel;

package/dist/lib/components/Carousels/components/Carousel/types.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export type CarouselProps = {
+    autoChangeDuration?: number;
+    children: React.ReactElement;
+    callbackSlide?: (inx: number) => void;
+    customWidth?: number;
+    initialActiveSlider?: number;
+    withDots?: boolean;
+    classes?: string;
+    marginIndent?: 'indent-m' | 'indent-xxl' | 'indent-base-half';
+    disableDesktopArrow?: boolean;
+};

package/dist/lib/components/Carousels/components/Carousel/types.js

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

package/dist/lib/components/Carousels/components/CarouselVipClub/components/Step/index.d.ts

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

package/dist/lib/components/Carousels/components/CarouselVipClub/components/Step/index.js

@@ -0,0 +1,48 @@
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var Text_1 = require("components/Text");
+var styles = __importStar(require("./Step.module.css"));
+var Step = function (props) {
+    var imgPath = props.imgPath, title = props.title, titleSpecValue = props.titleSpecValue, titleDescription = props.titleDescription, classes = props.classes, imageClasses = props.imageClasses;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.stepWrapper, classes) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: imgPath, className: (0, classnames_1.default)(styles.imgStep, imageClasses) }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: title, specValue: "".concat(titleSpecValue) }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.titleDescription }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: titleDescription }) }))] }))] })));
+};
+exports.default = Step;

package/dist/lib/components/Carousels/components/CarouselVipClub/components/Step/types.d.ts

@@ -0,0 +1,8 @@
+export type StepProps = {
+    imgPath: string;
+    title: string;
+    titleSpecValue?: number;
+    titleDescription: string;
+    classes?: string;
+    imageClasses?: string;
+};

package/dist/lib/components/Carousels/components/CarouselVipClub/components/Step/types.js

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

package/dist/lib/components/Carousels/components/CarouselVipClub/components/VipSteps/index.d.ts

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

package/dist/lib/components/Carousels/components/CarouselVipClub/components/VipSteps/index.js

@@ -0,0 +1,54 @@
+"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.VipSteps = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Text_1 = require("components/Text");
+var Carousel_1 = require("components/Carousels/components/Carousel");
+var Step_1 = __importDefault(require("../Step"));
+var Buttons_1 = require("components/ui/Buttons");
+var store_1 = require("zustandStore/device/store");
+var selectors_1 = require("zustandStore/device/selectors");
+var styles = __importStar(require("./Steps.module.css"));
+var VipSteps = function (props) {
+    var title = props.title, description = props.description, steps = props.steps, buttonText = props.buttonText, handleClick = props.handleClick;
+    var isMobile = (0, store_1.useZustandDeviceKitStore)(selectors_1.zustandDeviceKitSelector.isMobileDeviceSelector);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.stepsWrapper }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.titleBox }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: title }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.description }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: description }) }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.stepsBox }, { children: isMobile ? ((0, jsx_runtime_1.jsx)(Carousel_1.Carousel, __assign({ disableDesktopArrow: true, withDots: isMobile, marginIndent: "indent-m" }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: steps.map(function (step, idx) { return ((0, jsx_runtime_1.jsx)(Step_1.default, __assign({}, step), idx)); }) }) }))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: steps.map(function (step, idx) { return ((0, jsx_runtime_1.jsx)(Step_1.default, __assign({}, step), idx)); }) })) })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: buttonText, color: "primary", size: "--button-xxl", buttonHeight: '--button-height-m', handleClick: handleClick, classes: styles.button, centreText: true })] })));
+};
+exports.VipSteps = VipSteps;

package/dist/lib/components/Carousels/components/CarouselVipClub/components/VipSteps/types.d.ts

@@ -0,0 +1,8 @@
+import { StepProps } from '../Step/types';
+export type VipStepsProps = {
+    title: string;
+    description: string;
+    steps: StepProps[];
+    buttonText: string;
+    handleClick: () => void;
+};

package/dist/lib/components/Carousels/components/CarouselVipClub/components/VipSteps/types.js

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

package/dist/lib/components/Carousels/components/CarouselVipClub/index.d.ts

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

package/dist/lib/components/Carousels/components/CarouselVipClub/index.js

@@ -0,0 +1,53 @@
+"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.CarouselVipClub = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Text_1 = require("components/Text");
+var Carousel_1 = require("../Carousel");
+var Step_1 = __importDefault(require("./components/Step"));
+var styles = __importStar(require("./CarouselVipClub.module.css"));
+var CarouselVipClub = function (props) {
+    var title = props.title, subTitle = props.subTitle, sliders = props.sliders;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperCarouselVipClub }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperTitle }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: title }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: subTitle }) }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.wrapperSlides }, { children: (0, jsx_runtime_1.jsx)(Carousel_1.Carousel, __assign({ marginIndent: "indent-m" }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: sliders.map(function (_a, inx) {
+                            var img = _a.img, title = _a.title, subTitle = _a.subTitle;
+                            return ((0, jsx_runtime_1.jsx)(Step_1.default, { imgPath: img, title: title, titleDescription: subTitle }, inx));
+                        }) }) })) }))] })));
+};
+exports.CarouselVipClub = CarouselVipClub;

package/dist/lib/components/Carousels/components/CarouselVipClub/types.d.ts

@@ -0,0 +1,9 @@
+export type CarouselVipClubProps = {
+    title: string;
+    subTitle: string;
+    sliders: {
+        img: string;
+        title: string;
+        subTitle: string;
+    }[];
+};

package/dist/lib/components/Carousels/components/CarouselVipClub/types.js

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

package/dist/lib/components/Modals/Notifications/components/NotificationView/index.js

@@ -42,11 +42,11 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var classnames_1 = __importDefault(require("classnames"));
 var NotificationTypeIcon_1 = require("../NotificationTypeIcon");
-var styles = __importStar(require("./NotificationView.module.css"));
-var CloseSvg_1 = require("components/ui/Icons/CloseSvg");
+var CloseThirdSvg_1 = require("components/ui/Icons/CloseThirdSvg");
 var Text_1 = require("components/Text");
 var store_1 = require("zustandStore/alerts/notification/store");
 var selectors_1 = require("zustandStore/alerts/notification/selectors");
+var styles = __importStar(require("./NotificationView.module.css"));
 var NotificationView = function (props) {
     var _a;
     var text = props.text, type = props.type, uid = props.uid;
@@ -79,6 +79,6 @@ var NotificationView = function (props) {
     return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperNotification, (_a = {},
             _a[styles.animationMoveToLeftNotification] = !isHide,
             _a[styles.animationMoveToRightNotification] = isHide,
-            _a)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)(NotificationTypeIcon_1.NotificationTypeIcon, { type: type }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.text }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: text }) }))] })), (0, jsx_runtime_1.jsx)(CloseSvg_1.CloseSvg, { classes: styles.closeIcon, handleClick: handleRemoveNotification })] })));
+            _a)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)(NotificationTypeIcon_1.NotificationTypeIcon, { type: type }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.text }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: text }) }))] })), (0, jsx_runtime_1.jsx)(CloseThirdSvg_1.CloseThirdSvg, { classes: styles.closeIcon, handleClick: handleRemoveNotification })] })));
 };
 exports.NotificationView = NotificationView;

package/dist/lib/components/ui/AccordionGroup/Accordion.d.ts

@@ -9,6 +9,7 @@ type Props = {
     handleClick?: (inx: number) => void;
     setOpenState?: () => void;
     itemTextClasses?: string;
+    iconClasses?: string;
 } & ({
     isGroup: true;
     callbackOpenState: () => void;

package/dist/lib/components/ui/AccordionGroup/Accordion.js

@@ -45,7 +45,7 @@ var ArrowSvg_1 = require("../Icons/ArrowSvg");
 var Text_1 = require("components/Text");
 var Accordion = function (props) {
     var _a, _b, _c;
-    var title = props.title, startIcon = props.startIcon, data = props.data, classes = props.classes, titleClasses = props.titleClasses, _d = props.isGroup, isGroup = _d === void 0 ? false : _d, _e = props.isOpenedByGroup, isOpenedByGroup = _e === void 0 ? false : _e, callbackOpenState = props.callbackOpenState, handleClick = props.handleClick, itemTextClasses = props.itemTextClasses;
+    var title = props.title, startIcon = props.startIcon, data = props.data, classes = props.classes, titleClasses = props.titleClasses, iconClasses = props.iconClasses, _d = props.isGroup, isGroup = _d === void 0 ? false : _d, _e = props.isOpenedByGroup, isOpenedByGroup = _e === void 0 ? false : _e, callbackOpenState = props.callbackOpenState, handleClick = props.handleClick, itemTextClasses = props.itemTextClasses;
     var _f = (0, react_1.useState)(false), isOpened = _f[0], setOpenState = _f[1];
     var handleClickItem = function (inx) { return function () { return handleClick === null || handleClick === void 0 ? void 0 : handleClick(inx); }; };
     var toggleOpenState = function () {
@@ -65,6 +65,6 @@ var Accordion = function (props) {
                                     _b[styles.starIcon] = startIcon,
                                     _b), titleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: title }) }))] })), (0, jsx_runtime_1.jsx)(ArrowSvg_1.ArrowSvg, { classes: (0, classnames_1.default)(styles.icon, (_c = {},
                             _c[styles.rotate] = isOpenedState,
-                            _c)), width: "16", height: "9" })] })), isOpenedState && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.accordionList }, { children: data.map(function (text, inx) { return ((0, jsx_runtime_1.jsx)("div", __assign({ onClick: handleClickItem(inx), className: (0, classnames_1.default)(styles.itemRow, itemTextClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: text }) }), inx)); }) })))] })));
+                            _c), iconClasses), width: "16", height: "9" })] })), isOpenedState && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.accordionList }, { children: data.map(function (text, inx) { return ((0, jsx_runtime_1.jsx)("div", __assign({ onClick: handleClickItem(inx), className: (0, classnames_1.default)(styles.itemRow, itemTextClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: text }) }), inx)); }) })))] })));
 };
 exports.default = Accordion;

package/dist/lib/components/ui/Headers/LeftSection/index.js

@@ -50,11 +50,11 @@ var ui_1 = require("types/ui");
 var styles = __importStar(require("./LeftSection.module.css"));
 var LeftSection = function (props) {
     var _a;
-    var isFullView = props.isFullView, toggleDrawerState = props.toggleDrawerState;
+    var isFullView = props.isFullView, toggleDrawerState = props.toggleDrawerState, handleLogoClick = props.handleLogoClick;
     var isMobile = (0, store_1.useZustandDeviceKitStore)(selectors_1.zustandDeviceKitSelector.isMobileDeviceSelector);
     var appType = (0, store_2.useZustandKitSettings)(selectors_2.getKitAppTypeSelector);
     if (isMobile) {
-        return (0, jsx_runtime_1.jsx)(Logos_1.Logo, { isMobile: appType === ui_1.EAppType.JabiBet });
+        return ((0, jsx_runtime_1.jsx)(Logos_1.Logo, { isMobile: appType === ui_1.EAppType.JabiBet, handleLogoClick: handleLogoClick }));
     }
     return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.drawerStateDrawerButton, styles.stateButton, (_a = {},
             _a[styles.hideLeftSide] = isFullView,

package/dist/lib/components/ui/Headers/LeftSection/types.d.ts

@@ -1,4 +1,5 @@
 export type LeftSectionProps = {
     isFullView: boolean;
     toggleDrawerState: () => void;
+    handleLogoClick: () => void;
 };

package/dist/lib/components/ui/Icons/Base/CrossSvg.js

@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CrossSvg = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var CrossSvg = function (props) {
-    var _a = props.width, width = _a === void 0 ? '8' : _a, _b = props.height, height = _b === void 0 ? '8' : _b, classes = props.classes;
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: width, height: height, viewBox: "0 0 8 8", fill: "none", className: classes }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M6.86193 0.195262C7.12228 -0.0650874 7.54439 -0.0650874 7.80474 0.195262C8.06509 0.455612 8.06509 0.877722 7.80474 1.13807L4.94281 4L7.80474 6.86193C8.06509 7.12228 8.06509 7.54439 7.80474 7.80474C7.54439 8.06509 7.12228 8.06509 6.86193 7.80474L4 4.94281L1.13807 7.80474C0.877722 8.06509 0.455612 8.06509 0.195262 7.80474C-0.0650875 7.54439 -0.0650875 7.12228 0.195262 6.86193L3.05719 4L0.195262 1.13807C-0.0650871 0.877722 -0.0650871 0.455612 0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L4 3.05719L6.86193 0.195262Z", fill: "rgb(var(--gray))" }) })));
+    var _a = props.width, width = _a === void 0 ? '8' : _a, _b = props.height, height = _b === void 0 ? '8' : _b, classes = props.classes, handleClick = props.handleClick;
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: width, height: height, viewBox: "0 0 8 8", fill: "none", className: classes, onClick: handleClick }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M6.86193 0.195262C7.12228 -0.0650874 7.54439 -0.0650874 7.80474 0.195262C8.06509 0.455612 8.06509 0.877722 7.80474 1.13807L4.94281 4L7.80474 6.86193C8.06509 7.12228 8.06509 7.54439 7.80474 7.80474C7.54439 8.06509 7.12228 8.06509 6.86193 7.80474L4 4.94281L1.13807 7.80474C0.877722 8.06509 0.455612 8.06509 0.195262 7.80474C-0.0650875 7.54439 -0.0650875 7.12228 0.195262 6.86193L3.05719 4L0.195262 1.13807C-0.0650871 0.877722 -0.0650871 0.455612 0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L4 3.05719L6.86193 0.195262Z", fill: "rgb(var(--gray))" }) })));
 };
 exports.CrossSvg = CrossSvg;

package/dist/lib/components/ui/Icons/CarouselArrowSvg.d.ts

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

package/dist/lib/components/ui/Icons/CarouselArrowSvg.js

@@ -0,0 +1,20 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CarouselArrowSvg = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var CarouselArrowSvg = function (props) {
+    var _a = props.width, width = _a === void 0 ? '12' : _a, _b = props.height, height = _b === void 0 ? '12' : _b, _c = props.classes, classes = _c === void 0 ? '' : _c, handleClick = props.handleClick;
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 0 12 12", fill: "none", className: classes, onClick: handleClick }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 6C-1.44847e-07 9.31371 2.68629 12 6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 1.44847e-07 6 0C2.68629 -1.44847e-07 1.44847e-07 2.68629 0 6ZM8.1182 6.2818C8.29393 6.45754 8.29393 6.74246 8.1182 6.9182L6.3182 8.7182C6.14246 8.89393 5.85754 8.89393 5.6818 8.7182L3.8818 6.9182C3.70607 6.74246 3.70607 6.45754 3.8818 6.2818C4.05754 6.10607 4.34246 6.10607 4.5182 6.2818L5.55 7.3136V3.6C5.55 3.35147 5.75147 3.15 6 3.15C6.24853 3.15 6.45 3.35147 6.45 3.6V7.3136L7.4818 6.2818C7.65754 6.10607 7.94246 6.10607 8.1182 6.2818Z", fill: "#B3BECD" }) })));
+};
+exports.CarouselArrowSvg = CarouselArrowSvg;