react-gldn-kit 0.0.2 → 0.0.3

package/dist/lib/components/Layouts/LandingLayoutTemplate/index.d.ts

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

package/dist/lib/components/Layouts/LandingLayoutTemplate/index.js

@@ -0,0 +1,51 @@
+"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.LandingLayoutTemplate = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Logos_1 = require("components/ui/Logos");
+var Buttons_1 = require("components/ui/Buttons");
+var styles = __importStar(require("./LandingLayoutTemplate.module.css"));
+var LandingLayoutTemplate = function (props) {
+    var backgroundImgPath = props.backgroundImgPath, textImgPath = props.textImgPath, handleClick = props.handleClick, buttonText = props.buttonText, appType = props.appType, isMobile = props.isMobile, handleLogoClick = props.handleLogoClick;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperLanding, style: {
+            backgroundImage: "url(".concat(backgroundImgPath, ")"),
+            backgroundRepeat: 'no-repeat',
+            backgroundSize: 'cover',
+            backgroundPosition: 'center',
+        } }, { children: [(0, jsx_runtime_1.jsx)(Logos_1.Logo, { appType: appType, isMobile: isMobile, handleLogoClick: handleLogoClick }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [(0, jsx_runtime_1.jsx)("img", { src: textImgPath, className: styles.textImg }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: buttonText, handleClick: handleClick, size: "--button-full", color: "transparent", buttonHeight: "--button-height-l", classes: styles.button, centreText: true })] }))] })));
+};
+exports.LandingLayoutTemplate = LandingLayoutTemplate;

package/dist/lib/components/Layouts/LandingLayoutTemplate/types.d.ts

@@ -0,0 +1,10 @@
+import { EAppType } from 'types/ui';
+export type LandingLayoutTemplateProps = {
+    backgroundImgPath: string;
+    textImgPath: string;
+    handleClick: () => void;
+    buttonText?: string;
+    appType: EAppType;
+    isMobile: boolean;
+    handleLogoClick: () => void;
+};

package/dist/lib/components/Layouts/LandingLayoutTemplate/types.js

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

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

@@ -40,13 +40,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopUpHeader = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var classnames_1 = __importDefault(require("classnames"));
-var close_svg_1 = require("assets/close.svg");
+var CrossSvg_1 = require("components/ui/Icons/Base/CrossSvg");
 var styles = __importStar(require("./PopUpHeader.module.css"));
 var PopUpHeader = function (props) {
     var _a;
     var title = props.title, closeButton = props.closeButton, classes = props.classes, backButton = props.backButton, backSvg = props.backSvg, _b = props.transparent, transparent = _b === void 0 ? false : _b;
     return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperPopUpHeader, classes, (_a = {},
             _a[styles.transparent] = transparent,
-            _a)) }, { children: [backButton && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.closeButton, styles.left), onClick: backButton }, { children: backSvg }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: title })), closeButton && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.closeButton, styles.right), onClick: closeButton }, { children: (0, jsx_runtime_1.jsx)(close_svg_1.ReactComponent, { className: styles.closeSvg }) })))] })));
+            _a)) }, { children: [backButton && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.closeButton, styles.left), onClick: backButton }, { children: backSvg }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: title })), closeButton && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.closeButton, styles.right), onClick: closeButton }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.closeSvg }) })))] })));
 };
 exports.PopUpHeader = PopUpHeader;

package/dist/lib/components/ui/Icons/Base/CrossSvg.d.ts

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

package/dist/lib/components/ui/Icons/Base/CrossSvg.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.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))" }) })));
+};
+exports.CrossSvg = CrossSvg;

package/dist/lib/components/ui/Icons/Base/WarningSvg.d.ts

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

package/dist/lib/components/ui/Icons/Base/WarningSvg.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.WarningSvg = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var WarningSvg = function (props) {
+    var _a = props.width, width = _a === void 0 ? '16' : _a, _b = props.height, height = _b === void 0 ? '16' : _b, classes = props.classes;
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: width, height: height, viewBox: "0 0 16 16", fill: "none", className: classes }, { children: (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM7 3L7 10H9V3H7ZM7 11V13H9V11H7Z", fill: "rgb(var(--red))" }) }) })));
+};
+exports.WarningSvg = WarningSvg;

package/dist/lib/components/ui/Inputs/BaseInput/BaseInputUi.js

@@ -39,17 +39,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseInputUi = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var classnames_1 = __importDefault(require("classnames"));
 var inputError_svg_1 = require("assets/inputError.svg");
-var styles = __importStar(require("./BaseInputUi.module.css"));
-var react_1 = require("react");
+var CrossSvg_1 = require("components/ui/Icons/Base/CrossSvg");
+var WarningSvg_1 = require("components/ui/Icons/Base/WarningSvg");
 var Text_1 = require("components/Text");
+var styles = __importStar(require("./BaseInputUi.module.css"));
 var BaseInputUi = function (props) {
     var _a, _b, _c;
-    var startIcon = props.startIcon, value = props.value, type = props.type, placeholder = props.placeholder, handleChange = props.handleChange, children = props.children, isHidePlaceholder = props.isHidePlaceholder, inputLabelType = props.inputLabelType, errorText = props.errorText, inputStyleType = props.inputStyleType, size = props.size, classes = props.classes, inputMode = props.inputMode, disabled = props.disabled, _d = props.bottomText, bottomText = _d === void 0 ? '' : _d, _e = props.withErrorSvg, withErrorSvg = _e === void 0 ? false : _e, onFocus = props.onFocus;
+    var startIcon = props.startIcon, value = props.value, type = props.type, placeholder = props.placeholder, handleChange = props.handleChange, children = props.children, isHidePlaceholder = props.isHidePlaceholder, inputLabelType = props.inputLabelType, errorText = props.errorText, inputStyleType = props.inputStyleType, size = props.size, classes = props.classes, inputMode = props.inputMode, disabled = props.disabled, _d = props.bottomText, bottomText = _d === void 0 ? '' : _d, _e = props.withErrorSvg, withErrorSvg = _e === void 0 ? false : _e, onFocus = props.onFocus, _f = props.withClearValue, withClearValue = _f === void 0 ? false : _f, handleClearInputValue = props.handleClearInputValue, labelClasses = props.labelClasses;
     var isBorderColorful = inputStyleType === 'border-colorful';
     var sizeModifier = "inputWrapperSize-".concat(size);
-    var _f = (0, react_1.useState)(false), isFocused = _f[0], setFocusState = _f[1];
+    var _g = (0, react_1.useState)(false), isFocused = _g[0], setFocusState = _g[1];
     var handleFocus = function () {
         setFocusState(true);
         onFocus === null || onFocus === void 0 ? void 0 : onFocus();
@@ -63,10 +65,10 @@ var BaseInputUi = function (props) {
             _a[styles.borderColorfulRed] = errorText,
             _a)) }, { children: [startIcon, (0, jsx_runtime_1.jsx)("input", { onFocus: handleFocus, onBlur: handleBlur, inputMode: inputMode, className: (0, classnames_1.default)(styles.input, (_b = {},
                     _b[styles.disabled] = disabled,
-                    _b)), value: value, type: type, placeholder: placeholder, onChange: handleChange }), children && (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rowChildrenData }, { children: children })), errorText && withErrorSvg && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rowChildrenData }, { children: (0, jsx_runtime_1.jsx)(inputError_svg_1.ReactComponent, {}) }))), (0, jsx_runtime_1.jsx)("label", __assign({ className: (0, classnames_1.default)(styles.label, (_c = {},
+                    _b)), value: value, type: type, placeholder: placeholder, onChange: handleChange }), value && withClearValue && !errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.clearButton, onClick: handleClearInputValue }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, {}) }))), value && withClearValue && errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.clearButton }, { children: (0, jsx_runtime_1.jsx)(WarningSvg_1.WarningSvg, {}) }))), children && (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rowChildrenData }, { children: children })), errorText && withErrorSvg && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rowChildrenData }, { children: (0, jsx_runtime_1.jsx)(inputError_svg_1.ReactComponent, {}) }))), (0, jsx_runtime_1.jsx)("label", __assign({ className: (0, classnames_1.default)(styles.label, (_c = {},
                     _c[styles.labelRight] = startIcon,
                     _c[styles.hideLabel] = isHidePlaceholder,
                     _c[styles.labelUp] = inputLabelType === 'labelUp',
-                    _c)) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: placeholder }) })), errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.errorText, styles.animationFadeIn) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: errorText }) }))), !errorText && bottomText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.errorText, styles.animationFadeIn, styles.resetErrorColor) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: bottomText }) })))] })));
+                    _c), labelClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: placeholder }) })), errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.errorText, styles.animationFadeIn) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: errorText }) }))), !errorText && bottomText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.errorText, styles.animationFadeIn, styles.resetErrorColor) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: bottomText }) })))] })));
 };
 exports.BaseInputUi = BaseInputUi;

package/dist/lib/components/ui/Inputs/BaseInput/types.d.ts

@@ -22,6 +22,9 @@ type InputBase = {
     baseValue?: string;
     bottomText?: string;
     withErrorSvg?: boolean;
+    withClearValue?: boolean;
+    handleClearInputValue?: () => void;
+    labelClasses?: string;
 };
 export type DefaultInputType = {
     value: string;

package/dist/lib/index.d.ts

@@ -15,6 +15,7 @@ import { CountrySelector } from 'components/SignUp/CountrySelector';
 import { ModalLayout } from 'components/Layouts/ModalLayout';
 import { BonusCardLayout } from 'components/Layouts/BonusCardLayout';
 import { DrawerLayout } from 'components/Layouts/DrawerLayout';
+import { LandingLayoutTemplate } from 'components/Layouts/LandingLayoutTemplate';
 import { Banners } from 'components/Banners';
 import BannerTemplate from 'components/Banners/components/BannerTemplate';
 import { PromotionMobileApp } from 'components/Banners/components/PromotionMobileApp';
@@ -184,6 +185,6 @@ import { Section } from './components/ui/Section/index';
 import { BattleBanner } from 'components/Banners/components/BattleBanner';
 import { Leaderboard } from 'components/ui/Leaderboard';
 import Accordion from 'components/ui/AccordionGroup/Accordion';
-export { Logo, BaseButton, CloseButton, DrawerButton, AppSwitcher, CasinoCategoryButton, CasinoSubCategoriesButton, ProviderNameButton, DepositButton, ShowAllCard, BaseInput, BaseInputUi, CheckBox, JivoChatButton, JivoChatButtonProps, PaymentsMethods, PaymentMethodProps, EActiveMethodTab, DepositSkelet, DepositSkeletProps, DepositQrFormProps, PopUpHeader, Footer, Tabs, MainLoader, CircularLoader, HOCImageLoader, HOCOutsideClick, HOCErrorBoundary, useElementResize, useOnClickOutside, useCountDown, useTranslate, useInView, JackpotWidget, JackPotInfoBox, Wheel, Scratch, TournamentCard, ReferralTable, ReferralTableProps, Pagination, ModalLayout, BonusCardLayout, DrawerLayout, CountDown, LastBigWinners, Banners, BannerTemplate, PromotionMobileApp, OneClick, DocsCheckBox, CurrencySelector, CountrySelector, RegistrationPromoCode, Selector, ArrowSvg, DownloadSvg, LockSvg, CloseSvg, JabiInHouseSvg, ProviderSvg, HotSvg, WagerSvg, ElonHouseSvg, FSWinHouseSvg, ElonTreasureSvg, FSWinTreasureSvg, JabibetTreasureSvg, PlaySvg, InfoSvg, InstagramSvg, TelegramSvg, FacebookSvg, AvatarSvg, ProfileSvg, BonusGiftSvg, BurgerSvg, CalendarSvg, CashSvg, CloseEyeSvg, OpenEyeSvg, CoinSvg, CoinsSvg, CopySvg, DocSvg, FavoritesSvg, GoogleSvg, GrowSvg, DrawerTogglerSvg, LotterySvg, InfoLotterySvg, PlusSvg, SearchSvg, ProvidersBlocksSvg, SelectedSvg, ShareSvg, StarSvg, SupportSvg, ThreeDotsSvg, TrashSvg, WalletSvg, FirstBonusSvg, SecondBonusSvg, ThirdBonusSvg, VipClubSvg, BronzeSvg, SilverSvg, DiamondSvg, GoldSvg, GreenSvg, PlatinumSvg, PlatinumOneSvg, AzeSvg, BnSvg, BsSvg, ChSvg, DeSvg, EnSvg, EsSvg, FrSvg, HiSvg, ItSvg, KoSvg, KzSvg, NoSvg, PtSvg, RoSvg, RuSvg, TrSvg, UkrSvg, UzSvg, TournamentWagerSvg, ProvidersSvg, DefaultImgSvg, CasinoCoinSvg, RecommendedSvg, DepositSvg, ErrorSvg, SuccessSvg, WaitingSvg, WithdrawSvg, AmericanFootballSvg, AussieRulesSvg, BadmintonSvg, BaseballSvg, BasketballSvg, Basketball3x3Svg, BeachSoccerSvg, BoxingSvg, ChessSvg, CricketSvg, DartsSvg, EFifaSvg, ENbaSvg, ENhlSvg, EsportSvg, FieldHockeySvg, FutsalSvg, IceHockeySvg, KabaddiSvg, MmaSvg, RugbySvg, SnookerSvg, SoccerSvg, SquashSvg, TableTennisSvg, TennisSvg, VolleyballSvg, NotFoundBonusesSvg, NotificationWarningSvg, NotificationErrorSvg, NotificationSuccessSvg, NavTournamentSvg, NavReferralSvg, NavMyBetsSvg, NavCasinoSvg, NavBonusesSvg, NavBettingLiveSvg, NavBettingSvg, BattlesCard, Step, Section, BattleBanner, Leaderboard, Accordion, useZustandLanguagesKitStore, languageSelectors, Text, getCasinoCategoryIcon, };
+export { Logo, BaseButton, CloseButton, DrawerButton, AppSwitcher, CasinoCategoryButton, CasinoSubCategoriesButton, ProviderNameButton, DepositButton, ShowAllCard, BaseInput, BaseInputUi, CheckBox, JivoChatButton, JivoChatButtonProps, PaymentsMethods, PaymentMethodProps, EActiveMethodTab, DepositSkelet, DepositSkeletProps, DepositQrFormProps, PopUpHeader, Footer, Tabs, MainLoader, CircularLoader, HOCImageLoader, HOCOutsideClick, HOCErrorBoundary, useElementResize, useOnClickOutside, useCountDown, useTranslate, useInView, JackpotWidget, JackPotInfoBox, Wheel, Scratch, TournamentCard, ReferralTable, ReferralTableProps, Pagination, ModalLayout, BonusCardLayout, DrawerLayout, LandingLayoutTemplate, CountDown, LastBigWinners, Banners, BannerTemplate, PromotionMobileApp, OneClick, DocsCheckBox, CurrencySelector, CountrySelector, RegistrationPromoCode, Selector, ArrowSvg, DownloadSvg, LockSvg, CloseSvg, JabiInHouseSvg, ProviderSvg, HotSvg, WagerSvg, ElonHouseSvg, FSWinHouseSvg, ElonTreasureSvg, FSWinTreasureSvg, JabibetTreasureSvg, PlaySvg, InfoSvg, InstagramSvg, TelegramSvg, FacebookSvg, AvatarSvg, ProfileSvg, BonusGiftSvg, BurgerSvg, CalendarSvg, CashSvg, CloseEyeSvg, OpenEyeSvg, CoinSvg, CoinsSvg, CopySvg, DocSvg, FavoritesSvg, GoogleSvg, GrowSvg, DrawerTogglerSvg, LotterySvg, InfoLotterySvg, PlusSvg, SearchSvg, ProvidersBlocksSvg, SelectedSvg, ShareSvg, StarSvg, SupportSvg, ThreeDotsSvg, TrashSvg, WalletSvg, FirstBonusSvg, SecondBonusSvg, ThirdBonusSvg, VipClubSvg, BronzeSvg, SilverSvg, DiamondSvg, GoldSvg, GreenSvg, PlatinumSvg, PlatinumOneSvg, AzeSvg, BnSvg, BsSvg, ChSvg, DeSvg, EnSvg, EsSvg, FrSvg, HiSvg, ItSvg, KoSvg, KzSvg, NoSvg, PtSvg, RoSvg, RuSvg, TrSvg, UkrSvg, UzSvg, TournamentWagerSvg, ProvidersSvg, DefaultImgSvg, CasinoCoinSvg, RecommendedSvg, DepositSvg, ErrorSvg, SuccessSvg, WaitingSvg, WithdrawSvg, AmericanFootballSvg, AussieRulesSvg, BadmintonSvg, BaseballSvg, BasketballSvg, Basketball3x3Svg, BeachSoccerSvg, BoxingSvg, ChessSvg, CricketSvg, DartsSvg, EFifaSvg, ENbaSvg, ENhlSvg, EsportSvg, FieldHockeySvg, FutsalSvg, IceHockeySvg, KabaddiSvg, MmaSvg, RugbySvg, SnookerSvg, SoccerSvg, SquashSvg, TableTennisSvg, TennisSvg, VolleyballSvg, NotFoundBonusesSvg, NotificationWarningSvg, NotificationErrorSvg, NotificationSuccessSvg, NavTournamentSvg, NavReferralSvg, NavMyBetsSvg, NavCasinoSvg, NavBonusesSvg, NavBettingLiveSvg, NavBettingSvg, BattlesCard, Step, Section, BattleBanner, Leaderboard, Accordion, useZustandLanguagesKitStore, languageSelectors, Text, getCasinoCategoryIcon, };
 import './styles/global.module.css';
 import { useTranslate } from 'hooks/useTranslate';

package/dist/lib/index.js

@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RegistrationPromoCode = exports.CountrySelector = exports.CurrencySelector = exports.DocsCheckBox = exports.OneClick = exports.PromotionMobileApp = exports.BannerTemplate = exports.Banners = exports.LastBigWinners = exports.CountDown = exports.DrawerLayout = exports.BonusCardLayout = exports.ModalLayout = exports.Pagination = exports.ReferralTable = exports.TournamentCard = exports.Scratch = exports.Wheel = exports.JackPotInfoBox = exports.JackpotWidget = exports.useInView = exports.useTranslate = exports.useCountDown = exports.useOnClickOutside = exports.useElementResize = exports.HOCErrorBoundary = exports.HOCOutsideClick = exports.HOCImageLoader = exports.CircularLoader = exports.MainLoader = exports.Tabs = exports.Footer = exports.PopUpHeader = exports.DepositSkelet = exports.EActiveMethodTab = exports.PaymentsMethods = exports.JivoChatButton = exports.CheckBox = exports.BaseInputUi = exports.BaseInput = exports.ShowAllCard = exports.DepositButton = exports.ProviderNameButton = exports.CasinoSubCategoriesButton = exports.CasinoCategoryButton = exports.AppSwitcher = exports.DrawerButton = exports.CloseButton = exports.BaseButton = exports.Logo = void 0;
-exports.ThirdBonusSvg = exports.SecondBonusSvg = exports.FirstBonusSvg = exports.WalletSvg = exports.TrashSvg = exports.ThreeDotsSvg = exports.SupportSvg = exports.StarSvg = exports.ShareSvg = exports.SelectedSvg = exports.ProvidersBlocksSvg = exports.SearchSvg = exports.PlusSvg = exports.InfoLotterySvg = exports.LotterySvg = exports.DrawerTogglerSvg = exports.GrowSvg = exports.GoogleSvg = exports.FavoritesSvg = exports.DocSvg = exports.CopySvg = exports.CoinsSvg = exports.CoinSvg = exports.OpenEyeSvg = exports.CloseEyeSvg = exports.CashSvg = exports.CalendarSvg = exports.BurgerSvg = exports.BonusGiftSvg = exports.ProfileSvg = exports.AvatarSvg = exports.FacebookSvg = exports.TelegramSvg = exports.InstagramSvg = exports.InfoSvg = exports.PlaySvg = exports.JabibetTreasureSvg = exports.FSWinTreasureSvg = exports.ElonTreasureSvg = exports.FSWinHouseSvg = exports.ElonHouseSvg = exports.WagerSvg = exports.HotSvg = exports.ProviderSvg = exports.JabiInHouseSvg = exports.CloseSvg = exports.LockSvg = exports.DownloadSvg = exports.ArrowSvg = exports.Selector = void 0;
-exports.ENbaSvg = exports.EFifaSvg = exports.DartsSvg = exports.CricketSvg = exports.ChessSvg = exports.BoxingSvg = exports.BeachSoccerSvg = exports.Basketball3x3Svg = exports.BasketballSvg = exports.BaseballSvg = exports.BadmintonSvg = exports.AussieRulesSvg = exports.AmericanFootballSvg = exports.WithdrawSvg = exports.WaitingSvg = exports.SuccessSvg = exports.ErrorSvg = exports.DepositSvg = exports.RecommendedSvg = exports.CasinoCoinSvg = exports.DefaultImgSvg = exports.ProvidersSvg = exports.TournamentWagerSvg = exports.UzSvg = exports.UkrSvg = exports.TrSvg = exports.RuSvg = exports.RoSvg = exports.PtSvg = exports.NoSvg = exports.KzSvg = exports.KoSvg = exports.ItSvg = exports.HiSvg = exports.FrSvg = exports.EsSvg = exports.EnSvg = exports.DeSvg = exports.ChSvg = exports.BsSvg = exports.BnSvg = exports.AzeSvg = exports.PlatinumOneSvg = exports.PlatinumSvg = exports.GreenSvg = exports.GoldSvg = exports.DiamondSvg = exports.SilverSvg = exports.BronzeSvg = exports.VipClubSvg = void 0;
-exports.getCasinoCategoryIcon = exports.Text = exports.languageSelectors = exports.useZustandLanguagesKitStore = exports.Accordion = exports.Leaderboard = exports.BattleBanner = exports.Section = exports.Step = exports.BattlesCard = exports.NavBettingSvg = exports.NavBettingLiveSvg = exports.NavBonusesSvg = exports.NavCasinoSvg = exports.NavMyBetsSvg = exports.NavReferralSvg = exports.NavTournamentSvg = exports.NotificationSuccessSvg = exports.NotificationErrorSvg = exports.NotificationWarningSvg = exports.NotFoundBonusesSvg = exports.VolleyballSvg = exports.TennisSvg = exports.TableTennisSvg = exports.SquashSvg = exports.SoccerSvg = exports.SnookerSvg = exports.RugbySvg = exports.MmaSvg = exports.KabaddiSvg = exports.IceHockeySvg = exports.FutsalSvg = exports.FieldHockeySvg = exports.EsportSvg = exports.ENhlSvg = void 0;
+exports.CountrySelector = exports.CurrencySelector = exports.DocsCheckBox = exports.OneClick = exports.PromotionMobileApp = exports.BannerTemplate = exports.Banners = exports.LastBigWinners = exports.CountDown = exports.LandingLayoutTemplate = exports.DrawerLayout = exports.BonusCardLayout = exports.ModalLayout = exports.Pagination = exports.ReferralTable = exports.TournamentCard = exports.Scratch = exports.Wheel = exports.JackPotInfoBox = exports.JackpotWidget = exports.useInView = exports.useTranslate = exports.useCountDown = exports.useOnClickOutside = exports.useElementResize = exports.HOCErrorBoundary = exports.HOCOutsideClick = exports.HOCImageLoader = exports.CircularLoader = exports.MainLoader = exports.Tabs = exports.Footer = exports.PopUpHeader = exports.DepositSkelet = exports.EActiveMethodTab = exports.PaymentsMethods = exports.JivoChatButton = exports.CheckBox = exports.BaseInputUi = exports.BaseInput = exports.ShowAllCard = exports.DepositButton = exports.ProviderNameButton = exports.CasinoSubCategoriesButton = exports.CasinoCategoryButton = exports.AppSwitcher = exports.DrawerButton = exports.CloseButton = exports.BaseButton = exports.Logo = void 0;
+exports.SecondBonusSvg = exports.FirstBonusSvg = exports.WalletSvg = exports.TrashSvg = exports.ThreeDotsSvg = exports.SupportSvg = exports.StarSvg = exports.ShareSvg = exports.SelectedSvg = exports.ProvidersBlocksSvg = exports.SearchSvg = exports.PlusSvg = exports.InfoLotterySvg = exports.LotterySvg = exports.DrawerTogglerSvg = exports.GrowSvg = exports.GoogleSvg = exports.FavoritesSvg = exports.DocSvg = exports.CopySvg = exports.CoinsSvg = exports.CoinSvg = exports.OpenEyeSvg = exports.CloseEyeSvg = exports.CashSvg = exports.CalendarSvg = exports.BurgerSvg = exports.BonusGiftSvg = exports.ProfileSvg = exports.AvatarSvg = exports.FacebookSvg = exports.TelegramSvg = exports.InstagramSvg = exports.InfoSvg = exports.PlaySvg = exports.JabibetTreasureSvg = exports.FSWinTreasureSvg = exports.ElonTreasureSvg = exports.FSWinHouseSvg = exports.ElonHouseSvg = exports.WagerSvg = exports.HotSvg = exports.ProviderSvg = exports.JabiInHouseSvg = exports.CloseSvg = exports.LockSvg = exports.DownloadSvg = exports.ArrowSvg = exports.Selector = exports.RegistrationPromoCode = void 0;
+exports.EFifaSvg = exports.DartsSvg = exports.CricketSvg = exports.ChessSvg = exports.BoxingSvg = exports.BeachSoccerSvg = exports.Basketball3x3Svg = exports.BasketballSvg = exports.BaseballSvg = exports.BadmintonSvg = exports.AussieRulesSvg = exports.AmericanFootballSvg = exports.WithdrawSvg = exports.WaitingSvg = exports.SuccessSvg = exports.ErrorSvg = exports.DepositSvg = exports.RecommendedSvg = exports.CasinoCoinSvg = exports.DefaultImgSvg = exports.ProvidersSvg = exports.TournamentWagerSvg = exports.UzSvg = exports.UkrSvg = exports.TrSvg = exports.RuSvg = exports.RoSvg = exports.PtSvg = exports.NoSvg = exports.KzSvg = exports.KoSvg = exports.ItSvg = exports.HiSvg = exports.FrSvg = exports.EsSvg = exports.EnSvg = exports.DeSvg = exports.ChSvg = exports.BsSvg = exports.BnSvg = exports.AzeSvg = exports.PlatinumOneSvg = exports.PlatinumSvg = exports.GreenSvg = exports.GoldSvg = exports.DiamondSvg = exports.SilverSvg = exports.BronzeSvg = exports.VipClubSvg = exports.ThirdBonusSvg = void 0;
+exports.getCasinoCategoryIcon = exports.Text = exports.languageSelectors = exports.useZustandLanguagesKitStore = exports.Accordion = exports.Leaderboard = exports.BattleBanner = exports.Section = exports.Step = exports.BattlesCard = exports.NavBettingSvg = exports.NavBettingLiveSvg = exports.NavBonusesSvg = exports.NavCasinoSvg = exports.NavMyBetsSvg = exports.NavReferralSvg = exports.NavTournamentSvg = exports.NotificationSuccessSvg = exports.NotificationErrorSvg = exports.NotificationWarningSvg = exports.NotFoundBonusesSvg = exports.VolleyballSvg = exports.TennisSvg = exports.TableTennisSvg = exports.SquashSvg = exports.SoccerSvg = exports.SnookerSvg = exports.RugbySvg = exports.MmaSvg = exports.KabaddiSvg = exports.IceHockeySvg = exports.FutsalSvg = exports.FieldHockeySvg = exports.EsportSvg = exports.ENhlSvg = exports.ENbaSvg = void 0;
 // Buttons
 var Buttons_1 = require("components/ui/Buttons");
 Object.defineProperty(exports, "BaseButton", { enumerable: true, get: function () { return Buttons_1.BaseButton; } });
@@ -45,6 +45,8 @@ var BonusCardLayout_1 = require("components/Layouts/BonusCardLayout");
 Object.defineProperty(exports, "BonusCardLayout", { enumerable: true, get: function () { return BonusCardLayout_1.BonusCardLayout; } });
 var DrawerLayout_1 = require("components/Layouts/DrawerLayout");
 Object.defineProperty(exports, "DrawerLayout", { enumerable: true, get: function () { return DrawerLayout_1.DrawerLayout; } });
+var LandingLayoutTemplate_1 = require("components/Layouts/LandingLayoutTemplate");
+Object.defineProperty(exports, "LandingLayoutTemplate", { enumerable: true, get: function () { return LandingLayoutTemplate_1.LandingLayoutTemplate; } });
 // Banners
 var Banners_1 = require("components/Banners");
 Object.defineProperty(exports, "Banners", { enumerable: true, get: function () { return Banners_1.Banners; } });

package/dist/main.css

@@ -664,6 +664,7 @@
   border: 2px solid var(--border-color-gray);
   height: 40px;
   display: flex;
+  align-items: center;
   justify-content: space-between;
   padding: 2px 10px;
   position: relative;
@@ -865,6 +866,20 @@
   background-clip: text;
 }
 
+.KIT__BaseInputUi-module__clearButton___hwyGX {
+  --size: 16px;
+  width: 16px;
+  width: var(--size);
+  height: 16px;
+  height: var(--size);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(49, 54, 72, 1);
+  border-radius: var(--border-circle);
+  cursor: pointer;
+}
+
 @keyframes KIT__BaseInputUi-module__FadeIn___kQ_6Q {
   0% {
     opacity: 0;
@@ -1236,24 +1251,25 @@
 }
 
 .KIT__PopUpHeader-module__closeButton___fwcjS {
-  border-radius: 50%;
+  --size: 24px;
   width: 24px;
+  width: var(--size);
   height: 24px;
-  border: 2px solid var(--border-color-gray);
+  height: var(--size);
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: rgb(var(--semi-dark));
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
+  cursor: pointer;
 }
 
 .KIT__PopUpHeader-module__closeSvg___knY5T {
-  --size: 8px;
-  width: 8px;
+  --size: 14px;
+  width: 14px;
   width: var(--size);
-  height: 8px;
+  height: 14px;
   height: var(--size);
 }
 
@@ -1606,6 +1622,41 @@
   }
 }
 
+.KIT__Logos-module__wrapperLogo___jKLCC {
+  --width: 100px;
+  --height: calc(var(--height-48) - var(--indent-base-half));
+
+  width: 100px;
+
+  width: var(--width);
+  height: var(--height);
+}
+
+.KIT__LandingLayoutTemplate-module__wrapperLanding___DVPCk {
+  height: 100dvh;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--indent-base-double);
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: calc(var(--layout-lvl-1) + 4);
+}
+.KIT__LandingLayoutTemplate-module__wrapperLanding___DVPCk .KIT__LandingLayoutTemplate-module__content___qtSpY {
+    width: 100%;
+  }
+.KIT__LandingLayoutTemplate-module__wrapperLanding___DVPCk .KIT__LandingLayoutTemplate-module__content___qtSpY .KIT__LandingLayoutTemplate-module__textImg___fNmQl {
+      width: 100%;
+    }
+.KIT__LandingLayoutTemplate-module__wrapperLanding___DVPCk .KIT__LandingLayoutTemplate-module__content___qtSpY .KIT__LandingLayoutTemplate-module__button___qKZYV {
+      background: var(--landing-layout-template-button-background);
+      text-transform: uppercase;
+      font-weight: 700;
+    }
+
 .KIT__BannerTemplate-module__wrapperBanner___vPzec {
   height: 150px;
   background-size: cover;
@@ -1914,17 +1965,6 @@
   height: 0;
 }
 
-.KIT__Logos-module__wrapperLogo___jKLCC {
-  --width: 100px;
-  --height: calc(var(--height-48) - var(--indent-base-half));
-
-  width: 100px;
-
-  width: var(--width);
-  height: var(--height);
-}
-
-
 .KIT__Docs-module__docContent___Yf1m5 {
   width: 100%;
   padding: var(--indent-base);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-gldn-kit",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "",
   "main": "./dist/index.js",
   "keywords": [],