react-gldn-kit 0.1.148 → 0.1.149
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/Modals/Alert/components/Auth/SignUp/XxxAzCawa/components/Forms/EmailSignUp/index.js +1 -1
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/XxxAzCawa/components/Forms/OneClickKit/index.js +2 -2
- package/dist/lib/components/Modals/Alert/components/Auth/SignUp/XxxAzCawa/components/Forms/PhoneSignUp/index.js +2 -2
- package/dist/main.css +4 -0
- package/package.json +1 -1
|
@@ -137,6 +137,6 @@ var EmailSignUp = function (props) {
|
|
|
137
137
|
var clearPromoCode = function () {
|
|
138
138
|
setPromoCode('');
|
|
139
139
|
};
|
|
140
|
-
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: stylesEmailSignUp.animationFadeIn }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.email", size: "full", isHidePlaceholder: true, onChange: handleChange, errorText: email.errorText, classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.inputSize }), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, __assign({ label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: setPassword, classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.inputSize, type: passwordInputType }, { children: passwordInputType === 'text' ? ((0, jsx_runtime_1.jsx)(OpenEyeSecondSvg_1.OpenEyeSecondSvg, { handleClick: handleChangePasswordType('password') })) : ((0, jsx_runtime_1.jsx)(ClosedEyeSecondSvg_1.ClosedEyeSecondSvg, { handleClick: handleChangePasswordType('text') })) })), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: classes, dropdownClasses: styles.dropdown, classesItem: stylesEmailSignUp.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: stylesEmailSignUp.dropdown, classesItem: stylesEmailSignUp.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(PromocodeInput_1.PromocodeInput, { value: promoCode, handleChange: handleChangePromoCode, clearValue: clearPromoCode }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: promoCode ? '06x_with_promo' : '06x', requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: "registrations.submitBtn", disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(stylesEmailSignUp.authButton, classes) }) }))] })));
|
|
140
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: stylesEmailSignUp.animationFadeIn }, { children: [(0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.email", size: "full", isHidePlaceholder: true, onChange: handleChange, errorText: email.errorText, classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.inputSize }), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, __assign({ label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: setPassword, classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.inputSize, type: passwordInputType }, { children: passwordInputType === 'text' ? ((0, jsx_runtime_1.jsx)(OpenEyeSecondSvg_1.OpenEyeSecondSvg, { handleClick: handleChangePasswordType('password') })) : ((0, jsx_runtime_1.jsx)(ClosedEyeSecondSvg_1.ClosedEyeSecondSvg, { handleClick: handleChangePasswordType('text') })) })), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: classes, dropdownClasses: styles.dropdown, classesItem: stylesEmailSignUp.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: stylesEmailSignUp.dropdown, classesItem: stylesEmailSignUp.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(PromocodeInput_1.PromocodeInput, { value: promoCode, handleChange: handleChangePromoCode, clearValue: clearPromoCode }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: promoCode ? '06x_with_promo' : '06x', requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, { classes: styles.center }) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: "registrations.submitBtn", disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(stylesEmailSignUp.authButton, classes) }) }))] })));
|
|
141
141
|
};
|
|
142
142
|
exports.EmailSignUp = EmailSignUp;
|
|
@@ -98,7 +98,7 @@ var OneClickKit = function (props) {
|
|
|
98
98
|
promoCode: promoCode,
|
|
99
99
|
countryName: "".concat(activeCountryId),
|
|
100
100
|
login: '',
|
|
101
|
-
password: ''
|
|
101
|
+
password: '',
|
|
102
102
|
});
|
|
103
103
|
handleRegistration('05x', data, true);
|
|
104
104
|
};
|
|
@@ -115,6 +115,6 @@ var OneClickKit = function (props) {
|
|
|
115
115
|
countryInfo: countryInfo,
|
|
116
116
|
}, { 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({}, {
|
|
117
117
|
countryInfo: countryInfo,
|
|
118
|
-
}, { 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) }) }))] })));
|
|
118
|
+
}, { 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, { classes: styles.center }) }, { 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) }) }))] })));
|
|
119
119
|
};
|
|
120
120
|
exports.default = OneClickKit;
|
|
@@ -53,6 +53,7 @@ var PromocodeInput_1 = require("../../PromocodeInput");
|
|
|
53
53
|
var CurrencySelector_1 = require("components/SignUp/CurrencySelector");
|
|
54
54
|
var OpenEyeSecondSvg_1 = require("components/ui/Icons/Base/OpenEyeSecondSvg");
|
|
55
55
|
var ClosedEyeSecondSvg_1 = require("components/ui/Icons/Base/ClosedEyeSecondSvg");
|
|
56
|
+
var PasswordInput_1 = __importDefault(require("components/ui/Inputs/PasswordInput"));
|
|
56
57
|
var constant_1 = require("components/ui/Inputs/BaseInput/constant");
|
|
57
58
|
var constants_1 = require("./constants");
|
|
58
59
|
var store_1 = require("zustandStore/languages/store");
|
|
@@ -65,7 +66,6 @@ var shared_1 = require("utils/shared");
|
|
|
65
66
|
var utils_1 = require("zustandStore/forms/signUp/utils");
|
|
66
67
|
var styles = __importStar(require("../../../SignUpTypeThree.module.css"));
|
|
67
68
|
var phoneStyles = __importStar(require("./PhoneSignUp.module.css"));
|
|
68
|
-
var PasswordInput_1 = __importDefault(require("components/ui/Inputs/PasswordInput"));
|
|
69
69
|
var PhoneSignUp = function (props) {
|
|
70
70
|
var availableCurrencies = props.availableCurrencies, isSelected = props.isSelected, _a = props.withoutCode, withoutCode = _a === void 0 ? false : _a, countryInfo = props.countryInfo, handleRegistration = props.handleRegistration, _b = props.requestCode, requestCode = _b === void 0 ? console.info : _b, classes = props.classes, labelClasses = props.labelClasses;
|
|
71
71
|
var isConnectedApp = (0, store_3.useZustandConnectionKitStore)(selectors_3.connectionSelectors.isAvailableTransportSelector);
|
|
@@ -166,6 +166,6 @@ var PhoneSignUp = function (props) {
|
|
|
166
166
|
var PHONE_PROPS = withoutCode
|
|
167
167
|
? constants_1.PHONE_PROPS_WITHOUT_CONFIRMATION
|
|
168
168
|
: constants_1.PHONE_PROPS_WITH_CONFIRMATION;
|
|
169
|
-
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, __assign({}, PHONE_PROPS, { label: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: classes, disabled: isRequestedCode, classes: (0, classnames_1.default)(styles.marginB, styles.phoneInput, classes), requestCode: !withoutCode ? requestCode : undefined, buttonClasses: phoneStyles.authButton, labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange, classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input })), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, __assign({ label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: setPassword, classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.inputSize, type: passwordInputType }, { children: passwordInputType === 'text' ? ((0, jsx_runtime_1.jsx)(OpenEyeSecondSvg_1.OpenEyeSecondSvg, { handleClick: handleChangePasswordType('password') })) : ((0, jsx_runtime_1.jsx)(ClosedEyeSecondSvg_1.ClosedEyeSecondSvg, { handleClick: handleChangePasswordType('text') })) })), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(PromocodeInput_1.PromocodeInput, { value: promoCode, handleChange: handleChangePromoCode, clearValue: clearPromoCode }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "08x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, {}) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: 'registrations.submitBtn', disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(phoneStyles.authButton, styles.marginB, classes) }) }))] }));
|
|
169
|
+
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, __assign({}, PHONE_PROPS, { label: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, countryInfo: countryInfo, requestCallback: handleIsRequested, classesWrapper: classes, disabled: isRequestedCode, classes: (0, classnames_1.default)(styles.marginB, styles.phoneInput, classes), requestCode: !withoutCode ? requestCode : undefined, buttonClasses: phoneStyles.authButton, labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input })), !withoutCode && isRequestedCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { label: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange, classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.input })), (0, jsx_runtime_1.jsx)(PasswordInput_1.default, __assign({ label: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: setPassword, classes: (0, classnames_1.default)(styles.marginB, classes), labelClasses: labelClasses, inputLabelType: "secondary", inputClasses: styles.inputSize, type: passwordInputType }, { children: passwordInputType === 'text' ? ((0, jsx_runtime_1.jsx)(OpenEyeSecondSvg_1.OpenEyeSecondSvg, { handleClick: handleChangePasswordType('password') })) : ((0, jsx_runtime_1.jsx)(ClosedEyeSecondSvg_1.ClosedEyeSecondSvg, { handleClick: handleChangePasswordType('text') })) })), (0, jsx_runtime_1.jsx)(CountrySelector_1.CountrySelector, { countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies, countryInfo: countryInfo, classes: (0, classnames_1.default)(styles.marginB, classes), dropdownClasses: styles.dropdown, classesItem: phoneStyles.selectorMainItem, type: "secondary" }), (0, jsx_runtime_1.jsx)(PromocodeInput_1.PromocodeInput, { value: promoCode, handleChange: handleChangePromoCode, clearValue: clearPromoCode }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.DocsCheckBox, { terms: terms, age: age, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(HOCRequestLoader_1.HOCRequestLoader, __assign({ command: "08x", requestId: types_1.ERequestIds.Registration, customLoader: (0, jsx_runtime_1.jsx)(CircularLoader_1.CircularLoader, { classes: styles.center }) }, { children: (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: 'registrations.submitBtn', disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: (0, classnames_1.default)(phoneStyles.authButton, styles.marginB, classes) }) }))] }));
|
|
170
170
|
};
|
|
171
171
|
exports.PhoneSignUp = PhoneSignUp;
|
package/dist/main.css
CHANGED
|
@@ -3285,6 +3285,10 @@
|
|
|
3285
3285
|
font-weight: var(--font-weight-bold);
|
|
3286
3286
|
}
|
|
3287
3287
|
|
|
3288
|
+
.KIT__SignUpTypeThree-module__center___whOfX {
|
|
3289
|
+
margin: 0 auto;
|
|
3290
|
+
}
|
|
3291
|
+
|
|
3288
3292
|
.KIT__EmailSignUp-module__animationFadeIn___UWQVB {
|
|
3289
3293
|
animation: KIT__EmailSignUp-module__FadeIn___DF5Ks 1s forwards;
|
|
3290
3294
|
width: 100%;
|