react-gldn-kit 0.1.10 → 0.1.13
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/Banners/components/BannerTemplate/index.d.ts +5 -0
- package/dist/lib/components/Banners/components/BannerTemplate/index.js +3 -2
- package/dist/lib/components/Banners/components/BattleBanner/index.js +2 -2
- package/dist/lib/components/BattlesCard/index.js +2 -2
- package/dist/lib/components/BattlesCard/types.d.ts +1 -0
- package/dist/lib/components/HOCs/HOCRequestLoader/index.d.ts +2 -0
- package/dist/lib/components/HOCs/HOCRequestLoader/index.js +51 -0
- package/dist/lib/components/HOCs/HOCRequestLoader/types.d.ts +8 -0
- package/dist/lib/components/HOCs/HOCRequestLoader/types.js +2 -0
- package/dist/lib/components/Layouts/ModalLayout/component/ModalContent/index.d.ts +1 -1
- package/dist/lib/components/Layouts/ModalLayout/component/ModalContent/index.js +6 -2
- package/dist/lib/components/Layouts/ModalLayout/index.js +2 -2
- package/dist/lib/components/Layouts/ModalLayout/types.d.ts +1 -0
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/index.js +9 -8
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/types.d.ts +1 -0
- package/dist/lib/components/Modals/Alert/components/OneStepPrize/index.d.ts +2 -0
- package/dist/lib/components/Modals/Alert/components/OneStepPrize/index.js +80 -0
- package/dist/lib/components/Modals/Alert/index.js +4 -1
- package/dist/lib/components/ui/Logos/index.js +3 -0
- package/dist/lib/index.d.ts +14 -1
- package/dist/lib/index.js +32 -5
- package/dist/lib/zustandStore/connection/selectors.d.ts +7 -0
- package/dist/lib/zustandStore/connection/selectors.js +19 -0
- package/dist/lib/zustandStore/connection/store.d.ts +2 -0
- package/dist/lib/zustandStore/connection/store.js +11 -0
- package/dist/lib/zustandStore/connection/types.d.ts +8 -0
- package/dist/lib/zustandStore/connection/types.js +2 -0
- package/dist/lib/zustandStore/games/selectors.d.ts +9 -0
- package/dist/lib/zustandStore/games/selectors.js +26 -0
- package/dist/lib/zustandStore/games/store.d.ts +2 -0
- package/dist/lib/zustandStore/games/store.js +22 -0
- package/dist/lib/zustandStore/games/types.d.ts +11 -0
- package/dist/lib/zustandStore/games/types.js +2 -0
- package/dist/lib/zustandStore/request/selector.d.ts +68 -0
- package/dist/lib/zustandStore/request/selector.js +21 -0
- package/dist/lib/zustandStore/request/store.d.ts +2 -0
- package/dist/lib/zustandStore/request/store.js +20 -0
- package/dist/lib/zustandStore/request/types.d.ts +12 -0
- package/dist/lib/zustandStore/request/types.js +2 -0
- package/dist/lib/zustandStore/wheelPromo/selectors.d.ts +5 -0
- package/dist/lib/zustandStore/wheelPromo/selectors.js +14 -0
- package/dist/lib/zustandStore/wheelPromo/store.d.ts +2 -0
- package/dist/lib/zustandStore/wheelPromo/store.js +11 -0
- package/dist/lib/zustandStore/wheelPromo/types.d.ts +15 -0
- package/dist/lib/zustandStore/wheelPromo/types.js +12 -0
- package/dist/main.css +169 -97
- package/package.json +3 -2
|
@@ -8,6 +8,11 @@ type Props = BannerType & {
|
|
|
8
8
|
subTitleClasses?: string;
|
|
9
9
|
buttonClasses?: string;
|
|
10
10
|
buttonTextClasses?: string;
|
|
11
|
+
name?: string;
|
|
12
|
+
nameClasses?: string;
|
|
13
|
+
handleClickPath?: () => void;
|
|
14
|
+
battlePath?: string;
|
|
15
|
+
pathClasses?: string;
|
|
11
16
|
};
|
|
12
17
|
declare const BannerTemplate: (props: Props) => import("react/jsx-runtime").JSX.Element;
|
|
13
18
|
export default BannerTemplate;
|
|
@@ -41,12 +41,13 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
41
41
|
var classnames_1 = __importDefault(require("classnames"));
|
|
42
42
|
var Buttons_1 = require("components/ui/Buttons");
|
|
43
43
|
var Text_1 = require("components/Text");
|
|
44
|
+
var ArrowSvg_1 = require("components/ui/Icons/ArrowSvg");
|
|
44
45
|
var styles = __importStar(require("./BannerTemplate.module.css"));
|
|
45
46
|
var BannerTemplate = function (props) {
|
|
46
|
-
var isMobile = props.isMobile, mobile = props.mobile, desktop = props.desktop, _a = props.text, text = _a === void 0 ? '' : _a, _b = props.buttonText, buttonText = _b === void 0 ? '' : _b, subTitle = props.subTitle, handleClick = props.handleClick, language = props.language, classes = props.classes, titleClasses = props.titleClasses, subTitleClasses = props.subTitleClasses, buttonClasses = props.buttonClasses, buttonTextClasses = props.buttonTextClasses;
|
|
47
|
+
var isMobile = props.isMobile, mobile = props.mobile, desktop = props.desktop, _a = props.text, text = _a === void 0 ? '' : _a, _b = props.buttonText, buttonText = _b === void 0 ? '' : _b, subTitle = props.subTitle, handleClick = props.handleClick, language = props.language, classes = props.classes, titleClasses = props.titleClasses, subTitleClasses = props.subTitleClasses, buttonClasses = props.buttonClasses, buttonTextClasses = props.buttonTextClasses, battlePath = props.battlePath, name = props.name, nameClasses = props.nameClasses, handleClickPath = props.handleClickPath, pathClasses = props.pathClasses;
|
|
47
48
|
var path = isMobile ? mobile : desktop;
|
|
48
49
|
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperBanner, classes), onClick: buttonText ? undefined : handleClick, style: {
|
|
49
50
|
backgroundImage: "url(".concat(path, ")"),
|
|
50
|
-
} }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [text && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.title, titleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: text }) }))), subTitle && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.subTitle, subTitleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: subTitle }) })))] }), buttonText && ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: buttonText, size: "--button-xxl", centreText: true, color: "primary", buttonHeight: isMobile ? '--button-height-xs' : '--button-height-xxl', handleClick: handleClick, classes: buttonClasses, classesText: buttonTextClasses }))] })));
|
|
51
|
+
} }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.top }, { children: [battlePath && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.path, pathClasses), onClick: handleClickPath }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: battlePath }) }), (0, jsx_runtime_1.jsx)(ArrowSvg_1.ArrowSvg, { classes: styles.arrowSvg }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.name, nameClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: name }) }))] }))), (0, jsx_runtime_1.jsxs)("div", { children: [text && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.title, titleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: text }) }))), subTitle && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.subTitle, subTitleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: subTitle }) })))] })] })), buttonText && ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: buttonText, size: "--button-xxl", centreText: true, color: "primary", buttonHeight: isMobile ? '--button-height-xs' : '--button-height-xxl', handleClick: handleClick, classes: buttonClasses, classesText: buttonTextClasses }))] })));
|
|
51
52
|
};
|
|
52
53
|
exports.default = BannerTemplate;
|
|
@@ -47,13 +47,13 @@ var Text_1 = require("components/Text");
|
|
|
47
47
|
var styles = __importStar(require("./BattleBanner.module.css"));
|
|
48
48
|
var BattleBanner = function (props) {
|
|
49
49
|
var _a;
|
|
50
|
-
var imagePath = props.imagePath, name = props.name, endDate = props.endDate, names = props.names, countDownText = props.countDownText, isFinished = props.isFinished, buttonText = props.buttonText, handleClick = props.handleClick, handleClickPath = props.handleClickPath, prizePoolText = props.prizePoolText, amount = props.amount, path = props.path, subTitle = props.subTitle, classes = props.classes, titleClasses = props.titleClasses, subTitleClasses = props.subTitleClasses, prizePoolClasses = props.prizePoolClasses, nameClasses = props.nameClasses, buttonTextClasses = props.buttonTextClasses;
|
|
50
|
+
var imagePath = props.imagePath, name = props.name, endDate = props.endDate, names = props.names, countDownText = props.countDownText, isFinished = props.isFinished, buttonText = props.buttonText, handleClick = props.handleClick, handleClickPath = props.handleClickPath, prizePoolText = props.prizePoolText, amount = props.amount, path = props.path, subTitle = props.subTitle, classes = props.classes, titleClasses = props.titleClasses, subTitleClasses = props.subTitleClasses, prizePoolClasses = props.prizePoolClasses, nameClasses = props.nameClasses, buttonTextClasses = props.buttonTextClasses, timeBlockClasses = props.timeBlockClasses;
|
|
51
51
|
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperBattleBanner, classes), style: {
|
|
52
52
|
backgroundImage: "url(".concat(imagePath, ")"),
|
|
53
53
|
backgroundSize: 'cover',
|
|
54
54
|
backgroundPosition: 'center',
|
|
55
55
|
} }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.top }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.path, onClick: handleClickPath }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: path }) }), (0, jsx_runtime_1.jsx)(ArrowSvg_1.ArrowSvg, { classes: styles.arrowSvg }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.name, nameClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: name }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.time, (_a = {},
|
|
56
56
|
_a[styles.finished] = isFinished,
|
|
57
|
-
_a)) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.countDownText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: countDownText }) })), !isFinished && ((0, jsx_runtime_1.jsx)(CountDown_1.CountDown, { endTimestamp: endDate, names: names, type: "row" }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.title, titleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: name }) })), subTitle && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.subTitle, subTitleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: subTitle }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.prizePool, prizePoolClasses) }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: prizePoolText }) }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.prizeAmount }, { children: amount }))] }))] }))] })), handleClick && ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: buttonText, handleClick: handleClick, size: "--button-xxl", buttonHeight: "--button-height-xxl", color: "primary", centreText: true, classes: styles.button, classesText: buttonTextClasses }))] })));
|
|
57
|
+
_a)) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.countDownText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: countDownText }) })), !isFinished && ((0, jsx_runtime_1.jsx)(CountDown_1.CountDown, { endTimestamp: endDate, names: names, type: "row", timeBlockClasses: timeBlockClasses }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.title, titleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: name }) })), subTitle && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.subTitle, subTitleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: subTitle }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.prizePool, prizePoolClasses) }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: prizePoolText }) }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.prizeAmount }, { children: amount }))] }))] }))] })), handleClick && ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: buttonText, handleClick: handleClick, size: "--button-xxl", buttonHeight: "--button-height-xxl", color: "primary", centreText: true, classes: styles.button, classesText: buttonTextClasses }))] })));
|
|
58
58
|
};
|
|
59
59
|
exports.BattleBanner = BattleBanner;
|
|
@@ -50,11 +50,11 @@ var ui_1 = require("types/ui");
|
|
|
50
50
|
var styles = __importStar(require("./BattlesCard.module.css"));
|
|
51
51
|
var BattlesCard = function (props) {
|
|
52
52
|
var _a, _b;
|
|
53
|
-
var id = props.id, handleClick = props.handleClick, providerName = props.providerName, name = props.name, classes = props.classes, isInHouse = props.isInHouse, isFinished = props.isFinished, detailsText = props.detailsText, battleText = props.battleText, imagePath = props.imagePath, _c = props.appType, appType = _c === void 0 ? ui_1.EAppType.Unknown : _c, _d = props.endDate, endDate = _d === void 0 ? 0 : _d, _e = props.startDate, startDate = _e === void 0 ? 0 : _e, _f = props.prize, prize = _f === void 0 ? 0 : _f;
|
|
53
|
+
var id = props.id, handleClick = props.handleClick, providerName = props.providerName, name = props.name, classes = props.classes, isInHouse = props.isInHouse, isFinished = props.isFinished, detailsText = props.detailsText, battleText = props.battleText, imagePath = props.imagePath, _c = props.appType, appType = _c === void 0 ? ui_1.EAppType.Unknown : _c, _d = props.endDate, endDate = _d === void 0 ? 0 : _d, _e = props.startDate, startDate = _e === void 0 ? 0 : _e, _f = props.prize, prize = _f === void 0 ? 0 : _f, contentClasses = props.contentClasses;
|
|
54
54
|
var activeLanguage = (0, store_1.useZustandLanguagesKitStore)(selectors_1.languageSelectors.getActiveLanguageNameKitSelector);
|
|
55
55
|
var path = imagePath ||
|
|
56
56
|
"/image/tournaments/".concat(id, "_[").concat(activeLanguage, "]").concat(isFinished ? '_finished' : '', ".webp");
|
|
57
|
-
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperBattlesCard, classes) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.imageWrapper }, { children: [(0, jsx_runtime_1.jsx)(HOCImageLoader_1.HOCImageLoader, __assign({ src: path.replace("[".concat(activeLanguage, "]"), activeLanguage), classes: styles.image }, { children: (0, jsx_runtime_1.jsx)("img", { src: imagePath || path.replace("[".concat(activeLanguage, "]"), 'en'), className: styles.image }) })), isInHouse && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperContent }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Logos_1.Logo, { appType: appType, isMobile: false }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.date }, { children: [startDate, " - ", endDate] }))] }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.prizeWrapper }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "tournaments.prize", specValue: '' }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.prize }, { children: prize }))] }))] })))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.textBox }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.providerName, (_a = {},
|
|
57
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperBattlesCard, classes) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.imageWrapper }, { children: [(0, jsx_runtime_1.jsx)(HOCImageLoader_1.HOCImageLoader, __assign({ src: path.replace("[".concat(activeLanguage, "]"), activeLanguage), classes: styles.image }, { children: (0, jsx_runtime_1.jsx)("img", { src: imagePath || path.replace("[".concat(activeLanguage, "]"), 'en'), className: styles.image }) })), isInHouse && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperContent, contentClasses) }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Logos_1.Logo, { appType: appType, isMobile: false }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.date }, { children: [startDate, " - ", endDate] }))] }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.prizeWrapper }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "tournaments.prize", specValue: '' }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.prize }, { children: prize }))] }))] })))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.textBox }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.providerName, (_a = {},
|
|
58
58
|
_a[styles.inHouseBattleName] = isInHouse,
|
|
59
59
|
_a)) }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: providerName }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: battleText }) })] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.name }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: name }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ onClick: handleClick, className: (0, classnames_1.default)(styles.details, (_b = {},
|
|
60
60
|
_b[styles.dark] = isFinished,
|
|
@@ -0,0 +1,51 @@
|
|
|
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.HOCRequestLoader = void 0;
|
|
38
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
39
|
+
var Text_1 = require("components/Text");
|
|
40
|
+
var store_1 = require("zustandStore/request/store");
|
|
41
|
+
var selector_1 = require("zustandStore/request/selector");
|
|
42
|
+
var styles = __importStar(require("./HOCRequestLoader.module.css"));
|
|
43
|
+
var HOCRequestLoader = function (props) {
|
|
44
|
+
var requestId = props.requestId, children = props.children, customLoader = props.customLoader;
|
|
45
|
+
var isRequested = (0, store_1.useZustandRequestKitStore)(selector_1.requestSelectors.isRequestedCommandSelector(requestId));
|
|
46
|
+
if (isRequested) {
|
|
47
|
+
return (customLoader || ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.loader }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "loading" }) }))));
|
|
48
|
+
}
|
|
49
|
+
return children;
|
|
50
|
+
};
|
|
51
|
+
exports.HOCRequestLoader = HOCRequestLoader;
|
|
@@ -33,12 +33,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
33
33
|
__setModuleDefault(result, mod);
|
|
34
34
|
return result;
|
|
35
35
|
};
|
|
36
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
+
};
|
|
36
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
40
|
exports.ModalContent = void 0;
|
|
38
41
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
42
|
+
var classnames_1 = __importDefault(require("classnames"));
|
|
39
43
|
var styles = __importStar(require("./ModalContent.module.css"));
|
|
40
44
|
var ModalContent = function (_a) {
|
|
41
|
-
var children = _a.children;
|
|
42
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.wrapperModalContent }, { children: children })));
|
|
45
|
+
var children = _a.children, classes = _a.classes;
|
|
46
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperModalContent, classes) }, { children: children })));
|
|
43
47
|
};
|
|
44
48
|
exports.ModalContent = ModalContent;
|
|
@@ -45,8 +45,8 @@ var PortalLayout_1 = require("../PortalLayout");
|
|
|
45
45
|
var ModalContent_1 = require("./component/ModalContent");
|
|
46
46
|
var styles = __importStar(require("./ModalLayout.module.css"));
|
|
47
47
|
var ModalLayout = function (props) {
|
|
48
|
-
var children = props.children, classes = props.classes, popUpHeaderProps = props.popUpHeaderProps, closeCallback = props.closeCallback;
|
|
48
|
+
var children = props.children, classes = props.classes, modalClasses = props.modalClasses, popUpHeaderProps = props.popUpHeaderProps, closeCallback = props.closeCallback;
|
|
49
49
|
var title = popUpHeaderProps.title, closeButton = popUpHeaderProps.closeButton;
|
|
50
|
-
return ((0, jsx_runtime_1.jsx)(PortalLayout_1.PortalLayout, __assign({ classes: classes, closeCallback: closeCallback }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperModalLayout }, { children: [(closeButton || title) && ((0, jsx_runtime_1.jsx)(Headers_1.PopUpHeader, __assign({}, (popUpHeaderProps || { title: ' ' }), { closeButton: closeButton, classes: (0, classnames_1.default)((popUpHeaderProps === null || popUpHeaderProps === void 0 ? void 0 : popUpHeaderProps.classes) || '', styles.overflow) }))), (0, jsx_runtime_1.jsx)(ModalContent_1.ModalContent, { children: children })] })) })));
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)(PortalLayout_1.PortalLayout, __assign({ classes: classes, closeCallback: closeCallback }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperModalLayout, modalClasses) }, { children: [(closeButton || title) && ((0, jsx_runtime_1.jsx)(Headers_1.PopUpHeader, __assign({}, (popUpHeaderProps || { title: ' ' }), { closeButton: closeButton, classes: (0, classnames_1.default)((popUpHeaderProps === null || popUpHeaderProps === void 0 ? void 0 : popUpHeaderProps.classes) || '', styles.overflow) }))), (0, jsx_runtime_1.jsx)(ModalContent_1.ModalContent, __assign({ classes: modalClasses }, { children: children }))] })) })));
|
|
51
51
|
};
|
|
52
52
|
exports.ModalLayout = ModalLayout;
|
|
@@ -3,6 +3,7 @@ import { PopUpHeaderProps } from 'components/ui/Headers/PopUpHeader/types';
|
|
|
3
3
|
export type ModalLayoutProps = {
|
|
4
4
|
children: React.ReactElement;
|
|
5
5
|
classes?: string;
|
|
6
|
+
modalClasses?: string;
|
|
6
7
|
popUpHeaderProps?: PopUpHeaderProps;
|
|
7
8
|
closeCallback?: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
8
9
|
};
|
|
@@ -40,22 +40,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
40
40
|
exports.SignUp = void 0;
|
|
41
41
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
42
42
|
var react_1 = require("react");
|
|
43
|
-
var
|
|
44
|
-
var selectors_1 = require("zustandStore/alerts/modal/selectors");
|
|
45
|
-
var types_1 = require("zustandStore/alerts/modal/types");
|
|
46
|
-
var store_2 = require("zustandStore/forms/signUp/store");
|
|
47
|
-
var selectors_2 = require("zustandStore/forms/signUp/selectors");
|
|
43
|
+
var classnames_1 = __importDefault(require("classnames"));
|
|
48
44
|
var Text_1 = require("components/Text");
|
|
49
45
|
var Tabs_1 = require("components/ui/Tabs");
|
|
50
|
-
var types_2 = require("zustandStore/forms/signUp/types");
|
|
51
46
|
var Buttons_1 = require("components/ui/Buttons");
|
|
52
47
|
var EmailSignUp_1 = require("./components/Forms/EmailSignUp");
|
|
53
48
|
var OneClickKit_1 = __importDefault(require("./components/Forms/OneClickKit"));
|
|
54
49
|
var PhoneSignUp_1 = require("./components/Forms/PhoneSignUp");
|
|
50
|
+
var store_1 = require("zustandStore/alerts/modal/store");
|
|
51
|
+
var selectors_1 = require("zustandStore/alerts/modal/selectors");
|
|
52
|
+
var types_1 = require("zustandStore/alerts/modal/types");
|
|
53
|
+
var store_2 = require("zustandStore/forms/signUp/store");
|
|
54
|
+
var selectors_2 = require("zustandStore/forms/signUp/selectors");
|
|
55
|
+
var types_2 = require("zustandStore/forms/signUp/types");
|
|
55
56
|
var useHookFabric_1 = require("hooks/useHookFabric");
|
|
56
57
|
var styles = __importStar(require("./SignUp.module.css"));
|
|
57
58
|
var SignUp = function (props) {
|
|
58
|
-
var sendCommand = props.sendCommand, useCurrencies = props.useCurrencies, useCountryInfo = props.useCountryInfo;
|
|
59
|
+
var sendCommand = props.sendCommand, useCurrencies = props.useCurrencies, useCountryInfo = props.useCountryInfo, classes = props.classes;
|
|
59
60
|
var availableCurrencies = (0, useHookFabric_1.useHookFabric)({
|
|
60
61
|
fn: useCurrencies,
|
|
61
62
|
});
|
|
@@ -79,6 +80,6 @@ var SignUp = function (props) {
|
|
|
79
80
|
setActiveForm(tabs[0].value);
|
|
80
81
|
}
|
|
81
82
|
}, [activeForm, tabs]);
|
|
82
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.wrapperReferralFailure }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperSignUpModal }, { children: [bonusSignUp && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.bonusText }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "wheelTwo.secondPopUp.title" }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "wheelTwo.secondPopUp.subTitle" }) })), (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: bonusText ? bonusText : 'wheelTwo.secondPopUp.bonus' })] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperTabsAndForm }, { children: [activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.zIndex }, { children: [activeForm === types_2.ERegistrationForm.Email && ((0, jsx_runtime_1.jsx)(EmailSignUp_1.EmailSignUp, { isSelected: true, handleRegistration: handleRegistration, availableCurrencies: availableCurrencies || [] })), activeForm === types_2.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRegistration, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] })), activeForm === types_2.ERegistrationForm.PhoneWithoutCode && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { withoutCode: true, isSelected: true, requestCode: handleRegistration, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] })), activeForm === types_2.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] }))] }))] })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { size: "--button-full", color: "dark", buttonHeight: "--button-height-full", text: "header.login", classes: styles.authButton, handleClick: openSignIn, centreText: true })] })) })));
|
|
83
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperReferralFailure, classes) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperSignUpModal }, { children: [bonusSignUp && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.bonusText }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.textTitle }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "wheelTwo.secondPopUp.title" }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.subText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "wheelTwo.secondPopUp.subTitle" }) })), (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: bonusText ? bonusText : 'wheelTwo.secondPopUp.bonus' })] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperTabsAndForm }, { children: [activeForm !== null && tabs.length !== 1 && ((0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { activeValue: activeForm, data: tabs, onChange: setActiveForm, classes: styles.tabs, type: "underline" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.zIndex }, { children: [activeForm === types_2.ERegistrationForm.Email && ((0, jsx_runtime_1.jsx)(EmailSignUp_1.EmailSignUp, { isSelected: true, handleRegistration: handleRegistration, availableCurrencies: availableCurrencies || [] })), activeForm === types_2.ERegistrationForm.Phone && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { isSelected: true, requestCode: handleRegistration, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] })), activeForm === types_2.ERegistrationForm.PhoneWithoutCode && ((0, jsx_runtime_1.jsx)(PhoneSignUp_1.PhoneSignUp, { withoutCode: true, isSelected: true, requestCode: handleRegistration, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] })), activeForm === types_2.ERegistrationForm.OneClick && ((0, jsx_runtime_1.jsx)(OneClickKit_1.default, { isSelected: true, handleRegistration: handleRegistration, countryInfo: countryInfo, availableCurrencies: availableCurrencies || [] }))] }))] })), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { size: "--button-full", color: "dark", buttonHeight: "--button-height-full", text: "header.login", classes: styles.authButton, handleClick: openSignIn, centreText: true })] })) })));
|
|
83
84
|
};
|
|
84
85
|
exports.SignUp = SignUp;
|
|
@@ -0,0 +1,80 @@
|
|
|
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
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
var react_1 = require("react");
|
|
39
|
+
var Text_1 = require("components/Text");
|
|
40
|
+
var store_1 = require("zustandStore/alerts/modal/store");
|
|
41
|
+
var selectors_1 = require("zustandStore/alerts/modal/selectors");
|
|
42
|
+
var types_1 = require("zustandStore/alerts/modal/types");
|
|
43
|
+
var styles = __importStar(require("./OneStepPrize.module.css"));
|
|
44
|
+
var OneStepPrize = function () {
|
|
45
|
+
var closeAndOpen = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.closeAndOpenModalAction);
|
|
46
|
+
var data = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
|
|
47
|
+
var timer = (0, react_1.useRef)(null);
|
|
48
|
+
var info = data.info;
|
|
49
|
+
var background = info.background, image = info.image, buttonText = info.buttonText, isAutoClose = info.isAutoClose, buttonBorder = info.buttonBorder, buttonBackground = info.buttonBackground;
|
|
50
|
+
var handleShowRegistration = function () {
|
|
51
|
+
closeAndOpen(types_1.EModalTypes.SignUp, {
|
|
52
|
+
title: 'T.Sign Up',
|
|
53
|
+
preventClose: true,
|
|
54
|
+
});
|
|
55
|
+
};
|
|
56
|
+
(0, react_1.useEffect)(function () {
|
|
57
|
+
if (!isAutoClose) {
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
timer.current = setTimeout(function () { return handleShowRegistration(); }, 5000);
|
|
61
|
+
return function () {
|
|
62
|
+
if (timer.current) {
|
|
63
|
+
clearTimeout(timer.current);
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
});
|
|
67
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: {
|
|
68
|
+
background: background,
|
|
69
|
+
backgroundPosition: 'center',
|
|
70
|
+
backgroundRepeat: 'no-repeat',
|
|
71
|
+
backgroundSize: 'cover',
|
|
72
|
+
}, className: styles.wrapper, onClick: handleShowRegistration }, { children: [(0, jsx_runtime_1.jsx)("img", { src: image, className: styles.prizeText, alt: "" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.claimButton, onClick: handleShowRegistration, style: {
|
|
73
|
+
border: buttonBorder,
|
|
74
|
+
background: buttonBackground,
|
|
75
|
+
backgroundPosition: 'center',
|
|
76
|
+
backgroundRepeat: 'no-repeat',
|
|
77
|
+
backgroundSize: 'contain',
|
|
78
|
+
} }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: buttonText }) }))] })));
|
|
79
|
+
};
|
|
80
|
+
exports.default = OneStepPrize;
|
|
@@ -111,6 +111,7 @@ var Credentials = (0, react_1.lazy)(function () { return __awaiter(void 0, void
|
|
|
111
111
|
case 1: return [2 /*return*/, _a.sent()];
|
|
112
112
|
}
|
|
113
113
|
}); }); });
|
|
114
|
+
var OneStepPrize_1 = __importDefault(require("./components/OneStepPrize"));
|
|
114
115
|
var styles = __importStar(require("./Alert.module.css"));
|
|
115
116
|
var Alerts = function (props) {
|
|
116
117
|
var _a;
|
|
@@ -139,6 +140,8 @@ var Alerts = function (props) {
|
|
|
139
140
|
return ((0, jsx_runtime_1.jsx)(SignIn, { sendCommand: sendCommand }));
|
|
140
141
|
case types_1.EModalTypes.Credentials:
|
|
141
142
|
return (0, jsx_runtime_1.jsx)(Credentials, { sendCommand: sendCommand });
|
|
143
|
+
case types_1.EModalTypes.Prize:
|
|
144
|
+
return (0, jsx_runtime_1.jsx)(OneStepPrize_1.default, {});
|
|
142
145
|
default:
|
|
143
146
|
return null;
|
|
144
147
|
}
|
|
@@ -176,6 +179,6 @@ var Alerts = function (props) {
|
|
|
176
179
|
// [styles.modalCloseDesktopAnimation]: isCloseModal && !isMobile,
|
|
177
180
|
_a[styles.animationFadeIn] = isActiveModal,
|
|
178
181
|
_a[styles.animationFadeOutModal] = isCloseModal,
|
|
179
|
-
_a)) }, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, __assign({ fallback: (0, jsx_runtime_1.jsx)("div", __assign({ className: "full center" }, { children: "LOADING" })) }, { children: getModalComponent() })) })));
|
|
182
|
+
_a)), modalClasses: additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.classes }, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, __assign({ fallback: (0, jsx_runtime_1.jsx)("div", __assign({ className: "full center" }, { children: "LOADING" })) }, { children: getModalComponent() })) })));
|
|
180
183
|
};
|
|
181
184
|
exports.Alerts = Alerts;
|
|
@@ -88,6 +88,9 @@ var Logo = function (props) {
|
|
|
88
88
|
if (appType === ui_1.EAppType.FsWin) {
|
|
89
89
|
return fs_win_mobile_svg_1.ReactComponent;
|
|
90
90
|
}
|
|
91
|
+
if (appType === ui_1.EAppType.JabiBet) {
|
|
92
|
+
return jabi_desktop_svg_1.ReactComponent;
|
|
93
|
+
}
|
|
91
94
|
if (appType === ui_1.EAppType.M1) {
|
|
92
95
|
return m1_svg_1.ReactComponent;
|
|
93
96
|
}
|
package/dist/lib/index.d.ts
CHANGED
|
@@ -16,6 +16,7 @@ import { SignUp } from 'components/Modals/Alert/components/Auth/SignUp';
|
|
|
16
16
|
export { SignUpProps } from 'components/Modals/Alert/components/Auth/SignUp/types';
|
|
17
17
|
import { EmailSignUp } from 'components/Modals/Alert/components/Auth/SignUp/components/Forms/EmailSignUp';
|
|
18
18
|
import { PhoneSignUp } from 'components/Modals/Alert/components/Auth/SignUp/components/Forms/PhoneSignUp';
|
|
19
|
+
import { SignIn } from 'components/Modals/Alert/components/Auth/SignIn';
|
|
19
20
|
import { ModalLayout } from 'components/Layouts/ModalLayout';
|
|
20
21
|
import { BonusCardLayout } from 'components/Layouts/BonusCardLayout';
|
|
21
22
|
import { DrawerLayout } from 'components/Layouts/DrawerLayout';
|
|
@@ -31,6 +32,8 @@ import { BaseInput } from './components/ui/Inputs/BaseInput';
|
|
|
31
32
|
import { PhoneInput } from './components/ui/Inputs/PhoneInput';
|
|
32
33
|
import { BaseInputUi } from './components/ui/Inputs/BaseInput/BaseInputUi';
|
|
33
34
|
import { CheckBox } from './components/ui/Inputs/CheckBox';
|
|
35
|
+
import { EmailInput } from './components/ui/Inputs/EmailInput';
|
|
36
|
+
import PasswordInput from 'components/ui/Inputs/PasswordInput';
|
|
34
37
|
import { Tabs } from 'components/ui/Tabs';
|
|
35
38
|
import { PopUpHeader } from './components/ui/Headers';
|
|
36
39
|
import { Footer } from 'components/ui/Footer';
|
|
@@ -46,6 +49,7 @@ import useInView from 'hooks/useInView';
|
|
|
46
49
|
import { HOCImageLoader } from 'components/HOCs/HOCImageLoader';
|
|
47
50
|
import { HOCOutsideClick } from 'components/HOCs/HOCOutsideClick';
|
|
48
51
|
import { HOCErrorBoundary } from 'components/HOCs/HOCErrorBoundary';
|
|
52
|
+
import { HOCRequestLoader } from 'components/HOCs/HOCRequestLoader';
|
|
49
53
|
import { MainLoader } from 'components/ui/Loaders/MainLoader';
|
|
50
54
|
import { CircularLoader } from 'components/ui/Loaders/CircularLoader';
|
|
51
55
|
import { CountDown } from 'components/ui/CountDown';
|
|
@@ -203,6 +207,15 @@ export { ENotificationType } from 'zustandStore/alerts/notification/types';
|
|
|
203
207
|
import { useZustandModalKitStore } from 'zustandStore/alerts/modal/store';
|
|
204
208
|
import { zustandModalKitSelector } from 'zustandStore/alerts/modal/selectors';
|
|
205
209
|
export { EModalTypes } from 'zustandStore/alerts/modal/types';
|
|
210
|
+
import { requestSelectors } from './zustandStore/request/selector';
|
|
211
|
+
import { useZustandRequestKitStore } from './zustandStore/request/store';
|
|
212
|
+
import { gamesSelectors } from 'zustandStore/games/selectors';
|
|
213
|
+
import { useZustandCasinoGamesKitStore } from 'zustandStore/games/store';
|
|
214
|
+
import { connectionSelectors } from './zustandStore/connection/selectors';
|
|
215
|
+
import { useZustandConnectionKitStore } from './zustandStore/connection/store';
|
|
216
|
+
import { wheelPromoSelectors } from 'zustandStore/wheelPromo/selectors';
|
|
217
|
+
import { useZustandWheelPromoKitStore } from 'zustandStore/wheelPromo/store';
|
|
218
|
+
export { EWheelState } from 'zustandStore/wheelPromo/types';
|
|
206
219
|
import { useTranslate } from 'hooks/useTranslate';
|
|
207
220
|
import { Text } from 'components/Text';
|
|
208
221
|
import { BattlesCard } from 'components/BattlesCard';
|
|
@@ -213,7 +226,7 @@ import { Leaderboard } from 'components/ui/Leaderboard';
|
|
|
213
226
|
import Accordion from 'components/ui/AccordionGroup/Accordion';
|
|
214
227
|
import { copyToClipboard, sleep } from 'utils/shared';
|
|
215
228
|
import { getAuthorizationData, getRegistrationData } from 'zustandStore/forms/signUp/utils';
|
|
216
|
-
export { Logo, BaseButton, CloseButton, DrawerButton, AppSwitcher, CasinoCategoryButton, CasinoSubCategoriesButton, ProviderNameButton, DepositButton, ShowAllCard, BaseInput, BaseInputUi, PhoneInput, CheckBox, JivoChatButton, JivoChatButtonProps, PaymentsMethods, PaymentMethodProps, EActiveMethodTab, DepositSkelet, DepositSkeletProps, DepositQrFormProps, PopUpHeader, Footer, Tabs, MainLoader, CircularLoader, HOCImageLoader, HOCOutsideClick, HOCErrorBoundary, useElementResize, useOnClickOutside, useCountDown, useTranslate, useInView, JackpotWidget, JackPotInfoBox, Wheel, Scratch, TournamentCard, ReferralTable, ReferralTableProps, Pagination, ModalLayout, Alerts, BonusCardLayout, DrawerLayout, LandingLayoutTemplate, PortalLayout, CountDown, LastBigWinners, Banners, BannerTemplate, PromotionMobileApp, OneClick, DocsCheckBox, CurrencySelector, CountrySelector, RegistrationPromoCode, SignUp, EmailSignUp, PhoneSignUp, Selector, ArrowSvg, DownloadSvg, LockSvg, CloseSvg, JabiInHouseSvg, ProviderSvg, HotSvg, WagerSvg, ElonHouseSvg, FSWinHouseSvg, ElonTreasureSvg, FSWinTreasureSvg, JabibetTreasureSvg, PlaySvg, InfoSvg, InstagramSvg, TelegramSvg, FacebookSvg, AvatarSvg, ProfileSvg, BonusGiftSvg, BurgerSvg, CalendarSvg, CashSvg, CloseEyeSvg, OpenEyeSvg, CoinSvg, CoinsSvg, CopySvg, DocSvg, FavoritesSvg, GoogleSvg, GrowSvg, DrawerTogglerSvg, LotterySvg, InfoLotterySvg, PlusSvg, SearchSvg, ProvidersBlocksSvg, SelectedSvg, ShareSvg, StarSvg, SupportSvg, ThreeDotsSvg, TrashSvg, WalletSvg, FirstBonusSvg, SecondBonusSvg, ThirdBonusSvg, VipClubSvg, BronzeSvg, SilverSvg, DiamondSvg, GoldSvg, GreenSvg, PlatinumSvg, PlatinumOneSvg, AzeSvg, BnSvg, BsSvg, ChSvg, DeSvg, EnSvg, EsSvg, FrSvg, HiSvg, ItSvg, KoSvg, KzSvg, NoSvg, PtSvg, RoSvg, RuSvg, TrSvg, UkrSvg, UzSvg, TournamentWagerSvg, ProvidersSvg, DefaultImgSvg, CasinoCoinSvg, RecommendedSvg, DepositSvg, ErrorSvg, SuccessSvg, WaitingSvg, WithdrawSvg, AmericanFootballSvg, AussieRulesSvg, BadmintonSvg, BaseballSvg, BasketballSvg, Basketball3x3Svg, BeachSoccerSvg, BoxingSvg, ChessSvg, CricketSvg, DartsSvg, EFifaSvg, ENbaSvg, ENhlSvg, EsportSvg, FieldHockeySvg, FutsalSvg, IceHockeySvg, KabaddiSvg, MmaSvg, RugbySvg, SnookerSvg, SoccerSvg, SquashSvg, TableTennisSvg, TennisSvg, VolleyballSvg, NotFoundBonusesSvg, NotificationWarningSvg, NotificationErrorSvg, NotificationSuccessSvg, Notifications, NavTournamentSvg, NavReferralSvg, NavMyBetsSvg, NavCasinoSvg, NavBonusesSvg, NavBettingLiveSvg, NavBettingSvg, BattlesCard, Step, Section, BattleBanner, Leaderboard, Accordion, useZustandLanguagesKitStore, languageSelectors, Text, useZustandNotificationKitStore, notificationKitSelectors, useZustandModalKitStore, zustandModalKitSelector, useZustandDeviceKitStore, zustandDeviceKitSelector, useZustandRegistrationKitStore, zustandRegistrationKitSelector, useZustandSignInKitStore, zustandSignInKitSelectors, getCasinoCategoryIcon, sleep, getAuthorizationData, getRegistrationData, copyToClipboard, };
|
|
229
|
+
export { Logo, BaseButton, CloseButton, DrawerButton, AppSwitcher, CasinoCategoryButton, CasinoSubCategoriesButton, ProviderNameButton, DepositButton, ShowAllCard, BaseInput, BaseInputUi, PhoneInput, CheckBox, EmailInput, PasswordInput, JivoChatButton, JivoChatButtonProps, PaymentsMethods, PaymentMethodProps, EActiveMethodTab, DepositSkelet, DepositSkeletProps, DepositQrFormProps, PopUpHeader, Footer, Tabs, MainLoader, CircularLoader, HOCImageLoader, HOCOutsideClick, HOCErrorBoundary, HOCRequestLoader, useElementResize, useOnClickOutside, useCountDown, useTranslate, useInView, JackpotWidget, JackPotInfoBox, Wheel, Scratch, TournamentCard, ReferralTable, ReferralTableProps, Pagination, ModalLayout, Alerts, BonusCardLayout, DrawerLayout, LandingLayoutTemplate, PortalLayout, CountDown, LastBigWinners, Banners, BannerTemplate, PromotionMobileApp, OneClick, DocsCheckBox, CurrencySelector, CountrySelector, RegistrationPromoCode, SignUp, EmailSignUp, PhoneSignUp, Selector, SignIn, ArrowSvg, DownloadSvg, LockSvg, CloseSvg, JabiInHouseSvg, ProviderSvg, HotSvg, WagerSvg, ElonHouseSvg, FSWinHouseSvg, ElonTreasureSvg, FSWinTreasureSvg, JabibetTreasureSvg, PlaySvg, InfoSvg, InstagramSvg, TelegramSvg, FacebookSvg, AvatarSvg, ProfileSvg, BonusGiftSvg, BurgerSvg, CalendarSvg, CashSvg, CloseEyeSvg, OpenEyeSvg, CoinSvg, CoinsSvg, CopySvg, DocSvg, FavoritesSvg, GoogleSvg, GrowSvg, DrawerTogglerSvg, LotterySvg, InfoLotterySvg, PlusSvg, SearchSvg, ProvidersBlocksSvg, SelectedSvg, ShareSvg, StarSvg, SupportSvg, ThreeDotsSvg, TrashSvg, WalletSvg, FirstBonusSvg, SecondBonusSvg, ThirdBonusSvg, VipClubSvg, BronzeSvg, SilverSvg, DiamondSvg, GoldSvg, GreenSvg, PlatinumSvg, PlatinumOneSvg, AzeSvg, BnSvg, BsSvg, ChSvg, DeSvg, EnSvg, EsSvg, FrSvg, HiSvg, ItSvg, KoSvg, KzSvg, NoSvg, PtSvg, RoSvg, RuSvg, TrSvg, UkrSvg, UzSvg, TournamentWagerSvg, ProvidersSvg, DefaultImgSvg, CasinoCoinSvg, RecommendedSvg, DepositSvg, ErrorSvg, SuccessSvg, WaitingSvg, WithdrawSvg, AmericanFootballSvg, AussieRulesSvg, BadmintonSvg, BaseballSvg, BasketballSvg, Basketball3x3Svg, BeachSoccerSvg, BoxingSvg, ChessSvg, CricketSvg, DartsSvg, EFifaSvg, ENbaSvg, ENhlSvg, EsportSvg, FieldHockeySvg, FutsalSvg, IceHockeySvg, KabaddiSvg, MmaSvg, RugbySvg, SnookerSvg, SoccerSvg, SquashSvg, TableTennisSvg, TennisSvg, VolleyballSvg, NotFoundBonusesSvg, NotificationWarningSvg, NotificationErrorSvg, NotificationSuccessSvg, Notifications, NavTournamentSvg, NavReferralSvg, NavMyBetsSvg, NavCasinoSvg, NavBonusesSvg, NavBettingLiveSvg, NavBettingSvg, BattlesCard, Step, Section, BattleBanner, Leaderboard, Accordion, useZustandLanguagesKitStore, languageSelectors, Text, useZustandNotificationKitStore, notificationKitSelectors, useZustandModalKitStore, zustandModalKitSelector, useZustandDeviceKitStore, zustandDeviceKitSelector, useZustandRegistrationKitStore, zustandRegistrationKitSelector, useZustandSignInKitStore, zustandSignInKitSelectors, useZustandRequestKitStore, requestSelectors, useZustandCasinoGamesKitStore, gamesSelectors, useZustandConnectionKitStore, connectionSelectors, useZustandWheelPromoKitStore, wheelPromoSelectors, getCasinoCategoryIcon, sleep, getAuthorizationData, getRegistrationData, copyToClipboard, };
|
|
217
230
|
export { Size, Color, EAppType } from 'types/ui';
|
|
218
231
|
import './styles/global.module.css';
|
|
219
232
|
import 'react-phone-number-input/style.css';
|
package/dist/lib/index.js
CHANGED
|
@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.
|
|
7
|
-
exports.
|
|
8
|
-
exports.
|
|
9
|
-
exports.
|
|
10
|
-
exports.EAppType = exports.copyToClipboard = exports.getRegistrationData = exports.getAuthorizationData = exports.sleep = exports.getCasinoCategoryIcon = exports.zustandSignInKitSelectors = exports.useZustandSignInKitStore = exports.zustandRegistrationKitSelector = exports.useZustandRegistrationKitStore = exports.zustandDeviceKitSelector = exports.useZustandDeviceKitStore = exports.zustandModalKitSelector = exports.useZustandModalKitStore = void 0;
|
|
6
|
+
exports.Alerts = exports.ModalLayout = exports.Pagination = exports.ReferralTable = exports.TournamentCard = exports.Scratch = exports.Wheel = exports.JackPotInfoBox = exports.JackpotWidget = exports.useInView = exports.useTranslate = exports.useCountDown = exports.useOnClickOutside = exports.useElementResize = exports.HOCRequestLoader = exports.HOCErrorBoundary = exports.HOCOutsideClick = exports.HOCImageLoader = exports.CircularLoader = exports.MainLoader = exports.Tabs = exports.Footer = exports.PopUpHeader = exports.DepositSkelet = exports.EActiveMethodTab = exports.PaymentsMethods = exports.JivoChatButton = exports.PasswordInput = exports.EmailInput = exports.CheckBox = exports.PhoneInput = exports.BaseInputUi = exports.BaseInput = exports.ShowAllCard = exports.DepositButton = exports.ProviderNameButton = exports.CasinoSubCategoriesButton = exports.CasinoCategoryButton = exports.AppSwitcher = exports.DrawerButton = exports.CloseButton = exports.BaseButton = exports.Logo = exports.EWheelState = exports.EModalTypes = exports.ENotificationType = exports.EAuthFormType = exports.ERegistrationForm = exports.handleDeviceDetection = exports.EDeviceType = void 0;
|
|
7
|
+
exports.FavoritesSvg = exports.DocSvg = exports.CopySvg = exports.CoinsSvg = exports.CoinSvg = exports.OpenEyeSvg = exports.CloseEyeSvg = exports.CashSvg = exports.CalendarSvg = exports.BurgerSvg = exports.BonusGiftSvg = exports.ProfileSvg = exports.AvatarSvg = exports.FacebookSvg = exports.TelegramSvg = exports.InstagramSvg = exports.InfoSvg = exports.PlaySvg = exports.JabibetTreasureSvg = exports.FSWinTreasureSvg = exports.ElonTreasureSvg = exports.FSWinHouseSvg = exports.ElonHouseSvg = exports.WagerSvg = exports.HotSvg = exports.ProviderSvg = exports.JabiInHouseSvg = exports.CloseSvg = exports.LockSvg = exports.DownloadSvg = exports.ArrowSvg = exports.SignIn = exports.Selector = exports.PhoneSignUp = exports.EmailSignUp = exports.SignUp = exports.RegistrationPromoCode = exports.CountrySelector = exports.CurrencySelector = exports.DocsCheckBox = exports.OneClick = exports.PromotionMobileApp = exports.BannerTemplate = exports.Banners = exports.LastBigWinners = exports.CountDown = exports.PortalLayout = exports.LandingLayoutTemplate = exports.DrawerLayout = exports.BonusCardLayout = void 0;
|
|
8
|
+
exports.RecommendedSvg = exports.CasinoCoinSvg = exports.DefaultImgSvg = exports.ProvidersSvg = exports.TournamentWagerSvg = exports.UzSvg = exports.UkrSvg = exports.TrSvg = exports.RuSvg = exports.RoSvg = exports.PtSvg = exports.NoSvg = exports.KzSvg = exports.KoSvg = exports.ItSvg = exports.HiSvg = exports.FrSvg = exports.EsSvg = exports.EnSvg = exports.DeSvg = exports.ChSvg = exports.BsSvg = exports.BnSvg = exports.AzeSvg = exports.PlatinumOneSvg = exports.PlatinumSvg = exports.GreenSvg = exports.GoldSvg = exports.DiamondSvg = exports.SilverSvg = exports.BronzeSvg = exports.VipClubSvg = exports.ThirdBonusSvg = exports.SecondBonusSvg = exports.FirstBonusSvg = exports.WalletSvg = exports.TrashSvg = exports.ThreeDotsSvg = exports.SupportSvg = exports.StarSvg = exports.ShareSvg = exports.SelectedSvg = exports.ProvidersBlocksSvg = exports.SearchSvg = exports.PlusSvg = exports.InfoLotterySvg = exports.LotterySvg = exports.DrawerTogglerSvg = exports.GrowSvg = exports.GoogleSvg = void 0;
|
|
9
|
+
exports.Accordion = exports.Leaderboard = exports.BattleBanner = exports.Section = exports.Step = exports.BattlesCard = exports.NavBettingSvg = exports.NavBettingLiveSvg = exports.NavBonusesSvg = exports.NavCasinoSvg = exports.NavMyBetsSvg = exports.NavReferralSvg = exports.NavTournamentSvg = exports.Notifications = exports.NotificationSuccessSvg = exports.NotificationErrorSvg = exports.NotificationWarningSvg = exports.NotFoundBonusesSvg = exports.VolleyballSvg = exports.TennisSvg = exports.TableTennisSvg = exports.SquashSvg = exports.SoccerSvg = exports.SnookerSvg = exports.RugbySvg = exports.MmaSvg = exports.KabaddiSvg = exports.IceHockeySvg = exports.FutsalSvg = exports.FieldHockeySvg = exports.EsportSvg = exports.ENhlSvg = exports.ENbaSvg = exports.EFifaSvg = exports.DartsSvg = exports.CricketSvg = exports.ChessSvg = exports.BoxingSvg = exports.BeachSoccerSvg = exports.Basketball3x3Svg = exports.BasketballSvg = exports.BaseballSvg = exports.BadmintonSvg = exports.AussieRulesSvg = exports.AmericanFootballSvg = exports.WithdrawSvg = exports.WaitingSvg = exports.SuccessSvg = exports.ErrorSvg = exports.DepositSvg = void 0;
|
|
10
|
+
exports.EAppType = exports.copyToClipboard = exports.getRegistrationData = exports.getAuthorizationData = exports.sleep = exports.getCasinoCategoryIcon = exports.wheelPromoSelectors = exports.useZustandWheelPromoKitStore = exports.connectionSelectors = exports.useZustandConnectionKitStore = exports.gamesSelectors = exports.useZustandCasinoGamesKitStore = exports.requestSelectors = exports.useZustandRequestKitStore = exports.zustandSignInKitSelectors = exports.useZustandSignInKitStore = exports.zustandRegistrationKitSelector = exports.useZustandRegistrationKitStore = exports.zustandDeviceKitSelector = exports.useZustandDeviceKitStore = exports.zustandModalKitSelector = exports.useZustandModalKitStore = exports.notificationKitSelectors = exports.useZustandNotificationKitStore = exports.Text = exports.languageSelectors = exports.useZustandLanguagesKitStore = void 0;
|
|
11
11
|
// Buttons
|
|
12
12
|
var Buttons_1 = require("components/ui/Buttons");
|
|
13
13
|
Object.defineProperty(exports, "BaseButton", { enumerable: true, get: function () { return Buttons_1.BaseButton; } });
|
|
@@ -46,6 +46,9 @@ var EmailSignUp_1 = require("components/Modals/Alert/components/Auth/SignUp/comp
|
|
|
46
46
|
Object.defineProperty(exports, "EmailSignUp", { enumerable: true, get: function () { return EmailSignUp_1.EmailSignUp; } });
|
|
47
47
|
var PhoneSignUp_1 = require("components/Modals/Alert/components/Auth/SignUp/components/Forms/PhoneSignUp");
|
|
48
48
|
Object.defineProperty(exports, "PhoneSignUp", { enumerable: true, get: function () { return PhoneSignUp_1.PhoneSignUp; } });
|
|
49
|
+
// Sign In
|
|
50
|
+
var SignIn_1 = require("components/Modals/Alert/components/Auth/SignIn");
|
|
51
|
+
Object.defineProperty(exports, "SignIn", { enumerable: true, get: function () { return SignIn_1.SignIn; } });
|
|
49
52
|
// Layouts
|
|
50
53
|
var ModalLayout_1 = require("components/Layouts/ModalLayout");
|
|
51
54
|
Object.defineProperty(exports, "ModalLayout", { enumerable: true, get: function () { return ModalLayout_1.ModalLayout; } });
|
|
@@ -77,6 +80,10 @@ var BaseInputUi_1 = require("./components/ui/Inputs/BaseInput/BaseInputUi");
|
|
|
77
80
|
Object.defineProperty(exports, "BaseInputUi", { enumerable: true, get: function () { return BaseInputUi_1.BaseInputUi; } });
|
|
78
81
|
var CheckBox_1 = require("./components/ui/Inputs/CheckBox");
|
|
79
82
|
Object.defineProperty(exports, "CheckBox", { enumerable: true, get: function () { return CheckBox_1.CheckBox; } });
|
|
83
|
+
var EmailInput_1 = require("./components/ui/Inputs/EmailInput");
|
|
84
|
+
Object.defineProperty(exports, "EmailInput", { enumerable: true, get: function () { return EmailInput_1.EmailInput; } });
|
|
85
|
+
var PasswordInput_1 = __importDefault(require("components/ui/Inputs/PasswordInput"));
|
|
86
|
+
exports.PasswordInput = PasswordInput_1.default;
|
|
80
87
|
// Tabs
|
|
81
88
|
var Tabs_1 = require("components/ui/Tabs");
|
|
82
89
|
Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return Tabs_1.Tabs; } });
|
|
@@ -109,6 +116,8 @@ var HOCOutsideClick_1 = require("components/HOCs/HOCOutsideClick");
|
|
|
109
116
|
Object.defineProperty(exports, "HOCOutsideClick", { enumerable: true, get: function () { return HOCOutsideClick_1.HOCOutsideClick; } });
|
|
110
117
|
var HOCErrorBoundary_1 = require("components/HOCs/HOCErrorBoundary");
|
|
111
118
|
Object.defineProperty(exports, "HOCErrorBoundary", { enumerable: true, get: function () { return HOCErrorBoundary_1.HOCErrorBoundary; } });
|
|
119
|
+
var HOCRequestLoader_1 = require("components/HOCs/HOCRequestLoader");
|
|
120
|
+
Object.defineProperty(exports, "HOCRequestLoader", { enumerable: true, get: function () { return HOCRequestLoader_1.HOCRequestLoader; } });
|
|
112
121
|
// Loaders
|
|
113
122
|
var MainLoader_1 = require("components/ui/Loaders/MainLoader");
|
|
114
123
|
Object.defineProperty(exports, "MainLoader", { enumerable: true, get: function () { return MainLoader_1.MainLoader; } });
|
|
@@ -440,6 +449,24 @@ var selectors_6 = require("zustandStore/alerts/modal/selectors");
|
|
|
440
449
|
Object.defineProperty(exports, "zustandModalKitSelector", { enumerable: true, get: function () { return selectors_6.zustandModalKitSelector; } });
|
|
441
450
|
var types_6 = require("zustandStore/alerts/modal/types");
|
|
442
451
|
Object.defineProperty(exports, "EModalTypes", { enumerable: true, get: function () { return types_6.EModalTypes; } });
|
|
452
|
+
var selector_1 = require("./zustandStore/request/selector");
|
|
453
|
+
Object.defineProperty(exports, "requestSelectors", { enumerable: true, get: function () { return selector_1.requestSelectors; } });
|
|
454
|
+
var store_7 = require("./zustandStore/request/store");
|
|
455
|
+
Object.defineProperty(exports, "useZustandRequestKitStore", { enumerable: true, get: function () { return store_7.useZustandRequestKitStore; } });
|
|
456
|
+
var selectors_7 = require("zustandStore/games/selectors");
|
|
457
|
+
Object.defineProperty(exports, "gamesSelectors", { enumerable: true, get: function () { return selectors_7.gamesSelectors; } });
|
|
458
|
+
var store_8 = require("zustandStore/games/store");
|
|
459
|
+
Object.defineProperty(exports, "useZustandCasinoGamesKitStore", { enumerable: true, get: function () { return store_8.useZustandCasinoGamesKitStore; } });
|
|
460
|
+
var selectors_8 = require("./zustandStore/connection/selectors");
|
|
461
|
+
Object.defineProperty(exports, "connectionSelectors", { enumerable: true, get: function () { return selectors_8.connectionSelectors; } });
|
|
462
|
+
var store_9 = require("./zustandStore/connection/store");
|
|
463
|
+
Object.defineProperty(exports, "useZustandConnectionKitStore", { enumerable: true, get: function () { return store_9.useZustandConnectionKitStore; } });
|
|
464
|
+
var selectors_9 = require("zustandStore/wheelPromo/selectors");
|
|
465
|
+
Object.defineProperty(exports, "wheelPromoSelectors", { enumerable: true, get: function () { return selectors_9.wheelPromoSelectors; } });
|
|
466
|
+
var store_10 = require("zustandStore/wheelPromo/store");
|
|
467
|
+
Object.defineProperty(exports, "useZustandWheelPromoKitStore", { enumerable: true, get: function () { return store_10.useZustandWheelPromoKitStore; } });
|
|
468
|
+
var types_7 = require("zustandStore/wheelPromo/types");
|
|
469
|
+
Object.defineProperty(exports, "EWheelState", { enumerable: true, get: function () { return types_7.EWheelState; } });
|
|
443
470
|
// Hooks
|
|
444
471
|
var useTranslate_1 = require("hooks/useTranslate");
|
|
445
472
|
Object.defineProperty(exports, "useTranslate", { enumerable: true, get: function () { return useTranslate_1.useTranslate; } });
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ESocketCallbackStep } from 'react-memory-optimization/dist/lib/socket/types';
|
|
2
|
+
import { ZustandConnectionStore } from './types';
|
|
3
|
+
export declare const connectionSelectors: {
|
|
4
|
+
getConnectionStatusSelector: (state: ZustandConnectionStore) => ESocketCallbackStep;
|
|
5
|
+
isAvailableTransportSelector: (state: ZustandConnectionStore) => boolean;
|
|
6
|
+
setConnectionStatusAction: (state: ZustandConnectionStore) => (status: ESocketCallbackStep) => void;
|
|
7
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.connectionSelectors = void 0;
|
|
4
|
+
var types_1 = require("react-memory-optimization/dist/lib/socket/types");
|
|
5
|
+
var getConnectionStatusSelector = function (state) {
|
|
6
|
+
return state.status;
|
|
7
|
+
};
|
|
8
|
+
var isAvailableTransportSelector = function (state) {
|
|
9
|
+
return getConnectionStatusSelector(state) === types_1.ESocketCallbackStep.Connected;
|
|
10
|
+
};
|
|
11
|
+
var setConnectionStatusAction = function (state) {
|
|
12
|
+
return state.setStatus;
|
|
13
|
+
};
|
|
14
|
+
exports.connectionSelectors = {
|
|
15
|
+
getConnectionStatusSelector: getConnectionStatusSelector,
|
|
16
|
+
isAvailableTransportSelector: isAvailableTransportSelector,
|
|
17
|
+
// actions
|
|
18
|
+
setConnectionStatusAction: setConnectionStatusAction,
|
|
19
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useZustandConnectionKitStore = void 0;
|
|
4
|
+
var zustand_1 = require("zustand");
|
|
5
|
+
var types_1 = require("react-memory-optimization/dist/lib/socket/types");
|
|
6
|
+
exports.useZustandConnectionKitStore = (0, zustand_1.create)(function (set) { return ({
|
|
7
|
+
status: types_1.ESocketCallbackStep.Unknown,
|
|
8
|
+
setStatus: function (status) {
|
|
9
|
+
set({ status: status });
|
|
10
|
+
},
|
|
11
|
+
}); });
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ESocketCallbackStep } from 'react-memory-optimization/dist/lib/socket/types';
|
|
2
|
+
export interface ZustandConnectionStore extends ZustandConnectionEntities {
|
|
3
|
+
setStatus: (status: ESocketCallbackStep) => void;
|
|
4
|
+
}
|
|
5
|
+
interface ZustandConnectionEntities {
|
|
6
|
+
status: ESocketCallbackStep;
|
|
7
|
+
}
|
|
8
|
+
export {};
|