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.
Files changed (121) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/lib/components/BettingRestrict/index.d.ts +1 -0
  3. package/dist/lib/components/BettingRestrict/index.js +70 -0
  4. package/dist/lib/components/CasinoSearchBlock/index.js +1 -1
  5. package/dist/lib/components/Modals/Alert/components/Auth/Fourth/index.js +3 -3
  6. package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Fourth → GB}/index.js +1 -1
  7. package/dist/lib/components/Modals/Alert/components/Auth/SignIn/XxxAzCawa/index.d.ts +3 -0
  8. package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/index.js +3 -4
  9. package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Fourth → GB}/components/PhoneSignUp/index.d.ts +1 -1
  10. package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Fourth → GB}/components/PhoneSignUp/index.js +1 -1
  11. package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/EmailSignUp/index.js +2 -2
  12. package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/PhoneSignUp/index.js +3 -1
  13. package/dist/lib/components/Modals/Alert/components/Auth/SignUp/XxxAzCawa/index.d.ts +3 -0
  14. package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/index.js +6 -10
  15. package/dist/lib/components/Modals/Alert/index.js +17 -21
  16. package/dist/lib/components/SignUpTypeTwo/PhoneBox/index.js +2 -5
  17. package/dist/lib/components/ui/Headers/PopUpHeader/index.js +1 -1
  18. package/dist/lib/constants/translates.d.ts +3 -0
  19. package/dist/lib/constants/translates.js +3 -0
  20. package/dist/lib/hooks/usePhoneBox/constants.js +6 -0
  21. package/dist/lib/hooks/usePhoneBox/index.js +10 -9
  22. package/dist/lib/index.d.ts +11 -9
  23. package/dist/lib/index.js +22 -17
  24. package/dist/lib/utils/shared.js +2 -0
  25. package/dist/lib/zustandStore/alerts/modal/types.d.ts +2 -1
  26. package/dist/lib/zustandStore/alerts/modal/types.js +2 -1
  27. package/dist/lib/zustandStore/connection/selectors.d.ts +1 -0
  28. package/dist/lib/zustandStore/connection/selectors.js +4 -0
  29. package/dist/lib/zustandStore/connection/store.js +4 -0
  30. package/dist/lib/zustandStore/connection/types.d.ts +2 -0
  31. package/dist/lib/zustandStore/device/selectors.d.ts +1 -0
  32. package/dist/lib/zustandStore/device/selectors.js +4 -0
  33. package/dist/lib/zustandStore/search/selectors.d.ts +0 -1
  34. package/dist/lib/zustandStore/search/selectors.js +2 -3
  35. package/dist/lib/zustandStore/settings/selectors.d.ts +1 -0
  36. package/dist/lib/zustandStore/settings/selectors.js +3 -1
  37. package/dist/lib/zustandStore/settings/store.js +1 -0
  38. package/dist/lib/zustandStore/settings/types.d.ts +1 -0
  39. package/dist/lib/zustandStore/support/selectors.d.ts +7 -0
  40. package/dist/lib/zustandStore/support/selectors.js +18 -0
  41. package/dist/lib/zustandStore/support/store.d.ts +2 -0
  42. package/dist/lib/zustandStore/support/store.js +14 -0
  43. package/dist/lib/zustandStore/support/types.d.ts +6 -0
  44. package/dist/lib/zustandStore/support/types.js +2 -0
  45. package/dist/main.css +363 -222
  46. package/package.json +2 -2
  47. package/dist/lib/components/Modals/Alert/components/Auth/SignIn/Third/index.d.ts +0 -3
  48. package/dist/lib/components/Modals/Alert/components/Auth/SignUp/Third/index.d.ts +0 -3
  49. /package/dist/lib/components/Modals/Alert/components/Auth/{SignUp/Second → Others/Olympus}/index.d.ts +0 -0
  50. /package/dist/lib/components/Modals/Alert/components/Auth/{SignUp/Second → Others/Olympus}/index.js +0 -0
  51. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/EmailSignInForm/index.d.ts +0 -0
  52. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/EmailSignInForm/index.js +0 -0
  53. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/EmailSignInForm/types.d.ts +0 -0
  54. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/EmailSignInForm/types.js +0 -0
  55. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/IdSignInForm/index.d.ts +0 -0
  56. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/IdSignInForm/index.js +0 -0
  57. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/IdSignInForm/types.d.ts +0 -0
  58. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/IdSignInForm/types.js +0 -0
  59. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/PhoneSignInForm/index.d.ts +0 -0
  60. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/PhoneSignInForm/index.js +0 -0
  61. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/PhoneSignInForm/types.d.ts +0 -0
  62. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/components/PhoneSignInForm/types.js +0 -0
  63. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/constants.d.ts +0 -0
  64. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/constants.js +0 -0
  65. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/index.d.ts +0 -0
  66. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{First → ElJbFs}/index.js +0 -0
  67. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Fourth → GB}/constants.d.ts +0 -0
  68. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Fourth → GB}/constants.js +0 -0
  69. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Fourth → GB}/index.d.ts +0 -0
  70. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/EmailSignInForm/index.d.ts +0 -0
  71. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/EmailSignInForm/index.js +0 -0
  72. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/EmailSignInForm/types.d.ts +0 -0
  73. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/EmailSignInForm/types.js +0 -0
  74. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/IdSignInForm/index.d.ts +0 -0
  75. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/IdSignInForm/index.js +0 -0
  76. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/IdSignInForm/types.d.ts +0 -0
  77. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/IdSignInForm/types.js +0 -0
  78. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/PhoneSignInForm/index.d.ts +0 -0
  79. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/PhoneSignInForm/index.js +0 -0
  80. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/PhoneSignInForm/types.d.ts +0 -0
  81. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/components/PhoneSignInForm/types.js +0 -0
  82. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/constants.d.ts +0 -0
  83. /package/dist/lib/components/Modals/Alert/components/Auth/SignIn/{Third → XxxAzCawa}/constants.js +0 -0
  84. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/EmailSignUp/index.d.ts +0 -0
  85. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/EmailSignUp/index.js +0 -0
  86. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/OneClickKit/constants.d.ts +0 -0
  87. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/OneClickKit/constants.js +0 -0
  88. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/OneClickKit/index.d.ts +0 -0
  89. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/OneClickKit/index.js +0 -0
  90. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/OneClickKit/types.d.ts +0 -0
  91. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/OneClickKit/types.js +0 -0
  92. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/PhoneSignUp/constants.d.ts +0 -0
  93. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/PhoneSignUp/constants.js +0 -0
  94. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/PhoneSignUp/index.d.ts +0 -0
  95. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/PhoneSignUp/index.js +0 -0
  96. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/PhoneSignUp/types.d.ts +0 -0
  97. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/components/Forms/PhoneSignUp/types.js +0 -0
  98. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/index.d.ts +0 -0
  99. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/index.js +0 -0
  100. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/types.d.ts +0 -0
  101. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{First → ElJbFs}/types.js +0 -0
  102. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Fourth → GB}/components/EmailSignUp/index.d.ts +0 -0
  103. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Fourth → GB}/components/EmailSignUp/index.js +0 -0
  104. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Fourth → GB}/constants.d.ts +0 -0
  105. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Fourth → GB}/constants.js +0 -0
  106. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Fourth → GB}/index.d.ts +0 -0
  107. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Fourth → GB}/index.js +0 -0
  108. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/EmailSignUp/index.d.ts +0 -0
  109. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/OneClickKit/constants.d.ts +0 -0
  110. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/OneClickKit/constants.js +0 -0
  111. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/OneClickKit/index.d.ts +0 -0
  112. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/OneClickKit/index.js +0 -0
  113. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/OneClickKit/types.d.ts +0 -0
  114. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/OneClickKit/types.js +0 -0
  115. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/PhoneSignUp/constants.d.ts +0 -0
  116. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/PhoneSignUp/constants.js +0 -0
  117. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/PhoneSignUp/index.d.ts +0 -0
  118. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/PhoneSignUp/types.d.ts +0 -0
  119. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/Forms/PhoneSignUp/types.js +0 -0
  120. /package/dist/lib/components/Modals/Alert/components/Auth/SignUp/{Third → XxxAzCawa}/components/PromocodeInput/index.d.ts +0 -0
  121. /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 Fourth_1 = require("../SignIn/Fourth");
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 Fourth_2 = require("../SignUp/Fourth");
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)(Fourth_1.FourhSignIn, { classes: styles.emailSignIn })) : ((0, jsx_runtime_1.jsx)(Fourth_2.FourthSignUp, {}))] }))] })));
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("../First/components/PhoneSignInForm");
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");
@@ -0,0 +1,3 @@
1
+ export declare const SignInThird: ({ isModal }: {
2
+ isModal?: boolean;
3
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -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.isPage, isPage = _c === void 0 ? false : _c;
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] = isPage,
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" }), !isPage && ((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: {
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 '../../../Third/components/Forms/PhoneSignUp/types';
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("../../../First/components/Forms/PhoneSignUp/constants");
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: "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) }) }))] })));
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)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(PromocodeInput_1.PromocodeInput, { value: promoCode, handleChange: handleChangePromoCode, clearValue: clearPromoCode }), (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) }) }))] }));
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;
@@ -0,0 +1,3 @@
1
+ export declare const SignUpTypeThree: ({ isModal }: {
2
+ isModal?: boolean;
3
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -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.isPage, isPage = _c === void 0 ? false : _c;
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.promotionImagePath, promotionImagePath = _f === void 0 ? '' : _f, _g = additionalSettings.flow, flow = _g === void 0 ? types_2.ERegistrationFlow.Socket : _g, _h = additionalSettings.bonusImagePath, bonusImagePath = _h === void 0 ? '' : _h, _j = additionalSettings.isFullView, isFullView = _j === void 0 ? false : _j, preventClose = additionalSettings.preventClose;
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] = isPage,
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: promotionImagePath || currentBannerImage,
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" }), !(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.preventClose) || !isPage && ((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: {
136
- backgroundImage: promotionImagePath || currentBannerImage,
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/First')); })];
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/First')); })];
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/SignUp/Second')); })];
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/Third')); })];
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/Third')); })];
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] = types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhiteYellow ||
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.thirdLostpassword] = (modalType === types_1.EModalTypes.LostPassword ||
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, countryInfo = props.countryInfo;
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, countryInfo, activePhoneBox]);
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;
@@ -59,4 +59,7 @@ export declare const DICTIONARY: {
59
59
  emailConfirmation: {
60
60
  title: string;
61
61
  };
62
+ bettingRestrict: {
63
+ title: string;
64
+ };
62
65
  };
@@ -62,4 +62,7 @@ exports.DICTIONARY = {
62
62
  emailConfirmation: {
63
63
  title: 'recoveryPsw.emailConfirmation.title',
64
64
  },
65
+ bettingRestrict: {
66
+ title: 'bettingRestrict.prohibition',
67
+ },
65
68
  };
@@ -37,4 +37,10 @@ exports.PHONE_BOX = {
37
37
  flag: '/landings/assets-builder/signUpTwo/flags/ru.svg',
38
38
  countryId: 643,
39
39
  },
40
+ 7: {
41
+ code: '+92',
42
+ name: 'signUpTwo.phone.92',
43
+ flag: '/landings/assets-builder/signUpTwo/flags/pk.svg',
44
+ countryId: 586,
45
+ },
40
46
  };
@@ -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 timer = (0, react_1.useRef)(null);
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
- timer.current = setTimeout(function () {
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(constants_1.PHONE_BOX[3]);
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;
@@ -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/First';
16
- import { SignUpTypeTwo } from 'components/Modals/Alert/components/Auth/SignUp/Second';
17
- import { SignUpTypeThree } from 'components/Modals/Alert/components/Auth/SignUp/Third';
18
- export { SignUpProps } from 'components/Modals/Alert/components/Auth/SignUp/First/types';
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/First/components/Forms/EmailSignUp';
21
- import { PhoneSignUp } from 'components/Modals/Alert/components/Auth/SignUp/First/components/Forms/PhoneSignUp';
22
- import { SignIn } from 'components/Modals/Alert/components/Auth/SignIn/First';
23
- import { SignInThird } from 'components/Modals/Alert/components/Auth/SignIn/Third';
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';