\r\n
\r\n );\r\n};\r\n\r\nexport default Breadcrumb;\r\n","// IMPORT MODULES\r\nimport React from \"react\";\r\n\r\n// IMPORT IMAGES\r\nimport { ReactComponent as Spinner } from \"../../icons/loader.svg\";\r\n\r\nconst Loader = () => {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n {locale === \"TKM\" ? \"Baş sahypa\" : \"Главная\"}\r\n \r\n {image ? /
: \"\"}\r\n {link ? (\r\n \r\n\r\n 
\r\n
\r\n {linkTitle}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Loader;\r\n","var _path, _path2, _path3;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgInfoCircle(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 18,\n height: 18,\n viewBox: \"0 0 18 18\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9 18C4.03535 18 0 13.9647 0 9C0 4.03535 4.03535 0 9 0C13.9647 0 18 4.03535 18 9C18 13.9647 13.9647 18 9 18ZM9 1.25581C4.73023 1.25581 1.25581 4.73023 1.25581 9C1.25581 13.2698 4.73023 16.7442 9 16.7442C13.2698 16.7442 16.7442 13.2698 16.7442 9C16.7442 4.73023 13.2698 1.25581 9 1.25581Z\",\n fill: \"#FF0000\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8.99998 10.4651C8.65672 10.4651 8.37207 10.1805 8.37207 9.83721V5.65116C8.37207 5.30791 8.65672 5.02325 8.99998 5.02325C9.34323 5.02325 9.62788 5.30791 9.62788 5.65116V9.83721C9.62788 10.1805 9.34323 10.4651 8.99998 10.4651Z\",\n fill: \"#FF0000\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.0003 13.186C8.89146 13.186 8.78262 13.1609 8.68216 13.1191C8.58169 13.0772 8.4896 13.0186 8.40588 12.9432C8.33053 12.8595 8.27192 12.7758 8.23006 12.667C8.1882 12.5665 8.16309 12.4577 8.16309 12.3488C8.16309 12.24 8.1882 12.1312 8.23006 12.0307C8.27192 11.9302 8.33053 11.8381 8.40588 11.7544C8.4896 11.6791 8.58169 11.6205 8.68216 11.5786C8.88309 11.4949 9.1175 11.4949 9.31843 11.5786C9.4189 11.6205 9.51099 11.6791 9.59471 11.7544C9.67006 11.8381 9.72867 11.9302 9.77053 12.0307C9.81239 12.1312 9.8375 12.24 9.8375 12.3488C9.8375 12.4577 9.81239 12.5665 9.77053 12.667C9.72867 12.7758 9.67006 12.8595 9.59471 12.9432C9.51099 13.0186 9.4189 13.0772 9.31843 13.1191C9.21797 13.1609 9.10913 13.186 9.0003 13.186Z\",\n fill: \"#FF0000\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgInfoCircle);\nexport default __webpack_public_path__ + \"static/media/info-circle.62b77f59962b475a4eeade94b0004505.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgNull(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 18,\n height: 18,\n viewBox: \"0 0 18 18\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9 18C4.03535 18 0 13.9647 0 9C0 4.03535 4.03535 0 9 0C13.9647 0 18 4.03535 18 9C18 13.9647 13.9647 18 9 18ZM9 1.25581C4.73023 1.25581 1.25581 4.73023 1.25581 9C1.25581 13.2698 4.73023 16.7442 9 16.7442C13.2698 16.7442 16.7442 13.2698 16.7442 9C16.7442 4.73023 13.2698 1.25581 9 1.25581Z\",\n fill: \"#3A3A3A\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.6307 11.9972C6.47163 11.9972 6.31256 11.9386 6.18698 11.813C5.94419 11.5702 5.94419 11.1684 6.18698 10.9256L10.9256 6.18696C11.1684 5.94417 11.5702 5.94417 11.813 6.18696C12.0558 6.42975 12.0558 6.83161 11.813 7.0744L7.07442 11.813C6.95721 11.9386 6.78977 11.9972 6.6307 11.9972Z\",\n fill: \"#3A3A3A\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.3693 11.9972C11.2102 11.9972 11.0512 11.9386 10.9256 11.813L6.18698 7.0744C5.94419 6.83161 5.94419 6.42975 6.18698 6.18696C6.42977 5.94417 6.83163 5.94417 7.07442 6.18696L11.813 10.9256C12.0558 11.1684 12.0558 11.5702 11.813 11.813C11.6874 11.9386 11.5284 11.9972 11.3693 11.9972Z\",\n fill: \"#3A3A3A\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgNull);\nexport default __webpack_public_path__ + \"static/media/null.0640a8ee3f1ea92e0895e3427448befd.svg\";\nexport { ForwardRef as ReactComponent };","// IMPORT MODULES\r\nimport React, { useContext } from \"react\";\r\nimport { UserContext } from \"../backend/UserContext\";\r\nimport { LanguageContext } from \"../backend/LanguageContext\";\r\n\r\n// IMPORT COMPONENTS\r\nimport Breadcrumb from \"../components/global/Breadcrumb\";\r\nimport Loader from \"../components/global/Loader\";\r\n\r\n// IMPORT IMAGES\r\nimport allert from \"../icons/info-circle.svg\";\r\nimport nul from \"../icons/null.svg\";\r\n\r\nconst Base = () => {\r\n const { locale } = useContext(LanguageContext);\r\n const { user } = useContext(UserContext);\r\n return (\r\n \r\n
\r\n \r\n \r\n {locale === \"TKM\" ? \"Hoş geldiňiz\" : \"Добро пожаловать\"},{\" \"}\r\n \r\n {user ? (\r\n user.name ? (\r\n `${user.name} ${user.surname}`\r\n ) : (\r\n
\r\n
\r\n \r\n {locale === \"TKM\" ? \"Hoş geldiňiz\" : \"Добро пожаловать\"},{\" \"}\r\n \r\n {user ? (\r\n user.name ? (\r\n `${user.name} ${user.surname}`\r\n ) : (\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | ID | \r\n{locale === \"TKM\" ? \"Görnüşi\" : \"Тип\"} | \r\n{locale === \"TKM\" ? \"Senesi\" : \"Дата\"} | \r\n{locale === \"TKM\" ? \"Ýagdaýy\" : \"Статус\"} | \r\n{locale === \"TKM\" ? \"Amal\" : \"Действие\"} | \r\n
|---|---|---|---|---|
| #{el.id} | \r\n{el.type} | \r\n{el.date} | \r\n\r\n {el.status === \"5\" ? (\r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n {el.action}\r\n | \r\n |
| \r\n {locale === \"TKM\"\r\n ? \"Tabşyrlan ýüzlenme ýok\"\r\n : \"Заявок нет\"}\r\n | \r\n\r\n | \r\n | \r\n | \r\n |
| \r\n {locale === \"TKM\"\r\n ? \"Tabşyrlan ýüzlenme ýok\"\r\n : \"Заявок на карты нет\"}\r\n | \r\n\r\n | \r\n | \r\n | \r\n |
| #{el.id} | \r\n{el.selected_card} | \r\n{el.date} | \r\n\r\n {el.status === \"5\" ? (\r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n {el.action}\r\n | \r\n
\r\n {\r\n setIsOpen(!isOpen);\r\n }}\r\n />\r\n \r\n {items.map((item, i) => {\r\n return (\r\n {\r\n setInput(item);\r\n }}\r\n >\r\n {item}\r\n \r\n );\r\n })}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CustomSelect;\r\n","var _path, _path2;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgNext(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n viewBox: \"0 0 16 16\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8 16C3.58698 16 0 12.413 0 8C0 3.58698 3.58698 0 8 0C12.413 0 16 3.58698 16 8C16 12.413 12.413 16 8 16ZM8 1.11628C4.20465 1.11628 1.11628 4.20465 1.11628 8C1.11628 11.7953 4.20465 14.8837 8 14.8837C11.7953 14.8837 14.8837 11.7953 14.8837 8C14.8837 4.20465 11.7953 1.11628 8 1.11628Z\",\n fill: \"white\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.06214 11.1851C6.92074 11.1851 6.77935 11.1331 6.66772 11.0214C6.45191 10.8056 6.45191 10.4484 6.66772 10.2326L8.90028 8.00003L6.66772 5.76747C6.45191 5.55166 6.45191 5.19445 6.66772 4.97863C6.88353 4.76282 7.24074 4.76282 7.45656 4.97863L10.0835 7.60561C10.2993 7.82142 10.2993 8.17863 10.0835 8.39445L7.45656 11.0214C7.34493 11.1331 7.20353 11.1851 7.06214 11.1851Z\",\n fill: \"white\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgNext);\nexport default __webpack_public_path__ + \"static/media/next.c5d0814e63d8a16171e959fc3c541ff0.svg\";\nexport { ForwardRef as ReactComponent };","// IMPORT MODULES\r\nimport React, { useState, useEffect, useContext } from \"react\";\r\nimport { LanguageContext } from \"../../backend/LanguageContext\";\r\n\r\n// IMPORT COMPONENTS\r\nimport CustomSelect from \"../global/CustomSelect\";\r\n\r\n// IMPORT IMAGES\r\nimport credit from \"../../images/credit-card.jpg\";\r\nimport next from \"../../icons/next.svg\";\r\n\r\nconst CardStage1 = ({ setStage, data, setData, cardData, req, setReq }) => {\r\n const { locale } = useContext(LanguageContext);\r\n const [price, setPrice] = useState(0);\r\n const [input, setInput] = useState(\r\n data.selected_card ? data.selected_card : false\r\n );\r\n const [inputValid, setInputValid] = useState(\r\n data.selected_card_localized ? data.selected_card_localized : false\r\n );\r\n const [id, setId] = useState(1);\r\n const [img, setImg] = useState(credit);\r\n useEffect(() => {\r\n if (inputValid !== \"\" && cardData) {\r\n cardData.data.map((el) => {\r\n if (\r\n Object.values(el).includes(inputValid) ||\r\n Object.values(JSON.parse(el.translations[0].attribute_data)).includes(\r\n inputValid\r\n )\r\n ) {\r\n setId(el.id);\r\n setPrice(el.card_cost);\r\n setReq({\r\n ...req,\r\n TKM: el.documents,\r\n rus: JSON.parse(el.translations[0].attribute_data).documents,\r\n });\r\n }\r\n });\r\n }\r\n }, [inputValid]);\r\n\r\n useEffect(() => {\r\n if (cardData) {\r\n cardData.data.map((el) => {\r\n if (el.id === id) {\r\n setImg(el.image.path);\r\n setInput(el.name);\r\n }\r\n });\r\n }\r\n }, [id]);\r\n return (\r\n \r\n 
\r\n
\r\n \r\n
\r\n - \r\n
- \r\n
{locale === \"TKM\" ? \"Familiýasy\" : \"Фамилия\"}:
\r\n{data.surname ? data.surname : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Ady\" : \"Имя\"}:
\r\n{data.name ? data.name : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Atasynyň ady\" : \"Отчество\"}:
\r\n{data.middlename ? data.middlename : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Doglan senesi\" : \"Дата рождения\"}:
\r\n{data.birthdate ? reformatDate(data.birthdate) : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Mobil telefon\" : \"Мобильный телефон\"}:
\r\n{data.phone_number ? data.phone_number : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Öý telefon\" : \"Домашний телефон\"}:
\r\n{data.home_phone_number ? data.home_phone_number : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Email\" : \"Эл. адрес\"}:
\r\n{data.email ? data.email : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"SMS-birikdirme\" : \"SMS - подключение\"}:
\r\n\r\n {locale === \"TKM\"\r\n ? data.sms_notification\r\n ? \"Hawa\"\r\n : \"Ýok\"\r\n : data.sms_notification\r\n ? \"Да\"\r\n : \"Нет\"}\r\n
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Pasportyň seriýasy\"\r\n : \"Серия и номер паспорта\"}\r\n :\r\n
\r\n{data.passport_series ? data.passport_series : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Pasport kim tarapyndan berildi\"\r\n : \"Кем выдан паспорт\"}\r\n :\r\n
\r\n{data.passport_by ? data.passport_by : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Ýaşaýan salgysy\" : \"Адрес прописки\"}:
\r\n{data.place_of_residence ? data.place_of_residence : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Welaýat\" : \"Регион\"}:
\r\n{data.region ? data.region : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Filial\" : \"Филиал\"}:
\r\n{data.branch ? data.branch : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Banka gelmek gününi saýlaň\"\r\n : \"Дата прихода в банк\"}\r\n :\r\n
\r\n\r\n {data.date_arrival_bank\r\n ? reformatDate(data.date_arrival_bank)\r\n : \"-\"}\r\n
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Saýlanan wagt\" : \"Выбранное время\"}:
\r\n{data.selected_time ? data.selected_time : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Gizlin söz\" : \"Кодовое слово\"}:
\r\n{data.the_codeword ? data.the_codeword : \"-\"}
\r\n \r\n
\r\n {\r\n setStage(4);\r\n }}\r\n >\r\n {\r\n setLoader(true);\r\n setModalOpen(false);\r\n sendRequestCard(postUrl, token, data, setProgress);\r\n }}\r\n >\r\n
\r\n \r\n {\r\n setStage(4);\r\n }}\r\n >\r\n {locale === \"TKM\" ? \"Redaktirlemek\" : \"Редактировать\"}\r\n \r\n
\r\n \r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n {locale === \"TKM\" ? \"Tassyklaýaryn\" : \"Подтверждаю\"}
\r\n\r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n setModalOpen(false);\r\n }}\r\n >\r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Kart almak üçin onlaýn-ýüzlenme\"\r\n : \"Онлайн-заявка для получения карты\"}\r\n
\r\n\r\n 
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Kartyň görnüşini saýlaň\"\r\n : \"Выберите вид карты\"}\r\n
\r\n 1 ? \"line-block active\" : \"line-block\"}>\r\n
\r\n 1 ? \"icon-block active\" : \"icon-block\"}>\r\n
\r\n \r\n {locale === \"TKM\" ? \"Şahsy maglumatlar\" : \"Личные данные\"}\r\n
\r\n 2 ? \"line-block active\" : \"line-block\"}>\r\n
\r\n 2 ? \"icon-block active\" : \"icon-block\"}>\r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Kart üçin maglumatlar\"\r\n : \"Данные для карты\"}\r\n
\r\n 3 ? \"line-block active\" : \"line-block\"}>\r\n
\r\n 3 ? \"icon-block active\" : \"icon-block\"}>\r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Talaplar we resminamalar\"\r\n : \"Требования и документы\"}\r\n
\r\n 4 ? \"line-block active\" : \"line-block\"}>\r\n
\r\n 4 ? \"icon-block active\" : \"icon-block\"}>\r\n
\r\n \r\n {locale === \"TKM\" ? \"Ugratmak\" : \"Отправка\"}\r\n
\r\n 5 ? \"line-block active\" : \"line-block\"}>\r\n
\r\n 5 ? \"icon-block active\" : \"icon-block\"}>\r\n
\r\n \r\n {locale === \"TKM\" ? \"Töleg\" : \"Оплата\"}\r\n
\r\n\r\n {stage === 1 ? (\r\n
\r\n \r\n
\r\n ) : stage === 2 ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Kartyň görnüşini saýlaň\"\r\n : \"Выберите вид карты\"}\r\n
\r\n\r\n
\r\n ) : stage === 3 ? (\r\n \r\n {locale === \"TKM\" ? \"Şahsy maglumatlar\" : \"Личные данные\"}\r\n
\r\n\r\n
\r\n ) : stage === 4 ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Kart üçin maglumatlar\"\r\n : \"Данные для карты\"}\r\n
\r\n\r\n
\r\n ) : stage === 5 ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Talaplar we resminamalar\"\r\n : \"Требования и документы\"}\r\n
\r\n\r\n
\r\n ) : stage === 6 ? (\r\n \r\n {locale === \"TKM\" ? \"Ugratmak\" : \"Отправка\"}\r\n
\r\n\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n {locale === \"TKM\" ? \"Töleg\" : \"Оплата\"}\r\n
\r\n\r\n {stage === 1 ? (\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Success;\r\n","import { useState, useEffect } from \"react\";\r\n\r\nconst useMediaQuery = (query) => {\r\n const [matches, setMatches] = useState(false);\r\n\r\n useEffect(() => {\r\n const media = window.matchMedia(query);\r\n if (media.matches !== matches) {\r\n setMatches(media.matches);\r\n }\r\n const listener = () => setMatches(media.matches);\r\n window.addEventListener(\"resize\", listener);\r\n return () => window.removeEventListener(\"resize\", listener);\r\n }, [matches, query]);\r\n\r\n return matches;\r\n};\r\n\r\nexport default useMediaQuery;\r\n","// IMPORT MODULES\r\nimport React, { useContext } from \"react\";\r\nimport { LanguageContext } from \"../../backend/LanguageContext\";\r\nimport useMediaQuery from \"../../hooks/useMediaQuery\";\r\n\r\n// IMPORT IMAGES\r\nimport { ReactComponent as Spinner } from \"../../icons/loader.svg\";\r\n\r\nconst ProgressLoader = ({ progress }) => {\r\n const { locale } = useContext(LanguageContext);\r\n const mobile = useMediaQuery(\"max-width: 340px\");\r\n return (\r\n \r\n
\r\n {message}
\r\n {setError ? (\r\nsetError(false)} id=\"back\">\r\n {locale === \"TKM\" ? \"Saýta geç\" : \"Вернуться на сайт\"}\r\n
\r\n ) : (\r\n \r\n {locale === \"TKM\" ? \"Saýta geç\" : \"Вернуться на сайт\"}\r\n \r\n )}\r\n\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ProgressLoader;\r\n","// IMPORT MODULES\r\nimport React, { useContext } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { LanguageContext } from \"../../backend/LanguageContext\";\r\n\r\n// IMPORT IMAGES\r\nimport error from \"../../images/error-cross.png\";\r\n\r\nconst Error = ({ message, setError }) => {\r\n const { locale } = useContext(LanguageContext);\r\n return (\r\n \r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Siziň faýllaryňyz ýüklenilýär\"\r\n : \"Загрузка ваших файлов\"}\r\n
\r\n{Math.floor(progress * 100)}%
\r\n\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Error;\r\n","var _path, _path2, _path3, _path4, _path5;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgCardBlack(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 18,\n height: 16,\n viewBox: \"0 0 18 16\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.8605 9.1159H0.627907C0.284651 9.1159 0 8.83693 0 8.50052C0 8.16411 0.284651 7.88513 0.627907 7.88513H14.8605C15.2037 7.88513 15.4884 8.16411 15.4884 8.50052C15.4884 8.83693 15.2037 9.1159 14.8605 9.1159Z\",\n fill: \"#3A3A3A\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.6958 16H3.79258C0.920955 16 0 15.1056 0 12.3241V6.58868C0 4.3815 0.510716 3.07688 3.10607 2.92919C3.32374 2.92099 3.54979 2.91278 3.79258 2.91278H11.6958C14.5674 2.91278 15.4884 3.80714 15.4884 6.58868V12.4554C15.4549 15.1384 14.5339 16 11.6958 16ZM3.79258 4.14355C3.56654 4.14355 3.35723 4.15176 3.16468 4.15996C1.66607 4.25022 1.25581 4.56201 1.25581 6.58868V12.3241C1.25581 14.4246 1.60747 14.7692 3.79258 14.7692H11.6958C13.8558 14.7692 14.2074 14.441 14.2326 12.4471V6.58868C14.2326 4.48817 13.8809 4.14355 11.6958 4.14355H3.79258Z\",\n fill: \"#3A3A3A\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.8604 13.0708C14.7014 13.0708 14.5423 13.0133 14.4335 12.9067C14.3079 12.7918 14.2325 12.6277 14.2325 12.4554V6.58872C14.2325 4.48821 13.8809 4.14359 11.6958 4.14359H3.79255C3.56651 4.14359 3.3572 4.1518 3.16464 4.16C2.9972 4.16821 2.82972 4.10257 2.70414 3.9877C2.57856 3.87282 2.5116 3.70872 2.5116 3.53641C2.54509 0.86154 3.46604 0 6.30418 0H14.2074C17.079 0 18 0.894359 18 3.6759V9.41129C18 11.6185 17.4893 12.9231 14.8939 13.0708C14.8855 13.0708 14.8688 13.0708 14.8604 13.0708ZM3.79255 2.91282H11.6958C14.5674 2.91282 15.4883 3.80718 15.4883 6.58872V11.7744C16.4595 11.6021 16.7442 11.1098 16.7442 9.41129V3.6759C16.7442 1.57539 16.3925 1.23077 14.2074 1.23077H6.30418C4.39534 1.23077 3.90139 1.48513 3.79255 2.91282Z\",\n fill: \"#3A3A3A\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.7807 13.3826H3.34068C2.99742 13.3826 2.71277 13.1037 2.71277 12.7672C2.71277 12.4308 2.99742 12.1519 3.34068 12.1519H4.7807C5.12396 12.1519 5.40861 12.4308 5.40861 12.7672C5.40861 13.1037 5.13233 13.3826 4.7807 13.3826Z\",\n fill: \"#3A3A3A\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.4603 13.3826H6.5803C6.23704 13.3826 5.95239 13.1037 5.95239 12.7672C5.95239 12.4308 6.23704 12.1519 6.5803 12.1519H9.4603C9.80356 12.1519 10.0882 12.4308 10.0882 12.7672C10.0882 13.1037 9.81193 13.3826 9.4603 13.3826Z\",\n fill: \"#3A3A3A\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgCardBlack);\nexport default __webpack_public_path__ + \"static/media/card-black.7a81177f3df2bb995ccdc030dc4df70d.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgAdd(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n viewBox: \"0 0 16 16\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.9767 8.55814H5.02323C4.71811 8.55814 4.46509 8.30512 4.46509 8C4.46509 7.69489 4.71811 7.44186 5.02323 7.44186H10.9767C11.2818 7.44186 11.5349 7.69489 11.5349 8C11.5349 8.30512 11.2818 8.55814 10.9767 8.55814Z\",\n fill: \"white\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8.00003 11.5349C7.69492 11.5349 7.44189 11.2819 7.44189 10.9767V5.02326C7.44189 4.71814 7.69492 4.46512 8.00003 4.46512C8.30515 4.46512 8.55817 4.71814 8.55817 5.02326V10.9767C8.55817 11.2819 8.30515 11.5349 8.00003 11.5349Z\",\n fill: \"white\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.2326 16H5.76744C1.72651 16 0 14.2735 0 10.2326V5.76744C0 1.72651 1.72651 0 5.76744 0H10.2326C14.2735 0 16 1.72651 16 5.76744V10.2326C16 14.2735 14.2735 16 10.2326 16ZM5.76744 1.11628C2.33674 1.11628 1.11628 2.33674 1.11628 5.76744V10.2326C1.11628 13.6633 2.33674 14.8837 5.76744 14.8837H10.2326C13.6633 14.8837 14.8837 13.6633 14.8837 10.2326V5.76744C14.8837 2.33674 13.6633 1.11628 10.2326 1.11628H5.76744Z\",\n fill: \"white\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgAdd);\nexport default __webpack_public_path__ + \"static/media/add.d58e10ed4ce768ca68761ef1e962a4b0.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3, _path4, _path5;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgCredit1(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 30,\n height: 30,\n viewBox: \"0 0 30 30\",\n fill: \"\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M21.9767 30H15C14.4279 30 13.9535 29.5258 13.9535 28.9539C13.9535 28.382 14.4279 27.9078 15 27.9078H21.9767C25.5767 27.9078 27.907 25.5785 27.907 21.98V15.0061C27.907 11.8121 25.9256 9.42701 22.9674 9.07831H21.9767H8.02326C7.63256 9.07831 7.49303 9.07831 7.24186 9.162C7.1721 9.18989 7.10233 9.20388 7.03256 9.20388C3.94884 9.56652 2.09302 11.7284 2.09302 15.0061V16.4009C2.09302 16.9728 1.6186 17.447 1.04651 17.447C0.474419 17.447 0 16.9728 0 16.4009V15.0061C0 10.7381 2.62326 7.65562 6.68372 7.13955C7.21395 6.98612 7.60465 6.98615 8.02326 6.98615H23.093C27.2791 7.47432 30 10.6963 30 15.0061V21.98C30 26.7781 26.7767 30 21.9767 30Z\",\n fill: \"\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.90695 9.21775C6.62788 9.21775 6.36277 9.10621 6.16742 8.91094C5.88835 8.63198 5.79067 8.21352 5.91625 7.83693C6.13951 7.18138 6.54416 6.77695 7.00462 6.31667L11.4558 1.72779C13.7581 -0.573592 17.6372 -0.573606 19.9256 1.71383L22.4372 4.2245C23.3581 5.14506 23.9442 6.41424 24.1256 7.90665C24.1674 8.19956 24.0697 8.50644 23.8744 8.72961C23.6791 8.95277 23.386 9.0783 23.093 9.0783H8.02323C7.63254 9.0783 7.49301 9.0783 7.24184 9.16199C7.13021 9.20383 7.01858 9.21775 6.90695 9.21775ZM9.26509 6.98614H21.7674C21.6 6.53981 21.3349 6.0935 20.9581 5.70296L18.4465 3.19238C16.9535 1.69997 14.4418 1.69997 12.9488 3.19238L9.26509 6.98614Z\",\n fill: \"\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M28.9539 22.3287H24.7679C22.6469 22.3287 20.9307 20.6131 20.9307 18.4931C20.9307 16.373 22.6469 14.6574 24.7679 14.6574H28.9539C29.526 14.6574 30.0004 15.1316 30.0004 15.7035C30.0004 16.2754 29.526 16.7496 28.9539 16.7496H24.7679C23.8051 16.7496 23.0237 17.5307 23.0237 18.4931C23.0237 19.4554 23.8051 20.2365 24.7679 20.2365H28.9539C29.526 20.2365 30.0004 20.7107 30.0004 21.2826C30.0004 21.8545 29.526 22.3287 28.9539 22.3287Z\",\n fill: \"\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.34904 29.1632C3.30718 29.1632 0.837402 26.6944 0.837402 23.6538C0.837402 20.6132 3.30718 18.1444 6.34904 18.1444C9.3909 18.1444 11.8607 20.6132 11.8607 23.6538C11.8607 26.6944 9.3909 29.1632 6.34904 29.1632ZM6.34904 20.2365C4.46532 20.2365 2.93043 21.7708 2.93043 23.6538C2.93043 25.5367 4.46532 27.071 6.34904 27.071C8.23276 27.071 9.76764 25.5367 9.76764 23.6538C9.76764 21.7708 8.23276 20.2365 6.34904 20.2365Z\",\n fill: \"\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1.04644 29.9999C0.781323 29.9999 0.516209 29.9024 0.306906 29.6931C-0.0977448 29.2887 -0.0977448 28.6191 0.306906 28.2146L1.70226 26.8198C2.10691 26.4153 2.77667 26.4153 3.18132 26.8198C3.58597 27.2243 3.58597 27.8939 3.18132 28.2984L1.78597 29.6931C1.57667 29.9024 1.31156 29.9999 1.04644 29.9999Z\",\n fill: \"\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgCredit1);\nexport default __webpack_public_path__ + \"static/media/credit1.1726f5da5f65ca85d0201ffa20afc388.svg\";\nexport { ForwardRef as ReactComponent };","// IMPORT MODULES\r\nimport React, { useState, useEffect, useContext } from \"react\";\r\nimport { UserContext } from \"../backend/UserContext\";\r\nimport { LanguageContext } from \"../backend/LanguageContext\";\r\n\r\n// IMPORT COMPONENTS\r\nimport Breadcrumb from \"../components/global/Breadcrumb\";\r\nimport ModalForm from \"../components/cards/ModalForm\";\r\nimport Success from \"../components/global/Success\";\r\nimport ProgressLoader from \"../components/global/ProgressLoader\";\r\nimport Error from \"../components/global/Error\";\r\n\r\n// IMPORT IMAGES\r\nimport card from \"../icons/card-black.svg\";\r\nimport add from \"../icons/add.svg\";\r\nimport allert from \"../icons/info-circle.svg\";\r\n\r\nconst Cards = () => {\r\n const { locale } = useContext(LanguageContext);\r\n const [error, setError] = useState(false);\r\n const [success, setSuccess] = useState(false);\r\n const { user } = useContext(UserContext);\r\n const [loader, setLoader] = useState(false);\r\n const [modalOpen, setModalOpen] = useState(false);\r\n const [progress, setProgress] = useState(0);\r\n const [stage, setStage] = useState(1);\r\n useEffect(() => {\r\n if (modalOpen) {\r\n document.body.style.overflowY = \"hidden\";\r\n } else {\r\n document.body.style.overflowY = \"visible\";\r\n }\r\n }, [modalOpen]);\r\n return (\r\n \r\n 
\r\n
\r\n {message}
\r\n {setError ? (\r\nsetError(false)} id=\"back\">\r\n {locale === \"TKM\" ? \"Saýta geç\" : \"Вернуться на сайт\"}\r\n
\r\n ) : (\r\n \r\n {locale === \"TKM\" ? \"Saýta geç\" : \"Вернуться на сайт\"}\r\n \r\n )}\r\n\r\n
\r\n \r\n
\r\n \r\n {\r\n setModalOpen(true);\r\n setStage(1);\r\n }}\r\n >\r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Kart almak üçin onlaýn-ýüzlenme\"\r\n : \"Онлайн-заявка для получения карты\"}\r\n
\r\n\r\n 
\r\n
\r\n \r\n {locale === \"TKM\" ? \"Ýüzlenme doldurmak\" : \"Заполнить заявку\"}\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n | ID | \r\n{locale === \"TKM\" ? \"Görnüşi\" : \"Тип\"} | \r\n{locale === \"TKM\" ? \"Senesi\" : \"Дата\"} | \r\n{locale === \"TKM\" ? \"Ýagdaýy\" : \"Статус\"} | \r\n{locale === \"TKM\" ? \"Amal\" : \"Действие\"} | \r\n
|---|---|---|---|---|
| #{el.id} | \r\n{el.selected_card} | \r\n{el.date} | \r\n\r\n {el.status === \"5\" ? (\r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n {el.action}\r\n | \r\n |
| \r\n {locale === \"TKM\"\r\n ? \"Tabşyrlan ýüzlenme ýok\"\r\n : \"Заявок на карты нет\"}\r\n | \r\n\r\n | \r\n | \r\n | \r\n |
| \r\n {locale === \"TKM\"\r\n ? \"Tabşyrlan ýüzlenme ýok\"\r\n : \"Заявок на карты нет\"}\r\n | \r\n\r\n | \r\n | \r\n | \r\n |
\r\n
\r\n - \r\n
- \r\n
{locale === \"TKM\" ? \"Familiýasy\" : \"Фамилия\"}:
\r\n{data.surname ? data.surname : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Ady\" : \"Имя\"}:
\r\n{data.name ? data.name : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Atasynyň ady\" : \"Отчество\"}:
\r\n{data.fathers ? data.fathers : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Doglan senesi\" : \"Дата рождения\"}:
\r\n{data.birth ? reformatDate(data.birth) : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Mobil telefon\" : \"Мобильный телефон\"}:
\r\n{data.mobile ? data.mobile : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Öý telefon\" : \"Домашний телефон\"}:
\r\n{data.home ? data.home : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Email\" : \"Эл. адрес\"}:
\r\n{data.email ? data.email : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Pasportyň seriýasy we belgisi\"\r\n : \"Серия и номер паспорта\"}\r\n :\r\n
\r\n{data.passport ? data.passport : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\" ? \"Pasportyň berlen ýeri\" : \"Кем выдан паспорт\"}\r\n :\r\n
\r\n{data.p_address ? data.p_address : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Ýaşaýan salgysy\" : \"Адрес прописки\"}:
\r\n{data.address ? data.address : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Welaýat\" : \"Регион\"}:
\r\n{data.region ? data.region : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Filial\" : \"Филиал\"}:
\r\n{data.branch ? data.branch : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Iş ýeri\" : \"Место работы\"}:
\r\n{data.workplace ? data.workplace : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Aýlyk haky\" : \"Сумма зарплаты\"}:
\r\n{data.salary ? data.salary : \"-\"}
\r\n \r\n - \r\n
{locale === \"TKM\" ? \"Wezipesi\" : \"Должность\"}:
\r\n{data.position ? data.position : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Soňky iş ýeri boýunça tejribe\"\r\n : \"Стаж с последнего места работы\"}\r\n :\r\n
\r\n{data.exp ? data.exp : \"-\"}
\r\n \r\n
\r\n {\r\n setStage(5);\r\n }}\r\n >\r\n {\r\n setModalOpen(false);\r\n setLoader(true);\r\n sendRequest(\r\n postUrl,\r\n token,\r\n data,\r\n () => {\r\n setSuccess(true);\r\n setTimeout(() => {\r\n getUserInfo(getUrl, token, setUser, () => null);\r\n }, 2000);\r\n },\r\n setLoader,\r\n setError,\r\n setProgress\r\n );\r\n }}\r\n >\r\n
\r\n \r\n {\r\n setStage(5);\r\n }}\r\n >\r\n {locale === \"TKM\" ? \"Redaktirlemek\" : \"Редактировать\"}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {locale === \"TKM\" ? \"Tassyklaýaryn\" : \"Подтверждаю\"}
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default CreditModal;\r\n","var _path, _path2, _path3, _path4, _path5;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgCreditBlack(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 18,\n height: 16,\n viewBox: \"0 0 18 16\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.74375 16C2.83975 16 1.27979 14.616 1.27979 12.912V11.28C1.27979 10.952 1.55179 10.68 1.87979 10.68C2.20779 10.68 2.47979 10.952 2.47979 11.28C2.47979 12.28 3.44775 13.032 4.74375 13.032C6.03975 13.032 7.00776 12.28 7.00776 11.28C7.00776 10.952 7.27976 10.68 7.60776 10.68C7.93576 10.68 8.20776 10.952 8.20776 11.28V12.912C8.20776 14.616 6.65575 16 4.74375 16ZM2.68774 13.696C3.03974 14.352 3.83175 14.8 4.74375 14.8C5.65575 14.8 6.44776 14.344 6.79976 13.696C6.23176 14.04 5.52775 14.24 4.74375 14.24C3.95975 14.24 3.25574 14.04 2.68774 13.696Z\",\n fill: \"#3A3A3A\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.74375 12.04C3.43175 12.04 2.25578 11.44 1.67178 10.488C1.41578 10.072 1.27979 9.58397 1.27979 9.08797C1.27979 8.24797 1.64778 7.46396 2.31978 6.87996C3.61578 5.74396 5.84776 5.744 7.15176 6.872C7.82376 7.464 8.19976 8.24797 8.19976 9.08797C8.19976 9.58397 8.06376 10.072 7.80776 10.488C7.23176 11.44 6.05575 12.04 4.74375 12.04ZM4.74375 7.19998C4.11975 7.19998 3.54377 7.40796 3.11177 7.78396C2.70377 8.13596 2.47979 8.59997 2.47979 9.08797C2.47979 9.36797 2.55175 9.62399 2.69575 9.86399C3.06375 10.472 3.84775 10.848 4.74375 10.848C5.63975 10.848 6.42374 10.472 6.78374 9.872C6.92774 9.64 6.99976 9.37598 6.99976 9.09598C6.99976 8.60798 6.77577 8.14396 6.36777 7.78396C5.94377 7.40796 5.36775 7.19998 4.74375 7.19998Z\",\n fill: \"#3A3A3A\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.74375 14.24C2.76775 14.24 1.27979 12.968 1.27979 11.288V9.08799C1.27979 7.38399 2.83175 6 4.74375 6C5.64775 6 6.51177 6.31202 7.15977 6.87202C7.83177 7.46402 8.20776 8.24799 8.20776 9.08799V11.288C8.20776 12.968 6.71975 14.24 4.74375 14.24ZM4.74375 7.2C3.49575 7.2 2.47979 8.04799 2.47979 9.08799V11.288C2.47979 12.288 3.44775 13.04 4.74375 13.04C6.03975 13.04 7.00776 12.288 7.00776 11.288V9.08799C7.00776 8.59999 6.78378 8.13598 6.37578 7.77598C5.94378 7.40798 5.36775 7.2 4.74375 7.2Z\",\n fill: \"#3A3A3A\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.24 9.63995C13.032 9.63995 12.008 8.74396 11.912 7.59196C11.848 6.92796 12.088 6.27997 12.568 5.80797C12.968 5.39197 13.536 5.15997 14.136 5.15997H15.808C16.6 5.18397 17.208 5.80794 17.208 6.57594V8.22399C17.208 8.99199 16.6001 9.61595 15.8321 9.63995H14.24ZM15.784 6.35997H14.144C13.864 6.35997 13.608 6.46397 13.424 6.65597C13.192 6.87997 13.08 7.18395 13.112 7.48795C13.152 8.01595 13.664 8.43995 14.24 8.43995H15.808C15.912 8.43995 16.008 8.34399 16.008 8.22399V6.57594C16.008 6.45594 15.912 6.36797 15.784 6.35997Z\",\n fill: \"#3A3A3A\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.808 14.8H9.80801C9.48001 14.8 9.20801 14.528 9.20801 14.2C9.20801 13.872 9.48001 13.6 9.80801 13.6H11.808C13.872 13.6 15.208 12.264 15.208 10.2V9.63999H14.24C13.032 9.63999 12.008 8.74399 11.912 7.59199C11.848 6.92799 12.088 6.28001 12.568 5.80801C12.968 5.39201 13.536 5.16001 14.136 5.16001H15.2V4.6C15.2 2.728 14.104 1.43998 12.328 1.23198C12.136 1.19998 11.968 1.2 11.8 1.2H4.6C4.408 1.2 4.22399 1.21599 4.03999 1.23999C2.27999 1.46399 1.2 2.744 1.2 4.6V6.2C1.2 6.528 0.928 6.8 0.6 6.8C0.272 6.8 0 6.528 0 6.2V4.6C0 2.136 1.52003 0.352006 3.88003 0.0560059C4.09603 0.0240059 4.344 0 4.6 0H11.8C11.992 0 12.24 0.00799805 12.496 0.047998C14.856 0.319998 16.4 2.112 16.4 4.6V5.76001C16.4 6.08801 16.128 6.36001 15.8 6.36001H14.136C13.856 6.36001 13.6 6.46401 13.416 6.65601C13.184 6.88001 13.072 7.18399 13.104 7.48799C13.144 8.01599 13.656 8.43999 14.232 8.43999H15.808C16.136 8.43999 16.408 8.71199 16.408 9.03999V10.2C16.408 12.952 14.56 14.8 11.808 14.8Z\",\n fill: \"#3A3A3A\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgCreditBlack);\nexport default __webpack_public_path__ + \"static/media/credit-black.298a2b01878d48f00f9b1afd97aa4bb0.svg\";\nexport { ForwardRef as ReactComponent };","// IMPORT MODULES\r\nimport React, { useState, useEffect, useContext } from \"react\";\r\nimport { UserContext } from \"../backend/UserContext\";\r\nimport { LanguageContext } from \"../backend/LanguageContext\";\r\nimport axios from \"axios\";\r\n\r\n// IMPORT COMPONENTS\r\nimport Breadcrumb from \"../components/global/Breadcrumb\";\r\nimport CreditModal from \"../components/credits/CreditModal\";\r\n// import Loader from \"../components/global/Loader\";\r\nimport ProgressLoader from \"../components/global/ProgressLoader\";\r\nimport Success from \"../components/global/Success\";\r\nimport Error from \"../components/global/Error\";\r\n\r\n// IMPORT HELPERS\r\nimport { dataDestination } from \"../destinationUrl\";\r\n\r\n// IMPORT IMAGES\r\nimport credit from \"../icons/credit-black.svg\";\r\nimport add from \"../icons/add.svg\";\r\nimport allert from \"../icons/info-circle.svg\";\r\nimport nul from \"../icons/null.svg\";\r\n\r\nconst Credits = () => {\r\n const { locale } = useContext(LanguageContext);\r\n const [error, setError] = useState(false);\r\n const [success, setSuccess] = useState(false);\r\n const { user } = useContext(UserContext);\r\n const [modalOpen, setModalOpen] = useState(false);\r\n const [stage, setStage] = useState(1);\r\n const [loader, setLoader] = useState(false);\r\n const [creditData, setCreditData] = useState();\r\n const [progress, setProgress] = useState(0);\r\n useEffect(() => {\r\n if (modalOpen) {\r\n document.body.style.overflowY = \"hidden\";\r\n } else {\r\n document.body.style.overflowY = \"visible\";\r\n }\r\n }, [modalOpen]);\r\n\r\n useEffect(() => {\r\n let isMounted = true;\r\n axios\r\n .get(`${dataDestination}/credit_data`)\r\n .then((res) => {\r\n if (isMounted) {\r\n setCreditData(res.data);\r\n }\r\n })\r\n .catch();\r\n return () => {\r\n isMounted = false;\r\n };\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n setModalOpen(false);\r\n }}\r\n >\r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Karz almak üçin onlaýn-ýüzlenme\"\r\n : \"Онлайн-заявка для получения кредита\"}\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Karzyň görnüşini saýlaň\"\r\n : \"Выберите вид кредита\"}\r\n
\r\n 1 ? \"line-block active\" : \"line-block\"}>\r\n
\r\n 1 ? \"icon-block active\" : \"icon-block\"}>\r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Karzyň kalkulýatory\"\r\n : \"Калькулятор кредита\"}\r\n
\r\n 2 ? \"line-block active\" : \"line-block\"}>\r\n
\r\n 2 ? \"icon-block active\" : \"icon-block\"}>\r\n
\r\n \r\n {locale === \"TKM\" ? \"Şahsy maglumatlar\" : \"Личные данные\"}\r\n
\r\n 3 ? \"line-block active\" : \"line-block\"}>\r\n
\r\n 3 ? \"icon-block active\" : \"icon-block\"}>\r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Karz üçin maglumat\"\r\n : \"Данные для кредита\"}\r\n
\r\n 4 ? \"line-block active\" : \"line-block\"}>\r\n
\r\n 4 ? \"icon-block active\" : \"icon-block\"}>\r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Talaplar we resminamalar\"\r\n : \"Требования и документы\"}\r\n
\r\n 5 ? \"line-block active\" : \"line-block\"}>\r\n
\r\n 5 ? \"icon-block active\" : \"icon-block\"}>\r\n
\r\n \r\n {locale === \"TKM\" ? \"Ugratmak\" : \"Отправка\"}\r\n
\r\n\r\n {stage === 1 ? (\r\n
\r\n \r\n
\r\n ) : stage === 2 ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Karzyň görnüşini saýlaň\"\r\n : \"Выберите вид кредита\"}\r\n
\r\n\r\n
\r\n ) : stage === 3 ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Karzyň kalkulýatory\"\r\n : \"Калькулятор кредита\"}\r\n
\r\n\r\n
\r\n ) : stage === 4 ? (\r\n \r\n {locale === \"TKM\" ? \"Şahsy maglumatlar\" : \"Личные данные\"}\r\n
\r\n\r\n
\r\n ) : stage === 5 ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Karz üçin maglumat\"\r\n : \"Данные для кредита\"}\r\n
\r\n\r\n
\r\n ) : stage === 6 ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Talaplar we resminamalar\"\r\n : \"Требования и документы\"}\r\n
\r\n\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n {locale === \"TKM\" ? \"Ugratmak\" : \"Отправка\"}\r\n
\r\n\r\n {stage === 1 ? (\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n setStage(1);\r\n setModalOpen(true);\r\n }}\r\n >\r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Karz almak üçin onlaýn-ýüzlenme\"\r\n : \"Онлайн-заявка для получения кредита\"}\r\n
\r\n\r\n \r\n
\r\n \r\n {locale === \"TKM\" ? \"Ýüzlenme doldurmak\" : \"Заполнить заявку\"}\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n | ID | \r\n{locale === \"TKM\" ? \"Görnüşi\" : \"Тип\"} | \r\n{locale === \"TKM\" ? \"Senesi\" : \"Дата\"} | \r\n{locale === \"TKM\" ? \"Ýagdaýy\" : \"Статус\"} | \r\n{locale === \"TKM\" ? \"Amal\" : \"Действие\"} | \r\n
|---|---|---|---|---|
| #{el.id} | \r\n{el.type} | \r\n{el.date} | \r\n\r\n {el.status === \"5\" ? (\r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n {el.action}\r\n | \r\n |
| \r\n {locale === \"TKM\"\r\n ? \"Tabşyrlan ýüzlenme ýok\"\r\n : \"Заявок на кредиты нет\"}\r\n | \r\n\r\n | \r\n | \r\n | \r\n |
| \r\n {locale === \"TKM\"\r\n ? \"Tabşyrlan ýüzlenme ýok\"\r\n : \"Заявок на кредиты нет\"}\r\n | \r\n\r\n | \r\n | \r\n | \r\n |
\r\n
\r\n \r\n {\r\n e.preventDefault();\r\n }}\r\n >\r\n {isLoading ? (\r\n
\r\n \r\n {locale === \"TKM\" ? \"Hat ýazmak\" : \"Написать письмо\"}\r\n
\r\n\r\n
\r\n )}\r\n \r\n \r\n \r\n {\r\n setTopic(e);\r\n if (\r\n e === \"Пластиковые карты\" ||\r\n e === \"Plastik kartlar\"\r\n ) {\r\n setInputValid({ ...inputValid, type: 1 });\r\n } else {\r\n setInputValid({ ...inputValid, type: 0 });\r\n }\r\n }}\r\n eTarget={true}\r\n customId={\"topic\"}\r\n elName={\"topic\"}\r\n />\r\n
\r\n \r\n \r\n {\r\n if (e.target.value !== \"\") {\r\n setInputValid({\r\n ...inputValid,\r\n message: e.target.value,\r\n });\r\n } else {\r\n setInputValid({ ...inputValid, message: false });\r\n }\r\n }}\r\n >\r\n
\r\n \r\n {\r\n setIsLoading(true);\r\n formData.append(\"subject\", topic);\r\n formData.append(\"message\", inputValid.message);\r\n formData.append(\"type\", inputValid.type);\r\n let today = new Date();\r\n let dd = String(today.getDate()).padStart(2, \"0\");\r\n let mm = String(today.getMonth() + 1).padStart(2, \"0\");\r\n let yyyy = today.getFullYear();\r\n formData.append(\"date\", `${dd}.${mm}.${yyyy}`);\r\n sendMessage(\r\n postUrl,\r\n token,\r\n formData,\r\n (e) => {\r\n setIsLoading(e);\r\n },\r\n () => {\r\n setSuccess(true);\r\n },\r\n setError\r\n );\r\n }}\r\n >\r\n
\r\n \r\n {\r\n setInputValid({ ...inputValid, captcha: true });\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n {locale === \"TKM\" ? \"Haty ugrat\" : \"Отправить письмо\"}\r\n
\r\n\r\n 
\r\n
\r\n \r\n {isLoading ?
\r\n ) : (\r\n \r\n {\r\n e.preventDefault();\r\n }}\r\n >\r\n
\r\n \r\n {\r\n inp1.current.value = \"\";\r\n inp2.current.value = \"\";\r\n inp3.current.value = \"\";\r\n setIsLoading(true);\r\n formData.append(\"email\", inputValid.email);\r\n formData.append(\"password\", inputValid.new);\r\n formData.append(\r\n \"password_confirmation\",\r\n inputValid.match\r\n );\r\n changePassword(\r\n postUrl,\r\n formData,\r\n setUser,\r\n true,\r\n userToken,\r\n setError,\r\n setIsLoading,\r\n setSuccess\r\n );\r\n }}\r\n >\r\n
\r\n \r\n {locale === \"TKM\" ? \"Açar sözüni çalyşmak\" : \"Смена пароля\"}\r\n
\r\n\r\n
\r\n \r\n \r\n 
\r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Ýatda sakla\"\r\n : \"Сохранить изменения\"}\r\n
\r\n\r\n \r\n {locale === \"TKM\"\r\n ? \"Açar sözi 8 belgiden az bolmadyk we 15 belgiden kän bolmadyk we iň azyndan 1 san, 1 baş harp we 1 setir harp, 1 ýörite bellikden ybarat bolmalydyr. \"\r\n : \"Пароль должен содержать не менее 1 цифры, 1 заглавной и 1 прописной буквы, 1 особого знака, и быть не менее 8 и не более 15 символов в длину.\"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n \r\n {\r\n setValidate(true);\r\n if (ValidateEmail(e.target.value) && user) {\r\n if (user.email === e.target.value) {\r\n setInputValid({\r\n ...inputValid,\r\n email: e.target.value,\r\n });\r\n } else {\r\n setInputValid({ ...inputValid, email: false });\r\n }\r\n } else {\r\n setInputValid({ ...inputValid, email: false });\r\n }\r\n }}\r\n />\r\n {validate ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Nädogry email girizildi\"\r\n : \"Введен неверный E-mail\"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n
\r\n {validate ? (\r\n \r\n \r\n {\r\n setValidate(true);\r\n if (ValidatePassword(e.target.value)) {\r\n setInputValid({\r\n ...inputValid,\r\n new: e.target.value,\r\n });\r\n } else {\r\n setInputValid({ ...inputValid, new: false });\r\n }\r\n }}\r\n />\r\n {\r\n setIsPassword(!isPassword);\r\n }}\r\n >\r\n 
\r\n
\r\n \r\n \r\n {\r\n setValidate(true);\r\n setInputValid({ ...inputValid, match: e.target.value });\r\n }}\r\n />\r\n {validate ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Açar sözler gabat gelmeli\"\r\n : \"Пароли должны совпадать\"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n {\r\n setInputValid({ ...inputValid, captcha: true });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {locale === \"TKM\"\r\n ? \"Açar sözüni çalyşmak üçin siziň akkaundyňyz aktiwleşdirilmeli. Az wagtdan gaýtadan synanşyp görüň.\"\r\n : \"Чтобы поменять пароль ваш аккаунт должен быть активирован. Пожалуйста, попробуйте позже\"}\r\n
\r\n )\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {locale === \"TKM\" ? translation.TKM.title : translation.rus.title}\r\n
\r\n- \r\n
- \r\n \r\n\r\n\r\n\r\n
\r\n
\r\n {locale === \"РУС\"\r\n ? translation.rus.rules[0]\r\n : translation.TKM.rules[0]}\r\n
\r\n \r\n - \r\n \r\n\r\n\r\n\r\n
\r\n
\r\n {locale === \"РУС\"\r\n ? translation.rus.rules[1]\r\n : translation.TKM.rules[1]}\r\n
\r\n \r\n - \r\n \r\n\r\n\r\n\r\n
\r\n
\r\n {locale === \"РУС\"\r\n ? translation.rus.rules[2]\r\n : translation.TKM.rules[2]}\r\n
\r\n \r\n - \r\n \r\n\r\n\r\n\r\n
\r\n
\r\n {locale === \"РУС\"\r\n ? translation.rus.rules[3]\r\n : translation.TKM.rules[3]}\r\n
\r\n \r\n - \r\n \r\n\r\n\r\n\r\n
\r\n
\r\n {locale === \"РУС\"\r\n ? translation.rus.rules[4]\r\n : translation.TKM.rules[4]}\r\n
\r\n \r\n - \r\n \r\n\r\n\r\n\r\n
\r\n
\r\n {locale === \"РУС\"\r\n ? translation.rus.rules[5]\r\n : translation.TKM.rules[5]}\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {locale === \"РУС\" ? \"Личный кабинет\" : \"Şahsy kabinet\"}
\r\n\r\n \r\n
\r\n {locale === \"РУС\" ? \"Физическое лицо\" : \"Fiziki tarap\"}
\r\n\r\n 
\r\n
\r\n \r\n \r\n
\r\n {locale === \"TKM\" ? \"Hasaba gir\" : \"Вход\"}
\r\n\r\n
\r\n \r\n \r\n {\r\n if (e.target.value !== \"\") {\r\n setInputValid({ ...inputValid, login: e.target.value });\r\n } else {\r\n setInputValid({ ...inputValid, login: null });\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n if (ValidateEmail(e.target.value)) {\r\n setInputValid({ ...inputValid, email: e.target.value });\r\n } else {\r\n setInputValid({ ...inputValid, email: null });\r\n }\r\n }}\r\n />\r\n
\r\n \r\n
\r\n {error ? (\r\n \r\n {locale === \"РУС\"\r\n ? \"Введены неверные данные\"\r\n : \"Nädogry maglumatlar girizildi\"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n {\r\n if (e.target.value.length >= 8) {\r\n setInputValid({ ...inputValid, password: e.target.value });\r\n } else {\r\n setInputValid({ ...inputValid, password: null });\r\n }\r\n }}\r\n />\r\n {\r\n setPassword(!password);\r\n }}\r\n >\r\n \r\n
\r\n \r\n {\r\n setInputValid({ ...inputValid, captcha: true });\r\n }}\r\n />\r\n
\r\n \r\n {\r\n setRecoveryOpen(true);\r\n }}\r\n >\r\n {locale === \"TKM\" ? \"Açar sözüni unutdym\" : \"Забыли пароль?\"}\r\n \r\n
\r\n \r\n \r\n {\r\n setIsLoading(true);\r\n data.append(\"username\", inputValid.login);\r\n data.append(\"password\", inputValid.password);\r\n data.append(\"email\", inputValid.email);\r\n setFormData(data);\r\n }}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {locale === \"РУС\" ? \"Войти\" : \"Ulgama gir\"}
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {locale === \"РУС\" ? \"Зарегистрироваться\" : \"Hasaba almak\"}\r\n
\r\n\r\n 
\r\n
\r\n \r\n {loader ? {\r\n e.preventDefault();\r\n }}\r\n >\r\n
\r\n );\r\n};\r\n\r\nexport default Stage1;\r\n","import axios from \"axios\";\r\nimport { destination } from \"../destinationUrl\";\r\n\r\nexport const restore = (data, setLoader, setError, onSuccess) => {\r\n axios\r\n .post(`${destination}/restore`, data)\r\n .then((res) => {\r\n if (res.data.data === \"success\") {\r\n setLoader(false);\r\n onSuccess();\r\n } else {\r\n setError(true);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoader(false);\r\n setError(true);\r\n });\r\n};\r\n\r\nexport const reset = (data, setLoader, setError, onSuccess) => {\r\n axios\r\n .post(`${destination}/reset`, data)\r\n .then((res) => {\r\n if (res.data.data === \"success\") {\r\n setLoader(false);\r\n onSuccess();\r\n } else {\r\n setError(true);\r\n }\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n setError(true);\r\n });\r\n};\r\n","// IMPORT MODULES\r\nimport React, { useState, useEffect, useContext } from \"react\";\r\nimport { LanguageContext } from \"../../backend/LanguageContext\";\r\n\r\n// IMPORT IMAGES\r\nimport Next from \"../../icons/arrow-circle-right.svg\";\r\n\r\n// IMPORT HELPERS\r\nimport { ValidatePassword } from \"../../validators/ValidatePassword\";\r\nimport { reset } from \"../../backend/restore\";\r\n\r\nconst Stage2 = ({ setRecoveryOpen, setRecStage, setLoader, setSuccess }) => {\r\n const [inputValid, setInputValid] = useState({\r\n newPassword: false,\r\n confirm: false,\r\n code: \"\",\r\n });\r\n const form = new FormData();\r\n const { locale } = useContext(LanguageContext);\r\n const [valid, setValid] = useState(false);\r\n const [error, setError] = useState(false);\r\n\r\n const [btnEnabled, setBtnEnabled] = useState(false);\r\n useEffect(() => {\r\n if (\r\n ValidatePassword(inputValid.newPassword ? inputValid.newPassword : \"\") &&\r\n inputValid.newPassword === inputValid.confirm &&\r\n inputValid.code\r\n ) {\r\n setBtnEnabled(true);\r\n } else {\r\n setBtnEnabled(false);\r\n }\r\n }, [inputValid]);\r\n\r\n return (\r\n \r\n {locale === \"TKM\" ? \"Açar sözüni dikeltmek\" : \"Восстановление пароля\"}\r\n
\r\n\r\n \r\n {\r\n setValidate(true);\r\n if (ValidateEmail(e.target.value)) {\r\n setInputValid({\r\n ...inputValid,\r\n email: e.target.value,\r\n });\r\n } else {\r\n setInputValid({\r\n ...inputValid,\r\n email: false,\r\n });\r\n }\r\n }}\r\n />\r\n {validate || error ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Nädogry email girizildi\"\r\n : \"Введен неверный email\"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n {\r\n data.append(\"email\", inputValid.email);\r\n setLoader(true);\r\n restore(data, setLoader, setError, () => {\r\n setRecStage((prevStage) => prevStage + 1);\r\n });\r\n }}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n {locale === \"TKM\" ? \"Ugratmak\" : \"Отправить\"}
\r\n\r\n 
\r\n
\r\n \r\n {\r\n e.preventDefault();\r\n }}\r\n >\r\n
\r\n );\r\n};\r\n\r\nexport default Stage2;\r\n","// IMPORT MODULES\r\nimport React, { useState, useRef } from \"react\";\r\n\r\n// IMPORT PERSONAL COMPONENTS\r\nimport Stage1 from \"../passwordRec/Stage1\";\r\nimport Stage2 from \"../passwordRec/Stage2\";\r\n\r\n// IMPORT COMPONENTS\r\nimport Loader from \"../global/Loader\";\r\n\r\nconst PasswordRec = ({ recoveryOpen, setRecoveryOpen, setSuccess, stage }) => {\r\n const [recStage, setRecStage] = useState(stage ? stage : 1);\r\n const [data, setData] = useState({});\r\n\r\n const [loader, setLoader] = useState(false);\r\n const ref = useRef();\r\n return (\r\n \r\n {locale === \"TKM\" ? \"Täze açar sözi\" : \"Новый пароль\"}\r\n
\r\n\r\n \r\n {\r\n setValid(true);\r\n setInputValid({ ...inputValid, code: e.target.value });\r\n }}\r\n />\r\n {error ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Nädogry kod girizildi\"\r\n : \"Введен неверный код\"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n \r\n {\r\n setValid(true);\r\n if (ValidatePassword(e.target.value)) {\r\n setInputValid({\r\n ...inputValid,\r\n newPassword: e.target.value,\r\n });\r\n } else {\r\n setInputValid({\r\n ...inputValid,\r\n newPassword: false,\r\n });\r\n }\r\n }}\r\n />\r\n {valid ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Açar sözi 8 belgiden az bolmadyk we 15 belgiden kän bolmadyk we iň azyndan 1 san, 1 baş harp we 1 setir harp, 1 ýörite bellikden ybarat bolmalydyr. \"\r\n : \"Пароль должен содержать не менее 1 цифры, 1 заглавной и 1 прописной буквы, 1 особого знака, и быть не менее 8 и не более 15 символов в длину.\"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n \r\n {\r\n setValid(true);\r\n setInputValid({ ...inputValid, confirm: e.target.value });\r\n }}\r\n />\r\n {valid ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Açar sözler gabat gelmeli\"\r\n : \"Пароли должны совпадать\"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n {\r\n setLoader(true);\r\n form.append(\"password\", inputValid.newPassword);\r\n form.append(\"code\", inputValid.code);\r\n\r\n reset(form, setLoader, setError, () => {\r\n setSuccess(true);\r\n setTimeout(() => {\r\n setSuccess(false);\r\n }, 2000);\r\n setRecStage(1);\r\n setRecoveryOpen(false);\r\n });\r\n }}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n {locale === \"TKM\" ? \"Üýtget\" : \"Изменить\"}
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default PasswordRec;\r\n","// IMPORT MODULES\r\nimport React, { useState, useContext, useEffect, useRef } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { UserContext } from \"../backend/UserContext\";\r\n\r\n// IMPORT FUNCTIONS\r\nimport { loginUser } from \"../backend/loginUser\";\r\n\r\n// IMPORT COMPONENTS\r\nimport LogoBg from \"../components/global/LogoBg\";\r\nimport Nav from \"../components/global/Nav\";\r\nimport Footer from \"../components/global/Footer\";\r\nimport Success from \"../components/global/Success\";\r\n\r\n// IMPORT PERSONAL COMPONENTS\r\nimport SignForm from \"../components/sign/SignForm\";\r\nimport PasswordRec from \"../components/sign/PasswordRec\";\r\n\r\n// URL\r\nimport { destination } from \"../destinationUrl\";\r\n\r\nconst SignIn = ({ stage }) => {\r\n const [error, setError] = useState(false);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const checkFirstLoad = useRef(true);\r\n const postUrl = destination + \"/login\";\r\n const [formData, setFormData] = useState();\r\n const { user, setUser } = useContext(UserContext);\r\n const [recoveryOpen, setRecoveryOpen] = useState(stage === 2 ? true : false);\r\n const [success, setSuccess] = useState(false);\r\n const navigate = useNavigate();\r\n useEffect(() => {\r\n if (user) {\r\n navigate(\"/home\");\r\n }\r\n }, [user]);\r\n\r\n useEffect(() => {\r\n if (checkFirstLoad.current) {\r\n checkFirstLoad.current = false;\r\n } else {\r\n loginUser(postUrl, formData, setUser, true, setError, setIsLoading);\r\n }\r\n }, [formData]);\r\n return (\r\n \r\n {loader ?
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {locale === \"TKM\" ? \"Hasaba almak\" : \"Регистрация\"}\r\n
\r\n\r\n
\r\n \r\n \r\n {\r\n setValidateTop(true);\r\n if (e.target.value !== \"\") {\r\n setInputValid({ ...inputValid, surname: e.target.value });\r\n } else {\r\n setInputValid({ ...inputValid, surname: null });\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n setValidateTop(true);\r\n if (e.target.value !== \"\") {\r\n setInputValid({ ...inputValid, name: e.target.value });\r\n } else {\r\n setInputValid({ ...inputValid, name: null });\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n setValidateTop(true);\r\n if (e.target.value !== \"\") {\r\n setInputValid({ ...inputValid, fathers: e.target.value });\r\n } else {\r\n setInputValid({ ...inputValid, fathers: null });\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n setValidateTop(true);\r\n if (e.target.value !== \"\") {\r\n setInputValid({ ...inputValid, date: e.target.value });\r\n } else {\r\n setInputValid({ ...inputValid, date: null });\r\n }\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n setPpSerie(e);\r\n }}\r\n eTarget={true}\r\n placeholder=\"I\"\r\n />\r\n
\r\n \r\n \r\n {\r\n setPpPrefix(e);\r\n }}\r\n eTarget={true}\r\n placeholder=\"AŞ\"\r\n />\r\n
\r\n \r\n \r\n {\r\n setValidateTop(true);\r\n if (e.target.value !== \"\") {\r\n setInputValid({ ...inputValid, ppNum: e.target.value });\r\n } else {\r\n setInputValid({ ...inputValid, ppNum: null });\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n setValidateTop(true);\r\n if (e.target.value !== \"\") {\r\n setInputValid({ ...inputValid, ppAddr: e.target.value });\r\n } else {\r\n setInputValid({ ...inputValid, ppAddr: null });\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n setValidateTop(true);\r\n if (e.target.value !== \"\") {\r\n setInputValid({ ...inputValid, address: e.target.value });\r\n } else {\r\n setInputValid({ ...inputValid, address: null });\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n setValidateTop(true);\r\n if (ValidateEmail(e.target.value)) {\r\n setInputValid({ ...inputValid, email: e.target.value });\r\n } else {\r\n setInputValid({ ...inputValid, email: null });\r\n }\r\n }}\r\n />\r\n {validateTop ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Nädogry email girizildi\"\r\n : \"Введен неверный email\"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n \r\n {\r\n setValidateTop(true);\r\n if (ValidatePhoneNumber(e.target.value)) {\r\n setInputValid({ ...inputValid, mobileTel: e.target.value });\r\n } else {\r\n setInputValid({ ...inputValid, mobileTel: null });\r\n }\r\n }}\r\n />\r\n {validateTop ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Nädogry belgi girizildi\"\r\n : \"Введен неверный номер\"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n \r\n {\r\n setValidateTop(true);\r\n if (ValidatePhoneNumber(e.target.value)) {\r\n setInputValid({ ...inputValid, homeTel: e.target.value });\r\n } else {\r\n setInputValid({ ...inputValid, homeTel: null });\r\n }\r\n }}\r\n />\r\n {validateTop ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Nädogry belgi girizildi\"\r\n : \"Введен неверный номер\"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n
\r\n \r\n {error ? (\r\n error === \"The email has already been taken.\" ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Ulanyjynyň maglumatlary\"\r\n : \"Данные пользователя\"}\r\n
\r\n\r\n \r\n {locale === \"TKM\"\r\n ? \"Açar sözi 8 belgiden az bolmadyk we 15 belgiden kän bolmadyk we iň azyndan 1 san, 1 baş harp we 1 setir harp, 1 ýörite bellikden ybarat bolmalydyr. \"\r\n : \"Пароль должен содержать не менее 1 цифры, 1 заглавной и 1 прописной буквы, 1 особого знака, и быть не менее 8 и не более 15 символов в длину.\"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n \r\n {\r\n setValidateBottom(true);\r\n if (ValidateUserName(e.target.value)) {\r\n setInputValid({ ...inputValid, user: e.target.value });\r\n } else {\r\n setInputValid({ ...inputValid, user: null });\r\n }\r\n }}\r\n />\r\n {validateBottom ? (\r\n \r\n {locale === \"TKM\"\r\n ? 'Ulanyjy adynda \"_\" -dan başga ýörite belgiler bolup bilmez.'\r\n : `Имя пользователя не может содержать особых знаков, кроме \"_\"`}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n {\r\n e.preventDefault();\r\n }}\r\n name=\"pass\"\r\n id=\"pass\"\r\n required\r\n onChange={(e) => {\r\n setValidateBottom(true);\r\n setPasswords({ ...passwords, p1: e.target.value });\r\n if (ValidatePassword(e.target.value)) {\r\n setInputValid({\r\n ...inputValid,\r\n password: e.target.value,\r\n });\r\n } else {\r\n setInputValid({ ...inputValid, password: null });\r\n }\r\n }}\r\n />\r\n
\r\n {validateBottom ? (\r\n \r\n {\r\n setIsPassword(!isPassword);\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n \r\n {\r\n e.preventDefault();\r\n }}\r\n autoComplete=\"true\"\r\n type=\"password\"\r\n name=\"repeat-pass\"\r\n id=\"repeat-pass\"\r\n required\r\n onChange={(e) => {\r\n setValidateBottom(true);\r\n setPasswords({ ...passwords, p2: e.target.value });\r\n }}\r\n />\r\n {validateBottom ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Açar sözler gabat gelmeli\"\r\n : \"Пароли должны совпадать\"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Bu email salgysy eýýäm ulanylýar\"\r\n : \"Этот адресс электронной почты уже используется\"}\r\n
\r\n ) : error === \"The username has already been taken.\" ? (\r\n\r\n {locale === \"TKM\"\r\n ? \"Bu ulanyjy ady eýýäm ulanylýar\"\r\n : \"Это имя пользователя уже используется\"}\r\n
\r\n ) : (\r\n \"\"\r\n )\r\n ) : (\r\n \"\"\r\n )}\r\n\r\n {\r\n form.append(\"email\", inputValid.email);\r\n form.append(\"password\", inputValid.password);\r\n form.append(\"password_confirmation\", inputValid.password);\r\n form.append(\"surname\", inputValid.surname);\r\n form.append(\"name\", inputValid.name);\r\n form.append(\"middle_name\", inputValid.fathers);\r\n form.append(\"username\", inputValid.user);\r\n form.append(\"date_birth\", inputValid.date);\r\n form.append(\"address_residence\", inputValid.address);\r\n form.append(\"mobile_phone\", inputValid.mobileTel);\r\n form.append(\"home_phone\", inputValid.homeTel);\r\n form.append(\"place_passport\", inputValid.ppAddr);\r\n form.append(\r\n \"passport\",\r\n `${ppSerie}-${ppPrefix}-${inputValid.ppNum}`\r\n );\r\n setFormData(form);\r\n setIsLoading(true);\r\n }}\r\n >\r\n
\r\n \r\n \r\n {\r\n setInputValid({ ...inputValid, captcha: true });\r\n }}\r\n />\r\n
\r\n {locale === \"TKM\" ? (\r\n \r\n ( * ) belgili ähli meýdançalar hökman\r\n doldurylmalydyrlar. Ähli meýdançalar latin harplary bilen\r\n ýazylmaly.\r\n
\r\n ) : (\r\n\r\n Все поля с символом ( * ) обязательны для заполнения\r\n Все поля должны быть заполнены латиницей\r\n
\r\n )}\r\n\r\n
\r\n \r\n \r\n {locale === \"TKM\" ? \"Hasaba almak\" : \"Зарегистрироваться\"}\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default LoggedNav;\r\n","var _path, _path2, _path3, _path4, _path5;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgCard(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 20 20\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.5116 11.2651H0.697674C0.316279 11.2651 0 10.9488 0 10.5674C0 10.186 0.316279 9.86975 0.697674 9.86975H16.5116C16.893 9.86975 17.2093 10.186 17.2093 10.5674C17.2093 10.9488 16.893 11.2651 16.5116 11.2651Z\",\n fill: \"white\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12.9953 19.0698H4.21398C1.02328 19.0698 0 18.0558 0 14.9023V8.39999C0 5.89766 0.567462 4.41859 3.45118 4.25115C3.69304 4.24185 3.94421 4.23254 4.21398 4.23254H12.9953C16.186 4.23254 17.2093 5.2465 17.2093 8.39999V15.0511C17.1721 18.093 16.1488 19.0698 12.9953 19.0698ZM4.21398 5.62789C3.96282 5.62789 3.73026 5.6372 3.51631 5.6465C1.85119 5.74882 1.39535 6.10231 1.39535 8.39999V14.9023C1.39535 17.2837 1.78607 17.6744 4.21398 17.6744H12.9953C15.3953 17.6744 15.786 17.3023 15.814 15.0418V8.39999C15.814 6.01859 15.4232 5.62789 12.9953 5.62789H4.21398Z\",\n fill: \"white\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.5116 15.7488C16.3348 15.7488 16.1581 15.6837 16.0372 15.5628C15.8976 15.4326 15.8139 15.2465 15.8139 15.0512V8.4C15.8139 6.01861 15.4232 5.62791 12.9953 5.62791H4.21393C3.96277 5.62791 3.73021 5.63721 3.51626 5.64652C3.33021 5.65582 3.14412 5.5814 3.00458 5.45117C2.86505 5.32094 2.79065 5.13489 2.79065 4.93954C2.82786 1.90698 3.85114 0.930237 7.00463 0.930237H15.786C18.9767 0.930237 20 1.94419 20 5.09768V11.6C20 14.1023 19.4325 15.5814 16.5488 15.7488C16.5395 15.7488 16.5209 15.7488 16.5116 15.7488ZM4.21393 4.23256H12.9953C16.186 4.23256 17.2093 5.24651 17.2093 8.4V14.2791C18.2883 14.0837 18.6046 13.5256 18.6046 11.6V5.09768C18.6046 2.71628 18.2139 2.32559 15.786 2.32559H7.00463C4.8837 2.32559 4.33486 2.61396 4.21393 4.23256Z\",\n fill: \"white\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.31186 16.1024H3.71183C3.33044 16.1024 3.01416 15.7861 3.01416 15.4047C3.01416 15.0233 3.33044 14.707 3.71183 14.707H5.31186C5.69326 14.707 6.00954 15.0233 6.00954 15.4047C6.00954 15.7861 5.70256 16.1024 5.31186 16.1024Z\",\n fill: \"white\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.5116 16.1024H7.31157C6.93017 16.1024 6.61389 15.7861 6.61389 15.4047C6.61389 15.0233 6.93017 14.707 7.31157 14.707H10.5116C10.893 14.707 11.2092 15.0233 11.2092 15.4047C11.2092 15.7861 10.9023 16.1024 10.5116 16.1024Z\",\n fill: \"white\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgCard);\nexport default __webpack_public_path__ + \"static/media/card.6f83ff39d635861a53f4fb970082231d.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3, _path4, _path5;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgCredit(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 20 20\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.51336 19.2982C3.3004 19.2982 1.4873 17.6896 1.4873 15.7091V13.8122C1.4873 13.431 1.80344 13.1149 2.18467 13.1149C2.56589 13.1149 2.88203 13.431 2.88203 13.8122C2.88203 14.9745 4.00706 15.8485 5.51336 15.8485C7.01966 15.8485 8.14475 14.9745 8.14475 13.8122C8.14475 13.431 8.46089 13.1149 8.84211 13.1149C9.22333 13.1149 9.53947 13.431 9.53947 13.8122V15.7091C9.53947 17.6896 7.73562 19.2982 5.51336 19.2982ZM3.12373 16.6203C3.53285 17.3827 4.45337 17.9034 5.51336 17.9034C6.57335 17.9034 7.49387 17.3734 7.90299 16.6203C7.24282 17.0201 6.42458 17.2526 5.51336 17.2526C4.60214 17.2526 3.7839 17.0201 3.12373 16.6203Z\",\n fill: \"white\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.51336 14.6955C3.98846 14.6955 2.62167 13.9981 1.9429 12.8917C1.64536 12.4081 1.4873 11.841 1.4873 11.2645C1.4873 10.2882 1.91501 9.37694 2.69605 8.69818C4.20235 7.37784 6.79651 7.37789 8.31211 8.68893C9.09315 9.37699 9.53016 10.2882 9.53016 11.2645C9.53016 11.841 9.3721 12.4081 9.07456 12.8917C8.4051 13.9981 7.03825 14.6955 5.51336 14.6955ZM5.51336 9.07013C4.7881 9.07013 4.11866 9.31186 3.61656 9.74888C3.14235 10.158 2.88203 10.6973 2.88203 11.2645C2.88203 11.5899 2.96567 11.8875 3.13304 12.1664C3.56075 12.8731 4.47197 13.3101 5.51336 13.3101C6.55475 13.3101 7.46596 12.8731 7.88437 12.1757C8.05174 11.9061 8.13544 11.5992 8.13544 11.2738C8.13544 10.7066 7.87511 10.1673 7.40091 9.74888C6.90811 9.31186 6.23861 9.07013 5.51336 9.07013Z\",\n fill: \"white\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.51336 17.2525C3.21672 17.2525 1.4873 15.7741 1.4873 13.8215V11.2645C1.4873 9.28398 3.2911 7.67542 5.51336 7.67542C6.56405 7.67542 7.56827 8.03807 8.32142 8.68894C9.10246 9.377 9.53947 10.2882 9.53947 11.2645V13.8215C9.53947 15.7741 7.81 17.2525 5.51336 17.2525ZM5.51336 9.07014C4.06285 9.07014 2.88203 10.0557 2.88203 11.2645V13.8215C2.88203 14.9837 4.00706 15.8578 5.51336 15.8578C7.01966 15.8578 8.14475 14.9837 8.14475 13.8215V11.2645C8.14475 10.6973 7.88442 10.158 7.41022 9.73958C6.90812 9.31186 6.23861 9.07014 5.51336 9.07014Z\",\n fill: \"white\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.5503 11.906C15.1463 11.906 13.9562 10.8646 13.8446 9.52571C13.7702 8.75397 14.0492 8.00083 14.6071 7.45224C15.072 6.96874 15.7321 6.6991 16.4295 6.6991H18.3728C19.2933 6.72699 20 7.45221 20 8.34483V10.2603C20 11.1529 19.2933 11.8781 18.4007 11.906H16.5503ZM18.3449 8.09382H16.4388C16.1133 8.09382 15.8158 8.21469 15.602 8.43784C15.3323 8.69819 15.2021 9.0515 15.2393 9.40483C15.2858 10.0185 15.8809 10.5113 16.5503 10.5113H18.3728C18.4937 10.5113 18.6052 10.3998 18.6052 10.2603V8.34483C18.6052 8.20536 18.4936 8.10312 18.3449 8.09382Z\",\n fill: \"white\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13.7241 17.9034H11.3995C11.0183 17.9034 10.7022 17.5873 10.7022 17.206C10.7022 16.8248 11.0183 16.5087 11.3995 16.5087H13.7241C16.123 16.5087 17.6758 14.9559 17.6758 12.557V11.9061H16.5507C15.1467 11.9061 13.9565 10.8647 13.8449 9.52577C13.7706 8.75402 14.0495 8.00089 14.6074 7.4523C15.0723 6.9688 15.7324 6.69916 16.4298 6.69916H17.6665V6.04827C17.6665 3.87251 16.3927 2.37549 14.3285 2.13374C14.1053 2.09654 13.91 2.09656 13.7148 2.09656H5.34643C5.12328 2.09656 4.90941 2.11515 4.69555 2.14304C2.64996 2.40339 1.39472 3.89111 1.39472 6.04827V7.9079C1.39472 8.28913 1.07858 8.60526 0.697361 8.60526C0.316137 8.60526 0 8.28913 0 7.9079V6.04827C0 3.18445 1.76668 1.11097 4.50963 0.766937C4.76068 0.729744 5.04889 0.701843 5.34643 0.701843H13.7148C13.9379 0.701843 14.2262 0.711139 14.5237 0.75763C17.2666 1.07377 19.0612 3.15655 19.0612 6.04827V7.39652C19.0612 7.77774 18.7451 8.09388 18.3638 8.09388H16.4298C16.1044 8.09388 15.8069 8.21475 15.593 8.4379C15.3234 8.69825 15.1932 9.05156 15.2304 9.40489C15.2769 10.0186 15.872 10.5114 16.5414 10.5114H18.3731C18.7544 10.5114 19.0705 10.8275 19.0705 11.2087V12.557C19.0705 15.7555 16.9226 17.9034 13.7241 17.9034Z\",\n fill: \"white\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgCredit);\nexport default __webpack_public_path__ + \"static/media/credit.287a7c0a67e2efc5004a44819ab0b1d2.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3, _path4;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgMail(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 18,\n viewBox: \"0 0 20 18\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.6512 17.6046H5.34884C4.96744 17.6046 4.65116 17.2883 4.65116 16.907C4.65116 16.5256 4.96744 16.2093 5.34884 16.2093H14.6512C17.3116 16.2093 18.6047 14.9163 18.6047 12.2558V5.74416C18.6047 3.0837 17.3116 1.79067 14.6512 1.79067H5.34884C2.68837 1.79067 1.39535 3.0837 1.39535 5.74416C1.39535 6.12556 1.07907 6.44184 0.697674 6.44184C0.316279 6.44184 0 6.12556 0 5.74416C0 2.34881 1.95349 0.395325 5.34884 0.395325H14.6512C18.0465 0.395325 20 2.34881 20 5.74416V12.2558C20 15.6511 18.0465 17.6046 14.6512 17.6046Z\",\n fill: \"white\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.99979 9.80926C9.2184 9.80926 8.4277 9.5674 7.82305 9.07438L4.91142 6.7488C4.61375 6.50694 4.55794 6.06973 4.7998 5.77205C5.04166 5.47438 5.47886 5.41857 5.77653 5.66043L8.68816 7.98601C9.39514 8.55345 10.5951 8.55345 11.3021 7.98601L14.2137 5.66043C14.5114 5.41857 14.9579 5.46507 15.1905 5.77205C15.4323 6.06973 15.3858 6.51624 15.0789 6.7488L12.1672 9.07438C11.5719 9.5674 10.7812 9.80926 9.99979 9.80926Z\",\n fill: \"white\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.27907 13.8837H0.697674C0.316279 13.8837 0 13.5674 0 13.186C0 12.8046 0.316279 12.4883 0.697674 12.4883H6.27907C6.66046 12.4883 6.97674 12.8046 6.97674 13.186C6.97674 13.5674 6.66046 13.8837 6.27907 13.8837Z\",\n fill: \"white\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.48837 10.1627H0.697674C0.316279 10.1627 0 9.84646 0 9.46507C0 9.08367 0.316279 8.7674 0.697674 8.7674H3.48837C3.86977 8.7674 4.18605 9.08367 4.18605 9.46507C4.18605 9.84646 3.86977 10.1627 3.48837 10.1627Z\",\n fill: \"white\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgMail);\nexport default __webpack_public_path__ + \"static/media/mail.df1df1c997cf97d4c516a00a8bb96f27.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3, _path4;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgPassword(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 20 20\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12.7907 20H7.2093C2.15814 20 0 17.8419 0 12.7907V7.2093C0 2.15814 2.15814 0 7.2093 0H12.7907C17.8419 0 20 2.15814 20 7.2093V12.7907C20 17.8419 17.8419 20 12.7907 20ZM7.2093 1.39535C2.92093 1.39535 1.39535 2.92093 1.39535 7.2093V12.7907C1.39535 17.0791 2.92093 18.6047 7.2093 18.6047H12.7907C17.0791 18.6047 18.6047 17.0791 18.6047 12.7907V7.2093C18.6047 2.92093 17.0791 1.39535 12.7907 1.39535H7.2093Z\",\n fill: \"white\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.0326 15.8139C6.96748 15.8139 6.89306 15.8139 6.82794 15.7953L5.72097 15.6465C5.0512 15.5535 4.46515 14.9767 4.36283 14.2883L4.20469 13.1628C4.13957 12.7162 4.32562 12.1488 4.6512 11.8139L6.77213 9.69299C6.45585 8.18602 6.91166 6.62323 8.01864 5.52555C9.79539 3.74881 12.6977 3.74881 14.4745 5.52555C15.3396 6.39067 15.814 7.53485 15.814 8.75346C15.814 9.97206 15.3396 11.1256 14.4745 11.9814C13.3675 13.079 11.8047 13.5349 10.307 13.2186L8.17678 15.3395C7.90701 15.6279 7.4512 15.8139 7.0326 15.8139ZM11.2465 5.58137C10.4372 5.58137 9.61864 5.88834 9.00469 6.5116C8.16748 7.34881 7.8698 8.56741 8.21399 9.7023C8.28841 9.95346 8.22329 10.2139 8.03725 10.4L5.63725 12.8C5.61864 12.8279 5.58143 12.9302 5.58143 12.9674L5.73957 14.0837C5.74887 14.1395 5.8512 14.2418 5.90701 14.2511L7.02329 14.4093C7.0698 14.4 7.16283 14.3814 7.19073 14.3535L9.60004 11.9442C9.78608 11.7581 10.0559 11.7023 10.2977 11.7767C11.4233 12.1302 12.6419 11.8325 13.4791 10.9953C14.0745 10.4 14.4093 9.59997 14.4093 8.75346C14.4093 7.90695 14.0838 7.10695 13.4791 6.5116C12.8745 5.89764 12.0559 5.58137 11.2465 5.58137Z\",\n fill: \"white\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8.55821 14.6791C8.38147 14.6791 8.20473 14.614 8.06519 14.4745L7.26519 13.6745C6.99542 13.4047 6.99542 12.9582 7.26519 12.6884C7.53496 12.4186 7.98147 12.4186 8.25124 12.6884L9.05124 13.4884C9.321 13.7582 9.321 14.2047 9.05124 14.4745C8.921 14.614 8.74426 14.6791 8.55821 14.6791Z\",\n fill: \"white\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.2837 9.81397C11.1534 9.81397 11.0325 9.79536 10.9209 9.74885C10.8092 9.70234 10.7069 9.62792 10.6232 9.5442C10.4464 9.36746 10.3441 9.1349 10.3441 8.88374C10.3441 8.64188 10.4464 8.40002 10.6232 8.23257C10.8371 8.00932 11.1627 7.90699 11.4604 7.97211C11.5162 7.99071 11.5813 8.00001 11.6371 8.02792C11.693 8.05583 11.7488 8.08374 11.7953 8.11164C11.8418 8.14885 11.8976 8.18606 11.9348 8.23257C12.1116 8.40002 12.2139 8.64188 12.2139 8.88374C12.2139 9.01397 12.186 9.1256 12.1395 9.24653C12.093 9.35815 12.0278 9.46048 11.9348 9.5442C11.7581 9.72095 11.5255 9.81397 11.2837 9.81397Z\",\n fill: \"white\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgPassword);\nexport default __webpack_public_path__ + \"static/media/password.3c81a8eb2e5833ac220cc1eb6ea80f68.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgQuit(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 22,\n viewBox: \"0 0 20 22\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13.1602 21.0207H13.0333C8.70108 21.0207 6.61303 19.3132 6.25201 15.4883C6.21298 15.0883 6.5057 14.7273 6.9155 14.6882C7.30579 14.6492 7.67657 14.9517 7.7156 15.3517C7.99856 18.4155 9.44264 19.5571 13.0431 19.5571H13.1699C17.1411 19.5571 18.5462 18.1521 18.5462 14.1809V7.8191C18.5462 3.84789 17.1411 2.44284 13.1699 2.44284H13.0431C9.42312 2.44284 7.97905 3.60396 7.7156 6.72629C7.66681 7.12634 7.32531 7.42881 6.9155 7.38978C6.5057 7.36051 6.21298 6.99949 6.24225 6.59944C6.574 2.71604 8.67181 0.979248 13.0333 0.979248H13.1602C17.951 0.979248 20 3.02828 20 7.8191V14.1809C20 18.9717 17.951 21.0207 13.1602 21.0207Z\",\n fill: \"white\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12.9259 11.7318H1.82213C1.42208 11.7318 1.09033 11.4 1.09033 11C1.09033 10.5999 1.42208 10.2682 1.82213 10.2682H12.9259C13.326 10.2682 13.6577 10.5999 13.6577 11C13.6577 11.4 13.326 11.7318 12.9259 11.7318Z\",\n fill: \"white\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.99805 15.0005C3.81266 15.0005 3.62727 14.9322 3.48091 14.7858L0.212221 11.5171C-0.0707403 11.2342 -0.0707403 10.7658 0.212221 10.4829L3.48091 7.21417C3.76387 6.93121 4.23222 6.93121 4.51518 7.21417C4.79814 7.49714 4.79814 7.96549 4.51518 8.24845L1.76363 11L4.51518 13.7516C4.79814 14.0345 4.79814 14.5029 4.51518 14.7858C4.37858 14.9322 4.18343 15.0005 3.99805 15.0005Z\",\n fill: \"white\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgQuit);\nexport default __webpack_public_path__ + \"static/media/quit.5a9d2077484ad75d0d50e235791f1134.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgUserSquare(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 22,\n height: 22,\n viewBox: \"0 0 22 22\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14 1.625H8C3 1.625 1 3.625 1 8.625V14.625C1 18.405 2.14 20.475 4.86 21.245C5.08 18.645 7.75 16.595 11 16.595C14.25 16.595 16.92 18.645 17.14 21.245C19.86 20.475 21 18.405 21 14.625V8.625C21 3.625 19 1.625 14 1.625ZM11 13.795C9.02 13.795 7.42 12.185 7.42 10.205C7.42 8.22502 9.02 6.625 11 6.625C12.98 6.625 14.58 8.22502 14.58 10.205C14.58 12.185 12.98 13.795 11 13.795Z\",\n stroke: \"white\",\n strokeWidth: 1.5,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgUserSquare);\nexport default __webpack_public_path__ + \"static/media/user-square.d8e480e0d0a30f34f74130c8c706f68a.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgArrowBack(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 18,\n height: 8,\n viewBox: \"0 0 18 8\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17 3.5C17.2761 3.5 17.5 3.72386 17.5 4C17.5 4.27614 17.2761 4.5 17 4.5V3.5ZM0.646446 4.35355C0.451185 4.15829 0.451185 3.84171 0.646446 3.64645L3.82843 0.464466C4.02369 0.269204 4.34027 0.269204 4.53553 0.464466C4.7308 0.659728 4.7308 0.976311 4.53553 1.17157L1.70711 4L4.53553 6.82843C4.7308 7.02369 4.7308 7.34027 4.53553 7.53553C4.34027 7.7308 4.02369 7.7308 3.82843 7.53553L0.646446 4.35355ZM17 4.5H1V3.5H17V4.5Z\",\n fill: \"white\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgArrowBack);\nexport default __webpack_public_path__ + \"static/media/arrow-back.7106eb7539d85d1dc7288726f85efeba.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgClose(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 20 20\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M2.30772 19.2923L19.2923 2.30769C19.6792 1.92082 19.6374 1.23733 19.2 0.8C18.7627 0.362667 18.0792 0.320821 17.6923 0.707692L0.707716 17.6923C0.320845 18.0792 0.362691 18.7627 0.800024 19.2C1.23736 19.6373 1.92084 19.6792 2.30772 19.2923Z\",\n fill: \"white\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.6923 19.2923L0.707668 2.30769C0.320796 1.92082 0.362642 1.23733 0.799976 0.8C1.23731 0.362667 1.9208 0.320821 2.30767 0.707692L19.2923 17.6923C19.6792 18.0792 19.6373 18.7627 19.2 19.2C18.7626 19.6373 18.0792 19.6792 17.6923 19.2923Z\",\n fill: \"white\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgClose);\nexport default __webpack_public_path__ + \"static/media/close.529361d55807e3a67b716cb14b0e62b5.svg\";\nexport { ForwardRef as ReactComponent };","// IMPORT MODULES\r\nimport React, { useState, useEffect, useContext, useRef } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { UserContext } from \"../../backend/UserContext\";\r\nimport { deleteUser } from \"../../backend/deleteUser\";\r\nimport { LanguageContext } from \"../../backend/LanguageContext\";\r\n\r\n// IMPORT IMAGES\r\nimport card from \"../../icons/card.svg\";\r\nimport credit from \"../../icons/credit.svg\";\r\nimport mail from \"../../icons/mail.svg\";\r\nimport password from \"../../icons/password.svg\";\r\nimport quit from \"../../icons/quit.svg\";\r\nimport user from \"../../icons/user-square.svg\";\r\nimport arrow from \"../../icons/arrow-back.svg\";\r\nimport close from \"../../icons/close.svg\";\r\n\r\n// HOOKS\r\nimport useMediaQuery from \"../../hooks/useMediaQuery\";\r\n\r\nconst Side = ({ sideOpen, setSideOpen }) => {\r\n const inner = useRef();\r\n const { locale } = useContext(LanguageContext);\r\n const { setUser } = useContext(UserContext);\r\n const [linkStage, setLinkStage] = useState(0);\r\n const [closeOnInteract, setCloseOnInteract] = useState(false);\r\n const location = window.location.href;\r\n const viewPortWidth = useMediaQuery(\"(max-width: 1300px)\");\r\n\r\n useEffect(() => {\r\n setCloseOnInteract(viewPortWidth);\r\n }, [viewPortWidth]);\r\n\r\n useEffect(() => {\r\n if (location.includes(\"cards\")) {\r\n setLinkStage(1);\r\n } else if (location.includes(\"credits\")) {\r\n setLinkStage(2);\r\n } else if (location.includes(\"contact-us\")) {\r\n setLinkStage(3);\r\n } else if (location.includes(\"profile\")) {\r\n setLinkStage(4);\r\n } else if (location.includes(\"recovery\")) {\r\n setLinkStage(5);\r\n } else {\r\n setLinkStage(0);\r\n }\r\n }, [location]);\r\n return (\r\n \r\n 
\r\n \r\n \r\n
\r\n \r\n {\r\n setSideOpen(!sideOpen);\r\n }}\r\n >\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {locale === \"РУС\" ? \"Халкбанк\" : \"Halkbank\"}
\r\n\r\n {locale === \"РУС\"\r\n ? '\"Главная ценность Банка-наши Клиенты\"'\r\n : '\"Bankyň esasy gymmatlygy Müşderilerdir\"'}\r\n
\r\n \r\n\r\n {\r\n setLangOpen(!langOpen);\r\n }}\r\n >\r\n \r\n \r\n \r\n {\r\n setProfile(!profile);\r\n }}\r\n ref={userBlock}\r\n >\r\n \r\n {user ? (\r\n user.username ? (\r\n `${user.username}`\r\n ) : (\r\n
\r\n
\r\n \r\n 
\r\n
\r\n {language}
\r\n\r\n \r\n
\r\n - \r\n
\r\n
\r\n - \r\n
- \r\n \r\n {locale === \"TKM\"\r\n ? \"Profiliň maglumaty\"\r\n : \"Данные профиля\"}\r\n \r\n \r\n
- \r\n \r\n {locale === \"TKM\"\r\n ? \"Açar sözüni çalyşmak\"\r\n : \"Смена пароля\"}\r\n \r\n \r\n
- \r\n
\r\n 
\r\n
\r\n \r\n {user ? (\r\n user.username ? (\r\n `${user.username}`\r\n ) : (\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {\r\n setLinkStage(1);\r\n }}\r\n >\r\n {\r\n if (closeOnInteract) {\r\n setSideOpen(true);\r\n }\r\n }}\r\n >\r\n {\r\n setLinkStage(2);\r\n }}\r\n >\r\n {\r\n if (closeOnInteract) {\r\n setSideOpen(true);\r\n }\r\n }}\r\n >\r\n {\r\n setLinkStage(3);\r\n }}\r\n >\r\n {\r\n if (closeOnInteract) {\r\n setSideOpen(true);\r\n }\r\n }}\r\n >\r\n
\r\n
\r\n \r\n - \r\n
- \r\n
\r\n {locale === \"TKM\" ? \"Bölümler\" : \"Разделы\"}\r\n
\r\n\r\n
\r\n 
\r\n
\r\n \r\n {locale === \"TKM\" ? \"Plastik kartlar\" : \"Пластиковые карты\"}\r\n \r\n \r\n \r\n \r\n 
\r\n
\r\n {locale === \"TKM\" ? \"Karzlar\" : \"Кредиты\"}\r\n \r\n \r\n \r\n