react-gldn-kit 0.1.81 → 0.1.83

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

@@ -42,8 +42,10 @@ var react_1 = require("react");
 var styles = __importStar(require("./AssignCurrency.module.css"));
 var PromoCode_1 = require("components/SignUp/PromoCode");
 var Buttons_1 = require("components/ui/Buttons");
+var selectors_1 = require("zustandStore/forms/signUp/selectors");
+var store_1 = require("zustandStore/forms/signUp/store");
 var AssignCurrency = function () {
-    var _a = (0, ModalContext_1.useHookProvider)(), useCurrencies = _a.useCurrencies, useCountryInfo = _a.useCountryInfo;
+    var _a = (0, ModalContext_1.useHookProvider)(), useCurrencies = _a.useCurrencies, useCountryInfo = _a.useCountryInfo, registrationLastStep = _a.registrationLastStep;
     var availableCurrencies = (0, useHookFabric_1.useHookFabric)({
         fn: useCurrencies,
     });
@@ -51,6 +53,10 @@ var AssignCurrency = function () {
         fn: useCountryInfo,
     });
     var _b = (0, react_1.useState)(''), promo = _b[0], setPromo = _b[1];
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperAssignCurrency }, { children: [(0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies || [], countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "T.Select", handleClick: console.info, size: "--button-full", buttonHeight: "--button-height-full", color: "primary", centreText: true, classes: styles.bigMargin })] })));
+    var activeCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCurrencyIdSelector);
+    var handlePrepareData = function () {
+        registrationLastStep({ promo: promo, currencyId: activeCurrencyId });
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperAssignCurrency }, { children: [(0, jsx_runtime_1.jsx)(CurrencySelector_1.CurrencySelector, { availableCurrencies: availableCurrencies || [], countryInfo: countryInfo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(PromoCode_1.RegistrationPromoCode, { setPromoCode: setPromo, classes: styles.marginB }), (0, jsx_runtime_1.jsx)(Buttons_1.BaseButton, { text: "T.Select", handleClick: handlePrepareData, size: "--button-full", buttonHeight: "--button-height-full", color: "primary", centreText: true, disabled: !activeCurrencyId, classes: styles.bigMargin })] })));
 };
 exports.default = AssignCurrency;

package/dist/lib/components/SignUpTypeTwo/PhoneBox/index.js

@@ -123,6 +123,7 @@ var PhoneBox = function (props) {
                 }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.relative }, { children: [(0, jsx_runtime_1.jsx)("input", { className: (0, classnames_1.default)(styles.input, (_a = {},
                             _a[styles.colorfulBorder] = phone.value,
                             _a[styles.errorBorder] = phone.errorText,
-                            _a)), pattern: "[0-9]", type: "text", value: phone.value, onChange: setPhoneValue, placeholder: countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask }), (countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask) && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.value }, { children: highlightXs((0, validation_1.replaceValueByMaskReturnMask)(countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask)(phone.value)) })))] })), !!phone.errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.errorText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: phone.errorText }) })))] })));
+                            _a[styles.highlightX] = !phone.value,
+                            _a)), pattern: "[0-9]", type: "text", value: phone.value, onChange: setPhoneValue, placeholder: countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask }), (countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask) && phone.value && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.value }, { children: highlightXs((0, validation_1.replaceValueByMaskReturnMask)(countryPhoneSettings === null || countryPhoneSettings === void 0 ? void 0 : countryPhoneSettings.mask)(phone.value)) })))] })), !!phone.errorText && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.errorText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: phone.errorText }) })))] })));
 };
 exports.default = PhoneBox;

package/dist/lib/context/logic/ModalContext.d.ts

@@ -7,6 +7,10 @@ type HookContextType = {
     useCurrencies: () => null | CurrencyInfo[];
     useCountryInfo: () => any;
     useGoogleAuth: () => any;
+    registrationLastStep: (data: {
+        promo: string;
+        currencyId: number;
+    }) => any;
     sendRegistrationCommand: (flow: ERegistrationFlow) => (key: string, data: any) => any;
     appType: EAppType;
 };

package/dist/main.css

@@ -1802,6 +1802,11 @@
   transition: 0.3s;
 }
 
+.KIT__PhoneBox-module__input___cViDI:focus {
+  position: relative;
+  z-index: var(--layout-lvl-1);
+}
+
 .KIT__PhoneBox-module__input___cViDI.KIT__PhoneBox-module__colorfulBorder___gnfjW {
   border-color: var(--input-filled-border-color);
 }

package/package.json

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