react-gldn-kit 0.1.91 → 0.1.92

package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/EmailConfirmation/index.js

@@ -47,17 +47,20 @@ var Buttons_1 = require("components/ui/Buttons");
 var constants_1 = require("../NumberConfirmation/constants");
 var constant_1 = require("components/ui/Inputs/BaseInput/constant");
 var constants_2 = require("components/ui/Timer/constants");
+var selectors_1 = require("zustandStore/settings/selectors");
+var store_1 = require("zustandStore/settings/store");
+var store_2 = require("zustandStore/alerts/notification/store");
+var selectors_2 = require("zustandStore/alerts/notification/selectors");
 var ModalContext_1 = require("context/logic/ModalContext");
 var useCountDown_1 = require("hooks/useCountDown");
 var styles = __importStar(require("./EmailConfirmation.module.css"));
-var selectors_1 = require("zustandStore/settings/selectors");
-var store_1 = require("zustandStore/settings/store");
 var EmailConfirmation = function () {
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
     var sendCommand = useTransportControllers().sendCommand;
     var _a = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), code = _a[0], setCode = _a[1];
     var timerValue = (0, react_1.useRef)(new Date().getTime() + constants_2.DEFAULT_TIMER_VALUE);
     var appType = (0, store_1.useZustandKitSettings)(selectors_1.getKitAppTypeSelector);
+    var notifications = (0, store_2.useZustandNotificationKitStore)(selectors_2.notificationKitSelectors.getNotificationsSelector);
     var countDown = (0, useCountDown_1.useCountDown)({
         endTimestamp: timerValue.current,
     });
@@ -84,6 +87,15 @@ var EmailConfirmation = function () {
     var handleChange = function (code) {
         setCode({ value: code, errorText: '' });
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperEmailConfirmation, styles.column) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.top, styles.column) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: "/casino/icons-elon/ui-kit/recoveryPassword/email/".concat(appType, ".png"), className: styles.instructionImage }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterDigits }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.enterDigits" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center) }, { children: [(0, jsx_runtime_1.jsx)(InputCode_1.default, { errorText: code.errorText, handleChange: handleChange, length: 5 }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.time }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.seconds", specValue: "".concat(Math.round(timeRemaining / 1000)) }) }))] }))] }))] })), !timeRemaining && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.resendCode, onClick: handleResend }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.resendCode" }) }))), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "recoveryPsw.emailConfirmation.verify", handleClick: submit, size: "--button-full", buttonHeight: "--button-height-xl", color: "primary", centreText: true, disabled: code.value.length < constants_1.MAX_EMAIL_CODE_LENGTH })] })));
+    (0, react_1.useEffect)(function () {
+        var hasAuthError = notifications.some(function (item) { return item.text === 'errors.recoveryPasswordFailed'; });
+        if (hasAuthError) {
+            setCode({
+                value: code.value,
+                errorText: 'errors.recoveryPasswordFailed',
+            });
+        }
+    }, [notifications]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperEmailConfirmation, styles.column) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.top, styles.column) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: "/casino/icons-elon/ui-kit/recoveryPassword/email/".concat(appType, ".png"), className: styles.instructionImage }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.mediumGap) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterDigits }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.enterDigits" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.smallGap) }, { children: [(0, jsx_runtime_1.jsx)(InputCode_1.default, { errorText: code.errorText, handleChange: handleChange, length: 5 }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.time }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.seconds", specValue: "".concat(Math.round(timeRemaining / 1000)) }) }))] }))] }))] })), !timeRemaining && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.resendCode, onClick: handleResend }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.emailConfirmation.resendCode" }) }))), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "recoveryPsw.emailConfirmation.verify", handleClick: submit, size: "--button-full", buttonHeight: "--button-height-xl", color: "primary", centreText: true, disabled: code.value.length < constants_1.MAX_EMAIL_CODE_LENGTH })] })));
 };
 exports.default = EmailConfirmation;

package/dist/lib/components/Modals/Alert/components/LostPassword/First/components/NumberConfirmation/index.js

@@ -49,12 +49,15 @@ var constants_1 = require("./constants");
 var constant_1 = require("components/ui/Inputs/BaseInput/constant");
 var useCountDown_1 = require("hooks/useCountDown");
 var ModalContext_1 = require("context/logic/ModalContext");
-var styles = __importStar(require("./NumberConfirmation.module.css"));
 var selectors_1 = require("zustandStore/settings/selectors");
 var store_1 = require("zustandStore/settings/store");
+var store_2 = require("zustandStore/alerts/notification/store");
+var selectors_2 = require("zustandStore/alerts/notification/selectors");
+var styles = __importStar(require("./NumberConfirmation.module.css"));
 var NumberConfirmation = function () {
     var useTransportControllers = (0, ModalContext_1.useHookProvider)().useTransportControllers;
     var appType = (0, store_1.useZustandKitSettings)(selectors_1.getKitAppTypeSelector);
+    var notifications = (0, store_2.useZustandNotificationKitStore)(selectors_2.notificationKitSelectors.getNotificationsSelector);
     var sendCommand = useTransportControllers().sendCommand;
     var _a = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), code = _a[0], setCode = _a[1];
     var timerValue = (0, react_1.useRef)(new Date().getTime() + 90000);
@@ -88,6 +91,15 @@ var NumberConfirmation = function () {
     var handleChange = function (code) {
         setCode({ value: code, errorText: '' });
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperNumberConfirmation, styles.column) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.top, styles.column) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: "/casino/icons-elon/ui-kit/recoveryPassword/phone/".concat(appType, ".png"), className: styles.instructionImage }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterDigits }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.enterDigits" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center) }, { children: [(0, jsx_runtime_1.jsx)(InputCode_1.default, { errorText: code.errorText, handleChange: handleChange }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.time }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.seconds", specValue: "".concat(Math.round(timeRemaining / 1000)) }) }))] }))] }))] })), !timeRemaining && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.resendCode, onClick: handleResend }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.resendCode" }) }))), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "recoveryPsw.numberConfirmation.verify", handleClick: submit, size: "--button-full", buttonHeight: "--button-height-xl", color: "primary", centreText: true, disabled: code.value.length < constants_1.MAX_PHONE_CODE_LENGTH })] })));
+    (0, react_1.useEffect)(function () {
+        var hasAuthError = notifications.some(function (item) { return item.text === 'errors.recoveryPasswordFailed'; });
+        if (hasAuthError) {
+            setCode({
+                value: code.value,
+                errorText: 'errors.recoveryPasswordFailed',
+            });
+        }
+    }, [notifications]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperNumberConfirmation, styles.column) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.top, styles.column) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: "/casino/icons-elon/ui-kit/recoveryPassword/phone/".concat(appType, ".png"), className: styles.instructionImage }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.mediumGap) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.enterDigits }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.enterDigits" }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.column, styles.center, styles.smallGap) }, { children: [(0, jsx_runtime_1.jsx)(InputCode_1.default, { errorText: code.errorText, handleChange: handleChange }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.time }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.seconds", specValue: "".concat(Math.round(timeRemaining / 1000)) }) }))] }))] }))] })), !timeRemaining && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.resendCode, onClick: handleResend }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "recoveryPsw.numberConfirmation.resendCode" }) }))), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "recoveryPsw.numberConfirmation.verify", handleClick: submit, size: "--button-full", buttonHeight: "--button-height-xl", color: "primary", centreText: true, disabled: code.value.length < constants_1.MAX_PHONE_CODE_LENGTH })] })));
 };
 exports.NumberConfirmation = NumberConfirmation;

package/dist/lib/components/Modals/Alert/index.js

@@ -233,7 +233,7 @@ var Alerts = function (props) {
                 return (0, jsx_runtime_1.jsx)(AssignCurrency, {});
             case types_1.EModalTypes.LostPassword:
                 return (0, jsx_runtime_1.jsx)(LostPassword, {});
-            case types_1.EModalTypes.NumberConfirmarion:
+            case types_1.EModalTypes.NumberConfirmation:
                 return (0, jsx_runtime_1.jsx)(NumberConfirmation, {});
             case types_1.EModalTypes.EmailConfirmation:
                 return (0, jsx_runtime_1.jsx)(EmailConfirmation, {});

package/dist/lib/utils/shared.js

@@ -228,7 +228,7 @@ var getModalTitle = function (type) {
             return translates_1.DICTIONARY.cancelBonus.title;
         case types_1.EModalTypes.ClaimConfirmation:
             return translates_1.DICTIONARY.claimConfirmation.title;
-        case types_1.EModalTypes.NumberConfirmarion:
+        case types_1.EModalTypes.NumberConfirmation:
             return translates_1.DICTIONARY.numberConfirmation.title;
         case types_1.EModalTypes.EmailConfirmation:
             return translates_1.DICTIONARY.emailConfirmation.title;

package/dist/lib/zustandStore/alerts/modal/types.d.ts

@@ -61,7 +61,7 @@ export declare enum EModalTypes {
     SignUpThree = 55,
     SignInThree = 56,
     LostPasswordThree = 57,
-    NumberConfirmarion = 58,
+    NumberConfirmation = 58,
     EmailConfirmation = 59,
     AssignCurrency = "assign-currency"
 }

package/dist/lib/zustandStore/alerts/modal/types.js

@@ -64,7 +64,7 @@ var EModalTypes;
     EModalTypes[EModalTypes["SignUpThree"] = 55] = "SignUpThree";
     EModalTypes[EModalTypes["SignInThree"] = 56] = "SignInThree";
     EModalTypes[EModalTypes["LostPasswordThree"] = 57] = "LostPasswordThree";
-    EModalTypes[EModalTypes["NumberConfirmarion"] = 58] = "NumberConfirmarion";
+    EModalTypes[EModalTypes["NumberConfirmation"] = 58] = "NumberConfirmation";
     EModalTypes[EModalTypes["EmailConfirmation"] = 59] = "EmailConfirmation";
     EModalTypes["AssignCurrency"] = "assign-currency";
 })(EModalTypes = exports.EModalTypes || (exports.EModalTypes = {}));

package/dist/main.css

@@ -726,6 +726,7 @@
   transition: 0.5s;
   order: -1;
   line-height: 1;
+  pointer-events: none;
 }
 
 .KIT__BaseInputUi-module__labelRight___Q5n_d {
@@ -4124,6 +4125,7 @@
   justify-content: space-between;
   gap: var(--indent-l);
 }
+
 .KIT__NumberConfirmation-module__top___MThMX {
   gap: var(--indent-l);
 }
@@ -4136,6 +4138,7 @@
 .KIT__NumberConfirmation-module__center___mBjif {
   align-items: center;
 }
+
 .KIT__NumberConfirmation-module__instructionImage___vQCZx {
   width: 100%;
 }
@@ -4162,6 +4165,14 @@
   font-weight: 600;
 }
 
+.KIT__NumberConfirmation-module__mediumGap___OVFXc {
+  gap: var(--indent-m);
+}
+
+.KIT__NumberConfirmation-module__smallGap___u3RZI {
+  gap: var(--indent-xs);
+}
+
 .KIT__EmailConfirmation-module__wrapperEmailConfirmation___IQart {
   justify-content: space-between;
   gap: var(--indent-l);
@@ -4205,6 +4216,14 @@
   font-weight: 600;
 }
 
+.KIT__EmailConfirmation-module__mediumGap____mnrR {
+  gap: var(--indent-m);
+}
+
+.KIT__EmailConfirmation-module__smallGap___GvhZd {
+  gap: var(--indent-xs);
+}
+
 .KIT__Alert-module__wrapperModal___lOle6 {
   width: 100%;
   height: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-gldn-kit",
-  "version": "0.1.91",
+  "version": "0.1.92",
   "description": "",
   "main": "./dist/index.js",
   "keywords": [],