\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 \r\n {locale === \"TKM\"\r\n ? \"Baş sahypa\"\r\n : locale === \"РУС\"\r\n ? \"Главная\"\r\n : locale === \"ENG\"\r\n ? \"Main page\"\r\n : \"Baş sahypa\"}\r\n \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 };","// 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\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\"\r\n ? \"Hoş geldiňiz\"\r\n : locale === \"РУС\"\r\n ? \"Добро пожаловать\"\r\n : locale === \"ENG\"\r\n ? \"Welcome\"\r\n : \"Hoş geldiňiz\"}\r\n ,{\" \"}\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\"\r\n ? \"Hoş geldiňiz\"\r\n : locale === \"РУС\"\r\n ? \"Добро пожаловать\"\r\n : locale === \"ENG\"\r\n ? \"Welcome\"\r\n : \"Hoş geldiňiz\"}\r\n ,{\" \"}\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\r\n {locale === \"TKM\"\r\n ? \"Görnüşi\"\r\n : locale === \"РУС\"\r\n ? \"Тип\"\r\n : locale === \"ENG\"\r\n ? \"Type\"\r\n : \"Görnüşi\"}\r\n | \r\n\r\n {locale === \"TKM\"\r\n ? \"Senesi\"\r\n : locale === \"РУС\"\r\n ? \"Дата\"\r\n : locale === \"ENG\"\r\n ? \"Date\"\r\n : \"Senesi\"}\r\n | \r\n\r\n {locale === \"TKM\"\r\n ? \"Ýagdaýy\"\r\n : locale === \"РУС\"\r\n ? \"Статус\"\r\n : locale === \"ENG\"\r\n ? \"Status\"\r\n : \"Ýagdaýy\"}\r\n | \r\n\r\n {locale === \"TKM\"\r\n ? \"Amal\"\r\n : locale === \"РУС\"\r\n ? \"Действие\"\r\n : locale === \"ENG\"\r\n ? \"Operation\"\r\n : \"Amal\"}\r\n | \r\n
|---|---|---|---|---|
| #{el.id} | \r\n{el.type} | \r\n{el.date} | \r\n\r\n {el.status === \"kart_chykarylmady\" ? (\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 : locale === \"РУС\"\r\n ? \"Заявок нет\"\r\n : locale === \"ENG\"\r\n ? \"There are no applications\"\r\n : \"Tabşyrlan ýüzlenme ýok\"}\r\n | \r\n\r\n | \r\n | \r\n | \r\n |
| \r\n {locale === \"TKM\"\r\n ? \"Tabşyrlan ýüzlenme ýok\"\r\n : locale === \"РУС\"\r\n ? \"Заявок нет\"\r\n : locale === \"ENG\"\r\n ? \"There are no applications\"\r\n : \"Tabşyrlan ýüzlenme ýok\"}\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 === \"kart_chykarylmady\" ? (\r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n {el.action}\r\n | \r\n |
| #{el.id} | \r\n{el.selected_type_account_replenishment} | \r\n\r\n {el.created_at\r\n .split(\" \")[0]\r\n .replace(\"-\", \".\")\r\n .replace(\"-\", \".\")}\r\n | \r\n\r\n {el.status === \"kart_chykarylmady\" ? (\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 console.log(JSON.parse(cardData.data[0].translations[1].attribute_data));\r\n cardData.data.map((el) => {\r\n if (\r\n Object.values(el).includes(inputValid) ||\r\n Object.values(\r\n JSON.parse(\r\n el.translations.find((els) => els.locale === \"ru\").attribute_data\r\n )\r\n ).includes(inputValid) ||\r\n Object.values(\r\n JSON.parse(\r\n el.translations.find((els) => els.locale === \"en\").attribute_data\r\n )\r\n ).includes(inputValid)\r\n ) {\r\n console.log(el.id);\r\n setId(el.id);\r\n setPrice(el.card_cost);\r\n setReq({\r\n TKM: el.documents,\r\n RUS: JSON.parse(\r\n el.translations.find((els) => els.locale === \"ru\").attribute_data\r\n ).documents,\r\n ENG: JSON.parse(\r\n el.translations.find((els) => els.locale === \"en\").attribute_data\r\n ).documents,\r\n });\r\n }\r\n });\r\n }\r\n }, [inputValid, cardData]);\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
\r\n {locale === \"TKM\"\r\n ? \"Hasaba almak\"\r\n : locale === \"РУС\"\r\n ? \"Регистрация\"\r\n : locale === \"ENG\"\r\n ? \"Sign up\"\r\n : \"Hasaba almak\"}\r\n :\r\n
\r\n{data.surname ? data.surname : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Ady\"\r\n : locale === \"РУС\"\r\n ? \"Имя\"\r\n : locale === \"ENG\"\r\n ? \"First name\"\r\n : \"Ady\"}\r\n :\r\n
\r\n{data.name ? data.name : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Atasynyň ady\"\r\n : locale === \"РУС\"\r\n ? \"Отчество\"\r\n : locale === \"ENG\"\r\n ? \"Middle name\"\r\n : \"Atasynyň ady\"}\r\n :\r\n
\r\n{data.middlename ? data.middlename : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Doglan senesi\"\r\n : locale === \"РУС\"\r\n ? \"Дата рождения\"\r\n : locale === \"ENG\"\r\n ? \"Date of birth\"\r\n : \"Doglan senesi\"}\r\n :\r\n
\r\n{data.birthdate ? reformatDate(data.birthdate) : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Mobil telefon\"\r\n : locale === \"РУС\"\r\n ? \"Мобильный телефон\"\r\n : locale === \"ENG\"\r\n ? \"Phone number\"\r\n : \"Mobil telefon\"}\r\n :\r\n
\r\n{data.phone_number ? data.phone_number : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Öý telefon\"\r\n : locale === \"РУС\"\r\n ? \"Домашний телефон\"\r\n : locale === \"ENG\"\r\n ? \"Home phone number\"\r\n : \"Öý telefon\"}\r\n :\r\n
\r\n{data.home_phone_number ? data.home_phone_number : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Email\"\r\n : locale === \"РУС\"\r\n ? \"Эл. адрес\"\r\n : locale === \"ENG\"\r\n ? \"Email\"\r\n : \"Email\"}\r\n :\r\n
\r\n{data.email ? data.email : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"SMS-birikdirme\"\r\n : locale === \"РУС\"\r\n ? \"SMS - подключение\"\r\n : locale === \"ENG\"\r\n ? \"SMS connection\"\r\n : \"SMS-birikdirme\"}\r\n :\r\n
\r\n\r\n {locale === \"TKM\"\r\n ? data.sms_notification\r\n ? \"Hawa\"\r\n : \"Ýok\"\r\n : locale === \"РУС\"\r\n ? data.sms_notification\r\n ? \"Да\"\r\n : \"Нет\"\r\n : locale === \"ENG\"\r\n ? data.sms_notification\r\n ? \"Yes\"\r\n : \"No\"\r\n : data.sms_notification\r\n ? \"Hawa\"\r\n : \"Ýok\"}\r\n
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Pasportyň seriýasy\"\r\n : locale === \"РУС\"\r\n ? \"Серия и номер паспорта\"\r\n : locale === \"ENG\"\r\n ? \"Series and passport number\"\r\n : \"Pasportyň seriýasy\"}\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 : locale === \"РУС\"\r\n ? \"Кем выдан паспорт\"\r\n : locale === \"ENG\"\r\n ? \"Passport issued by\"\r\n : \"Pasport kim tarapyndan berildi\"}\r\n :\r\n
\r\n{data.passport_by ? data.passport_by : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Ýaşaýan salgysy\"\r\n : locale === \"РУС\"\r\n ? \"Адрес прописки\"\r\n : locale === \"ENG\"\r\n ? \"Place of residence\"\r\n : \"Ýaşaýan salgysy\"}\r\n :\r\n
\r\n{data.place_of_residence ? data.place_of_residence : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"AdWelaýaty\"\r\n : locale === \"РУС\"\r\n ? \"Регион\"\r\n : locale === \"ENG\"\r\n ? \"Region\"\r\n : \"Welaýat\"}\r\n
\r\n{data.region_localized ? data.region_localized : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Filial\"\r\n : locale === \"РУС\"\r\n ? \"Филиал\"\r\n : locale === \"ENG\"\r\n ? \"Branch\"\r\n : \"Filial\"}\r\n :\r\n
\r\n{data.branch_localized ? data.branch_localized : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Banka gelmek güni\"\r\n : locale === \"РУС\"\r\n ? \"Дата прихода в банк\"\r\n : locale === \"ENG\"\r\n ? \"Date of arrival at the bank\"\r\n : \"Banka gelmek güni\"}\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
\r\n {locale === \"TKM\"\r\n ? \"Saýlanan wagt\"\r\n : locale === \"РУС\"\r\n ? \"Выбранное время\"\r\n : locale === \"ENG\"\r\n ? \"Selected time\"\r\n : \"Saýlanan wagt\"}\r\n :\r\n
\r\n{data.selected_time ? data.selected_time : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Gizlin söz\"\r\n : locale === \"РУС\"\r\n ? \"Кодовое слово\"\r\n : locale === \"ENG\"\r\n ? \"Codeword\"\r\n : \"Gizlin söz\"}\r\n :\r\n
\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\"\r\n ? \"Redaktirlemek\"\r\n : locale === \"РУС\"\r\n ? \"Редактировать\"\r\n : locale === \"ENG\"\r\n ? \"Edit\"\r\n : \"Redaktirlemek\"}\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 ? \"Tassyklaýaryn\"\r\n : locale === \"РУС\"\r\n ? \"Подтверждаю\"\r\n : locale === \"ENG\"\r\n ? \"Confirm\"\r\n : \"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 {\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 : locale === \"РУС\"\r\n ? \"Онлайн-заявка для получения карты\"\r\n : locale === \"ENG\"\r\n ? \"Online application for card issuance\"\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 {locale === \"TKM\"\r\n ? \"Kartyň görnüşini saýlaň\"\r\n : locale === \"РУС\"\r\n ? \"Выберите вид карты\"\r\n : locale === \"ENG\"\r\n ? \"Choose card type\"\r\n : \"Kartyň görnüşini saýlaň\"}\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 ? \"Şahsy maglumatlar\"\r\n : locale === \"РУС\"\r\n ? \"Личные данные\"\r\n : locale === \"ENG\"\r\n ? \"Personal data\"\r\n : \"Ş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 : locale === \"РУС\"\r\n ? \"Данные для карты\"\r\n : locale === \"ENG\"\r\n ? \"Data for the card\"\r\n : \"Kart üçin 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 ? \"Talaplar we resminamalar\"\r\n : locale === \"РУС\"\r\n ? \"Требования и документы\"\r\n : locale === \"ENG\"\r\n ? \"Requirements and documents\"\r\n : \"Talaplar we resminamalar\"}\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 ? \"Ugratmak\"\r\n : locale === \"РУС\"\r\n ? \"Отправка\"\r\n : locale === \"ENG\"\r\n ? \"Sending\"\r\n : \"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\"\r\n ? \"Töleg\"\r\n : locale === \"РУС\"\r\n ? \"Оплата\"\r\n : locale === \"ENG\"\r\n ? \"Payment\"\r\n : \"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 : locale === \"РУС\"\r\n ? \"Выберите вид карты\"\r\n : locale === \"ENG\"\r\n ? \"Choose card type\"\r\n : \"Kartyň görnüşini saýlaň\"}\r\n
\r\n\r\n
\r\n ) : stage === 3 ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Şahsy maglumatlar\"\r\n : locale === \"РУС\"\r\n ? \"Личные данные\"\r\n : locale === \"ENG\"\r\n ? \"Personal data\"\r\n : \"Ş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 : locale === \"РУС\"\r\n ? \"Данные для карты\"\r\n : locale === \"ENG\"\r\n ? \"Data for the card\"\r\n : \"Kart üçin maglumatlar\"}\r\n
\r\n\r\n
\r\n ) : stage === 5 ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Talaplar we resminamalar\"\r\n : locale === \"РУС\"\r\n ? \"Требования и документы\"\r\n : locale === \"ENG\"\r\n ? \"Requirements and documents\"\r\n : \"Talaplar we resminamalar\"}\r\n
\r\n\r\n
\r\n ) : stage === 6 ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Ugratmak\"\r\n : locale === \"РУС\"\r\n ? \"Отправка\"\r\n : locale === \"ENG\"\r\n ? \"Sending\"\r\n : \"Ugratmak\"}\r\n
\r\n\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n {locale === \"TKM\"\r\n ? \"Töleg\"\r\n : locale === \"РУС\"\r\n ? \"Оплата\"\r\n : locale === \"ENG\"\r\n ? \"Payment\"\r\n : \"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\"\r\n ? \"Saýta geç\"\r\n : locale === \"РУС\"\r\n ? \"Вернуться на сайт\"\r\n : locale === \"ENG\"\r\n ? \"Return to page\"\r\n : \"Saýta geç\"}\r\n
\r\n ) : (\r\n \r\n {locale === \"TKM\"\r\n ? \"Saýta geç\"\r\n : locale === \"РУС\"\r\n ? \"Вернуться на сайт\"\r\n : locale === \"ENG\"\r\n ? \"Return to page\"\r\n : \"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 : locale === \"РУС\"\r\n ? \"Загрузка ваших файлов\"\r\n : locale === \"ENG\"\r\n ? \"Uploading your files\"\r\n : \"Siziň faýllaryňyz ýüklenilýär\"}\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\"\r\n ? \"Saýta geç\"\r\n : locale === \"РУС\"\r\n ? \"Вернуться на сайт\"\r\n : locale === \"ENG\"\r\n ? \"Return to page\"\r\n : \"Saýta geç\"}\r\n
\r\n ) : (\r\n \r\n {locale === \"TKM\"\r\n ? \"Saýta geç\"\r\n : locale === \"РУС\"\r\n ? \"Вернуться на сайт\"\r\n : locale === \"ENG\"\r\n ? \"Return to page\"\r\n : \"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 : locale === \"РУС\"\r\n ? \"Онлайн-заявка для получения карты\"\r\n : locale === \"ENG\"\r\n ? \"Online application for card issuance\"\r\n : \"Kart almak üçin onlaýn-ýüzlenme\"}\r\n
\r\n\r\n 
\r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Ýüzlenme doldurmak\"\r\n : locale === \"РУС\"\r\n ? \"Заполнить заявку\"\r\n : locale === \"ENG\"\r\n ? \"Fill in application\"\r\n : \"Ýüzlenme doldurmak\"}\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n | ID | \r\n\r\n {locale === \"TKM\"\r\n ? \"Görnüşi\"\r\n : locale === \"РУС\"\r\n ? \"Тип\"\r\n : locale === \"ENG\"\r\n ? \"Type\"\r\n : \"Görnüşi\"}\r\n | \r\n\r\n {locale === \"TKM\"\r\n ? \"Senesi\"\r\n : locale === \"РУС\"\r\n ? \"Дата\"\r\n : locale === \"ENG\"\r\n ? \"Date\"\r\n : \"Senesi\"}\r\n | \r\n\r\n {locale === \"TKM\"\r\n ? \"Ýagdaýy\"\r\n : locale === \"РУС\"\r\n ? \"Статус\"\r\n : locale === \"ENG\"\r\n ? \"Status\"\r\n : \"Ýagdaýy\"}\r\n | \r\n\r\n {locale === \"TKM\"\r\n ? \"Amal\"\r\n : locale === \"РУС\"\r\n ? \"Действие\"\r\n : locale === \"ENG\"\r\n ? \"Operation\"\r\n : \"Amal\"}\r\n | \r\n
|---|---|---|---|---|
| #{el.id} | \r\n{el.type} | \r\n{el.date} | \r\n\r\n {el.status === \"kart_chykarylmady\" ? (\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 : locale === \"РУС\"\r\n ? \"Заявок на карты нет\"\r\n : locale === \"ENG\"\r\n ? \"There are no applications for card issuance\"\r\n : \"Tabşyrlan ýüzlenme ýok\"}\r\n | \r\n\r\n | \r\n | \r\n | \r\n |
| \r\n {locale === \"TKM\"\r\n ? \"Tabşyrlan ýüzlenme ýok\"\r\n : locale === \"РУС\"\r\n ? \"Заявок на карты нет\"\r\n : locale === \"ENG\"\r\n ? \"There are no applications for card issuance\"\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\"\r\n ? \"Hasaba almak\"\r\n : locale === \"РУС\"\r\n ? \"Регистрация\"\r\n : locale === \"ENG\"\r\n ? \"Sign up\"\r\n : \"Hasaba almak\"}\r\n :\r\n
\r\n{data.surname ? data.surname : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Ady\"\r\n : locale === \"РУС\"\r\n ? \"Имя\"\r\n : locale === \"ENG\"\r\n ? \"First name\"\r\n : \"Ady\"}\r\n :\r\n
\r\n{data.name ? data.name : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Atasynyň ady\"\r\n : locale === \"РУС\"\r\n ? \"Отчество\"\r\n : locale === \"ENG\"\r\n ? \"Middle name\"\r\n : \"Atasynyň ady\"}\r\n :\r\n
\r\n{data.fathers ? data.fathers : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Doglan senesi\"\r\n : locale === \"РУС\"\r\n ? \"Дата рождения\"\r\n : locale === \"ENG\"\r\n ? \"Date of birth\"\r\n : \"Doglan senesi\"}\r\n :\r\n
\r\n{data.birth ? reformatDate(data.birth) : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Mobil telefon\"\r\n : locale === \"РУС\"\r\n ? \"Мобильный телефон\"\r\n : locale === \"ENG\"\r\n ? \"Phone number\"\r\n : \"Mobil telefon\"}\r\n :\r\n
\r\n{data.mobile ? data.mobile : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Öý telefon\"\r\n : locale === \"РУС\"\r\n ? \"Домашний телефон\"\r\n : locale === \"ENG\"\r\n ? \"Home phone number\"\r\n : \"Öý telefon\"}\r\n :\r\n
\r\n{data.home ? data.home : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Email\"\r\n : locale === \"РУС\"\r\n ? \"Эл. адрес\"\r\n : locale === \"ENG\"\r\n ? \"Email\"\r\n : \"Email\"}\r\n :\r\n
\r\n{data.email ? data.email : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Pasportyň seriýasy\"\r\n : locale === \"РУС\"\r\n ? \"Серия и номер паспорта\"\r\n : locale === \"ENG\"\r\n ? \"Series and passport number\"\r\n : \"Pasportyň seriýasy\"}\r\n :\r\n
\r\n{data.passport ? data.passport : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Pasport kim tarapyndan berildi\"\r\n : locale === \"РУС\"\r\n ? \"Кем выдан паспорт\"\r\n : locale === \"ENG\"\r\n ? \"Passport issued by\"\r\n : \"Pasport kim tarapyndan berildi\"}\r\n :\r\n
\r\n{data.p_address ? data.p_address : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Ýaşaýan salgysy\"\r\n : locale === \"РУС\"\r\n ? \"Адрес прописки\"\r\n : locale === \"ENG\"\r\n ? \"Place of residence\"\r\n : \"Ýaşaýan salgysy\"}\r\n :\r\n
\r\n{data.address ? data.address : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"AdWelaýaty\"\r\n : locale === \"РУС\"\r\n ? \"Регион\"\r\n : locale === \"ENG\"\r\n ? \"Region\"\r\n : \"Welaýat\"}\r\n :\r\n
\r\n{data.region_localized ? data.region_localized : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Filial\"\r\n : locale === \"РУС\"\r\n ? \"Филиал\"\r\n : locale === \"ENG\"\r\n ? \"Branch\"\r\n : \"Filial\"}\r\n :\r\n
\r\n{data.branch_localized ? data.branch_localized : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Iş ýeri\"\r\n : locale === \"РУС\"\r\n ? \"Место работы\"\r\n : locale === \"ENG\"\r\n ? \"Place of work\"\r\n : \"Iş ýeri\"}\r\n :\r\n
\r\n{data.workplace ? data.workplace : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Aýlyk haky\"\r\n : locale === \"РУС\"\r\n ? \"Сумма зарплаты\"\r\n : locale === \"ENG\"\r\n ? \"Amount of salary\"\r\n : \"Aýlyk haky\"}\r\n :\r\n
\r\n{data.salary ? data.salary : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Wezipesi\"\r\n : locale === \"РУС\"\r\n ? \"Должность\"\r\n : locale === \"ENG\"\r\n ? \"Job title\"\r\n : \"Wezipesi\"}\r\n :\r\n
\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 : locale === \"РУС\"\r\n ? \"Стаж с последнего места работы\"\r\n : locale === \"ENG\"\r\n ? \"Length of service from last job\"\r\n : \"Soňky iş ýeri boýunça tejribe\"}\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\"\r\n ? \"Redaktirlemek\"\r\n : locale === \"РУС\"\r\n ? \"Редактировать\"\r\n : locale === \"ENG\"\r\n ? \"Edit\"\r\n : \"Redaktirlemek\"}\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 ? \"Tassyklaýaryn\"\r\n : locale === \"РУС\"\r\n ? \"Подтверждаю\"\r\n : locale === \"ENG\"\r\n ? \"Confirm\"\r\n : \"Tassyklaýaryn\"}\r\n
\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\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\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 : locale === \"РУС\"\r\n ? \"Выберите вид кредита\"\r\n : locale === \"ENG\"\r\n ? \"Choose the type of loan\"\r\n : \"Karzyň görnüşini saýlaň\"}\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 : locale === \"РУС\"\r\n ? \"Калькулятор кредита\"\r\n : locale === \"ENG\"\r\n ? \"Loan calculator\"\r\n : \"Karzyň kalkulýatory\"}\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 ? \"Şahsy maglumatlar\"\r\n : locale === \"РУС\"\r\n ? \"Личные данные\"\r\n : locale === \"ENG\"\r\n ? \"Personal data\"\r\n : \"Ş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 : locale === \"РУС\"\r\n ? \"Данные для кредита\"\r\n : locale === \"ENG\"\r\n ? \"Loan details\"\r\n : \"Karz üçin maglumat\"}\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 : locale === \"РУС\"\r\n ? \"Требования и документы\"\r\n : locale === \"ENG\"\r\n ? \"Requirements and documents\"\r\n : \"Talaplar we resminamalar\"}\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\"\r\n ? \"Ugratmak\"\r\n : locale === \"РУС\"\r\n ? \"Отправка\"\r\n : locale === \"ENG\"\r\n ? \"Sending\"\r\n : \"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 : locale === \"РУС\"\r\n ? \"Выберите вид кредита\"\r\n : locale === \"ENG\"\r\n ? \"Choose the type of loan\"\r\n : \"Karzyň görnüşini saýlaň\"}\r\n
\r\n\r\n
\r\n ) : stage === 3 ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Karzyň kalkulýatory\"\r\n : locale === \"РУС\"\r\n ? \"Калькулятор кредита\"\r\n : locale === \"ENG\"\r\n ? \"Loan calculator\"\r\n : \"Karzyň kalkulýatory\"}\r\n
\r\n\r\n
\r\n ) : stage === 4 ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Şahsy maglumatlar\"\r\n : locale === \"РУС\"\r\n ? \"Личные данные\"\r\n : locale === \"ENG\"\r\n ? \"Personal data\"\r\n : \"Ş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 : locale === \"РУС\"\r\n ? \"Данные для кредита\"\r\n : locale === \"ENG\"\r\n ? \"Loan details\"\r\n : \"Karz üçin maglumat\"}\r\n
\r\n\r\n
\r\n ) : stage === 6 ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Talaplar we resminamalar\"\r\n : locale === \"РУС\"\r\n ? \"Требования и документы\"\r\n : locale === \"ENG\"\r\n ? \"Requirements and documents\"\r\n : \"Talaplar we resminamalar\"}\r\n
\r\n\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n {locale === \"TKM\"\r\n ? \"Ugratmak\"\r\n : locale === \"РУС\"\r\n ? \"Отправка\"\r\n : locale === \"ENG\"\r\n ? \"Sending\"\r\n : \"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 : locale === \"РУС\"\r\n ? \"Онлайн-заявка для получения кредита\"\r\n : locale === \"ENG\"\r\n ? \"Online application for loan issuance\"\r\n : \"Karz almak üçin onlaýn-ýüzlenme\"}\r\n
\r\n\r\n \r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Ýüzlenme doldurmak\"\r\n : locale === \"РУС\"\r\n ? \"Заполнить заявку\"\r\n : locale === \"ENG\"\r\n ? \"Fill in application\"\r\n : \"Ýüzlenme doldurmak\"}\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n | ID | \r\n\r\n {locale === \"TKM\"\r\n ? \"Görnüşi\"\r\n : locale === \"РУС\"\r\n ? \"Тип\"\r\n : locale === \"ENG\"\r\n ? \"Type\"\r\n : \"Görnüşi\"}\r\n | \r\n\r\n {locale === \"TKM\"\r\n ? \"Senesi\"\r\n : locale === \"РУС\"\r\n ? \"Дата\"\r\n : locale === \"ENG\"\r\n ? \"Date\"\r\n : \"Senesi\"}\r\n | \r\n\r\n {locale === \"TKM\"\r\n ? \"Ýagdaýy\"\r\n : locale === \"РУС\"\r\n ? \"Статус\"\r\n : locale === \"ENG\"\r\n ? \"Status\"\r\n : \"Ýagdaýy\"}\r\n | \r\n\r\n {locale === \"TKM\"\r\n ? \"Amal\"\r\n : locale === \"РУС\"\r\n ? \"Действие\"\r\n : locale === \"ENG\"\r\n ? \"Operation\"\r\n : \"Amal\"}\r\n | \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 : locale === \"РУС\"\r\n ? \"Заявок на кредиты нет\"\r\n : locale === \"ENG\"\r\n ? \"There are no applications for loan issuance\"\r\n : \"Tabşyrlan ýüzlenme ýok\"}\r\n | \r\n\r\n | \r\n | \r\n | \r\n |
| \r\n {locale === \"TKM\"\r\n ? \"Tabşyrlan ýüzlenme ýok\"\r\n : locale === \"РУС\"\r\n ? \"Заявок на кредиты нет\"\r\n : locale === \"ENG\"\r\n ? \"There are no applications for loan issuance\"\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 e.preventDefault();\r\n }}\r\n >\r\n {isLoading ? (\r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Hat ýazmak\"\r\n : locale === \"РУС\"\r\n ? \"Написать письмо\"\r\n : locale === \"ENG\"\r\n ? \"Write a letter\"\r\n : \"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 e === \"Plastic cards\"\r\n ) {\r\n setInputValid({ ...inputValid, type: 1 });\r\n } else {\r\n setInputValid({ ...inputValid, type: 2 });\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\"\r\n ? \"Haty ugrat\"\r\n : locale === \"РУС\"\r\n ? \"Отправить письмо\"\r\n : locale === \"ENG\"\r\n ? \"Send the letter\"\r\n : \"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\"\r\n ? \"Açar sözüni çalyşmak\"\r\n : locale === \"РУС\"\r\n ? \"Смена пароля\"\r\n : locale === \"ENG\"\r\n ? \"Change password\"\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 {locale === \"TKM\"\r\n ? \"Ýatda sakla\"\r\n : locale === \"РУС\"\r\n ? \"Сохранить изменения\"\r\n : locale === \"ENG\"\r\n ? \"Save changes\"\r\n : \"Ýatda sakla\"}\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 : locale === \"РУС\"\r\n ? \"Пароль должен содержать не менее 1 цифры, 1 заглавной и 1 прописной буквы, 1 особого знака, и быть не менее 8 и не более 15 символов в длину.\"\r\n : locale === \"ENG\"\r\n ? \"The password must contain at least 1 number, 1 uppercase and 1 lowercase letters, 1 special character, and be at least 8 and not more than 15 characters long.\"\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 \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 : locale === \"РУС\"\r\n ? \"Введен неверный E-mail\"\r\n : locale === \"ENG\"\r\n ? \"Invalid email\"\r\n : \"Nädogry email girizildi\"}\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 : locale === \"РУС\"\r\n ? \"Пароли должны совпадать\"\r\n : locale === \"ENG\"\r\n ? \"Passwords must match\"\r\n : \"Açar sözler gabat gelmeli\"}\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 : locale === \"РУС\"\r\n ? \"Чтобы поменять пароль ваш аккаунт должен быть активирован. Пожалуйста, попробуйте позже\"\r\n : locale === \"ENG\"\r\n ? \"To change your password, your account must be activated. Please try again later\"\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
\r\n {locale === \"TKM\"\r\n ? \"Familiýasy\"\r\n : locale === \"РУС\"\r\n ? \"Фамилия\"\r\n : locale === \"ENG\"\r\n ? \"Surname\"\r\n : \"Familiýasy\"}\r\n :\r\n
\r\n{data.surname ? data.surname : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Ady\"\r\n : locale === \"РУС\"\r\n ? \"Имя\"\r\n : locale === \"ENG\"\r\n ? \"First name\"\r\n : \"Ady\"}\r\n :\r\n
\r\n{data.name ? data.name : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Atasynyň ady\"\r\n : locale === \"РУС\"\r\n ? \"Отчество\"\r\n : locale === \"ENG\"\r\n ? \"Middle name\"\r\n : \"Atasynyň ady\"}\r\n :\r\n
\r\n{data.fathers ? data.fathers : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Doglan senesi\"\r\n : locale === \"РУС\"\r\n ? \"Дата рождения\"\r\n : locale === \"ENG\"\r\n ? \"Date of birth\"\r\n : \"Doglan senesi\"}\r\n :\r\n
\r\n{data.birth ? reformatDate(data.birth) : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Mobil telefon\"\r\n : locale === \"РУС\"\r\n ? \"Мобильный телефон\"\r\n : locale === \"ENG\"\r\n ? \"Phone number\"\r\n : \"Mobil telefon\"}\r\n :\r\n
\r\n{data.mobile ? data.mobile : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Öý telefon\"\r\n : locale === \"РУС\"\r\n ? \"Домашний телефон\"\r\n : locale === \"ENG\"\r\n ? \"Home phone number\"\r\n : \"Öý telefon\"}\r\n :\r\n
\r\n{data.home ? data.home : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Email\"\r\n : locale === \"РУС\"\r\n ? \"Эл. адрес\"\r\n : locale === \"ENG\"\r\n ? \"Email\"\r\n : \"Email\"}\r\n :\r\n
\r\n{data.email ? data.email : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Pasportyň seriýasy\"\r\n : locale === \"РУС\"\r\n ? \"Серия и номер паспорта\"\r\n : locale === \"ENG\"\r\n ? \"Series and passport number\"\r\n : \"Pasportyň seriýasy\"}\r\n :\r\n
\r\n{data.passport ? data.passport : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Pasport kim tarapyndan berildi\"\r\n : locale === \"РУС\"\r\n ? \"Кем выдан паспорт\"\r\n : locale === \"ENG\"\r\n ? \"Passport issued by\"\r\n : \"Pasport kim tarapyndan berildi\"}\r\n :\r\n
\r\n{data.p_address ? data.p_address : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Ýaşaýan salgysy\"\r\n : locale === \"РУС\"\r\n ? \"Адрес прописки\"\r\n : locale === \"ENG\"\r\n ? \"Place of residence\"\r\n : \"Ýaşaýan salgysy\"}\r\n :\r\n
\r\n{data.address ? data.address : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Welaýaty\"\r\n : locale === \"РУС\"\r\n ? \"Регион\"\r\n : locale === \"ENG\"\r\n ? \"Region\"\r\n : \"Welaýat\"}\r\n :\r\n
\r\n{data.region_localized ? data.region_localized : \"-\"}
\r\n \r\n - \r\n
\r\n {locale === \"TKM\"\r\n ? \"Filial\"\r\n : locale === \"РУС\"\r\n ? \"Филиал\"\r\n : locale === \"ENG\"\r\n ? \"Branch\"\r\n : \"Filial\"}\r\n :\r\n
\r\n{data.branch_localized ? data.branch_localized : \"-\"}
\r\n \r\n
\r\n {\r\n setStage(4);\r\n }}\r\n >\r\n {\r\n setModalOpen(false);\r\n setLoader(true);\r\n sendTopupRequest(\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(4);\r\n }}\r\n >\r\n {locale === \"TKM\"\r\n ? \"Redaktirlemek\"\r\n : locale === \"РУС\"\r\n ? \"Редактировать\"\r\n : locale === \"ENG\"\r\n ? \"Edit\"\r\n : \"Redaktirlemek\"}\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 ? \"Tassyklaýaryn\"\r\n : locale === \"РУС\"\r\n ? \"Подтверждаю\"\r\n : locale === \"ENG\"\r\n ? \"Confirm\"\r\n : \"Tassyklaýaryn\"}\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default TopupModal;\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 SvgTopupBlack(_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: 17,\n height: 16,\n viewBox: \"0 0 17 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: \"M7.19216 12.8002H3.26908C3.09567 12.8002 2.92936 12.7159 2.80674 12.5659C2.68412 12.4159 2.61523 12.2124 2.61523 12.0002C2.61523 11.788 2.68412 11.5845 2.80674 11.4345C2.92936 11.2845 3.09567 11.2002 3.26908 11.2002H7.19216C7.36557 11.2002 7.53188 11.2845 7.6545 11.4345C7.77712 11.5845 7.846 11.788 7.846 12.0002C7.846 12.2124 7.77712 12.4159 7.6545 12.5659C7.53188 12.7159 7.36557 12.8002 7.19216 12.8002Z\",\n fill: \"#3A3A3A\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.0385 16H1.96154C1.44131 16 0.942381 15.7471 0.574521 15.2971C0.206662 14.847 0 14.2365 0 13.6V2.4C0 1.76348 0.206662 1.15303 0.574521 0.702944C0.942381 0.252856 1.44131 0 1.96154 0H15.0385C15.5587 0 16.0576 0.252856 16.4255 0.702944C16.7933 1.15303 17 1.76348 17 2.4V13.6C17 14.2365 16.7933 14.847 16.4255 15.2971C16.0576 15.7471 15.5587 16 15.0385 16ZM1.96154 1.6C1.78813 1.6 1.62182 1.68429 1.4992 1.83431C1.37658 1.98434 1.30769 2.18783 1.30769 2.4V13.6C1.30769 13.8122 1.37658 14.0157 1.4992 14.1657C1.62182 14.3157 1.78813 14.4 1.96154 14.4H15.0385C15.2119 14.4 15.3782 14.3157 15.5008 14.1657C15.6234 14.0157 15.6923 13.8122 15.6923 13.6V2.4C15.6923 2.18783 15.6234 1.98434 15.5008 1.83431C15.3782 1.68429 15.2119 1.6 15.0385 1.6H1.96154Z\",\n fill: \"#3A3A3A\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.3462 5.6H0.653846C0.480435 5.6 0.314127 5.51571 0.191507 5.36569C0.0688871 5.21566 0 5.01217 0 4.8C0 4.58783 0.0688871 4.38434 0.191507 4.23431C0.314127 4.08429 0.480435 4 0.653846 4H16.3462C16.5196 4 16.6859 4.08429 16.8085 4.23431C16.9311 4.38434 17 4.58783 17 4.8C17 5.01217 16.9311 5.21566 16.8085 5.36569C16.6859 5.51571 16.5196 5.6 16.3462 5.6Z\",\n fill: \"#3A3A3A\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgTopupBlack);\nexport default __webpack_public_path__ + \"static/media/topup-black.e45d3a054706d3797334e462739b85ea.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 TopupModal from \"../components/topup/TopupModal\";\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 topup from \"../icons/topup-black.svg\";\r\nimport add from \"../icons/add.svg\";\r\nimport allert from \"../icons/info-circle.svg\";\r\n\r\nconst Topup = () => {\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 [topupData, setTopupData] = useState();\r\n const [progress, setProgress] = useState(0);\r\n\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}/type_account_replenishment`)\r\n .then((res) => {\r\n if (isMounted) {\r\n setTopupData(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 : locale === \"РУС\"\r\n ? \"Выберите вид кредита\"\r\n : locale === \"ENG\"\r\n ? \"Choose the type of loan\"\r\n : \"Karzyň görnüşini saýlaň\"}\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 ? \"Şahsy maglumatlar\"\r\n : locale === \"РУС\"\r\n ? \"Личные данные\"\r\n : locale === \"ENG\"\r\n ? \"Personal data\"\r\n : \"Şahsy maglumatlar\"}\r\n
\r\n 2 ? \"line-block active\" : \"line-block\"}>\r\n
\r\n\r\n 2 ? \"icon-block active\" : \"icon-block\"}>\r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Hasaby doldurmak üçin maglumatlar\"\r\n : locale === \"РУС\"\r\n ? \"Данные для пополнения счета\"\r\n : locale === \"ENG\"\r\n ? \"Top up data\"\r\n : \"Hasaby doldurmak üçin 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 ? \"Talaplar we resminamalar\"\r\n : locale === \"РУС\"\r\n ? \"Требования и документы\"\r\n : locale === \"ENG\"\r\n ? \"Requirements and documents\"\r\n : \"Talaplar we resminamalar\"}\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 ? \"Ugratmak\"\r\n : locale === \"РУС\"\r\n ? \"Отправка\"\r\n : locale === \"ENG\"\r\n ? \"Sending\"\r\n : \"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\"\r\n ? \"Töleg\"\r\n : locale === \"РУС\"\r\n ? \"Оплата\"\r\n : locale === \"ENG\"\r\n ? \"Payment\"\r\n : \"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 ? \"Karzyň görnüşini saýlaň\"\r\n : locale === \"РУС\"\r\n ? \"Выберите вид кредита\"\r\n : locale === \"ENG\"\r\n ? \"Choose the type of loan\"\r\n : \"Karzyň görnüşini saýlaň\"}\r\n
\r\n\r\n
\r\n ) : stage === 3 ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Şahsy maglumatlar\"\r\n : locale === \"РУС\"\r\n ? \"Личные данные\"\r\n : locale === \"ENG\"\r\n ? \"Personal data\"\r\n : \"Şahsy maglumatlar\"}\r\n
\r\n\r\n
\r\n ) : stage === 4 ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Hasaby doldurmak üçin maglumatlar\"\r\n : locale === \"РУС\"\r\n ? \"Данные для пополнения счета\"\r\n : locale === \"ENG\"\r\n ? \"Loan details\"\r\n : \"Hasaby doldurmak üçin maglumatlar\"}\r\n
\r\n\r\n
\r\n ) : stage === 5 ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Talaplar we resminamalar\"\r\n : locale === \"РУС\"\r\n ? \"Требования и документы\"\r\n : locale === \"ENG\"\r\n ? \"Requirements and documents\"\r\n : \"Talaplar we resminamalar\"}\r\n
\r\n\r\n
\r\n ) : stage === 6 ? (\r\n \r\n {locale === \"TKM\"\r\n ? \"Ugratmak\"\r\n : locale === \"РУС\"\r\n ? \"Отправка\"\r\n : locale === \"ENG\"\r\n ? \"Sending\"\r\n : \"Ugratmak\"}\r\n
\r\n\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n {locale === \"TKM\"\r\n ? \"Töleg\"\r\n : locale === \"РУС\"\r\n ? \"Оплата\"\r\n : locale === \"ENG\"\r\n ? \"Payment\"\r\n : \"Töleg\"}\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 ? \"Hasaby doldurmak üçin onlaýn ýüzlenme\"\r\n : locale === \"РУС\"\r\n ? \"Онлайн-заявка для пополнения счета\"\r\n : locale === \"ENG\"\r\n ? \"Online application for balance top up\"\r\n : \"Hasaby doldurmak üçin onlaýn ýüzlenme\"}\r\n
\r\n\r\n \r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Ýüzlenme doldurmak\"\r\n : locale === \"РУС\"\r\n ? \"Заполнить заявку\"\r\n : locale === \"ENG\"\r\n ? \"Fill in application\"\r\n : \"Ýüzlenme doldurmak\"}\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n | ID | \r\n\r\n {locale === \"TKM\"\r\n ? \"Görnüşi\"\r\n : locale === \"РУС\"\r\n ? \"Тип\"\r\n : locale === \"ENG\"\r\n ? \"Type\"\r\n : \"Görnüşi\"}\r\n | \r\n\r\n {locale === \"TKM\"\r\n ? \"Senesi\"\r\n : locale === \"РУС\"\r\n ? \"Дата\"\r\n : locale === \"ENG\"\r\n ? \"Date\"\r\n : \"Senesi\"}\r\n | \r\n\r\n {locale === \"TKM\"\r\n ? \"Ýagdaýy\"\r\n : locale === \"РУС\"\r\n ? \"Статус\"\r\n : locale === \"ENG\"\r\n ? \"Status\"\r\n : \"Ýagdaýy\"}\r\n | \r\n\r\n {locale === \"TKM\"\r\n ? \"Amal\"\r\n : locale === \"РУС\"\r\n ? \"Действие\"\r\n : locale === \"ENG\"\r\n ? \"Operation\"\r\n : \"Amal\"}\r\n | \r\n
|---|---|---|---|---|
| #{el.id} | \r\n{el.selected_type_account_replenishment} | \r\n\r\n {el.created_at\r\n .split(\" \")[0]\r\n .replace(\"-\", \".\")\r\n .replace(\"-\", \".\")}\r\n | \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 ? \"Hasaby doldurmak üçin ýüzlenme ýok\"\r\n : locale === \"РУС\"\r\n ? \"Заявок на пополнение счета нет\"\r\n : locale === \"ENG\"\r\n ? \"There are no applications for balance top up\"\r\n : \"Hasaby doldurmak üçin ýüzlenme ýok\"}\r\n | \r\n\r\n | \r\n | \r\n | \r\n |
| \r\n {locale === \"TKM\"\r\n ? \"Hasaby doldurmak üçin ýüzlenme ýok\"\r\n : locale === \"РУС\"\r\n ? \"Заявок на пополнение счета нет\"\r\n : locale === \"ENG\"\r\n ? \"There are no applications for balance top up\"\r\n : \"Hasaby doldurmak üçin ýüzlenme ýok\"}\r\n | \r\n\r\n | \r\n | \r\n | \r\n |
\r\n
\r\n \r\n {locale === \"РУС\"\r\n ? translation.RUS.title\r\n : locale === \"TKM\"\r\n ? translation.TKM.title\r\n : locale === \"ENG\"\r\n ? translation.ENG.title\r\n : translation.TKM.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 : locale === \"TKM\"\r\n ? translation.TKM.rules[0]\r\n : locale === \"ENG\"\r\n ? translation.ENG.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 : locale === \"TKM\"\r\n ? translation.TKM.rules[1]\r\n : locale === \"ENG\"\r\n ? translation.ENG.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 : locale === \"TKM\"\r\n ? translation.TKM.rules[2]\r\n : locale === \"ENG\"\r\n ? translation.ENG.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 : locale === \"TKM\"\r\n ? translation.TKM.rules[3]\r\n : locale === \"ENG\"\r\n ? translation.ENG.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 : locale === \"TKM\"\r\n ? translation.TKM.rules[4]\r\n : locale === \"ENG\"\r\n ? translation.ENG.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 : locale === \"TKM\"\r\n ? translation.TKM.rules[5]\r\n : locale === \"ENG\"\r\n ? translation.ENG.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 \r\n {locale === \"РУС\"\r\n ? \"Личный кабинет\"\r\n : locale === \"TKM\"\r\n ? \"Şahsy kabinet\"\r\n : locale === \"ENG\"\r\n ? \"Private account\"\r\n : \"Şahsy kabinet\"}\r\n
\r\n\r\n \r\n
\r\n \r\n {locale === \"РУС\"\r\n ? \"Физическое лицо\"\r\n : locale === \"TKM\"\r\n ? \"Fiziki tarap\"\r\n : locale === \"ENG\"\r\n ? \"Individual\"\r\n : \"Fiziki tarap\"}\r\n
\r\n\r\n 
\r\n
\r\n \r\n \r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Hasaba gir\"\r\n : locale === \"РУС\"\r\n ? \"Вход\"\r\n : locale === \"ENG\"\r\n ? \"Login\"\r\n : \"Hasaba gir\"}\r\n
\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 : locale === \"TKM\"\r\n ? \"Nädogry maglumatlar girizildi\"\r\n : locale === \"ENG\"\r\n ? \"Invalid credentials\"\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\"\r\n ? \"Açar sözüni unutdym\"\r\n : locale === \"РУС\"\r\n ? \"Забыли пароль?\"\r\n : locale === \"ENG\"\r\n ? \"Forgot password\"\r\n : \"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 \r\n {locale === \"РУС\"\r\n ? \"Войти\"\r\n : locale === \"TKM\"\r\n ? \"Ulgama gir\"\r\n : locale === \"ENG\"\r\n ? \"Log in\"\r\n : \"Ulgama gir\"}\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {locale === \"РУС\"\r\n ? \"Зарегистрироваться\"\r\n : locale === \"TKM\"\r\n ? \"Hasaba almak\"\r\n : locale === \"ENG\"\r\n ? \"Sign up\"\r\n : \"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\"\r\n ? \"Açar sözüni dikeltmek\"\r\n : locale === \"РУС\"\r\n ? \"Восстановление пароля\"\r\n : locale === \"ENG\"\r\n ? \"Password recovery\"\r\n : \"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 : locale === \"РУС\"\r\n ? \"Введен неверный email\"\r\n : locale === \"ENG\"\r\n ? \"Invalid email\"\r\n : \"Nädogry email girizildi\"}\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 \r\n {locale === \"TKM\"\r\n ? \"Ugratmak\"\r\n : locale === \"РУС\"\r\n ? \"Отправить\"\r\n : locale === \"ENG\"\r\n ? \"Send\"\r\n : \"Ugratmak\"}\r\n
\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\"\r\n ? \"Täze açar sözi\"\r\n : locale === \"РУС\"\r\n ? \"Новый пароль\"\r\n : locale === \"ENG\"\r\n ? \"New password\"\r\n : \"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 : locale === \"РУС\"\r\n ? \"Введен неверный код\"\r\n : locale === \"ENG\"\r\n ? \"Invalid code\"\r\n : \"Nädogry kod girizildi\"}\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 : locale === \"РУС\"\r\n ? \"Пароль должен содержать не менее 1 цифры, 1 заглавной и 1 прописной буквы, 1 особого знака, и быть не менее 8 и не более 15 символов в длину.\"\r\n : locale === \"ENG\"\r\n ? \"The password must contain at least 1 number, 1 uppercase and 1 lowercase letters, 1 special character, and be at least 8 and not more than 15 characters long.\"\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 \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 : locale === \"РУС\"\r\n ? \"Пароли должны совпадать\"\r\n : locale === \"ENG\"\r\n ? \"Passwords must match\"\r\n : \"Açar sözler gabat gelmeli\"}\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 \r\n {locale === \"TKM\"\r\n ? \"Üýtget\"\r\n : locale === \"РУС\"\r\n ? \"Изменить\"\r\n : locale === \"ENG\"\r\n ? \"Change\"\r\n : \"Üýtget\"}\r\n
\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 { LanguageContext } from \"../backend/LanguageContext\";\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 { locale } = useContext(LanguageContext);\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\"\r\n ? \"Hasaba almak\"\r\n : locale === \"РУС\"\r\n ? \"Регистрация\"\r\n : locale === \"ENG\"\r\n ? \"Sign up\"\r\n : \"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 : locale === \"РУС\"\r\n ? \"Введен неверный email\"\r\n : locale === \"ENG\"\r\n ? \"Invalid email\"\r\n : \"Nädogry email girizildi\"}\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 : locale === \"РУС\"\r\n ? \"Введен неверный номер\"\r\n : locale === \"ENG\"\r\n ? \"Invalid phone number\"\r\n : \"Nädogry belgi girizildi\"}\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 : locale === \"РУС\"\r\n ? \"Введен неверный номер\"\r\n : locale === \"ENG\"\r\n ? \"Invalid phone number\"\r\n : \"Nädogry belgi girizildi\"}\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 : locale === \"РУС\"\r\n ? \"Данные пользователя\"\r\n : locale === \"ENG\"\r\n ? \"User details\"\r\n : \"Ulanyjynyň maglumatlary\"}\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 : locale === \"РУС\"\r\n ? \"Пароль должен содержать не менее 1 цифры, 1 заглавной и 1 прописной буквы, 1 особого знака, и быть не менее 8 и не более 15 символов в длину.\"\r\n : locale === \"ENG\"\r\n ? \"The password must contain at least 1 number, 1 uppercase and 1 lowercase letters, 1 special character, and be at least 8 and not more than 15 characters long.\"\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 \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 : locale === \"РУС\"\r\n ? `Имя пользователя не может содержать особых знаков, кроме \"_\"`\r\n : locale === \"ENG\"\r\n ? 'User name cannot contain special characters other than \"_\"'\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 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 : locale === \"РУС\"\r\n ? \"Пароли должны совпадать\"\r\n : locale === \"ENG\"\r\n ? \"Passwords must match\"\r\n : \"Açar sözler gabat gelmeli\"}\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 : locale === \"РУС\"\r\n ? \"Этот адресс электронной почты уже используется\"\r\n : locale === \"ENG\"\r\n ? \"This email is already in use\"\r\n : \"Bu email salgysy eýýäm ulanylýar\"}\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 : locale === \"РУС\"\r\n ? \"Это имя пользователя уже используется\"\r\n : locale === \"ENG\"\r\n ? \"This username is already in use\"\r\n : \"Bu email salgysy eýýäm ulanylýar\"}\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 ) : locale === \"РУС\" ? (\r\n\r\n Все поля с символом ( * ) обязательны для заполнения.\r\n Все поля должны быть заполнены латиницей.\r\n
\r\n ) : locale === \"ENG\" ? (\r\n\r\n All fields with the symbol ( * ) are required. All\r\n fields must be filled in Latin.\r\n
\r\n ) : (\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 {locale === \"TKM\"\r\n ? \"Hasaba almak\"\r\n : locale === \"РУС\"\r\n ? \"Зарегистрироваться\"\r\n : locale === \"ENG\"\r\n ? \"Sign up\"\r\n : \"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 };","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 SvgTopup(_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: \"M17.6923 18H2.30769C1.69565 18 1.10868 17.7155 0.675908 17.2092C0.243131 16.7028 0 16.0161 0 15.3V2.7C0 1.98392 0.243131 1.29716 0.675908 0.790812C1.10868 0.284464 1.69565 0 2.30769 0H17.6923C18.3043 0 18.8913 0.284464 19.3241 0.790812C19.7569 1.29716 20 1.98392 20 2.7V15.3C20 16.0161 19.7569 16.7028 19.3241 17.2092C18.8913 17.7155 18.3043 18 17.6923 18ZM2.30769 1.8C2.10368 1.8 1.90802 1.89482 1.76376 2.0636C1.61951 2.23239 1.53846 2.46131 1.53846 2.7V15.3C1.53846 15.5387 1.61951 15.7676 1.76376 15.9364C1.90802 16.1052 2.10368 16.2 2.30769 16.2H17.6923C17.8963 16.2 18.092 16.1052 18.2362 15.9364C18.3805 15.7676 18.4615 15.5387 18.4615 15.3V2.7C18.4615 2.46131 18.3805 2.23239 18.2362 2.0636C18.092 1.89482 17.8963 1.8 17.6923 1.8H2.30769Z\",\n fill: \"white\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8.46079 14.4001H3.8454C3.64139 14.4001 3.44573 14.3053 3.30147 14.1365C3.15722 13.9677 3.07617 13.7388 3.07617 13.5001C3.07617 13.2614 3.15722 13.0325 3.30147 12.8637C3.44573 12.6949 3.64139 12.6001 3.8454 12.6001H8.46079C8.6648 12.6001 8.86046 12.6949 9.00472 12.8637C9.14897 13.0325 9.23002 13.2614 9.23002 13.5001C9.23002 13.7388 9.14897 13.9677 9.00472 14.1365C8.86046 14.3053 8.6648 14.4001 8.46079 14.4001Z\",\n fill: \"white\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.2308 6.3H0.769231C0.565218 6.3 0.369561 6.20518 0.225302 6.0364C0.0810437 5.86761 0 5.63869 0 5.4C0 5.16131 0.0810437 4.93239 0.225302 4.7636C0.369561 4.59482 0.565218 4.5 0.769231 4.5H19.2308C19.4348 4.5 19.6304 4.59482 19.7747 4.7636C19.919 4.93239 20 5.16131 20 5.4C20 5.63869 19.919 5.86761 19.7747 6.0364C19.6304 6.20518 19.4348 6.3 19.2308 6.3Z\",\n fill: \"white\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgTopup);\nexport default __webpack_public_path__ + \"static/media/topup.2bfe76731f2156d07e5e33888c9325e6.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\nimport topup from \"../../icons/topup.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 if (location.includes(\"topup\")) {\r\n setLinkStage(6);\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 {locale === \"TKM\"\r\n ? \"Halkbank\"\r\n : locale === \"РУС\"\r\n ? \"Халкбанк\"\r\n : locale === \"ENG\"\r\n ? \"Halkbank\"\r\n : \"Halkbank\"}\r\n
\r\n\r\n {locale === \"TKM\"\r\n ? '\"Bankyň esasy gymmatlygy Müşderilerdir\"'\r\n : locale === \"РУС\"\r\n ? '\"Главная ценность Банка-наши Клиенты\"'\r\n : locale === \"ENG\"\r\n ? '\"The main value of the Bank is our Clients\"'\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 : locale === \"РУС\"\r\n ? \"Данные профиля\"\r\n : locale === \"ENG\"\r\n ? \"Profile information\"\r\n : \"Profiliň maglumaty\"}\r\n \r\n \r\n
- \r\n \r\n {locale === \"TKM\"\r\n ? \"Açar sözüni çalyşmak\"\r\n : locale === \"РУС\"\r\n ? \"Смена пароля\"\r\n : locale === \"ENG\"\r\n ? \"Change password\"\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 {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 if (closeOnInteract) {\r\n setSideOpen(true);\r\n }\r\n deleteUser();\r\n setUser(null);\r\n }}\r\n >\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Side;\r\n","// IMPORT MODULES\r\nimport React, { useState, useEffect, useContext } from \"react\";\r\nimport { UserContext } from \"../backend/UserContext\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\n// IMPORT COMPONENTS\r\nimport LoggedNav from \"../components/global/LoggedNav\";\r\nimport Footer from \"../components/global/Footer\";\r\nimport Side from \"../components/global/Side\";\r\n\r\nconst Home = ({ ChildEl }) => {\r\n const [sideOpen, setSideOpen] = useState(true);\r\n const navigate = useNavigate();\r\n const { user } = useContext(UserContext);\r\n useEffect(() => {\r\n window.scrollTo(0, 0);\r\n }, []);\r\n useEffect(() => {\r\n if (!user) {\r\n navigate(\"/\");\r\n }\r\n }, [user, navigate]);\r\n\r\n return (\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(6);\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
\r\n {locale === \"TKM\"\r\n ? \"Bölümler\"\r\n : locale === \"РУС\"\r\n ? \"Разделы\"\r\n : locale === \"ENG\"\r\n ? \"Sections\"\r\n : \"Bölümler\"}\r\n
\r\n\r\n
\r\n 
\r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Plastik kartlar\"\r\n : locale === \"РУС\"\r\n ? \"Пластиковые карты\"\r\n : locale === \"ENG\"\r\n ? \"Plastic cards\"\r\n : \"Plastik kartlar\"}\r\n \r\n \r\n \r\n \r\n 
\r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Karzlar\"\r\n : locale === \"РУС\"\r\n ? \"Кредиты\"\r\n : locale === \"ENG\"\r\n ? \"Loans\"\r\n : \"Karzlar\"}\r\n \r\n \r\n \r\n {/* \r\n 
\r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Hasaby doldurmak\"\r\n : locale === \"РУС\"\r\n ? \"Пополнение счета\"\r\n : locale === \"ENG\"\r\n ? \"Top up\"\r\n : \"Hasaby doldurmak\"}\r\n \r\n \r\n */}\r\n \r\n \r\n
\r\n \r\n {locale === \"TKM\"\r\n ? \"Hat ýazmak\"\r\n : locale === \"РУС\"\r\n ? \"Написать письмо\"\r\n : locale === \"ENG\"\r\n ? \"Write a letter\"\r\n : \"Hat ýazmak\"}\r\n \r\n \r\n \r\n \r\n - \r\n
- \r\n
\r\n {locale === \"TKM\"\r\n ? \"Profil\"\r\n : locale === \"РУС\"\r\n ? \"Профиль\"\r\n : locale === \"ENG\"\r\n ? \"Profile\"\r\n : \"Profil\"}\r\n
\r\n \r\n - \r\n \r\n\r\n \r\n {locale === \"TKM\"\r\n ? \"Çykmak\"\r\n : locale === \"РУС\"\r\n ? \"Выход\"\r\n : locale === \"ENG\"\r\n ? \"Exit\"\r\n : \"Çykmak\"}\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 : locale === \"РУС\"\r\n ? \"Данные профиля\"\r\n : locale === \"ENG\"\r\n ? \"Profile information\"\r\n : \"Profiliň maglumaty\"}\r\n \r\n \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 : locale === \"РУС\"\r\n ? \"Смена пароля\"\r\n : locale === \"ENG\"\r\n ? \"Change password\"\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 {locale === \"TKM\"\r\n ? \"Baş sahypa dolanmak\"\r\n : locale === \"РУС\"\r\n ? \"Вернутся на главный сайт\"\r\n : locale === \"ENG\"\r\n ? \"Return to the main page\"\r\n : \"Baş sahypa dolanmak\"}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {loaderActive ? \r\n \r\n
\r\n