react-gldn-kit 0.1.99 → 0.1.101
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/LostPassword/First/components/EmailConfirmation/index.js +6 -3
- package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/LostPasswordPhoneForm/index.js +11 -3
- package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/NumberConfirmation/index.js +4 -3
- package/dist/lib/components/Modals/Alert/components/LostPassword/First/index.js +0 -3
- package/dist/lib/zustandStore/forms/recovery/selectors.d.ts +2 -0
- package/dist/lib/zustandStore/forms/recovery/selectors.js +4 -0
- package/dist/lib/zustandStore/forms/recovery/store.js +2 -0
- package/dist/lib/zustandStore/forms/recovery/types.d.ts +2 -0
- package/package.json +1 -1
|
@@ -54,6 +54,8 @@ var selectors_2 = require("zustandStore/settings/selectors");
|
|
|
54
54
|
var ModalContext_1 = require("context/logic/ModalContext");
|
|
55
55
|
var useCountDown_1 = require("hooks/useCountDown");
|
|
56
56
|
var styles = __importStar(require("./EmailConfirmation.module.css"));
|
|
57
|
+
var selectors_3 = require("zustandStore/forms/recovery/selectors");
|
|
58
|
+
var store_3 = require("zustandStore/forms/recovery/store");
|
|
57
59
|
var EmailConfirmation = function () {
|
|
58
60
|
var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
|
|
59
61
|
var sendCommand = useTransportControllers().sendCommand;
|
|
@@ -66,6 +68,7 @@ var EmailConfirmation = function () {
|
|
|
66
68
|
endTimestamp: timerValue.current,
|
|
67
69
|
});
|
|
68
70
|
var timeRemaining = countDown.timeRemaining;
|
|
71
|
+
var email = (0, store_3.useZustandRecoveryKitStore)(selectors_3.zustandRecoveryKitSelectors.getEmailSelector);
|
|
69
72
|
var submit = function () {
|
|
70
73
|
sendCommand('31x', {
|
|
71
74
|
sms: code.value,
|
|
@@ -73,13 +76,13 @@ var EmailConfirmation = function () {
|
|
|
73
76
|
});
|
|
74
77
|
};
|
|
75
78
|
var handleRequestCode = function () {
|
|
76
|
-
var
|
|
79
|
+
var sendData = {
|
|
77
80
|
registrationType: types_1.RecoverySubType.Email,
|
|
78
|
-
// value: email.value,
|
|
79
81
|
appType: appType,
|
|
82
|
+
value: email.value,
|
|
80
83
|
requestId: types_1.ERequestIds.RecoveryPasswordSendCode,
|
|
81
84
|
};
|
|
82
|
-
sendCommand('22x',
|
|
85
|
+
sendCommand('22x', sendData);
|
|
83
86
|
};
|
|
84
87
|
var handleResend = function () {
|
|
85
88
|
timerValue.current = new Date().getTime() + constants_2.DEFAULT_TIMER_VALUE;
|
|
@@ -42,6 +42,8 @@ var Text_1 = require("components/Text");
|
|
|
42
42
|
var useHookFabric_1 = require("hooks/useHookFabric");
|
|
43
43
|
var ModalContext_1 = require("context/logic/ModalContext");
|
|
44
44
|
var styles = __importStar(require("./LostPasswordPhoneForm.module.css"));
|
|
45
|
+
var store_1 = require("zustandStore/forms/recovery/store");
|
|
46
|
+
var selectors_1 = require("zustandStore/forms/recovery/selectors");
|
|
45
47
|
var LostPasswordPhoneForm = function () {
|
|
46
48
|
// handleFlashCall
|
|
47
49
|
var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
|
|
@@ -50,11 +52,17 @@ var LostPasswordPhoneForm = function () {
|
|
|
50
52
|
var countryInfo = (0, useHookFabric_1.useHookFabric)({
|
|
51
53
|
fn: useCountryInfo,
|
|
52
54
|
});
|
|
53
|
-
var
|
|
54
|
-
var
|
|
55
|
+
var setPhone = (0, store_1.useZustandRecoveryKitStore)(selectors_1.zustandRecoveryKitSelectors.setPhoneAction);
|
|
56
|
+
var _a = (0, react_1.useState)(false), isRequestedCode = _a[0], setRequestedCodeStatus = _a[1];
|
|
55
57
|
var callbackRequest = function () {
|
|
56
58
|
setRequestedCodeStatus(true);
|
|
57
59
|
};
|
|
58
|
-
|
|
60
|
+
var requestCode = function (key, data) {
|
|
61
|
+
setPhone(data.value);
|
|
62
|
+
sendCommand(key, data);
|
|
63
|
+
};
|
|
64
|
+
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.title }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.enterPhone" }) })), (0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, { withConfirm: true, isRecovery: true, requestId: types_1.ERequestIds.FlashCall, sendDataType: types_1.RecoverySubType.Phone, label: "recoveryPsw.phone", size: "large", section: 3, disabled: isRequestedCode, defaultValue: "",
|
|
65
|
+
// Notice: onChange is not used here, because we set phone in requestCode
|
|
66
|
+
onChange: console.info, requestCallback: callbackRequest, requestCode: requestCode, sendKey: "09x_flash_call", itemsClasses: styles.items, countryInfo: countryInfo, withInfo: true })] }));
|
|
59
67
|
};
|
|
60
68
|
exports.default = LostPasswordPhoneForm;
|
|
@@ -54,6 +54,8 @@ var selectors_2 = require("zustandStore/alerts/notification/selectors");
|
|
|
54
54
|
var useCountDown_1 = require("hooks/useCountDown");
|
|
55
55
|
var ModalContext_1 = require("context/logic/ModalContext");
|
|
56
56
|
var styles = __importStar(require("./NumberConfirmation.module.css"));
|
|
57
|
+
var store_3 = require("zustandStore/forms/recovery/store");
|
|
58
|
+
var selectors_3 = require("zustandStore/forms/recovery/selectors");
|
|
57
59
|
var NumberConfirmation = function () {
|
|
58
60
|
var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
|
|
59
61
|
var appType = (0, store_1.useZustandKitSettings)(selectors_1.getKitAppTypeSelector);
|
|
@@ -67,6 +69,7 @@ var NumberConfirmation = function () {
|
|
|
67
69
|
});
|
|
68
70
|
var isDev = (0, store_1.useZustandKitSettings)(selectors_1.getKitDevSelector);
|
|
69
71
|
var timeRemaining = countDown.timeRemaining;
|
|
72
|
+
var phone = (0, store_3.useZustandRecoveryKitStore)(selectors_3.zustandRecoveryKitSelectors.getPhoneSelector);
|
|
70
73
|
var submit = function () {
|
|
71
74
|
sendCommand('31x_flash_call_code_check', {
|
|
72
75
|
sms: isDev ? "".concat(55555) : code.value,
|
|
@@ -77,12 +80,10 @@ var NumberConfirmation = function () {
|
|
|
77
80
|
var baseData = {
|
|
78
81
|
registrationType: types_1.RecoverySubType.Phone,
|
|
79
82
|
appType: appType,
|
|
83
|
+
value: phone,
|
|
80
84
|
requestId: types_1.ERequestIds.FlashCall,
|
|
81
85
|
section: 3,
|
|
82
86
|
};
|
|
83
|
-
// Phone
|
|
84
|
-
// handleFlashCall
|
|
85
|
-
// Email
|
|
86
87
|
sendCommand('09x_flash_call', baseData);
|
|
87
88
|
};
|
|
88
89
|
var handleResend = function () {
|
|
@@ -48,12 +48,9 @@ var store_1 = require("zustandStore/alerts/modal/store");
|
|
|
48
48
|
var selectors_1 = require("zustandStore/alerts/modal/selectors");
|
|
49
49
|
var types_1 = require("../types");
|
|
50
50
|
var types_2 = require("zustandStore/forms/signUp/types");
|
|
51
|
-
var ModalContext_1 = require("context/logic/ModalContext");
|
|
52
51
|
var styles = __importStar(require("./LostPassword.module.css"));
|
|
53
52
|
var LostPassword = function () {
|
|
54
53
|
var _a;
|
|
55
|
-
var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
|
|
56
|
-
var sendCommand = useTransportControllers().sendCommand;
|
|
57
54
|
var _b = (0, react_1.useState)(types_1.RecoveryFormType.Phone), activeValue = _b[0], setActiveValue = _b[1];
|
|
58
55
|
var data = (0, store_1.useZustandModalKitStore)(selectors_1.zustandModalKitSelector.getModalAdditionalInfoSelector) || {};
|
|
59
56
|
var registrationTheme = data.registrationTheme;
|
|
@@ -3,6 +3,8 @@ export declare const zustandRecoveryKitSelectors: {
|
|
|
3
3
|
getEmailSelector: (state: ZustandRecoveryStore) => import("../../../components/ui/Inputs/BaseInput/types").DefaultInputType;
|
|
4
4
|
getErrorRequestCodeSelector: (state: ZustandRecoveryStore) => boolean;
|
|
5
5
|
getIsRequestedCodeSelector: (state: ZustandRecoveryStore) => boolean;
|
|
6
|
+
getPhoneSelector: (state: ZustandRecoveryStore) => string;
|
|
7
|
+
setPhoneAction: (state: ZustandRecoveryStore) => (phone: string) => void;
|
|
6
8
|
setEmailAction: (state: ZustandRecoveryStore) => (email: import("../../../components/ui/Inputs/BaseInput/types").DefaultInputType) => void;
|
|
7
9
|
setErrorRequestCodeAction: (state: ZustandRecoveryStore) => (errorRequestCode: boolean) => void;
|
|
8
10
|
setIsRequestedCodeAction: (state: ZustandRecoveryStore) => (isRequestedCode: boolean) => void;
|
|
@@ -15,10 +15,14 @@ var setErrorRequestCodeAction = function (state) {
|
|
|
15
15
|
var setIsRequestedCodeAction = function (state) {
|
|
16
16
|
return state.setIsRequestedCode;
|
|
17
17
|
};
|
|
18
|
+
var getPhoneSelector = function (state) { return state.phone; };
|
|
19
|
+
var setPhoneAction = function (state) { return state.setPhone; };
|
|
18
20
|
exports.zustandRecoveryKitSelectors = {
|
|
19
21
|
getEmailSelector: getEmailSelector,
|
|
20
22
|
getErrorRequestCodeSelector: getErrorRequestCodeSelector,
|
|
21
23
|
getIsRequestedCodeSelector: getIsRequestedCodeSelector,
|
|
24
|
+
getPhoneSelector: getPhoneSelector,
|
|
25
|
+
setPhoneAction: setPhoneAction,
|
|
22
26
|
setEmailAction: setEmailAction,
|
|
23
27
|
setErrorRequestCodeAction: setErrorRequestCodeAction,
|
|
24
28
|
setIsRequestedCodeAction: setIsRequestedCodeAction,
|
|
@@ -7,9 +7,11 @@ exports.useZustandRecoveryKitStore = (0, zustand_1.create)(function (set) { retu
|
|
|
7
7
|
value: '',
|
|
8
8
|
errorText: '',
|
|
9
9
|
},
|
|
10
|
+
phone: '',
|
|
10
11
|
errorRequestCode: false,
|
|
11
12
|
isRequestedCode: false,
|
|
12
13
|
setEmail: function (email) { return set({ email: email }); },
|
|
14
|
+
setPhone: function (phone) { return set({ phone: phone }); },
|
|
13
15
|
setIsRequestedCode: function (isRequestedCode) { return set({ isRequestedCode: isRequestedCode }); },
|
|
14
16
|
setErrorRequestCode: function (errorRequestCode) { return set({ errorRequestCode: errorRequestCode }); },
|
|
15
17
|
}); });
|
|
@@ -3,10 +3,12 @@ export interface ZustandRecoveryStore extends ZustandRecoveryEntities {
|
|
|
3
3
|
setEmail: (email: DefaultInputType) => void;
|
|
4
4
|
setErrorRequestCode: (errorRequestCode: boolean) => void;
|
|
5
5
|
setIsRequestedCode: (isRequestedCode: boolean) => void;
|
|
6
|
+
setPhone: (phone: string) => void;
|
|
6
7
|
}
|
|
7
8
|
interface ZustandRecoveryEntities {
|
|
8
9
|
errorRequestCode: boolean;
|
|
9
10
|
email: DefaultInputType;
|
|
10
11
|
isRequestedCode: boolean;
|
|
12
|
+
phone: string;
|
|
11
13
|
}
|
|
12
14
|
export {};
|