react-gldn-kit 0.1.101 → 0.1.103

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

@@ -159,12 +159,6 @@ var SignInThree = (0, react_1.lazy)(function () { return __awaiter(void 0, void
         }
     });
 }); });
-var LostPasswordThird = (0, react_1.lazy)(function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
-    switch (_a.label) {
-        case 0: return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./components/LostPassword/Third')); })];
-        case 1: return [2 /*return*/, _a.sent()];
-    }
-}); }); });
 var AssignCurrency = (0, react_1.lazy)(function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
     switch (_a.label) {
         case 0: return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('./components/AssignCurrency')); })];
@@ -233,8 +227,6 @@ var Alerts = function (props) {
                 return (0, jsx_runtime_1.jsx)(SignUpTypeThree, {});
             case types_1.EModalTypes.SignInThree:
                 return (0, jsx_runtime_1.jsx)(SignInThree, {});
-            case types_1.EModalTypes.LostPasswordThree:
-                return (0, jsx_runtime_1.jsx)(LostPasswordThird, {});
             case types_1.EModalTypes.AssignCurrency:
                 return (0, jsx_runtime_1.jsx)(AssignCurrency, {});
             case types_1.EModalTypes.LostPassword:
@@ -274,8 +266,13 @@ var Alerts = function (props) {
                 ((additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.title) || (0, shared_1.getModalTitle)(modalType)), closeButton: (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.preventClose) ? undefined : handleClose }, ((additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.popUpHeaderProps) || {})), { titleClasses: (0, classnames_1.default)((_a = {},
                 _a[styles.popUpDarkColor] = modalType === types_1.EModalTypes.SetNewPasswordThree,
                 _a[styles.popUpBlackColor] = (modalType === types_1.EModalTypes.SignIn ||
-                    modalType === types_1.EModalTypes.LostPassword) &&
+                    modalType === types_1.EModalTypes.LostPassword ||
+                    modalType === types_1.EModalTypes.EmailConfirmation ||
+                    modalType === types_1.EModalTypes.NumberConfirmation) &&
                     types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.BaseWhite,
+                _a[styles.popUpSemiDarkColor] = types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhiteYellow ||
+                    types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhiteBlue ||
+                    types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhitePurple,
                 _a)) }), classes: (0, classnames_1.default)(styles.wrapperModal, (_b = {},
             // [styles.modalOpenMobileAnimation]: isActiveModal && isMobile,
             // [styles.modalCloseMobileAnimation]: isCloseModal && isMobile,
@@ -292,9 +289,14 @@ var Alerts = function (props) {
             _c[styles.fullModal] = additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.isFullView,
             _c[styles.noBackground] = modalType === types_1.EModalTypes.SignUpTwo,
             _c[styles.thirdAuth] = modalType === types_1.EModalTypes.SignUpThree ||
-                modalType === types_1.EModalTypes.SignInThree ||
-                modalType === types_1.EModalTypes.SetNewPasswordThree,
-            _c[styles.thirdLostpassword] = modalType === types_1.EModalTypes.LostPasswordThree,
+                modalType === types_1.EModalTypes.SignInThree,
+            _c[styles.thirdLostpassword] = (modalType === types_1.EModalTypes.LostPassword ||
+                modalType === types_1.EModalTypes.NumberConfirmation ||
+                modalType === types_1.EModalTypes.EmailConfirmation ||
+                modalType === types_1.EModalTypes.SetNewPasswordThree) &&
+                (types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhiteYellow ||
+                    types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhiteBlue ||
+                    types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.WhitePurple),
             _c[styles.yellowSignUp] = (modalType === types_1.EModalTypes.SignIn ||
                 modalType === types_1.EModalTypes.SignUp ||
                 modalType === types_1.EModalTypes.LostPassword ||
@@ -303,7 +305,9 @@ var Alerts = function (props) {
             _c[styles.whiteSignUp] = (modalType === types_1.EModalTypes.SignIn ||
                 modalType === types_1.EModalTypes.SignUp ||
                 modalType === types_1.EModalTypes.LostPassword ||
-                modalType === types_1.EModalTypes.SetNewPassword) &&
+                modalType === types_1.EModalTypes.SetNewPassword ||
+                modalType === types_1.EModalTypes.NumberConfirmation ||
+                modalType === types_1.EModalTypes.EmailConfirmation) &&
                 types_2.ESignUpTheme[additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.registrationTheme] === types_2.ESignUpTheme.BaseWhite,
             _c)), modalContentClasses: (0, classnames_1.default)((_d = {},
             _d[styles.maxWidth] = modalType === types_1.EModalTypes.SignUpThree ||

package/dist/lib/components/Scratch/index.js

@@ -107,7 +107,7 @@ var Scratch = function (props) {
                 var _a;
                 return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.box, (_a = {},
                         _a[styles.scratched] = scratchedBoxes.includes(value),
-                        _a)), style: {
+                        _a), 'KIT_Scratch_scratch_box'), style: {
                         background: "url(".concat(backgroundScratchDone, ")"),
                         backgroundSize: '100% 100%',
                         backgroundPosition: 'center',

package/dist/lib/components/ui/Inputs/PhoneInput/components/PhoneView/index.d.ts

@@ -12,6 +12,7 @@ type Props = {
     classes?: string;
     name?: string;
     errorText?: string;
+    isThird?: boolean;
 };
 declare const PhoneView: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default PhoneView;

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

@@ -45,8 +45,8 @@ var Text_1 = require("components/Text");
 var validation_1 = require("service/validation");
 var styles = __importStar(require("./PhoneView.module.css"));
 var PhoneView = function (props) {
-    var _a, _b, _c;
-    var phone = props.phone, Flag = props.Flag, children = props.children, toggleValue = props.toggleValue, isOpened = props.isOpened, _d = props.mask, mask = _d === void 0 ? '' : _d, code = props.code, handleSetValue = props.handleSetValue, classes = props.classes, name = props.name, receivedErrorText = props.errorText;
+    var _a, _b, _c, _d;
+    var phone = props.phone, Flag = props.Flag, children = props.children, toggleValue = props.toggleValue, isOpened = props.isOpened, _e = props.mask, mask = _e === void 0 ? '' : _e, code = props.code, handleSetValue = props.handleSetValue, classes = props.classes, name = props.name, receivedErrorText = props.errorText, isThird = props.isThird;
     var value = phone.value, errorText = phone.errorText;
     var preparedMask = "".concat((0, validation_1.replaceCodeToMask)(code), " ").concat(mask) || '';
     var highlightXs = function (text) {
@@ -59,10 +59,12 @@ var PhoneView = function (props) {
             _a[styles.opened] = isOpened,
             _a[styles.borderColorfulRed] = receivedErrorText || errorText,
             _a[styles.mainInput] = toggleValue,
-            _a), classes) }, { children: [toggleValue && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.phoneText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "registrations.inputs.phone" }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.content }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.codeWrapper, (_b = {},
-                            _b[styles.column] = toggleValue,
-                            _b)) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.code, onClick: toggleValue !== null && toggleValue !== void 0 ? toggleValue : undefined }, { children: [(0, jsx_runtime_1.jsx)(Flag, {}), toggleValue && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.arrow }, { children: (0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowButton, {}) })))] })) })), name && (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.name }, { children: name })), (0, jsx_runtime_1.jsx)(BaseInputUi_1.BaseInputUi, __assign({ size: "full", placeholder: "", value: value, handleChange: handleSetValue, patternFn: (0, validation_1.replaceValueByMask)(mask), classes: (0, classnames_1.default)(styles.input), inputClasses: (0, classnames_1.default)((_c = {},
-                            _c[styles.inputText] = code !== '+',
-                            _c)), inputWrapperClasses: styles.inputWrapper, classesChildrenWrapper: styles.placeholder }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.value }, { children: highlightXs((0, validation_1.replaceValueByMaskReturnMask)(preparedMask)(value)) })) }))] }))] })));
+            _a), classes) }, { children: [toggleValue && !isThird && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.phoneText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "registrations.inputs.phone" }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.content, (_b = {},
+                    _b[styles.thirdType] = isThird,
+                    _b)) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.codeWrapper, (_c = {},
+                            _c[styles.column] = toggleValue,
+                            _c)) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.code, onClick: toggleValue !== null && toggleValue !== void 0 ? toggleValue : undefined }, { children: [(0, jsx_runtime_1.jsx)(Flag, {}), toggleValue && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.arrow }, { children: (0, jsx_runtime_1.jsx)(ArrowButton_1.ArrowButton, {}) })))] })) })), name && (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.name }, { children: name })), (0, jsx_runtime_1.jsx)(BaseInputUi_1.BaseInputUi, __assign({ size: "full", placeholder: "", value: value, handleChange: handleSetValue, patternFn: (0, validation_1.replaceValueByMask)(mask), classes: (0, classnames_1.default)(styles.input), inputClasses: (0, classnames_1.default)((_d = {},
+                            _d[styles.inputText] = code !== '+',
+                            _d)), inputWrapperClasses: styles.inputWrapper, classesChildrenWrapper: styles.placeholder }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.value }, { children: highlightXs((0, validation_1.replaceValueByMaskReturnMask)(preparedMask)(value)) })) }))] }))] })));
 };
 exports.default = PhoneView;

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

@@ -51,12 +51,12 @@ var MoreInfo_1 = __importDefault(require("components/Modals/Alert/components/Los
 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 selectors_1 = require("zustandStore/settings/selectors");
 var store_1 = require("zustandStore/settings/store");
+var styles = __importStar(require("./PhoneInput.module.css"));
 var PhoneInput = function (props) {
     var appType = (0, store_1.useZustandKitSettings)(selectors_1.getKitAppTypeSelector);
-    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, _c = props.isRecovery, isRecovery = _c === void 0 ? false : _c;
+    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, _c = props.isRecovery, isRecovery = _c === void 0 ? false : _c, inputLabelType = props.inputLabelType;
     var _d = (0, react_1.useState)(__assign(__assign({}, constant_1.DEFAULT_INPUT_VALUE), { value: '+' })), phone = _d[0], setPhone = _d[1];
     var _e = (0, react_1.useState)(false), isOpened = _e[0], setOpenState = _e[1];
     var _f = (0, react_1.useState)(false), isRequestedCode = _f[0], setRequestedCodeStatus = _f[1];
@@ -161,9 +161,9 @@ var PhoneInput = function (props) {
         onChange('');
     }, [phone, onChange]);
     var Flag = (countryPhoneSettings || {}).Flag;
-    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) {
+    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, isThird: inputLabelType === 'secondary' }, { 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 }) })))] })), 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 })) }))] })));
+                                }) })))] })), (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, { isThird: inputLabelType === 'secondary' }), 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/zustandStore/alerts/modal/types.d.ts

@@ -60,10 +60,9 @@ export declare enum EModalTypes {
     SetNewPassword = 54,
     SignUpThree = 55,
     SignInThree = 56,
-    LostPasswordThree = 57,
-    SetNewPasswordThree = 58,
-    NumberConfirmation = 59,
-    EmailConfirmation = 60,
+    SetNewPasswordThree = 57,
+    NumberConfirmation = 58,
+    EmailConfirmation = 59,
     AssignCurrency = "assign-currency"
 }
 export {};

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

@@ -63,9 +63,8 @@ var EModalTypes;
     EModalTypes[EModalTypes["SetNewPassword"] = 54] = "SetNewPassword";
     EModalTypes[EModalTypes["SignUpThree"] = 55] = "SignUpThree";
     EModalTypes[EModalTypes["SignInThree"] = 56] = "SignInThree";
-    EModalTypes[EModalTypes["LostPasswordThree"] = 57] = "LostPasswordThree";
-    EModalTypes[EModalTypes["SetNewPasswordThree"] = 58] = "SetNewPasswordThree";
-    EModalTypes[EModalTypes["NumberConfirmation"] = 59] = "NumberConfirmation";
-    EModalTypes[EModalTypes["EmailConfirmation"] = 60] = "EmailConfirmation";
+    EModalTypes[EModalTypes["SetNewPasswordThree"] = 57] = "SetNewPasswordThree";
+    EModalTypes[EModalTypes["NumberConfirmation"] = 58] = "NumberConfirmation";
+    EModalTypes[EModalTypes["EmailConfirmation"] = 59] = "EmailConfirmation";
     EModalTypes["AssignCurrency"] = "assign-currency";
 })(EModalTypes = exports.EModalTypes || (exports.EModalTypes = {}));

package/dist/lib/zustandStore/forms/signUp/types.d.ts

@@ -49,6 +49,8 @@ export declare enum ESignUpTheme {
     GrayTwo = "gray-two",
     Black = "black",
     BlackRed = "black-red",
+    BluePurple = "blue-purple",
+    SilverRed = "silver-red",
     BaseGreen = "base-green",
     BaseYellow = "base-yellow",
     BaseWhite = "base-white",

package/dist/lib/zustandStore/forms/signUp/types.js

@@ -28,6 +28,8 @@ var ESignUpTheme;
     ESignUpTheme["GrayTwo"] = "gray-two";
     ESignUpTheme["Black"] = "black";
     ESignUpTheme["BlackRed"] = "black-red";
+    ESignUpTheme["BluePurple"] = "blue-purple";
+    ESignUpTheme["SilverRed"] = "silver-red";
     ESignUpTheme["BaseGreen"] = "base-green";
     ESignUpTheme["BaseYellow"] = "base-yellow";
     ESignUpTheme["BaseWhite"] = "base-white";