\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 COMPONENTS\r\nimport Breadcrumb from \"../components/global/Breadcrumb\";\r\n\r\nconst Base = () => {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n 
\r\n
\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\n
\r\n
\r\n \r\n Добро пожаловать, Aman Amanow\r\n
\r\n| ID | \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\n
\r\n Онлайн-заявка для получения карты
\r\n \r\n| ID | \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\n
\r\n Онлайн-заявка для получения кредита
\r\n \r\n| ID | \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\n
\r\n
\r\n\r\nСохранять данные банковской карты на веб-сайтах
\r\n\r\n\r\n\r\n
\r\n\r\n \r\n\r\n При использовании общедоступных сетей «Wi-Fi», старайтесь не\r\n вводить свою личную информацию, а к незнакомым сетям «Wi-Fi»\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\n\r\n При использовании общедоступных сетей «Wi-Fi», старайтесь не\r\n вводить свою личную информацию, а к незнакомым сетям «Wi-Fi»\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\n\r\n При использовании общедоступных сетей «Wi-Fi», старайтесь не\r\n вводить свою личную информацию, а к незнакомым сетям «Wi-Fi»\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\n\r\n При использовании общедоступных сетей «Wi-Fi», старайтесь не\r\n вводить свою личную информацию, а к незнакомым сетям «Wi-Fi»\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\n\r\n \r\n\r\n При использовании общедоступных сетей «Wi-Fi», старайтесь не\r\n вводить свою личную информацию, а к незнакомым сетям «Wi-Fi»\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\n\r\n При использовании общедоступных сетей «Wi-Fi», старайтесь не\r\n вводить свою личную информацию, а к незнакомым сетям «Wi-Fi»\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\n\r\n При использовании общедоступных сетей «Wi-Fi», старайтесь не\r\n вводить свою личную информацию, а к незнакомым сетям «Wi-Fi»\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\n\r\n При использовании общедоступных сетей «Wi-Fi», старайтесь не\r\n вводить свою личную информацию, а к незнакомым сетям «Wi-Fi»\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\n Физическое лицо
\r\n\r\n 
\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Stage1;\r\n","export const ValidatePassword = (password) => {\r\n const decimal =\r\n /^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\\s).{8,15}$/;\r\n if (password.match(decimal)) {\r\n return true;\r\n }\r\n return false;\r\n};\r\n","// IMPORT MODULES\r\nimport React, { useState, useEffect } from \"react\";\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\n\r\nconst Stage2 = ({ setRecoveryOpen, setRecStage }) => {\r\n const [inputValid, setInputValid] = useState({\r\n newPassword: false,\r\n confirm: false,\r\n match: false,\r\n });\r\n\r\n const [valid, setValid] = useState(false);\r\n\r\n const [input, setInput] = useState({\r\n new: \"\",\r\n confirm: \"\",\r\n });\r\n\r\n const [btnEnabled, setBtnEnabled] = useState(false);\r\n useEffect(() => {\r\n if (inputValid.newPassword && inputValid.confirm && inputValid.match) {\r\n setBtnEnabled(true);\r\n } else {\r\n setBtnEnabled(false);\r\n }\r\n }, [inputValid]);\r\n\r\n useEffect(() => {\r\n if (input.new === input.confirm) {\r\n setInputValid({ ...inputValid, match: true });\r\n } else {\r\n setInputValid({ ...inputValid, match: false });\r\n }\r\n }, [input]);\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Stage2;\r\n","// IMPORT MODULES\r\nimport React, { useState, useEffect, 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\nconst PasswordRec = ({ recoveryOpen, setRecoveryOpen }) => {\r\n const [recStage, setRecStage] = useState(1);\r\n const ref = useRef();\r\n useEffect(() => {\r\n if (!recoveryOpen) {\r\n document.body.style.overflowY = \"visible\";\r\n } else {\r\n document.body.style.overflowY = \"hidden\";\r\n }\r\n window.addEventListener(\"mousedown\", (e) => {\r\n if (recoveryOpen && ref.current && !ref.current.contains(e.target)) {\r\n setRecoveryOpen(false);\r\n }\r\n });\r\n\r\n return () => {\r\n window.removeEventListener(\"mousedown\", () => {});\r\n };\r\n }, [recoveryOpen, setRecoveryOpen]);\r\n\r\n return (\r\n \r\n
\r\n \r\n {recStage === 1 ? (\r\n
\r\n \r\n
\r\n \r\n \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","export const ValidatePhoneNumber = (number) => {\r\n const numberRegEx1 = /^([+])?\\d{10}$/;\r\n const numberRegEx2 = /^([+])?\\d{11}$/;\r\n const numberRegEx3 = /^([+])?\\d{11}$/;\r\n const numberRegEx4 = /^([+])?\\d{12}$/;\r\n const numberRegEx5 = /^([+])?\\d{9}$/;\r\n if (number.match(numberRegEx1)) {\r\n return true;\r\n }\r\n if (number.match(numberRegEx2)) {\r\n return true;\r\n }\r\n if (number.match(numberRegEx3)) {\r\n return true;\r\n }\r\n if (number.match(numberRegEx4)) {\r\n return true;\r\n }\r\n if (number.match(numberRegEx5)) {\r\n return true;\r\n }\r\n return false;\r\n};\r\n","export const getDate = (reduce) => {\r\n const today = new Date();\r\n const month =\r\n today.getMonth() + 1 > 9\r\n ? today.getMonth() + 1\r\n : \"0\" + (today.getMonth() + 1);\r\n const date =\r\n today.getFullYear() - reduce + \"-\" + month + \"-\" + today.getDate();\r\n\r\n return date;\r\n};\r\n","// IMPORT MODULES\r\nimport React, { useState, useEffect } from \"react\";\r\n\r\n// IMPORT IMAGES\r\nimport up from \"../../icons/clipboard-white.svg\";\r\n\r\n// IMPORT COMPONENTS\r\nimport CustomSelect from \"../global/CustomSelect\";\r\nimport LogoBg from \"../global/LogoBg\";\r\n\r\n// IMPORT HELPERS\r\nimport { ValidatePassword } from \"../../validators/ValidatePassword\";\r\nimport { ValidateEmail } from \"../../validators/ValidateEmail\";\r\nimport { ValidateUserName } from \"../../validators/ValidateUserName\";\r\nimport { ValidatePhoneNumber } from \"../../validators/ValidatePhoneNumber\";\r\nimport { getDate } from \"../../helpers/Date\";\r\n\r\nconst RegForm = () => {\r\n const [passwords, setPasswords] = useState({\r\n p1: \"\",\r\n p2: \"\",\r\n });\r\n\r\n const [inputValid, setInputValid] = useState({\r\n surname: false,\r\n name: false,\r\n fathers: false,\r\n date: false,\r\n ppNum: false,\r\n ppAddr: false,\r\n address: false,\r\n email: false,\r\n mobileTel: false,\r\n homeTel: false,\r\n user: false,\r\n password: false,\r\n match: false,\r\n });\r\n\r\n const [ppSerie, setPpSerie] = useState(false);\r\n const [ppPrefix, setPpPrefix] = useState(false);\r\n\r\n const [validateTop, setValidateTop] = useState(false);\r\n const [validateBottom, setValidateBottom] = useState(false);\r\n const [btnEnabled, setBtnEnabled] = useState(false);\r\n\r\n useEffect(() => {\r\n if (passwords.p1 === passwords.p2) {\r\n setInputValid({ ...inputValid, match: true });\r\n } else {\r\n setInputValid({ ...inputValid, match: false });\r\n }\r\n }, [passwords]);\r\n\r\n useEffect(() => {\r\n if (\r\n inputValid.surname &&\r\n inputValid.name &&\r\n inputValid.fathers &&\r\n inputValid.date &&\r\n ppSerie &&\r\n ppPrefix &&\r\n inputValid.ppNum &&\r\n inputValid.ppAddr &&\r\n inputValid.address &&\r\n inputValid.email &&\r\n inputValid.mobileTel &&\r\n inputValid.homeTel &&\r\n inputValid.user &&\r\n inputValid.password &&\r\n inputValid.match\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 \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\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\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\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\n
\r\n );\r\n};\r\n\r\nexport default App;\r\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./App\";\nimport { BrowserRouter } from \"react-router-dom\";\n\nReactDOM.render(\n