react-gldn-kit 0.1.35 → 0.1.37
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/Layouts/BonusCardLayout/index.js +6 -4
- package/dist/lib/components/Layouts/BonusCardLayout/types.d.ts +5 -0
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/components/Forms/EmailSignUp/index.d.ts +3 -2
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/components/Forms/EmailSignUp/index.js +9 -9
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/components/Forms/OneClickKit/index.js +0 -3
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/components/Forms/PhoneSignUp/index.js +4 -4
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/index.js +1 -1
- package/dist/lib/components/Modals/Alert/index.js +5 -3
- package/dist/lib/components/SignUp/CountrySelector/index.js +5 -1
- package/dist/lib/components/SignUp/CountrySelector/types.d.ts +0 -2
- package/dist/lib/components/SignUp/PromoCode/constants.d.ts +2 -0
- package/dist/lib/components/SignUp/PromoCode/constants.js +6 -0
- package/dist/lib/components/SignUp/PromoCode/index.js +6 -5
- package/dist/lib/components/SignUp/PromoCode/types.d.ts +0 -1
- package/dist/lib/components/ui/AccordionGroup/Accordion.d.ts +1 -0
- package/dist/lib/components/ui/AccordionGroup/Accordion.js +2 -2
- package/dist/lib/components/ui/Icons/InfoSecondSvg.d.ts +2 -0
- package/dist/lib/components/ui/Icons/InfoSecondSvg.js +20 -0
- package/dist/lib/constants/translates.js +16 -16
- package/dist/lib/index.d.ts +4 -1
- package/dist/lib/index.js +10 -3
- package/dist/lib/zustandStore/alerts/modal/types.d.ts +30 -29
- package/dist/lib/zustandStore/alerts/modal/types.js +30 -29
- package/dist/main.css +103 -20
- package/package.json +1 -1
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/components/CountrySelector/index.d.ts +0 -7
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/components/CountrySelector/index.js +0 -54
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/components/CurrencySelector/index.d.ts +0 -7
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/components/CurrencySelector/index.js +0 -59
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/components/PromoCode/index.d.ts +0 -6
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/components/PromoCode/index.js +0 -65
|
@@ -42,12 +42,14 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
42
42
|
var classnames_1 = __importDefault(require("classnames"));
|
|
43
43
|
var CountDown_1 = require("components/ui/CountDown");
|
|
44
44
|
var Buttons_1 = require("components/ui/Buttons");
|
|
45
|
+
var Text_1 = require("components/Text");
|
|
46
|
+
var InfoSecondSvg_1 = require("components/ui/Icons/InfoSecondSvg");
|
|
45
47
|
var styles = __importStar(require("./BonusCardLayout.module.css"));
|
|
46
48
|
var BonusCardLayout = function (props) {
|
|
47
49
|
var _a;
|
|
48
|
-
var bonusImagePath = props.bonusImagePath, title = props.title, value = props.value, _b = props.endTimestamp, endTimestamp = _b === void 0 ? 0 : _b, description = props.description, buttonText = props.buttonText, handleClaim = props.handleClaim, counterProps = props.counterProps;
|
|
49
|
-
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperBonusCardLayout }, { children: [(0, jsx_runtime_1.
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
var bonusImagePath = props.bonusImagePath, title = props.title, value = props.value, _b = props.endTimestamp, endTimestamp = _b === void 0 ? 0 : _b, description = props.description, buttonText = props.buttonText, handleClaim = props.handleClaim, counterProps = props.counterProps, categoryName = props.categoryName, currencyName = props.currencyName, _c = props.isAvailable, isAvailable = _c === void 0 ? true : _c, lockImagePath = props.lockImagePath, infoCallback = props.infoCallback;
|
|
51
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperBonusCardLayout }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.container }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.info }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.categoryName }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: categoryName }) })), (0, jsx_runtime_1.jsx)(InfoSecondSvg_1.InfoSecondSvg, { classes: styles.infoSvg, handleClick: infoCallback })] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.box }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.row }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: title }) })) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.description }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: description }) })), !!endTimestamp && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.timer }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.expiration }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "bonusCabinet.expiration" }) })), (0, jsx_runtime_1.jsx)(CountDown_1.CountDown, __assign({}, counterProps, { endTimestamp: endTimestamp, wrapperClasses: (0, classnames_1.default)(styles.maxWidth, styles.timerBg), type: "row", timeBlockClasses: styles.timeBlock }))] }))), value && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.row }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.value }, { children: [currencyName, value] })) })))] }))] })) })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: buttonText, handleClick: handleClaim, buttonHeight: "--button-height-full", size: "--button-full", color: "primary", disabled: !+value, centreText: true, classes: (0, classnames_1.default)(styles.btn, (_a = {},
|
|
52
|
+
_a[styles.dark] = !+value,
|
|
53
|
+
_a)) }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.img }, { children: (0, jsx_runtime_1.jsx)("img", { src: bonusImagePath, className: styles.wrapperBonusCard }) })), !isAvailable && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.blockedContent }, { children: [(0, jsx_runtime_1.jsx)("img", { src: lockImagePath, className: styles.lock }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.blockedText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "bonusCabinet.availableFrom" }) }))] })))] })));
|
|
52
54
|
};
|
|
53
55
|
exports.BonusCardLayout = BonusCardLayout;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { getRegistrationData } from 'zustandStore/forms/signUp/utils';
|
|
2
|
-
import { CurrencyInfo } from 'react-memory-optimization/dist/lib/store/user/types';
|
|
2
|
+
import { CountryInfo, CurrencyInfo } from 'react-memory-optimization/dist/lib/store/user/types';
|
|
3
3
|
type Props = {
|
|
4
4
|
isSelected: boolean;
|
|
5
5
|
handleRegistration: (k: string, data: ReturnType<typeof getRegistrationData>) => void;
|
|
6
6
|
availableCurrencies: CurrencyInfo[];
|
|
7
|
+
countryInfo: CountryInfo | null;
|
|
7
8
|
};
|
|
8
|
-
export declare const EmailSignUp: (
|
|
9
|
+
export declare const EmailSignUp: (props: Props) => import("react/jsx-runtime").JSX.Element;
|
|
9
10
|
export {};
|
|
@@ -42,8 +42,6 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
42
42
|
var react_1 = require("react");
|
|
43
43
|
var types_1 = require("react-memory-optimization/dist/lib/binary/types");
|
|
44
44
|
var classnames_1 = __importDefault(require("classnames"));
|
|
45
|
-
var CurrencySelector_1 = __importDefault(require("../../CurrencySelector"));
|
|
46
|
-
var PromoCode_1 = __importDefault(require("../../PromoCode"));
|
|
47
45
|
var DocsCheckBox_1 = __importDefault(require("../DocsCheckBox"));
|
|
48
46
|
var styles = __importStar(require("../../../SignUp.module.css"));
|
|
49
47
|
var stylesEmailSignUp = __importStar(require("./EmailSignUp.module.css"));
|
|
@@ -56,15 +54,17 @@ var validation_1 = require("service/validation");
|
|
|
56
54
|
var BaseInput_1 = require("components/ui/Inputs/BaseInput");
|
|
57
55
|
var BaseButton_1 = require("components/ui/Buttons/BaseButton");
|
|
58
56
|
var utils_1 = require("zustandStore/forms/signUp/utils");
|
|
59
|
-
var
|
|
60
|
-
|
|
61
|
-
|
|
57
|
+
var PromoCode_1 = require("components/SignUp/PromoCode");
|
|
58
|
+
var CurrencySelector_1 = require("components/SignUp/CurrencySelector");
|
|
59
|
+
var EmailSignUp = function (props) {
|
|
60
|
+
var countryInfo = props.countryInfo, _a = props.isSelected, isSelected = _a === void 0 ? false : _a, handleRegistration = props.handleRegistration, availableCurrencies = props.availableCurrencies;
|
|
61
|
+
var _b = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), email = _b[0], setEmail = _b[1];
|
|
62
62
|
// const docs = useZustandWebConfiguration(getDocsSelector) || {};
|
|
63
|
-
var
|
|
63
|
+
var _c = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), password = _c[0], setPassword = _c[1];
|
|
64
64
|
var setRegisteredLogin = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setRegisteredLoginAction);
|
|
65
65
|
var activeCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCurrencyIdSelector);
|
|
66
66
|
var activeLang = (0, store_2.useZustandLanguagesKitStore)(selectors_2.languageSelectors.getActiveLanguageNameKitSelector);
|
|
67
|
-
var
|
|
67
|
+
var _d = (0, react_1.useState)(isSelected), terms = _d[0], setTermsState = _d[1];
|
|
68
68
|
var isDisabledSubmitButton = (0, react_1.useMemo)(function () {
|
|
69
69
|
return Boolean(!activeCurrencyId ||
|
|
70
70
|
!email.value ||
|
|
@@ -73,7 +73,7 @@ var EmailSignUp = function (_a) {
|
|
|
73
73
|
password.errorText ||
|
|
74
74
|
!terms);
|
|
75
75
|
}, [activeCurrencyId, email, password, terms]);
|
|
76
|
-
var
|
|
76
|
+
var _e = (0, react_1.useState)(''), promoCode = _e[0], setPromoCode = _e[1];
|
|
77
77
|
var handleChange = function (t) { return function (value) {
|
|
78
78
|
if (t === 'password') {
|
|
79
79
|
var errorText = (0, validation_1.composeValidations)([
|
|
@@ -125,6 +125,6 @@ var EmailSignUp = function (_a) {
|
|
|
125
125
|
// }
|
|
126
126
|
// openExternalLink(link, true);
|
|
127
127
|
};
|
|
128
|
-
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: stylesEmailSignUp.animationFadeIn }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.email", size: "full", isHidePlaceholder: true, onChange: handleChange('email'), errorText: email.errorText, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), errorText: password.errorText, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.
|
|
128
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: stylesEmailSignUp.animationFadeIn }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.email", size: "full", isHidePlaceholder: true, onChange: handleChange('email'), errorText: email.errorText, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), errorText: password.errorText, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.default, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: "registrations.submitBtn", disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(styles.marginB, styles.authButton) })] })));
|
|
129
129
|
};
|
|
130
130
|
exports.EmailSignUp = EmailSignUp;
|
|
@@ -13,7 +13,6 @@ var OneClickKit = function (props) {
|
|
|
13
13
|
var activeCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCurrencyIdSelector);
|
|
14
14
|
var activeCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
|
|
15
15
|
var activeLang = (0, store_2.useZustandLanguagesKitStore)(selectors_2.languageSelectors.getActiveLanguageNameKitSelector);
|
|
16
|
-
// const docs = useZustandWebConfiguration(getDocsSelector) || {};
|
|
17
16
|
var setActiveCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setActiveCountryIdAction);
|
|
18
17
|
var prepareRegistrationData = function (promoCode) {
|
|
19
18
|
if (!activeCurrencyId || !activeCountryId) {
|
|
@@ -32,8 +31,6 @@ var OneClickKit = function (props) {
|
|
|
32
31
|
availableCurrencies: availableCurrencies,
|
|
33
32
|
countryInfo: countryInfo,
|
|
34
33
|
}, countryProps: {
|
|
35
|
-
activeCountryId: activeCountryId,
|
|
36
|
-
setActiveCountryId: setActiveCountryId,
|
|
37
34
|
countryInfo: countryInfo,
|
|
38
35
|
}, isLoading: false }));
|
|
39
36
|
};
|
|
@@ -40,15 +40,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
40
40
|
exports.PhoneSignUp = void 0;
|
|
41
41
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
42
42
|
var react_1 = require("react");
|
|
43
|
-
var CountrySelector_1 = __importDefault(require("../../CountrySelector"));
|
|
44
|
-
var CurrencySelector_1 = __importDefault(require("../../CurrencySelector"));
|
|
45
43
|
var constant_1 = require("components/ui/Inputs/BaseInput/constant");
|
|
46
44
|
var store_1 = require("zustandStore/languages/store");
|
|
47
45
|
var selectors_1 = require("zustandStore/languages/selectors");
|
|
48
46
|
var BaseInput_1 = require("components/ui/Inputs/BaseInput");
|
|
49
47
|
var BaseButton_1 = require("components/ui/Buttons/BaseButton");
|
|
50
48
|
var PhoneInput_1 = require("components/ui/Inputs/PhoneInput");
|
|
51
|
-
var PromoCode_1 = __importDefault(require("../../PromoCode"));
|
|
52
49
|
var DocsCheckBox_1 = __importDefault(require("../DocsCheckBox"));
|
|
53
50
|
var constants_1 = require("./constants");
|
|
54
51
|
var store_2 = require("zustandStore/forms/signUp/store");
|
|
@@ -58,6 +55,9 @@ var shared_1 = require("utils/shared");
|
|
|
58
55
|
var styles = __importStar(require("../../../SignUp.module.css"));
|
|
59
56
|
var types_1 = require("react-memory-optimization/dist/lib/binary/types");
|
|
60
57
|
var utils_1 = require("zustandStore/forms/signUp/utils");
|
|
58
|
+
var PromoCode_1 = require("components/SignUp/PromoCode");
|
|
59
|
+
var CountrySelector_1 = require("components/SignUp/CountrySelector");
|
|
60
|
+
var CurrencySelector_1 = require("components/SignUp/CurrencySelector");
|
|
61
61
|
var PhoneSignUp = function (props) {
|
|
62
62
|
var availableCurrencies = props.availableCurrencies, isSelected = props.isSelected, _a = props.withoutCode, withoutCode = _a === void 0 ? false : _a, countryInfo = props.countryInfo, handleRegistration = props.handleRegistration, _b = props.requestCode, requestCode = _b === void 0 ? console.info : _b;
|
|
63
63
|
var setRegisteredLogin = (0, store_2.useZustandRegistrationKitStore)(selectors_2.zustandRegistrationKitSelector.setRegisteredLoginAction);
|
|
@@ -144,6 +144,6 @@ var PhoneSignUp = function (props) {
|
|
|
144
144
|
var PHONE_PROPS = withoutCode
|
|
145
145
|
? constants_1.PHONE_PROPS_WITHOUT_CONFIRMATION
|
|
146
146
|
: constants_1.PHONE_PROPS_WITH_CONFIRMATION;
|
|
147
|
-
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, __assign({}, PHONE_PROPS, { placeholder: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: styles.marginB, disabled: isRequestedCode, classes: styles.marginB, requestCode: !withoutCode ? requestCode : undefined })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), classes: styles.marginB })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CountrySelector_1.
|
|
147
|
+
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, __assign({}, PHONE_PROPS, { placeholder: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: styles.marginB, disabled: isRequestedCode, classes: styles.marginB, requestCode: !withoutCode ? requestCode : undefined })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), classes: styles.marginB })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.default, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: 'registrations.submitBtn', disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: styles.marginB })] }));
|
|
148
148
|
};
|
|
149
149
|
exports.PhoneSignUp = PhoneSignUp;
|
|
@@ -80,6 +80,6 @@ var SignUp = function (props) {
|
|
|
80
80
|
setActiveForm(tabs[0].value);
|
|
81
81
|
}
|
|
82
82
|
}, [activeForm, tabs]);
|
|
83
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralFailure, classes) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperSignUpModal }, { children: [bonusSignUp && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.bonusText }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "wheelTwo.secondPopUp.title" }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: bonusSubText ? bonusSubText : 'wheelTwo.secondPopUp.subTitle' }) })), (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: bonusText ? bonusText : 'wheelTwo.secondPopUp.bonus' })] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperTabsAndForm }, { children: [activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.zIndex }, { children: [activeForm === types_2.ERegistrationForm.Email && ((0, jsx_runtime_1.jsx)(EmailSignUp_1.EmailSignUp, { isSelected: true, handleRegistration: handleRegistration, availableCurrencies: availableCurrencies || [] })), activeForm === types_2.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRegistration, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] })), activeForm === types_2.ERegistrationForm.PhoneWithoutCode && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { withoutCode: true, isSelected: true, requestCode: handleRegistration, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] })), activeForm === types_2.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] }))] }))] })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { size: "--button-full", color: "dark", buttonHeight: "--button-height-full", text: "header.login", classes: styles.authButton, handleClick: openSignIn, centreText: true })] })) })));
|
|
83
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralFailure, classes) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperSignUpModal }, { children: [bonusSignUp && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.bonusText }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "wheelTwo.secondPopUp.title" }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: bonusSubText ? bonusSubText : 'wheelTwo.secondPopUp.subTitle' }) })), (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: bonusText ? bonusText : 'wheelTwo.secondPopUp.bonus' })] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperTabsAndForm }, { children: [activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.zIndex }, { children: [activeForm === types_2.ERegistrationForm.Email && ((0, jsx_runtime_1.jsx)(EmailSignUp_1.EmailSignUp, { isSelected: true, countryInfo: countryInfo, handleRegistration: handleRegistration, availableCurrencies: availableCurrencies || [] })), activeForm === types_2.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRegistration, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] })), activeForm === types_2.ERegistrationForm.PhoneWithoutCode && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { withoutCode: true, isSelected: true, requestCode: handleRegistration, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] })), activeForm === types_2.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] }))] }))] })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { size: "--button-full", color: "dark", buttonHeight: "--button-height-full", text: "header.login", classes: styles.authButton, handleClick: openSignIn, centreText: true })] })) })));
|
|
84
84
|
};
|
|
85
85
|
exports.SignUp = SignUp;
|
|
@@ -126,9 +126,9 @@ var SetNewPassword = (0, react_1.lazy)(function () { return __awaiter(void 0, vo
|
|
|
126
126
|
var styles = __importStar(require("./Alert.module.css"));
|
|
127
127
|
var shared_1 = require("utils/shared");
|
|
128
128
|
var Alerts = function (props) {
|
|
129
|
-
var _a;
|
|
129
|
+
var _a, _b;
|
|
130
130
|
var getComponentFn = props.getComponentFn, controllers = props.controllers, hooks = props.hooks;
|
|
131
|
-
var
|
|
131
|
+
var _c = ((controllers === null || controllers === void 0 ? void 0 : controllers()) || {}).sendCommand, sendCommand = _c === void 0 ? console.info : _c;
|
|
132
132
|
var modalType = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalTypeSelector);
|
|
133
133
|
var oldModalType = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getNextEModalTypeSelector);
|
|
134
134
|
var closeAndOpen = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.closeAndOpenModalAction);
|
|
@@ -191,6 +191,8 @@ var Alerts = function (props) {
|
|
|
191
191
|
// [styles.modalCloseDesktopAnimation]: isCloseModal && !isMobile,
|
|
192
192
|
_a[styles.animationFadeIn] = isActiveModal,
|
|
193
193
|
_a[styles.animationFadeOutModal] = isCloseModal,
|
|
194
|
-
_a)), modalLayoutClasses: additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.classes
|
|
194
|
+
_a)), modalLayoutClasses: (0, classnames_1.default)(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.classes, (_b = {},
|
|
195
|
+
_b[styles.fullHeight] = modalType === types_1.EModalTypes.Bonuses,
|
|
196
|
+
_b)) }, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, __assign({ fallback: (0, jsx_runtime_1.jsx)("div", __assign({ className: "full center" }, { children: "LOADING" })) }, { children: getModalComponent() })) })));
|
|
195
197
|
};
|
|
196
198
|
exports.Alerts = Alerts;
|
|
@@ -5,8 +5,12 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
var react_1 = require("react");
|
|
6
6
|
var Selector_1 = require("components/ui/Selector");
|
|
7
7
|
var mock_1 = require("constants/mock");
|
|
8
|
+
var store_1 = require("zustandStore/forms/signUp/store");
|
|
9
|
+
var selectors_1 = require("zustandStore/forms/signUp/selectors");
|
|
8
10
|
var CountrySelector = function (props) {
|
|
9
|
-
var classes = props.classes,
|
|
11
|
+
var classes = props.classes, countryInfo = props.countryInfo, _a = props.translateKey, translateKey = _a === void 0 ? 'registrations.selectors.country' : _a;
|
|
12
|
+
var activeCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
|
|
13
|
+
var setActiveCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setActiveCountryIdAction);
|
|
10
14
|
(0, react_1.useEffect)(function () {
|
|
11
15
|
if (activeCountryId || !countryInfo) {
|
|
12
16
|
return;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.REFERRAL_CODE = exports.REFERRAL_KEY = void 0;
|
|
4
|
+
var shared_1 = require("utils/shared");
|
|
5
|
+
exports.REFERRAL_KEY = 'referral_code';
|
|
6
|
+
exports.REFERRAL_CODE = (0, shared_1.getValueByIdFromUrl)(exports.REFERRAL_KEY, window.location.href);
|
|
@@ -41,8 +41,9 @@ var BaseInput_1 = require("components/ui/Inputs/BaseInput");
|
|
|
41
41
|
var LotterySvg_1 = require("components/ui/Icons/Base/LotterySvg");
|
|
42
42
|
var Text_1 = require("components/Text");
|
|
43
43
|
var styles = __importStar(require("./PromoCode.module.css"));
|
|
44
|
+
var constants_1 = require("./constants");
|
|
44
45
|
var RegistrationPromoCode = function (props) {
|
|
45
|
-
var setPromoCode = props.setPromoCode,
|
|
46
|
+
var setPromoCode = props.setPromoCode, classes = props.classes, _a = props.translatesKeys, translatesKeys = _a === void 0 ? [
|
|
46
47
|
'registrations.promoCode.openPromoCodeTitle',
|
|
47
48
|
'registrations.promoCode.placeholder',
|
|
48
49
|
] : _a;
|
|
@@ -51,13 +52,13 @@ var RegistrationPromoCode = function (props) {
|
|
|
51
52
|
setPromoCodeState(!isShownPromoCode);
|
|
52
53
|
};
|
|
53
54
|
(0, react_1.useEffect)(function () {
|
|
54
|
-
if (!
|
|
55
|
+
if (!constants_1.REFERRAL_CODE) {
|
|
55
56
|
return;
|
|
56
57
|
}
|
|
57
|
-
setPromoCode("ref_code::".concat(
|
|
58
|
+
setPromoCode("ref_code::".concat(constants_1.REFERRAL_CODE));
|
|
58
59
|
}, []);
|
|
59
|
-
if (
|
|
60
|
-
return
|
|
60
|
+
if (constants_1.REFERRAL_CODE) {
|
|
61
|
+
return (0, jsx_runtime_1.jsx)("div", __assign({ className: classes }, { children: " " }));
|
|
61
62
|
}
|
|
62
63
|
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: classes }, { children: !isShownPromoCode ? ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.promoTitle, onClick: handleShowPromoCode }, { children: [(0, jsx_runtime_1.jsx)(LotterySvg_1.LotterySvg, { width: "24", height: "24" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: translatesKeys[0] }) })] }))) : ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: translatesKeys[1], size: "full", isHidePlaceholder: true, onChange: setPromoCode, classes: styles.marginBottom })) })));
|
|
63
64
|
};
|
|
@@ -45,7 +45,7 @@ var ArrowSvg_1 = require("../Icons/ArrowSvg");
|
|
|
45
45
|
var Text_1 = require("components/Text");
|
|
46
46
|
var Accordion = function (props) {
|
|
47
47
|
var _a, _b, _c;
|
|
48
|
-
var title = props.title, startIcon = props.startIcon, data = props.data, classes = props.classes, titleClasses = props.titleClasses, _d = props.isGroup, isGroup = _d === void 0 ? false : _d, _e = props.isOpenedByGroup, isOpenedByGroup = _e === void 0 ? false : _e, callbackOpenState = props.callbackOpenState, handleClick = props.handleClick;
|
|
48
|
+
var title = props.title, startIcon = props.startIcon, data = props.data, classes = props.classes, titleClasses = props.titleClasses, _d = props.isGroup, isGroup = _d === void 0 ? false : _d, _e = props.isOpenedByGroup, isOpenedByGroup = _e === void 0 ? false : _e, callbackOpenState = props.callbackOpenState, handleClick = props.handleClick, itemTextClasses = props.itemTextClasses;
|
|
49
49
|
var _f = (0, react_1.useState)(false), isOpened = _f[0], setOpenState = _f[1];
|
|
50
50
|
var handleClickItem = function (inx) { return function () { return handleClick === null || handleClick === void 0 ? void 0 : handleClick(inx); }; };
|
|
51
51
|
var toggleOpenState = function () {
|
|
@@ -65,6 +65,6 @@ var Accordion = function (props) {
|
|
|
65
65
|
_b[styles.starIcon] = startIcon,
|
|
66
66
|
_b), titleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: title }) }))] })), (0, jsx_runtime_1.jsx)(ArrowSvg_1.ArrowSvg, { classes: (0, classnames_1.default)(styles.icon, (_c = {},
|
|
67
67
|
_c[styles.rotate] = isOpenedState,
|
|
68
|
-
_c)), width: "16", height: "9" })] })), isOpenedState && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.accordionList }, { children: data.map(function (text, inx) { return ((0, jsx_runtime_1.jsx)("div", __assign({ onClick: handleClickItem(inx), className: styles.itemRow }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: text }) }), inx)); }) })))] })));
|
|
68
|
+
_c)), width: "16", height: "9" })] })), isOpenedState && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.accordionList }, { children: data.map(function (text, inx) { return ((0, jsx_runtime_1.jsx)("div", __assign({ onClick: handleClickItem(inx), className: (0, classnames_1.default)(styles.itemRow, itemTextClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: text }) }), inx)); }) })))] })));
|
|
69
69
|
};
|
|
70
70
|
exports.default = Accordion;
|
|
@@ -0,0 +1,20 @@
|
|
|
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
|
+
};
|
|
13
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.InfoSecondSvg = void 0;
|
|
15
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
var InfoSecondSvg = function (props) {
|
|
17
|
+
var _a = props.width, width = _a === void 0 ? '20' : _a, _b = props.height, height = _b === void 0 ? '20' : _b, classes = props.classes, handleClick = props.handleClick;
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: width, height: height, viewBox: "0 0 24 24", fill: "none", className: classes, onClick: handleClick }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M11 17H13V11H11V17ZM12 9C12.2833 9 12.521 8.904 12.713 8.712C12.905 8.52 13.0007 8.28267 13 8C12.9993 7.71733 12.9033 7.48 12.712 7.288C12.5207 7.096 12.2833 7 12 7C11.7167 7 11.4793 7.096 11.288 7.288C11.0967 7.48 11.0007 7.71733 11 8C10.9993 8.28267 11.0953 8.52033 11.288 8.713C11.4807 8.90567 11.718 9.00133 12 9ZM12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88334 20.6867 5.825 19.9743 4.925 19.075C4.025 18.1757 3.31267 17.1173 2.788 15.9C2.26333 14.6827 2.00067 13.3827 2 12C1.99933 10.6173 2.262 9.31733 2.788 8.1C3.314 6.88267 4.02633 5.82433 4.925 4.925C5.82367 4.02567 6.882 3.31333 8.1 2.788C9.318 2.26267 10.618 2 12 2C13.382 2 14.682 2.26267 15.9 2.788C17.118 3.31333 18.1763 4.02567 19.075 4.925C19.9737 5.82433 20.6863 6.88267 21.213 8.1C21.7397 9.31733 22.002 10.6173 22 12C21.998 13.3827 21.7353 14.6827 21.212 15.9C20.6887 17.1173 19.9763 18.1757 19.075 19.075C18.1737 19.9743 17.1153 20.687 15.9 21.213C14.6847 21.739 13.3847 22.0013 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z", fill: "var(--bonus-card-info-svg-fill)" }) })));
|
|
19
|
+
};
|
|
20
|
+
exports.InfoSecondSvg = InfoSecondSvg;
|
|
@@ -9,48 +9,48 @@ exports.DICTIONARY = {
|
|
|
9
9
|
title: 'header.join',
|
|
10
10
|
},
|
|
11
11
|
credentials: {
|
|
12
|
-
title: 'credentials.title'
|
|
12
|
+
title: 'credentials.title',
|
|
13
13
|
},
|
|
14
14
|
lostPassword: {
|
|
15
|
-
title: 'authorization.lostPasswordBtn'
|
|
15
|
+
title: 'authorization.lostPasswordBtn',
|
|
16
16
|
},
|
|
17
17
|
setNewPassword: {
|
|
18
|
-
title: 'profile.content.myAccount.form.setNewPassword'
|
|
18
|
+
title: 'profile.content.myAccount.form.setNewPassword',
|
|
19
19
|
},
|
|
20
20
|
languages: {
|
|
21
|
-
title: 'languages'
|
|
21
|
+
title: 'languages',
|
|
22
22
|
},
|
|
23
23
|
casinoProviders: {
|
|
24
|
-
title: 'filterByProviders'
|
|
24
|
+
title: 'filterByProviders',
|
|
25
25
|
},
|
|
26
26
|
casinoFavorite: {
|
|
27
|
-
title: 'favorites'
|
|
27
|
+
title: 'favorites',
|
|
28
28
|
},
|
|
29
29
|
bonuses: {
|
|
30
|
-
title: '
|
|
30
|
+
title: 'bonusCabinet.title',
|
|
31
31
|
},
|
|
32
32
|
calendar: {
|
|
33
|
-
title: 'calendar'
|
|
33
|
+
title: 'calendar',
|
|
34
34
|
},
|
|
35
35
|
referralCopyContent: {
|
|
36
|
-
title: 'referral.shareModal.title'
|
|
36
|
+
title: 'referral.shareModal.title',
|
|
37
37
|
},
|
|
38
38
|
referralWithdraw: {
|
|
39
|
-
title: 'referral.withdrawModal.title'
|
|
39
|
+
title: 'referral.withdrawModal.title',
|
|
40
40
|
},
|
|
41
41
|
referralFailure: {
|
|
42
|
-
title: 'referral.failureModal.title'
|
|
42
|
+
title: 'referral.failureModal.title',
|
|
43
43
|
},
|
|
44
44
|
referralSuccess: {
|
|
45
|
-
title: 'referral.successModal.title'
|
|
45
|
+
title: 'referral.successModal.title',
|
|
46
46
|
},
|
|
47
47
|
promoCodeActivate: {
|
|
48
|
-
title: 'promoCodePage.promoCodeActivatedTitle'
|
|
48
|
+
title: 'promoCodePage.promoCodeActivatedTitle',
|
|
49
49
|
},
|
|
50
50
|
cancelBonus: {
|
|
51
|
-
title: 'bonusCabinet.cancelBonus.title'
|
|
51
|
+
title: 'bonusCabinet.cancelBonus.title',
|
|
52
52
|
},
|
|
53
53
|
claimConfirmation: {
|
|
54
|
-
title: 'bonusCabinet.cancelBonus.title'
|
|
55
|
-
}
|
|
54
|
+
title: 'bonusCabinet.cancelBonus.title',
|
|
55
|
+
},
|
|
56
56
|
};
|
package/dist/lib/index.d.ts
CHANGED
|
@@ -116,6 +116,7 @@ import { SecondBonusSvg } from 'components/ui/Icons/Bonuses/SecondBonusSvg';
|
|
|
116
116
|
import { ThirdBonusSvg } from 'components/ui/Icons/Bonuses/ThirdBonusSvg';
|
|
117
117
|
import { VipClubSvg } from 'components/ui/Icons/Bonuses/VipClubSvg';
|
|
118
118
|
export { CheckBoxSvg } from 'components/ui/Icons/CheckBoxSvg';
|
|
119
|
+
import { InfoSecondSvg } from 'components/ui/Icons/InfoSecondSvg';
|
|
119
120
|
import { BronzeSvg } from './components/ui/Icons/Bonuses/VipClub/BronzeSvg';
|
|
120
121
|
import { SilverSvg } from 'components/ui/Icons/Bonuses/VipClub/SilverSvg';
|
|
121
122
|
import { DiamondSvg } from 'components/ui/Icons/Bonuses/VipClub/DiamondSvg';
|
|
@@ -228,10 +229,12 @@ import { Section } from './components/ui/Section/index';
|
|
|
228
229
|
import { BattleBanner } from 'components/Banners/components/BattleBanner';
|
|
229
230
|
import { Leaderboard } from 'components/ui/Leaderboard';
|
|
230
231
|
import Accordion from 'components/ui/AccordionGroup/Accordion';
|
|
232
|
+
import AccordionGroup from 'components/ui/AccordionGroup';
|
|
231
233
|
import { copyToClipboard, sleep } from 'utils/shared';
|
|
232
234
|
import { getAuthorizationData, getRegistrationData } from 'zustandStore/forms/signUp/utils';
|
|
233
|
-
export { Logo, BaseButton, CloseButton, DrawerButton, AppSwitcher, CasinoCategoryButton, CasinoSubCategoriesButton, ProviderNameButton, DepositButton, ShowAllCard, BaseInput, BaseInputUi, PhoneInput, CheckBox, EmailInput, PasswordInput, JivoChatButton, JivoChatButtonProps, PaymentsMethods, PaymentMethodProps, EActiveMethodTab, DepositSkelet, DepositSkeletProps, DepositQrFormProps, PopUpHeader, Footer, Tabs, MainLoader, CircularLoader, HOCImageLoader, HOCOutsideClick, HOCErrorBoundary, HOCRequestLoader, useHookFabric, useElementResize, useOnClickOutside, useCountDown, useTranslate, useInView, JackpotWidget, JackPotInfoBox, Wheel, Scratch, TournamentCard, ReferralTable, ReferralTableProps, Pagination, ModalLayout, Alerts, BonusCardLayout, DrawerLayout, LandingLayoutTemplate, PortalLayout, CountDown, LastBigWinners, Banners, BannerTemplate, PromotionMobileApp, OneClick, DocsCheckBox, CurrencySelector, CountrySelector, RegistrationPromoCode, SignUp, EmailSignUp, PhoneSignUp, Selector, LanguageSelector, SignIn, ArrowSvg, DownloadSvg, LockSvg, CloseSvg, JabiInHouseSvg, ProviderSvg, HotSvg, WagerSvg, ElonHouseSvg, FSWinHouseSvg, ElonTreasureSvg, FSWinTreasureSvg, JabibetTreasureSvg, PlaySvg, InfoSvg, InstagramSvg, TelegramSvg, FacebookSvg, AvatarSvg, ProfileSvg, BonusGiftSvg, BurgerSvg, CalendarSvg, CashSvg, CloseEyeSvg, OpenEyeSvg, CoinSvg, CoinsSvg, CopySvg, DocSvg, FavoritesSvg, GoogleSvg, GrowSvg, DrawerTogglerSvg, LotterySvg, InfoLotterySvg, PlusSvg, SearchSvg, ProvidersBlocksSvg, SelectedSvg, ShareSvg, StarSvg, SupportSvg, ThreeDotsSvg, TrashSvg, WalletSvg, FirstBonusSvg, SecondBonusSvg, ThirdBonusSvg, VipClubSvg, BronzeSvg, SilverSvg, DiamondSvg, GoldSvg, GreenSvg, PlatinumSvg, PlatinumOneSvg, AzeSvg, BnSvg, BsSvg, ChSvg, DeSvg, EnSvg, EsSvg, FrSvg, HiSvg, ItSvg, KoSvg, KzSvg, NoSvg, PtSvg, RoSvg, RuSvg, TrSvg, UkrSvg, UzSvg, TournamentWagerSvg, ProvidersSvg, DefaultImgSvg, CasinoCoinSvg, RecommendedSvg, DepositSvg, ErrorSvg, SuccessSvg, WaitingSvg, WithdrawSvg, AmericanFootballSvg, AussieRulesSvg, BadmintonSvg, BaseballSvg, BasketballSvg, Basketball3x3Svg, BeachSoccerSvg, BoxingSvg, ChessSvg, CricketSvg, DartsSvg, EFifaSvg, ENbaSvg, ENhlSvg, EsportSvg, FieldHockeySvg, FutsalSvg, IceHockeySvg, KabaddiSvg, MmaSvg, RugbySvg, SnookerSvg, SoccerSvg, SquashSvg, TableTennisSvg, TennisSvg, VolleyballSvg, NotFoundBonusesSvg, NotificationWarningSvg, NotificationErrorSvg, NotificationSuccessSvg, Notifications, NavTournamentSvg, NavReferralSvg, NavMyBetsSvg, NavCasinoSvg, NavBonusesSvg, NavBettingLiveSvg, NavBettingSvg, BattlesCard, Step, Section, BattleBanner, Leaderboard, Accordion, useZustandLanguagesKitStore, languageSelectors, Text, useZustandNotificationKitStore, notificationKitSelectors, useZustandModalKitStore, zustandModalKitSelector, useZustandDeviceKitStore, zustandDeviceKitSelector, useZustandRegistrationKitStore, zustandRegistrationKitSelector, useZustandSignInKitStore, zustandSignInKitSelectors, useZustandRequestKitStore, requestSelectors, useZustandCasinoGamesKitStore, gamesSelectors, useZustandConnectionKitStore, connectionSelectors, useZustandWheelPromoKitStore, wheelPromoSelectors, EDirection, getCasinoCategoryIcon, sleep, getAuthorizationData, getRegistrationData, copyToClipboard, };
|
|
235
|
+
export { Logo, BaseButton, CloseButton, DrawerButton, AppSwitcher, CasinoCategoryButton, CasinoSubCategoriesButton, ProviderNameButton, DepositButton, ShowAllCard, BaseInput, BaseInputUi, PhoneInput, CheckBox, EmailInput, PasswordInput, JivoChatButton, JivoChatButtonProps, PaymentsMethods, PaymentMethodProps, EActiveMethodTab, DepositSkelet, DepositSkeletProps, DepositQrFormProps, PopUpHeader, Footer, Tabs, MainLoader, CircularLoader, HOCImageLoader, HOCOutsideClick, HOCErrorBoundary, HOCRequestLoader, useHookFabric, useElementResize, useOnClickOutside, useCountDown, useTranslate, useInView, JackpotWidget, JackPotInfoBox, Wheel, Scratch, TournamentCard, ReferralTable, ReferralTableProps, Pagination, ModalLayout, Alerts, BonusCardLayout, DrawerLayout, LandingLayoutTemplate, PortalLayout, CountDown, LastBigWinners, Banners, BannerTemplate, PromotionMobileApp, OneClick, DocsCheckBox, CurrencySelector, CountrySelector, RegistrationPromoCode, SignUp, EmailSignUp, PhoneSignUp, Selector, LanguageSelector, SignIn, ArrowSvg, DownloadSvg, LockSvg, CloseSvg, JabiInHouseSvg, ProviderSvg, HotSvg, WagerSvg, ElonHouseSvg, FSWinHouseSvg, ElonTreasureSvg, FSWinTreasureSvg, JabibetTreasureSvg, PlaySvg, InfoSvg, InstagramSvg, TelegramSvg, FacebookSvg, AvatarSvg, ProfileSvg, BonusGiftSvg, BurgerSvg, CalendarSvg, CashSvg, CloseEyeSvg, OpenEyeSvg, CoinSvg, CoinsSvg, CopySvg, DocSvg, FavoritesSvg, GoogleSvg, GrowSvg, DrawerTogglerSvg, LotterySvg, InfoLotterySvg, PlusSvg, SearchSvg, ProvidersBlocksSvg, SelectedSvg, ShareSvg, StarSvg, SupportSvg, ThreeDotsSvg, TrashSvg, WalletSvg, FirstBonusSvg, SecondBonusSvg, ThirdBonusSvg, VipClubSvg, InfoSecondSvg, BronzeSvg, SilverSvg, DiamondSvg, GoldSvg, GreenSvg, PlatinumSvg, PlatinumOneSvg, AzeSvg, BnSvg, BsSvg, ChSvg, DeSvg, EnSvg, EsSvg, FrSvg, HiSvg, ItSvg, KoSvg, KzSvg, NoSvg, PtSvg, RoSvg, RuSvg, TrSvg, UkrSvg, UzSvg, TournamentWagerSvg, ProvidersSvg, DefaultImgSvg, CasinoCoinSvg, RecommendedSvg, DepositSvg, ErrorSvg, SuccessSvg, WaitingSvg, WithdrawSvg, AmericanFootballSvg, AussieRulesSvg, BadmintonSvg, BaseballSvg, BasketballSvg, Basketball3x3Svg, BeachSoccerSvg, BoxingSvg, ChessSvg, CricketSvg, DartsSvg, EFifaSvg, ENbaSvg, ENhlSvg, EsportSvg, FieldHockeySvg, FutsalSvg, IceHockeySvg, KabaddiSvg, MmaSvg, RugbySvg, SnookerSvg, SoccerSvg, SquashSvg, TableTennisSvg, TennisSvg, VolleyballSvg, NotFoundBonusesSvg, NotificationWarningSvg, NotificationErrorSvg, NotificationSuccessSvg, Notifications, NavTournamentSvg, NavReferralSvg, NavMyBetsSvg, NavCasinoSvg, NavBonusesSvg, NavBettingLiveSvg, NavBettingSvg, BattlesCard, Step, Section, BattleBanner, Leaderboard, Accordion, AccordionGroup, useZustandLanguagesKitStore, languageSelectors, Text, useZustandNotificationKitStore, notificationKitSelectors, useZustandModalKitStore, zustandModalKitSelector, useZustandDeviceKitStore, zustandDeviceKitSelector, useZustandRegistrationKitStore, zustandRegistrationKitSelector, useZustandSignInKitStore, zustandSignInKitSelectors, useZustandRequestKitStore, requestSelectors, useZustandCasinoGamesKitStore, gamesSelectors, useZustandConnectionKitStore, connectionSelectors, useZustandWheelPromoKitStore, wheelPromoSelectors, EDirection, getCasinoCategoryIcon, sleep, getAuthorizationData, getRegistrationData, copyToClipboard, };
|
|
234
236
|
export { Size, Color, EAppType } from 'types/ui';
|
|
235
237
|
export { COUNTRY_MOCK } from 'constants/mock';
|
|
238
|
+
export { REFERRAL_KEY, REFERRAL_CODE, } from 'components/SignUp/PromoCode/constants';
|
|
236
239
|
import './styles/global.module.css';
|
|
237
240
|
import 'react-phone-number-input/style.css';
|
package/dist/lib/index.js
CHANGED
|
@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Pagination = exports.ReferralTable = exports.TournamentCard = exports.Scratch = exports.Wheel = exports.JackPotInfoBox = exports.JackpotWidget = exports.useInView = exports.useTranslate = exports.useCountDown = exports.useOnClickOutside = exports.useElementResize = exports.useHookFabric = exports.HOCRequestLoader = exports.HOCErrorBoundary = exports.HOCOutsideClick = exports.HOCImageLoader = exports.CircularLoader = exports.MainLoader = exports.Tabs = exports.Footer = exports.PopUpHeader = exports.DepositSkelet = exports.EActiveMethodTab = exports.PaymentsMethods = exports.JivoChatButton = exports.PasswordInput = exports.EmailInput = exports.CheckBox = exports.PhoneInput = exports.BaseInputUi = exports.BaseInput = exports.ShowAllCard = exports.DepositButton = exports.ProviderNameButton = exports.CasinoSubCategoriesButton = exports.CasinoCategoryButton = exports.AppSwitcher = exports.DrawerButton = exports.CloseButton = exports.BaseButton = exports.Logo = exports.EWheelState = exports.EModalTypes = exports.ENotificationType = exports.EAuthFormType = exports.ERegistrationForm = exports.handleDeviceDetection = exports.EDeviceType = exports.CheckBoxSvg = void 0;
|
|
7
7
|
exports.CoinsSvg = exports.CoinSvg = exports.OpenEyeSvg = exports.CloseEyeSvg = exports.CashSvg = exports.CalendarSvg = exports.BurgerSvg = exports.BonusGiftSvg = exports.ProfileSvg = exports.AvatarSvg = exports.FacebookSvg = exports.TelegramSvg = exports.InstagramSvg = exports.InfoSvg = exports.PlaySvg = exports.JabibetTreasureSvg = exports.FSWinTreasureSvg = exports.ElonTreasureSvg = exports.FSWinHouseSvg = exports.ElonHouseSvg = exports.WagerSvg = exports.HotSvg = exports.ProviderSvg = exports.JabiInHouseSvg = exports.CloseSvg = exports.LockSvg = exports.DownloadSvg = exports.ArrowSvg = exports.SignIn = exports.LanguageSelector = exports.Selector = exports.PhoneSignUp = exports.EmailSignUp = exports.SignUp = exports.RegistrationPromoCode = exports.CountrySelector = exports.CurrencySelector = exports.DocsCheckBox = exports.OneClick = exports.PromotionMobileApp = exports.BannerTemplate = exports.Banners = exports.LastBigWinners = exports.CountDown = exports.PortalLayout = exports.LandingLayoutTemplate = exports.DrawerLayout = exports.BonusCardLayout = exports.Alerts = exports.ModalLayout = void 0;
|
|
8
|
-
exports.
|
|
9
|
-
exports.
|
|
10
|
-
exports.COUNTRY_MOCK = exports.EAppType = exports.copyToClipboard = exports.getRegistrationData = exports.getAuthorizationData = exports.sleep = exports.getCasinoCategoryIcon = exports.EDirection = exports.wheelPromoSelectors = exports.useZustandWheelPromoKitStore = exports.connectionSelectors = exports.useZustandConnectionKitStore = exports.gamesSelectors = exports.useZustandCasinoGamesKitStore = exports.requestSelectors = exports.useZustandRequestKitStore = exports.zustandSignInKitSelectors = exports.useZustandSignInKitStore = exports.zustandRegistrationKitSelector = exports.useZustandRegistrationKitStore = exports.zustandDeviceKitSelector = exports.useZustandDeviceKitStore = exports.zustandModalKitSelector = exports.useZustandModalKitStore = exports.notificationKitSelectors = exports.useZustandNotificationKitStore = exports.Text = exports.languageSelectors = exports.useZustandLanguagesKitStore = exports.Accordion = exports.Leaderboard = exports.BattleBanner = void 0;
|
|
8
|
+
exports.TournamentWagerSvg = exports.UzSvg = exports.UkrSvg = exports.TrSvg = exports.RuSvg = exports.RoSvg = exports.PtSvg = exports.NoSvg = exports.KzSvg = exports.KoSvg = exports.ItSvg = exports.HiSvg = exports.FrSvg = exports.EsSvg = exports.EnSvg = exports.DeSvg = exports.ChSvg = exports.BsSvg = exports.BnSvg = exports.AzeSvg = exports.PlatinumOneSvg = exports.PlatinumSvg = exports.GreenSvg = exports.GoldSvg = exports.DiamondSvg = exports.SilverSvg = exports.BronzeSvg = exports.InfoSecondSvg = exports.VipClubSvg = exports.ThirdBonusSvg = exports.SecondBonusSvg = exports.FirstBonusSvg = exports.WalletSvg = exports.TrashSvg = exports.ThreeDotsSvg = exports.SupportSvg = exports.StarSvg = exports.ShareSvg = exports.SelectedSvg = exports.ProvidersBlocksSvg = exports.SearchSvg = exports.PlusSvg = exports.InfoLotterySvg = exports.LotterySvg = exports.DrawerTogglerSvg = exports.GrowSvg = exports.GoogleSvg = exports.FavoritesSvg = exports.DocSvg = exports.CopySvg = void 0;
|
|
9
|
+
exports.Step = exports.BattlesCard = exports.NavBettingSvg = exports.NavBettingLiveSvg = exports.NavBonusesSvg = exports.NavCasinoSvg = exports.NavMyBetsSvg = exports.NavReferralSvg = exports.NavTournamentSvg = exports.Notifications = exports.NotificationSuccessSvg = exports.NotificationErrorSvg = exports.NotificationWarningSvg = exports.NotFoundBonusesSvg = exports.VolleyballSvg = exports.TennisSvg = exports.TableTennisSvg = exports.SquashSvg = exports.SoccerSvg = exports.SnookerSvg = exports.RugbySvg = exports.MmaSvg = exports.KabaddiSvg = exports.IceHockeySvg = exports.FutsalSvg = exports.FieldHockeySvg = exports.EsportSvg = exports.ENhlSvg = exports.ENbaSvg = exports.EFifaSvg = exports.DartsSvg = exports.CricketSvg = exports.ChessSvg = exports.BoxingSvg = exports.BeachSoccerSvg = exports.Basketball3x3Svg = exports.BasketballSvg = exports.BaseballSvg = exports.BadmintonSvg = exports.AussieRulesSvg = exports.AmericanFootballSvg = exports.WithdrawSvg = exports.WaitingSvg = exports.SuccessSvg = exports.ErrorSvg = exports.DepositSvg = exports.RecommendedSvg = exports.CasinoCoinSvg = exports.DefaultImgSvg = exports.ProvidersSvg = void 0;
|
|
10
|
+
exports.REFERRAL_CODE = exports.REFERRAL_KEY = exports.COUNTRY_MOCK = exports.EAppType = exports.copyToClipboard = exports.getRegistrationData = exports.getAuthorizationData = exports.sleep = exports.getCasinoCategoryIcon = exports.EDirection = exports.wheelPromoSelectors = exports.useZustandWheelPromoKitStore = exports.connectionSelectors = exports.useZustandConnectionKitStore = exports.gamesSelectors = exports.useZustandCasinoGamesKitStore = exports.requestSelectors = exports.useZustandRequestKitStore = exports.zustandSignInKitSelectors = exports.useZustandSignInKitStore = exports.zustandRegistrationKitSelector = exports.useZustandRegistrationKitStore = exports.zustandDeviceKitSelector = exports.useZustandDeviceKitStore = exports.zustandModalKitSelector = exports.useZustandModalKitStore = exports.notificationKitSelectors = exports.useZustandNotificationKitStore = exports.Text = exports.languageSelectors = exports.useZustandLanguagesKitStore = exports.AccordionGroup = exports.Accordion = exports.Leaderboard = exports.BattleBanner = exports.Section = void 0;
|
|
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; } });
|
|
@@ -257,6 +257,8 @@ var VipClubSvg_1 = require("components/ui/Icons/Bonuses/VipClubSvg");
|
|
|
257
257
|
Object.defineProperty(exports, "VipClubSvg", { enumerable: true, get: function () { return VipClubSvg_1.VipClubSvg; } });
|
|
258
258
|
var CheckBoxSvg_1 = require("components/ui/Icons/CheckBoxSvg");
|
|
259
259
|
Object.defineProperty(exports, "CheckBoxSvg", { enumerable: true, get: function () { return CheckBoxSvg_1.CheckBoxSvg; } });
|
|
260
|
+
var InfoSecondSvg_1 = require("components/ui/Icons/InfoSecondSvg");
|
|
261
|
+
Object.defineProperty(exports, "InfoSecondSvg", { enumerable: true, get: function () { return InfoSecondSvg_1.InfoSecondSvg; } });
|
|
260
262
|
//Loyalty SVGs
|
|
261
263
|
var BronzeSvg_1 = require("./components/ui/Icons/Bonuses/VipClub/BronzeSvg");
|
|
262
264
|
Object.defineProperty(exports, "BronzeSvg", { enumerable: true, get: function () { return BronzeSvg_1.BronzeSvg; } });
|
|
@@ -494,6 +496,8 @@ Object.defineProperty(exports, "Leaderboard", { enumerable: true, get: function
|
|
|
494
496
|
// Accordion
|
|
495
497
|
var Accordion_1 = __importDefault(require("components/ui/AccordionGroup/Accordion"));
|
|
496
498
|
exports.Accordion = Accordion_1.default;
|
|
499
|
+
var AccordionGroup_1 = __importDefault(require("components/ui/AccordionGroup"));
|
|
500
|
+
exports.AccordionGroup = AccordionGroup_1.default;
|
|
497
501
|
// Utils
|
|
498
502
|
var shared_1 = require("utils/shared");
|
|
499
503
|
Object.defineProperty(exports, "copyToClipboard", { enumerable: true, get: function () { return shared_1.copyToClipboard; } });
|
|
@@ -505,6 +509,9 @@ var ui_1 = require("types/ui");
|
|
|
505
509
|
Object.defineProperty(exports, "EAppType", { enumerable: true, get: function () { return ui_1.EAppType; } });
|
|
506
510
|
var mock_1 = require("constants/mock");
|
|
507
511
|
Object.defineProperty(exports, "COUNTRY_MOCK", { enumerable: true, get: function () { return mock_1.COUNTRY_MOCK; } });
|
|
512
|
+
var constants_1 = require("components/SignUp/PromoCode/constants");
|
|
513
|
+
Object.defineProperty(exports, "REFERRAL_KEY", { enumerable: true, get: function () { return constants_1.REFERRAL_KEY; } });
|
|
514
|
+
Object.defineProperty(exports, "REFERRAL_CODE", { enumerable: true, get: function () { return constants_1.REFERRAL_CODE; } });
|
|
508
515
|
// Icons
|
|
509
516
|
require("./styles/global.module.css");
|
|
510
517
|
require("react-phone-number-input/style.css");
|
|
@@ -27,34 +27,35 @@ export declare enum EModalTypes {
|
|
|
27
27
|
CasinoFavorite = 16,
|
|
28
28
|
BonusPack = 17,
|
|
29
29
|
Bonuses = 18,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
30
|
+
BonusInfo = 19,
|
|
31
|
+
BettingTransaction = 20,
|
|
32
|
+
TransactionDetails = 21,
|
|
33
|
+
TransactionFilters = 22,
|
|
34
|
+
ShortStories = 23,
|
|
35
|
+
Calendar = 24,
|
|
36
|
+
ReferralCopyContent = 25,
|
|
37
|
+
ReferralWithdraw = 26,
|
|
38
|
+
ReferralFailure = 27,
|
|
39
|
+
ReferralSuccess = 28,
|
|
40
|
+
Wheel = 29,
|
|
41
|
+
JackpotInfo = 30,
|
|
42
|
+
JackpotsRules = 31,
|
|
43
|
+
LootBoxGame = 32,
|
|
44
|
+
Hamster = 33,
|
|
45
|
+
Avatars = 34,
|
|
46
|
+
KGamesDaily = 35,
|
|
47
|
+
PromoCode = 36,
|
|
48
|
+
PromoCodeActivate = 37,
|
|
49
|
+
Prize = 38,
|
|
50
|
+
CricketPrize = 39,
|
|
51
|
+
CricketThrowAgain = 40,
|
|
52
|
+
MoneyComingPrize = 41,
|
|
53
|
+
CancelBonus = 42,
|
|
54
|
+
ClaimConfirmation = 43,
|
|
55
|
+
InstaShorts = 44,
|
|
56
|
+
AviatrixBonusOnDep = 45,
|
|
57
|
+
AviatrixSpins = 46,
|
|
58
|
+
LandingBonus = 47,
|
|
59
|
+
ChickenBonus = 48
|
|
59
60
|
}
|
|
60
61
|
export {};
|