react-gldn-kit 0.1.4 → 0.1.5

package/dist/lib/components/Modals/Alert/components/Auth/SignUp/components/Forms/Phone/index.js

@@ -1,129 +0,0 @@
-"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);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var CountrySelector_1 = __importDefault(require("../../CountrySelector"));
-var CurrencySelector_1 = __importDefault(require("../../CurrencySelector"));
-var PromoCode_1 = __importDefault(require("../../PromoCode"));
-var DocsCheckBox_1 = __importDefault(require("../DocsCheckBox"));
-var constants_1 = require("./constants");
-var SignUp_module_css_1 = __importDefault(require("../../../SignUp.module.css"));
-var store_1 = require("zustandStore/forms/signUp/store");
-var selectors_1 = require("zustandStore/forms/signUp/selectors");
-var useTranslate_1 = require("hooks/useTranslate");
-var constant_1 = require("components/ui/Inputs/BaseInput/constant");
-var store_2 = require("zustandStore/languages/store");
-var selectors_2 = require("zustandStore/languages/selectors");
-var BaseInput_1 = require("components/ui/Inputs/BaseInput");
-var BaseButton_1 = require("components/ui/Buttons/BaseButton");
-var PhoneInput_1 = __importDefault(require("components/ui/Inputs/PhoneInput"));
-var Phone = function (_a) {
-    var isSelected = _a.isSelected, _b = _a.withoutCode, withoutCode = _b === void 0 ? false : _b;
-    var setRegisteredLogin = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.setRegisteredLoginAction);
-    // const { sendCommand } = useTransportControllers();
-    var getText = (0, useTranslate_1.useTranslate)('', '').getText;
-    var _c = (0, react_1.useState)(''), phone = _c[0], setPhone = _c[1];
-    var _d = (0, react_1.useState)(withoutCode
-        ? {
-            value: '  ',
-            errorText: '',
-        }
-        : constant_1.DEFAULT_INPUT_VALUE), code = _d[0], setCode = _d[1];
-    var _e = (0, react_1.useState)(withoutCode), isRequestedCode = _e[0], setRequestedCodeState = _e[1];
-    var activeLang = (0, store_2.useZustandLanguagesKitStore)(selectors_2.languageSelectors.getActiveLanguageNameKitSelector);
-    var docs = {};
-    // useZustandWebConfiguration(getDocsSelector) || {};
-    var activeCountryId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCountryIdSelector);
-    var activeCurrencyId = (0, store_1.useZustandRegistrationKitStore)(selectors_1.zustandRegistrationKitSelector.getActiveCurrencyIdSelector);
-    var _f = (0, react_1.useState)(constant_1.DEFAULT_INPUT_VALUE), password = _f[0], setPassword = _f[1];
-    var _g = (0, react_1.useState)(isSelected), terms = _g[0], setTermsState = _g[1];
-    var isPhoneError = Boolean(!phone);
-    var isDisabledSubmitButton = (0, react_1.useMemo)(function () {
-        return Boolean(isPhoneError ||
-            !password.value ||
-            password.errorText ||
-            code.errorText ||
-            !code.value ||
-            !isRequestedCode ||
-            !activeCountryId ||
-            !activeCurrencyId ||
-            !terms);
-    }, [
-        isPhoneError,
-        password,
-        code,
-        isRequestedCode,
-        activeCountryId,
-        activeCurrencyId,
-        terms,
-    ]);
-    var _h = (0, react_1.useState)(''), promoCode = _h[0], setPromoCode = _h[1];
-    var handleIsRequested = function () {
-        setRequestedCodeState(true);
-    };
-    var handleChange = function (t) { return function (value) {
-        if (t === 'code') {
-            setCode({ value: value, errorText: '' });
-        }
-        if (t === 'password') {
-            setPassword({ value: value, errorText: '' });
-        }
-    }; };
-    var handleSubmitForm = function () {
-        if (!activeCountryId || !activeCurrencyId) {
-            return;
-        }
-        // const sendData = {
-        //   ...getRegistrationData({
-        //     currencyId: activeCurrencyId,
-        //     countryId: activeCountryId,
-        //     registrationType: withoutCode
-        //       ? RegistrationSubType.PhoneWithoutCode
-        //       : RegistrationSubType.Phone,
-        //     promoCode,
-        //     countryName: '', // TODO back not validate this value
-        //   }),
-        //   letter: 0,
-        //   login: phone,
-        //   email: '',
-        //   password: password.value,
-        //   sms: code.value,
-        //   requestId: ERequestIds.Registration,
-        // };
-        // setRegisteredLogin(phone);
-        // sendCommand('08x', sendData, true);
-    };
-    var handleToggleState = function () {
-        setTermsState(!terms);
-    };
-    var handleOpenDoc = function () {
-        if (!activeLang) {
-            return;
-        }
-        // TODO terms
-        // const link = docs[1]?.link.replace('[lang]', activeLang);
-        // if (!link) {
-        //   return;
-        // }
-        // openExternalLink(link, true);
-    };
-    var PHONE_PROPS = withoutCode
-        ? constants_1.PHONE_PROPS_WITHOUT_CONFIRMATION
-        : constants_1.PHONE_PROPS_WITH_CONFIRMATION;
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PhoneInput_1.default, __assign({}, PHONE_PROPS, { placeholder: "registrations.inputs.phone", size: "full", defaultValue: "+", onChange: setPhone, requestCallback: handleIsRequested, classesWrapper: SignUp_module_css_1.default.marginB, disabled: isRequestedCode, classes: SignUp_module_css_1.default.marginB })), !withoutCode && ((0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.code", size: "full", isHidePlaceholder: true, disabled: !isRequestedCode, onChange: handleChange('code'), classes: SignUp_module_css_1.default.marginB })), (0, jsx_runtime_1.jsx)(BaseInput_1.BaseInput, { placeholder: "registrations.inputs.password", size: "full", isHidePlaceholder: true, onChange: handleChange('password'), classes: SignUp_module_css_1.default.marginB }), (0, jsx_runtime_1.jsx)(PromoCode_1.default, { setPromoCode: setPromoCode }), (0, jsx_runtime_1.jsx)(CountrySelector_1.default, {}), (0, jsx_runtime_1.jsx)(CurrencySelector_1.default, { availableCurrencies: [] }), (0, jsx_runtime_1.jsx)(DocsCheckBox_1.default, { terms: terms, handleOpenDoc: handleOpenDoc, handleToggleState: handleToggleState }), (0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: getText('registrations.submitBtn'), disabled: isDisabledSubmitButton, color: "primary", handleClick: handleSubmitForm, size: "--button-full", centreText: true, buttonHeight: "--button-height-full", classes: SignUp_module_css_1.default.marginB })] }));
-};
-exports.default = Phone;