react-gldn-kit 0.1.147 → 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/lib/components/Modals/Alert/components/LostPassword/First/components/EmailConfirmation/index.js +4 -1
- package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/NumberConfirmation/index.js +4 -1
- 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;
|
|
@@ -55,6 +55,8 @@ var store_3 = require("zustandStore/alerts/modal/store");
|
|
|
55
55
|
var selectors_3 = require("zustandStore/alerts/modal/selectors");
|
|
56
56
|
var selectors_4 = require("zustandStore/forms/recovery/selectors");
|
|
57
57
|
var store_4 = require("zustandStore/forms/recovery/store");
|
|
58
|
+
var store_5 = require("zustandStore/forms/signUp/store");
|
|
59
|
+
var selectors_5 = require("zustandStore/forms/signUp/selectors");
|
|
58
60
|
var types_2 = require("zustandStore/forms/signUp/types");
|
|
59
61
|
var ModalContext_1 = require("context/logic/ModalContext");
|
|
60
62
|
var useCountDown_1 = require("hooks/useCountDown");
|
|
@@ -76,6 +78,7 @@ var EmailConfirmation = function () {
|
|
|
76
78
|
});
|
|
77
79
|
var timeRemaining = countDown.timeRemaining;
|
|
78
80
|
var email = (0, store_4.useZustandRecoveryKitStore)(selectors_4.zustandRecoveryKitSelectors.getEmailSelector);
|
|
81
|
+
var login = (0, store_5.useZustandRegistrationKitStore)(selectors_5.zustandRegistrationKitSelector.getRegisteredLoginSelector);
|
|
79
82
|
var submit = function () {
|
|
80
83
|
sendCommand('31x', {
|
|
81
84
|
sms: code.value,
|
|
@@ -86,7 +89,7 @@ var EmailConfirmation = function () {
|
|
|
86
89
|
var sendData = {
|
|
87
90
|
registrationType: types_1.RecoverySubType.Email,
|
|
88
91
|
appType: appType,
|
|
89
|
-
value: email.value,
|
|
92
|
+
value: email.value || login,
|
|
90
93
|
requestId: types_1.ERequestIds.RecoveryPasswordSendCode,
|
|
91
94
|
};
|
|
92
95
|
sendCommand('22x', sendData);
|
|
@@ -55,6 +55,8 @@ var store_3 = require("zustandStore/alerts/modal/store");
|
|
|
55
55
|
var selectors_3 = require("zustandStore/alerts/modal/selectors");
|
|
56
56
|
var store_4 = require("zustandStore/forms/recovery/store");
|
|
57
57
|
var selectors_4 = require("zustandStore/forms/recovery/selectors");
|
|
58
|
+
var store_5 = require("zustandStore/forms/signUp/store");
|
|
59
|
+
var selectors_5 = require("zustandStore/forms/signUp/selectors");
|
|
58
60
|
var types_2 = require("zustandStore/forms/signUp/types");
|
|
59
61
|
var useCountDown_1 = require("hooks/useCountDown");
|
|
60
62
|
var ModalContext_1 = require("context/logic/ModalContext");
|
|
@@ -77,6 +79,7 @@ var NumberConfirmation = function () {
|
|
|
77
79
|
var isDev = (0, store_1.useZustandKitSettings)(selectors_1.getKitDevSelector);
|
|
78
80
|
var timeRemaining = countDown.timeRemaining;
|
|
79
81
|
var phone = (0, store_4.useZustandRecoveryKitStore)(selectors_4.zustandRecoveryKitSelectors.getPhoneSelector);
|
|
82
|
+
var login = (0, store_5.useZustandRegistrationKitStore)(selectors_5.zustandRegistrationKitSelector.getRegisteredLoginSelector);
|
|
80
83
|
var submit = function () {
|
|
81
84
|
sendCommand('31x_flash_call_code_check', {
|
|
82
85
|
sms: isDev ? "".concat(55555) : code.value,
|
|
@@ -87,7 +90,7 @@ var NumberConfirmation = function () {
|
|
|
87
90
|
var baseData = {
|
|
88
91
|
registrationType: types_1.RecoverySubType.Phone,
|
|
89
92
|
appType: appType,
|
|
90
|
-
value: phone,
|
|
93
|
+
value: phone || login,
|
|
91
94
|
requestId: types_1.ERequestIds.FlashCall,
|
|
92
95
|
section: 3,
|
|
93
96
|
};
|
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%;
|