react-gldn-kit 0.1.89 → 0.1.90

package/dist/lib/components/ui/Icons/InfoThirdSvg.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from './types';
+export declare const InfoThirdSvg: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Icons/InfoThirdSvg.js

@@ -0,0 +1,20 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfoThirdSvg = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var InfoThirdSvg = function (props) {
+    var _a = props.width, width = _a === void 0 ? '24' : _a, _b = props.height, height = _b === void 0 ? '24' : _b, classes = props.classes, handleClick = props.handleClick;
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: width, height: height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM11 6.375L11 8.625L13 8.625L13 6.375L11 6.375ZM11 9.75L11 17.625L13 17.625L13 9.75L11 9.75Z", fill: "#4576F4" }) })));
+};
+exports.InfoThirdSvg = InfoThirdSvg;

package/dist/lib/components/ui/Inputs/PhoneInput/index.js

@@ -47,16 +47,17 @@ var BaseButton_1 = require("components/ui/Buttons/BaseButton");
 var Timer_1 = __importDefault(require("components/ui/Timer"));
 var WorldSvg_1 = require("components/ui/Icons/FlagIcons/WorldSvg");
 var PhoneView_1 = __importDefault(require("./components/PhoneView"));
+var MoreInfo_1 = __importDefault(require("components/Modals/Alert/components/LostPassword/First/components/LostPasswordPhoneForm/components/MoreInfo"));
 var constant_1 = require("../BaseInput/constant");
 var mock_1 = require("constants/mock");
 var constants_1 = require("./constants");
 var styles = __importStar(require("./PhoneInput.module.css"));
 var PhoneInput = function (props) {
-    var withConfirm = props.withConfirm, requestId = props.requestId, sendDataType = props.sendDataType, children = props.children, classesWrapper = props.classesWrapper, requestCallback = props.requestCallback, onChange = props.onChange, sendKey = props.sendKey, countryCodeDefault = props.countryCodeDefault, _a = props.section, section = _a === void 0 ? undefined : _a, requestCode = props.requestCode, countryInfo = props.countryInfo, buttonClasses = props.buttonClasses, errorText = props.errorText, itemsClasses = props.itemsClasses;
-    var _b = (0, react_1.useState)(__assign(__assign({}, constant_1.DEFAULT_INPUT_VALUE), { value: '+' })), phone = _b[0], setPhone = _b[1];
-    var _c = (0, react_1.useState)(false), isOpened = _c[0], setOpenState = _c[1];
-    var _d = (0, react_1.useState)(false), isRequestedCode = _d[0], setRequestedCodeStatus = _d[1];
-    var _e = (0, react_1.useState)(null), countryPhoneSettings = _e[0], setCountryPhoneSettings = _e[1];
+    var withConfirm = props.withConfirm, requestId = props.requestId, sendDataType = props.sendDataType, children = props.children, classesWrapper = props.classesWrapper, requestCallback = props.requestCallback, onChange = props.onChange, sendKey = props.sendKey, countryCodeDefault = props.countryCodeDefault, _a = props.section, section = _a === void 0 ? undefined : _a, requestCode = props.requestCode, countryInfo = props.countryInfo, buttonClasses = props.buttonClasses, errorText = props.errorText, itemsClasses = props.itemsClasses, _b = props.withInfo, withInfo = _b === void 0 ? false : _b;
+    var _c = (0, react_1.useState)(__assign(__assign({}, constant_1.DEFAULT_INPUT_VALUE), { value: '+' })), phone = _c[0], setPhone = _c[1];
+    var _d = (0, react_1.useState)(false), isOpened = _d[0], setOpenState = _d[1];
+    var _e = (0, react_1.useState)(false), isRequestedCode = _e[0], setRequestedCodeStatus = _e[1];
+    var _f = (0, react_1.useState)(null), countryPhoneSettings = _f[0], setCountryPhoneSettings = _f[1];
     var handleRequestCode = function () {
         if (!withConfirm) {
             return;
@@ -158,6 +159,6 @@ var PhoneInput = function (props) {
     return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapper, classesWrapper) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.list }, { children: [(0, jsx_runtime_1.jsx)(PhoneView_1.default, __assign({ phone: phone, Flag: Flag || WorldSvg_1.WorldSvg, code: (countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.code) || '+', handleSetValue: handleSetValue, toggleValue: toggleValue, isOpened: isOpened, mask: countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask, classes: styles.disabledBorder, errorText: errorText }, { children: children })), isOpened && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.items, itemsClasses) }, { children: Object.values(constants_1.PHONE_MASK).map(function (p) {
                                     var CountryFlag = p.Flag;
                                     return ((0, jsx_runtime_1.jsx)("div", __assign({ onClick: handleChooseSettings(p), className: styles.item }, { children: (0, jsx_runtime_1.jsx)(PhoneView_1.default, { phone: { value: p.code, errorText: '' }, Flag: CountryFlag, code: p.code, handleSetValue: console.info, mask: p.mask, name: p.name, classes: styles.disabledBorder }) }), p.code));
-                                }) })))] })), (errorText || phone.errorText) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.error }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: errorText || phone.errorText }) })))] })), withConfirm && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isRequestedCode ? ((0, jsx_runtime_1.jsx)(Timer_1.default, { handleRequestCode: handleRequestCode })) : ((0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: "getCodeBtn", disabled: !isValidPhone, color: "primary", handleClick: showTimer, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: buttonClasses })) }))] })));
+                                }) })))] })), (errorText || phone.errorText) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.error }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: errorText || phone.errorText }) })))] })), withInfo && (0, jsx_runtime_1.jsx)(MoreInfo_1.default, {}), withConfirm && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isRequestedCode ? ((0, jsx_runtime_1.jsx)(Timer_1.default, { handleRequestCode: handleRequestCode })) : ((0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: "getCodeBtn", disabled: !isValidPhone, color: "primary", handleClick: showTimer, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: buttonClasses })) }))] })));
 };
 exports.PhoneInput = PhoneInput;

package/dist/lib/components/ui/Inputs/PhoneInput/types.d.ts

@@ -6,6 +6,7 @@ export type PhoneInputProps = BaseInputProps & (PhoneInputPropsWithConfirmation
     countryInfo?: any;
     buttonClasses?: string;
     itemsClasses?: string;
+    withInfo?: boolean;
 };
 export type PhoneInputPropsWithoutConfirmation = {
     withConfirm: false | undefined;

package/dist/lib/constants/translates.d.ts

@@ -50,4 +50,10 @@ export declare const DICTIONARY: {
     claimConfirmation: {
         title: string;
     };
+    numberConfirmation: {
+        title: string;
+    };
+    emailConfirmation: {
+        title: string;
+    };
 };

package/dist/lib/constants/translates.js

@@ -53,4 +53,10 @@ exports.DICTIONARY = {
     claimConfirmation: {
         title: 'bonusCabinet.cancelBonus.title',
     },
+    numberConfirmation: {
+        title: 'recoveryPsw.numberConfirmation.title',
+    },
+    emailConfirmation: {
+        title: 'recoveryPsw.emailConfirmation.title',
+    },
 };

package/dist/lib/utils/shared.js

@@ -228,6 +228,10 @@ 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:
+            return translates_1.DICTIONARY.numberConfirmation.title;
+        case types_1.EModalTypes.EmailConfirmation:
+            return translates_1.DICTIONARY.emailConfirmation.title;
         default:
             return '';
     }

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

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

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

@@ -64,5 +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["EmailConfirmation"] = 59] = "EmailConfirmation";
     EModalTypes["AssignCurrency"] = "assign-currency";
 })(EModalTypes = exports.EModalTypes || (exports.EModalTypes = {}));

package/dist/main.css

@@ -1552,6 +1552,58 @@
   color: var(--x-reg-color);
 }
 
+.KIT__MoreInfo-module__wrapperMoreInfo___p5znl {
+  border-radius: var(--border-s);
+  border: var(--lost-password-phone-info-border);
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: var(--indent-m);
+}
+
+.KIT__MoreInfo-module__title___LsgbT {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.KIT__MoreInfo-module__arrowButton___pPCPW {
+  transform: rotate(180deg);
+  width: 16px;
+  height: 9px;
+}
+
+.KIT__MoreInfo-module__left___rDJRY {
+  display: flex;
+  align-items: center;
+  gap: var(--indent-xs);
+}
+
+.KIT__MoreInfo-module__mainInfo___iavDV {
+  color: var(--lost-password-phone-info-main-color);
+  font-weight: 500;
+  font-size: var(--font-size-s);
+}
+
+.KIT__MoreInfo-module__instructionsBlock___YP4tE {
+  display: flex;
+  flex-direction: column;
+  gap: var(--indent-s);
+}
+
+.KIT__MoreInfo-module__instruction___Baphm {
+  color: var(--lost-password-phone-info-instruction);
+  font-size: var(--font-size-s);
+  line-height: 1.2;
+  list-style-position: inside;
+}
+
+.KIT__MoreInfo-module__instructionImage___rlm62 {
+  width: 100%;
+}
+
 .KIT__PhoneInput-module__input___hyTKa {
   border-radius: var(--border-s);
   border: var(--input-border);
@@ -2778,6 +2830,12 @@
 }
 
 
+.KIT__SignIn-module__wrapperReferralCopyContent___mZnt5 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--indent-m);
+}
+
 .KIT__SignIn-module__yellow___IgXCq {
   --green-100: rgba(255, 222, 106, 1);
   --input-background: rgba(36, 36, 36, 1);
@@ -2889,6 +2947,10 @@
     color: #4576f4;
   }
 
+.KIT__SignIn-module__wrapperButtons___NBdOl {
+  order: 1;
+}
+
 @media (min-width: 768px) {
   .KIT__SignIn-module__wrapperSignInModal___TsZU2 {
     width: 500px;
@@ -3529,12 +3591,24 @@
   width: var(--full);
 }
 
+.KIT__LostPasswordEmailForm-module__title___tVFWS {
+  color: var(--lost-password-title-color);
+  font-size: var(--font-size-s);
+}
+
 .KIT__LostPasswordPhoneForm-module__items___VImtL {
   position: relative;
   top: var(--indent-xs);
   margin-bottom: var(--indent-xs);
 }
 
+.KIT__LostPasswordPhoneForm-module__title___xJ6L8 {
+  color: var(--lost-password-title-color);
+  font-size: var(--font-size-s);
+  margin-bottom: var(--indent-m);
+}
+
+
 .KIT__LostPassword-module__yellow___dOi3Z {
   --green-100: rgba(255, 222, 106, 1);
   --input-background: rgba(36, 36, 36, 1);
@@ -3559,6 +3633,24 @@
   gap: var(--indent-m);
 }
 
+.KIT__SetNewPassword-module__enterPassword___oxQXM {
+  color: var(--set-new-password-enter-password-color);
+  font-size: var(--font-size-s);
+  line-height: 1.2;
+}
+
+.KIT__SetNewPassword-module__passwordRequirements___AL8uS {
+  color: var(--set-new-password-requirements-color);
+  font-size: var(--font-size-s);
+  line-height: 1.2;
+}
+
+.KIT__SetNewPassword-module__errorBorder___bUMcB,
+.KIT__SetNewPassword-module__errorBorder___bUMcB label {
+  border-color: var(--input-border-red);
+  color: var(--input-border-red);
+}
+
 .KIT__SignInThird-module__wrapperReferralCopyContent___zr3MY {
   --semi-dark-gray: rgb(46, 58, 76);
   --third-primary-color: rgb(252, 212, 53);
@@ -4005,6 +4097,114 @@
 .KIT__AssignCurrency-module__wrapperAssignCurrency___c9iVW .KIT__AssignCurrency-module__marginB___ayRpt {
     margin-bottom: 0;
   }
+.KIT__InputCode-module__inputs___ruTGu {
+  display: flex;
+  gap: var(--indent-xs);
+}
+
+.KIT__InputCode-module__box___nOgRE {
+  --size: 50px;
+  width: 50px;
+  width: var(--size);
+  height: 50px;
+  height: var(--size);
+  border-radius: var(--border-m);
+  font-weight: 500;
+  line-height: 1.2;
+  color: var(--input-code-color);
+  background: var(--input-code-background);
+  text-align: center;
+}
+
+.KIT__InputCode-module__errorBorder___G94GS {
+  border: 1px solid var(--input-border-red);
+}
+
+.KIT__NumberConfirmarion-module__wrapperNumberConfirmation___qoaO4 {
+  justify-content: space-between;
+  gap: var(--indent-l);
+}
+.KIT__NumberConfirmarion-module__top___V4z9r {
+  gap: var(--indent-l);
+}
+
+.KIT__NumberConfirmarion-module__column___KYZbO {
+  display: flex;
+  flex-direction: column;
+}
+
+.KIT__NumberConfirmarion-module__center___WO4xE {
+  align-items: center;
+}
+.KIT__NumberConfirmarion-module__instructionImage___DjzjP {
+  width: 100%;
+}
+
+.KIT__NumberConfirmarion-module__enterDigits___pTefy {
+  color: var(--number-confirmation-enter-digits-color);
+  line-height: 1.2;
+  font-size: var(--font-size-s);
+}
+
+.KIT__NumberConfirmarion-module__time___xovKG {
+  color: var(--number-confirmation-time-color);
+  font-size: var(--font-size-xs);
+}
+
+.KIT__NumberConfirmarion-module__resendCode___PfiNb {
+  text-align: center;
+  font-size: var(--font-size-s);
+  color: var(--number-confirmation-resend-code-color);
+}
+
+.KIT__NumberConfirmarion-module__resendCode___PfiNb span {
+  color: var(--number-confirmation-resend-code-span-color);
+  font-weight: 600;
+}
+
+.KIT__EmailConfirmation-module__wrapperEmailConfirmation___IQart {
+  justify-content: space-between;
+  gap: var(--indent-l);
+}
+
+.KIT__EmailConfirmation-module__top___zY8CC {
+  gap: var(--indent-l);
+}
+
+.KIT__EmailConfirmation-module__column___D5rO9 {
+  display: flex;
+  flex-direction: column;
+}
+
+.KIT__EmailConfirmation-module__center___FtMMc {
+  align-items: center;
+}
+.KIT__EmailConfirmation-module__instructionImage___k0Np8 {
+  width: 100%;
+}
+
+.KIT__EmailConfirmation-module__enterDigits___Wo9lh {
+  color: var(--number-confirmation-enter-digits-color);
+  line-height: 1.2;
+  font-size: var(--font-size-s);
+}
+
+.KIT__EmailConfirmation-module__time___agyne {
+  color: var(--number-confirmation-time-color);
+  font-size: var(--font-size-xs);
+}
+
+.KIT__EmailConfirmation-module__resendCode___zy06h {
+  text-align: center;
+  font-size: var(--font-size-s);
+  color: var(--number-confirmation-resend-code-color);
+}
+
+.KIT__EmailConfirmation-module__resendCode___zy06h span {
+  color: var(--number-confirmation-resend-code-span-color);
+  font-weight: 600;
+}
+
 .KIT__Alert-module__wrapperModal___lOle6 {
   width: 100%;
   height: 100%;

package/package.json

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