react-gldn-kit 0.1.111 → 0.1.113
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/BettingRestrict/index.d.ts +1 -0
- package/dist/lib/components/BettingRestrict/index.js +70 -0
- package/dist/lib/components/CasinoSearchBlock/index.js +1 -1
- package/dist/lib/components/Modals/Alert/components/Auth/Fourth/index.js +3 -3
- package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Fourth → GB}/index.js +1 -1
- package/dist/lib/components/Modals/Alert/components/Auth/SignIn/XxxAzCawa/index.d.ts +3 -0
- package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/index.js +3 -4
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Fourth → GB}/components/PhoneSignUp/index.d.ts +1 -1
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Fourth → GB}/components/PhoneSignUp/index.js +1 -1
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/EmailSignUp/index.js +2 -2
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/PhoneSignUp/index.js +3 -1
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/XxxAzCawa/index.d.ts +3 -0
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/index.js +6 -10
- package/dist/lib/components/Modals/Alert/index.js +17 -21
- package/dist/lib/components/SignUpTypeTwo/PhoneBox/index.js +2 -5
- package/dist/lib/components/ui/Headers/PopUpHeader/index.js +1 -1
- package/dist/lib/constants/translates.d.ts +3 -0
- package/dist/lib/constants/translates.js +3 -0
- package/dist/lib/hooks/usePhoneBox/constants.js +6 -0
- package/dist/lib/hooks/usePhoneBox/index.js +10 -9
- package/dist/lib/index.d.ts +11 -9
- package/dist/lib/index.js +22 -17
- package/dist/lib/utils/shared.js +2 -0
- package/dist/lib/zustandStore/alerts/modal/types.d.ts +2 -1
- package/dist/lib/zustandStore/alerts/modal/types.js +2 -1
- package/dist/lib/zustandStore/connection/selectors.d.ts +1 -0
- package/dist/lib/zustandStore/connection/selectors.js +4 -0
- package/dist/lib/zustandStore/connection/store.js +4 -0
- package/dist/lib/zustandStore/connection/types.d.ts +2 -0
- package/dist/lib/zustandStore/device/selectors.d.ts +1 -0
- package/dist/lib/zustandStore/device/selectors.js +4 -0
- package/dist/lib/zustandStore/search/selectors.d.ts +0 -1
- package/dist/lib/zustandStore/search/selectors.js +2 -3
- package/dist/lib/zustandStore/settings/selectors.d.ts +1 -0
- package/dist/lib/zustandStore/settings/selectors.js +3 -1
- package/dist/lib/zustandStore/settings/store.js +1 -0
- package/dist/lib/zustandStore/settings/types.d.ts +1 -0
- package/dist/lib/zustandStore/support/selectors.d.ts +7 -0
- package/dist/lib/zustandStore/support/selectors.js +18 -0
- package/dist/lib/zustandStore/support/store.d.ts +2 -0
- package/dist/lib/zustandStore/support/store.js +14 -0
- package/dist/lib/zustandStore/support/types.d.ts +6 -0
- package/dist/lib/zustandStore/support/types.js +2 -0
- package/dist/main.css +363 -222
- package/package.json +2 -2
- package/dist/lib/components/Modals/Alert/components/Auth/SignIn/Third/index.d.ts +0 -3
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/index.d.ts +0 -3
- /package/dist/lib/components/Modals/Alert/components/Auth/{SignUp/Second → Others/Olympus}/index.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/{SignUp/Second → Others/Olympus}/index.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/EmailSignInForm/index.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/EmailSignInForm/index.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/EmailSignInForm/types.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/EmailSignInForm/types.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/IdSignInForm/index.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/IdSignInForm/index.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/IdSignInForm/types.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/IdSignInForm/types.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/PhoneSignInForm/index.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/PhoneSignInForm/index.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/PhoneSignInForm/types.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/PhoneSignInForm/types.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/constants.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/constants.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/index.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/index.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Fourth → GB}/constants.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Fourth → GB}/constants.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Fourth → GB}/index.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/EmailSignInForm/index.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/EmailSignInForm/index.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/EmailSignInForm/types.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/EmailSignInForm/types.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/IdSignInForm/index.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/IdSignInForm/index.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/IdSignInForm/types.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/IdSignInForm/types.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/PhoneSignInForm/index.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/PhoneSignInForm/index.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/PhoneSignInForm/types.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/PhoneSignInForm/types.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/constants.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/constants.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/EmailSignUp/index.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/EmailSignUp/index.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/OneClickKit/constants.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/OneClickKit/constants.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/OneClickKit/index.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/OneClickKit/index.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/OneClickKit/types.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/OneClickKit/types.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/PhoneSignUp/constants.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/PhoneSignUp/constants.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/PhoneSignUp/index.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/PhoneSignUp/index.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/PhoneSignUp/types.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/PhoneSignUp/types.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/index.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/index.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/types.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/types.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Fourth → GB}/components/EmailSignUp/index.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Fourth → GB}/components/EmailSignUp/index.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Fourth → GB}/constants.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Fourth → GB}/constants.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Fourth → GB}/index.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Fourth → GB}/index.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/EmailSignUp/index.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/OneClickKit/constants.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/OneClickKit/constants.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/OneClickKit/index.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/OneClickKit/index.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/OneClickKit/types.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/OneClickKit/types.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/PhoneSignUp/constants.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/PhoneSignUp/constants.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/PhoneSignUp/index.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/PhoneSignUp/types.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/PhoneSignUp/types.js +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/PromocodeInput/index.d.ts +0 -0
- /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/PromocodeInput/index.js +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const BettingRestrict: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,70 @@
|
|
|
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
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.BettingRestrict = void 0;
|
|
38
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
39
|
+
var react_1 = require("react");
|
|
40
|
+
var Text_1 = require("components/Text");
|
|
41
|
+
var Buttons_1 = require("components/ui/Buttons");
|
|
42
|
+
var selectors_1 = require("zustandStore/settings/selectors");
|
|
43
|
+
var store_1 = require("zustandStore/settings/store");
|
|
44
|
+
var mock_1 = require("constants/mock");
|
|
45
|
+
var store_2 = require("zustandStore/alerts/modal/store");
|
|
46
|
+
var selectors_2 = require("zustandStore/alerts/modal/selectors");
|
|
47
|
+
var store_3 = require("zustandStore/support/store");
|
|
48
|
+
var selectors_3 = require("zustandStore/support/selectors");
|
|
49
|
+
var types_1 = require("zustandStore/alerts/modal/types");
|
|
50
|
+
var ModalContext_1 = require("context/logic/ModalContext");
|
|
51
|
+
var useHookFabric_1 = require("hooks/useHookFabric");
|
|
52
|
+
var styles = __importStar(require("./BettingRestrict.module.css"));
|
|
53
|
+
var BettingRestrict = function () {
|
|
54
|
+
var useCountryInfo = (0, ModalContext_1.useHookProvider)().useCountryInfo;
|
|
55
|
+
var image = (0, store_1.useZustandKitSettings)(selectors_1.getKitBettingRestrictImageSelector);
|
|
56
|
+
var closeAndOpen = (0, store_2.useZustandModalKitStore)(selectors_2.zustandModalKitSelector.closeAndOpenModalAction);
|
|
57
|
+
var setSupportState = (0, store_3.useZustandSupportKitStore)(selectors_3.supportSelectors.setSupportChatOpenStateAction);
|
|
58
|
+
var countryInfo = (0, useHookFabric_1.useHookFabric)({
|
|
59
|
+
fn: useCountryInfo,
|
|
60
|
+
});
|
|
61
|
+
var country = (0, react_1.useMemo)(function () { var _a; return (_a = mock_1.COUNTRY_MOCK.find(function (c) { return c.id === (countryInfo === null || countryInfo === void 0 ? void 0 : countryInfo.countryId); })) === null || _a === void 0 ? void 0 : _a.name; }, [countryInfo]);
|
|
62
|
+
var onClose = function () {
|
|
63
|
+
closeAndOpen(types_1.EModalTypes.Unknown);
|
|
64
|
+
};
|
|
65
|
+
var handleChangeSupportState = function () {
|
|
66
|
+
setSupportState(true);
|
|
67
|
+
};
|
|
68
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperBettingRestrict }, { children: [(0, jsx_runtime_1.jsx)("img", { src: image, className: styles.balls }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.textContent }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "bettingRestrict.title" }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "bettingRestrict.subTitle" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.suggestion }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "bettingRestrict.suggestion" }), (0, jsx_runtime_1.jsx)("span", __assign({ className: styles.support, onClick: handleChangeSupportState }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "bettingRestrict.support" }) }))] }))] })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { color: "primary", text: "bettingRestrict.buttonText", handleClick: onClose, size: "--button-full", buttonHeight: "--button-height-xl", classes: styles.button, centreText: true }), country && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.region }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "bettingRestrict.region" }), (0, jsx_runtime_1.jsx)("span", __assign({ className: styles.name }, { children: country }))] })))] })));
|
|
69
|
+
};
|
|
70
|
+
exports.BettingRestrict = BettingRestrict;
|
|
@@ -46,7 +46,7 @@ var store_2 = require("zustandStore/search/store");
|
|
|
46
46
|
var styles = __importStar(require("./CasinoSearchBlock.module.css"));
|
|
47
47
|
var CasinoSearchBlock = function (props) {
|
|
48
48
|
var toggleSearchState = props.toggleSearchState, children = props.children;
|
|
49
|
-
var search = (0, store_2.useZustandCasinoSearchKitStore)(selectors_2.getCasinoSearchValueSelector);
|
|
49
|
+
var search = (0, store_2.useZustandCasinoSearchKitStore)(selectors_2.searchSelectors.getCasinoSearchValueSelector);
|
|
50
50
|
var isMobile = (0, store_1.useZustandDeviceKitStore)(selectors_1.zustandDeviceKitSelector.isMobileDeviceSelector);
|
|
51
51
|
var isSearchLengthCorrect = search.length >= 3;
|
|
52
52
|
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.isOpenedSearchInput }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.inputBox }, { children: [(0, jsx_runtime_1.jsx)(CasinoSearchInput_1.CasinoSearchInput, {}), isMobile && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.closeSearch }, { children: (0, jsx_runtime_1.jsx)(CloseSecondSvg_1.CloseSecondSvg, { classes: styles.closeSearchIcon, handleClick: toggleSearchState }) })))] })), !!search && !isSearchLengthCorrect && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.searchRules }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "searchRules" }) }))), isSearchLengthCorrect && children] })));
|
|
@@ -44,7 +44,7 @@ var classnames_1 = __importDefault(require("classnames"));
|
|
|
44
44
|
var Image_1 = require("components/ui/Image");
|
|
45
45
|
var CloseSecondSvg_1 = require("components/ui/Icons/CloseSecondSvg");
|
|
46
46
|
var LeftBanner_1 = require("./components/LeftBanner");
|
|
47
|
-
var
|
|
47
|
+
var GB_1 = require("../SignIn/GB");
|
|
48
48
|
var Text_1 = require("components/Text");
|
|
49
49
|
var Tabs_1 = require("components/ui/Tabs");
|
|
50
50
|
var constants_1 = require("./constants");
|
|
@@ -55,7 +55,7 @@ var selectors_2 = require("zustandStore/device/selectors");
|
|
|
55
55
|
var types_1 = require("zustandStore/alerts/modal/types");
|
|
56
56
|
var types_2 = require("./types");
|
|
57
57
|
var styles = __importStar(require("./Fourth.module.css"));
|
|
58
|
-
var
|
|
58
|
+
var GB_2 = require("../SignUp/GB");
|
|
59
59
|
var FourthAuth = function () {
|
|
60
60
|
var _a;
|
|
61
61
|
var additionalInfo = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalAdditionalInfoSelector);
|
|
@@ -67,6 +67,6 @@ var FourthAuth = function () {
|
|
|
67
67
|
};
|
|
68
68
|
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperAuth }, { children: [!isMobile ? ((0, jsx_runtime_1.jsx)(LeftBanner_1.LeftBanner, {})) : ((0, jsx_runtime_1.jsx)(Image_1.Image, { path: "/landings/assets-builder/authFourth/banner.png", classes: styles.banner })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.section, styles.right, (_a = {},
|
|
69
69
|
_a[styles.border] = isMobile,
|
|
70
|
-
_a)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.top }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ onClick: handleClose, className: styles.close }, { children: (0, jsx_runtime_1.jsx)(CloseSecondSvg_1.CloseSecondSvg, {}) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "authorization.loginTo" }) }))] })), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { type: "button", activeValue: authType, onChange: setAuthType, data: constants_1.AUTH_TABS, classes: styles.tabs, indicatorClasses: styles.tabIndicator }), authType === types_2.EAuthTypes.SignIn ? ((0, jsx_runtime_1.jsx)(
|
|
70
|
+
_a)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.top }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ onClick: handleClose, className: styles.close }, { children: (0, jsx_runtime_1.jsx)(CloseSecondSvg_1.CloseSecondSvg, {}) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "authorization.loginTo" }) }))] })), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { type: "button", activeValue: authType, onChange: setAuthType, data: constants_1.AUTH_TABS, classes: styles.tabs, indicatorClasses: styles.tabIndicator }), authType === types_2.EAuthTypes.SignIn ? ((0, jsx_runtime_1.jsx)(GB_1.FourhSignIn, { classes: styles.emailSignIn })) : ((0, jsx_runtime_1.jsx)(GB_2.FourthSignUp, {}))] }))] })));
|
|
71
71
|
};
|
|
72
72
|
exports.FourthAuth = FourthAuth;
|
|
@@ -46,7 +46,7 @@ var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
|
|
|
46
46
|
var Buttons_1 = require("components/ui/Buttons");
|
|
47
47
|
var Text_1 = require("components/Text");
|
|
48
48
|
var PasswordInput_1 = __importDefault(require("components/ui/Inputs/PasswordInput"));
|
|
49
|
-
var PhoneSignInForm_1 = require("../
|
|
49
|
+
var PhoneSignInForm_1 = require("../ElJbFs/components/PhoneSignInForm");
|
|
50
50
|
var Tabs_1 = require("components/ui/Tabs");
|
|
51
51
|
var EmailInput_1 = require("components/ui/Inputs/EmailInput");
|
|
52
52
|
var constants_1 = require("./constants");
|
package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/index.js
RENAMED
|
@@ -69,9 +69,8 @@ var ModalContext_1 = require("context/logic/ModalContext");
|
|
|
69
69
|
var styles = __importStar(require("./SignInThird.module.css"));
|
|
70
70
|
var SignInThird = function (_a) {
|
|
71
71
|
var _b;
|
|
72
|
-
var _c = _a.
|
|
72
|
+
var _c = _a.isModal, isModal = _c === void 0 ? false : _c;
|
|
73
73
|
var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
|
|
74
|
-
var appType = (0, store_3.useZustandKitSettings)(selectors_3.getKitAppTypeSelector);
|
|
75
74
|
var isMobile = (0, store_4.useZustandDeviceKitStore)(selectors_4.zustandDeviceKitSelector.isMobileDeviceSelector);
|
|
76
75
|
var sendCommand = useTransportControllers().sendCommand;
|
|
77
76
|
var activeForm = (0, store_1.useZustandSignInKitStore)(selectors_1.zustandSignInKitSelectors.getActiveSignInFormSelector);
|
|
@@ -122,13 +121,13 @@ var SignInThird = function (_a) {
|
|
|
122
121
|
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralCopyContent, (_b = {},
|
|
123
122
|
_b[styles.purple] = types_4.ESignUpTheme[regType] === types_4.ESignUpTheme.WhitePurple,
|
|
124
123
|
_b[styles.lightBlue] = types_4.ESignUpTheme[regType] === types_4.ESignUpTheme.WhiteBlue,
|
|
125
|
-
_b[styles.page] =
|
|
124
|
+
_b[styles.page] = !isModal,
|
|
126
125
|
_b)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.leftSide }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: styles.banner, style: {
|
|
127
126
|
backgroundImage: bonusImagePath || currentBannerImage,
|
|
128
127
|
backgroundPosition: 'center',
|
|
129
128
|
backgroundSize: '100% 100%',
|
|
130
129
|
backgroundRepeat: 'no-repeat',
|
|
131
|
-
} }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.title }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.title" }), !
|
|
130
|
+
} }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.title }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.title" }), isModal && !preventClose && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.close, onClick: setModalType(types_2.EModalTypes.Unknown) }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.closeIcon }) })))] })), (0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, onChange: setAuthFormType, data: constants_1.AUTH_TABS, classes: styles.wrapperTabs, type: "underline", tabClasses: styles.tab }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperForms }, { children: [activeForm === types_3.EAuthFormType.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignInForm_1.PhoneSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setPhone, labelClasses: styles.label, inputClasses: styles.input })), activeForm === types_3.EAuthFormType.Email && ((0, jsx_runtime_1.jsx)(EmailSignInForm_1.EmailSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setEmail, sendCommand: sendCommand, labelClasses: styles.label, inputClasses: styles.input })), activeForm === types_3.EAuthFormType.UserName && ((0, jsx_runtime_1.jsx)(IdSignInForm_1.IdSignInForm, { classes: (0, classnames_1.default)(styles.wrapperForm, styles.marginInput), onChange: setId, labelClasses: styles.label, inputClasses: styles.input }))] })), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, { label: "authorization.inputs.password", size: "full", isHidePlaceholder: true, onChange: setPassword, classes: (0, classnames_1.default)(styles.passwordField, styles.marginInput), labelClasses: styles.label, inputLabelType: "secondary", inputClasses: styles.input }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.lostPsw, styles.marginInput), onClick: setModalType(types_2.EModalTypes.LostPassword) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "authorization.lostPasswordBtn" }) }))] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "\\\\x02", requestId: types_1.ERequestIds.AuthorizeByEmail, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "authorization.submitBtn", size: "--button-full", buttonHeight: "--button-height-full", color: "primary", disabled: Boolean(!activeInput || !password), handleClick: handleSignIn, classes: styles.submitButton, centreText: true }) })), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.row }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.noAccount }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.noAccount" }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.register, onClick: handleOpenSignUp }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signInThree.register" }) }))] })) })] })] })), (0, jsx_runtime_1.jsx)("div", { className: styles.rightSide, style: {
|
|
132
131
|
backgroundImage: isMobile ? bonusImagePath : currentBannerImage,
|
|
133
132
|
backgroundPosition: 'top',
|
|
134
133
|
backgroundSize: '100% 100%',
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { PhoneSignUpProps } from '../../../
|
|
1
|
+
import { PhoneSignUpProps } from '../../../XxxAzCawa/components/Forms/PhoneSignUp/types';
|
|
2
2
|
export declare const PhoneSignUp: (props: PhoneSignUpProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -50,7 +50,7 @@ var CurrencySelector_1 = require("components/SignUp/CurrencySelector");
|
|
|
50
50
|
var PasswordInput_1 = __importDefault(require("components/ui/Inputs/PasswordInput"));
|
|
51
51
|
var BaseInput_1 = require("components/ui/Inputs/BaseInput");
|
|
52
52
|
var PhoneInput_1 = require("components/ui/Inputs/PhoneInput");
|
|
53
|
-
var constants_1 = require("../../../
|
|
53
|
+
var constants_1 = require("../../../ElJbFs/components/Forms/PhoneSignUp/constants");
|
|
54
54
|
var utils_1 = require("zustandStore/forms/signUp/utils");
|
|
55
55
|
var store_1 = require("zustandStore/forms/signUp/store");
|
|
56
56
|
var selectors_1 = require("zustandStore/forms/signUp/selectors");
|
|
@@ -86,7 +86,7 @@ var EmailSignUp = function (props) {
|
|
|
86
86
|
!terms ||
|
|
87
87
|
!isConnectedApp ||
|
|
88
88
|
!age);
|
|
89
|
-
}, [activeCurrencyId, email, password, terms]);
|
|
89
|
+
}, [activeCurrencyId, email, password, terms, age]);
|
|
90
90
|
var handleChange = function (value) {
|
|
91
91
|
var emailResponse = (0, validation_1.isEmail)({
|
|
92
92
|
value: value,
|
|
@@ -137,6 +137,6 @@ var EmailSignUp = function (props) {
|
|
|
137
137
|
var clearPromoCode = function () {
|
|
138
138
|
setPromoCode('');
|
|
139
139
|
};
|
|
140
|
-
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: stylesEmailSignUp.animationFadeIn }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.email", size: "full", isHidePlaceholder: true, onChange: handleChange, errorText: email.errorText, classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.inputSize }), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, __assign({ label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: setPassword, classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.inputSize, type: passwordInputType }, { children: passwordInputType === 'text' ? ((0, jsx_runtime_1.jsx)(OpenEyeSecondSvg_1.OpenEyeSecondSvg, { handleClick: handleChangePasswordType('password') })) : ((0, jsx_runtime_1.jsx)(ClosedEyeSecondSvg_1.ClosedEyeSecondSvg, { handleClick: handleChangePasswordType('text') })) })), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: classes, dropdownClasses: styles.dropdown, classesItem: stylesEmailSignUp.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: stylesEmailSignUp.dropdown, classesItem: stylesEmailSignUp.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(PromocodeInput_1.PromocodeInput, { value: promoCode, handleChange: handleChangePromoCode, clearValue: clearPromoCode }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command:
|
|
140
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: stylesEmailSignUp.animationFadeIn }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.email", size: "full", isHidePlaceholder: true, onChange: handleChange, errorText: email.errorText, classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.inputSize }), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, __assign({ label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: setPassword, classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.inputSize, type: passwordInputType }, { children: passwordInputType === 'text' ? ((0, jsx_runtime_1.jsx)(OpenEyeSecondSvg_1.OpenEyeSecondSvg, { handleClick: handleChangePasswordType('password') })) : ((0, jsx_runtime_1.jsx)(ClosedEyeSecondSvg_1.ClosedEyeSecondSvg, { handleClick: handleChangePasswordType('text') })) })), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: classes, dropdownClasses: styles.dropdown, classesItem: stylesEmailSignUp.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: stylesEmailSignUp.dropdown, classesItem: stylesEmailSignUp.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(PromocodeInput_1.PromocodeInput, { value: promoCode, handleChange: handleChangePromoCode, clearValue: clearPromoCode }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: promoCode ? '06x_with_promo' : '06x', requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (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)(stylesEmailSignUp.authButton, classes) }) }))] })));
|
|
141
141
|
};
|
|
142
142
|
exports.EmailSignUp = EmailSignUp;
|
|
@@ -95,6 +95,7 @@ var PhoneSignUp = function (props) {
|
|
|
95
95
|
!activeCountryId ||
|
|
96
96
|
!activeCurrencyId ||
|
|
97
97
|
!terms ||
|
|
98
|
+
!age ||
|
|
98
99
|
!isConnectedApp);
|
|
99
100
|
}, [
|
|
100
101
|
isPhoneError,
|
|
@@ -105,6 +106,7 @@ var PhoneSignUp = function (props) {
|
|
|
105
106
|
activeCurrencyId,
|
|
106
107
|
terms,
|
|
107
108
|
isConnectedApp,
|
|
109
|
+
age,
|
|
108
110
|
]);
|
|
109
111
|
var handleIsRequested = function () {
|
|
110
112
|
setRequestedCodeState(true);
|
|
@@ -163,6 +165,6 @@ var PhoneSignUp = function (props) {
|
|
|
163
165
|
var PHONE_PROPS = withoutCode
|
|
164
166
|
? constants_1.PHONE_PROPS_WITHOUT_CONFIRMATION
|
|
165
167
|
: constants_1.PHONE_PROPS_WITH_CONFIRMATION;
|
|
166
|
-
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, __assign({}, PHONE_PROPS, { label: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: classes, disabled: isRequestedCode, classes: (0, classnames_1.default)(styles.marginB, styles.phoneInput, classes), requestCode: !withoutCode ? requestCode : undefined, buttonClasses: phoneStyles.authButton, labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input }), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(
|
|
168
|
+
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, __assign({}, PHONE_PROPS, { label: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: classes, disabled: isRequestedCode, classes: (0, classnames_1.default)(styles.marginB, styles.phoneInput, classes), requestCode: !withoutCode ? requestCode : undefined, buttonClasses: phoneStyles.authButton, labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input }), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(PromocodeInput_1.PromocodeInput, { value: promoCode, handleChange: handleChangePromoCode, clearValue: clearPromoCode }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "08x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (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)(phoneStyles.authButton, styles.marginB, classes) }) }))] }));
|
|
167
169
|
};
|
|
168
170
|
exports.PhoneSignUp = PhoneSignUp;
|
package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/index.js
RENAMED
|
@@ -63,7 +63,7 @@ var selectors_4 = require("zustandStore/settings/selectors");
|
|
|
63
63
|
var store_4 = require("zustandStore/settings/store");
|
|
64
64
|
var SignUpTypeThree = function (_a) {
|
|
65
65
|
var _b;
|
|
66
|
-
var _c = _a.
|
|
66
|
+
var _c = _a.isModal, isModal = _c === void 0 ? false : _c;
|
|
67
67
|
var _d = (0, ModalContext_1.useHookProvider)(), useCurrencies = _d.useCurrencies, useTransportControllers = _d.useTransportControllers, useCountryInfo = _d.useCountryInfo, sendRegistrationCommand = _d.sendRegistrationCommand;
|
|
68
68
|
var appType = (0, store_4.useZustandKitSettings)(selectors_4.getKitAppTypeSelector);
|
|
69
69
|
var sendCommand = useTransportControllers().sendCommand;
|
|
@@ -83,12 +83,8 @@ var SignUpTypeThree = function (_a) {
|
|
|
83
83
|
? bannerImage.mobile
|
|
84
84
|
: bannerImage.desktop;
|
|
85
85
|
var additionalSettings = (0, store_2.useZustandModalKitStore)(selectors_2.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
|
|
86
|
-
var _e = additionalSettings.registrationTheme, registrationTheme = _e === void 0 ? types_2.ESignUpTheme.WhiteYellow : _e, _f = additionalSettings.
|
|
86
|
+
var _e = additionalSettings.registrationTheme, registrationTheme = _e === void 0 ? types_2.ESignUpTheme.WhiteYellow : _e, _f = additionalSettings.flow, flow = _f === void 0 ? types_2.ERegistrationFlow.Socket : _f, _g = additionalSettings.bonusImagePath, bonusImagePath = _g === void 0 ? '' : _g, _h = additionalSettings.isFullView, isFullView = _h === void 0 ? false : _h, _j = additionalSettings.preventClose, preventClose = _j === void 0 ? false : _j;
|
|
87
87
|
var regType = registrationTheme;
|
|
88
|
-
// const docs: any = {};
|
|
89
|
-
// const lang = useZustandLanguagesKitStore(
|
|
90
|
-
// languageSelectors.getActiveLanguageNameKitSelector
|
|
91
|
-
// );
|
|
92
88
|
var countryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
|
|
93
89
|
var handleOpenSignIn = function () {
|
|
94
90
|
closeAndOpen(types_1.EModalTypes.SignInThree, {
|
|
@@ -126,14 +122,14 @@ var SignUpTypeThree = function (_a) {
|
|
|
126
122
|
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperSignUpModal, (_b = {},
|
|
127
123
|
_b[styles.purple] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhitePurple,
|
|
128
124
|
_b[styles.lightBlue] = types_2.ESignUpTheme[regType] === types_2.ESignUpTheme.WhiteBlue,
|
|
129
|
-
_b[styles.page] =
|
|
125
|
+
_b[styles.page] = !isModal,
|
|
130
126
|
_b)) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.leftSide }, { children: [isFullView && ((0, jsx_runtime_1.jsx)(Logos_1.Logo, { isMobile: isMobile, classes: styles.logo, appType: appType })), (0, jsx_runtime_1.jsx)("div", { className: styles.banner, style: {
|
|
131
|
-
backgroundImage:
|
|
127
|
+
backgroundImage: bonusImagePath || currentBannerImage,
|
|
132
128
|
backgroundPosition: 'center',
|
|
133
129
|
backgroundSize: '100% 100%',
|
|
134
130
|
backgroundRepeat: 'no-repeat',
|
|
135
|
-
} }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.title }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpThree.title" }),
|
|
136
|
-
backgroundImage:
|
|
131
|
+
} }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.title }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpThree.title" }), isModal && !preventClose && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.close, onClick: openPopUp(types_1.EModalTypes.Unknown) }, { children: (0, jsx_runtime_1.jsx)(CrossSvg_1.CrossSvg, { classes: styles.closeIcon }) })))] })), (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, tabClasses: styles.tab, type: "underline" })), (0, jsx_runtime_1.jsx)("div", { className: styles.dash }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subTitle, onClick: handleOpenSignIn }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "signUpThree.description" }) })), activeForm === types_2.ERegistrationForm.Email && ((0, jsx_runtime_1.jsx)(EmailSignUp_1.EmailSignUp, { isSelected: true, countryInfo: countryInfo, handleRegistration: sendRegistrationCommand, availableCurrencies: availableCurrencies || [], classes: styles.marginBottom, labelClasses: styles.label })), activeForm === types_2.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRequestCodeRegistration, handleRegistration: sendRegistrationCommand, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], classes: styles.marginBottom, labelClasses: styles.label })), activeForm === types_2.ERegistrationForm.PhoneWithoutCode && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { withoutCode: true, isSelected: true, requestCode: handleRequestCodeRegistration, handleRegistration: sendRegistrationCommand, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], classes: styles.marginBottom, labelClasses: styles.label })), activeForm === types_2.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: sendRegistrationCommand, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [], classes: styles.marginBottom, labelClasses: styles.label }))] }))] })), (0, jsx_runtime_1.jsx)("div", { className: styles.rightSide, style: {
|
|
132
|
+
backgroundImage: bonusImagePath || currentBannerImage,
|
|
137
133
|
backgroundPosition: 'top',
|
|
138
134
|
backgroundSize: '100% 100%',
|
|
139
135
|
backgroundRepeat: 'no-repeat',
|
|
@@ -87,7 +87,7 @@ var SignUp = (0, react_1.lazy)(function () { return __awaiter(void 0, void 0, vo
|
|
|
87
87
|
switch (_b.label) {
|
|
88
88
|
case 0:
|
|
89
89
|
_a = {};
|
|
90
|
-
return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./components/Auth/SignUp/
|
|
90
|
+
return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./components/Auth/SignUp/ElJbFs')); })];
|
|
91
91
|
case 1: return [2 /*return*/, (_a.default = (_b.sent()).SignUp,
|
|
92
92
|
_a)];
|
|
93
93
|
}
|
|
@@ -99,7 +99,7 @@ var SignIn = (0, react_1.lazy)(function () { return __awaiter(void 0, void 0, vo
|
|
|
99
99
|
switch (_b.label) {
|
|
100
100
|
case 0:
|
|
101
101
|
_a = {};
|
|
102
|
-
return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./components/Auth/SignIn/
|
|
102
|
+
return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./components/Auth/SignIn/ElJbFs')); })];
|
|
103
103
|
case 1: return [2 /*return*/, (_a.default = (_b.sent()).SignIn,
|
|
104
104
|
_a)];
|
|
105
105
|
}
|
|
@@ -129,7 +129,7 @@ var SignUpTypeTwo = (0, react_1.lazy)(function () { return __awaiter(void 0, voi
|
|
|
129
129
|
switch (_b.label) {
|
|
130
130
|
case 0:
|
|
131
131
|
_a = {};
|
|
132
|
-
return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./components/Auth/
|
|
132
|
+
return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./components/Auth/Others/Olympus')); })];
|
|
133
133
|
case 1: return [2 /*return*/, (_a.default = (_b.sent()).SignUpTypeTwo,
|
|
134
134
|
_a)];
|
|
135
135
|
}
|
|
@@ -141,7 +141,7 @@ var SignUpTypeThree = (0, react_1.lazy)(function () { return __awaiter(void 0, v
|
|
|
141
141
|
switch (_b.label) {
|
|
142
142
|
case 0:
|
|
143
143
|
_a = {};
|
|
144
|
-
return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./components/Auth/SignUp/
|
|
144
|
+
return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./components/Auth/SignUp/XxxAzCawa')); })];
|
|
145
145
|
case 1: return [2 /*return*/, (_a.default = (_b.sent()).SignUpTypeThree,
|
|
146
146
|
_a)];
|
|
147
147
|
}
|
|
@@ -153,7 +153,7 @@ var SignInThree = (0, react_1.lazy)(function () { return __awaiter(void 0, void
|
|
|
153
153
|
switch (_b.label) {
|
|
154
154
|
case 0:
|
|
155
155
|
_a = {};
|
|
156
|
-
return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./components/Auth/SignIn/
|
|
156
|
+
return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./components/Auth/SignIn/XxxAzCawa')); })];
|
|
157
157
|
case 1: return [2 /*return*/, (_a.default = (_b.sent()).SignInThird,
|
|
158
158
|
_a)];
|
|
159
159
|
}
|
|
@@ -185,6 +185,7 @@ var EmailConfirmation = (0, react_1.lazy)(function () { return __awaiter(void 0,
|
|
|
185
185
|
}); }); });
|
|
186
186
|
var Fourth_1 = require("./components/Auth/Fourth");
|
|
187
187
|
var CircularLoader_1 = require("components/ui/Loaders/CircularLoader");
|
|
188
|
+
var BettingRestrict_1 = require("components/BettingRestrict");
|
|
188
189
|
var types_2 = require("zustandStore/forms/signUp/types");
|
|
189
190
|
var shared_1 = require("utils/shared");
|
|
190
191
|
var styles = __importStar(require("./Alert.module.css"));
|
|
@@ -219,9 +220,9 @@ var Alerts = function (props) {
|
|
|
219
220
|
case types_1.EModalTypes.SignUpTwo:
|
|
220
221
|
return (0, jsx_runtime_1.jsx)(SignUpTypeTwo, {});
|
|
221
222
|
case types_1.EModalTypes.SignUpThree:
|
|
222
|
-
return (0, jsx_runtime_1.jsx)(SignUpTypeThree, {});
|
|
223
|
+
return (0, jsx_runtime_1.jsx)(SignUpTypeThree, { isModal: true });
|
|
223
224
|
case types_1.EModalTypes.SignInThree:
|
|
224
|
-
return (0, jsx_runtime_1.jsx)(SignInThree, {});
|
|
225
|
+
return (0, jsx_runtime_1.jsx)(SignInThree, { isModal: true });
|
|
225
226
|
case types_1.EModalTypes.AssignCurrency:
|
|
226
227
|
return (0, jsx_runtime_1.jsx)(AssignCurrency, {});
|
|
227
228
|
case types_1.EModalTypes.LostPassword:
|
|
@@ -232,6 +233,8 @@ var Alerts = function (props) {
|
|
|
232
233
|
return (0, jsx_runtime_1.jsx)(EmailConfirmation, {});
|
|
233
234
|
case types_1.EModalTypes.AuthFourth:
|
|
234
235
|
return (0, jsx_runtime_1.jsx)(Fourth_1.FourthAuth, {});
|
|
236
|
+
case types_1.EModalTypes.BettingRestrict:
|
|
237
|
+
return (0, jsx_runtime_1.jsx)(BettingRestrict_1.BettingRestrict, {});
|
|
235
238
|
default:
|
|
236
239
|
return null;
|
|
237
240
|
}
|
|
@@ -256,26 +259,25 @@ var Alerts = function (props) {
|
|
|
256
259
|
prevType.current = null;
|
|
257
260
|
}
|
|
258
261
|
}, [modalType, oldModalType]);
|
|
262
|
+
var isXACTheme = types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhiteYellow ||
|
|
263
|
+
types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhiteBlue ||
|
|
264
|
+
types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhitePurple;
|
|
259
265
|
// TODO OPTIMIZE
|
|
260
266
|
return ((0, jsx_runtime_1.jsx)(ModalLayout_1.ModalLayout, __assign({ popUpHeaderProps: __assign(__assign({ title: !(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.bonusSignUp) &&
|
|
261
267
|
((additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.title) || (0, shared_1.getModalTitle)(modalType)), closeButton: (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.preventClose) ? undefined : handleClose, isHidden: additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.isHidden }, ((additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.popUpHeaderProps) || {})), { titleClasses: (0, classnames_1.default)((_a = {},
|
|
262
|
-
_a[styles.popUpDarkColor] = modalType === types_1.EModalTypes.SetNewPassword &&
|
|
263
|
-
(types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhiteYellow ||
|
|
264
|
-
types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhiteBlue ||
|
|
265
|
-
types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhitePurple),
|
|
268
|
+
_a[styles.popUpDarkColor] = modalType === types_1.EModalTypes.SetNewPassword && isXACTheme,
|
|
266
269
|
_a[styles.popUpBlackColor] = (modalType === types_1.EModalTypes.SignIn ||
|
|
267
270
|
modalType === types_1.EModalTypes.LostPassword ||
|
|
268
271
|
modalType === types_1.EModalTypes.EmailConfirmation ||
|
|
269
272
|
modalType === types_1.EModalTypes.NumberConfirmation) &&
|
|
270
273
|
types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.BaseWhite,
|
|
271
|
-
_a[styles.popUpSemiDarkColor] =
|
|
272
|
-
types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhiteBlue ||
|
|
273
|
-
types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhitePurple,
|
|
274
|
+
_a[styles.popUpSemiDarkColor] = isXACTheme,
|
|
274
275
|
_a)) }), classes: (0, classnames_1.default)(styles.wrapperModal, (_b = {},
|
|
275
276
|
// [styles.modalOpenMobileAnimation]: isActiveModal && isMobile,
|
|
276
277
|
// [styles.modalCloseMobileAnimation]: isCloseModal && isMobile,
|
|
277
278
|
// pass styles
|
|
278
279
|
_b[styles.wallet] = modalType === types_1.EModalTypes.MoneyOperations,
|
|
280
|
+
_b[styles.xxx] = modalType === types_1.EModalTypes.MoneyOperations && isXACTheme,
|
|
279
281
|
_b[styles.signUpTwo] = modalType === types_1.EModalTypes.SignUpTwo,
|
|
280
282
|
// [styles.modalOpenDesktopAnimation]: isActiveModal && !isMobile,
|
|
281
283
|
// [styles.modalCloseDesktopAnimation]: isCloseModal && !isMobile,
|
|
@@ -288,13 +290,7 @@ var Alerts = function (props) {
|
|
|
288
290
|
_c[styles.noBackground] = modalType === types_1.EModalTypes.SignUpTwo,
|
|
289
291
|
_c[styles.thirdAuth] = modalType === types_1.EModalTypes.SignUpThree ||
|
|
290
292
|
modalType === types_1.EModalTypes.SignInThree,
|
|
291
|
-
_c[styles.
|
|
292
|
-
modalType === types_1.EModalTypes.NumberConfirmation ||
|
|
293
|
-
modalType === types_1.EModalTypes.EmailConfirmation ||
|
|
294
|
-
modalType === types_1.EModalTypes.SetNewPassword) &&
|
|
295
|
-
(types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhiteYellow ||
|
|
296
|
-
types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhiteBlue ||
|
|
297
|
-
types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhitePurple),
|
|
293
|
+
_c[styles.thirdTheme] = isXACTheme,
|
|
298
294
|
_c[styles.yellowSignUp] = (modalType === types_1.EModalTypes.SignIn ||
|
|
299
295
|
modalType === types_1.EModalTypes.SignUp ||
|
|
300
296
|
modalType === types_1.EModalTypes.LostPassword ||
|
|
@@ -51,7 +51,7 @@ var usePhoneBox_1 = require("hooks/usePhoneBox");
|
|
|
51
51
|
var styles = __importStar(require("./PhoneBox.module.css"));
|
|
52
52
|
var PhoneBox = function (props) {
|
|
53
53
|
var _a;
|
|
54
|
-
var onChange = props.onChange, countryCodeDefault = props.countryCodeDefault
|
|
54
|
+
var onChange = props.onChange, countryCodeDefault = props.countryCodeDefault;
|
|
55
55
|
var _b = (0, usePhoneBox_1.usePhoneBox)(), activePhoneBox = _b[0], setPhoneBox = _b[1];
|
|
56
56
|
var _c = (0, react_1.useState)(false), isDrop = _c[0], setDropState = _c[1];
|
|
57
57
|
var _d = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), phone = _d[0], setPhone = _d[1];
|
|
@@ -134,9 +134,6 @@ var PhoneBox = function (props) {
|
|
|
134
134
|
setCountryPhoneSettings(defaultValue || constants_1.DEFAULT_COUNTRY_INFO);
|
|
135
135
|
return;
|
|
136
136
|
}
|
|
137
|
-
if (!countryInfo) {
|
|
138
|
-
return;
|
|
139
|
-
}
|
|
140
137
|
var countryFullInfo = mock_1.COUNTRY_MOCK.find(function (c) { return c.dialCode === (activePhoneBox === null || activePhoneBox === void 0 ? void 0 : activePhoneBox.code); });
|
|
141
138
|
if (!countryFullInfo) {
|
|
142
139
|
setCountryPhoneSettings(constants_1.DEFAULT_COUNTRY_INFO);
|
|
@@ -144,7 +141,7 @@ var PhoneBox = function (props) {
|
|
|
144
141
|
}
|
|
145
142
|
var country = Object.values(constants_1.PHONE_MASK).find(function (c) { return c.code === countryFullInfo.dialCode; });
|
|
146
143
|
setCountryPhoneSettings(country || constants_1.DEFAULT_COUNTRY_INFO);
|
|
147
|
-
}, [countryCodeDefault,
|
|
144
|
+
}, [countryCodeDefault, activePhoneBox]);
|
|
148
145
|
(0, react_1.useEffect)(function () {
|
|
149
146
|
if (!(countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.code)) {
|
|
150
147
|
return;
|
|
@@ -42,8 +42,8 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
42
42
|
var classnames_1 = __importDefault(require("classnames"));
|
|
43
43
|
var CrossSvg_1 = require("components/ui/Icons/Base/CrossSvg");
|
|
44
44
|
var Text_1 = require("components/Text");
|
|
45
|
-
var styles = __importStar(require("./PopUpHeader.module.css"));
|
|
46
45
|
var ArrowSvg_1 = require("components/ui/Icons/ArrowSvg");
|
|
46
|
+
var styles = __importStar(require("./PopUpHeader.module.css"));
|
|
47
47
|
var PopUpHeader = function (props) {
|
|
48
48
|
var _a;
|
|
49
49
|
var title = props.title, closeButton = props.closeButton, classes = props.classes, backButton = props.backButton, _b = props.backSvg, backSvg = _b === void 0 ? (0, jsx_runtime_1.jsx)(ArrowSvg_1.ArrowSvg, {}) : _b, _c = props.transparent, transparent = _c === void 0 ? false : _c, titleClasses = props.titleClasses;
|
|
@@ -4,31 +4,32 @@ exports.usePhoneBox = void 0;
|
|
|
4
4
|
var react_1 = require("react");
|
|
5
5
|
var constants_1 = require("./constants");
|
|
6
6
|
var useHookFabric_1 = require("../useHookFabric");
|
|
7
|
+
var store_1 = require("zustandStore/forms/signUp/store");
|
|
8
|
+
var selectors_1 = require("zustandStore/forms/signUp/selectors");
|
|
7
9
|
var ModalContext_1 = require("context/logic/ModalContext");
|
|
8
10
|
var usePhoneBox = function () {
|
|
9
11
|
var useCountryInfo = (0, ModalContext_1.useHookProvider)().useCountryInfo;
|
|
10
12
|
var countryInfo = (0, useHookFabric_1.useHookFabric)({
|
|
11
13
|
fn: useCountryInfo,
|
|
12
14
|
});
|
|
15
|
+
var activeCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
|
|
13
16
|
var _a = (0, react_1.useState)(null), activePhoneBox = _a[0], setPhoneBox = _a[1];
|
|
14
|
-
var
|
|
17
|
+
var phoneBoxToSet = (0, react_1.useMemo)(function () {
|
|
18
|
+
var phoneBoxFromUrl = Object.values(constants_1.PHONE_BOX).find(function (b) { return b.countryId === activeCountryId; });
|
|
19
|
+
return phoneBoxFromUrl || constants_1.PHONE_BOX[3];
|
|
20
|
+
}, [activeCountryId]);
|
|
15
21
|
(0, react_1.useEffect)(function () {
|
|
16
22
|
if (!countryInfo) {
|
|
17
|
-
|
|
18
|
-
setPhoneBox(constants_1.PHONE_BOX[3]);
|
|
19
|
-
}, 500);
|
|
23
|
+
setPhoneBox(phoneBoxToSet);
|
|
20
24
|
return;
|
|
21
25
|
}
|
|
22
|
-
if (timer.current) {
|
|
23
|
-
clearTimeout(timer.current);
|
|
24
|
-
}
|
|
25
26
|
var phoneBox = Object.values(constants_1.PHONE_BOX).find(function (b) { return b.countryId === countryInfo.countryId; });
|
|
26
27
|
if (phoneBox) {
|
|
27
28
|
setPhoneBox(phoneBox);
|
|
28
29
|
return;
|
|
29
30
|
}
|
|
30
|
-
setPhoneBox(
|
|
31
|
-
}, [countryInfo]);
|
|
31
|
+
setPhoneBox(phoneBoxToSet);
|
|
32
|
+
}, [countryInfo, phoneBoxToSet]);
|
|
32
33
|
return [activePhoneBox, setPhoneBox, Object.values(constants_1.PHONE_BOX)];
|
|
33
34
|
};
|
|
34
35
|
exports.usePhoneBox = usePhoneBox;
|
package/dist/lib/index.d.ts
CHANGED
|
@@ -12,15 +12,15 @@ import { OneClick } from 'components/SignUp/OneClick';
|
|
|
12
12
|
import { CurrencySelector } from 'components/SignUp/CurrencySelector';
|
|
13
13
|
import { DocsCheckBox } from 'components/SignUp/DocsCheckBox';
|
|
14
14
|
import { CountrySelector } from 'components/SignUp/CountrySelector';
|
|
15
|
-
import { SignUp } from 'components/Modals/Alert/components/Auth/SignUp/
|
|
16
|
-
import { SignUpTypeTwo } from 'components/Modals/Alert/components/Auth/
|
|
17
|
-
import { SignUpTypeThree } from 'components/Modals/Alert/components/Auth/SignUp/
|
|
18
|
-
export { SignUpProps } from 'components/Modals/Alert/components/Auth/SignUp/
|
|
15
|
+
import { SignUp } from 'components/Modals/Alert/components/Auth/SignUp/ElJbFs';
|
|
16
|
+
import { SignUpTypeTwo } from 'components/Modals/Alert/components/Auth/Others/Olympus';
|
|
17
|
+
import { SignUpTypeThree } from 'components/Modals/Alert/components/Auth/SignUp/XxxAzCawa';
|
|
18
|
+
export { SignUpProps } from 'components/Modals/Alert/components/Auth/SignUp/ElJbFs/types';
|
|
19
19
|
export { ESignUpTheme } from 'zustandStore/forms/signUp/types';
|
|
20
|
-
import { EmailSignUp } from 'components/Modals/Alert/components/Auth/SignUp/
|
|
21
|
-
import { PhoneSignUp } from 'components/Modals/Alert/components/Auth/SignUp/
|
|
22
|
-
import { SignIn } from 'components/Modals/Alert/components/Auth/SignIn/
|
|
23
|
-
import { SignInThird } from 'components/Modals/Alert/components/Auth/SignIn/
|
|
20
|
+
import { EmailSignUp } from 'components/Modals/Alert/components/Auth/SignUp/ElJbFs/components/Forms/EmailSignUp';
|
|
21
|
+
import { PhoneSignUp } from 'components/Modals/Alert/components/Auth/SignUp/ElJbFs/components/Forms/PhoneSignUp';
|
|
22
|
+
import { SignIn } from 'components/Modals/Alert/components/Auth/SignIn/ElJbFs';
|
|
23
|
+
import { SignInThird } from 'components/Modals/Alert/components/Auth/SignIn/XxxAzCawa';
|
|
24
24
|
import { ModalLayout } from 'components/Layouts/ModalLayout';
|
|
25
25
|
import { BonusCardLayout } from 'components/Layouts/BonusCardLayout';
|
|
26
26
|
import { DrawerLayout } from 'components/Layouts/DrawerLayout';
|
|
@@ -229,6 +229,8 @@ import { useZustandWheelPromoKitStore } from 'zustandStore/wheelPromo/store';
|
|
|
229
229
|
export { EWheelState } from 'zustandStore/wheelPromo/types';
|
|
230
230
|
import { searchSelectors } from 'zustandStore/search/selectors';
|
|
231
231
|
import { useZustandCasinoSearchKitStore } from 'zustandStore/search/store';
|
|
232
|
+
import { useZustandSupportKitStore } from 'zustandStore/support/store';
|
|
233
|
+
import { supportSelectors } from 'zustandStore/support/selectors';
|
|
232
234
|
import { EDirection } from 'components/ui/LanguageSelector/types';
|
|
233
235
|
import { CasinoSearchBlock } from 'components/CasinoSearchBlock';
|
|
234
236
|
import { CasinoSearchInput } from 'components/CasinoSearchBlock/components/CasinoSearchInput';
|
|
@@ -243,7 +245,7 @@ import Accordion from 'components/ui/AccordionGroup/Accordion';
|
|
|
243
245
|
import AccordionGroup from 'components/ui/AccordionGroup';
|
|
244
246
|
import { copyToClipboard, sleep } from 'utils/shared';
|
|
245
247
|
import { getAuthorizationData, getRegistrationData } from 'zustandStore/forms/signUp/utils';
|
|
246
|
-
export { Logo, BaseButton, CloseButton, DrawerButton, AppSwitcher, CasinoCategoryButton, CasinoSubCategoriesButton, ProviderNameButton, DepositButton, ShowAllCard, BaseInput, BaseInputUi, PhoneInput, CheckBox, EmailInput, PasswordInput, CasinoSearchBlock, CasinoSearchInput, JivoChatButton, JivoChatButtonProps, PaymentsMethods, PaymentMethodProps, EActiveMethodTab, DepositSkelet, DepositSkeletProps, DepositQrFormProps, PopUpHeader, Footer, Tabs, MainLoader, CircularLoader, Image, HOCImageLoader, HOCOutsideClick, HOCErrorBoundary, HOCRequestLoader, HOCKitConfigure, useHookFabric, useElementResize, useOnClickOutside, useCountDown, useTranslate, useInView, JackpotWidget, JackPotInfoBox, Wheel, Scratch, TournamentCard, ReferralTable, ReferralTableProps, Pagination, ModalLayout, Alerts, BonusCardLayout, DrawerLayout, LandingLayoutTemplate, PortalLayout, CountDown, LastBigWinners, Banners, PromotionMobileApp, OneClick, DocsCheckBox, CurrencySelector, CountrySelector, RegistrationPromoCode, SignUp, SignUpTypeTwo, SignUpTypeThree, EmailSignUp, PhoneSignUp, Selector, LanguageSelector, SignIn, SignInThird, IconProps, 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, useZustandRecoveryKitStore, zustandRecoveryKitSelectors, useZustandNotificationKitStore, notificationKitSelectors, useZustandModalKitStore, zustandModalKitSelector, useZustandDeviceKitStore, zustandDeviceKitSelector, useZustandRegistrationKitStore, zustandRegistrationKitSelector, useZustandSignInKitStore, zustandSignInKitSelectors, useZustandRequestKitStore, requestSelectors, useZustandCasinoGamesKitStore, gamesSelectors, useZustandConnectionKitStore, connectionSelectors, useZustandWheelPromoKitStore, wheelPromoSelectors, EDirection, searchSelectors, useZustandCasinoSearchKitStore, getCasinoCategoryIcon, sleep, getAuthorizationData, getRegistrationData, copyToClipboard, };
|
|
248
|
+
export { Logo, BaseButton, CloseButton, DrawerButton, AppSwitcher, CasinoCategoryButton, CasinoSubCategoriesButton, ProviderNameButton, DepositButton, ShowAllCard, BaseInput, BaseInputUi, PhoneInput, CheckBox, EmailInput, PasswordInput, CasinoSearchBlock, CasinoSearchInput, JivoChatButton, JivoChatButtonProps, PaymentsMethods, PaymentMethodProps, EActiveMethodTab, DepositSkelet, DepositSkeletProps, DepositQrFormProps, PopUpHeader, Footer, Tabs, MainLoader, CircularLoader, Image, HOCImageLoader, HOCOutsideClick, HOCErrorBoundary, HOCRequestLoader, HOCKitConfigure, useHookFabric, useElementResize, useOnClickOutside, useCountDown, useTranslate, useInView, JackpotWidget, JackPotInfoBox, Wheel, Scratch, TournamentCard, ReferralTable, ReferralTableProps, Pagination, ModalLayout, Alerts, BonusCardLayout, DrawerLayout, LandingLayoutTemplate, PortalLayout, CountDown, LastBigWinners, Banners, PromotionMobileApp, OneClick, DocsCheckBox, CurrencySelector, CountrySelector, RegistrationPromoCode, SignUp, SignUpTypeTwo, SignUpTypeThree, EmailSignUp, PhoneSignUp, Selector, LanguageSelector, SignIn, SignInThird, IconProps, 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, useZustandRecoveryKitStore, zustandRecoveryKitSelectors, useZustandNotificationKitStore, notificationKitSelectors, useZustandModalKitStore, zustandModalKitSelector, useZustandDeviceKitStore, zustandDeviceKitSelector, useZustandRegistrationKitStore, zustandRegistrationKitSelector, useZustandSignInKitStore, zustandSignInKitSelectors, useZustandRequestKitStore, requestSelectors, useZustandCasinoGamesKitStore, gamesSelectors, useZustandConnectionKitStore, connectionSelectors, useZustandWheelPromoKitStore, wheelPromoSelectors, EDirection, searchSelectors, useZustandCasinoSearchKitStore, useZustandSupportKitStore, supportSelectors, getCasinoCategoryIcon, sleep, getAuthorizationData, getRegistrationData, copyToClipboard, };
|
|
247
249
|
export { Size, Color, EAppType } from 'types/ui';
|
|
248
250
|
export { COUNTRY_MOCK } from 'constants/mock';
|
|
249
251
|
export { REFERRAL_KEY, REFERRAL_CODE, } from 'components/SignUp/PromoCode/constants';
|