react-gldn-kit 0.1.19 → 0.1.21

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

@@ -40,8 +40,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrawerLayout = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var classnames_1 = __importDefault(require("classnames"));
-var styles = __importStar(require("./DrawerLayout.module.css"));
 var HOCOutsideClick_1 = require("components/HOCs/HOCOutsideClick");
+var styles = __importStar(require("./DrawerLayout.module.css"));
 var DrawerLayout = function (props) {
     var _a;
     var children = props.children, isFullView = props.isFullView, isMobile = props.isMobile, isCloseDrawer = props.isCloseDrawer, classes = props.classes, isRtl = props.isRtl, closeCallback = props.closeCallback;

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

@@ -133,6 +133,7 @@ var Alerts = function (props) {
     var oldModalType = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getNextEModalTypeSelector);
     var closeAndOpen = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.closeAndOpenModalAction);
     var additionalSettings = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalAdditionalInfoSelector);
+    console.log('🚀 ~ Alerts ~ additionalSettings:', additionalSettings);
     var prevType = (0, react_1.useRef)(null);
     var isCloseModal = modalType === types_1.EModalTypes.CloseModal && prevType.current;
     var isActiveModal = modalType !== types_1.EModalTypes.Unknown && modalType !== types_1.EModalTypes.CloseModal;
@@ -181,10 +182,8 @@ var Alerts = function (props) {
         }
     }, [modalType, oldModalType]);
     // TODO OPTIMIZE
-    return ((0, jsx_runtime_1.jsx)(ModalLayout_1.ModalLayout, __assign({ popUpHeaderProps: {
-            title: (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.title) || (0, shared_1.getModalTitle)(modalType),
-            closeButton: (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.preventClose) ? undefined : handleClose,
-        }, closeCallback: (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.preventClose) ? undefined : handleClose, classes: (0, classnames_1.default)(styles.wrapperModal, (_a = {},
+    return ((0, jsx_runtime_1.jsx)(ModalLayout_1.ModalLayout, __assign({ popUpHeaderProps: __assign({ title: !(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.bonusSignUp) &&
+                ((additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.title) || (0, shared_1.getModalTitle)(modalType)), closeButton: (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.preventClose) ? undefined : handleClose }, ((additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.popUpHeaderProps) || {})), closeCallback: (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.preventClose) ? undefined : handleClose, classes: (0, classnames_1.default)(styles.wrapperModal, (_a = {},
             // [styles.modalOpenMobileAnimation]: isActiveModal && isMobile,
             // [styles.modalCloseMobileAnimation]: isCloseModal && isMobile,
             // pass styles

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

@@ -41,13 +41,19 @@ exports.PopUpHeader = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var classnames_1 = __importDefault(require("classnames"));
 var CrossSvg_1 = require("components/ui/Icons/Base/CrossSvg");
-var styles = __importStar(require("./PopUpHeader.module.css"));
 var Text_1 = require("components/Text");
+var styles = __importStar(require("./PopUpHeader.module.css"));
+var ArrowSvg_1 = require("components/ui/Icons/ArrowSvg");
 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;
+    var title = props.title, closeButton = props.closeButton, classes = props.classes, backButton = props.backButton, _b = props.backSvg, backSvg = _b === void 0 ? (0, jsx_runtime_1.jsx)(ArrowSvg_1.ArrowSvg, {}) : _b, _c = props.transparent, transparent = _c === void 0 ? false : _c;
+    var handleBackButton = function (e) {
+        e.stopPropagation();
+        e.preventDefault();
+        backButton === null || backButton === void 0 ? void 0 : backButton();
+    };
     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: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: 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 }) })))] })));
+            _a)) }, { children: [backButton && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.closeButton, styles.left), onClick: handleBackButton }, { children: backSvg }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: 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/Inputs/CheckBox/index.js

@@ -47,6 +47,6 @@ var CheckBox = function (props) {
     var handleToggle = function () {
         onChange(!value);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.checkboxWrapper, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.checkboxWrapperBig }, { children: (0, jsx_runtime_1.jsxs)("label", __assign({ className: styles.switch }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: value, onChange: handleToggle }), (0, jsx_runtime_1.jsx)("div", { className: styles.slider })] })) })), text && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.checkboxText, classesText), onClick: handleText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: text }) })))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.checkboxWrapper, classes) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.checkboxWrapperBig, onClick: handleToggle }, { children: (0, jsx_runtime_1.jsxs)("label", __assign({ className: styles.switch }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: value }), (0, jsx_runtime_1.jsx)("div", { className: styles.slider })] })) })), text && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.checkboxText, classesText), onClick: handleText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: text }) })))] })));
 };
 exports.CheckBox = CheckBox;

package/dist/lib/components/ui/LanguageSelector/index.d.ts

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

package/dist/lib/components/ui/LanguageSelector/index.js

@@ -0,0 +1,78 @@
+"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.LanguageSelector = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var ArrowSvg_1 = require("../Icons/ArrowSvg");
+var store_1 = require("zustandStore/languages/store");
+var selectors_1 = require("zustandStore/languages/selectors");
+var types_1 = require("./types");
+var icons_1 = require("utils/icons");
+var styles = __importStar(require("./LanguageSelector.module.css"));
+var LanguageSelector = function (props) {
+    var _a, _b;
+    var languages = props.languages, handleChangeLanguage = props.handleChangeLanguage, classes = props.classes, direction = props.direction, _c = props.isShortView, isShortView = _c === void 0 ? false : _c;
+    var _d = (0, react_1.useState)(false), isOpened = _d[0], setOpen = _d[1];
+    var language = (0, store_1.useZustandLanguagesKitStore)(selectors_1.languageSelectors.getActiveLanguageNameKitSelector);
+    var toggleOpenState = function () {
+        setOpen(!isOpened);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperSelector, classes, 'KIT_LanguageSelector_wrapperSelector'), onClick: toggleOpenState }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.content, 'KIT_LanguageSelector_wrapperSelector_content', (_a = {},
+                    _a[styles.initialWidth] = isShortView,
+                    _a)) }, { children: [(0, icons_1.getFlagIcon)(language, styles.iconFlag), !isShortView && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.language }, { children: language })), (0, jsx_runtime_1.jsx)(ArrowSvg_1.ArrowSvg, { width: "8", height: "5", classes: (0, classnames_1.default)(styles.arrow, (_b = {},
+                                    _b[styles.rotate] = !isOpened,
+                                    _b), 'KIT_LanguageSelector_wrapperSelector_content_arrow') })] }))] })), isOpened && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.languages, 'KIT_LanguageSelector_wrapperSelector_languages'), style: {
+                    top: direction === types_1.EDirection.Bottom
+                        ? 'calc(100% + var(--indent-xs))'
+                        : '',
+                    bottom: direction === types_1.EDirection.Top
+                        ? 'calc(100% + var(--indent-xs))'
+                        : '',
+                } }, { children: languages.map(function (l, idx) {
+                    var _a;
+                    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.content, (_a = {},
+                            _a[styles.active] = l === language,
+                            _a.KIT_LanguageSelector_wrapperSelector_content_active = l === language,
+                            _a[styles.initialWidth] = isShortView,
+                            _a), 'KIT_LanguageSelector_wrapperSelector_content'), onClick: handleChangeLanguage(l) }, { children: [(0, icons_1.getFlagIcon)(l, styles.iconFlag), !isShortView && (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.language }, { children: l }))] }), idx));
+                }) })))] })));
+};
+exports.LanguageSelector = LanguageSelector;

package/dist/lib/components/ui/LanguageSelector/types.d.ts

@@ -0,0 +1,11 @@
+export type LanguageSelectorProps = {
+    languages: string[];
+    handleChangeLanguage: (l: string) => () => void;
+    classes?: string;
+    direction: EDirection;
+    isShortView?: boolean;
+};
+export declare enum EDirection {
+    Top = 0,
+    Bottom = 1
+}

package/dist/lib/components/ui/LanguageSelector/types.js

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

package/dist/lib/index.d.ts

@@ -28,6 +28,7 @@ import BannerTemplate from 'components/Banners/components/BannerTemplate';
 import { PromotionMobileApp } from 'components/Banners/components/PromotionMobileApp';
 export { BannerType } from 'components/Banners/types';
 import { Selector } from 'components/ui/Selector';
+import { LanguageSelector } from 'components/ui/LanguageSelector';
 import { BaseInput } from './components/ui/Inputs/BaseInput';
 import { PhoneInput } from './components/ui/Inputs/PhoneInput';
 import { BaseInputUi } from './components/ui/Inputs/BaseInput/BaseInputUi';
@@ -113,6 +114,7 @@ import { FirstBonusSvg } from 'components/ui/Icons/Bonuses/FirstBonusSvg';
 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 { 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';
@@ -216,6 +218,7 @@ import { useZustandConnectionKitStore } from './zustandStore/connection/store';
 import { wheelPromoSelectors } from 'zustandStore/wheelPromo/selectors';
 import { useZustandWheelPromoKitStore } from 'zustandStore/wheelPromo/store';
 export { EWheelState } from 'zustandStore/wheelPromo/types';
+import { EDirection } from 'components/ui/LanguageSelector/types';
 import { useTranslate } from 'hooks/useTranslate';
 import { Text } from 'components/Text';
 import { BattlesCard } from 'components/BattlesCard';
@@ -226,7 +229,7 @@ import { Leaderboard } from 'components/ui/Leaderboard';
 import Accordion from 'components/ui/AccordionGroup/Accordion';
 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, 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, 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, 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, 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 { Size, Color, EAppType } from 'types/ui';
 export { COUNTRY_MOCK } from 'constants/mock';
 import './styles/global.module.css';

package/dist/lib/index.js

@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Alerts = 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.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 = void 0;
-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.SignIn = 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 = void 0;
-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 = 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 = void 0;
-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.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 = void 0;
-exports.COUNTRY_MOCK = exports.EAppType = exports.copyToClipboard = exports.getRegistrationData = exports.getAuthorizationData = exports.sleep = exports.getCasinoCategoryIcon = 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 = void 0;
+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.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.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.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 = void 0;
+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 = 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 = void 0;
+exports.BattleBanner = 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 = void 0;
+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 = void 0;
 // Buttons
 var Buttons_1 = require("components/ui/Buttons");
 Object.defineProperty(exports, "BaseButton", { enumerable: true, get: function () { return Buttons_1.BaseButton; } });
@@ -72,6 +72,8 @@ Object.defineProperty(exports, "PromotionMobileApp", { enumerable: true, get: fu
 // Inputs
 var Selector_1 = require("components/ui/Selector");
 Object.defineProperty(exports, "Selector", { enumerable: true, get: function () { return Selector_1.Selector; } });
+var LanguageSelector_1 = require("components/ui/LanguageSelector");
+Object.defineProperty(exports, "LanguageSelector", { enumerable: true, get: function () { return LanguageSelector_1.LanguageSelector; } });
 var BaseInput_1 = require("./components/ui/Inputs/BaseInput");
 Object.defineProperty(exports, "BaseInput", { enumerable: true, get: function () { return BaseInput_1.BaseInput; } });
 var PhoneInput_1 = require("./components/ui/Inputs/PhoneInput");
@@ -251,6 +253,8 @@ var ThirdBonusSvg_1 = require("components/ui/Icons/Bonuses/ThirdBonusSvg");
 Object.defineProperty(exports, "ThirdBonusSvg", { enumerable: true, get: function () { return ThirdBonusSvg_1.ThirdBonusSvg; } });
 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; } });
 //Loyalty SVGs
 var BronzeSvg_1 = require("./components/ui/Icons/Bonuses/VipClub/BronzeSvg");
 Object.defineProperty(exports, "BronzeSvg", { enumerable: true, get: function () { return BronzeSvg_1.BronzeSvg; } });
@@ -467,6 +471,8 @@ var store_10 = require("zustandStore/wheelPromo/store");
 Object.defineProperty(exports, "useZustandWheelPromoKitStore", { enumerable: true, get: function () { return store_10.useZustandWheelPromoKitStore; } });
 var types_7 = require("zustandStore/wheelPromo/types");
 Object.defineProperty(exports, "EWheelState", { enumerable: true, get: function () { return types_7.EWheelState; } });
+var types_8 = require("components/ui/LanguageSelector/types");
+Object.defineProperty(exports, "EDirection", { enumerable: true, get: function () { return types_8.EDirection; } });
 // Hooks
 var useTranslate_1 = require("hooks/useTranslate");
 Object.defineProperty(exports, "useTranslate", { enumerable: true, get: function () { return useTranslate_1.useTranslate; } });
@@ -497,5 +503,6 @@ var ui_1 = require("types/ui");
 Object.defineProperty(exports, "EAppType", { enumerable: true, get: function () { return ui_1.EAppType; } });
 var mock_1 = require("constants/mock");
 Object.defineProperty(exports, "COUNTRY_MOCK", { enumerable: true, get: function () { return mock_1.COUNTRY_MOCK; } });
+// Icons
 require("./styles/global.module.css");
 require("react-phone-number-input/style.css");

package/dist/lib/utils/icons.d.ts

@@ -0,0 +1 @@
+export declare const getFlagIcon: (lang: string, classes?: string) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/utils/icons.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFlagIcon = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var AzeSvg_1 = require("components/ui/Icons/FlagIcons/AzeSvg");
+var BnSvg_1 = require("components/ui/Icons/FlagIcons/BnSvg");
+var BsSvg_1 = require("components/ui/Icons/FlagIcons/BsSvg");
+var DeSvg_1 = require("components/ui/Icons/FlagIcons/DeSvg");
+var EnSvg_1 = require("components/ui/Icons/FlagIcons/EnSvg");
+var EsSvg_1 = require("components/ui/Icons/FlagIcons/EsSvg");
+var FrSvg_1 = require("components/ui/Icons/FlagIcons/FrSvg");
+var HiSvg_1 = require("components/ui/Icons/FlagIcons/HiSvg");
+var ItSvg_1 = require("components/ui/Icons/FlagIcons/ItSvg");
+var KzSvg_1 = require("components/ui/Icons/FlagIcons/KzSvg");
+var NoSvg_1 = require("components/ui/Icons/FlagIcons/NoSvg");
+var PtSvg_1 = require("components/ui/Icons/FlagIcons/PtSvg");
+var RoSvg_1 = require("components/ui/Icons/FlagIcons/RoSvg");
+var RuSvg_1 = require("components/ui/Icons/FlagIcons/RuSvg");
+var TrSvg_1 = require("components/ui/Icons/FlagIcons/TrSvg");
+var UkrSvg_1 = require("components/ui/Icons/FlagIcons/UkrSvg");
+var UzSvg_1 = require("components/ui/Icons/FlagIcons/UzSvg");
+var getFlagIcon = function (lang, classes) {
+    switch (lang) {
+        case 'pt':
+            return (0, jsx_runtime_1.jsx)(PtSvg_1.PtSvg, { classes: classes });
+        case 'ro':
+            return (0, jsx_runtime_1.jsx)(RoSvg_1.RoSvg, { classes: classes });
+        case 'fr':
+            return (0, jsx_runtime_1.jsx)(FrSvg_1.FrSvg, { classes: classes });
+        case 'bs':
+            return (0, jsx_runtime_1.jsx)(BsSvg_1.BsSvg, { classes: classes });
+        case 'no':
+            return (0, jsx_runtime_1.jsx)(NoSvg_1.NoSvg, { classes: classes });
+        case 'en':
+            return (0, jsx_runtime_1.jsx)(EnSvg_1.EnSvg, { classes: classes });
+        case 'ru':
+            return (0, jsx_runtime_1.jsx)(RuSvg_1.RuSvg, { classes: classes });
+        case 'hi':
+            return (0, jsx_runtime_1.jsx)(HiSvg_1.HiSvg, { classes: classes });
+        case 'es':
+            return (0, jsx_runtime_1.jsx)(EsSvg_1.EsSvg, { classes: classes });
+        case 'tr':
+            return (0, jsx_runtime_1.jsx)(TrSvg_1.TrSvg, { classes: classes });
+        case 'ukr':
+            return (0, jsx_runtime_1.jsx)(UkrSvg_1.UkrSvg, { classes: classes });
+        case 'de':
+            return (0, jsx_runtime_1.jsx)(DeSvg_1.DeSvg, { classes: classes });
+        case 'az':
+            return (0, jsx_runtime_1.jsx)(AzeSvg_1.AzeSvg, { classes: classes });
+        case 'kz':
+            return (0, jsx_runtime_1.jsx)(KzSvg_1.KzSvg, { classes: classes });
+        case 'bn':
+            return (0, jsx_runtime_1.jsx)(BnSvg_1.BnSvg, { classes: classes });
+        case 'uz':
+            return (0, jsx_runtime_1.jsx)(UzSvg_1.UzSvg, { classes: classes });
+        case 'it':
+            return (0, jsx_runtime_1.jsx)(ItSvg_1.ItSvg, { classes: classes });
+        default:
+            break;
+    }
+};
+exports.getFlagIcon = getFlagIcon;

package/dist/lib/zustandStore/languages/constants.d.ts

@@ -1,2 +1,2 @@
 export declare const DEFAULT_LANGUAGE: string;
-export declare const LANGUAGES = "en";
+export declare const LANGUAGES = "lang";

package/dist/lib/zustandStore/languages/constants.js

@@ -11,4 +11,4 @@ exports.DEFAULT_LANGUAGE = (function () {
         return 'en';
     }
 })();
-exports.LANGUAGES = 'en';
+exports.LANGUAGES = 'lang';

package/dist/main.css

@@ -1550,7 +1550,8 @@
   display: flex;
   justify-content: center;
   height: var(--height-48);
-  padding: var(--indent-l);
+  padding: 0 var(--indent-l);
+  flex-shrink: 0;
   /* background-color: rgb(var(--dark)); */
   background-color: var(--pop-up-header);
   border-bottom: 2px solid var(--border-color-gray);
@@ -1606,6 +1607,10 @@
   left: var(--indent-l);
 }
 
+.KIT__PopUpHeader-module__left___I9Xx7 > svg {
+    transform: rotate(-90deg);
+  }
+
 .KIT__PopUpHeader-module__right___n8ZfB {
   right: var(--indent-l);
 }
@@ -2191,8 +2196,15 @@
   justify-content: center;
   width: var(--full);
   height: var(--full);
+  padding: var(--indent-l);
+  border-radius: var(--border-l);
+  overflow: hidden;
 }
 
+.KIT__Alert-module__wallet___hDe7Q > div {
+    height: 100%;
+  }
+
 @media (min-width: 768px) {
   .KIT__Alert-module__wrapperModal___lOle6 {
     display: flex;
@@ -2242,7 +2254,6 @@
     opacity: 0;
   }
 }
-
 .KIT__BannerTemplate-module__wrapperBanner___vPzec {
   height: 150px;
   background-size: cover;
@@ -2485,6 +2496,74 @@
   }
 }
 
+.KIT__LanguageSelector-module__wrapperSelector___xDyKo {
+  position: relative;
+}
+
+.KIT__LanguageSelector-module__content___nWMCf {
+  background: rgba(255, 255, 255, 0.1);
+  -webkit-backdrop-filter: blur(13.6px);
+          backdrop-filter: blur(13.6px);
+  padding: var(--indent-s);
+  display: flex;
+  align-items: center;
+  border-radius: var(--border-m);
+  gap: var(--indent-m);
+  width: 80px;
+  transition: all 0.5s;
+  will-change: background, border;
+  cursor: pointer;
+  position: relative;
+  z-index: var(--layout-lvl-1);
+}
+
+.KIT__LanguageSelector-module__content___nWMCf:hover {
+    background: rgba(255, 255, 255, 0.3);
+  }
+
+.KIT__LanguageSelector-module__content___nWMCf.KIT__LanguageSelector-module__active___N5nDQ,.KIT__LanguageSelector-module__content___nWMCf:active {
+    background: rgba(255, 255, 255, 0.4);
+  }
+
+.KIT__LanguageSelector-module__content___nWMCf.KIT__LanguageSelector-module__initialWidth___cc2YQ {
+    width: -moz-fit-content;
+    width: fit-content;
+  }
+
+.KIT__LanguageSelector-module__languages_____Vbx {
+  background-color: rgba(58, 35, 29, 1);
+  border-radius: var(--border-l);
+  padding: var(--indent-m);
+  display: flex;
+  flex-direction: column;
+  gap: var(--indent-xs);
+  position: absolute;
+  left: calc(var(--indent-m) * -1);
+  z-index: var(--layout-lvl-1);
+}
+.KIT__LanguageSelector-module__iconFlag___Dv8WU {
+  --size: 16px;
+  width: 16px;
+  width: var(--size);
+  height: 16px;
+  height: var(--size);
+}
+
+.KIT__LanguageSelector-module__language___hJ6IS {
+  text-transform: uppercase;
+  color: rgb(var(--white));
+  font-weight: 500;
+  font-size: var(--font-size-s);
+}
+
+.KIT__LanguageSelector-module__arrow___qXMlp {
+  flex-shrink: 0;
+}
+
+.KIT__LanguageSelector-module__rotate___W3LFn {
+  transform: rotate(180deg);
+}
+
 .KIT__Accordion-module__wrapperAccordion____bqbf {
   border-radius: var(--border-s);
   border: 2px solid var(--border-color-gray);

package/package.json

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