react-gldn-kit 0.1.127 → 0.1.129
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/index.js +6 -4
- package/dist/lib/components/Banners/types.d.ts +4 -0
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/ElJbFs/components/Forms/OneClickKit/index.js +1 -16
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/XxxAzCawa/components/Forms/OneClickKit/index.js +1 -16
- package/dist/lib/components/Presets/index.js +3 -4
- package/dist/lib/components/Presets/types.d.ts +1 -3
- package/dist/lib/components/ui/Icons/Base/WarningSvg.js +1 -1
- package/dist/lib/components/ui/Icons/Notifications/ErrorSvg.js +1 -1
- package/dist/lib/components/ui/Selector/index.js +2 -2
- package/dist/lib/components/ui/Selector/types.d.ts +1 -0
- package/dist/lib/index.d.ts +2 -1
- package/dist/lib/index.js +8 -6
- package/dist/main.css +209 -192
- package/package.json +1 -1
|
@@ -48,7 +48,7 @@ var Buttons_1 = require("components/ui/Buttons");
|
|
|
48
48
|
var types_1 = require("./types");
|
|
49
49
|
var styles = __importStar(require("./Banners.module.css"));
|
|
50
50
|
var Banners = function (props) {
|
|
51
|
-
var banners = props.banners, options = props.options, handleClick = props.handleClick;
|
|
51
|
+
var banners = props.banners, options = props.options, handleClick = props.handleClick, classes = props.classes, imageClasses = props.imageClasses;
|
|
52
52
|
var _a = (options || {}).isProgress, isProgress = _a === void 0 ? false : _a;
|
|
53
53
|
var _b = (0, embla_carousel_react_1.default)(options), emblaRef = _b[0], emblaApi = _b[1];
|
|
54
54
|
var _c = (0, react_1.useState)(0), scrollProgress = _c[0], setScrollProgress = _c[1];
|
|
@@ -69,14 +69,16 @@ var Banners = function (props) {
|
|
|
69
69
|
if (!banners.length) {
|
|
70
70
|
return null;
|
|
71
71
|
}
|
|
72
|
-
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.embla }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.emblaViewport, ref: emblaRef }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.emblaContainer }, { children: banners.map(function (adaptedBanner, index) {
|
|
72
|
+
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.embla, classes) }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.emblaViewport, ref: emblaRef }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.emblaContainer }, { children: banners.map(function (adaptedBanner, index) {
|
|
73
73
|
var _a;
|
|
74
|
-
var _b = adaptedBanner.bannerViewType, bannerViewType = _b === void 0 ? types_1.EBackgroundSliderType.Half : _b, titleClasses = adaptedBanner.titleClasses, subTitleClasses = adaptedBanner.subTitleClasses, path = adaptedBanner.path;
|
|
74
|
+
var _b = adaptedBanner.bannerViewType, bannerViewType = _b === void 0 ? types_1.EBackgroundSliderType.Half : _b, titleClasses = adaptedBanner.titleClasses, subTitleClasses = adaptedBanner.subTitleClasses, path = adaptedBanner.path, buttonClasses = adaptedBanner.buttonClasses, buttonTextClasses = adaptedBanner.buttonTextClasses;
|
|
75
75
|
var _c = adaptedBanner.buttonText, buttonText = _c === void 0 ? '' : _c;
|
|
76
76
|
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.emblaSlide, (_a = {},
|
|
77
77
|
_a[styles.half] = bannerViewType === types_1.EBackgroundSliderType.Half,
|
|
78
78
|
_a[styles.full] = bannerViewType === types_1.EBackgroundSliderType.Full,
|
|
79
|
-
_a)) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.emblaSlideContent
|
|
79
|
+
_a)) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.emblaSlideContent, onClick: !buttonText.trim()
|
|
80
|
+
? handleClick(adaptedBanner.id)
|
|
81
|
+
: undefined }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.emblaSlideContentText }, { children: [(0, jsx_runtime_1.jsxs)("div", { 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: adaptedBanner.text }) })), (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: adaptedBanner.subTitle }) }))] }), buttonText.trim() && ((0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: adaptedBanner.buttonText, handleClick: handleClick(adaptedBanner.id), size: "--button-xl", isResized: true, buttonHeight: "--button-height-l", color: "primary", centreText: true, classes: (0, classnames_1.default)(styles.bannerButton, buttonClasses), classesText: buttonTextClasses }))] })), (0, jsx_runtime_1.jsx)(Image_1.Image, { path: path, classes: (0, classnames_1.default)(styles.image, imageClasses) })] })) }), index));
|
|
80
82
|
}) })) })) })), isProgress && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.emblaProgress }, { children: (0, jsx_runtime_1.jsx)("div", { className: styles.emblaProgressBar, style: { transform: "translate3d(".concat(scrollProgress, "%,0px,0px)") } }) })))] }));
|
|
81
83
|
};
|
|
82
84
|
exports.Banners = Banners;
|
|
@@ -8,6 +8,8 @@ export type BannerType = {
|
|
|
8
8
|
bannerViewType: EBackgroundSliderType;
|
|
9
9
|
titleClasses?: string;
|
|
10
10
|
subTitleClasses?: string;
|
|
11
|
+
buttonClasses?: string;
|
|
12
|
+
buttonTextClasses?: string;
|
|
11
13
|
};
|
|
12
14
|
export type BannerProps = {
|
|
13
15
|
banners: BannerType[];
|
|
@@ -16,6 +18,8 @@ export type BannerProps = {
|
|
|
16
18
|
};
|
|
17
19
|
handleClick: (id: string) => () => void;
|
|
18
20
|
isMobile: boolean;
|
|
21
|
+
classes?: string;
|
|
22
|
+
imageClasses?: string;
|
|
19
23
|
};
|
|
20
24
|
export declare enum EBackgroundSliderType {
|
|
21
25
|
Half = 0,
|
|
@@ -101,21 +101,6 @@ var OneClickKit = function (props) {
|
|
|
101
101
|
countryInfo: countryInfo,
|
|
102
102
|
}, { translateKey: translates.currencyTitle, classes: styles.marginB })), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, __assign({}, {
|
|
103
103
|
countryInfo: countryInfo,
|
|
104
|
-
}, { translateKey: translates.countryTitle, classes: styles.marginB })), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB, translatesKeys: [translates.promoCodeTitle, translates.promoCode] }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, handleOpenDoc: handleOpenDoc, translateKey: translates.terms, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "05x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: buttonText || translates.registrationBtn, disabled: isDisabledSubmitButton, color: "primary", handleClick: prepareRegistrationData, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(styles.marginB, styles.authButton) }) }))] }))
|
|
105
|
-
// <OneClick
|
|
106
|
-
// isSelected={isSelected}
|
|
107
|
-
// activeCountryId={activeCountryId}
|
|
108
|
-
// activeLang={activeLang}
|
|
109
|
-
// handleSubmit={prepareRegistrationData}
|
|
110
|
-
// docs={{}}
|
|
111
|
-
// currencyProps={{
|
|
112
|
-
// availableCurrencies,
|
|
113
|
-
// countryInfo,
|
|
114
|
-
// }}
|
|
115
|
-
// countryProps={{
|
|
116
|
-
// countryInfo,
|
|
117
|
-
// }}
|
|
118
|
-
// />
|
|
119
|
-
);
|
|
104
|
+
}, { translateKey: translates.countryTitle, classes: styles.marginB })), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromoCode, classes: styles.marginB, translatesKeys: [translates.promoCodeTitle, translates.promoCode] }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, handleOpenDoc: handleOpenDoc, translateKey: translates.terms, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "05x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: buttonText || translates.registrationBtn, disabled: isDisabledSubmitButton, color: "primary", handleClick: prepareRegistrationData, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(styles.marginB, styles.authButton) }) }))] })));
|
|
120
105
|
};
|
|
121
106
|
exports.default = OneClickKit;
|
|
@@ -113,21 +113,6 @@ var OneClickKit = function (props) {
|
|
|
113
113
|
countryInfo: countryInfo,
|
|
114
114
|
}, { translateKey: translates.currencyTitle, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: styles.selectorMainItem, type: "secondary" })), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, __assign({}, {
|
|
115
115
|
countryInfo: countryInfo,
|
|
116
|
-
}, { translateKey: translates.countryTitle, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: styles.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: "05x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: translates.registrationBtn, disabled: isDisabledSubmitButton, color: "primary", handleClick: prepareRegistrationData, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(styles.authButton, styles.marginB, classes) }) }))] }))
|
|
117
|
-
// <OneClick
|
|
118
|
-
// isSelected={isSelected}
|
|
119
|
-
// activeCountryId={activeCountryId}
|
|
120
|
-
// activeLang={activeLang}
|
|
121
|
-
// handleSubmit={prepareRegistrationData}
|
|
122
|
-
// docs={{}}
|
|
123
|
-
// currencyProps={{
|
|
124
|
-
// availableCurrencies,
|
|
125
|
-
// countryInfo,
|
|
126
|
-
// }}
|
|
127
|
-
// countryProps={{
|
|
128
|
-
// countryInfo,
|
|
129
|
-
// }}
|
|
130
|
-
// />
|
|
131
|
-
);
|
|
116
|
+
}, { translateKey: translates.countryTitle, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: styles.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: "05x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: translates.registrationBtn, disabled: isDisabledSubmitButton, color: "primary", handleClick: prepareRegistrationData, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(styles.authButton, styles.marginB, classes) }) }))] })));
|
|
132
117
|
};
|
|
133
118
|
exports.default = OneClickKit;
|
|
@@ -43,17 +43,16 @@ var classnames_1 = __importDefault(require("classnames"));
|
|
|
43
43
|
var FireSvg_1 = require("components/ui/Icons/FireSvg");
|
|
44
44
|
var styles = __importStar(require("./Presets.module.css"));
|
|
45
45
|
var Presets = function (props) {
|
|
46
|
-
var presets = props.presets, activeAmount = props.activeAmount, handleSetAmount = props.handleSetAmount
|
|
47
|
-
var _a = (balanceInfo || {}).successDepositCnt, successDepositCnt = _a === void 0 ? 0 : _a;
|
|
46
|
+
var presets = props.presets, activeAmount = props.activeAmount, handleSetAmount = props.handleSetAmount;
|
|
48
47
|
var handleApply = function (v) { return function () {
|
|
49
48
|
handleSetAmount("".concat(v));
|
|
50
49
|
}; };
|
|
51
50
|
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.wrapperPresets }, { children: presets.map(function (_a, inx) {
|
|
52
51
|
var _b;
|
|
53
|
-
var value = _a.value,
|
|
52
|
+
var value = _a.value, bonusPercent = _a.bonusPercent;
|
|
54
53
|
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.preset, (_b = {},
|
|
55
54
|
_b[styles.active] = +activeAmount === value,
|
|
56
|
-
_b)), onClick: handleApply(value) }, { children: [value,
|
|
55
|
+
_b)), onClick: handleApply(value) }, { children: [value, bonusPercent && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.promoValuePercent }, { children: [(0, jsx_runtime_1.jsx)(FireSvg_1.FireSvg, {}), (0, jsx_runtime_1.jsxs)("div", { children: ["+", bonusPercent, "%"] })] })))] }), "".concat(value, "_").concat(inx)));
|
|
57
56
|
}) })));
|
|
58
57
|
};
|
|
59
58
|
exports.Presets = Presets;
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import { BalanceInfo } from 'react-memory-optimization/dist/lib/store/user/entities/balance/types';
|
|
2
1
|
export type PresetsProps = {
|
|
3
2
|
presets: {
|
|
4
3
|
value: number;
|
|
5
|
-
|
|
4
|
+
bonusPercent: number;
|
|
6
5
|
}[];
|
|
7
6
|
handleSetAmount: (s: string) => void;
|
|
8
7
|
activeAmount: string;
|
|
9
|
-
balanceInfo: BalanceInfo;
|
|
10
8
|
};
|
|
@@ -15,6 +15,6 @@ exports.WarningSvg = void 0;
|
|
|
15
15
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
16
|
var WarningSvg = function (props) {
|
|
17
17
|
var _a = props.width, width = _a === void 0 ? '16' : _a, _b = props.height, height = _b === void 0 ? '16' : _b, classes = props.classes;
|
|
18
|
-
return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: width, height: height, viewBox: "0 0 16 16", fill: "none", className: classes }, { children: (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM7 3L7 10H9V3H7ZM7 11V13H9V11H7Z", fill: "
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: width, height: height, viewBox: "0 0 16 16", fill: "none", className: classes }, { children: (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM7 3L7 10H9V3H7ZM7 11V13H9V11H7Z", fill: "var(--red-1000)" }) }) })));
|
|
19
19
|
};
|
|
20
20
|
exports.WarningSvg = WarningSvg;
|
|
@@ -15,6 +15,6 @@ exports.NotificationErrorSvg = void 0;
|
|
|
15
15
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
16
|
var NotificationErrorSvg = function (props) {
|
|
17
17
|
var _a = props.width, width = _a === void 0 ? '20' : _a, _b = props.height, height = _b === void 0 ? '20' : _b, classes = props.classes;
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: width, height: height, viewBox: "0 0 512 512", fill: "none", className: classes }, { children: [(0, jsx_runtime_1.jsx)("path", { style: { fill: '
|
|
18
|
+
return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: width, height: height, viewBox: "0 0 512 512", fill: "none", className: classes }, { children: [(0, jsx_runtime_1.jsx)("path", { style: { fill: 'var(--red-1000)' }, d: "M83.753,511.961c-21.451,0-42.904-8.167-59.236-24.497c-32.663-32.664-32.663-85.811,0-118.473\n\tl201.65-201.65c6.38-6.377,16.719-6.377,23.101,0c6.378,6.378,6.378,16.721,0,23.101l-201.65,201.65\n\tc-19.926,19.926-19.926,52.348,0,72.273c19.926,19.927,52.346,19.924,72.272,0l344.455-344.455\n\tc19.926-19.926,19.926-52.348,0-72.273c-19.927-19.929-52.348-19.926-72.272,0l-51.881,51.881c-6.38,6.377-16.719,6.377-23.101,0\n\tc-6.378-6.378-6.378-16.721,0-23.101l51.881-51.881c32.664-32.659,85.808-32.661,118.472,0c32.663,32.663,32.663,85.809,0,118.473\n\tL142.988,487.464C126.656,503.794,105.205,511.961,83.753,511.961z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: '#F4B2B0' }, d: "M475.894,475.914L475.894,475.914c-26.336,26.336-69.036,26.336-95.373,0L36.066,131.459\n\tc-26.336-26.336-26.336-69.036,0-95.373l0,0c26.336-26.336,69.036-26.336,95.373,0l344.455,344.455\n\tC502.231,406.878,502.231,449.577,475.894,475.914z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: 'var(--red-1000)' }, d: "M428.208,512c-22.377,0-43.413-8.714-59.237-24.535L24.517,143.01\n\tc-32.663-32.664-32.663-85.809,0-118.473C40.341,8.714,61.377,0,83.753,0c22.377,0,43.413,8.714,59.238,24.535L487.445,368.99\n\tc15.822,15.824,24.535,36.86,24.535,59.238c0,22.377-8.714,43.413-24.535,59.238C471.621,503.286,450.585,512,428.208,512z\n\t M83.753,32.667c-13.648,0-26.483,5.315-36.135,14.968c-19.926,19.926-19.926,52.348,0,72.273l344.455,344.455\n\tc9.652,9.653,22.487,14.968,36.137,14.968c13.648,0,26.483-5.315,36.135-14.968c9.653-9.652,14.968-22.487,14.968-36.137\n\tc0-13.65-5.315-26.485-14.968-36.137L119.889,47.636C110.238,37.982,97.403,32.667,83.753,32.667z" })] })));
|
|
19
19
|
};
|
|
20
20
|
exports.NotificationErrorSvg = NotificationErrorSvg;
|
|
@@ -50,7 +50,7 @@ var useTranslate_1 = require("hooks/useTranslate");
|
|
|
50
50
|
var styles = __importStar(require("./Selector.module.css"));
|
|
51
51
|
var Selector = function (props) {
|
|
52
52
|
var _a, _b, _c;
|
|
53
|
-
var _d = props.placeholder, placeholder = _d === void 0 ? '' : _d, data = props.data, classes = props.classes, activeId = props.activeId, isOpenUp = props.isOpenUp, size = props.size, handleClick = props.handleClick, isAll = props.isAll, classesItem = props.classesItem, _e = props.selectedMainItemClasses, selectedMainItemClasses = _e === void 0 ? '' : _e, isMulti = props.isMulti, modalType = props.modalType, activeIds = props.activeIds, _f = props.joinSymbol, joinSymbol = _f === void 0 ? ',' : _f, _g = props.selectorStyleType, selectorStyleType = _g === void 0 ? 'base' : _g, _h = props.type, type = _h === void 0 ? 'base' : _h, additionalModalProps = props.additionalModalProps, setModalType = props.setModalType, dropdownClasses = props.dropdownClasses, arrowClasses = props.arrowClasses;
|
|
53
|
+
var _d = props.placeholder, placeholder = _d === void 0 ? '' : _d, data = props.data, classes = props.classes, activeId = props.activeId, isOpenUp = props.isOpenUp, size = props.size, handleClick = props.handleClick, isAll = props.isAll, classesItem = props.classesItem, _e = props.selectedMainItemClasses, selectedMainItemClasses = _e === void 0 ? '' : _e, isMulti = props.isMulti, modalType = props.modalType, activeIds = props.activeIds, _f = props.joinSymbol, joinSymbol = _f === void 0 ? ',' : _f, _g = props.selectorStyleType, selectorStyleType = _g === void 0 ? 'base' : _g, _h = props.type, type = _h === void 0 ? 'base' : _h, additionalModalProps = props.additionalModalProps, setModalType = props.setModalType, dropdownClasses = props.dropdownClasses, arrowClasses = props.arrowClasses, wrapperClasses = props.wrapperClasses;
|
|
54
54
|
var _j = (0, react_1.useState)(false), isOpened = _j[0], setOpenState = _j[1];
|
|
55
55
|
var _k = (0, react_1.useState)(true), isHideContent = _k[0], setHideContentState = _k[1];
|
|
56
56
|
var timer = (0, react_1.useRef)(null);
|
|
@@ -115,7 +115,7 @@ var Selector = function (props) {
|
|
|
115
115
|
}; }, []);
|
|
116
116
|
var directionModifier = "dropDownDirection-".concat(isOpenUp ? 'up' : 'down');
|
|
117
117
|
var sizeModifier = "dropDownContentSize-".concat(size);
|
|
118
|
-
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapper }, { children: [type === 'third' && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.label, (_a = {},
|
|
118
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapper, wrapperClasses) }, { children: [type === 'third' && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.label, (_a = {},
|
|
119
119
|
_a[styles.labelThird] = type === 'third',
|
|
120
120
|
_a)) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: placeholder }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperSelector, styles[sizeModifier], classes) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.mainContainer, styles[sizeModifier], classesItem, (_b = {},
|
|
121
121
|
_b[styles.opacity] = isOpened,
|
package/dist/lib/index.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ import { CasinoCategoryButton } from 'components/ui/Buttons/CasinoCategoryButton
|
|
|
7
7
|
import { CasinoSubCategoriesButton } from 'components/ui/Buttons/CasinoSubCategoriesButton';
|
|
8
8
|
import { ProviderNameButton } from 'components/ui/Buttons/ProviderName';
|
|
9
9
|
import { CloseButton } from 'components/ui/Buttons/CloseButton';
|
|
10
|
+
import { ArrowButton } from 'components/ui/Buttons/ArrowButton';
|
|
10
11
|
import { RegistrationPromoCode } from 'components/SignUp/PromoCode';
|
|
11
12
|
import { OneClick } from 'components/SignUp/OneClick';
|
|
12
13
|
import { CurrencySelector } from 'components/SignUp/CurrencySelector';
|
|
@@ -253,7 +254,7 @@ import Accordion from 'components/ui/AccordionGroup/Accordion';
|
|
|
253
254
|
import AccordionGroup from 'components/ui/AccordionGroup';
|
|
254
255
|
import { copyToClipboard, sleep } from 'utils/shared';
|
|
255
256
|
import { getAuthorizationData, getRegistrationData } from 'zustandStore/forms/signUp/utils';
|
|
256
|
-
export { Logo, BaseButton, CloseButton, DrawerButton, AppSwitcher, CasinoCategoryButton, CasinoSubCategoriesButton, ProviderNameButton, DepositButton, ShowAllCard, BaseInput, BaseInputUi, PhoneInput, CheckBox, EmailInput, PasswordInput, CasinoSearchBlock, CasinoSearchInput, JivoChatButton, JivoChatButtonProps, PaymentsMethods, PaymentMethodProps, EActiveMethodTab, PaymentFrame, PaymentMessage, DepositSkelet, DepositSkeletProps, DepositQrFormProps, PopUpHeader, Footer, Tabs, MainLoader, CircularLoader, Image, HOCImageLoader, HOCOutsideClick, HOCErrorBoundary, HOCRequestLoader, HOCKitConfigure, useHookFabric, useElementResize, useOnClickOutside, useCountDown, useTranslate, useInView, useHotJarAnalytics, JackpotWidget, JackPotInfoBox, Presets, 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, FireSvg, 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, SecondErrorSvg, SecondSuccessSvg, SecondWaitingSvg, 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, };
|
|
257
|
+
export { Logo, BaseButton, CloseButton, DrawerButton, AppSwitcher, CasinoCategoryButton, CasinoSubCategoriesButton, ProviderNameButton, DepositButton, ShowAllCard, ArrowButton, BaseInput, BaseInputUi, PhoneInput, CheckBox, EmailInput, PasswordInput, CasinoSearchBlock, CasinoSearchInput, JivoChatButton, JivoChatButtonProps, PaymentsMethods, PaymentMethodProps, EActiveMethodTab, PaymentFrame, PaymentMessage, DepositSkelet, DepositSkeletProps, DepositQrFormProps, PopUpHeader, Footer, Tabs, MainLoader, CircularLoader, Image, HOCImageLoader, HOCOutsideClick, HOCErrorBoundary, HOCRequestLoader, HOCKitConfigure, useHookFabric, useElementResize, useOnClickOutside, useCountDown, useTranslate, useInView, useHotJarAnalytics, JackpotWidget, JackPotInfoBox, Presets, 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, FireSvg, 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, SecondErrorSvg, SecondSuccessSvg, SecondWaitingSvg, 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, };
|
|
257
258
|
export { Size, Color, EAppType } from 'types/ui';
|
|
258
259
|
export { COUNTRY_MOCK } from 'constants/mock';
|
|
259
260
|
export { REFERRAL_KEY, REFERRAL_CODE, } from 'components/SignUp/PromoCode/constants';
|
package/dist/lib/index.js
CHANGED
|
@@ -3,12 +3,12 @@ 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.
|
|
11
|
-
exports.HookProvider = exports.useHookProvider = exports.REFERRAL_CODE = exports.REFERRAL_KEY = exports.COUNTRY_MOCK = exports.EAppType = exports.copyToClipboard = exports.getRegistrationData = exports.getAuthorizationData = exports.sleep = void 0;
|
|
6
|
+
exports.useCountDown = exports.useOnClickOutside = exports.useElementResize = exports.useHookFabric = exports.HOCKitConfigure = exports.HOCRequestLoader = exports.HOCErrorBoundary = exports.HOCOutsideClick = exports.HOCImageLoader = exports.Image = exports.CircularLoader = exports.MainLoader = exports.Tabs = exports.Footer = exports.PopUpHeader = exports.DepositSkelet = exports.PaymentMessage = exports.PaymentFrame = exports.EActiveMethodTab = exports.PaymentsMethods = exports.JivoChatButton = exports.CasinoSearchInput = exports.CasinoSearchBlock = exports.PasswordInput = exports.EmailInput = exports.CheckBox = exports.PhoneInput = exports.BaseInputUi = exports.BaseInput = exports.ArrowButton = exports.ShowAllCard = exports.DepositButton = exports.ProviderNameButton = exports.CasinoSubCategoriesButton = exports.CasinoCategoryButton = exports.AppSwitcher = exports.DrawerButton = exports.CloseButton = exports.BaseButton = exports.Logo = exports.EWheelState = exports.EModalTypes = exports.ENotificationType = exports.EAuthFormType = exports.ERegistrationForm = exports.handleDeviceDetection = exports.EDeviceType = exports.CheckBoxSvg = exports.EBackgroundSliderType = exports.ESignUpTheme = void 0;
|
|
7
|
+
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.SignInThird = exports.SignIn = exports.LanguageSelector = exports.Selector = exports.PhoneSignUp = exports.EmailSignUp = exports.SignUpTypeThree = exports.SignUpTypeTwo = exports.SignUp = exports.RegistrationPromoCode = exports.CountrySelector = exports.CurrencySelector = exports.DocsCheckBox = exports.OneClick = exports.PromotionMobileApp = exports.Banners = exports.LastBigWinners = exports.CountDown = exports.PortalLayout = exports.LandingLayoutTemplate = exports.DrawerLayout = exports.BonusCardLayout = exports.Alerts = exports.ModalLayout = exports.Pagination = exports.ReferralTable = exports.TournamentCard = exports.Scratch = exports.Wheel = exports.Presets = exports.JackPotInfoBox = exports.JackpotWidget = exports.useHotJarAnalytics = exports.useInView = exports.useTranslate = void 0;
|
|
8
|
+
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.FireSvg = exports.InfoSecondSvg = exports.VipClubSvg = exports.ThirdBonusSvg = exports.SecondBonusSvg = exports.FirstBonusSvg = exports.WalletSvg = exports.TrashSvg = exports.ThreeDotsSvg = exports.SupportSvg = exports.StarSvg = exports.ShareSvg = exports.SelectedSvg = exports.ProvidersBlocksSvg = exports.SearchSvg = exports.PlusSvg = exports.InfoLotterySvg = exports.LotterySvg = exports.DrawerTogglerSvg = exports.GrowSvg = exports.GoogleSvg = exports.FavoritesSvg = exports.DocSvg = exports.CopySvg = exports.CoinsSvg = exports.CoinSvg = exports.OpenEyeSvg = exports.CloseEyeSvg = exports.CashSvg = exports.CalendarSvg = exports.BurgerSvg = exports.BonusGiftSvg = exports.ProfileSvg = exports.AvatarSvg = exports.FacebookSvg = exports.TelegramSvg = exports.InstagramSvg = void 0;
|
|
9
|
+
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.SecondWaitingSvg = exports.SecondSuccessSvg = exports.SecondErrorSvg = exports.WithdrawSvg = exports.WaitingSvg = exports.SuccessSvg = exports.ErrorSvg = exports.DepositSvg = 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 = void 0;
|
|
10
|
+
exports.supportSelectors = exports.useZustandSupportKitStore = exports.useZustandCasinoSearchKitStore = exports.searchSelectors = exports.EDirection = exports.wheelPromoSelectors = exports.useZustandWheelPromoKitStore = exports.connectionSelectors = exports.useZustandConnectionKitStore = exports.gamesSelectors = exports.useZustandCasinoGamesKitStore = exports.requestSelectors = exports.useZustandRequestKitStore = exports.zustandSignInKitSelectors = exports.useZustandSignInKitStore = exports.zustandRegistrationKitSelector = exports.useZustandRegistrationKitStore = exports.zustandDeviceKitSelector = exports.useZustandDeviceKitStore = exports.zustandModalKitSelector = exports.useZustandModalKitStore = exports.notificationKitSelectors = exports.useZustandNotificationKitStore = exports.zustandRecoveryKitSelectors = exports.useZustandRecoveryKitStore = exports.Text = exports.languageSelectors = exports.useZustandLanguagesKitStore = exports.AccordionGroup = 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 = void 0;
|
|
11
|
+
exports.HookProvider = exports.useHookProvider = exports.REFERRAL_CODE = exports.REFERRAL_KEY = exports.COUNTRY_MOCK = exports.EAppType = exports.copyToClipboard = exports.getRegistrationData = exports.getAuthorizationData = exports.sleep = exports.getCasinoCategoryIcon = void 0;
|
|
12
12
|
// Buttons
|
|
13
13
|
var Buttons_1 = require("components/ui/Buttons");
|
|
14
14
|
Object.defineProperty(exports, "BaseButton", { enumerable: true, get: function () { return Buttons_1.BaseButton; } });
|
|
@@ -29,6 +29,8 @@ var ProviderName_1 = require("components/ui/Buttons/ProviderName");
|
|
|
29
29
|
Object.defineProperty(exports, "ProviderNameButton", { enumerable: true, get: function () { return ProviderName_1.ProviderNameButton; } });
|
|
30
30
|
var CloseButton_1 = require("components/ui/Buttons/CloseButton");
|
|
31
31
|
Object.defineProperty(exports, "CloseButton", { enumerable: true, get: function () { return CloseButton_1.CloseButton; } });
|
|
32
|
+
var ArrowButton_1 = require("components/ui/Buttons/ArrowButton");
|
|
33
|
+
Object.defineProperty(exports, "ArrowButton", { enumerable: true, get: function () { return ArrowButton_1.ArrowButton; } });
|
|
32
34
|
// Registration
|
|
33
35
|
var PromoCode_1 = require("components/SignUp/PromoCode");
|
|
34
36
|
Object.defineProperty(exports, "RegistrationPromoCode", { enumerable: true, get: function () { return PromoCode_1.RegistrationPromoCode; } });
|