react-gldn-kit 0.1.50 → 0.1.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/dist/lib/components/Modals/Alert/components/Auth/SignUpTypeTwo/index.js +1 -0
- package/dist/lib/components/Modals/Alert/components/Auth/SignUpTypeTwo/types.d.ts +2 -1
- package/dist/lib/components/Modals/Alert/components/Auth/SignUpTypeTwo/types.js +1 -0
- package/dist/lib/components/Modals/Alert/index.js +1 -0
- package/dist/lib/components/Wheel/index.js +5 -5
- package/dist/lib/components/ui/Image/index.d.ts +12 -0
- package/dist/lib/components/ui/Image/index.js +48 -0
- package/dist/lib/context/logic/ModalContext.d.ts +2 -2
- package/dist/lib/context/logic/ModalContext.js +0 -1
- package/dist/lib/index.d.ts +2 -1
- package/dist/lib/index.js +7 -5
- package/dist/lib/types/ui.d.ts +1 -1
- package/dist/lib/types/ui.js +1 -1
- package/dist/lib/zustandStore/languages/selectors.d.ts +1 -1
- package/dist/lib/zustandStore/languages/store.js +21 -0
- package/dist/lib/zustandStore/languages/types.d.ts +1 -0
- package/dist/main.css +38 -2
- package/package.json +1 -1
|
@@ -225,6 +225,7 @@ var SignUpTypeTwo = function () {
|
|
|
225
225
|
_a[styles.gray] = registrationTheme === types_4.ESignUpTheme.Gray,
|
|
226
226
|
_a[styles.pink] = registrationTheme === types_4.ESignUpTheme.Pink,
|
|
227
227
|
_a[styles.silver] = registrationTheme === types_4.ESignUpTheme.Silver,
|
|
228
|
+
_a[styles.silverTwo] = registrationTheme === types_4.ESignUpTheme.SilverTwo,
|
|
228
229
|
_a)) }, { children: [registrationTitle && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title, ref: titleRef }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: registrationTitle }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.contentArea, style: {
|
|
229
230
|
height: "calc(100% - ".concat(titleHeight, "px)"),
|
|
230
231
|
} }, { children: [isSelectedError && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.warning }, { children: [(0, jsx_runtime_1.jsx)(WarningSvg_1.WarningSvg, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.warningText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpTwo.notConfirm" }) }))] }))), bonusImagePath && ((0, jsx_runtime_1.jsx)("img", { src: bonusImagePath, className: (0, classnames_1.default)(styles.bonusImage, 'KIT_SignUpTypeTwo_wrapperSignUp_bonusImage') })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [Boolean(social.length) && (0, jsx_runtime_1.jsx)(SocialButtons_1.SocialButtons, { social: social }), activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline", tabClasses: styles.tab, activeTabClasses: styles.activeTab, indicatorClasses: styles.indicator })), (0, jsx_runtime_1.jsxs)("div", { children: [activeForm === types_3.ERegistrationForm.PhoneWithoutCode ? ((0, jsx_runtime_1.jsx)(PhoneBox_1.default, { onChange: setPhone })) : ((0, jsx_runtime_1.jsx)(InputBox_1.default, { leftImg: "/landings/assets-builder/signUpTwo/email.svg", rightImg: "", setInput: setEmail, validation: validation_1.validateEmailValue, input: email, label: "signUpTwo.tabEmail", classes: styles.emailInput })), (0, jsx_runtime_1.jsx)(PasswordBox_1.default, { onChange: setPassword }), (0, jsx_runtime_1.jsx)(CurrencyBox_1.default, {}), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.submitButton, (_b = {},
|
|
@@ -11,6 +11,7 @@ var ESignUpTheme;
|
|
|
11
11
|
ESignUpTheme["Gray"] = "gray";
|
|
12
12
|
ESignUpTheme["Pink"] = "pink";
|
|
13
13
|
ESignUpTheme["Silver"] = "silver";
|
|
14
|
+
ESignUpTheme["SilverTwo"] = "silver-two";
|
|
14
15
|
})(ESignUpTheme = exports.ESignUpTheme || (exports.ESignUpTheme = {}));
|
|
15
16
|
var ERegistrationSocial;
|
|
16
17
|
(function (ERegistrationSocial) {
|
|
@@ -141,6 +141,7 @@ var Alerts = function (props) {
|
|
|
141
141
|
var _a, _b;
|
|
142
142
|
var getComponentFn = props.getComponentFn;
|
|
143
143
|
var modalType = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalTypeSelector);
|
|
144
|
+
console.log('modalType', modalType);
|
|
144
145
|
var oldModalType = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getNextEModalTypeSelector);
|
|
145
146
|
var closeAndOpen = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.closeAndOpenModalAction);
|
|
146
147
|
var additionalSettings = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalAdditionalInfoSelector);
|
|
@@ -43,6 +43,7 @@ var react_1 = require("react");
|
|
|
43
43
|
var classnames_1 = __importDefault(require("classnames"));
|
|
44
44
|
var Text_1 = require("components/Text");
|
|
45
45
|
var styles = __importStar(require("./Wheel.module.css"));
|
|
46
|
+
var Image_1 = require("components/ui/Image");
|
|
46
47
|
var Wheel = function (props) {
|
|
47
48
|
var _a;
|
|
48
49
|
var borderWheelPath = props.borderWheelPath, wheelContentPath = props.wheelContentPath, wheelButtonPath = props.wheelButtonPath, wheelButtonHoverPath = props.wheelButtonHoverPath, slotNamePath = props.slotNamePath, pointerPath = props.pointerPath, callbackSpinStart = props.callbackSpinStart, callbackSpinEnd = props.callbackSpinEnd, btnText = props.btnText, list = props.list, audioPath = props.audioPath, _b = props.customTime, customTime = _b === void 0 ? 6000 : _b, wheelTextColor = props.wheelTextColor, classesWheel = props.classesWheel, classesPointer = props.classesPointer, classesBorder = props.classesBorder, classesButton = props.classesButton, classesSlotName = props.classesSlotName, customSpinningAnimation = props.customSpinningAnimation;
|
|
@@ -56,7 +57,6 @@ var Wheel = function (props) {
|
|
|
56
57
|
var handleSpin = function () {
|
|
57
58
|
var _a;
|
|
58
59
|
if (isSpin) {
|
|
59
|
-
console.warn('isSpinning', isSpin);
|
|
60
60
|
return;
|
|
61
61
|
}
|
|
62
62
|
if (audio.src && audio.duration) {
|
|
@@ -102,10 +102,10 @@ var Wheel = function (props) {
|
|
|
102
102
|
}
|
|
103
103
|
};
|
|
104
104
|
}, [isAnimateBorderBg, activeBorder]);
|
|
105
|
-
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wheelWrapper, 'KIT_Wheel_wrapper'), ref: contentRef }, { children: [(0, jsx_runtime_1.jsx)(
|
|
105
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wheelWrapper, 'KIT_Wheel_wrapper'), ref: contentRef }, { children: [(0, jsx_runtime_1.jsx)(Image_1.Image, { path: pointerPath, classes: (0, classnames_1.default)(styles.pointer, classesPointer, 'KIT_Wheel_wrapper_pointer') }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content, style: {
|
|
106
106
|
height: height,
|
|
107
107
|
} }, { children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles.content, classesBorder, 'KIT_Wheel_wrapper_border'), style: {
|
|
108
|
-
background:
|
|
108
|
+
background: borderWheelPath[1],
|
|
109
109
|
backgroundSize: 'contain',
|
|
110
110
|
backgroundRepeat: 'no-repeat',
|
|
111
111
|
height: height,
|
|
@@ -114,7 +114,7 @@ var Wheel = function (props) {
|
|
|
114
114
|
position: 'absolute',
|
|
115
115
|
zIndex: activeBorder,
|
|
116
116
|
} }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles.content, classesBorder, 'KIT_Wheel_wrapper_border'), style: {
|
|
117
|
-
background:
|
|
117
|
+
background: borderWheelPath[0],
|
|
118
118
|
backgroundSize: 'contain',
|
|
119
119
|
backgroundRepeat: 'no-repeat',
|
|
120
120
|
height: height,
|
|
@@ -127,6 +127,6 @@ var Wheel = function (props) {
|
|
|
127
127
|
_a[customSpinningAnimation] = isSpin,
|
|
128
128
|
_a), classesWheel), style: {
|
|
129
129
|
animationDuration: "".concat(customTime, "ms"),
|
|
130
|
-
} }, { children: [(0, jsx_runtime_1.jsx)(
|
|
130
|
+
} }, { children: [(0, jsx_runtime_1.jsx)(Image_1.Image, { path: wheelContentPath, classes: styles.wheelContentImg }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.list, wheelTextColor, 'KIT_Wheel_wrapper_content_disk_list') }, { children: list.map(function (l, inx) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.item, styles === null || styles === void 0 ? void 0 : styles["item".concat(inx + 1)], 'KIT_Wheel_wrapper_content_disk_list_item') }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textBold }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: l.bold }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textRegular }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: l.regular }) }))] }), inx)); }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.spinBtn, classesButton, 'KIT_Wheel_wrapper_content_button'), onClick: handleSpin }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: styles.bntText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: btnText }) })), (0, jsx_runtime_1.jsx)(Image_1.Image, { path: isSpin ? wheelButtonHoverPath : wheelButtonPath, classes: styles.btnImg })] })), (0, jsx_runtime_1.jsx)(Image_1.Image, { path: slotNamePath, classes: (0, classnames_1.default)(styles.slotName, classesSlotName, 'KIT_Wheel_wrapper_content_slotName') })] }))] })));
|
|
131
131
|
};
|
|
132
132
|
exports.Wheel = Wheel;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
type Props = {
|
|
3
|
+
path: string;
|
|
4
|
+
classes?: string;
|
|
5
|
+
externalUrl?: string;
|
|
6
|
+
style?: any;
|
|
7
|
+
handleClick?: () => void;
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
onTransitionEnd?: () => void;
|
|
10
|
+
};
|
|
11
|
+
export declare const Image: (props: Props) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.Image = void 0;
|
|
30
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
31
|
+
var react_1 = require("react");
|
|
32
|
+
var classnames_1 = __importDefault(require("classnames"));
|
|
33
|
+
var styles = __importStar(require("./Image.module.css"));
|
|
34
|
+
var Image = function (props) {
|
|
35
|
+
var classes = props.classes, path = props.path, externalUrl = props.externalUrl, style = props.style, handleClick = props.handleClick, children = props.children, onTransitionEnd = props.onTransitionEnd;
|
|
36
|
+
var _a = (0, react_1.useState)(false), isImageError = _a[0], setIsImageError = _a[1];
|
|
37
|
+
var setImageError = function () {
|
|
38
|
+
setIsImageError(true);
|
|
39
|
+
};
|
|
40
|
+
if (isImageError) {
|
|
41
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children || ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(classes, styles.center) })) }));
|
|
42
|
+
}
|
|
43
|
+
return ((0, jsx_runtime_1.jsx)("img", {
|
|
44
|
+
// @ts-ignore
|
|
45
|
+
// src={`${externalUrl || window.BASE_IMG_URL || ''}${path}`}
|
|
46
|
+
src: path, className: (0, classnames_1.default)(classes, styles.mockImage), style: style, onClick: handleClick, onError: setImageError, onTransitionEnd: onTransitionEnd }));
|
|
47
|
+
};
|
|
48
|
+
exports.Image = Image;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import { CurrencyInfo } from 'react-memory-optimization/dist/lib/store/user/types';
|
|
3
3
|
type HookContextType = {
|
|
4
4
|
useTransportControllers: () => any;
|
|
5
5
|
useCurrencies: () => null | CurrencyInfo[];
|
|
6
6
|
useCountryInfo: () => any;
|
|
7
7
|
};
|
|
8
|
-
export declare const HookProvider:
|
|
8
|
+
export declare const HookProvider: import("react").Provider<HookContextType>;
|
|
9
9
|
export declare const useHookProvider: () => HookContextType;
|
|
10
10
|
export {};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useHookProvider = exports.HookProvider = void 0;
|
|
4
|
-
// ui-kit/logic/HookContext.tsx
|
|
5
4
|
var react_1 = require("react");
|
|
6
5
|
var HookContext = (0, react_1.createContext)(null);
|
|
7
6
|
exports.HookProvider = HookContext.Provider;
|
package/dist/lib/index.d.ts
CHANGED
|
@@ -55,6 +55,7 @@ import { HOCErrorBoundary } from 'components/HOCs/HOCErrorBoundary';
|
|
|
55
55
|
import { HOCRequestLoader } from 'components/HOCs/HOCRequestLoader';
|
|
56
56
|
import { MainLoader } from 'components/ui/Loaders/MainLoader';
|
|
57
57
|
import { CircularLoader } from 'components/ui/Loaders/CircularLoader';
|
|
58
|
+
import { Image } from 'components/ui/Image';
|
|
58
59
|
import { CountDown } from 'components/ui/CountDown';
|
|
59
60
|
import { ReferralTable } from './components/ReferralTable/index';
|
|
60
61
|
import { ReferralTableProps } from 'components/ReferralTable/types';
|
|
@@ -234,7 +235,7 @@ import Accordion from 'components/ui/AccordionGroup/Accordion';
|
|
|
234
235
|
import AccordionGroup from 'components/ui/AccordionGroup';
|
|
235
236
|
import { copyToClipboard, sleep } from 'utils/shared';
|
|
236
237
|
import { getAuthorizationData, getRegistrationData } from 'zustandStore/forms/signUp/utils';
|
|
237
|
-
export { Logo, BaseButton, CloseButton, DrawerButton, AppSwitcher, CasinoCategoryButton, CasinoSubCategoriesButton, ProviderNameButton, DepositButton, ShowAllCard, BaseInput, BaseInputUi, PhoneInput, CheckBox, EmailInput, PasswordInput, JivoChatButton, JivoChatButtonProps, PaymentsMethods, PaymentMethodProps, EActiveMethodTab, DepositSkelet, DepositSkeletProps, DepositQrFormProps, PopUpHeader, Footer, Tabs, MainLoader, CircularLoader, HOCImageLoader, HOCOutsideClick, HOCErrorBoundary, HOCRequestLoader, useHookFabric, useElementResize, useOnClickOutside, useCountDown, useTranslate, useInView, JackpotWidget, JackPotInfoBox, Wheel, Scratch, TournamentCard, ReferralTable, ReferralTableProps, Pagination, ModalLayout, Alerts, BonusCardLayout, DrawerLayout, LandingLayoutTemplate, PortalLayout, CountDown, LastBigWinners, Banners, BannerTemplate, PromotionMobileApp, OneClick, DocsCheckBox, CurrencySelector, CountrySelector, RegistrationPromoCode, SignUp, SignUpTypeTwo, EmailSignUp, PhoneSignUp, Selector, LanguageSelector, SignIn, ArrowSvg, DownloadSvg, LockSvg, CloseSvg, JabiInHouseSvg, ProviderSvg, HotSvg, WagerSvg, ElonHouseSvg, FSWinHouseSvg, ElonTreasureSvg, FSWinTreasureSvg, JabibetTreasureSvg, PlaySvg, InfoSvg, InstagramSvg, TelegramSvg, FacebookSvg, AvatarSvg, ProfileSvg, BonusGiftSvg, BurgerSvg, CalendarSvg, CashSvg, CloseEyeSvg, OpenEyeSvg, CoinSvg, CoinsSvg, CopySvg, DocSvg, FavoritesSvg, GoogleSvg, GrowSvg, DrawerTogglerSvg, LotterySvg, InfoLotterySvg, PlusSvg, SearchSvg, ProvidersBlocksSvg, SelectedSvg, ShareSvg, StarSvg, SupportSvg, ThreeDotsSvg, TrashSvg, WalletSvg, FirstBonusSvg, SecondBonusSvg, ThirdBonusSvg, VipClubSvg, InfoSecondSvg, BronzeSvg, SilverSvg, DiamondSvg, GoldSvg, GreenSvg, PlatinumSvg, PlatinumOneSvg, AzeSvg, BnSvg, BsSvg, ChSvg, DeSvg, EnSvg, EsSvg, FrSvg, HiSvg, ItSvg, KoSvg, KzSvg, NoSvg, PtSvg, RoSvg, RuSvg, TrSvg, UkrSvg, UzSvg, TournamentWagerSvg, ProvidersSvg, DefaultImgSvg, CasinoCoinSvg, RecommendedSvg, DepositSvg, ErrorSvg, SuccessSvg, WaitingSvg, WithdrawSvg, AmericanFootballSvg, AussieRulesSvg, BadmintonSvg, BaseballSvg, BasketballSvg, Basketball3x3Svg, BeachSoccerSvg, BoxingSvg, ChessSvg, CricketSvg, DartsSvg, EFifaSvg, ENbaSvg, ENhlSvg, EsportSvg, FieldHockeySvg, FutsalSvg, IceHockeySvg, KabaddiSvg, MmaSvg, RugbySvg, SnookerSvg, SoccerSvg, SquashSvg, TableTennisSvg, TennisSvg, VolleyballSvg, NotFoundBonusesSvg, NotificationWarningSvg, NotificationErrorSvg, NotificationSuccessSvg, Notifications, NavTournamentSvg, NavReferralSvg, NavMyBetsSvg, NavCasinoSvg, NavBonusesSvg, NavBettingLiveSvg, NavBettingSvg, BattlesCard, Step, Section, BattleBanner, Leaderboard, Accordion, AccordionGroup, useZustandLanguagesKitStore, languageSelectors, Text, useZustandNotificationKitStore, notificationKitSelectors, useZustandModalKitStore, zustandModalKitSelector, useZustandDeviceKitStore, zustandDeviceKitSelector, useZustandRegistrationKitStore, zustandRegistrationKitSelector, useZustandSignInKitStore, zustandSignInKitSelectors, useZustandRequestKitStore, requestSelectors, useZustandCasinoGamesKitStore, gamesSelectors, useZustandConnectionKitStore, connectionSelectors, useZustandWheelPromoKitStore, wheelPromoSelectors, EDirection, ESignUpTheme, getCasinoCategoryIcon, sleep, getAuthorizationData, getRegistrationData, copyToClipboard, };
|
|
238
|
+
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, Image, HOCImageLoader, HOCOutsideClick, HOCErrorBoundary, HOCRequestLoader, useHookFabric, useElementResize, useOnClickOutside, useCountDown, useTranslate, useInView, JackpotWidget, JackPotInfoBox, Wheel, Scratch, TournamentCard, ReferralTable, ReferralTableProps, Pagination, ModalLayout, Alerts, BonusCardLayout, DrawerLayout, LandingLayoutTemplate, PortalLayout, CountDown, LastBigWinners, Banners, BannerTemplate, PromotionMobileApp, OneClick, DocsCheckBox, CurrencySelector, CountrySelector, RegistrationPromoCode, SignUp, SignUpTypeTwo, EmailSignUp, PhoneSignUp, Selector, LanguageSelector, SignIn, ArrowSvg, DownloadSvg, LockSvg, CloseSvg, JabiInHouseSvg, ProviderSvg, HotSvg, WagerSvg, ElonHouseSvg, FSWinHouseSvg, ElonTreasureSvg, FSWinTreasureSvg, JabibetTreasureSvg, PlaySvg, InfoSvg, InstagramSvg, TelegramSvg, FacebookSvg, AvatarSvg, ProfileSvg, BonusGiftSvg, BurgerSvg, CalendarSvg, CashSvg, CloseEyeSvg, OpenEyeSvg, CoinSvg, CoinsSvg, CopySvg, DocSvg, FavoritesSvg, GoogleSvg, GrowSvg, DrawerTogglerSvg, LotterySvg, InfoLotterySvg, PlusSvg, SearchSvg, ProvidersBlocksSvg, SelectedSvg, ShareSvg, StarSvg, SupportSvg, ThreeDotsSvg, TrashSvg, WalletSvg, FirstBonusSvg, SecondBonusSvg, ThirdBonusSvg, VipClubSvg, InfoSecondSvg, BronzeSvg, SilverSvg, DiamondSvg, GoldSvg, GreenSvg, PlatinumSvg, PlatinumOneSvg, AzeSvg, BnSvg, BsSvg, ChSvg, DeSvg, EnSvg, EsSvg, FrSvg, HiSvg, ItSvg, KoSvg, KzSvg, NoSvg, PtSvg, RoSvg, RuSvg, TrSvg, UkrSvg, UzSvg, TournamentWagerSvg, ProvidersSvg, DefaultImgSvg, CasinoCoinSvg, RecommendedSvg, DepositSvg, ErrorSvg, SuccessSvg, WaitingSvg, WithdrawSvg, AmericanFootballSvg, AussieRulesSvg, BadmintonSvg, BaseballSvg, BasketballSvg, Basketball3x3Svg, BeachSoccerSvg, BoxingSvg, ChessSvg, CricketSvg, DartsSvg, EFifaSvg, ENbaSvg, ENhlSvg, EsportSvg, FieldHockeySvg, FutsalSvg, IceHockeySvg, KabaddiSvg, MmaSvg, RugbySvg, SnookerSvg, SoccerSvg, SquashSvg, TableTennisSvg, TennisSvg, VolleyballSvg, NotFoundBonusesSvg, NotificationWarningSvg, NotificationErrorSvg, NotificationSuccessSvg, Notifications, NavTournamentSvg, NavReferralSvg, NavMyBetsSvg, NavCasinoSvg, NavBonusesSvg, NavBettingLiveSvg, NavBettingSvg, BattlesCard, Step, Section, BattleBanner, Leaderboard, Accordion, AccordionGroup, useZustandLanguagesKitStore, languageSelectors, Text, useZustandNotificationKitStore, notificationKitSelectors, useZustandModalKitStore, zustandModalKitSelector, useZustandDeviceKitStore, zustandDeviceKitSelector, useZustandRegistrationKitStore, zustandRegistrationKitSelector, useZustandSignInKitStore, zustandSignInKitSelectors, useZustandRequestKitStore, requestSelectors, useZustandCasinoGamesKitStore, gamesSelectors, useZustandConnectionKitStore, connectionSelectors, useZustandWheelPromoKitStore, wheelPromoSelectors, EDirection, ESignUpTheme, getCasinoCategoryIcon, sleep, getAuthorizationData, getRegistrationData, copyToClipboard, };
|
|
238
239
|
export { Size, Color, EAppType } from 'types/ui';
|
|
239
240
|
export { COUNTRY_MOCK } from 'constants/mock';
|
|
240
241
|
export { REFERRAL_KEY, REFERRAL_CODE, } from 'components/SignUp/PromoCode/constants';
|
package/dist/lib/index.js
CHANGED
|
@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.
|
|
7
|
-
exports.
|
|
8
|
-
exports.
|
|
9
|
-
exports.
|
|
10
|
-
exports.HookProvider = exports.useHookProvider = exports.REFERRAL_CODE = exports.REFERRAL_KEY = exports.COUNTRY_MOCK = exports.EAppType = exports.copyToClipboard = exports.getRegistrationData = exports.getAuthorizationData = exports.sleep = exports.getCasinoCategoryIcon = exports.ESignUpTheme = exports.EDirection = exports.wheelPromoSelectors = exports.useZustandWheelPromoKitStore = exports.connectionSelectors = exports.useZustandConnectionKitStore = exports.gamesSelectors = exports.useZustandCasinoGamesKitStore = exports.requestSelectors = exports.useZustandRequestKitStore = exports.zustandSignInKitSelectors = exports.useZustandSignInKitStore = exports.zustandRegistrationKitSelector = exports.useZustandRegistrationKitStore = exports.zustandDeviceKitSelector = exports.useZustandDeviceKitStore = exports.zustandModalKitSelector = exports.useZustandModalKitStore = exports.notificationKitSelectors = exports.useZustandNotificationKitStore = exports.Text = exports.languageSelectors = exports.useZustandLanguagesKitStore = exports.AccordionGroup = exports.Accordion = exports.Leaderboard = exports.BattleBanner = exports.Section = exports.Step = void 0;
|
|
6
|
+
exports.ReferralTable = exports.TournamentCard = exports.Scratch = exports.Wheel = exports.JackPotInfoBox = exports.JackpotWidget = exports.useInView = exports.useTranslate = exports.useCountDown = exports.useOnClickOutside = exports.useElementResize = exports.useHookFabric = exports.HOCRequestLoader = exports.HOCErrorBoundary = exports.HOCOutsideClick = exports.HOCImageLoader = exports.Image = 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;
|
|
7
|
+
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.SignUpTypeTwo = exports.SignUp = exports.RegistrationPromoCode = exports.CountrySelector = exports.CurrencySelector = exports.DocsCheckBox = exports.OneClick = exports.PromotionMobileApp = exports.BannerTemplate = exports.Banners = exports.LastBigWinners = exports.CountDown = exports.PortalLayout = exports.LandingLayoutTemplate = exports.DrawerLayout = exports.BonusCardLayout = exports.Alerts = exports.ModalLayout = exports.Pagination = void 0;
|
|
8
|
+
exports.UkrSvg = exports.TrSvg = exports.RuSvg = exports.RoSvg = exports.PtSvg = exports.NoSvg = exports.KzSvg = exports.KoSvg = exports.ItSvg = exports.HiSvg = exports.FrSvg = exports.EsSvg = exports.EnSvg = exports.DeSvg = exports.ChSvg = exports.BsSvg = exports.BnSvg = exports.AzeSvg = exports.PlatinumOneSvg = exports.PlatinumSvg = exports.GreenSvg = exports.GoldSvg = exports.DiamondSvg = exports.SilverSvg = exports.BronzeSvg = exports.InfoSecondSvg = exports.VipClubSvg = exports.ThirdBonusSvg = exports.SecondBonusSvg = exports.FirstBonusSvg = exports.WalletSvg = exports.TrashSvg = exports.ThreeDotsSvg = exports.SupportSvg = exports.StarSvg = exports.ShareSvg = exports.SelectedSvg = exports.ProvidersBlocksSvg = exports.SearchSvg = exports.PlusSvg = exports.InfoLotterySvg = exports.LotterySvg = exports.DrawerTogglerSvg = exports.GrowSvg = exports.GoogleSvg = exports.FavoritesSvg = exports.DocSvg = exports.CopySvg = exports.CoinsSvg = exports.CoinSvg = void 0;
|
|
9
|
+
exports.NavBettingSvg = exports.NavBettingLiveSvg = exports.NavBonusesSvg = exports.NavCasinoSvg = exports.NavMyBetsSvg = exports.NavReferralSvg = exports.NavTournamentSvg = exports.Notifications = exports.NotificationSuccessSvg = exports.NotificationErrorSvg = exports.NotificationWarningSvg = exports.NotFoundBonusesSvg = exports.VolleyballSvg = exports.TennisSvg = exports.TableTennisSvg = exports.SquashSvg = exports.SoccerSvg = exports.SnookerSvg = exports.RugbySvg = exports.MmaSvg = exports.KabaddiSvg = exports.IceHockeySvg = exports.FutsalSvg = exports.FieldHockeySvg = exports.EsportSvg = exports.ENhlSvg = exports.ENbaSvg = exports.EFifaSvg = exports.DartsSvg = exports.CricketSvg = exports.ChessSvg = exports.BoxingSvg = exports.BeachSoccerSvg = exports.Basketball3x3Svg = exports.BasketballSvg = exports.BaseballSvg = exports.BadmintonSvg = exports.AussieRulesSvg = exports.AmericanFootballSvg = exports.WithdrawSvg = exports.WaitingSvg = exports.SuccessSvg = exports.ErrorSvg = exports.DepositSvg = exports.RecommendedSvg = exports.CasinoCoinSvg = exports.DefaultImgSvg = exports.ProvidersSvg = exports.TournamentWagerSvg = exports.UzSvg = void 0;
|
|
10
|
+
exports.HookProvider = exports.useHookProvider = exports.REFERRAL_CODE = exports.REFERRAL_KEY = exports.COUNTRY_MOCK = exports.EAppType = exports.copyToClipboard = exports.getRegistrationData = exports.getAuthorizationData = exports.sleep = exports.getCasinoCategoryIcon = exports.ESignUpTheme = exports.EDirection = exports.wheelPromoSelectors = exports.useZustandWheelPromoKitStore = exports.connectionSelectors = exports.useZustandConnectionKitStore = exports.gamesSelectors = exports.useZustandCasinoGamesKitStore = exports.requestSelectors = exports.useZustandRequestKitStore = exports.zustandSignInKitSelectors = exports.useZustandSignInKitStore = exports.zustandRegistrationKitSelector = exports.useZustandRegistrationKitStore = exports.zustandDeviceKitSelector = exports.useZustandDeviceKitStore = exports.zustandModalKitSelector = exports.useZustandModalKitStore = exports.notificationKitSelectors = exports.useZustandNotificationKitStore = exports.Text = exports.languageSelectors = exports.useZustandLanguagesKitStore = exports.AccordionGroup = exports.Accordion = exports.Leaderboard = exports.BattleBanner = exports.Section = exports.Step = exports.BattlesCard = void 0;
|
|
11
11
|
// Buttons
|
|
12
12
|
var Buttons_1 = require("components/ui/Buttons");
|
|
13
13
|
Object.defineProperty(exports, "BaseButton", { enumerable: true, get: function () { return Buttons_1.BaseButton; } });
|
|
@@ -129,6 +129,8 @@ var MainLoader_1 = require("components/ui/Loaders/MainLoader");
|
|
|
129
129
|
Object.defineProperty(exports, "MainLoader", { enumerable: true, get: function () { return MainLoader_1.MainLoader; } });
|
|
130
130
|
var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
|
|
131
131
|
Object.defineProperty(exports, "CircularLoader", { enumerable: true, get: function () { return CircularLoader_1.CircularLoader; } });
|
|
132
|
+
var Image_1 = require("components/ui/Image");
|
|
133
|
+
Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return Image_1.Image; } });
|
|
132
134
|
// CountDown
|
|
133
135
|
var CountDown_1 = require("components/ui/CountDown");
|
|
134
136
|
Object.defineProperty(exports, "CountDown", { enumerable: true, get: function () { return CountDown_1.CountDown; } });
|
package/dist/lib/types/ui.d.ts
CHANGED
package/dist/lib/types/ui.js
CHANGED
|
@@ -10,7 +10,7 @@ var EAppType;
|
|
|
10
10
|
EAppType[EAppType["Opera"] = 5] = "Opera";
|
|
11
11
|
EAppType[EAppType["FsWin"] = 6] = "FsWin";
|
|
12
12
|
EAppType[EAppType["JabiBet"] = 7] = "JabiBet";
|
|
13
|
-
EAppType[EAppType["
|
|
13
|
+
EAppType[EAppType["GoblinBet"] = 8] = "GoblinBet";
|
|
14
14
|
EAppType[EAppType["M1"] = 9] = "M1";
|
|
15
15
|
})(EAppType = exports.EAppType || (exports.EAppType = {}));
|
|
16
16
|
exports.PAGINATION_STEP = 5;
|
|
@@ -11,7 +11,7 @@ export declare const languageSelectors: {
|
|
|
11
11
|
[key: string]: any;
|
|
12
12
|
};
|
|
13
13
|
getAndSetLanguagesKitAction: (state: ZustandLanguageStoreKit) => (lang: string, path: string) => void;
|
|
14
|
-
getBrandNameKitSelector: (state: ZustandLanguageStoreKit) => "Unknown" | "Azure" | "Elon" | "XXX" | "Opera" | "FsWin" | "JabiBet" | "
|
|
14
|
+
getBrandNameKitSelector: (state: ZustandLanguageStoreKit) => "Unknown" | "Azure" | "Elon" | "XXX" | "Opera" | "FsWin" | "JabiBet" | "GoblinBet" | "M1";
|
|
15
15
|
setInitialLanguageKitAction: (state: ZustandLanguageStoreKit) => (appType: import("../..").EAppType, initialLang: string, path: string) => void;
|
|
16
16
|
setLanguagesKitAction: (state: ZustandLanguageStoreKit) => (lang: {
|
|
17
17
|
name: string;
|
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
14
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
15
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
@@ -46,6 +57,16 @@ exports.useZustandLanguagesKitStore = (0, zustand_1.create)(function (set, get)
|
|
|
46
57
|
setLanguages: function (languages) {
|
|
47
58
|
set({ languages: languages });
|
|
48
59
|
},
|
|
60
|
+
addTranslateBlock: function (blockKey, block) {
|
|
61
|
+
var languages = get().languages;
|
|
62
|
+
if (!languages) {
|
|
63
|
+
console.warn('DICTIONARY IS NOT FOUND');
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
var newLanguage = __assign({}, languages);
|
|
67
|
+
newLanguage.dictionary[blockKey] = block;
|
|
68
|
+
set({ languages: newLanguage });
|
|
69
|
+
},
|
|
49
70
|
getAndSetLanguages: function (lang, path) { return __awaiter(void 0, void 0, void 0, function () {
|
|
50
71
|
var languageResponse, languages, error_1, languageResponse, languages, error_2;
|
|
51
72
|
return __generator(this, function (_a) {
|
|
@@ -2,6 +2,7 @@ import { EAppType } from '../../types/ui';
|
|
|
2
2
|
export interface ZustandLanguageStoreKit extends ZustandLanguageEntitiesKit {
|
|
3
3
|
getAndSetLanguages: (lang: string, path: string) => void;
|
|
4
4
|
setInitLanguage: (appType: EAppType, initialLang: string, path: string) => void;
|
|
5
|
+
addTranslateBlock: (blockKey: string, block: DeepObject) => void;
|
|
5
6
|
setLanguages: (lang: TLanguage, initLanguage?: string) => void;
|
|
6
7
|
}
|
|
7
8
|
interface ZustandLanguageEntitiesKit {
|
package/dist/main.css
CHANGED
|
@@ -1843,9 +1843,7 @@
|
|
|
1843
1843
|
.KIT__SignUpTypeTwo-module__pink___T1c13 {
|
|
1844
1844
|
--background: linear-gradient(181.81deg, #a21a4b -0.66%, #350717 98.3%);
|
|
1845
1845
|
border: 4px solid;
|
|
1846
|
-
|
|
1847
1846
|
-o-border-image: linear-gradient(181.3deg, #ff6489 -1.04%, #ba405d 93.8%) 1;
|
|
1848
|
-
|
|
1849
1847
|
border-image: linear-gradient(181.3deg, #ff6489 -1.04%, #ba405d 93.8%) 1;
|
|
1850
1848
|
--currency-box-background: rgba(53, 7, 23, 1);
|
|
1851
1849
|
--currency-box-shadow: 1px 1px 8.6px 3px rgba(253, 249, 255, 0.5);
|
|
@@ -1870,6 +1868,37 @@
|
|
|
1870
1868
|
--currency-box-shadow: 1px 1px 8.6px 3px rgba(253, 249, 255, 0.5);
|
|
1871
1869
|
}
|
|
1872
1870
|
|
|
1871
|
+
.KIT__SignUpTypeTwo-module__silverTwo___EVriL {
|
|
1872
|
+
--background: rgba(25, 33, 44, 1);
|
|
1873
|
+
border: 4px solid;
|
|
1874
|
+
-o-border-image: linear-gradient(
|
|
1875
|
+
90deg,
|
|
1876
|
+
#353537 0%,
|
|
1877
|
+
#546378 39.52%,
|
|
1878
|
+
#343e4b 68.38%,
|
|
1879
|
+
#262b33 100%
|
|
1880
|
+
)
|
|
1881
|
+
1;
|
|
1882
|
+
border-image: linear-gradient(
|
|
1883
|
+
90deg,
|
|
1884
|
+
#353537 0%,
|
|
1885
|
+
#546378 39.52%,
|
|
1886
|
+
#343e4b 68.38%,
|
|
1887
|
+
#262b33 100%
|
|
1888
|
+
)
|
|
1889
|
+
1;
|
|
1890
|
+
--tab-border-bottom: 2px solid rgba(238, 54, 125, 0.2);
|
|
1891
|
+
--tab-indicator-background: rgba(238, 54, 125, 1);
|
|
1892
|
+
--submit-button-background: rgba(238, 54, 125, 1);
|
|
1893
|
+
--submit-button-color: var(--base-0);
|
|
1894
|
+
--phone-wrapper-background: rgba(14, 19, 25, 1);
|
|
1895
|
+
--currency-box-background: rgba(14, 19, 25, 1);
|
|
1896
|
+
--input-focus-border-color: rgba(238, 54, 125, 1);
|
|
1897
|
+
--currency-box-shadow: 1px 1px 8.6px 3px rgba(253, 249, 255, 0.5);
|
|
1898
|
+
--thumb-background: rgba(46, 52, 59, 1);
|
|
1899
|
+
--track-background: var(--base-1000);
|
|
1900
|
+
}
|
|
1901
|
+
|
|
1873
1902
|
.KIT__SignUpTypeTwo-module__contentArea___fA84v {
|
|
1874
1903
|
overflow-y: auto;
|
|
1875
1904
|
width: 100%;
|
|
@@ -3728,6 +3757,11 @@
|
|
|
3728
3757
|
}
|
|
3729
3758
|
}
|
|
3730
3759
|
|
|
3760
|
+
.KIT__Image-module__center___wgHAj {
|
|
3761
|
+
display: flex;
|
|
3762
|
+
justify-content: center;
|
|
3763
|
+
align-items: center;
|
|
3764
|
+
}
|
|
3731
3765
|
.KIT__TreasureSvg-module__treasureSvg___IK5Im {
|
|
3732
3766
|
margin: 0 auto;
|
|
3733
3767
|
}
|
|
@@ -5461,9 +5495,11 @@
|
|
|
5461
5495
|
}
|
|
5462
5496
|
|
|
5463
5497
|
:root {
|
|
5498
|
+
/* First */
|
|
5464
5499
|
--sign-up-promo-code-color: color-mix(in oklab, var(--base-0, red) 50%, transparent 50%);
|
|
5465
5500
|
/*Notice: it equals 255,255,255,0.5*/
|
|
5466
5501
|
--sign-up-modal-checkbox-color: var(--base-0, white);
|
|
5502
|
+
/* Second */
|
|
5467
5503
|
}
|
|
5468
5504
|
:root {
|
|
5469
5505
|
--selector-border: var(--input-border);
|