react-gldn-kit 0.1.36 → 0.1.37

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

@@ -42,12 +42,14 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var classnames_1 = __importDefault(require("classnames"));
 var CountDown_1 = require("components/ui/CountDown");
 var Buttons_1 = require("components/ui/Buttons");
+var Text_1 = require("components/Text");
+var InfoSecondSvg_1 = require("components/ui/Icons/InfoSecondSvg");
 var styles = __importStar(require("./BonusCardLayout.module.css"));
 var BonusCardLayout = function (props) {
     var _a;
-    var bonusImagePath = props.bonusImagePath, title = props.title, value = props.value, _b = props.endTimestamp, endTimestamp = _b === void 0 ? 0 : _b, description = props.description, buttonText = props.buttonText, handleClaim = props.handleClaim, counterProps = props.counterProps;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperBonusCardLayout }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.container }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.box }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.row }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: title })) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.description }, { children: description })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.row }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.value }, { children: value })) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.rowBtn }, { children: [(0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: buttonText, handleClick: handleClaim, buttonHeight: "--button-height-full", size: "--button-full", color: "primary", disabled: !+value, centreText: true, classes: (0, classnames_1.default)(styles.btn, (_a = {},
-                                    _a[styles.maxWidth] = endTimestamp,
-                                    _a)) }), !!endTimestamp && ((0, jsx_runtime_1.jsx)(CountDown_1.CountDown, __assign({}, counterProps, { endTimestamp: endTimestamp, wrapperClasses: (0, classnames_1.default)(styles.maxWidth, styles.timerBg) })))] }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.img }, { children: (0, jsx_runtime_1.jsx)("img", { src: bonusImagePath, className: styles.wrapperBonusCard }) }))] })));
+    var bonusImagePath = props.bonusImagePath, title = props.title, value = props.value, _b = props.endTimestamp, endTimestamp = _b === void 0 ? 0 : _b, description = props.description, buttonText = props.buttonText, handleClaim = props.handleClaim, counterProps = props.counterProps, categoryName = props.categoryName, currencyName = props.currencyName, _c = props.isAvailable, isAvailable = _c === void 0 ? true : _c, lockImagePath = props.lockImagePath, infoCallback = props.infoCallback;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperBonusCardLayout }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.container }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.info }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.categoryName }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: categoryName }) })), (0, jsx_runtime_1.jsx)(InfoSecondSvg_1.InfoSecondSvg, { classes: styles.infoSvg, handleClick: infoCallback })] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.box }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.row }, { 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 }) })), !!endTimestamp && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.timer }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.expiration }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "bonusCabinet.expiration" }) })), (0, jsx_runtime_1.jsx)(CountDown_1.CountDown, __assign({}, counterProps, { endTimestamp: endTimestamp, wrapperClasses: (0, classnames_1.default)(styles.maxWidth, styles.timerBg), type: "row", timeBlockClasses: styles.timeBlock }))] }))), value && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.row }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.value }, { children: [currencyName, value] })) })))] }))] })) })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: buttonText, handleClick: handleClaim, buttonHeight: "--button-height-full", size: "--button-full", color: "primary", disabled: !+value, centreText: true, classes: (0, classnames_1.default)(styles.btn, (_a = {},
+                    _a[styles.dark] = !+value,
+                    _a)) }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.img }, { children: (0, jsx_runtime_1.jsx)("img", { src: bonusImagePath, className: styles.wrapperBonusCard }) })), !isAvailable && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.blockedContent }, { children: [(0, jsx_runtime_1.jsx)("img", { src: lockImagePath, className: styles.lock }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.blockedText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "bonusCabinet.availableFrom" }) }))] })))] })));
 };
 exports.BonusCardLayout = BonusCardLayout;

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

@@ -8,4 +8,9 @@ export type BonusCardLayoutProps = {
     endTimestamp?: number;
     handleClaim: () => void;
     counterProps: CountDownProps;
+    categoryName: string;
+    currencyName?: string;
+    isAvailable?: boolean;
+    lockImagePath: string;
+    infoCallback?: () => void;
 };

package/dist/lib/components/Modals/Alert/index.js

@@ -126,9 +126,9 @@ var SetNewPassword = (0, react_1.lazy)(function () { return __awaiter(void 0, vo
 var styles = __importStar(require("./Alert.module.css"));
 var shared_1 = require("utils/shared");
 var Alerts = function (props) {
-    var _a;
+    var _a, _b;
     var getComponentFn = props.getComponentFn, controllers = props.controllers, hooks = props.hooks;
-    var _b = ((controllers === null || controllers === void 0 ? void 0 : controllers()) || {}).sendCommand, sendCommand = _b === void 0 ? console.info : _b;
+    var _c = ((controllers === null || controllers === void 0 ? void 0 : controllers()) || {}).sendCommand, sendCommand = _c === void 0 ? console.info : _c;
     var modalType = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalTypeSelector);
     var oldModalType = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getNextEModalTypeSelector);
     var closeAndOpen = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.closeAndOpenModalAction);
@@ -191,6 +191,8 @@ var Alerts = function (props) {
             // [styles.modalCloseDesktopAnimation]: isCloseModal && !isMobile,
             _a[styles.animationFadeIn] = isActiveModal,
             _a[styles.animationFadeOutModal] = isCloseModal,
-            _a)), modalLayoutClasses: additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.classes }, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, __assign({ fallback: (0, jsx_runtime_1.jsx)("div", __assign({ className: "full center" }, { children: "LOADING" })) }, { children: getModalComponent() })) })));
+            _a)), modalLayoutClasses: (0, classnames_1.default)(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.classes, (_b = {},
+            _b[styles.fullHeight] = modalType === types_1.EModalTypes.Bonuses,
+            _b)) }, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, __assign({ fallback: (0, jsx_runtime_1.jsx)("div", __assign({ className: "full center" }, { children: "LOADING" })) }, { children: getModalComponent() })) })));
 };
 exports.Alerts = Alerts;

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

@@ -8,6 +8,7 @@ type Props = {
     disabledDots?: boolean;
     handleClick?: (inx: number) => void;
     setOpenState?: () => void;
+    itemTextClasses?: 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;
+    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 _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: styles.itemRow }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: text }) }), inx)); }) })))] })));
+                            _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)); }) })))] })));
 };
 exports.default = Accordion;

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

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

package/dist/lib/components/ui/Icons/InfoSecondSvg.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.InfoSecondSvg = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var InfoSecondSvg = function (props) {
+    var _a = props.width, width = _a === void 0 ? '20' : _a, _b = props.height, height = _b === void 0 ? '20' : _b, classes = props.classes, handleClick = props.handleClick;
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: width, height: height, viewBox: "0 0 24 24", fill: "none", className: classes, onClick: handleClick }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M11 17H13V11H11V17ZM12 9C12.2833 9 12.521 8.904 12.713 8.712C12.905 8.52 13.0007 8.28267 13 8C12.9993 7.71733 12.9033 7.48 12.712 7.288C12.5207 7.096 12.2833 7 12 7C11.7167 7 11.4793 7.096 11.288 7.288C11.0967 7.48 11.0007 7.71733 11 8C10.9993 8.28267 11.0953 8.52033 11.288 8.713C11.4807 8.90567 11.718 9.00133 12 9ZM12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88334 20.6867 5.825 19.9743 4.925 19.075C4.025 18.1757 3.31267 17.1173 2.788 15.9C2.26333 14.6827 2.00067 13.3827 2 12C1.99933 10.6173 2.262 9.31733 2.788 8.1C3.314 6.88267 4.02633 5.82433 4.925 4.925C5.82367 4.02567 6.882 3.31333 8.1 2.788C9.318 2.26267 10.618 2 12 2C13.382 2 14.682 2.26267 15.9 2.788C17.118 3.31333 18.1763 4.02567 19.075 4.925C19.9737 5.82433 20.6863 6.88267 21.213 8.1C21.7397 9.31733 22.002 10.6173 22 12C21.998 13.3827 21.7353 14.6827 21.212 15.9C20.6887 17.1173 19.9763 18.1757 19.075 19.075C18.1737 19.9743 17.1153 20.687 15.9 21.213C14.6847 21.739 13.3847 22.0013 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z", fill: "var(--bonus-card-info-svg-fill)" }) })));
+};
+exports.InfoSecondSvg = InfoSecondSvg;

package/dist/lib/constants/translates.js

@@ -9,48 +9,48 @@ exports.DICTIONARY = {
         title: 'header.join',
     },
     credentials: {
-        title: 'credentials.title'
+        title: 'credentials.title',
     },
     lostPassword: {
-        title: 'authorization.lostPasswordBtn'
+        title: 'authorization.lostPasswordBtn',
     },
     setNewPassword: {
-        title: 'profile.content.myAccount.form.setNewPassword'
+        title: 'profile.content.myAccount.form.setNewPassword',
     },
     languages: {
-        title: 'languages'
+        title: 'languages',
     },
     casinoProviders: {
-        title: 'filterByProviders'
+        title: 'filterByProviders',
     },
     casinoFavorite: {
-        title: 'favorites'
+        title: 'favorites',
     },
     bonuses: {
-        title: 'drawers.casino.bonuses'
+        title: 'bonusCabinet.title',
     },
     calendar: {
-        title: 'calendar'
+        title: 'calendar',
     },
     referralCopyContent: {
-        title: 'referral.shareModal.title'
+        title: 'referral.shareModal.title',
     },
     referralWithdraw: {
-        title: 'referral.withdrawModal.title'
+        title: 'referral.withdrawModal.title',
     },
     referralFailure: {
-        title: 'referral.failureModal.title'
+        title: 'referral.failureModal.title',
     },
     referralSuccess: {
-        title: 'referral.successModal.title'
+        title: 'referral.successModal.title',
     },
     promoCodeActivate: {
-        title: 'promoCodePage.promoCodeActivatedTitle'
+        title: 'promoCodePage.promoCodeActivatedTitle',
     },
     cancelBonus: {
-        title: 'bonusCabinet.cancelBonus.title'
+        title: 'bonusCabinet.cancelBonus.title',
     },
     claimConfirmation: {
-        title: 'bonusCabinet.cancelBonus.title'
-    }
+        title: 'bonusCabinet.cancelBonus.title',
+    },
 };

package/dist/lib/index.d.ts

@@ -116,6 +116,7 @@ import { SecondBonusSvg } from 'components/ui/Icons/Bonuses/SecondBonusSvg';
 import { ThirdBonusSvg } from 'components/ui/Icons/Bonuses/ThirdBonusSvg';
 import { VipClubSvg } from 'components/ui/Icons/Bonuses/VipClubSvg';
 export { CheckBoxSvg } from 'components/ui/Icons/CheckBoxSvg';
+import { InfoSecondSvg } from 'components/ui/Icons/InfoSecondSvg';
 import { BronzeSvg } from './components/ui/Icons/Bonuses/VipClub/BronzeSvg';
 import { SilverSvg } from 'components/ui/Icons/Bonuses/VipClub/SilverSvg';
 import { DiamondSvg } from 'components/ui/Icons/Bonuses/VipClub/DiamondSvg';
@@ -228,9 +229,10 @@ 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';
+import AccordionGroup from 'components/ui/AccordionGroup';
 import { copyToClipboard, sleep } from 'utils/shared';
 import { getAuthorizationData, getRegistrationData } from 'zustandStore/forms/signUp/utils';
-export { Logo, BaseButton, CloseButton, DrawerButton, AppSwitcher, CasinoCategoryButton, CasinoSubCategoriesButton, ProviderNameButton, DepositButton, ShowAllCard, BaseInput, BaseInputUi, PhoneInput, CheckBox, EmailInput, PasswordInput, JivoChatButton, JivoChatButtonProps, PaymentsMethods, PaymentMethodProps, EActiveMethodTab, DepositSkelet, DepositSkeletProps, DepositQrFormProps, PopUpHeader, Footer, Tabs, MainLoader, CircularLoader, HOCImageLoader, HOCOutsideClick, HOCErrorBoundary, HOCRequestLoader, useHookFabric, useElementResize, useOnClickOutside, useCountDown, useTranslate, useInView, JackpotWidget, JackPotInfoBox, Wheel, Scratch, TournamentCard, ReferralTable, ReferralTableProps, Pagination, ModalLayout, Alerts, BonusCardLayout, DrawerLayout, LandingLayoutTemplate, PortalLayout, CountDown, LastBigWinners, Banners, BannerTemplate, PromotionMobileApp, OneClick, DocsCheckBox, CurrencySelector, CountrySelector, RegistrationPromoCode, SignUp, EmailSignUp, PhoneSignUp, Selector, LanguageSelector, SignIn, 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, Notifications, NavTournamentSvg, NavReferralSvg, NavMyBetsSvg, NavCasinoSvg, NavBonusesSvg, NavBettingLiveSvg, NavBettingSvg, BattlesCard, Step, Section, BattleBanner, Leaderboard, Accordion, useZustandLanguagesKitStore, languageSelectors, Text, useZustandNotificationKitStore, notificationKitSelectors, useZustandModalKitStore, zustandModalKitSelector, useZustandDeviceKitStore, zustandDeviceKitSelector, useZustandRegistrationKitStore, zustandRegistrationKitSelector, useZustandSignInKitStore, zustandSignInKitSelectors, useZustandRequestKitStore, requestSelectors, useZustandCasinoGamesKitStore, gamesSelectors, useZustandConnectionKitStore, connectionSelectors, useZustandWheelPromoKitStore, wheelPromoSelectors, EDirection, getCasinoCategoryIcon, sleep, getAuthorizationData, getRegistrationData, copyToClipboard, };
+export { Logo, BaseButton, CloseButton, DrawerButton, AppSwitcher, CasinoCategoryButton, CasinoSubCategoriesButton, ProviderNameButton, DepositButton, ShowAllCard, BaseInput, BaseInputUi, PhoneInput, CheckBox, EmailInput, PasswordInput, JivoChatButton, JivoChatButtonProps, PaymentsMethods, PaymentMethodProps, EActiveMethodTab, DepositSkelet, DepositSkeletProps, DepositQrFormProps, PopUpHeader, Footer, Tabs, MainLoader, CircularLoader, HOCImageLoader, HOCOutsideClick, HOCErrorBoundary, HOCRequestLoader, useHookFabric, useElementResize, useOnClickOutside, useCountDown, useTranslate, useInView, JackpotWidget, JackPotInfoBox, Wheel, Scratch, TournamentCard, ReferralTable, ReferralTableProps, Pagination, ModalLayout, Alerts, BonusCardLayout, DrawerLayout, LandingLayoutTemplate, PortalLayout, CountDown, LastBigWinners, Banners, BannerTemplate, PromotionMobileApp, OneClick, DocsCheckBox, CurrencySelector, CountrySelector, RegistrationPromoCode, SignUp, EmailSignUp, PhoneSignUp, Selector, LanguageSelector, SignIn, 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, InfoSecondSvg, 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, Notifications, NavTournamentSvg, NavReferralSvg, NavMyBetsSvg, NavCasinoSvg, NavBonusesSvg, NavBettingLiveSvg, NavBettingSvg, BattlesCard, Step, Section, BattleBanner, Leaderboard, Accordion, AccordionGroup, useZustandLanguagesKitStore, languageSelectors, Text, useZustandNotificationKitStore, notificationKitSelectors, useZustandModalKitStore, zustandModalKitSelector, useZustandDeviceKitStore, zustandDeviceKitSelector, useZustandRegistrationKitStore, zustandRegistrationKitSelector, useZustandSignInKitStore, zustandSignInKitSelectors, useZustandRequestKitStore, requestSelectors, useZustandCasinoGamesKitStore, gamesSelectors, useZustandConnectionKitStore, connectionSelectors, useZustandWheelPromoKitStore, wheelPromoSelectors, EDirection, getCasinoCategoryIcon, sleep, getAuthorizationData, getRegistrationData, copyToClipboard, };
 export { Size, Color, EAppType } from 'types/ui';
 export { COUNTRY_MOCK } from 'constants/mock';
 export { REFERRAL_KEY, REFERRAL_CODE, } from 'components/SignUp/PromoCode/constants';

package/dist/lib/index.js

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 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.useHookFabric = exports.HOCRequestLoader = 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.PasswordInput = exports.EmailInput = exports.CheckBox = exports.PhoneInput = exports.BaseInputUi = exports.BaseInput = exports.ShowAllCard = exports.DepositButton = exports.ProviderNameButton = exports.CasinoSubCategoriesButton = exports.CasinoCategoryButton = exports.AppSwitcher = exports.DrawerButton = exports.CloseButton = exports.BaseButton = exports.Logo = exports.EWheelState = exports.EModalTypes = exports.ENotificationType = exports.EAuthFormType = exports.ERegistrationForm = exports.handleDeviceDetection = exports.EDeviceType = exports.CheckBoxSvg = void 0;
 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.SignIn = exports.LanguageSelector = exports.Selector = exports.PhoneSignUp = exports.EmailSignUp = exports.SignUp = exports.RegistrationPromoCode = exports.CountrySelector = exports.CurrencySelector = exports.DocsCheckBox = exports.OneClick = exports.PromotionMobileApp = exports.BannerTemplate = exports.Banners = exports.LastBigWinners = exports.CountDown = exports.PortalLayout = exports.LandingLayoutTemplate = exports.DrawerLayout = exports.BonusCardLayout = exports.Alerts = exports.ModalLayout = void 0;
-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 = 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 = void 0;
-exports.Section = exports.Step = exports.BattlesCard = exports.NavBettingSvg = exports.NavBettingLiveSvg = exports.NavBonusesSvg = exports.NavCasinoSvg = exports.NavMyBetsSvg = exports.NavReferralSvg = exports.NavTournamentSvg = exports.Notifications = 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 = 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 = void 0;
-exports.REFERRAL_CODE = exports.REFERRAL_KEY = exports.COUNTRY_MOCK = exports.EAppType = exports.copyToClipboard = exports.getRegistrationData = exports.getAuthorizationData = exports.sleep = exports.getCasinoCategoryIcon = exports.EDirection = exports.wheelPromoSelectors = exports.useZustandWheelPromoKitStore = exports.connectionSelectors = exports.useZustandConnectionKitStore = exports.gamesSelectors = exports.useZustandCasinoGamesKitStore = exports.requestSelectors = exports.useZustandRequestKitStore = exports.zustandSignInKitSelectors = exports.useZustandSignInKitStore = exports.zustandRegistrationKitSelector = exports.useZustandRegistrationKitStore = exports.zustandDeviceKitSelector = exports.useZustandDeviceKitStore = exports.zustandModalKitSelector = exports.useZustandModalKitStore = exports.notificationKitSelectors = exports.useZustandNotificationKitStore = exports.Text = exports.languageSelectors = exports.useZustandLanguagesKitStore = exports.Accordion = exports.Leaderboard = exports.BattleBanner = void 0;
+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.InfoSecondSvg = exports.VipClubSvg = 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 = void 0;
+exports.Step = exports.BattlesCard = exports.NavBettingSvg = exports.NavBettingLiveSvg = exports.NavBonusesSvg = exports.NavCasinoSvg = exports.NavMyBetsSvg = exports.NavReferralSvg = exports.NavTournamentSvg = exports.Notifications = 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 = 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 = void 0;
+exports.REFERRAL_CODE = exports.REFERRAL_KEY = exports.COUNTRY_MOCK = exports.EAppType = exports.copyToClipboard = exports.getRegistrationData = exports.getAuthorizationData = exports.sleep = exports.getCasinoCategoryIcon = exports.EDirection = exports.wheelPromoSelectors = exports.useZustandWheelPromoKitStore = exports.connectionSelectors = exports.useZustandConnectionKitStore = exports.gamesSelectors = exports.useZustandCasinoGamesKitStore = exports.requestSelectors = exports.useZustandRequestKitStore = exports.zustandSignInKitSelectors = exports.useZustandSignInKitStore = exports.zustandRegistrationKitSelector = exports.useZustandRegistrationKitStore = exports.zustandDeviceKitSelector = exports.useZustandDeviceKitStore = exports.zustandModalKitSelector = exports.useZustandModalKitStore = exports.notificationKitSelectors = exports.useZustandNotificationKitStore = exports.Text = exports.languageSelectors = exports.useZustandLanguagesKitStore = exports.AccordionGroup = exports.Accordion = exports.Leaderboard = exports.BattleBanner = exports.Section = void 0;
 // Buttons
 var Buttons_1 = require("components/ui/Buttons");
 Object.defineProperty(exports, "BaseButton", { enumerable: true, get: function () { return Buttons_1.BaseButton; } });
@@ -257,6 +257,8 @@ var VipClubSvg_1 = require("components/ui/Icons/Bonuses/VipClubSvg");
 Object.defineProperty(exports, "VipClubSvg", { enumerable: true, get: function () { return VipClubSvg_1.VipClubSvg; } });
 var CheckBoxSvg_1 = require("components/ui/Icons/CheckBoxSvg");
 Object.defineProperty(exports, "CheckBoxSvg", { enumerable: true, get: function () { return CheckBoxSvg_1.CheckBoxSvg; } });
+var InfoSecondSvg_1 = require("components/ui/Icons/InfoSecondSvg");
+Object.defineProperty(exports, "InfoSecondSvg", { enumerable: true, get: function () { return InfoSecondSvg_1.InfoSecondSvg; } });
 //Loyalty SVGs
 var BronzeSvg_1 = require("./components/ui/Icons/Bonuses/VipClub/BronzeSvg");
 Object.defineProperty(exports, "BronzeSvg", { enumerable: true, get: function () { return BronzeSvg_1.BronzeSvg; } });
@@ -494,6 +496,8 @@ Object.defineProperty(exports, "Leaderboard", { enumerable: true, get: function
 // Accordion
 var Accordion_1 = __importDefault(require("components/ui/AccordionGroup/Accordion"));
 exports.Accordion = Accordion_1.default;
+var AccordionGroup_1 = __importDefault(require("components/ui/AccordionGroup"));
+exports.AccordionGroup = AccordionGroup_1.default;
 // Utils
 var shared_1 = require("utils/shared");
 Object.defineProperty(exports, "copyToClipboard", { enumerable: true, get: function () { return shared_1.copyToClipboard; } });

package/dist/lib/zustandStore/alerts/modal/types.d.ts

@@ -27,34 +27,35 @@ export declare enum EModalTypes {
     CasinoFavorite = 16,
     BonusPack = 17,
     Bonuses = 18,
-    BettingTransaction = 19,
-    TransactionDetails = 20,
-    TransactionFilters = 21,
-    ShortStories = 22,
-    Calendar = 23,
-    ReferralCopyContent = 24,
-    ReferralWithdraw = 25,
-    ReferralFailure = 26,
-    ReferralSuccess = 27,
-    Wheel = 28,
-    JackpotInfo = 29,
-    JackpotsRules = 30,
-    LootBoxGame = 31,
-    Hamster = 32,
-    Avatars = 33,
-    KGamesDaily = 34,
-    PromoCode = 35,
-    PromoCodeActivate = 36,
-    Prize = 37,
-    CricketPrize = 38,
-    CricketThrowAgain = 39,
-    MoneyComingPrize = 40,
-    CancelBonus = 41,
-    ClaimConfirmation = 42,
-    InstaShorts = 43,
-    AviatrixBonusOnDep = 44,
-    AviatrixSpins = 45,
-    LandingBonus = 46,
-    ChickenBonus = 47
+    BonusInfo = 19,
+    BettingTransaction = 20,
+    TransactionDetails = 21,
+    TransactionFilters = 22,
+    ShortStories = 23,
+    Calendar = 24,
+    ReferralCopyContent = 25,
+    ReferralWithdraw = 26,
+    ReferralFailure = 27,
+    ReferralSuccess = 28,
+    Wheel = 29,
+    JackpotInfo = 30,
+    JackpotsRules = 31,
+    LootBoxGame = 32,
+    Hamster = 33,
+    Avatars = 34,
+    KGamesDaily = 35,
+    PromoCode = 36,
+    PromoCodeActivate = 37,
+    Prize = 38,
+    CricketPrize = 39,
+    CricketThrowAgain = 40,
+    MoneyComingPrize = 41,
+    CancelBonus = 42,
+    ClaimConfirmation = 43,
+    InstaShorts = 44,
+    AviatrixBonusOnDep = 45,
+    AviatrixSpins = 46,
+    LandingBonus = 47,
+    ChickenBonus = 48
 }
 export {};

package/dist/lib/zustandStore/alerts/modal/types.js

@@ -25,38 +25,39 @@ var EModalTypes;
     EModalTypes[EModalTypes["CasinoFavorite"] = 16] = "CasinoFavorite";
     EModalTypes[EModalTypes["BonusPack"] = 17] = "BonusPack";
     EModalTypes[EModalTypes["Bonuses"] = 18] = "Bonuses";
-    EModalTypes[EModalTypes["BettingTransaction"] = 19] = "BettingTransaction";
-    EModalTypes[EModalTypes["TransactionDetails"] = 20] = "TransactionDetails";
-    EModalTypes[EModalTypes["TransactionFilters"] = 21] = "TransactionFilters";
-    EModalTypes[EModalTypes["ShortStories"] = 22] = "ShortStories";
+    EModalTypes[EModalTypes["BonusInfo"] = 19] = "BonusInfo";
+    EModalTypes[EModalTypes["BettingTransaction"] = 20] = "BettingTransaction";
+    EModalTypes[EModalTypes["TransactionDetails"] = 21] = "TransactionDetails";
+    EModalTypes[EModalTypes["TransactionFilters"] = 22] = "TransactionFilters";
+    EModalTypes[EModalTypes["ShortStories"] = 23] = "ShortStories";
     // Filters
-    EModalTypes[EModalTypes["Calendar"] = 23] = "Calendar";
+    EModalTypes[EModalTypes["Calendar"] = 24] = "Calendar";
     // Referrals
-    EModalTypes[EModalTypes["ReferralCopyContent"] = 24] = "ReferralCopyContent";
-    EModalTypes[EModalTypes["ReferralWithdraw"] = 25] = "ReferralWithdraw";
-    EModalTypes[EModalTypes["ReferralFailure"] = 26] = "ReferralFailure";
-    EModalTypes[EModalTypes["ReferralSuccess"] = 27] = "ReferralSuccess";
-    EModalTypes[EModalTypes["Wheel"] = 28] = "Wheel";
-    EModalTypes[EModalTypes["JackpotInfo"] = 29] = "JackpotInfo";
-    EModalTypes[EModalTypes["JackpotsRules"] = 30] = "JackpotsRules";
-    EModalTypes[EModalTypes["LootBoxGame"] = 31] = "LootBoxGame";
-    EModalTypes[EModalTypes["Hamster"] = 32] = "Hamster";
-    EModalTypes[EModalTypes["Avatars"] = 33] = "Avatars";
-    EModalTypes[EModalTypes["KGamesDaily"] = 34] = "KGamesDaily";
-    EModalTypes[EModalTypes["PromoCode"] = 35] = "PromoCode";
-    EModalTypes[EModalTypes["PromoCodeActivate"] = 36] = "PromoCodeActivate";
-    EModalTypes[EModalTypes["Prize"] = 37] = "Prize";
-    EModalTypes[EModalTypes["CricketPrize"] = 38] = "CricketPrize";
-    EModalTypes[EModalTypes["CricketThrowAgain"] = 39] = "CricketThrowAgain";
-    EModalTypes[EModalTypes["MoneyComingPrize"] = 40] = "MoneyComingPrize";
-    EModalTypes[EModalTypes["CancelBonus"] = 41] = "CancelBonus";
+    EModalTypes[EModalTypes["ReferralCopyContent"] = 25] = "ReferralCopyContent";
+    EModalTypes[EModalTypes["ReferralWithdraw"] = 26] = "ReferralWithdraw";
+    EModalTypes[EModalTypes["ReferralFailure"] = 27] = "ReferralFailure";
+    EModalTypes[EModalTypes["ReferralSuccess"] = 28] = "ReferralSuccess";
+    EModalTypes[EModalTypes["Wheel"] = 29] = "Wheel";
+    EModalTypes[EModalTypes["JackpotInfo"] = 30] = "JackpotInfo";
+    EModalTypes[EModalTypes["JackpotsRules"] = 31] = "JackpotsRules";
+    EModalTypes[EModalTypes["LootBoxGame"] = 32] = "LootBoxGame";
+    EModalTypes[EModalTypes["Hamster"] = 33] = "Hamster";
+    EModalTypes[EModalTypes["Avatars"] = 34] = "Avatars";
+    EModalTypes[EModalTypes["KGamesDaily"] = 35] = "KGamesDaily";
+    EModalTypes[EModalTypes["PromoCode"] = 36] = "PromoCode";
+    EModalTypes[EModalTypes["PromoCodeActivate"] = 37] = "PromoCodeActivate";
+    EModalTypes[EModalTypes["Prize"] = 38] = "Prize";
+    EModalTypes[EModalTypes["CricketPrize"] = 39] = "CricketPrize";
+    EModalTypes[EModalTypes["CricketThrowAgain"] = 40] = "CricketThrowAgain";
+    EModalTypes[EModalTypes["MoneyComingPrize"] = 41] = "MoneyComingPrize";
+    EModalTypes[EModalTypes["CancelBonus"] = 42] = "CancelBonus";
     // Confirm bonus cancel or claim
-    EModalTypes[EModalTypes["ClaimConfirmation"] = 42] = "ClaimConfirmation";
+    EModalTypes[EModalTypes["ClaimConfirmation"] = 43] = "ClaimConfirmation";
     // EXPERIMANTALS
-    EModalTypes[EModalTypes["InstaShorts"] = 43] = "InstaShorts";
+    EModalTypes[EModalTypes["InstaShorts"] = 44] = "InstaShorts";
     // Landing
-    EModalTypes[EModalTypes["AviatrixBonusOnDep"] = 44] = "AviatrixBonusOnDep";
-    EModalTypes[EModalTypes["AviatrixSpins"] = 45] = "AviatrixSpins";
-    EModalTypes[EModalTypes["LandingBonus"] = 46] = "LandingBonus";
-    EModalTypes[EModalTypes["ChickenBonus"] = 47] = "ChickenBonus";
+    EModalTypes[EModalTypes["AviatrixBonusOnDep"] = 45] = "AviatrixBonusOnDep";
+    EModalTypes[EModalTypes["AviatrixSpins"] = 46] = "AviatrixSpins";
+    EModalTypes[EModalTypes["LandingBonus"] = 47] = "LandingBonus";
+    EModalTypes[EModalTypes["ChickenBonus"] = 48] = "ChickenBonus";
 })(EModalTypes = exports.EModalTypes || (exports.EModalTypes = {}));

package/dist/main.css

@@ -1739,7 +1739,7 @@
 }
 
 .KIT__CountDown-module__row___Pg1OZ {
-  color: rgba(245, 187, 37, 1);
+  color: var(--count-down-row-color);
   margin-bottom: 0;
   margin-bottom: initial;
 }
@@ -1794,14 +1794,18 @@
 .KIT__BonusCardLayout-module__wrapperBonusCardLayout___klMSg {
   position: relative;
   width: 100%;
-  min-height: 200px;
-  max-height: 250px;
-  min-width: 300px;
-  padding: var(--indent-l);
+  height: 100%;
+  min-height: 220px;
+  min-width: 280px;
+  padding: var(--indent-m);
   overflow: hidden;
-  border-radius: 14px;
+  border-radius: var(--border-m);
   background: var(--background-bonus-card);
   border: 2px solid var(--border-color-gray);
+
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
 
 .KIT__BonusCardLayout-module__dots___RfsaQ {
@@ -1818,14 +1822,12 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 8px;
 }
 
 .KIT__BonusCardLayout-module__title___BStV1 {
-  font-size: 14px;
+  font-size: var(--font-size-m);
   color: var(--bonus-card-layout-title-color);
   font-weight: 700;
-  margin-bottom: 4px;
 }
 
 .KIT__BonusCardLayout-module__detail___rwO1z {
@@ -1836,9 +1838,7 @@
 .KIT__BonusCardLayout-module__description___kuXoe {
   width: 50%;
   color: var(--bonus-card-layout-description-color);
-  opacity: 0.5;
-  font-size: 12px;
-  margin-bottom: 8px;
+  font-size: var(--font-size-xs);
 }
 
 .KIT__BonusCardLayout-module__container___xL3D6 {
@@ -1853,6 +1853,18 @@
   overflow: hidden;
 }
 
+.KIT__BonusCardLayout-module__box___yluAY {
+  display: flex;
+  flex-direction: column;
+  gap: var(--indent-xs);
+}
+
+.KIT__BonusCardLayout-module__info___ZfGYp {
+  display: flex;
+  flex-direction: column;
+  gap: var(--indent-s);
+}
+
 .KIT__BonusCardLayout-module__contentRow___lWV13 {
   display: flex;
   height: 100%;
@@ -1862,7 +1874,7 @@
 .KIT__BonusCardLayout-module__img___D7ZA2 {
   position: absolute;
   top: 0%;
-  right: 0;
+  right: -5%;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
@@ -1871,17 +1883,27 @@
 }
 
 .KIT__BonusCardLayout-module__value___ab83F {
-  font-size: 18px;
+  font-size: var(--font-size-xxl);
   color: var(--bonus-card-layout-value-color);
-  font-weight: bold;
+  font-weight: 700;
 }
 
 .KIT__BonusCardLayout-module__btn___r4YOm {
+  --button-height: 32px;
+  min-height: 32px;
+  min-height: var(--button-height);
+  max-height: 32px;
+  max-height: var(--button-height);
+  height: 32px;
+  height: var(--button-height);
   position: relative;
   z-index: calc(var(--layout-lvl-1) + 2);
+  border-radius: var(--border-s);
+  font-size: var(--font-size-s);
+  font-weight: 500;
 }
 
-.KIT__BonusCardLayout-module__rowBtn___QDOht {
+.KIT__BonusCardLayout-module__row___B4YuW {
   display: flex;
   width: 100%;
   justify-content: space-between;
@@ -1907,12 +1929,69 @@
   height: 100%;
 }
 
+.KIT__BonusCardLayout-module__categoryName___OcOQd {
+  font-size: var(--font-size-xxs);
+  color: var(--bonus-card-layout-category-color);
+  border: var(--bonus-card-layout-category-border);
+  padding: calc(var(--indent-xs) / 2) var(--indent-m);
+  border-radius: var(--border-m);
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
+.KIT__BonusCardLayout-module__timer___asIZ9 {
+  display: flex;
+  align-items: center;
+  gap: var(--indent-xs);
+}
+
+.KIT__BonusCardLayout-module__expiration___zSHk7 {
+  color: var(--bonus-card-layout-expiration-color);
+  font-size: var(--font-size-xs);
+}
+
+.KIT__BonusCardLayout-module__timeBlock___vyoL3 {
+  font-size: var(--font-size-xs);
+}
+
+.KIT__BonusCardLayout-module__infoSvg___GMblf {
+  cursor: pointer;
+}
+
+.KIT__BonusCardLayout-module__dark___mmsxr {
+  color: var(--bonus-card-layout-dark-button-color);
+  background: var(--bonus-card-layout-dark-button-background-color);
+  border: var(--bonus-card-layout-dark-button-border);
+  opacity: 1;
+}
+
+.KIT__BonusCardLayout-module__blockedContent___wynw2 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  background-color: var(--bonus-cabinet-blocked-bonus-background);
+  width: 100%;
+  height: 100%;
+  z-index: calc(var(--layout-lvl-1) + 2);
+  gap: var(--indent-s);
+  -webkit-backdrop-filter: blur(10px);
+          backdrop-filter: blur(10px);
+  border-radius: var(--border-m);
+}
+
+.KIT__BonusCardLayout-module__blockedText___gNZbl {
+  color: var(--bonus-card-layout-blocked-text-color);
+  font-weight: 700;
+  text-align: center;
+}
+
 @media (min-width: 1024px) {
   .KIT__BonusCardLayout-module__wrapperBonusCardLayout___klMSg {
-    width: auto;
-    width: initial;
-    min-width: 0;
-    min-width: initial;
+    width: 336px;
   }
 }
 
@@ -2188,6 +2267,10 @@
     border-radius: var(--indent-l);
   }
 
+.KIT__Alert-module__fullHeight___XrorH {
+  max-height: 100%;
+}
+
 @media (min-width: 768px) {
   .KIT__Alert-module__wrapperModal___lOle6 {
     display: flex;

package/package.json

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