react-gldn-kit 0.1.176 → 0.1.177

package/dist/lib/components/Profile/AssignEmail/index.js

@@ -49,17 +49,17 @@ var Buttons_1 = require("components/ui/Buttons");
 var store_1 = require("zustandStore/alerts/modal/store");
 var selectors_1 = require("zustandStore/alerts/modal/selectors");
 var types_2 = require("zustandStore/alerts/modal/types");
-var styles = __importStar(require("./AssignEmail.module.css"));
 var types_3 = require("./types");
 var useHookFabric_1 = require("hooks/useHookFabric");
 var ModalContext_1 = require("context/logic/ModalContext");
+var styles = __importStar(require("./AssignEmail.module.css"));
 var DEFAULT_VALUE = {
     value: '',
     errorText: '',
 };
 // TODO: Props
 var AssignEmail = function (props) {
-    var sendCommand = props.sendCommand, updateUserInfo = props.updateUserInfo, status = props.status, setStatus = props.setStatus, classes = props.classes, resetFormType = props.resetFormType, _a = props.initialEmail, initialEmail = _a === void 0 ? '' : _a;
+    var sendCommand = props.sendCommand, updateUserInfo = props.updateUserInfo, status = props.status, setStatus = props.setStatus, classes = props.classes, resetFormType = props.resetFormType, _a = props.initialEmail, initialEmail = _a === void 0 ? '' : _a, inputLabelType = props.inputLabelType;
     var useProfileInfoController = (0, ModalContext_1.useHookProvider)().useProfileInfoController;
     var _b = (0, react_1.useState)(!!initialEmail), isAllowed = _b[0], setAllow = _b[1];
     var _c = (0, react_1.useState)(initialEmail || ''), email = _c[0], setEmail = _c[1];
@@ -68,7 +68,7 @@ var AssignEmail = function (props) {
     var setModal = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.closeAndOpenModalAction);
     var _e = (0, useHookFabric_1.useHookFabric)({
         fn: useProfileInfoController,
-    }), handleConfirmEmailByCode = _e.handleConfirmEmailByCode, confirmEmailByCodeStatus = _e.confirmEmailByCodeStatus;
+    }), handleConfirmEmailByCode = _e.handleConfirmEmailByCode, confirmEmailByCodeStatus = _e.confirmEmailByCodeStatus, confirmStatus = _e.confirmStatus;
     var handleAllowInputCode = function () {
         setAllow(true);
     };
@@ -106,8 +106,6 @@ var AssignEmail = function (props) {
             });
         }
     }, [status, resetFormType, email, confirmEmailByCodeStatus]);
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperEmail, classes) }, { children: [(0, jsx_runtime_1.jsx)(EmailInput_1.EmailInput, { size: "full", onChange: setEmail, callbackFn: handleAllowInputCode, classesWrapper: styles.wrapperEmailInput, placeholder: "profile.content.myAccount.form.enterEmail", requestId: types_1.ERequestIds.UpdateUserEmail, sendCommand: sendCommand, classes: styles.wrapperEmailInput, defaultValue: initialEmail, isRestEmail: true }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "profile.content.myAccount.form.code", size: "full", defaultValue: "", disabled: !isAllowed, onChange: changeInput('code'), classes: styles.wrapperInput, 
-                // inputLabelType={inputLabelType}
-                errorText: confirmEmailByCodeStatus === 'rejected' ? 'errors.smth' : '' }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.buttons }, { children: [(0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "profile.content.myAccount.form.verification", color: "primary", disabled: isNotUpdateBtn, size: "--button-full", buttonHeight: "--button-height-l", classes: styles.verificationButton, handleClick: assignEmail, centreText: true }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "", color: "dark", size: "--button-s", classes: styles.closeButton, handleClick: resetFormType, startIcon: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { width: "10", height: "10", classes: styles.closeButtonSvg }) })] }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperEmail, classes) }, { children: [(0, jsx_runtime_1.jsx)(EmailInput_1.EmailInput, { size: "full", onChange: setEmail, callbackFn: handleAllowInputCode, classesWrapper: styles.wrapperEmailInput, placeholder: "profile.content.myAccount.form.enterEmail", requestId: types_1.ERequestIds.UpdateUserEmail, sendCommand: sendCommand, classes: styles.wrapperEmailInput, defaultValue: initialEmail, isRestEmail: true, inputLabelType: inputLabelType }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "profile.content.myAccount.form.code", size: "full", defaultValue: "", disabled: !isAllowed || confirmStatus === 'rejected', onChange: changeInput('code'), classes: styles.wrapperInput, inputLabelType: inputLabelType, errorText: confirmEmailByCodeStatus === 'rejected' ? 'errors.smth' : '' }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.buttons }, { children: [(0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "profile.content.myAccount.form.verification", color: "primary", disabled: isNotUpdateBtn, size: "--button-full", buttonHeight: "--button-height-l", classes: styles.verificationButton, handleClick: assignEmail, centreText: true }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "", color: "dark", size: "--button-s", classes: styles.closeButton, handleClick: resetFormType, startIcon: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { width: "10", height: "10", classes: styles.closeButtonSvg }) })] }))] })));
 };
 exports.AssignEmail = AssignEmail;

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

@@ -75,7 +75,8 @@ var BaseInputUi = function (props) {
                                     _c[styles.hideLabel] = isHidePlaceholder,
                                     _c[styles.labelUp] = inputLabelType === 'labelUp' || value,
                                     _c), labelClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: label }) })))] })), value && withClearValue && !errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.searchButton, styles.clearButton), onClick: handleClearInputValue }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.crossSvg }) }))), value && withClearValue && errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.searchButton }, { children: (0, jsx_runtime_1.jsx)(WarningSvg_1.WarningSvg, {}) }))), children && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.rowChildrenData, classesChildrenWrapper) }, { children: children }))), errorText && withErrorSvg && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.rowChildrenData }, { children: (0, jsx_runtime_1.jsx)(inputError_svg_1.ReactComponent, {}) }))), !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 }) })))] })), errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.errorText, styles.animationFadeIn, (_d = {},
-                    _d[styles.errorTextAbsolute] = inputLabelType === 'secondaryUp',
+                    _d[styles.errorTextAbsolute] = inputLabelType === 'secondaryUp' ||
+                        inputLabelType === 'secondary',
                     _d)) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: errorText }) })))] })));
 };
 exports.BaseInputUi = BaseInputUi;

package/dist/lib/components/ui/Inputs/EmailInput/index.js

@@ -82,13 +82,17 @@ var BaseInput_1 = require("../BaseInput");
 var constant_1 = require("../BaseInput/constant");
 var selectors_1 = require("zustandStore/settings/selectors");
 var store_1 = require("zustandStore/settings/store");
+var store_2 = require("zustandStore/alerts/notification/store");
+var selectors_2 = require("zustandStore/alerts/notification/selectors");
 var ModalContext_1 = require("context/logic/ModalContext");
 var useHookFabric_1 = require("hooks/useHookFabric");
+var types_1 = require("zustandStore/alerts/notification/types");
 var validation_1 = require("service/validation");
 var styles = __importStar(require("./EmailInput.module.css"));
 var EmailInput = function (props) {
     var requestId = props.requestId, children = props.children, classesWrapper = props.classesWrapper, requestCallback = props.requestCallback, onChange = props.onChange, withoutConfirmCode = props.withoutConfirmCode, sendCommand = props.sendCommand, errorText = props.errorText, callbackFn = props.callbackFn, _a = props.isRestEmail, isRestEmail = _a === void 0 ? false : _a, defaultValue = props.defaultValue;
     var useProfileInfoController = (0, ModalContext_1.useHookProvider)().useProfileInfoController;
+    var addNotification = (0, store_2.useZustandNotificationKitStore)(selectors_2.notificationKitSelectors.addNotificationAction);
     var _b = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _b[0], setEmail = _b[1];
     var _c = (0, react_1.useState)(false), isRequestedCode = _c[0], setRequestedCodeStatus = _c[1];
     var appType = (0, store_1.useZustandKitSettings)(selectors_1.getKitAppTypeSelector);
@@ -152,6 +156,15 @@ var EmailInput = function (props) {
             onChange(defaultValue);
         }
     }, [defaultValue, onChange]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: classesWrapper }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({}, props, { onChange: handleSetValue, errorText: errorText || email.errorText, inputMode: "email", classes: styles.emailInput, defaultValue: defaultValue }, { children: children })), !withoutConfirmCode ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isRequestedCode ? ((0, jsx_runtime_1.jsx)(Timer_1.default, { handleRequestCode: handleRequestCode, classes: styles.timerBlock, timerTextClasses: styles.timerText, textBlockClasses: styles.timerTextBlock, buttonClasses: styles.getCodeButton })) : ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { color: "primary", handleClick: showTimer, disabled: !isValidEmail || isRequestedCode, size: "--button-xl", buttonHeight: "--button-height-l", text: "getCodeBtn", centreText: true, classes: styles.getCodeButton })) })) : undefined] })) })));
+    (0, react_1.useEffect)(function () {
+        if (confirmStatus === 'rejected') {
+            addNotification({
+                uid: "confirming_email_failed+".concat(new Date().getTime()),
+                text: 'errors.verifyRejected',
+                type: types_1.ENotificationType.Error,
+            });
+        }
+    }, [confirmStatus]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: classesWrapper }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, __assign({}, props, { onChange: handleSetValue, errorText: errorText || email.errorText, inputMode: "email", classes: styles.emailInput, defaultValue: defaultValue }, { children: children })), !withoutConfirmCode ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isRequestedCode ? ((0, jsx_runtime_1.jsx)(Timer_1.default, { handleRequestCode: handleRequestCode, classes: styles.timerBlock, timerTextClasses: styles.timerText, textBlockClasses: styles.timerTextBlock, buttonClasses: styles.getCodeButton, timeClasses: styles.time })) : ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { color: "primary", handleClick: showTimer, disabled: !isValidEmail || isRequestedCode, size: "--button-xl", buttonHeight: "--button-height-l", text: "getCodeBtn", centreText: true, classes: styles.getCodeButton })) })) : undefined] })) })));
 };
 exports.EmailInput = EmailInput;

package/dist/lib/components/ui/Inputs/PhoneInput/components/PhoneView/index.js

@@ -45,8 +45,8 @@ var Text_1 = require("components/Text");
 var validation_1 = require("service/validation");
 var styles = __importStar(require("./PhoneView.module.css"));
 var PhoneView = function (props) {
-    var _a, _b, _c, _d, _e;
-    var phone = props.phone, Flag = props.Flag, children = props.children, toggleValue = props.toggleValue, isOpened = props.isOpened, _f = props.mask, mask = _f === void 0 ? '' : _f, code = props.code, handleSetValue = props.handleSetValue, classes = props.classes, name = props.name, receivedErrorText = props.errorText, _g = props.isHideLabel, isHideLabel = _g === void 0 ? false : _g, _h = props.isLabelOutSide, isLabelOutSide = _h === void 0 ? false : _h;
+    var _a, _b, _c, _d;
+    var phone = props.phone, Flag = props.Flag, children = props.children, toggleValue = props.toggleValue, isOpened = props.isOpened, _e = props.mask, mask = _e === void 0 ? '' : _e, code = props.code, handleSetValue = props.handleSetValue, classes = props.classes, name = props.name, receivedErrorText = props.errorText, _f = props.isHideLabel, isHideLabel = _f === void 0 ? false : _f, _g = props.isLabelOutSide, isLabelOutSide = _g === void 0 ? false : _g;
     var value = phone.value, errorText = phone.errorText;
     var preparedMask = "".concat((0, validation_1.replaceCodeToMask)(code), " ").concat(mask) || '';
     var highlightXs = function (text) {
@@ -67,10 +67,8 @@ var PhoneView = function (props) {
                             _b[styles.thirdType] = isHideLabel,
                             _b)) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.codeWrapper, (_c = {},
                                     _c[styles.column] = toggleValue,
-                                    _c)) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.code, onClick: toggleValue !== null && toggleValue !== void 0 ? toggleValue : undefined }, { children: [(0, jsx_runtime_1.jsx)(Flag, {}), toggleValue && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.arrow }, { children: (0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowButton, {}) })))] })) })), name && (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.name }, { children: name })), (0, jsx_runtime_1.jsx)(BaseInputUi_1.BaseInputUi, __assign({ size: "full", placeholder: "", value: value, handleChange: handleSetValue, patternFn: (0, validation_1.replaceValueByMask)(mask), classes: (0, classnames_1.default)(styles.input), inputClasses: (0, classnames_1.default)((_d = {},
+                                    _c)) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.code, onClick: toggleValue !== null && toggleValue !== void 0 ? toggleValue : undefined }, { children: [(0, jsx_runtime_1.jsx)(Flag, {}), toggleValue && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.arrow }, { children: (0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowButton, {}) })))] })) })), name && (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.name }, { children: name })), (0, jsx_runtime_1.jsx)(BaseInputUi_1.BaseInputUi, __assign({ size: "full", placeholder: "", value: value, handleChange: handleSetValue, patternFn: (0, validation_1.replaceValueByMask)(mask), classes: styles.input, inputClasses: (0, classnames_1.default)((_d = {},
                                     _d[styles.inputText] = code !== '+',
-                                    _d)), inputWrapperClasses: (0, classnames_1.default)(styles.inputWrapper, (_e = {},
-                                    _e[styles.noBorder] = isLabelOutSide,
-                                    _e)), classesChildrenWrapper: styles.placeholder }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.value }, { children: highlightXs((0, validation_1.replaceValueByMaskReturnMask)(preparedMask)(value)) })) }))] }))] }))] }));
+                                    _d)), inputWrapperClasses: (0, classnames_1.default)(styles.inputWrapper, styles.noBorder), classesChildrenWrapper: styles.placeholder }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.value }, { children: highlightXs((0, validation_1.replaceValueByMaskReturnMask)(preparedMask)(value)) })) }))] }))] }))] }));
 };
 exports.default = PhoneView;

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

@@ -4,6 +4,7 @@ type Props = {
     classes?: string;
     textBlockClasses?: string;
     buttonClasses?: string;
+    timeClasses?: string;
 };
 declare const Timer: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default Timer;

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

@@ -46,7 +46,7 @@ var useCountDown_1 = require("hooks/useCountDown");
 var constants_1 = require("./constants");
 var styles = __importStar(require("./Timer.module.css"));
 var Timer = function (props) {
-    var handleRequestCode = props.handleRequestCode, timerTextClasses = props.timerTextClasses, classes = props.classes, textBlockClasses = props.textBlockClasses, buttonClasses = props.buttonClasses;
+    var handleRequestCode = props.handleRequestCode, timerTextClasses = props.timerTextClasses, classes = props.classes, textBlockClasses = props.textBlockClasses, buttonClasses = props.buttonClasses, timeClasses = props.timeClasses;
     var _a = (0, react_1.useState)(false), isShowButton = _a[0], setButtonState = _a[1];
     var timerValue = (0, react_1.useRef)(new Date().getTime() + constants_1.DEFAULT_TIMER_VALUE);
     var callback = function () {
@@ -61,6 +61,6 @@ var Timer = function (props) {
         handleRequestCode();
         setButtonState(false);
     };
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperTimer, classes) }, { children: !isShowButton ? ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.textBlock, textBlockClasses) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: timerTextClasses }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "getAgainAfterTime" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.time }, { children: [countDown.formatTime[2], ":", countDown.formatTime[3]] }))] }))) : ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "getCodeBtn", color: "primary", handleClick: handleResend, size: "--button-full", buttonHeight: "--button-height-l", centreText: true, classes: buttonClasses })) })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperTimer, classes) }, { children: !isShowButton ? ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.textBlock, textBlockClasses) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: timerTextClasses }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "getAgainAfterTime" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.time, timeClasses) }, { children: [countDown.formatTime[2], ":", countDown.formatTime[3]] }))] }))) : ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "getCodeBtn", color: "primary", handleClick: handleResend, size: "--button-full", buttonHeight: "--button-height-l", centreText: true, classes: buttonClasses })) })));
 };
 exports.default = Timer;

package/dist/lib/index.d.ts

@@ -180,6 +180,7 @@ import { UkrSvg } from 'components/ui/Icons/FlagIcons/UkrSvg';
 import { UzSvg } from 'components/ui/Icons/FlagIcons/UzSvg';
 import { PKSvg } from 'components/ui/Icons/FlagIcons/PKSvg';
 import { UrSvg } from 'components/ui/Icons/FlagIcons/UrSvg';
+import { MsSvg } from 'components/ui/Icons/FlagIcons/MsSvg';
 import { UnverifiedSvg } from 'components/ui/Icons/Profile/UnverifiedSvg';
 import { VerifiedSvg } from 'components/ui/Icons/Profile/VerifiedSvg';
 import { EditPencilSvg } from 'components/ui/Icons/Profile/EditPencilSvg';
@@ -308,7 +309,7 @@ import { getFlagIcon, getVipClubIcon, getSportIcon, getHorizontalFlagIcon } from
 import { composeValidations, isEmail, isPassword, isRequired, upperCase, prepareStringAsPhoneNumber, extractNumbersFromString, isMinMax, isFilledForm, validationBankCode, validationNameSurname, validationPatternByName, replaceValueByMask, replaceValueByMaskReturnMask, replaceCodeToMask, validateEmailValue, validateAccountName, validateAccountNumber, validateBankCode, isPhone, validationTRC, validateLuhnAlgorithm, valdiationCardNumber } from 'service/validation';
 import { setToLocalStorage, getFromLocalStorage, removeFromLocalStorage } from 'utils/localstorage';
 import { formattedDate, getNext15thDate, getNextSaturday } from 'utils/date';
-export { Logo, BaseButton, CloseButton, DrawerButton, AppSwitcher, CasinoCategoryButton, CasinoSubCategoriesButton, ProviderNameButton, DepositButton, ShowAllCard, ArrowButton, ButtonLanguage, FavoriteButton, SocialMediaButton, ButtonCancelBonus, BaseInput, BaseInputUi, PhoneInput, CheckBox, EmailInput, PasswordInput, CasinoSearchBlock, CasinoSearchInput, JivoChatButton, JivoChatButtonProps, PaymentsMethods, PaymentMethodProps, EActiveMethodTab, PaymentFrame, PaymentMessage, DepositSkelet, DepositSkeletProps, DepositQrFormProps, PopUpHeader, PageTitle, LeftSection, Footer, XACFooter, Tabs, MainLoader, CircularLoader, Image, SkeletLoader, BonusCancelLoader, BettingSkelet, HOCImageLoader, HOCOutsideClick, HOCErrorBoundary, HOCRequestLoader, HOCKitConfigure, useHookFabric, useElementResize, useOnClickOutside, useCountDown, useTranslate, useInView, useHotJarAnalytics, useHotJarControllers, useIFrameMode, Presets, Wheel, Scratch, TournamentCard, ReferralTable, ReferralTableProps, ReferralTitle, ReferralCard, ReferralDetails, ReferralShare, ReferralCopyContent, ReferralInviteBanner, ReferralBonus, Pagination, ModalLayout, Alerts, BonusCardLayout, DrawerLayout, LandingLayoutTemplate, PortalLayout, CountDown, LastBigWinners, Banners, PromotionMobileApp, PromotionBanner, OneClick, DocsCheckBox, CurrencySelector, CountrySelector, RegistrationPromoCode, SignUp, SignUpTypeTwo, SignUpTypeThree, EmailSignUp, PhoneSignUp, Selector, LanguageSelector, SignIn, SignInThird, IconProps, ArrowSvg, DownloadSvg, LockSvg, CloseSvg, CrossSvg, 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, FireSvg, AddCircleSvg, MinusCircleSvg, BronzeSvg, SilverSvg, DiamondSvg, GoldSvg, GreenSvg, PlatinumSvg, PlatinumOneSvg, AzeSvg, BnSvg, BsSvg, ChSvg, DeSvg, EnSvg, EsSvg, FrSvg, HiSvg, ItSvg, KoSvg, KzSvg, NoSvg, PtSvg, PhpSvg, RoSvg, RuSvg, TrSvg, UkrSvg, UzSvg, PKSvg, UrSvg, VerifiedSvg, UnverifiedSvg, EditPencilSvg, TournamentWagerSvg, ProvidersSvg, DefaultImgSvg, CasinoCoinSvg, RecommendedSvg, DepositSvg, ErrorSvg, SuccessSvg, WaitingSvg, WithdrawSvg, SecondErrorSvg, SecondSuccessSvg, SecondWaitingSvg, 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, BattleWinners, Winner, Accordion, AccordionGroup, Timer, NotFoundData, ClaimBonus, TitleForm, BalanceList, DesktopProfile, BalanceInfo, DefaultGameImg, AssignEmail, Question, FaqSection, FAQ, ProgressBar, ProgressWagering, ProgressBarProps, AppNotify, Carousel, CarouselVipClub, VipSteps, useZustandLanguagesKitStore, languageSelectors, Text, useZustandRecoveryKitStore, zustandRecoveryKitSelectors, useZustandNotificationKitStore, notificationKitSelectors, useZustandModalKitStore, zustandModalKitSelector, useZustandDeviceKitStore, zustandDeviceKitSelector, useZustandRegistrationKitStore, zustandRegistrationKitSelector, useZustandSignInKitStore, zustandSignInKitSelectors, useZustandRequestKitStore, requestSelectors, useZustandCasinoGamesKitStore, gamesSelectors, useZustandConnectionKitStore, connectionSelectors, useZustandWheelPromoKitStore, wheelPromoSelectors, EDirection, searchSelectors, useZustandCasinoSearchKitStore, useZustandSupportKitStore, supportSelectors, useZustandCasinoDrawerKitStore, casinoDrawerKitSelectors, getCasinoCategoryIcon, sleep, getAuthorizationData, getRegistrationData, copyToClipboard, getFlagIcon, getVipClubIcon, getSportIcon, getHorizontalFlagIcon, composeValidations, isEmail, isPassword, isRequired, upperCase, prepareStringAsPhoneNumber, extractNumbersFromString, isMinMax, isFilledForm, validationBankCode, validationNameSurname, validationPatternByName, replaceValueByMask, replaceValueByMaskReturnMask, replaceCodeToMask, validateEmailValue, validateAccountName, validateAccountNumber, validateBankCode, isPhone, validationTRC, validateLuhnAlgorithm, valdiationCardNumber, getValueByIdFromUrl, setToLocalStorage, getFromLocalStorage, removeFromLocalStorage, formattedDate, getNext15thDate, getNextSaturday, };
+export { Logo, BaseButton, CloseButton, DrawerButton, AppSwitcher, CasinoCategoryButton, CasinoSubCategoriesButton, ProviderNameButton, DepositButton, ShowAllCard, ArrowButton, ButtonLanguage, FavoriteButton, SocialMediaButton, ButtonCancelBonus, BaseInput, BaseInputUi, PhoneInput, CheckBox, EmailInput, PasswordInput, CasinoSearchBlock, CasinoSearchInput, JivoChatButton, JivoChatButtonProps, PaymentsMethods, PaymentMethodProps, EActiveMethodTab, PaymentFrame, PaymentMessage, DepositSkelet, DepositSkeletProps, DepositQrFormProps, PopUpHeader, PageTitle, LeftSection, Footer, XACFooter, Tabs, MainLoader, CircularLoader, Image, SkeletLoader, BonusCancelLoader, BettingSkelet, HOCImageLoader, HOCOutsideClick, HOCErrorBoundary, HOCRequestLoader, HOCKitConfigure, useHookFabric, useElementResize, useOnClickOutside, useCountDown, useTranslate, useInView, useHotJarAnalytics, useHotJarControllers, useIFrameMode, Presets, Wheel, Scratch, TournamentCard, ReferralTable, ReferralTableProps, ReferralTitle, ReferralCard, ReferralDetails, ReferralShare, ReferralCopyContent, ReferralInviteBanner, ReferralBonus, Pagination, ModalLayout, Alerts, BonusCardLayout, DrawerLayout, LandingLayoutTemplate, PortalLayout, CountDown, LastBigWinners, Banners, PromotionMobileApp, PromotionBanner, OneClick, DocsCheckBox, CurrencySelector, CountrySelector, RegistrationPromoCode, SignUp, SignUpTypeTwo, SignUpTypeThree, EmailSignUp, PhoneSignUp, Selector, LanguageSelector, SignIn, SignInThird, IconProps, ArrowSvg, DownloadSvg, LockSvg, CloseSvg, CrossSvg, 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, FireSvg, AddCircleSvg, MinusCircleSvg, BronzeSvg, SilverSvg, DiamondSvg, GoldSvg, GreenSvg, PlatinumSvg, PlatinumOneSvg, AzeSvg, BnSvg, BsSvg, ChSvg, DeSvg, EnSvg, EsSvg, FrSvg, HiSvg, ItSvg, KoSvg, KzSvg, NoSvg, PtSvg, PhpSvg, RoSvg, RuSvg, TrSvg, UkrSvg, UzSvg, PKSvg, UrSvg, MsSvg, VerifiedSvg, UnverifiedSvg, EditPencilSvg, TournamentWagerSvg, ProvidersSvg, DefaultImgSvg, CasinoCoinSvg, RecommendedSvg, DepositSvg, ErrorSvg, SuccessSvg, WaitingSvg, WithdrawSvg, SecondErrorSvg, SecondSuccessSvg, SecondWaitingSvg, 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, BattleWinners, Winner, Accordion, AccordionGroup, Timer, NotFoundData, ClaimBonus, TitleForm, BalanceList, DesktopProfile, BalanceInfo, DefaultGameImg, AssignEmail, Question, FaqSection, FAQ, ProgressBar, ProgressWagering, ProgressBarProps, AppNotify, Carousel, CarouselVipClub, VipSteps, useZustandLanguagesKitStore, languageSelectors, Text, useZustandRecoveryKitStore, zustandRecoveryKitSelectors, useZustandNotificationKitStore, notificationKitSelectors, useZustandModalKitStore, zustandModalKitSelector, useZustandDeviceKitStore, zustandDeviceKitSelector, useZustandRegistrationKitStore, zustandRegistrationKitSelector, useZustandSignInKitStore, zustandSignInKitSelectors, useZustandRequestKitStore, requestSelectors, useZustandCasinoGamesKitStore, gamesSelectors, useZustandConnectionKitStore, connectionSelectors, useZustandWheelPromoKitStore, wheelPromoSelectors, EDirection, searchSelectors, useZustandCasinoSearchKitStore, useZustandSupportKitStore, supportSelectors, useZustandCasinoDrawerKitStore, casinoDrawerKitSelectors, getCasinoCategoryIcon, sleep, getAuthorizationData, getRegistrationData, copyToClipboard, getFlagIcon, getVipClubIcon, getSportIcon, getHorizontalFlagIcon, composeValidations, isEmail, isPassword, isRequired, upperCase, prepareStringAsPhoneNumber, extractNumbersFromString, isMinMax, isFilledForm, validationBankCode, validationNameSurname, validationPatternByName, replaceValueByMask, replaceValueByMaskReturnMask, replaceCodeToMask, validateEmailValue, validateAccountName, validateAccountNumber, validateBankCode, isPhone, validationTRC, validateLuhnAlgorithm, valdiationCardNumber, getValueByIdFromUrl, setToLocalStorage, getFromLocalStorage, removeFromLocalStorage, formattedDate, getNext15thDate, getNextSaturday, };
 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

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BonusCancelLoader = exports.SkeletLoader = exports.Image = exports.CircularLoader = exports.MainLoader = exports.Tabs = exports.XACFooter = exports.Footer = exports.LeftSection = exports.PageTitle = exports.PopUpHeader = exports.DepositSkelet = exports.PaymentMessage = exports.PaymentFrame = exports.EActiveMethodTab = exports.PaymentsMethods = exports.JivoChatButton = exports.CasinoSearchInput = exports.CasinoSearchBlock = exports.PasswordInput = exports.EmailInput = exports.CheckBox = exports.PhoneInput = exports.BaseInputUi = exports.BaseInput = exports.ButtonCancelBonus = exports.SocialMediaButton = exports.FavoriteButton = exports.ButtonLanguage = exports.ArrowButton = 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 = exports.EBackgroundSliderType = exports.ESignUpTheme = void 0;
 exports.Selector = exports.PhoneSignUp = exports.EmailSignUp = exports.SignUpTypeThree = exports.SignUpTypeTwo = exports.SignUp = exports.RegistrationPromoCode = exports.CountrySelector = exports.CurrencySelector = exports.DocsCheckBox = exports.OneClick = exports.PromotionBanner = exports.PromotionMobileApp = exports.Banners = exports.LastBigWinners = exports.CountDown = exports.PortalLayout = exports.LandingLayoutTemplate = exports.DrawerLayout = exports.BonusCardLayout = exports.Alerts = exports.ModalLayout = exports.Pagination = exports.ReferralBonus = exports.ReferralInviteBanner = exports.ReferralCopyContent = exports.ReferralShare = exports.ReferralDetails = exports.ReferralCard = exports.ReferralTitle = exports.ReferralTable = exports.TournamentCard = exports.Scratch = exports.Wheel = exports.Presets = exports.useIFrameMode = exports.useHotJarControllers = exports.useHotJarAnalytics = exports.useInView = exports.useTranslate = exports.useCountDown = exports.useOnClickOutside = exports.useElementResize = exports.useHookFabric = exports.HOCKitConfigure = exports.HOCRequestLoader = exports.HOCErrorBoundary = exports.HOCOutsideClick = exports.HOCImageLoader = exports.BettingSkelet = void 0;
 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.CrossSvg = exports.CloseSvg = exports.LockSvg = exports.DownloadSvg = exports.ArrowSvg = exports.SignInThird = exports.SignIn = exports.LanguageSelector = void 0;
-exports.WithdrawSvg = exports.WaitingSvg = exports.SuccessSvg = exports.ErrorSvg = exports.DepositSvg = exports.RecommendedSvg = exports.CasinoCoinSvg = exports.DefaultImgSvg = exports.ProvidersSvg = exports.TournamentWagerSvg = exports.EditPencilSvg = exports.UnverifiedSvg = exports.VerifiedSvg = exports.UrSvg = exports.PKSvg = exports.UzSvg = exports.UkrSvg = exports.TrSvg = exports.RuSvg = exports.RoSvg = exports.PhpSvg = 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.MinusCircleSvg = exports.AddCircleSvg = exports.FireSvg = exports.InfoSecondSvg = exports.VipClubSvg = exports.ThirdBonusSvg = exports.SecondBonusSvg = exports.FirstBonusSvg = void 0;
-exports.Accordion = exports.Winner = exports.BattleWinners = 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.SecondWaitingSvg = exports.SecondSuccessSvg = exports.SecondErrorSvg = void 0;
-exports.getCasinoCategoryIcon = exports.casinoDrawerKitSelectors = exports.useZustandCasinoDrawerKitStore = exports.supportSelectors = exports.useZustandSupportKitStore = exports.useZustandCasinoSearchKitStore = exports.searchSelectors = 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.zustandRecoveryKitSelectors = exports.useZustandRecoveryKitStore = exports.Text = exports.languageSelectors = exports.useZustandLanguagesKitStore = exports.VipSteps = exports.CarouselVipClub = exports.Carousel = exports.AppNotify = exports.ProgressWagering = exports.ProgressBar = exports.FAQ = exports.FaqSection = exports.Question = exports.AssignEmail = exports.DefaultGameImg = exports.BalanceInfo = exports.DesktopProfile = exports.BalanceList = exports.TitleForm = exports.ClaimBonus = exports.NotFoundData = exports.Timer = exports.AccordionGroup = void 0;
-exports.zustandKitSettingsSelectors = exports.useZustandKitSettings = exports.getComponentByKey = exports.getComponentById = exports.getListOfComponentIDs = exports.HookProvider = exports.useHookProvider = exports.REFERRAL_CODE = exports.REFERRAL_KEY = exports.COUNTRY_MOCK = exports.EAppType = exports.getNextSaturday = exports.getNext15thDate = exports.formattedDate = exports.removeFromLocalStorage = exports.getFromLocalStorage = exports.setToLocalStorage = exports.getValueByIdFromUrl = exports.valdiationCardNumber = exports.validateLuhnAlgorithm = exports.validationTRC = exports.isPhone = exports.validateBankCode = exports.validateAccountNumber = exports.validateAccountName = exports.validateEmailValue = exports.replaceCodeToMask = exports.replaceValueByMaskReturnMask = exports.replaceValueByMask = exports.validationPatternByName = exports.validationNameSurname = exports.validationBankCode = exports.isFilledForm = exports.isMinMax = exports.extractNumbersFromString = exports.prepareStringAsPhoneNumber = exports.upperCase = exports.isRequired = exports.isPassword = exports.isEmail = exports.composeValidations = exports.getHorizontalFlagIcon = exports.getSportIcon = exports.getVipClubIcon = exports.getFlagIcon = exports.copyToClipboard = exports.getRegistrationData = exports.getAuthorizationData = exports.sleep = void 0;
+exports.WaitingSvg = exports.SuccessSvg = exports.ErrorSvg = exports.DepositSvg = exports.RecommendedSvg = exports.CasinoCoinSvg = exports.DefaultImgSvg = exports.ProvidersSvg = exports.TournamentWagerSvg = exports.EditPencilSvg = exports.UnverifiedSvg = exports.VerifiedSvg = exports.MsSvg = exports.UrSvg = exports.PKSvg = exports.UzSvg = exports.UkrSvg = exports.TrSvg = exports.RuSvg = exports.RoSvg = exports.PhpSvg = 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.MinusCircleSvg = exports.AddCircleSvg = exports.FireSvg = exports.InfoSecondSvg = exports.VipClubSvg = exports.ThirdBonusSvg = exports.SecondBonusSvg = exports.FirstBonusSvg = void 0;
+exports.Winner = exports.BattleWinners = 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.SecondWaitingSvg = exports.SecondSuccessSvg = exports.SecondErrorSvg = exports.WithdrawSvg = void 0;
+exports.casinoDrawerKitSelectors = exports.useZustandCasinoDrawerKitStore = exports.supportSelectors = exports.useZustandSupportKitStore = exports.useZustandCasinoSearchKitStore = exports.searchSelectors = 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.zustandRecoveryKitSelectors = exports.useZustandRecoveryKitStore = exports.Text = exports.languageSelectors = exports.useZustandLanguagesKitStore = exports.VipSteps = exports.CarouselVipClub = exports.Carousel = exports.AppNotify = exports.ProgressWagering = exports.ProgressBar = exports.FAQ = exports.FaqSection = exports.Question = exports.AssignEmail = exports.DefaultGameImg = exports.BalanceInfo = exports.DesktopProfile = exports.BalanceList = exports.TitleForm = exports.ClaimBonus = exports.NotFoundData = exports.Timer = exports.AccordionGroup = exports.Accordion = void 0;
+exports.zustandKitSettingsSelectors = exports.useZustandKitSettings = exports.getComponentByKey = exports.getComponentById = exports.getListOfComponentIDs = exports.HookProvider = exports.useHookProvider = exports.REFERRAL_CODE = exports.REFERRAL_KEY = exports.COUNTRY_MOCK = exports.EAppType = exports.getNextSaturday = exports.getNext15thDate = exports.formattedDate = exports.removeFromLocalStorage = exports.getFromLocalStorage = exports.setToLocalStorage = exports.getValueByIdFromUrl = exports.valdiationCardNumber = exports.validateLuhnAlgorithm = exports.validationTRC = exports.isPhone = exports.validateBankCode = exports.validateAccountNumber = exports.validateAccountName = exports.validateEmailValue = exports.replaceCodeToMask = exports.replaceValueByMaskReturnMask = exports.replaceValueByMask = exports.validationPatternByName = exports.validationNameSurname = exports.validationBankCode = exports.isFilledForm = exports.isMinMax = exports.extractNumbersFromString = exports.prepareStringAsPhoneNumber = exports.upperCase = exports.isRequired = exports.isPassword = exports.isEmail = exports.composeValidations = exports.getHorizontalFlagIcon = exports.getSportIcon = exports.getVipClubIcon = exports.getFlagIcon = exports.copyToClipboard = exports.getRegistrationData = exports.getAuthorizationData = exports.sleep = exports.getCasinoCategoryIcon = void 0;
 // Buttons
 var Buttons_1 = require("components/ui/Buttons");
 Object.defineProperty(exports, "BaseButton", { enumerable: true, get: function () { return Buttons_1.BaseButton; } });
@@ -388,6 +388,8 @@ var PKSvg_1 = require("components/ui/Icons/FlagIcons/PKSvg");
 Object.defineProperty(exports, "PKSvg", { enumerable: true, get: function () { return PKSvg_1.PKSvg; } });
 var UrSvg_1 = require("components/ui/Icons/FlagIcons/UrSvg");
 Object.defineProperty(exports, "UrSvg", { enumerable: true, get: function () { return UrSvg_1.UrSvg; } });
+var MsSvg_1 = require("components/ui/Icons/FlagIcons/MsSvg");
+Object.defineProperty(exports, "MsSvg", { enumerable: true, get: function () { return MsSvg_1.MsSvg; } });
 //Profile Svgs
 var UnverifiedSvg_1 = require("components/ui/Icons/Profile/UnverifiedSvg");
 Object.defineProperty(exports, "UnverifiedSvg", { enumerable: true, get: function () { return UnverifiedSvg_1.UnverifiedSvg; } });

package/dist/main.css

@@ -809,6 +809,7 @@
   gap: var(--indent-xs);
   width: 100%;
   height: 100%;
+  position: relative;
 }
 
 .KIT__BaseInputUi-module__inputWrapper___AnbPW {
@@ -880,11 +881,12 @@
   left: 25px;
 }
 
-.KIT__BaseInputUi-module__labelRelative___mLfEj {
-  position: relative;
-  color: var(--base-0);
-  font-weight: var(--font-weight-normal);
-
+.KIT__BaseInputUi-module__labelTop___S7zEx {
+  position: absolute;
+  color: var(--input-top-label-color, var(--base-0));
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-bold);
+  top: calc(var(--indent-l) * -1);
 }
 
 .KIT__BaseInputUi-module__input___RWf0J {
@@ -898,10 +900,12 @@
 
 .KIT__BaseInputUi-module__input___RWf0J::-moz-placeholder {
   font-size: var(--font-size-m);
+  color: var(--input-placeholder-color);
 }
 
 .KIT__BaseInputUi-module__input___RWf0J::placeholder {
   font-size: var(--font-size-m);
+  color: var(--input-placeholder-color);
 }
 
 .KIT__BaseInputUi-module__input___RWf0J:focus ~ .KIT__BaseInputUi-module__label___uzM8L,
@@ -913,23 +917,50 @@
   top: 0;
 }
 
-.KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__oldView___k7DBz ~ .KIT__BaseInputUi-module__label___uzM8L {
+.KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__secondary___nWjWd ~ .KIT__BaseInputUi-module__label___uzM8L {
   position: absolute;
   left: var(--indent-m);
   font-weight: var(--font-weight-bold);
   font-size: var(--font-size-xs);
 }
 
-.KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__oldView___k7DBz:-webkit-autofill ~ .KIT__BaseInputUi-module__label___uzM8L,
-.KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__oldView___k7DBz ~.KIT__BaseInputUi-module__label___uzM8L.KIT__BaseInputUi-module__labelUp___Mdr3p  {
+.KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__secondary___nWjWd:-webkit-autofill ~ .KIT__BaseInputUi-module__label___uzM8L,
+.KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__secondary___nWjWd ~.KIT__BaseInputUi-module__label___uzM8L.KIT__BaseInputUi-module__labelUp___Mdr3p  {
   opacity: 0;
 }
 
-.KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__oldView___k7DBz {
+.KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__secondary___nWjWd::-moz-placeholder, .KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__secondaryUp___ZkguS::-moz-placeholder {
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-bold);
+}
+
+.KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__secondary___nWjWd,
+.KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__secondary___nWjWd::placeholder,
+.KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__secondaryUp___ZkguS,
+.KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__secondaryUp___ZkguS::placeholder {
   font-size: var(--font-size-xs);
   font-weight: var(--font-weight-bold);
 }
 
+@media screen and (min-width: 768px) {
+
+.KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__secondary___nWjWd::-moz-placeholder, .KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__secondaryUp___ZkguS::-moz-placeholder {
+    font-size: var(--font-size-s);
+}
+
+.KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__secondary___nWjWd,
+.KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__secondary___nWjWd::placeholder,
+.KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__secondaryUp___ZkguS,
+.KIT__BaseInputUi-module__input___RWf0J.KIT__BaseInputUi-module__secondaryUp___ZkguS::placeholder {
+    font-size: var(--font-size-s);
+}
+  }
+
+.KIT__BaseInputUi-module__secondaryUp___ZkguS.KIT__BaseInputUi-module__label___uzM8L {
+  z-index: var(--layout-lvl-1);
+  font-size: var(--font-size-xs);
+}
+
 .KIT__BaseInputUi-module__disabled___eDvdR {
   pointer-events: none;
   text-overflow: ellipsis;
@@ -949,6 +980,13 @@
   padding-left: var(--indent-m);
 }
 
+.KIT__BaseInputUi-module__errorTextAbsolute___Kcksq {
+  position: absolute;
+  bottom: calc(var(--indent-m) * -1);
+  padding-left: 0;
+  padding-left: initial;
+}
+
 .KIT__BaseInputUi-module__resetErrorColor___sLSqG {
   color: var(--input-text-color);
 }
@@ -1028,7 +1066,7 @@
       fill: var(--input-clean-btn-svg-bg);
     }
 
-.KIT__BaseInputUi-module__inputWrapper___AnbPW:has(.KIT__BaseInputUi-module__oldView___k7DBz) {
+.KIT__BaseInputUi-module__inputWrapper___AnbPW:has(.KIT__BaseInputUi-module__secondary___nWjWd) {
   height: 40px;
 }
 
@@ -1099,6 +1137,7 @@
 
 .KIT__Selector-module__mainContainer___OUUM_ {
   border-radius: var(--selector-border-radius);
+  border: var(--input-border);
 }
 
 .KIT__Selector-module__item___H9Toq:hover {
@@ -1885,8 +1924,6 @@
 }
 
 .KIT__PhoneInput-module__input___hyTKa {
-  border-radius: var(--border-s);
-  border: var(--input-border);
   height: 40px;
   display: flex;
   justify-content: space-between;
@@ -1979,6 +2016,8 @@
   display: flex;
   flex-direction: column;
   gap: var(--indent-xs);
+  border-radius: var(--border-s);
+  border: var(--input-border);
 }
 
 .KIT__GoogleLoginButton-module__wrapperButton___jSNad {
@@ -3055,6 +3094,8 @@
   --semi-blue-gray: 97, 113, 158;
   --input-background: var(--sign-in-input-background-color, rgb(244, 247, 250));
   --input-text-color: var(--input-color, rgb(65, 82, 106));
+  --input-border: none;
+  --input-placeholder-color: rgb(166, 181, 201);
   --selector-item-background: var(
     --email-input-background-color,
     rgb(244, 247, 250)
@@ -3456,10 +3497,12 @@
 
 .KIT__EmailInput-module__timerTextBlock___g0bt8 {
   font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-bold);
   padding: 0 var(--indent-s);
-}
-
-.KIT__EmailInput-module__timerBlock___Nw_10 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--indent-xs);
   background-color: var(--email-input-timer-text-block-background);
   border-radius: 10px;
   border-radius: var(--border-10, 10px);
@@ -3467,6 +3510,17 @@
   border: var(--email-input-timer-text-block-border, none);
 }
 
+.KIT__EmailInput-module__timerBlock___Nw_10 {
+  height: var(--input-height);
+  margin-bottom: 0;
+  margin-bottom: initial;
+}
+
+.KIT__EmailInput-module__time___z1cWh {
+  margin-left: 0;
+  margin-left: initial;
+}
+
 .KIT__SignIn-module__wrapperReferralCopyContent___Ypykg {
   display: flex;
   flex-direction: column;
@@ -3623,6 +3677,8 @@
   --register-color: var(--third-primary-color);
   --input-background: var(--sign-in-input-background-color, rgb(244, 247, 250));
   --input-text-color: var(--input-color, rgb(65, 82, 106));
+  --input-border: none;
+  --input-placeholder-color: rgb(166, 181, 201);
   --selector-item-background: var(
     --email-input-background-color,
     rgb(244, 247, 250)
@@ -4622,6 +4678,8 @@
   --kit-lost-password-phone-info-border: var(--lost-password-phone-info-border, 1px solid rgb(242, 247, 247));
   --input-background: var(--sign-in-input-background-color, rgb(244, 247, 250));
   --input-text-color: var(--input-color, rgb(65, 82, 106));
+  --input-border: none;
+  --input-placeholder-color: rgb(166, 181, 201);
   --kit-phone-view-name-color: var(--phone-view-name-color, rgb(46, 58, 76));
   --kit-lost-password-phone-info-main-color: var(--lost-password-phone-info-main-color, rgb(38, 61, 64));
   --input-label-text-color: var(--input-label-color, rgb(65, 82, 106));
@@ -4633,14 +4691,17 @@
 .KIT__LostPassword-module__whiteYellow____6a5B,
 .KIT__LostPassword-module__secondaryYellow___Q8XbI {
   --third-primary-color: rgb(252, 212, 53);
+  --input-placeholder-color: rgb(166, 181, 201);
 }
 
 .KIT__LostPassword-module__whitePurple___n_7hB {
   --third-primary-color: rgb(136, 103, 255);
+  --input-placeholder-color: rgb(166, 181, 201);
 }
 
 .KIT__LostPassword-module__whiteBlue___Iaz79 {
   --third-primary-color: rgb(102, 231, 248);
+  --input-placeholder-color: rgb(166, 181, 201);
 }
 
 .KIT__LostPassword-module__secondaryGreen___GtqUQ {
@@ -4703,6 +4764,8 @@
   --input-label-text-color: var(--input-label-color, rgb(65, 82, 106));
   --kit-set-new-password-requirements-color: var(--set-new-password-requirements-color, --semi-dark-gray);
   --set-new-password-enter-password-color: var(--semi-dark-gray);
+  --input-border: none;
+  --input-placeholder-color: rgb(166, 181, 201);
 }
 
 .KIT__SetNewPassword-module__whitePurple___feYEl {
@@ -5419,11 +5482,14 @@
 .KIT__InfoModal-module__message___yTMJx {
   background-color: var(--info-modal-massage-background-color);
   padding: var(--indent-m);
-  border-radius: var(--border-10);
+  border-radius: 10px;
+  border-radius: var(--border-10, 10px);
+  border: none;
+  border: var(--info-modal-message-border, none);
 
   display: flex;
   align-items: center;
-  gap: var(--indent-base-half);
+  gap: var(--indent-s);
 }
 
 .KIT__InfoModal-module__checkSvg___Jspv_ {

package/package.json

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