\n {text}
\n \n \n Agregado por {user === \"TEACHER\" ? \"Tutor\" : \"tí\"} el {mapDate(date)}\n \n
\n \n \n {isMiddleAdmin(user.email) ? (\n
\n ¡No tienes permiso para visitar este módulo!\n \n ) : (\n <>\n
\n
\n \n Total cobros: \n \n \n Total cobros de {filter.tutor} es{\" \"}\n \n \n {/* Estado del cobro */}\n {/* ({\n value: i,\n label: paymentsStateTranslate(i),\n }))}\n defaultValue={{\n value: \"ASKED\",\n label: paymentsStateTranslate(\"ASKED\"),\n }}\n onChange={(e, option) => {\n try {\n setState(option.value);\n } catch (error) {\n console.log(error);\n }\n }}\n getOptionLabel={(option) => option.label}\n // style={{ height: 50 }}\n size=\"small\"\n fullWidth\n renderInput={(params) => (\n \n ({\n value: i,\n label: paymentsStateTranslate(i),\n }))}\n onChange={(e) => setState(e.value)}\n />\n
\n {/* setState(e.target.value)}\n style={{ width: \"50%\" }}\n >\n {paymentsState.map((i, key) => (\n \n {paymentsStateTranslate(i)}\n \n ))}\n */}\n \n \n {/* {\n try {\n setFilter({ ...filter, tutor: option });\n } catch (error) {\n console.log(error);\n }\n }}\n renderInput={(params) => (\n Tutor */}\n \n ({ value: i._id, label: i.names })),\n ]}\n onChange={(e) => {\n if (e.label === \"Todos\") {\n setFilter({ ...filter, tutor: \"\" });\n } else {\n setFilter({ ...filter, tutor: e.label });\n }\n }}\n />\n
\n {/* {\n const tutorSelected = tutors?.find(\n (i) => i._id === e.target.value\n );\n setFilter({ ...filter, tutor: tutorSelected.names });\n }}\n >\n Todos \n {tutors?.map((i) => (\n \n {i.names}\n \n ))}\n */}\n \n \n Cobros hasta: \n {\n setFilter({\n ...filter,\n date: new Date(e?._d).setHours(23, 59),\n });\n }}\n >\n \n \n
\n
setPayment(rowData)}\n isLoading={loading}\n title={\"Cobros\"}\n columns={[\n { title: \"Tipo objeto\", field: \"type_object\" },\n { title: \"Tutor\", field: \"teacher.names\" },\n { title: \"Estado\", field: \"state\" },\n { title: \"Valor\", field: \"amount\" },\n { title: \"Fecha de ejecución\", field: \"event_date_f\" },\n { title: \"Fecha de cobro\", field: \"created_at\" },\n ]}\n data={data\n .map((i) => ({\n ...i,\n type_object: translateType(i.type_object),\n created_at: mapDate(i.created_at),\n event_date_f: mapDate(i?.object?.event_date),\n db_state: i.state,\n state: paymentsStateTranslate(i.state),\n }))\n .sort((a, b) => {\n if (a > b) return 1;\n if (a < b) return -1;\n return 0;\n })}\n actions={[\n {\n icon: \"refresh\",\n tooltip: \"Recargar\",\n isFreeAction: true,\n onClick: () => getData(),\n },\n (rowData) => ({\n icon: \"warning\",\n tooltip: \"Cambiar estado\",\n isFreeAction: false,\n onClick: () => changeStateColor(rowData),\n }),\n ]}\n options={{\n actionsColumnIndex: -1,\n pageSizeOptions: [5, 10, 20, 50, 100],\n rowStyle: (rowData) => ({\n backgroundColor: rowData.revision_pending,\n }),\n }}\n />\n \n \n )}\n
\n \n \n Deuda total: \n \n \n \n Tutor \n {\n setIdTeacher(e.target);\n dataForPayment.current = null;\n }}\n style={{ width: \"50%\" }}\n >\n Todos \n {teachers.map((i) => (\n \n {i.names}\n \n ))}\n \n Seleccione los cobros que quieres pagar \n \n Hacer pago\n \n \n \n Deuda de: {name} \n \n \n \n ({\n ...i,\n created_at: mapDate(i.created_at),\n event_date_f: mapDate(i?.object?.event_date),\n // db_state: i.state,\n // state: paymentsStateTranslate(i.state),\n }))}\n actions={[\n {\n icon: \"refresh\",\n tooltip: \"Recargar\",\n isFreeAction: true,\n onClick: () => getData(),\n },\n ]}\n options={{\n actionsColumnIndex: -1,\n pageSizeOptions: [5, 10, 20, 50, 100],\n pageSize: 10,\n selection: true,\n }}\n onSelectionChange={(rows) => (dataForPayment.current = rows)}\n />\n Historial de Pagos \n
\n );\n};\n\nexport const ConfirmPayment = ({\n payments,\n setPayments,\n getData,\n idTeacher,\n}) => {\n const [loading, setLoading] = useState(false);\n const user = useSelector((state) => state.user.user);\n const [teacherData, setTeacherData] = useState({});\n\n const getTeacher = async () => {\n if (idTeacher) {\n // console.log(idTeacher.value);\n const res = await TeacherService.getAll({ user });\n setTeacherData(res?.data?.find((item) => item._id === idTeacher));\n } else {\n // console.log(payments[0].id_teacher);\n const res = await TeacherService.getAll({ user });\n setTeacherData(\n res?.data?.find((item) => item._id === payments[0].id_teacher)\n );\n }\n };\n\n useEffect(() => {\n getTeacher();\n }, []); // eslint-disable-next-line\n\n const back = () => {\n getData();\n setPayments(null);\n };\n\n const totalAmount = payments.reduce((acc, next) => acc + next.amount, 0);\n const idPayments = payments.map((item) => item._id);\n\n const handleClick = async () => {\n setLoading(true);\n const res = await PaymentService.confirmPayments({\n token: user.token,\n idPayments,\n totalAmount,\n idTeacher: idTeacher || payments[0].id_teacher,\n });\n if (res?.data?.data) {\n toast.success(\"Datos guardados correctamente!\");\n back();\n }\n setLoading(false);\n };\n\n const datePayment = () => {\n const date = new Date();\n if (date.getDate() >= 15) {\n date.setDate(15);\n // console.log(mapDate(date));\n return mapDate(date);\n }\n date.setDate(15);\n if (date.getMonth() === 0) {\n date.setMonth(11);\n date.setFullYear(date.getFullYear() - 1);\n // console.log(mapDate(date));\n return mapDate(date);\n }\n date.setMonth(date.getMonth() - 1);\n // console.log(mapDate(date));\n return mapDate(date);\n };\n\n const openWhatsApp = (teacherData) => {\n const text = `🚀 ¡Hola ${\n teacherData.names\n }!, acabamos de hacerte un pago por tus servicios\\n\\n*Concepto:* Pago Copywrite hasta ${\n datePayment().split(\" \")[1]\n } de ${\n datePayment().split(\" \")[2]\n }\\n*Valor:* ${totalAmount} COP\\n*Fecha de Pago:* ${mapDate(\n moment()\n )}\\n*Banco:* ${teacherData.bank_name}\\n*Numero de Cuenta:* ${\n teacherData.account_number\n }\\n\\n🌀¡Gracias por tu servicio!`;\n\n const url = `https://api.whatsapp.com/send?phone=${\n teacherData.phone\n }&text=${encodeURIComponent(text)}`;\n window.open(url, teacherData._id);\n };\n\n return (\n \n \n \n {payments.map((item) => (\n \n {`${item.type_object} - `}\n \n ))}\n \n \n \n \n Confirmo que se pago{\" \"}\n {teacherData?.names} , banco:{\" \"}\n {teacherData?.bank_name} , cuenta:{\" \"}\n {teacherData?.account_number} \n \n \n \n \n Confirmar pago\n \n openWhatsApp(teacherData)}\n >\n \n \n );\n};\n\nexport const BillHistory = () => {\n const [data, setData] = useState([]);\n const [loading, setLoading] = useState(false);\n\n const user = useSelector((state) => state.user.user);\n\n const findbills = async () => {\n setLoading(true);\n const res = await PaymentService.findbills({\n token: user.token,\n });\n if (res?.data?.data) setData(res?.data?.data);\n console.log(res.data);\n setLoading(false);\n };\n\n useEffect(() => {\n findbills();\n }, []); // eslint-disable-line\n\n // //console.log(data);\n return (\n \n ({\n ...i,\n created_at: mapDate(i.created_at),\n numPayments: i.id_payments.length,\n }))}\n actions={[\n {\n icon: \"refresh\",\n tooltip: \"Recargar\",\n isFreeAction: true,\n onClick: () => findbills(),\n },\n ]}\n options={{\n actionsColumnIndex: -1,\n pageSizeOptions: [5, 10, 20, 50, 100],\n pageSize: 10,\n }}\n />\n
\n );\n};\n\nexport const MakePaymentsHOC = (props) => {\n const user = useSelector((state) => state.user.user);\n\n if (isSuperAdmin(user.email)) {\n return \n
\n ¡No tienes permiso para visitar este modulo!\n \n \n );\n};\n\nexport default MakePaymentsHOC;\n","import axios from \"axios\";\nimport { URL_API } from \"service/config\";\n\nexport default class FilesService {\n static async getData({ user }) {\n const config = {\n method: \"get\",\n url: URL_API + \"subject\",\n headers: {\n Authorization: user.token,\n },\n };\n try {\n const res = await axios(config);\n return res.data;\n } catch (error) {\n //console.log(error.message);\n return null;\n }\n }\n\n static async getMaterials({ user }) {\n const config = {\n method: \"get\",\n url: URL_API + \"files\",\n headers: {\n Authorization: user.token,\n },\n };\n try {\n const res = await axios(config);\n return res.data;\n } catch (error) {\n //console.log(error.message);\n return null;\n }\n }\n}\n","import GridContainer from \"components/Grid/GridContainer\";\nimport GridItem from \"components/Grid/GridItem\";\n// import CustomReactSelect from \"components/Select/CustomReactSelect\";\nimport MaterialTable from \"material-table\";\nimport React, { useEffect, useState } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport FilesService from \"services/FilesService\";\nimport Button from \"../../components/CustomButtons/Button\";\nimport JSZip from \"jszip\";\nimport { saveAs } from \"file-saver\";\nimport { Checkbox, InputLabel, MenuItem, Select } from \"@material-ui/core\";\nimport { mapDateFormat } from \"functions/comun\";\n\nconst nameZip = (dataState, getNameSubject, checkedBoxes) => {\n let cortes = \"\";\n if (checkedBoxes.corte1 || checkedBoxes.corte2 || checkedBoxes.corte3) {\n cortes = \"-Cortes\";\n if (checkedBoxes.corte1) cortes = cortes + \" 1\";\n if (checkedBoxes.corte2) cortes = cortes + \" 2\";\n if (checkedBoxes.corte3) cortes = cortes + \" 3\";\n }\n if (dataState === \"\") {\n return \"Materials\" + cortes + \".zip\";\n } else {\n return getNameSubject(dataState) + cortes + \".zip\";\n }\n};\n\nconst Files = () => {\n const user = useSelector((state) => state.user.user);\n\n const files = React.useRef([]);\n\n const [dataState, setDataState] = useState(\"\");\n const [subjects, setSubjects] = useState([]);\n const [data, setData] = useState([]);\n const [allData, setAllData] = useState([]);\n const [loading, setLoading] = useState(false);\n const [checkedBoxes, setCheckedBoxes] = useState({\n corte1: false,\n corte2: false,\n corte3: false,\n });\n\n const compare = (a, b) => {\n if (a.label === \"Pruebas\") return -1;\n if (b.label === \"Pruebas\") return -1;\n if (a.label < b.label) {\n return -1;\n }\n if (a.label > b.label) {\n return 1;\n }\n return 0;\n };\n\n const downloadURI = async (uri, filename, files) => {\n if (files.length > 1) {\n const zip = JSZip();\n files.forEach(async (element, i) => {\n const response = await fetch(element.url);\n const blob = await response.blob();\n if (blob) {\n zip.file(element.name, blob);\n }\n if (i === files.length - 1) {\n zip\n .generateAsync({ type: \"blob\" })\n\n .then(function (content) {\n // Descargar el archivo Zip\n\n saveAs(content, nameZip(dataState, getNameSubject, checkedBoxes));\n });\n }\n });\n } else {\n try {\n const response = await fetch(files[0].url);\n const blob = await response.blob();\n if (blob) {\n const link = document.createElement(\"a\");\n link.href = URL.createObjectURL(blob);\n link.download = files[0].name;\n link.click();\n }\n } catch (error) {\n console.error(error);\n }\n }\n };\n\n const getNameSubject = (id) => {\n const name = subjects.filter((s) => s._id === id);\n return name[0].label;\n };\n\n const getSubjects = async () => {\n const response = await FilesService.getData({ user });\n if (response?.data)\n setSubjects(response?.data?.sort((a, b) => compare(a, b)));\n };\n\n const filterMaterial = async () => {\n const dataFiltered = allData.filter(\n (d) => d.partials.subject === getNameSubject(dataState)\n );\n console.log(dataFiltered);\n setData(checkedFilter(dataFiltered));\n };\n\n const getMaterials = async () => {\n const res = await FilesService.getMaterials({ user });\n setData(res?.data);\n setAllData(res?.data);\n setDataState(\"\");\n // setCheckedBoxes({\n // corte1: false,\n // corte2: false,\n // corte3: false,\n // });\n };\n\n const onRowClick = (e, rowData) => {\n window.open(rowData.url);\n };\n\n const handleChange = (e) => {\n setCheckedBoxes({ ...checkedBoxes, [e.target.value]: e.target.checked });\n };\n\n const checkedFilter = (prop) => {\n let dataReturn = []; //array de retorno\n //filtro para el corte 1\n if (checkedBoxes.corte1)\n dataReturn = [\n ...dataReturn,\n ...prop.filter((d) => {\n const dateEvent = {\n month: new Date(d.partials.event_date).getMonth() + 1,\n day: new Date(d.partials.event_date).getDate(),\n };\n //semestre 1\n // entre enero (1) y marzo (3)\n if (1 <= dateEvent.month && dateEvent.month <= 3) {\n //es marzo (3)?\n if (dateEvent.month === 3) {\n //antes del 13?\n if (dateEvent.day < 13) {\n return true;\n } else {\n return false;\n }\n }\n return true;\n }\n //semestre 2\n // entre julio (7) y septiembre (9)\n if (7 <= dateEvent.month && dateEvent.month <= 9) {\n //es julio (7)?\n if (dateEvent.month === 7) {\n //despues del 21?\n if (dateEvent.day >= 21) {\n return true;\n } else {\n return false;\n }\n }\n // es septiembre\n if (dateEvent.month === 9) {\n //antes del 30?\n if (dateEvent.day <= 30) {\n return true;\n } else {\n return false;\n }\n }\n return true;\n }\n return false;\n }),\n ];\n //filtro para el corte 2\n if (checkedBoxes.corte2)\n dataReturn = [\n ...dataReturn,\n ...prop.filter((d) => {\n const dateEvent = {\n month: new Date(d.partials.event_date).getMonth() + 1,\n day: new Date(d.partials.event_date).getDate(),\n };\n // entre marzo (3) y abril (4)\n if (3 <= dateEvent.month && dateEvent.month <= 4) {\n //es marzo (3)?\n if (dateEvent.month === 3) {\n //despues del 21?\n if (dateEvent.day >= 13) {\n return true;\n } else {\n return false;\n }\n }\n // es abril (4)?\n if (dateEvent.month === 4) {\n //antes del 27?\n if (dateEvent.day <= 27) {\n return true;\n } else {\n return false;\n }\n }\n return true;\n }\n // entre octubre (10) y noviembre (11)\n if (10 <= dateEvent.month && dateEvent.month <= 11) {\n //es octubre (10)?\n if (dateEvent.month === 10) {\n //despues del 1?\n if (dateEvent.day >= 1) {\n return true;\n } else {\n return false;\n }\n }\n // es noviembre (11)\n if (dateEvent.month === 11) {\n //antes del 30?\n if (dateEvent.day <= 10) {\n return true;\n } else {\n return false;\n }\n }\n return true;\n }\n return false;\n }),\n ];\n //filtro para el corte 3\n if (checkedBoxes.corte3)\n dataReturn = [\n ...dataReturn,\n ...prop.filter((d) => {\n const dateEvent = {\n month: new Date(d.partials.event_date).getMonth() + 1,\n day: new Date(d.partials.event_date).getDate(),\n };\n // entre abril (4) y julio (7)\n if (4 <= dateEvent.month && dateEvent.month <= 7) {\n //es abril (4)?\n if (dateEvent.month === 4) {\n //despues del 28?\n if (dateEvent.day >= 28) {\n return true;\n } else {\n return false;\n }\n }\n // es julio\n if (dateEvent.month === 7) {\n //antes del 30?\n if (dateEvent.day <= 20) {\n return true;\n } else {\n return false;\n }\n }\n return true;\n }\n // entre noviembre (11) y diciembre (12)\n if (11 <= dateEvent.month) {\n //es noviembre (11)?\n if (dateEvent.month === 11) {\n //despues del 11?\n if (dateEvent.day >= 11) {\n return true;\n } else {\n return false;\n }\n }\n return true;\n }\n return false;\n }),\n ];\n console.log(prop, dataReturn);\n if (dataReturn.length === 0) return prop;\n return dataReturn;\n };\n\n useEffect(() => {\n getSubjects();\n getMaterials();\n }, []); // eslint-disable-line\n\n return (\n \n
\n \n {/* ({ value: i._id, label: i.label }))}\n onChange={(value) => setDataState({ ...dataState, subject: value })}\n value={dataState.subject}\n /> */}\n setDataState(value.target.value)}\n style={{ width: \"100%\" }}\n >\n No seleccionado \n {subjects.map((i) => {\n return (\n \n {i.label}
\n \n );\n })}\n \n \n \n \n Filtrar\n \n \n \n Corte 1 \n \n \n Corte 2 \n \n \n Corte 3 \n \n \n
\n
{\n return {\n ...d.partial_materials,\n date: mapDateFormat(\n d.partials.event_date,\n \"DD MMM YYYY, hh:mm A\"\n ),\n };\n })\n ?.map((i) => {\n return { ...i, size: `${i.size} MB`, name: i.url.slice(-9) };\n })}\n actions={[\n {\n icon: \"refresh\",\n tooltip: \"Recargar\",\n isFreeAction: true,\n onClick: getMaterials,\n },\n (rowData) => ({\n icon: \"download\",\n tooltip: \"Descargar\",\n onClick: async () => {\n setLoading(true);\n await downloadURI(rowData?.url, rowData?.name, files.current);\n setLoading(false);\n },\n }),\n ]}\n onRowClick={onRowClick}\n onSelectionChange={(rows) => (files.current = rows)}\n options={{\n actionsColumnIndex: -1,\n selection: true,\n }}\n >\n \n
\n {averageResults.q4.toFixed(1)} {\" \"}\n
NPS \n \n
\n
\n
¿Obtuviste una buena nota?
{\" \"}\n
{averageResults.q0.toFixed(1)} \n
\n
\n
\n ¿La línea de atención al cliente te respondió de manera amable y\n eficiente?\n
{\" \"}\n
{averageResults.q1.toFixed(1)} \n
\n
\n
\n
\n ¿Sientes confianza y respaldo al contratar con la marca Copywrite?\n
\n
{averageResults.q2.toFixed(1)} \n
\n
\n
¿Nuestros precios son accesibles?
{\" \"}\n
{averageResults.q3.toFixed(1)} \n
\n
\n
\n
\n
\n ¿Cuáles son las razones de que elijas comprar en Copywrite en lugar de\n la competencia?\n
\n
\n
\n {feedback\n .filter((item) => item.q5 !== \"\")\n .map((item, index) => {\n return (\n <>\n \n {item.q5}\n
\n \n
\n {\n return {\n ...a,\n test: getStatus(a.test),\n status: statusTranslate(a.color),\n date: myParseDate(a.created_at),\n subjectText: getSubjectsText(a.subjects),\n };\n })}\n onRowClick={onRowClick}\n options={{\n search: true,\n rowStyle: (rowData) => ({\n backgroundColor: rowData.color,\n }),\n }}\n actions={[\n {\n icon: \"refresh\",\n tooltip: \"Recargar\",\n isFreeAction: true,\n onClick: getInfo,\n },\n ]}\n >\n
\n );\n}\n\nexport default Hiring;\n","import { IconButton } from \"@material-ui/core\";\nimport WhatsappIcon from \"assets/customIcons/WhatsappIcon\";\nimport React from \"react\";\n\nexport default function ({ number, text = \"\" }) {\n const openWhatsApp = () => {\n const url = `https://api.whatsapp.com/send?phone=${number}&text=${encodeURIComponent(\n text\n )}`;\n window.open(url, text.substring(0, 10));\n };\n\n return (\n <>\n openWhatsApp()}>\n \n \n );\n}\n","import {\n Button,\n Divider,\n Grid,\n Switch,\n IconButton,\n Select,\n MenuItem,\n} from \"@material-ui/core\";\nimport SimpleModal from \"components/Modal/SimpleModal\";\nimport React from \"react\";\nimport { useState } from \"react\";\nimport { useEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { useParams } from \"react-router-dom/cjs/react-router-dom.min\";\nimport HiringService from \"services/HiringService\";\nimport SubjectService from \"services/SubjectService\";\nimport StarIcon from \"@material-ui/icons/Star\";\nimport WhatshotIcon from \"@material-ui/icons/Whatshot\";\nimport TeacherService from \"services/TeacherService\";\nimport swal from \"sweetalert\";\nimport PictureAsPdfIcon from \"@material-ui/icons/PictureAsPdf\";\nimport { toast } from \"react-toastify\";\nimport { WhatsApp } from \"@material-ui/icons\";\nimport WhatsappButton from \"components/WhatsappButton/WhatsappButton\";\n\nconst isImage = (string) => {\n switch (string) {\n case \"img\":\n return true;\n case \"jpeg\":\n return true;\n case \"jpg\":\n return true;\n case \"png\":\n return true;\n default:\n return false;\n }\n};\n\nconst translateTypes = (type) => {\n return type?.map((t) => {\n switch (t) {\n case \"partial\":\n return \"Parciales\";\n case \"tutorship\":\n return \"Tutorias\";\n case \"homework\":\n return \"Talleres\";\n default:\n break;\n }\n });\n};\n\nfunction ApplicantDetail() {\n const id = useParams(\"id\");\n const [answers, setAnswer] = useState([]);\n const [info, setInfo] = useState({});\n const [subjects, setSubjects] = useState([]);\n const { user } = useSelector((state) => state.user);\n const [openModal, setOpenModal] = useState(false);\n const [list, setList] = useState([]);\n const [tutor, setTutor] = useState({});\n\n const whatsappMessage = `🍀 Buen día ${info?.names}.\\nQueremos saber si hay algún problema con la realización de tu prueba.🤓\\n📍 *¡Recuerda que tienes 15 días para realizarla desde la aplicación!*`;\n\n const getSubjects = async (idSubjects) => {\n const res = await SubjectService.findAll({ user });\n // console.log(res?.data);\n if (res?.data) {\n setSubjects(\n idSubjects.map((e) => {\n return res?.data?.find((d) => d._id === e);\n })\n );\n }\n };\n\n const getInfo = async () => {\n const info = await HiringService.getTest(id.id);\n if (info?.data?.data) {\n setInfo(info.data.data);\n getSubjects(info.data.data.subjects);\n getAnswers(info.data.data._id);\n }\n };\n\n const getAnswers = async (id) => {\n const res = await HiringService.getAswers({ id });\n if (res?.data?.data) setAnswer(res.data.data);\n };\n\n const whatsappMessageHiring = () => {\n const phone = \"+\" + info.whatsapp;\n const text = `🧢 *¡Hola ${info.names}!*\\nQueremos comunicarte que hemos revisado tu prueba de admisión en Copywrite y ha sido satisfactoria.\\n*¡Felicitaciones!*\\n\\nA tu email enviamos la información que necesitas para comenzar a trabajar con nosotros. ✅\\n\\nEl remitente del correo es\\nno-reply@copywritecol.com`;\n const url = `https://api.whatsapp.com/send?phone=${phone}&text=${encodeURIComponent(\n text\n )}`;\n window.open(url, `payment_link_${info._id}`);\n };\n\n const hire = async () => {\n const data = {\n names: info.names,\n phone: \"+\" + info.whatsapp,\n email: info.email,\n bankName: info.bank,\n accountType: info.account_type,\n accountNumber: info.account_number,\n idLocation: info.idLocation,\n };\n\n swal({\n title: \"¿Seguro?\",\n text: \"Estas a punto de contratar a este aspirante como tutor\",\n icon: \"warning\",\n buttons: true,\n dangerMode: true,\n }).then(async (willDelete) => {\n if (willDelete) {\n const res = await TeacherService.createTeacher({ user, data });\n const colorStatus = await HiringService.updateColor(\n user,\n \"#4d5ebd\",\n info._id\n );\n if (res?.data?.message !== \"OK\") {\n swal(\n \"Error\",\n \"Es posible que ya exista un tutor con este correo\",\n \"error\"\n );\n setTutor(res?.data?.data);\n setOpenModal(true);\n } else {\n setTutor(res?.data?.data);\n swal(\"Ok\", \"Tutor creado\", \"success\").then(setOpenModal(true));\n }\n } else {\n }\n });\n };\n\n const dontHire = () => {\n swal({\n title: \"¿Seguro?\",\n text: \"Estas a punto de rechazar la solucitud de este aspirante\",\n icon: \"warning\",\n buttons: true,\n dangerMode: true,\n }).then(async (willDelete) => {\n if (willDelete) {\n const colorStatus = await HiringService.updateColor(\n user,\n \"#e92d2d\",\n info._id\n );\n const phone = \"+\" + info.whatsapp;\n const text = `🧢 *¡Hola ${info.names}!*\\nLamentamos informarte que tu prueba de admisión en Copywrite no fue satisfactoria.\\n\\nTe animamos a mejorar tus habilidades y considerar volver a presentarte en el futuro. 🎈\\n\\n*Equipo de Copywrite*`;\n const url = `https://api.whatsapp.com/send?phone=${phone}&text=${encodeURIComponent(\n text\n )}`;\n window.open(url, `payment_link_${info._id}`);\n } else {\n }\n });\n };\n\n const startTeacher = async (s, value, index) => {\n let localSubjects = subjects;\n localSubjects[index] = { ...localSubjects[index], status: value };\n setSubjects(localSubjects);\n };\n\n const saveInfo = async () => {\n //asignar al tutor\n for (const subject of subjects) {\n if (subject.status !== \"no\" && subject.status) {\n const res = await SubjectService.updateSubject({\n user,\n data: { idSubject: subject._id, idTeacher: tutor._id },\n isAddTeacher: true,\n });\n if (res?.data?.message === \"OK\") {\n if (subject.status !== \"si\") {\n const res = await SubjectService.startTeacher(\n subject._id,\n tutor._id,\n subject.status,\n user\n );\n if (res?.data?.message === \"OK\") {\n toast.success(\"OK\");\n }\n } else {\n //No se cambia el estado del tutor\n }\n }\n } else {\n //No se asigna a nada el tutor\n }\n }\n toast.success(\"Cambios guardados\");\n setOpenModal(false);\n };\n useEffect(() => {\n getInfo();\n }, []);\n\n return (\n \n
Informacíon básica \n
\n \n Nombre: {info.names} \n \n \n Correo: {info.email} \n \n \n Telefono: +{info.whatsapp} \n \n \n Pais: {info.country} \n \n \n
\n
\n
\n
Informacíon academica \n
\n \n ¿Cuál es tu nivel de estudio?: {info.levelStudy} \n \n \n ¿Qué Pre-grado estudias?: {info.preGrad} \n \n \n ¿En qué Universidad estudiaste?: {info.studies} \n \n \n ¿Qué experiencia tienes realizando Parciales, Tutorías o Talleres?:{\" \"}\n {info.exp} \n \n \n ¿En que asignaturas puedes recibir solicitudes?:{\" \"}\n {/* {subjects?.map((el) => el.label).join(\", \")} */}\n {(subjects ?? []).map((el) => el?.label ?? \"\").join(\", \")} \n \n \n Certificado de notas:{\" \"}\n \n Ver Certificado\n \n \n \n ¿Qué tipo de solicitudes puedes atender?:{\" \"}\n \n {translateTypes(info.types)?.map((t) => {\n return <>{t} ;\n })}\n \n \n \n ¿A través de que medio te enteraste de la oferta?:{\" \"}\n {info.options} \n \n \n
\n
\n
\n
Respuestas de la prueba admisión \n {answers.length > 0 ? (\n
\n \n {console.log(subjects, answers)}\n {subjects.map((e, i) => {\n const results = answers.find(\n (element) => element.id_subject === e._id\n );\n if (results) {\n return (\n \n \n \n Asignatura {subjects[i]?.label} \n \n \n \n \n
\n Prueba\n \n {/*
\n */}\n
\n {subjects[i]?.test &&\n (!isImage(\n subjects[i]?.test?.split(\".\")[\n subjects[i]?.test.split(\".\").length - 1\n ]\n ) ? (\n \n \n Ver archivo \n \n \n ))}\n \n \n Solución\n \n \n
\n {subjects[i]?.solution &&\n (!isImage(\n subjects[i]?.solution?.split(\".\")[\n subjects[i]?.solution?.split(\".\").length - 1\n ]\n ) ? (\n \n \n Ver arvhivo \n \n \n ))}\n \n \n \n \n \n
\n Respuesta del aspirante\n \n
\n {results.answer &&\n (!isImage(\n results.answer?.split(\".\")[\n results.answer?.split(\".\").length - 1\n ]\n ) ? (\n \n \n Ver archivo \n \n \n ))}\n \n \n \n \n );\n } else {\n return
;\n }\n })}\n \n \n ) : (\n No hay respuestas por parte de este aspirante \n )}\n \n \n \n \n \n \n \n \n \n \n Contratar\n \n \n \n \n \n \n No Contratar\n \n \n \n \n \n \n \n \n \n
\n Por favor asigna al tutor a las materias que fue aprovado con su\n respectivo estado.\n
\n
\n {subjects.map((s, index) => {\n return (\n
\n \n {s?.label}
\n \n \n Estado \n {\n startTeacher(s, e.target.value, index);\n }}\n defaultValue={\"no\"}\n >\n Estrella \n Respaldo \n Emergencia \n No asignar \n \n \n \n \n \n );\n })}\n \n \n \n Guardar cambios\n \n \n \n \n \n {\" \"}Notificar por Whatsapp\n
\n \n \n \n \n
\n \n \n
{data?.subject} \n \n \n \n \n ID: {data?._id} \n
\n \n \n Cliente: \n {data?.client}\n \n \n Celular: \n {data?.phone}\n \n \n Recibido: \n {data?.inserted_at}\n \n \n Valor: \n \n \n Fecha parcial: \n {mapDate(data?.event_date)}\n \n {type !== \"homework\" && (\n \n <>\n Duración: \n {`${data?.event_time} ${type === \"partial\" ? \"min\" : \"hora/s\"}`}\n \n \n )}\n \n Estado: \n {partialStateTranslate(data?.state)}\n \n \n Servicio: \n {service}\n \n \n Método de pago: \n {payMetod}\n \n \n \n
\n \n \n {data?.paymentBill && (\n <>\n \n Ver comprobante principal{\" -\"}\n \n \n )}\n \n \n {data?.paymentBill2?.map((item, index, arr) => {\n return (\n \n \n \n Comprobate adicional {index + 1}\n {arr.length > index + 1 && \" -\"}\n \n \n \n );\n })}\n
\n
\n \n \n {!data?.ready ? (\n \n Confirmar\n \n ) : (\n toast.warning(\"Este servicio ya fue confirmado\")}\n >\n Servicio ya confirmado\n \n )}\n \n
i?.internal !== true || i?.collapse)}\n logoText={\"CopyWrite\"}\n logo={logo}\n image={image}\n handleDrawerToggle={handleDrawerToggle}\n open={mobileOpen}\n color={color}\n bgColor={bgColor}\n miniActive={miniActive}\n {...rest}\n />\n \n \n \n
\n
{subject} \n
\n Fecha: \n {date}\n \n
\n {durationInMinutes ? (\n <>\n Duración: \n {`${durationInMinutes} ${time}`}\n \n ) : (\n \"\"\n )}\n {/* Duración: \n {durationInMinutes? durationInMinutes + \"Horas\" : \"\"} */}\n \n
\n {isPartialPayed(state) && (\n
\n )}\n
\n
\n
\n
\n
setStatus(\"disponibles\")}\n >\n \n
Disponibles \n {partials.length} \n \n \n
setStatus(\"aceptados\")}\n >\n \n
Aceptados \n {acceptedPartials.length} \n \n setStatus(\"agendados\")}\n >\n \n
Agendados \n {partialsInCalendar.length} \n \n \n \n \n Disponibles \n Aceptados \n Agendados \n
\n \n );\n};\n\nconst Disponibles = ({ setStatus, partials }) => {\n const history = useHistory();\n return (\n <>\n setStatus(\"\")}\n gridItemStyle={{ marginLeft: -41, marginTop: -40 }}\n />\n \n
Parciales Disponibles \n {partials.length === 0 && (\n
No hay parciales disponibles \n )}\n {partials.map((item) => (\n
\n \n history.push(`/teacher/parciales/${item._id}`)\n }\n state={item.state}\n id={item._id}\n subject={item.subject}\n durationInMinutes={item.event_time}\n costInCOP={item.cost}\n date={mapDateFormat(item.event_date, \"ddd DD MMM, hh:mm A\")}\n time=\"Minutos\"\n />\n
\n ))}\n
setStatus(\"\")}\n gridItemStyle={{ marginLeft: -41, marginTop: -40 }}\n />\n \n
Parciales Aceptados \n {acceptedPartials.length === 0 && (\n
\n Aún no has aceptado ningun parcial\n \n )}\n {acceptedPartials.map((item) => (\n
\n \n history.push(`/teacher/parciales/${item._id}`)\n }\n state={item.state}\n id={item._id}\n subject={item.subject}\n durationInMinutes={item.event_time}\n costInCOP={item.cost}\n date={mapDateFormat(item.event_date, \"ddd DD MMM, hh:mm A\")}\n time=\"Minutos\"\n />\n
\n ))}\n
setStatus(\"\")}\n gridItemStyle={{ marginLeft: -41, marginTop: -40 }}\n />\n \n
Parciales Agendados \n {partialsInCalendar.length === 0 && (\n
No hay parciales disponibles \n )}\n {partialsInCalendar.map((item) => (\n
\n \n history.push(`/teacher/parciales/${item._id}`)\n }\n state={item.state}\n id={item._id}\n subject={item.subject}\n durationInMinutes={item.event_time}\n costInCOP={item.cost}\n date={mapDateFormat(item.event_date, \"ddd DD MMM, hh:mm A\")}\n time=\"Minutos\"\n />\n
\n ))}\n
\n
\n Bienvenido \n \n\n
Solicitudes \n\n
\n
history.push(\"/teacher/parciales\")}\n >\n \n \n
history.push(\"/teacher/talleres\")}\n >\n \n history.push(\"/teacher/tutorias\")}\n >\n \n \n \n Cobros \n \n
history.push(\"/teacher/create-payments\")}\n >\n \n history.push(\"/teacher/request-payments\")}\n >\n \n
Estado de Solicitudes \n
\n
history.push(\"/teacher/payments\")}\n >\n \n \n \n Tools \n \n
history.push(\"/teacher/cotizador\")}\n >\n \n history.push(\"/teacher/q&a\")}\n >\n \n \n \n \n \n Próxima fecha de pago: {Pay_date(month)}\n Periodo a facturar: 16 de {getMonth(moment().month() - 1)} a 15\n de {getMonth(moment().month())}\n \n
\n \n \n );\n};\n\nexport default DashboardTeacher;\n","/* eslint-disable */\nimport { Container, Divider } from \"@material-ui/core\";\nimport GridContainer from \"components/Grid/GridContainer\";\nimport GridItem from \"components/Grid/GridItem\";\nimport SingleLoading from \"components/Loading/SingleLoading\";\nimport React, { useEffect, useState } from \"react\";\nimport { useParams } from \"react-router\";\nimport { mapDate } from \"functions/comun\";\nimport swal from \"sweetalert\";\nimport { css } from \"@emotion/css\";\nimport GoBack from \"components/Navigation/GoBack\";\nimport { useHistory } from \"react-router-dom\";\nimport PartialService from \"services/PartialService\";\nimport { useSelector } from \"react-redux\";\nimport { toast } from \"react-toastify\";\nimport { mapDateFormat } from \"functions/comun\";\nimport { BsBoxArrowInDown } from \"react-icons/bs\";\nimport InfoIcon from \"@material-ui/icons/Info\";\nimport \"../../assets/css/styles.css\";\nimport GetAppIcon from \"@material-ui/icons/GetApp\";\n\nconst pageCss = css`\n div {\n padding: 5px;\n }\n .tr-title {\n color: #ffbc00;\n }\n .tr-title-success {\n color: green;\n }\n`;\n\nconst isPendingTeacher = (partial) => {\n //console.log(\"isPendingTeacher:\", partial.assigned_to);\n //console.log(\"isPendingTeacher:\", partial.assigned_to === null);\n return (\n (partial?.state === \"PENDING\" ||\n partial?.state === \"PAYMENT_ACCEPTED_NO_TEACHER\") &&\n (partial.assigned_to === undefined || partial.assigned_to === null)\n );\n};\n\n/*\nconst isAssignedToTeacher = (partial) => {\n return partial?.state === \"ASSIGNED_TEACHER\" || partial?.state === \"READY\";\n};\n*/\n\nconst notErrorMapping = (text) => {\n if (text === \"ERROR_MAPPING\") return \"\";\n return text;\n};\n\nconst DetailNextPartial = () => {\n const { id } = useParams();\n const history = useHistory();\n const { user } = useSelector((state) => state.user);\n\n const [data, setData] = useState({});\n const [loading, setLoading] = useState(true);\n const [material, setMaterial] = useState([]);\n\n const getPartialData = async () => {\n setLoading(true);\n const res = await PartialService.findByIdTeacherDetail({\n idPartial: id,\n user,\n });\n if (res?.data?.data) {\n setData(res?.data?.data);\n setLoading(false);\n }\n };\n\n const getMaterial = async () => {\n const res = await PartialService.getMaterials({ id });\n setMaterial(res.data.data);\n };\n\n useEffect(() => {\n getPartialData();\n getMaterial();\n }, []); // eslint-disable-line\n\n const { partial, teacher, teacherRequest } = data;\n const isRenderLoading = loading || partial === null || teacher === null;\n\n const rejectPartial = async () => {\n if (teacherRequest?._id) {\n swal({\n title: \"¿Seguro?\",\n text: \"Una vez rechaces el parcial ya no podrás aceptarlo\",\n icon: \"warning\",\n buttons: true,\n dangerMode: true,\n }).then(async (willReject) => {\n if (willReject) {\n setLoading(true);\n const res = await PartialService.rejectPartialTeacher({\n user,\n data: {\n idTeacherRequest: teacherRequest?._id,\n },\n });\n if (res?.data?.message) {\n swal(\"OK\", \"Parcial rechazado\", \"info\").then(() => {\n setLoading(false);\n history.push(\"/teacher/parciales\");\n });\n } else {\n setLoading(false);\n toast.error(\"Ha ocurrio un error\");\n }\n }\n });\n } else {\n toast.error(\n \"Ha ocurrido un error con el parcial, comunicate con soporte\"\n );\n }\n };\n const acceptPartial = () => {\n if (teacherRequest?._id) {\n swal({\n title: \"¿Seguro?\",\n text: \"Se te asignará este parcial\",\n icon: \"warning\",\n buttons: true,\n dangerMode: true,\n }).then(async (ok) => {\n if (ok) {\n setLoading(true);\n const res = await PartialService.acceptPartialTeacher({\n user,\n data: {\n idTeacherRequest: teacherRequest?._id,\n },\n });\n if (res?.data?.message) {\n setLoading(false);\n getPartialData();\n } else {\n setLoading(false);\n toast.error(\"Ha ocurrio un error\");\n }\n }\n });\n } else {\n toast.error(\n \"Ha ocurrido un error con el parcial, comunicate con soporte\"\n );\n }\n };\n\n return (\n <>\n history.push(\"/teacher/parciales\")}\n gridItemStyle={{ marginLeft: -41, marginTop: -40 }}\n />\n {isRenderLoading ? (\n \n \n \n \n \n <>\n \n Información del Parcial\n \n \n\n {partial?.state === \"ASSIGNED_TEACHER\" && (\n \n \n {/* ¡Listo {teacher.names}!, te hemos asignado el siguiente parcial{\" \"} */}\n ¡Listo! has aceptado disponibilidad para el siguiente\n requerimiento.{\" \"}\n Todavia no se ha agendado \n \n \n )}\n\n \n Materia: \n {partial.subject}\n
\n \n Fecha: \n {mapDate(partial.event_date)}\n
\n \n Duración: \n {partial.event_time} Minutos\n
\n {partial?.state === \"PAYMENT_ACCEPTED_NO_TEACHER\" && (\n \n \n Este parcial ya ha sido pagado\n \n \n Temas: \n {partial.topics?.toUpperCase()}\n
\n )}\n {partial.image_uploaded && (\n \n )}\n \n \n \n \n {/* \n Materiales de preparación\n */}\n {material.length > 0 ? (\n <>\n \n Materiales de preparación\n \n {partial?.textMaterial?.split(\"\\n\").map((txm, i, data) => {\n const view = txm.split(\":\");\n if (i >= 2) {\n if (i === data.length - 1) {\n return (\n \n
\n
{`Información adicional: `} \n
{view[1] ? view[1] : \"-\"}
\n
\n
\n
\n
\n {view[0]}\n {\": \\n\"}\n \n
{view[1] ? view[1] : \"-\"}
\n
\n {`${view[0]}: `} \n {view[1] ? view[1] : \"-\"}\n
\n );\n }\n })}\n \n \n Nombre archivo\n \n \n Peso\n \n \n Descargar\n \n {material?.map((item) => {\n return (\n <>\n \n {item.name}\n \n \n {item.size}MB\n \n \n \n \n );\n })}\n \n \n ) : (\n <>\n {data?.partial?.tf_textMaterial ? (\n \n
{`Temas: `} \n
{data?.partial?.tf_textMaterial}
\n
\n Aún no hay material\n \n )}\n \n )}\n \n \n Nombre \n Creado \n Visualizar \n \n {material.map((item) => (\n \n {item.name} \n \n {mapDateFormat(item.created_at, \"ddd DD MMM, hh:mm A\")}\n \n \n \n \n \n \n ))}\n {material.length === 0 && !partial?.tf_file_url && (\n \n \n Aún sin archivos \n \n \n )}\n {partial?.tf_file_url && (\n \n Primer archivo \n \n {mapDateFormat(\n partial?.created_at,\n \"ddd DD MMM, hh:mm A\"\n )}\n \n \n \n \n \n )}\n */}\n \n Descripción: {\" \"}\n \n \n {notErrorMapping(partial?.textMaterial)}\n */}\n \n \n \n {isPendingTeacher(partial) && (\n \n
\n \n Aceptar\n \n
\n
\n \n Rechazar\n \n
\n
\n \n \n En caso de no aceptar este parcial otro tutor puede tomarlo\n en cualquier momento\n \n \n \n )}\n {partial?.state === \"ASSIGNED_TEACHER\" && (\n \n \n \n En un plazo de 6 horas hábiles te notificaremos si el\n estudiante confirmó el pago y tomó el lugar\n \n \n \n )}\n \n \n )}\n \n );\n};\n\nexport default DetailNextPartial;\n","import React, { useEffect } from \"react\";\nimport CustomInput from \"components/CustomInput/CustomInput\";\nimport GridContainer from \"components/Grid/GridContainer\";\nimport Button from \"../../components/CustomButtons/Button\";\nimport { useSelector } from \"react-redux\";\nimport { useState } from \"react\";\nimport swal from \"sweetalert\";\nimport TeacherService from \"services/TeacherService\";\nimport { isValidPasswordDetail } from \"utils/passwordValidator\";\nimport GridItem from \"components/Grid/GridItem\";\nimport SingleLoading from \"components/Loading/SingleLoading\";\n\nconst PerfilTeacher = () => {\n const { token } = useSelector((state) => state.user.user);\n const [password, setPassword] = useState(\"\");\n const [repeatPassword, setRepeatPassword] = useState(\"\");\n const [teacher, setTeacher] = useState({});\n const [loading, setLoading] = useState(false);\n\n useEffect(() => {\n getTeacher();\n }, []); // eslint-disable-line\n\n const isRenderLoading = loading || Object.entries(teacher).length === 0;\n\n const getTeacher = async () => {\n setLoading(true);\n const res = (await TeacherService.getOne({ token })).data;\n setTeacher(res);\n setLoading(false);\n };\n\n const changePassword = async (e) => {\n e.preventDefault();\n\n if (password !== repeatPassword) {\n swal(\"Error\", \"Las contraseñas no coinciden\", \"error\");\n return;\n }\n\n const errors = isValidPasswordDetail(password);\n if (errors.length > 0 && errors !== \"OK\") {\n const arrayErrors = [];\n errors.forEach((error) => {\n arrayErrors.push(error);\n });\n arrayErrors.push(\"Deben ser iguales las contraseñas\");\n swal(\"Error\", `${arrayErrors.map((error) => ` ${error}`)}`, \"error\");\n return;\n }\n\n setLoading(true);\n const res = await TeacherService.updatePasswordTeacher({\n token,\n password,\n });\n if (res) {\n swal(\"Genial\", \"Contraseña actualizada correctamente\", \"success\");\n setPassword(\"\");\n setRepeatPassword(\"\");\n }\n setLoading(false);\n };\n\n return (\n \n \n \n \n \n );\n};\n\nexport default PerfilTeacher;\n","import NextPartialButton from \"components/CustomButtons/NextPartialButton\";\nimport SingleLoading from \"components/Loading/SingleLoading\";\nimport React, { useState, useEffect } from \"react\";\nimport TallerService from \"services/TallerService\";\nimport { mapDateFormat } from \"functions/comun\";\nimport { useSelector } from \"react-redux\";\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\n\nconst TalleresPage = () => {\n const user = useSelector((state) => state.user.user);\n const [loading, setLoading] = useState(false);\n const [homeworks, setHomeworks] = useState([]);\n const history = useHistory();\n\n const getHomeworks = async () => {\n setLoading(true);\n const res = await TallerService.getByTeacherId({ user });\n setHomeworks(\n res?.data?.data.filter(\n (item) => filterByDate(item) && item.is_inserted_at_sales_excel\n )\n );\n setLoading(false);\n };\n\n useEffect(() => {\n getHomeworks();\n }, []); // eslint-disable-line\n\n const filterByDate = (item) => {\n const now = new Date().getTime();\n const EventDate = new Date(item.event_date).getTime();\n if (now > EventDate) {\n return false;\n }\n return true;\n };\n\n if (loading) return \n
Talleres Agendados \n {homeworks.length === 0 && (\n
No hay talleres disponibles \n )}\n {homeworks.map((item) => (\n
\n history.push(`/teacher/talleres/${item._id}`)}\n state={item.state}\n id={item._id}\n subject={item.subject}\n durationInMinutes={item.event_time}\n costInCOP={item.cost}\n date={mapDateFormat(item.event_date, \"ddd DD MMM, hh:mm A\")}\n />\n
\n ))}\n
\n //
\n // !Pronto estará disponible! \n // \n //
\n //
\n
\n
setStatus(\"disponibles\")}\n >\n \n
Disponibles \n {tutorships.length} \n \n \n
setStatus(\"aceptados\")}\n >\n \n
Aceptadas \n {acceptedTutorships.length} \n \n setStatus(\"agendados\")}\n >\n \n
Agendadas \n {tutorshipsInCalendar.length} \n \n \n \n \n Disponibles \n Aceptadas \n Agendadas \n
\n \n \n );\n};\n\nconst Disponibles = ({ setStatus, tutorships }) => {\n const history = useHistory();\n return (\n <>\n setStatus(\"\")}\n gridItemStyle={{ marginLeft: -41, marginTop: -40 }}\n />\n \n
Tutorias Disponibles \n {tutorships.length === 0 && (\n
No hay tutorias disponibles \n )}\n {tutorships.map((item) => (\n
\n \n history.push(`/teacher/tutorias/${item._id}`)\n }\n state={item.state}\n id={item._id}\n subject={item.subject}\n durationInMinutes={item.event_time}\n costInCOP={item.cost}\n date={mapDateFormat(item.event_date, \"ddd DD MMM, hh:mm A\")}\n time=\"Horas\"\n />\n
\n ))}\n
setStatus(\"\")}\n gridItemStyle={{ marginLeft: -41, marginTop: -40 }}\n />\n \n
Tutorias Aceptados \n {acceptedTutorships.length === 0 && (\n
\n Aún no has aceptado ninguna tutoría\n \n )}\n {acceptedTutorships.map((item) => (\n
\n \n history.push(`/teacher/tutorias/${item._id}`)\n }\n state={item.state}\n id={item._id}\n subject={item.subject}\n durationInMinutes={item.event_time}\n costInCOP={item.cost}\n date={mapDateFormat(item.event_date, \"ddd DD MMM, hh:mm A\")}\n time=\"Horas\"\n />\n
\n ))}\n
setStatus(\"\")}\n gridItemStyle={{ marginLeft: -41, marginTop: -40 }}\n />\n \n
Parciales Agendados \n {tutorshipsInCalendar.length === 0 && (\n
No hay parciales disponibles \n )}\n {tutorshipsInCalendar.map((item) => (\n
\n \n history.push(`/teacher/tutorias/${item._id}`)\n }\n state={item.state}\n id={item._id}\n subject={item.subject}\n durationInMinutes={item.event_time}\n costInCOP={item.cost}\n date={mapDateFormat(item.event_date, \"ddd DD MMM, hh:mm A\")}\n time=\"Horas\"\n />\n
\n ))}\n
history.push(\"/teacher/tutorias\")}\n gridItemStyle={{ marginLeft: -41, marginTop: -40 }}\n />\n {isRenderLoading ? (\n \n \n \n \n \n <>\n \n Información de la Tutoría\n \n \n\n {tutorship?.state === \"ASSIGNED_TEACHER\" && (\n \n \n {/* ¡Listo {teacher.names}!, te hemos asignado el siguiente Tutoría{\" \"} */}\n ¡Listo! has aceptado disponibilidad para el siguiente\n requerimiento.{\" \"}\n Todavia no se ha agendado \n \n \n )}\n\n \n Materia: \n {tutorship.subject}\n
\n \n Fecha: \n {mapDate(tutorship.event_date)}\n
\n \n Duración: \n {tutorship.event_time} Hora/s\n
\n {tutorship?.state === \"PAYMENT_ACCEPTED_NO_TEACHER\" && (\n \n \n Esta Tutoría ya ha sido pagada\n \n \n Temas: \n {tutorship.topics?.toUpperCase()}\n
\n )}\n {tutorship.image_uploaded && (\n \n )}\n \n \n \n \n {/* \n Materiales de preparación\n */}\n {material.length > 0 ? (\n <>\n \n Materiales de preparación\n \n {tutorship?.textMaterial?.split(\"\\n\").map((txm, i, data) => {\n const view = txm.split(\":\");\n if (i >= 2) {\n if (i === data.length - 1) {\n return (\n \n
\n
{`Información adicional: `} \n
{view[1] ? view[1] : \"-\"}
\n
\n
\n
\n
\n {view[0]}\n {\": \\n\"}\n \n
{view[1] ? view[1] : \"-\"}
\n
\n {`${view[0]}: `} \n {view[1] ? view[1] : \"-\"}\n
\n );\n }\n })}\n \n \n Nombre archivo\n \n \n Peso\n \n \n Descargar\n \n {material?.map((item) => {\n return (\n <>\n \n {item.name}\n \n \n {item.size}MB\n \n \n \n \n );\n })}\n \n \n ) : (\n <>\n {data?.tutorship?.tf_textMaterial ? (\n \n
{`Temas: `} \n
{data?.partial?.tf_textMaterial}
\n
\n Aún no hay material\n \n )}\n \n )}\n \n \n Nombre \n Creado \n Visualizar \n \n {material.map((item) => (\n \n {item.name} \n \n {mapDateFormat(item.created_at, \"ddd DD MMM, hh:mm A\")}\n \n \n \n \n \n \n ))}\n {material.length === 0 && !partial?.tf_file_url && (\n \n \n Aún sin archivos \n \n \n )}\n {partial?.tf_file_url && (\n \n Primer archivo \n \n {mapDateFormat(\n partial?.created_at,\n \"ddd DD MMM, hh:mm A\"\n )}\n \n \n \n \n \n )}\n */}\n \n Descripción: {\" \"}\n \n \n {notErrorMapping(partial?.textMaterial)}\n */}\n \n \n \n {isPendingTeacher(tutorship) && (\n \n
\n \n Aceptar\n \n
\n
\n \n Rechazar\n \n
\n
\n \n \n En caso de no aceptar esta Tutoría otro tutor puede tomarla\n en cualquier momento\n \n \n \n )}\n {tutorship?.state === \"ASSIGNED_TEACHER\" && (\n \n \n \n En un plazo de 6 horas hábiles te notificaremos si el\n estudiante confirmó el pago y tomó el lugar\n \n \n \n )}\n \n \n // \n // \n // \n // \n // \n // {tutorship?.state === \"PENDING\" && (\n // <>\n // \n // Información de la Tutoria\n // \n // \n // )}\n // {tutorship?.state === \"ASSIGNED_TEACHER\" && (\n // \n // \n // ¡Listo {teacher?.names}!, te hemos asignado la siguiente\n // tutoria{\" \"}\n // \n // \n // )}\n\n // \n // Materia: \n // {tutorship.subject}\n //
\n // \n // Fecha: \n // {mapDate(tutorship.event_date)}\n //
\n // \n // Duración: \n // {tutorship.event_time} Horas\n //
\n // {tutorship?.state === \"PAYMENT_ACCEPTED_NO_TEACHER\" && (\n // \n // \n // Esta tutoria ya ha sido pagada\n // \n // \n // Temas: \n // {tutorship.topics?.toUpperCase()}\n //
\n // )}\n // \n // {isPendingTeacher(tutorship) && (\n // \n //
\n // \n // Aceptar\n // \n //
\n //
\n // \n // Rechazar\n // \n //
\n //
\n // \n // \n // En caso de no aceptar esta tutoria otro tutor puede tomarlo\n // en cualquier momento\n // \n // \n // \n // )}\n // {tutorship?.state === \"ASSIGNED_TEACHER\" && (\n // \n // \n // \n // En un plazo de 6 horas hábiles te notificaremos si el\n // estudiante confirmó el pago y tomó el lugar\n // \n // \n // \n // )}\n // \n // \n )}\n \n );\n};\n\nexport default DetailNextTutorship;\n","import {\n Box,\n Button,\n Modal,\n TextareaAutosize,\n Typography,\n} from \"@material-ui/core\";\nimport SingleLoading from \"components/Loading/SingleLoading\";\nimport SimpleModal from \"components/Modal/SimpleModal\";\nimport FormatMoney from \"components/Money/FormatMoney\";\nimport { Pay_date } from \"functions/Pay_date\";\nimport { splitText } from \"functions/comun\";\nimport { mapDateFormat } from \"functions/comun\";\nimport moment from \"moment\";\nimport React, { useEffect, useState } from \"react\";\nimport { isMobile } from \"react-device-detect\";\nimport { useSelector } from \"react-redux\";\nimport { toast } from \"react-toastify\";\nimport PartialService from \"services/PartialService\";\nimport TallerService from \"services/TallerService\";\nimport ClearIcon from \"@material-ui/icons/Clear\";\nimport TutorService from \"services/TutorService\";\n\nconst getMonth = (month) => {\n const months = [\n \"Enero\",\n \"Febrero\",\n \"Marzo\",\n \"Abril\",\n \"Mayo\",\n \"Junio\",\n \"Julio\",\n \"Agosto\",\n \"Septiembre\",\n \"Octubre\",\n \"Noviembre\",\n \"Diciembre\",\n ];\n return months[month];\n};\n\nconst TeacherPayments = () => {\n const [modal, setModal] = useState(false);\n // const [partials, setPartials] = useState([]);\n // const [partial, setPartial] = useState(null);\n const [loading, setLoading] = useState(false);\n const [comment, setComment] = useState(\"\");\n // const [tutorships, setTutorships] = useState([]);\n // const [homeworks, setHomeworks] = useState([]);\n const [modalInfo, setModalInfo] = useState({});\n const [allData, setAllData] = useState([]);\n const [show, setShow] = useState(false);\n\n const user = useSelector((state) => state.user.user);\n\n const openModal = (rowData) => {\n setModal(true);\n // setPartial(rowData);\n setModalInfo(rowData);\n };\n\n const getPartials = async () => {\n const res = await PartialService.findPartialsForPayment({\n token: user.token,\n });\n if (res?.data?.data) {\n let ps = res?.data?.data?.map((p) => {\n return { ...p, typeRequest: \"Parcial\" };\n });\n return ps.filter((p) => {\n const now = new Date();\n const eventDate = new Date(p.event_date);\n return eventDate.getTime() + 3024600000 > now;\n });\n }\n };\n\n const getTutorships = async () => {\n const res = await TutorService.findTutorshipsForPayment({\n token: user.token,\n });\n if (res?.data?.data) {\n let ts = res?.data?.data?.map((t) => {\n return { ...t, typeRequest: \"Tutoria\" };\n });\n return ts.filter((t) => {\n const now = new Date();\n const eventDate = new Date(t.event_date);\n return eventDate.getTime() + 3024600000 > now;\n });\n }\n };\n\n const getHomeworks = async () => {\n const res = await TallerService.findHomeworksForPayment({\n token: user.token,\n });\n if (res?.data?.data) {\n // return res?.data?.data?.map((t) => {\n // return { ...t, typeRequest: \"Taller\" };\n // });\n let hs = res?.data?.data?.map((h) => {\n return { ...h, typeRequest: \"Taller\" };\n });\n return hs.filter((h) => {\n const now = new Date();\n const eventDate = new Date(h.event_date);\n return eventDate.getTime() + 3024600000 > now;\n });\n }\n };\n\n const handleSubmit = async () => {\n setLoading(true);\n // //console.log(\"===> \", modalInfo.typeRequest);\n switch (modalInfo.typeRequest) {\n case \"Parcial\":\n if (\n modalInfo?.ready ||\n new Date(modalInfo.updated_at).getTime() <\n new Date(\"11/02/2023 13:00\").getTime()\n ) {\n const resPartial = await PartialService.sendPayment({\n token: user.token,\n typeObject: \"PARTIAL\",\n idObject: modalInfo._id,\n amount: modalInfo.debt_to_teacher,\n comment,\n });\n if (resPartial?.data?.status) {\n setModal(false);\n toast.success(\"Cobro de parcial enviado correctamente!\");\n getAllData();\n // setPartial(null);\n setModalInfo(null);\n } else toast.error(resPartial?.data?.message);\n }\n break;\n case \"Tutoria\":\n if (\n modalInfo?.ready ||\n new Date(modalInfo.updated_at).getTime() <\n new Date(\"11/02/2023 13:00\").getTime()\n ) {\n const resTutorship = await PartialService.sendPayment({\n token: user.token,\n typeObject: \"TUTORSHIP\",\n idObject: modalInfo._id,\n amount: modalInfo.debt_to_teacher,\n comment,\n });\n if (resTutorship?.data?.status) {\n setModal(false);\n toast.success(\"Cobro de tutoria enviado correctamente!\");\n getAllData();\n // setPartial(null);\n setModalInfo(null);\n } else toast.error(resTutorship?.data?.message);\n }\n break;\n case \"Taller\":\n if (\n modalInfo?.ready ||\n new Date(modalInfo.updated_at).getTime() <\n new Date(\"11/02/2023 13:00\").getTime()\n ) {\n if (\n new Date().getTime() >\n new Date(modalInfo.event_date).getTime() + 14400000\n ) {\n console.log(\"ok\");\n const resHomework = await PartialService.sendPayment({\n token: user.token,\n typeObject: \"HOMEWORK\",\n idObject: modalInfo._id,\n amount: modalInfo.debt_to_teacher,\n comment,\n });\n if (resHomework?.data?.status) {\n setModal(false);\n toast.success(\"Cobro de taller enviado correctamente!\");\n getAllData();\n // setPartial(null);\n setModalInfo(null);\n } else toast.error(resHomework?.data?.message);\n }\n }\n break;\n default:\n break;\n }\n setLoading(false);\n };\n\n const getAllData = async () => {\n setLoading(true);\n\n const partials = await getPartials();\n const tutorships = await getTutorships();\n const homeworks = await getHomeworks();\n //console.log([...partials, ...tutorships, ...homeworks]);\n setAllData(\n [...partials, ...tutorships, ...homeworks]\n .sort((a, b) => {\n let aDate = new Date(a.event_date);\n let bDate = new Date(b.event_date);\n if (aDate < bDate) {\n return 1;\n }\n if (aDate > bDate) {\n return -1;\n }\n return 0;\n })\n .filter((item) => {\n if (item.typeRequest === \"Taller\") return true;\n const date = new Date(item.event_date).getTime();\n const now = new Date().getTime();\n if (item.typeRequest === \"Tutoria\") {\n if (date + item.event_time * 3600000 < now) return true;\n }\n if (date + item.event_time * 60000 < now) return true;\n return false;\n })\n );\n setLoading(false);\n };\n\n useEffect(() => {\n getAllData();\n }, []); // eslint-disable-line\n\n const showImg = () => {\n setShow(!show);\n };\n\n const handleClose = () => setShow(false);\n\n const whatsappPago = () => {\n const url = \"https://wa.link/5v2n2g\";\n /*const url = `https://api.whatsapp.com/send?phone=${\n partial.phone\n }&text=🍀 Hola ${\n partial.client\n }, te escribimos de CopyWrite.%0D%0D*Materia:* ${\n partial.subject\n }.%0D*Fecha:* ${mapDate(partial.event_date)}.%0D*Duración del parcial:* ${\n partial.event_time\n } minutos.%0D*Costo:* $${\n partial.cost\n }.%0D%0D🌀¿Esta es la información de tu parcial?`;*/\n window.open(url, \"pago anticipado\");\n };\n\n const style = {\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n transform: \"translate(-50%, -50%)\",\n minWidth: \"60vh\",\n maxWidth: \"80vh\",\n bgcolor: \"background.paper\",\n border: \"2px solid #000\",\n boxShadow: 24,\n p: 4,\n display: \"flex\",\n justifyContent: \"center\",\n flexDirection: \"column\",\n gap: \"10px\",\n };\n\n if (loading) return \n
\n \n Próxima fecha de pago: {Pay_date(new Date().getMonth())}\n Periodo a facturar: 16 de {getMonth(moment().month() - 1)} a 15\n de {getMonth(moment().month())}\n
\n \n \n ¿Necesitas un pago anticipado?\n \n
\n \n \n \n \n Click acá para solicitarlo\n \n \n \n \n Lista de cobros pendientes por solicitar\n \n {allData?.length === 0 && (\n \n \n Aún no tienes cobros por solicitar\n \n
\n )}\n {allData?.map((item) => (\n openModal(item)}\n title={`${item?.typeRequest} - ${item?.subject}`}\n eventDate={moment(item?.event_date)}\n amount={item?.debt_to_teacher}\n />\n ))}\n\n \n \n
\n Solicitar cobro\n \n
\n {`${modalInfo?.typeRequest}`} \n {` - ${modalInfo?.subject}`}\n \n
\n Valor del cobro: \n \n
setComment(e.target.value)}\n />\n\n {modalInfo?.typeRequest === \"Taller\" && (\n \n {new Date().getTime() <\n new Date(modalInfo?.event_date).getTime() + 14400000 && (\n \n Este Taller aún NO está disponible para cobro\n \n )}\n
\n )}\n {modalInfo?.ready\n ? false\n : !(\n new Date(modalInfo.updated_at).getTime() <\n new Date(\"11/02/2023 13:00\").getTime()\n ) && (\n \n \n Aún se esta verificando el pago del estudiante\n \n
\n )}\n \n \n Solicitar\n \n
\n \n \n );\n};\n\nconst DetailItem = ({ openModal, title, eventDate, amount }) => {\n return (\n \n \n \n
\n {splitText(title, 30)}\n \n \n
\n \n {mapDateFormat(eventDate, \"ddd DD MMM YYYY, hh:mm A\")}\n \n
\n
\n
\n
\n
\n Deuda a la fecha:{\" \"}\n \n Pago total recibido:{\" \"}\n \n Pagos realizados\n \n \n {data.map((item) => (\n \n Admin ({item?.user?.names}) pago{\" \"}\n {item.id_payments.length} cobros por un valor de{\" \"}\n \n {\" \"}\n el {mapDate(item.created_at)} \n \n ))}\n \n \n \n
\n
\n {splitText(title, 30)}\n \n \n
\n
\n Fecha cobro:
\n \n {mapDateFormat(paymentDate, \"ddd DD MMM YYYY, hh:mm A\")}\n
\n \n
\n
\n
\n Fecha evento:
\n {mapDateFormat(eventDate, \"ddd DD MMM YYYY, hh:mm A\")}\n \n
\n
\n
\n
\n
\n {loading && setDataDetail(i)}\n />\n ))}\n
\n );\n};\n\nconst Detail = ({ data, setDataDetail }) => {\n const { object: partial } = data;\n const user = useSelector((state) => state.user.user);\n\n const [loading, setLoading] = useState(false);\n const [loading1, setLoading1] = useState(false);\n const [comment, setComment] = useState(\"\");\n const [comments, setComments] = useState([]);\n\n const getComments = async () => {\n setLoading(true);\n const res = await PaymentService.findComments({\n token: user.token,\n idPayment: data._id,\n });\n if (res?.data?.data) setComments(res.data.data);\n setLoading(false);\n };\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n setLoading1(true);\n const res = await PaymentService.addComment({\n token: user.token,\n text: comment,\n idPayment: data._id,\n });\n if (res.data.data) {\n toast.success(\"Comentario agregado correctamente!\");\n setComment(\"\");\n getComments();\n }\n setLoading1(false);\n };\n\n const stateTranslate = (state) => {\n if (state === \"ASKED\") return \"En revisión\";\n if (state === \"APPROVED\") return \"Aprovado\";\n if (state === \"DENIED\") return \"Rechazado\";\n if (state === \"PAID\") return \"Pagado\";\n return state;\n };\n\n useEffect(() => {\n getComments();\n }, []); // eslint-disable-line\n\n return (\n \n );\n};\n\nconst ItemComment = ({ text, user, date }) => (\n <>\n \n {text}
\n \n \n Agregado por {user === \"TEACHER\" ? \"tí\" : \"ADMIN\"} el {mapDate(date)}\n \n
\n \n \n {text} \n \n ) : (\n \n \n Próxima fecha de pago: {Pay_date(new Date().getMonth())}\n Periodo a facturar: 16 de {getMonth(moment().month() - 1)} a 15\n de {getMonth(moment().month())}\n
\n \n \n \n {renderItem(activePage, \"En revisión\", 0)}\n {renderItem(activePage, \"Aceptadas\", 1)}\n {renderItem(activePage, \"Rechazadas\", 2)}\n {renderItem(activePage, \"Historial\", 3)}\n \n \n \n {getComponent()}
\n \n );\n};\nexport default RequestPayments;\n","import React, { useEffect } from \"react\";\nimport ArrowForwardIcon from \"@material-ui/icons/ArrowForward\";\nimport { useState } from \"react\";\nimport GoBack from \"components/Navigation/GoBack\";\nimport { InputLabel, Slider, makeStyles } from \"@material-ui/core\";\nimport CustomReactSelect from \"components/Select/CustomReactSelect\";\nimport Button from \"@material-ui/core/Button\";\nimport SubjectService from \"services/SubjectService\";\nimport { useSelector } from \"react-redux\";\nimport FormatMoney from \"components/Money/FormatMoney\";\nimport { toast } from \"react-toastify\";\nimport CurrencyFormat from \"react-currency-format\";\n\nconst useStyles = makeStyles((theme) => ({\n title1: {\n fontSize: 24,\n color: \"#ffbc00\",\n },\n title2: {\n fontSize: 18,\n textAlign: \"center\",\n },\n title3: {\n fontSize: 18,\n textAlign: \"center\",\n color: \"#ffbc00\",\n },\n label: {\n padding: 10,\n fontWeight: \"bold\",\n },\n}));\n\nfunction Cotizar() {\n const user = useSelector((state) => state.user.user);\n const [view, setView] = useState(null);\n const classes = useStyles();\n\n if (view) {\n switch (view) {\n case \"parcial\":\n return \n
\n
setView(\"parcial\")}\n >\n \n \n
setView(\"tutoria\")}\n >\n \n toast.info(\"Este servicio aún esta en construccion\")}\n >\n \n \n \n \n );\n}\nconst ViewParcial = ({ setBack, classes, user }) => {\n const [subject, setSubject] = useState({});\n const [minutes, setMinutes] = useState(20);\n const [subjects, setSubjects] = useState([]);\n const [cost, setCost] = useState(0);\n\n const getSubjects = async () => {\n const res = await SubjectService.getByTutor({ user, idTutor: user.id });\n setSubjects(res?.data);\n };\n\n const tryToParseInt = (stringNumber) => {\n try {\n return parseInt(stringNumber, 10);\n } catch (error) {}\n return 0;\n };\n\n const costTutor = () => {\n if (minutes >= 0 && minutes <= 29) return 0.52;\n if (minutes === 30) return 0.47;\n if (minutes >= 31 && minutes <= 59) return 0.47;\n if (minutes >= 60 && minutes <= 120) return 0.55;\n if (minutes >= 121 && minutes <= 150) return 0.54;\n if (minutes >= 151 && minutes <= 180) return 0.53;\n };\n\n const factorTutor = (initialCost) => {\n setCost(initialCost * costTutor());\n };\n\n const factorMinutes = () => {\n // //console.log(\"subjectObject:\", subjectObject);\n const saldo = tryToParseInt(subject.partial_base_cost);\n let initialCost = 0;\n if (minutes > 0 && minutes <= 180) {\n if (minutes >= 0 && minutes <= 29) initialCost = saldo * 0.3;\n if (minutes === 30) initialCost = saldo * 0.4;\n if (minutes >= 31 && minutes <= 59) initialCost = saldo * 0.7;\n if (minutes >= 60 && minutes <= 120) initialCost = saldo * 1;\n if (minutes >= 121 && minutes <= 150) initialCost = saldo * 1.3;\n if (minutes >= 151 && minutes <= 180) initialCost = saldo * 1.45;\n } else {\n initialCost = saldo;\n }\n factorTutor(initialCost);\n };\n\n const priceCalculateTutor = (value) => {\n const integerPart = (Math.trunc(value / 1000) + 1) * 1000;\n return integerPart;\n };\n\n useEffect(() => {\n getSubjects();\n }, []);\n\n useEffect(() => {\n factorMinutes();\n }, [minutes, subject]);\n\n return (\n \n {\" \"}\n
setBack(null)}\n gridItemStyle={{ marginLeft: -41, marginTop: -40 }}\n />\n \n
\n ¿Cuál es la asignatura del PARCIAL ?\n \n
\n
\n ({ value: i, label: i.label }))}\n onChange={(value) => setSubject(value.value)}\n value={subject}\n />\n
\n
\n
\n ¿Cuántos MINUTOS dura el PARCIAL ?\n \n
\n
\n setMinutes(value)}\n onChange={(event, value) => {\n setMinutes(value);\n }}\n defaultValue={30}\n getAriaValueText={(value) => `${value} NOSE`}\n aria-labelledby=\"discrete-slider\"\n valueLabelDisplay=\"auto\"\n //valueLabelFormat={valueLabelFormat}\n step={10}\n marks\n min={20}\n max={180}\n // scale={(x) => x * 20}\n />\n \n {minutes} minutos \n \n
\n
\n
\n \n Por un servicio de este tipo obtendrias:\n \n
\n \n 3000 COP positiva o negativamente\n
\n \n
setBack(null)}\n gridItemStyle={{ marginLeft: -41, marginTop: -40 }}\n />\n \n
\n ¿Para cuál asignatura será la TUTORÍA ?\n \n
\n
\n ({ value: i, label: i.label }))}\n onChange={(value) => setSubject(value.value)}\n value={subject}\n />\n
\n
\n
\n ¿Cuántas PERSONAS asistirán a la{\" \"}\n TUTORÍA ?\n \n
\n setMinutes(value)}\n onChange={(event, value) => {\n //setDataState({ ...dataState, minutes: value })\n switch (value) {\n case 1:\n setPersons({ value: \"una\" });\n break;\n case 2:\n setPersons({ value: \"dos\" });\n break;\n case 3:\n setPersons({ value: \"tres\" });\n break;\n case 4:\n setPersons({ value: \"cuatro\" });\n break;\n case 5:\n setPersons({ value: \"cinco\" });\n break;\n case 6:\n setPersons({ value: \"seis\" });\n break;\n case 7:\n setPersons({ value: \"+seis\" });\n break;\n default:\n break;\n }\n }}\n defaultValue={1}\n getAriaValueText={(value) => `${value} NOSE`}\n aria-labelledby=\"discrete-slider\"\n valueLabelDisplay=\"auto\"\n //valueLabelFormat={valueLabelFormat}\n step={1}\n marks\n min={1}\n max={7}\n // scale={(x) => x * 20}\n />\n \n \n {persons.value === \"+seis\" ? (\n <>Más de seis personas\n ) : (\n <>\n {\" \"}\n {persons.value === \"una\" ? (\n <>Una persona\n ) : (\n <>\n {\" \"}\n {persons.value\n .split(\"\")\n .map((x, i) => {\n if (i === 0) return x.toUpperCase();\n return x;\n })\n .join(\"\")}{\" \"}\n personas\n \n )}\n \n )}{\" \"}\n \n \n {/* setPersons(value)}\n value={persons}\n />*/}\n
\n
\n
\n ¿Cuántas HORAS serán de TUTORÍA ?\n \n
\n setMinutes(value)}\n onChange={(event, value) => {\n //setDataState({ ...dataState, minutes: value })\n setHours(value);\n }}\n defaultValue={1}\n getAriaValueText={(value) => `${value} NOSE`}\n aria-labelledby=\"discrete-slider\"\n valueLabelDisplay=\"auto\"\n //valueLabelFormat={valueLabelFormat}\n step={1}\n marks\n min={1}\n max={9}\n // scale={(x) => x * 20}\n />\n \n \n {hours} {hours > 1 ? <> horas. : <>hora.}\n \n \n {/* setPersons(value)}\n value={persons}\n />*/}\n
\n
\n \n El pago por hora de la Tutoría será:\n \n
\n \n 3000 COP positiva o negativamente\n
\n \n
\n
setView(\"tutorial\")}\n >\n \n
Tutorial Plataforma \n
\n
\n
setView(\"tips\")}\n >\n \n setView(\"q&a\")}\n >\n \n
Preguntas frecuentes \n
\n
\n
setBack(null)}\n gridItemStyle={{ marginLeft: -41, marginTop: -40 }}\n />\n \n
\n \n ¿Como recibir, aceptar y gestionar requerimientos en Copywrite?\n \n \n \n \n \n
\n \n \n \n \n ¿Como cobrar los requerimientos que haga con Copywrite?\n \n \n \n \n \n
\n \n \n \n \n Herramientas que te pueden servir\n \n \n \n \n \n
\n \n \n setBack(null)}\n gridItemStyle={{ marginLeft: -41, marginTop: -40 }}\n />{\" \"}\n \n
\n \n ¿Cuál es el calendario de pagos?\n \n \n \n \n Nuestros pagos se efectúan mensualmente, específicamente en el\n último día de cada mes. La fecha de corte para considerar los\n requerimientos realizados es el día 15. Por ejemplo, en el pago\n del día 30 de Junio, se pagarán todos los requerimientos hechos\n desde el 16 de Mayo al 15 Junio.\n \n \n \n \n \n ¿A través de qué método realizan los pagos?\n \n \n \n \n Los pagos se efectúan utilizando la cuenta bancaria proporcionada\n por el tutor al momento de registrar sus datos. Si deseas\n actualizar esta información, puedes comunicarte con nosotros a\n través de la línea de WhatsApp al número 3224120987, y estaremos\n encantados de realizar los ajustes necesarios.\n \n \n \n \n \n ¿Cuál es el proceso cuando obtengo una garantía por una mala nota?\n \n \n \n \n Una vez que recibas el material de retroalimentación, tómese el\n tiempo para revisarlo detenidamente. Si no tienes ninguna objeción\n sobre el resultado, la garantía se considera válida y se continúa\n con el proceso. Sin embargo, si tienes alguna objeción, se\n enviarán tus inquietudes al estudiante correspondiente, y se\n iniciará un proceso de validación para llegar a un acuerdo sobre\n el error señalado, tanto por parte del estudiante como del tutor.\n Durante este proceso, utilizaremos la regla de 3 para evaluar la\n nota prometida (4.0). Una vez que obtengamos el valor\n correspondiente, lo deduciremos de tu pago inicial utilizando la\n siguiente fórmula: X-(-X*Y/M).\n \n \n \n \n \n ¿Con qué frecuencia recibiré servicios?\n \n \n \n \n La frecuencia de los servicios que recibirás puede variar según\n las materias que manejes y tu desempeño en ellas. Si eres\n altamente competente en tu área y tus requerimientos son de alta\n calidad, puedes esperar una recurrencia continua y frecuente en la\n asignación de servicios. Sin embargo, si no cumples con los\n estándares de calidad, presentación y resultados que exigimos, el\n tiempo entre los servicios puede variar. Siempre buscamos la\n excelencia en cada entrega, por lo que la frecuencia dependerá de\n tu habilidad para cumplir con esos criterios.\n \n \n \n \n \n ¿Se aceptan los servicios a través de la plataforma?\n \n \n \n \n Sí, las solicitudes de servicios se gestionan mediante nuestra\n plataforma, a excepción de los talleres. En el caso de los\n talleres, recibirás mensajes directos por parte de nuestros\n asesores de servicio al cliente. Es importante que estés pendiente\n de la plataforma para poder aceptar oportunamente los servicios\n que se te asignen. Mantenerse al tanto de la plataforma es\n fundamental para garantizar una comunicación fluida y una\n aceptación rápida de los servicios.\n \n \n \n \n \n ¿Cómo se determinan las tarifas de pago para mis servicios?\n \n \n \n \n Las tarifas de pago se determinan teniendo en cuenta la dificultad\n de la materia y el tiempo requerido para completar el servicio. De\n esta manera, se establecen valores fijos para cada servicio. Si\n deseas conocer el monto correspondiente a tus servicios y saber\n cuánto se te pagará, puedes ingresar a{\" \"}\n \n Copywritecol.com/ingreso-tutores/Tools/auto-cotizador\n \n . En esta herramienta encontrarás las tarifas de pago. Sin\n embargo, es importante tener en cuenta que en el caso de los\n talleres, el precio inicial lo estableces tú como tutor.\n \n \n \n \n \n ¿Cómo puedo acceder a la plataforma?\n \n \n \n \n Para acceder a la plataforma, sigue estos pasos: \n copywritecol.com.\n {\" \"}\n \n https://www.youtube.com/watch?v=pQ_GcPH8YPg&list=PLQ3Q9GM1SVc47dixqVppZ3S9FAe3LY4R-\n \n \n \n \n \n \n ¿Existe algún tipo de contrato con los tutores?\n \n \n \n \n En Copywrite, no manejamos ningún contrato o compromiso vinculante\n con nuestros tutores. Tú tienes la libertad de ingresar y salir en\n cualquier momento, así como de estudiar o tener otro trabajo\n adicional. No existen restricciones en cuanto a tu disponibilidad.\n Nuestra única exigencia para que puedas mantener tu participación\n en Copywrite es mantener altos estándares de calidad, conocimiento\n y servicio. Si cumples con estas bases, podrás obtener\n reconocimiento y notificaciones positivas por tu desempeño.\n Valoramos tu compromiso y habilidades, y te brindamos la\n flexibilidad necesaria para adaptarte a tus necesidades y\n horarios.\n \n \n \n \n \n ¿Es posible realizar el pago antes de la fecha acordada?\n \n \n \n \n No, lamentablemente no es posible adelantar el pago antes de la\n fecha acordada. Tenemos un gran número de tutores y contamos con\n un equipo de contabilidad dedicado exclusivamente a gestionar los\n pagos de manera eficiente. Si se altera el orden de los pagos,\n podría generarse algún inconveniente en el próximo ciclo de pagos.\n Por esta razón, realizamos los pagos mensuales con fecha de corte\n en el día 15 de cada mes. Esta metodología nos permite mantener un\n proceso ordenado y eficiente para ambas partes involucradas.\n \n \n \n \n \n ¿Cómo puedo acceder al material de preparación en la plataforma?\n \n \n \n \n Para acceder al material de preparación, tienes dos opciones. La\n primera es a través del enlace que te enviamos por WhatsApp.\n Simplemente haz clic en el enlace y te llevará directamente al\n material correspondiente. La segunda opción es ingresar\n directamente a tu portal en Copywritecol.com. Una vez allí, busca\n el requerimiento que tienes agendado y dentro encontrarás los\n temas, diapositivas y otros documentos adjuntos que forman parte\n del material de preparación. Recuerda que en ambos casos debes\n iniciar sesión con tu usuario y contraseña para poder acceder al\n contenido.\n \n \n \n \n \n ¿Cómo recibiré las notificaciones de los servicios?\n \n \n \n \n Todas las notificaciones de los servicios te llegarán a través de\n tres medios: SMS, WhatsApp o directamente podrás visualizarlas en\n la plataforma. Dependiendo de la preferencia que hayas establecido\n o la información específica del servicio, recibirás las\n notificaciones por alguno de estos canales. Para obtener una\n información más completa y general sobre el proceso, te\n recomendamos que veas el siguiente video:\n \n https://www.youtube.com/watch?v=pQ_GcPH8YPg&list=PLQ3Q9GM1SVc47dixqVppZ3S9FAe3LY4R-\n \n \n \n \n setBack(null)}\n gridItemStyle={{ marginLeft: -41, marginTop: -40 }}\n />\n \n
\n \n ¿Como hacer un Parcial Excelente?\n \n \n \n \n \n
\n \n \n \n \n ¿Como ser el mejor tutor en tutorias y talleres?\n \n \n \n \n \n
\n \n \n \n \n ¿Como ganar más dinero con Copywrite?\n \n \n \n \n \n
\n \n \n history.push(\"/teacher/talleres\")}\n gridItemStyle={{ marginLeft: -41, marginTop: -40 }}\n />\n {loading ? (\n \n \n \n \n \n <>\n Información del Taller \n \n\n {console.log(homework)}\n {homework?.state === \"ASSIGNED_TEACHER\" && (\n \n \n {/* ¡Listo {teacher.names}!, te hemos asignado el siguiente Tutoría{\" \"} */}\n ¡Listo! has aceptado disponibilidad para el siguiente\n requerimiento.{\" \"}\n Todavia no se ha agendado \n \n \n )}\n\n \n Materia: \n {homework.subject}\n
\n \n Fecha: \n {mapDate(homework.event_date)}\n
\n {homework?.state === \"PAYMENT_ACCEPTED_NO_TEACHER\" && (\n \n \n Este Taller ya ha sido pagado\n \n \n Temas: \n {homework.topics?.toUpperCase()}\n
\n )}\n {homework.image_uploaded && (\n \n )}\n \n \n \n \n {/* \n Materiales de preparación\n */}\n {material.length > 0 ? (\n <>\n \n Materiales de preparación\n \n {homework?.textMaterial?.split(\"\\n\").map((txm, i, data) => {\n const view = txm.split(\":\");\n if (i >= 2) {\n if (i === data.length - 1) {\n return (\n \n
\n
{`Información adicional: `} \n
{view[1] ? view[1] : \"-\"}
\n
\n
\n
\n
\n {view[0]}\n {\": \\n\"}\n \n
{view[1] ? view[1] : \"-\"}
\n
\n {`${view[0]}: `} \n {view[1] ? view[1] : \"-\"}\n
\n );\n }\n })}\n \n \n Nombre archivo\n \n \n Peso\n \n \n Descargar\n \n {material?.map((item) => {\n return (\n <>\n \n {item.name}\n \n \n {item.size}MB\n \n \n \n \n );\n })}\n \n \n ) : (\n <>\n {homework?.tf_textMaterial ? (\n \n
{`Temas: `} \n
{homework?.tf_textMaterial}
\n
\n Aún no hay material\n \n )}\n \n )}\n \n \n Nombre \n Creado \n Visualizar \n \n {material.map((item) => (\n \n {item.name} \n \n {mapDateFormat(item.created_at, \"ddd DD MMM, hh:mm A\")}\n \n \n \n \n \n \n ))}\n {material.length === 0 && !partial?.tf_file_url && (\n \n \n Aún sin archivos \n \n \n )}\n {partial?.tf_file_url && (\n \n Primer archivo \n \n {mapDateFormat(\n partial?.created_at,\n \"ddd DD MMM, hh:mm A\"\n )}\n \n \n \n \n \n )}\n */}\n \n Descripción: {\" \"}\n \n \n {notErrorMapping(partial?.textMaterial)}\n */}\n \n \n \n {/*{isPendingTeacher(homework) && (\n \n
\n \n Aceptar\n \n
\n
\n \n Rechazar\n \n
\n
\n \n \n En caso de no aceptar esta Tutoría otro tutor puede tomarla\n en cualquier momento\n \n \n \n )}*/}\n {homework?.state === \"ASSIGNED_TEACHER\" && (\n \n \n \n En un plazo de 6 horas hábiles te notificaremos si el\n estudiante confirmó el pago y tomó el lugar\n \n \n \n )}\n \n \n // \n // \n // \n // \n // \n // {homework?.state === \"PENDING\" && (\n // <>\n // \n // Información de la Tutoria\n // \n // \n // )}\n // {homework?.state === \"ASSIGNED_TEACHER\" && (\n // \n // \n // ¡Listo {teacher?.names}!, te hemos asignado la siguiente\n // tutoria{\" \"}\n // \n // \n // )}\n\n // \n // Materia: \n // {homework.subject}\n //
\n // \n // Fecha: \n // {mapDate(homework.event_date)}\n //
\n // \n // Duración: \n // {homework.event_time} Horas\n //
\n // {homework?.state === \"PAYMENT_ACCEPTED_NO_TEACHER\" && (\n // \n // \n // Esta tutoria ya ha sido pagada\n // \n // \n // Temas: \n // {homework.topics?.toUpperCase()}\n //
\n // )}\n // \n // {isPendingTeacher(homework) && (\n // \n //
\n // \n // Aceptar\n // \n //
\n //
\n // \n // Rechazar\n // \n //
\n //
\n // \n // \n // En caso de no aceptar esta tutoria otro tutor puede tomarlo\n // en cualquier momento\n // \n // \n // \n // )}\n // {homework?.state === \"ASSIGNED_TEACHER\" && (\n // \n // \n // \n // En un plazo de 6 horas hábiles te notificaremos si el\n // estudiante confirmó el pago y tomó el lugar\n // \n // \n // \n // )}\n // \n // \n )}\n \n );\n};\n\nexport default DetailNextHomework;\n","import React from \"react\";\nimport cx from \"classnames\";\nimport { Switch, Route, Redirect } from \"react-router-dom\";\n// creates a beautiful scrollbar\nimport PerfectScrollbar from \"perfect-scrollbar\";\nimport \"perfect-scrollbar/css/perfect-scrollbar.css\";\n\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n\n// core components\nimport AdminNavbar from \"components/Navbars/AdminNavbar.js\";\nimport Footer from \"components/Footer/Footer.js\";\nimport Sidebar from \"components/Sidebar/Sidebar.js\";\n\nimport routes from \"../routes/teacherRoutes\";\n\nimport styles from \"assets/jss/material-dashboard-pro-react/layouts/adminStyle.js\";\n\nvar ps;\n\nconst useStyles = makeStyles(styles);\n\nexport default function Dashboard(props) {\n const { ...rest } = props;\n // states and functions\n const [mobileOpen, setMobileOpen] = React.useState(false);\n const [miniActive, setMiniActive] = React.useState(false);\n\n const image = require(\"assets/img/sidebar-2.jpg\");\n const color = \"blue\";\n const bgColor = \"black\";\n const logo = require(\"assets/img/logo-white.svg\");\n\n // styles\n const classes = useStyles();\n const mainPanelClasses =\n classes.mainPanel +\n \" \" +\n cx({\n [classes.mainPanelSidebarMini]: miniActive,\n [classes.mainPanelWithPerfectScrollbar]:\n navigator.platform.indexOf(\"Win\") > -1,\n });\n // ref for main panel div\n const mainPanel = React.createRef();\n // effect instead of componentDidMount, componentDidUpdate and componentWillUnmount\n React.useEffect(() => {\n if (navigator.platform.indexOf(\"Win\") > -1) {\n ps = new PerfectScrollbar(mainPanel.current, {\n suppressScrollX: true,\n suppressScrollY: false,\n });\n document.body.style.overflow = \"hidden\";\n }\n window.addEventListener(\"resize\", resizeFunction);\n\n // Specify how to clean up after this effect:\n return function cleanup() {\n if (navigator.platform.indexOf(\"Win\") > -1) {\n ps.destroy();\n }\n window.removeEventListener(\"resize\", resizeFunction);\n };\n });\n\n const handleDrawerToggle = () => {\n setMobileOpen(!mobileOpen);\n };\n const getActiveRoute = (routes) => {\n let activeRoute = \"Copywrite\";\n for (let i = 0; i < routes.length; i++) {\n if (routes[i].collapse) {\n let collapseActiveRoute = getActiveRoute(routes[i].views);\n if (collapseActiveRoute !== activeRoute) {\n return collapseActiveRoute;\n }\n } else {\n if (\n window.location.href.indexOf(routes[i].layout + routes[i].path) !== -1\n ) {\n return routes[i].name;\n }\n }\n }\n return activeRoute;\n };\n const getRoutes = (routes) => {\n return routes.map((prop, key) => {\n if (prop.collapse) {\n return getRoutes(prop.views);\n }\n if (prop.layout === \"/teacher\") {\n return (\n \n
i?.internal !== true)}\n logoText={\"CopyWrite\"}\n logo={logo}\n image={image}\n handleDrawerToggle={handleDrawerToggle}\n open={mobileOpen}\n color={color}\n bgColor={bgColor}\n miniActive={miniActive}\n {...rest}\n />\n \n \n
\n
\n \n \n
\n
\n
\n Información de pago \n \n
\n
\n
\n
\n Titular: {paymentInfo?.owner}\n
\n\n {paymentInfo?.type === 1 && (\n
\n Cédula: {paymentInfo?.ownerDNI}\n
\n )}\n {paymentInfo?.type === 2 && (\n
\n Tipo de cuenta: Ahorros\n
\n )}\n {paymentInfo?.type === 2 && (\n
\n Número de cuenta: {paymentInfo?.phone}\n
\n )}\n {paymentInfo?.type === 3 && (\n // eslint-disable-next-line\n
\n {paymentInfo?.link} \n \n )}\n {/* */}\n
\n
\n {!imgLoaded && (\n <>\n
\n
Cargar comprobante de pago \n
imgInput.current.click()}>\n \n \n )}\n {imgLoaded && (\n
\n
setImgLoaded(null)}\n >\n \n )}\n {imgLoaded ? (\n
\n Enviar\n \n ) : null}\n
\n
\n
\n \n \n \n \n {data.url_payment ? (\n \n Hola {data.client} ! ¡Has pagado exitosamente tu parcial!\n
\n ) : (\n \n Hola {data.client} ! Confirma la INFO de tu parcial y\n realiza el pago, tan pronto lo hagas, agendaremos al profesor\n \n )}\n\n \n Materia: {data.subject} Fecha: {mapDate(data.event_date)}\n Valor a pagar: {\" \"}\n
\n \n Estamos verificando tu pago, pronto te contacaremos via SMS o\n WhatsApp\n \n ) : (\n \n Tienes 6 horas para subir el screenshot de la transferencia ó tu\n solicitud caducará.\n \n )}\n \n \n {!data.url_payment && (\n <>\n \n Métodos de pago \n \n Haz click sobre alguno para ver la info \n \n {!data.url_payment ? (\n paymentMethods.map((pm) => (\n \n paymentMethodSelection(pm)}\n />\n \n ))\n ) : (\n \n ¡Pagado!\n \n )}\n \n \n \n \n {data.url_payment ? (\n \n \n Comprobante del pago \n \n window.open(data.url_payment, data.url_payment)}\n src={data.url_payment}\n alt=\"\"\n width=\"50%\"\n style={{ borderRadius: 30, cursor: \"pointer\" }}\n />\n \n ) : null}\n \n \n \n \n );\n};\n\nexport default DetailPayment;\n","import { Button, Container } from \"@material-ui/core\";\nimport GridContainer from \"components/Grid/GridContainer\";\nimport GridItem from \"components/Grid/GridItem\";\nimport SingleLoading from \"components/Loading/SingleLoading\";\nimport React, { useEffect, useState } from \"react\";\nimport { useParams } from \"react-router\";\nimport axios from \"axios\";\nimport { URL_API } from \"service/config\";\nimport { mapDate } from \"functions/comun\";\nimport swal from \"sweetalert\";\nimport { downloadBlob } from \"functions/downloadBlob\";\nimport { css } from \"@emotion/css\";\n\nconst pageCss = css`\n div {\n padding: 5px;\n }\n .tr-title {\n color: #ffbc00;\n }\n .tr-title-success {\n color: green;\n }\n`;\n\nconst TeacherRequest = () => {\n const { id } = useParams();\n const [data, setData] = useState(null);\n const [success, setSuccess] = useState(false);\n const [loading, setLoading] = useState(true);\n const [reject, setReject] = useState(false);\n\n useEffect(() => {\n var config = {\n method: \"get\",\n url: URL_API + \"public/teacher-request/\" + id,\n headers: {},\n };\n axios(config)\n .then((response) => {\n if (\n response.data.status &&\n response.data.data &&\n response.data.data.partial._id &&\n response.data.data.teacherRequest._id &&\n response.data.data.teacher._id\n ) {\n setData(response.data.data);\n setLoading(false);\n }\n })\n .catch((error) => {\n console.error(error);\n });\n }, []); //eslint-disable-line\n\n const acceptPartial = () => {\n swal({\n title: \"¿Seguro?\",\n text: \"Se te asignará este parcial\",\n icon: \"warning\",\n buttons: true,\n dangerMode: true,\n }).then((ok) => {\n if (ok) {\n setLoading(true);\n const { partial, teacher, teacherRequest } = data;\n var dataPost = JSON.stringify({\n idPartial: partial._id,\n idTeacher: teacher._id,\n idTeacherRequest: teacherRequest._id,\n });\n\n var config = {\n method: \"post\",\n url: URL_API + \"public/partial/accept\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n data: dataPost,\n };\n\n axios(config)\n .then((response) => {\n setLoading(false);\n //console.log(JSON.stringify(response.data));\n if (response.data.status) {\n setSuccess(true);\n }\n })\n .catch((error) => {\n console.error(error);\n });\n }\n });\n };\n\n const rejectPartial = () => {\n swal({\n title: \"¿Seguro?\",\n text:\n \"El parcial se asignará a otro profesor una vez rechazes la solicitud\",\n icon: \"warning\",\n buttons: true,\n dangerMode: true,\n }).then((willReject) => {\n if (willReject) {\n axios\n .post(URL_API + \"public/partial/rejected\", {\n partialID: data.partial._id,\n teacherID: data.teacher._id,\n })\n .then(() => {\n setLoading(false);\n setSuccess(false);\n setReject(true);\n swal(\n \"Has rechazado el parcial\",\n \"El parcial será asignado a otro profesor\",\n \"success\"\n );\n })\n .catch(() => {\n swal(\n \"Error\",\n \"No se pudo realizar la operación por un error en el servidor\",\n \"warning\"\n );\n });\n }\n });\n };\n\n const handleClick = () => {\n if (success) downloadIcs();\n else acceptPartial();\n };\n\n const downloadIcs = () => {\n setLoading(true);\n var config = {\n method: \"post\",\n url: URL_API + \"public/calendar/generate/\" + partial._id,\n headers: {},\n };\n\n axios(config)\n .then((response) => {\n setLoading(false);\n const file = new Blob([response.data], {\n type: response.headers[\"content-type\"],\n });\n downloadBlob(file, \"calendar_\" + partial._id + \".ics\");\n })\n .catch((error) => {\n console.error(error);\n });\n };\n\n if (\n loading ||\n data.partial === null ||\n data.teacherRequest === null ||\n data.teacher === null\n )\n return \n \n \n \n \n Este parcial no existe o ya ha sido asignado
\n \n \n \n );\n }\n\n const { partial, teacher } = data;\n\n return (\n \n \n \n \n \n {!success && (\n \n Hola Profesor {teacher.names} ¿Puedes hacer este parcial?\n
\n )}\n {success ? (\n \n \n ¡Listo {teacher.names}!, te hemos asignado el siguiente parcial{\" \"}\n \n \n ) : (\n \n Parcial de: \n \n {partial.subject} \n \n \n )}\n\n {reject ? (\n \n \n ¡Parcial rechazado!\n \n \n ) : null}\n \n Materia: \n {partial.subject}\n
\n \n Fecha: \n {mapDate(partial.event_date)}\n
\n \n Duración: \n {partial.event_time} Minutos\n
\n {partial.topics && (\n \n Temas: \n {partial.topics?.toUpperCase()}\n
\n )}\n {partial.image_uploaded && (\n \n )}\n \n \n \n {!reject && !success ? (\n \n \n {success ? \"Descargar Calendar\" : \"Aceptar parcial\"}\n \n \n Rechazar parcial\n \n \n ) : null}\n {!reject && !success ? (\n \n \n \n Si no respondes esta solicitud en 24 horas se rechazará\n automaticamente\n \n \n \n ) : null}\n\n {success && (\n \n \n \n En un plazo de 6 horas hábiles te notificaremos si el estudiante\n confirmó el pago y tomó el lugar\n \n \n \n )}\n \n \n );\n};\n\nexport default TeacherRequest;\n","export function downloadBlob(blob, filename) {\n if (window.navigator.msSaveOrOpenBlob) {\n window.navigator.msSaveOrOpenBlob(blob, filename);\n } else {\n const a = document.createElement('a');\n document.body.appendChild(a);\n const url = window.URL.createObjectURL(blob);\n a.href = url;\n a.download = filename;\n a.click();\n setTimeout(() => {\n window.URL.revokeObjectURL(url);\n document.body.removeChild(a);\n }, 0)\n }\n}\n","import { Container } from \"@material-ui/core\";\nimport GridItem from \"components/Grid/GridItem\";\nimport React from \"react\";\nimport { mapDate } from \"functions/comun\";\nimport FormatMoney from \"components/Money/FormatMoney\";\nimport \"../../../../assets/css/styles.css\";\n\nfunction StepOne({ data, notLastMessage }) {\n return (\n \n \n \n ¡Hola, {data.client}!\n \n \n Por favor, confirma la información de tu parcial\n \n \n \n \n Materia: {data.subject}\n \n \n Valor: {\" \"}\n \n \n \n \n Fecha: {mapDate(data.event_date).split(\",\")[0]}\n \n \n Hora: {mapDate(data.event_date).split(\",\")[1]}\n \n \n Duración: {data.event_time} min\n \n \n \n \n Tienes 8 horas para hacer tu pago, luego se deshabilitará el link\n \n \n )}\n \n );\n}\n\nexport default StepOne;\n","import React, { useEffect, useState } from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Modal from \"@material-ui/core/Modal\";\nimport swal from \"sweetalert\";\nimport Button from \"@material-ui/core/Button\";\n\nimport {\n CircularProgress,\n FormControlLabel,\n Radio,\n RadioGroup,\n TextareaAutosize,\n} from \"@material-ui/core\";\n\nfunction getModalStyle() {\n const top = 50;\n const left = 50;\n\n return {\n top: `${top}%`,\n left: `${left}%`,\n transform: `translate(-${top}%, -${left}%)`,\n };\n}\n\nconst useStyles = makeStyles((theme) => ({\n paper: {\n position: \"absolute\",\n width: 400,\n height: 550,\n backgroundColor: theme.palette.background.paper,\n border: \"2px solid #000\",\n boxShadow: theme.shadows[5],\n padding: theme.spacing(2, 4, 3),\n },\n}));\n\nconst fontFamily = \"Poppins, sans-serif\";\n\nexport default function StepTwoModal({\n open,\n setOpen,\n state,\n setState,\n setInternalTextMaterial,\n uploadMaterial,\n clearFilesState,\n}) {\n const classes = useStyles();\n // getModalStyle is not a pure function, we roll the style only on the first render\n const [modalStyle] = useState(getModalStyle);\n const [loading, setLoading] = useState(false);\n const [step, setStep] = useState(0);\n\n const handleClose = () => setOpen(false);\n\n const handleNext = async () => {\n if (step === 0) setStep(1);\n if (step === 1) {\n setLoading(true);\n const {\n radio1,\n radio2,\n radio2Text,\n radio3,\n listTopis,\n nameBook,\n file1,\n file2,\n } = state;\n // {\"radio1\":\"Abierto\",\"radio2\":\"No\",\"radio3\":\"Teoria\",\"radio2Text\":\"\",\"listTopis\":\"\",\"nameBook\":\"\",\"file1\":null,\"file2\":null}\n setInternalTextMaterial(\n `Metodología: ${radio1} \\nRequiere software: ${radio2} - ${radio2Text} \\nTipo parcial: ${radio3} \\nLista temas: ${listTopis} \\nlibro guia: ${nameBook}`\n );\n if (file1 && file2) {\n await Promise.all([uploadMaterial(file1), uploadMaterial(file2)]);\n } else {\n if (file1) await uploadMaterial(file1);\n if (file2) await uploadMaterial(file2);\n }\n clearFilesState();\n setStep(0);\n handleClose();\n setLoading(false);\n }\n };\n\n const btnProps = {\n variant: \"contained\",\n color: \"primary\",\n classes: \"buttonLabel\",\n onClick: handleNext,\n loading: loading,\n };\n\n return (\n \n \n {step === 0 && (\n
\n )}\n {step === 1 && (\n
\n )}\n
\n
\n \n \n Cargando archivos...\n \n
\n \n );\n return (\n \n {props.children}\n \n );\n};\n\nconst InternalStep0 = ({ state, setState, btnProps }) => {\n const [internalRadio2, setInternalRadio2] = useState(\"\");\n\n const handleChangeRadio2 = async (e) => {\n setState(\"radio2\", e.target.value);\n setInternalRadio2(e.target.value);\n };\n\n useEffect(() => {\n const doRadio2 = async () => {\n if (internalRadio2 === \"Si\") {\n const value = await swal(\"¿Requiere software? ¿Cúal?\", {\n content: \"input\",\n });\n setState(\"radio2Text\", value);\n }\n if (internalRadio2 === \"No\") setState(\"radio2Text\", \"\");\n };\n\n doRadio2();\n }, [internalRadio2]); // eslint-disable-line\n\n return (\n \n \n ¿Cómo será tu parcial?\n \n \n Llena esta info con un X para ayudarte de la mejor manera con tu\n parcial\n \n \n \n Metodología de tu parcial\n \n\n setState(\"radio1\", e.target.value)}\n style={{\n display: \"flex\",\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n }}\n >\n Abierto }\n />\n Selección multiple }\n />\n \n \n \n ¿Requiere software? \n \n Si, ¿Cual? }\n />\n No }\n />\n \n \n \n Tipo de parcial \n setState(\"radio3\", e.target.value)}\n style={{\n display: \"flex\",\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n }}\n >\n Ejercicios }\n />\n Teoría }\n />\n Ejercicios y teoría }\n />\n \n \n \n {\"Siguiente\"}\n \n \n
\n {/* \n 📍\n */}\n MATERIAL DE PREPARACIÓN \n \n
\n Para cumplir con la garantía prometida es obligatorio que envíes{\" \"}\n TODA la siguiente información\n
\n
\n
\n {/* \n 🌀\n */}\n 1. Listado de temas que entran en el parcial \n setState(\"listTopis\", e.target.value)}\n />\n
\n
\n {/* \n 🌀\n */}\n 2. Nombre del libro Guia \n setState(\"nameBook\", e.target.value)}\n />\n
\n {/*
\n \n 🌀\n \n 3. Ejercicios similares a como será el Parcial (Talleres ó Preparcial ó\n Parciales de semestres pasados) con Solución es lo ideal (en PDF) \n setState(\"file1\", e.target.files[0])}\n />\n
\n
\n \n 🌀\n \n 4. Diapostivas de clase ó Apuntes de clase (en PDF) \n setState(\"file2\", e.target.files[0])}\n />\n
*/}\n
\n
\n {\"Guardar\"}\n \n \n \n \n Por favor carga el material de preparación\n \n \n \n \n
Archivos importantes de tu parcial \n = MAX_FILES_PER_PARTIAL ? \"red\" : \"black\",\n }}\n >\n \n 1) Ejercicios similares a los que saldrán en tu examen\n {\" \"}\n (Talleres de clase o Parciales anteriores)\n 2) Apuntes de clase (Tuyos o Diapositivas del\n profesor)\n \n \n \n \n \n
\n
Seleccionar Archivo \n = MAX_FILES_PER_PARTIAL}\n />\n \n
\n \n \n \n \n Archivo \n Peso \n \n \n \n {loading ? (\n \n \n \n \n ) : (\n materials.map((i) => (\n \n \n \n {i.name}\n \n \n {i.size} MB \n \n deleteMaterial(i._id)}\n >\n \n \n ))\n )}\n \n
\n \n \n setOpenModal(true)}\n />\n setTextMaterial(e.target.value)}\n onBlur={updateTextMaterial}\n />\n \n \n );\n}\n\nexport default StepTwo;\n","import { Button, Container } from \"@material-ui/core\";\nimport GridItem from \"components/Grid/GridItem\";\nimport { mapDate } from \"functions/comun\";\nimport React, { useState } from \"react\";\nimport { Modal } from \"react-responsive-modal\";\nimport \"react-responsive-modal/styles.css\";\nimport \"../publicStyle.css\"\n\nfunction PaymentDone({ data }) {\n const [open, setOpen] = useState(false);\n\n return (\n \n \n \n Listo {data.client}\n \n \n ¡Pagaste exitosamente tu parcial!\n \n \n \n \n Materia: {data.subject}\n \n \n Valor: {data.cost} COP \n \n \n Fecha: {mapDate(data.event_date).split(\",\")[0]}\n \n \n Hora: {mapDate(data.event_date).split(\",\")[1]}\n \n \n Duración: {data.event_time} min\n \n \n \n \n Estamos verificando tu comprobante de pago. Nos contactáremos pronto vía SMS o Whatsapp. \n \n \n \n setOpen(true)} classes={{ label: 'buttonLabel' }}>\n Ver comprobante\n \n \n\n setOpen(false)} center>\n window.open(data.url_payment, data._id)}\n style={{ padding: 20, borderRadius: 30 }}\n />\n \n \n );\n}\n\nexport default PaymentDone;\n","import SingleLoading from \"components/Loading/SingleLoading\";\nimport React, { useEffect, useState } from \"react\";\nimport { toast } from \"react-toastify\";\nimport { PUBLIC_KEY_WOMPI } from \"service/config\";\nimport WompiService from \"services/WompiService\";\n\nconst Wompi = ({ idObjectCW, typeObject }) => {\n const [state, setState] = useState({\n signature: null,\n amount: 0,\n money: \"\",\n });\n\n useEffect(() => {\n getSignature();\n }, []); // eslint-disable-line\n\n const getSignature = async () => {\n const res = await WompiService.getSignature({ idObjectCW, typeObject });\n //console.log(res?.data?.data);\n if (res?.data?.data?.signature) {\n setState({\n signature: res?.data?.data?.signature,\n amount: res?.data?.data?.amount,\n money: res?.data?.data?.money,\n });\n } else {\n toast.error(\"Ocurrio un error\");\n }\n };\n\n useEffect(() => {\n if (state.signature) {\n const script = document.createElement(\"script\");\n script.setAttribute(\"src\", \"https://checkout.wompi.co/widget.js\");\n script.setAttribute(\"data-render\", \"button\");\n script.setAttribute(\"data-public-key\", PUBLIC_KEY_WOMPI);\n script.setAttribute(\"data-currency\", state.money);\n script.setAttribute(\"data-amount-in-cents\", state.amount);\n script.setAttribute(\"data-reference\", `${typeObject}-${idObjectCW}`);\n script.setAttribute(\"data-signature:integrity\", state.signature);\n script.setAttribute(\n \"data-redirect-url\",\n process.env.REACT_APP_REDIRECT_URL_WOMPI\n );\n\n document.getElementById(\"divPayer\").appendChild(script);\n return () => {\n document.getElementById(\"divPayer\").removeChild(script);\n };\n }\n }, [state.signature]); // eslint-disable-line\n\n return (\n <>\n {!state.signature &&
\n \n );\n};\n\nexport default Wompi;\n","import { css } from \"@emotion/css\";\nimport { Container } from \"@material-ui/core\";\nimport GridItem from \"components/Grid/GridItem\";\nimport Wompi from \"components/Wompi/Wompi\";\nimport React from \"react\";\nimport \"../../../../assets/css/styles.css\";\n\nconst styles = css`\n .payment-selected {\n border-style: solid;\n border-width: 5px;\n border-color: #ffbc00;\n border-radius: 10px;\n }\n`;\n\nfunction StepThree({ data, typeObject }) {\n return (\n \n \n \n Haz click sobre el método de pago para finalizarlo\n \n \n \n \n
\n Aquí puedes pagar con todas tus tarjetas de Crédito y Débito, PSE,\n Nequi, Bancolombia y Corresponsal Bancario.\n \n \n \n );\n}\n\nexport default StepThree;\n","import { css } from \"@emotion/css\";\nimport React from \"react\";\nimport { isMobile } from \"react-device-detect\";\n\nconst styles = isMobile\n ? css`\n .pdf--container {\n margin: 1rem 2rem;\n border-radius: 1rem;\n padding-bottom: 1rem;\n background-color: #e3e3e3;\n display: grid;\n grid-template-columns: minmax(300px, 2fr);\n gap: 1rem;\n }\n\n .img-pdf {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n `\n : css`\n .pdf--container {\n margin: 1rem 2rem;\n border-radius: 1rem;\n padding-bottom: 1rem;\n background-color: #e3e3e3;\n display: grid;\n grid-template-columns: minmax(300px, 2fr) minmax(300px, 2fr);\n gap: 1rem;\n }\n\n .img-pdf {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n `;\n\nfunction StepRules({ addMaterial = false, origen }) {\n return (\n \n {addMaterial && (\n
\n //
\n )}\n
\n
\n
\n {steps.map((label) => (\n \n \n \n {label} \n \n \n \n ))}\n \n \n
\n
\n {activeStep === steps.length ? (\n
\n {/*
\n All steps completed\n */}\n
\n
\n
\n
\n ¡Ya todo quedó listo!
\n Has sido agendado
\n \n
\n \n ¡Te deseamos un excelente día!{\" \"}\n \n ❤️\n \n \n \n \n
Reset \n
\n ) : (\n
\n {getStepContent(data)}\n
\n \n Atrás\n \n {activeStep === steps.length - 1 ? null : (\n \n Siguiente\n \n )}\n \n
\n
\n {steps.map((label) => (\n \n \n \n {label} \n \n \n \n ))}\n \n \n
\n
\n {activeStep === steps.length ? (\n
\n
}\n onLoad={\n //
\n //
\n //
\n //
\n // El material de preparación se ha enviado correctamente\n // \n // \n //
\n // \n
\n
\n
\n
\n ¡Ya todo quedó listo!
\n \n Has sido agendado\n
\n \n
\n \n ¡Te deseamos un excelente día!{\" \"}\n \n ❤️\n \n \n \n \n }\n />\n\n
\n Regresar\n \n \n window.open(\n \"https://www.copywritecol.com/\",\n \"https://www.copywritecol.com/\"\n )\n }\n endIcon={ \n ) : (\n
\n {getStepContent(data)}\n
\n \n Atrás\n \n {activeStep === steps.length - 1 ? (\n \n Guardar\n \n ) : (\n \n Siguiente\n \n )}\n \n
\n
Pago Recibido \n
\n
\n
\n
\n Estamos validando tu pago, nos comunicaremos contigo tan pronto sea\n confirmado.\n \n
\n
\n //
\n //
\n //
\n //
\n //
\n //
Pago recibido \n //
\n //
\n //
\n //
\n //
\n //
\n // Estamos validando tu pago, nos comunicaremos contigo tan pronto sea confirmado. \n //
\n //
\n \n \n ¡Hola, {data.client}!\n \n \n Por favor, confirma la información de tu Tutoría\n \n \n \n \n Materia: {data.subject}\n \n \n Valor: {\" \"}\n \n \n \n \n Fecha: {mapDate(data.event_date).split(\",\")[0]}\n \n \n Hora: {mapDate(data.event_date).split(\",\")[1]}\n \n \n Duración: {data.event_time} horas\n \n \n Costo total: {\" \"}\n \n \n \n \n \n \n Tienes 8 horas para hacer tu pago, luego se deshabilitará el link\n \n \n )}\n \n );\n};\n\nexport default StepOneTutor;\n","import React, { useEffect, useState } from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Modal from \"@material-ui/core/Modal\";\nimport swal from \"sweetalert\";\nimport Button from \"@material-ui/core/Button\";\n\nimport {\n CircularProgress,\n FormControlLabel,\n Radio,\n RadioGroup,\n TextareaAutosize,\n} from \"@material-ui/core\";\n\nfunction getModalStyle() {\n const top = 50;\n const left = 50;\n\n return {\n top: `${top}%`,\n left: `${left}%`,\n transform: `translate(-${top}%, -${left}%)`,\n };\n}\n\nconst useStyles = makeStyles((theme) => ({\n paper: {\n position: \"absolute\",\n width: 400,\n height: 550,\n backgroundColor: theme.palette.background.paper,\n border: \"2px solid #000\",\n boxShadow: theme.shadows[5],\n padding: theme.spacing(2, 4, 3),\n },\n}));\n\nconst fontFamily = \"Poppins, sans-serif\";\n\nexport default function StepTwoModal({\n open,\n setOpen,\n state,\n setState,\n setInternalTextMaterial,\n uploadMaterial,\n clearFilesState,\n}) {\n const classes = useStyles();\n // getModalStyle is not a pure function, we roll the style only on the first render\n const [modalStyle] = useState(getModalStyle);\n const [loading, setLoading] = useState(false);\n const [step, setStep] = useState(0);\n\n const handleClose = () => setOpen(false);\n\n console.log(state);\n\n const handleNext = async () => {\n if (step === 0) setStep(1);\n if (step === 1) {\n setLoading(true);\n const {\n radio1,\n radio2,\n radio2Text,\n radio3,\n listTopis,\n nameBook,\n file1,\n file2,\n } = state;\n // {\"radio1\":\"Abierto\",\"radio2\":\"No\",\"radio3\":\"Teoria\",\"radio2Text\":\"\",\"listTopis\":\"\",\"nameBook\":\"\",\"file1\":null,\"file2\":null}\n setInternalTextMaterial(\n `Requiere software: ${radio2} - ${radio2Text} \\nTipo tutoría: ${radio3} \\nLista temas: ${listTopis} \\nlibro guia: ${nameBook}`\n );\n if (file1 && file2) {\n await Promise.all([uploadMaterial(file1), uploadMaterial(file2)]);\n } else {\n if (file1) await uploadMaterial(file1);\n if (file2) await uploadMaterial(file2);\n }\n clearFilesState();\n setStep(0);\n handleClose();\n setLoading(false);\n }\n };\n\n const btnProps = {\n variant: \"contained\",\n color: \"primary\",\n classes: \"buttonLabel\",\n onClick: handleNext,\n loading: loading,\n };\n\n return (\n \n \n {step === 0 && (\n
\n )}\n {step === 1 && (\n
\n )}\n
\n
\n \n \n Cargando archivos...\n \n
\n \n );\n return (\n \n {props.children}\n \n );\n};\n\nconst InternalStep0 = ({ state, setState, btnProps }) => {\n const [internalRadio2, setInternalRadio2] = useState(\"\");\n\n const handleChangeRadio2 = async (e) => {\n // console.log(\"handleChangeRadio2:\", e.target.value);\n setState(\"radio2\", e.target.value);\n setInternalRadio2(e.target.value);\n };\n\n useEffect(() => {\n const doRadio2 = async () => {\n if (internalRadio2 === \"Si\") {\n const value = await swal(\"¿Cúal?\", {\n content: \"input\",\n });\n setState(\"radio2Text\", value);\n }\n if (internalRadio2 === \"No\") setState(\"radio2Text\", \"\");\n };\n\n doRadio2();\n }, [internalRadio2]); // eslint-disable-line\n\n return (\n \n \n ¿Cómo será tu Tutoría?\n \n \n Llena esta info con un X para ayudarte de la mejor manera con tu\n Tutoría\n \n \n \n ¿Necesitas estudiar con algún software?\n \n console.log(e.target)}\n >\n Si, ¿Cual? }\n />\n No }\n />\n \n \n \n \n ¿Cómo quieres que sea tu tutoría?\n \n setState(\"radio3\", e.target.value)}\n style={{\n display: \"flex\",\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n }}\n >\n Ejercicios }\n />\n Teoría }\n />\n Ejercicios y teoría }\n />\n \n \n \n {\"Siguiente\"}\n \n \n
\n {/* \n 📍\n */}\n MATERIAL DE PREPARACIÓN \n \n
\n Para que tu tutoría sea lo mejor posible es necesario que envíes{\" \"}\n TODA la información\n
\n
\n
\n {/* \n 🌀\n */}\n 1. Listado de temas que quieres estudiar \n setState(\"listTopis\", e.target.value)}\n />\n
\n
\n {/* \n 🌀\n */}\n 2. Nombre del libro Guia \n setState(\"nameBook\", e.target.value)}\n />\n
\n {/*
\n \n 🌀\n \n 3. Ejercicios similares a como será el Parcial (Talleres ó Preparcial ó\n Parciales de semestres pasados) con Solución es lo ideal (en PDF) \n setState(\"file1\", e.target.files[0])}\n />\n
\n
\n \n 🌀\n \n 4. Diapostivas de clase ó Apuntes de clase (en PDF) \n setState(\"file2\", e.target.files[0])}\n />\n
*/}\n
\n
\n {\"Guardar\"}\n \n \n \n \n Por favor carga archivos importantes\n \n \n \n \n = MAX_FILES_PER_PARTIAL ? \"red\" : \"black\",\n }}\n >\n 1) Ejercicios que quieres desarrollar.\n 2) Apuntes de clase (Tuyos o Diapositivas del\n profesor).\n \n
\n \n \n \n
\n
Seleccionar Archivo \n = MAX_FILES_PER_PARTIAL}\n />\n \n
\n \n \n \n \n Archivo \n Peso \n \n \n \n {loading ? (\n \n \n \n \n ) : (\n materials.map((i) => (\n \n \n \n {i.name}\n \n \n {i.size} MB \n \n deleteMaterial(i._id)}\n >\n \n \n ))\n )}\n \n
\n \n \n setOpenModal(true)}\n />\n setTextMaterial(e.target.value)}\n onBlur={updateTextMaterial}\n />\n \n \n );\n}\n\nexport default StepTwoTutor;\n","import React, { useState } from 'react'\nimport { Button, Container } from \"@material-ui/core\";\nimport GridItem from \"components/Grid/GridItem\";\nimport { mapDate } from \"functions/comun\";\nimport { Modal } from \"react-responsive-modal\";\nimport \"react-responsive-modal/styles.css\";\nimport \"../publicStyle.css\"\n\nconst PaymentDoneTutor = ({data}) => {\n\n const [open, setOpen] = useState(false);\n\n return (\n \n \n \n Listo {data.client}\n \n \n ¡Pagaste exitosamente tu tutoria!\n \n \n \n \n Materia: {data.subject}\n \n \n Valor: {data.cost} COP \n \n \n Fecha: {mapDate(data.event_date).split(\",\")[0]}\n \n \n Hora: {mapDate(data.event_date).split(\",\")[1]}\n \n \n Duración: {data.event_time} min\n \n \n \n \n Estamos verificando tu comprobante de pago. Nos contactáremos pronto vía SMS o Whatsapp. \n \n \n \n setOpen(true)} classes={{ label: 'buttonLabel' }}>\n Ver comprobante\n \n \n\n setOpen(false)} center>\n window.open(data.url_payment, data._id)}\n style={{ padding: 20, borderRadius: 30 }}\n />\n \n \n );\n}\n\nexport default PaymentDoneTutor","import React, { useState } from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { useParams } from \"react-router-dom\";\nimport TutorService from \"services/TutorService\";\nimport SingleLoading from \"components/Loading/SingleLoading\";\nimport { useEffect } from \"react\";\nimport {\n Button,\n Step,\n StepLabel,\n Stepper,\n Typography,\n} from \"@material-ui/core\";\nimport { css } from \"@emotion/css\";\nimport StepOneTutor from \"./paymentStepperTutor/StepOneTutor\";\nimport StepTwoTutor from \"./paymentStepperTutor/StepTwoTutor\";\nimport PaymentDoneTutor from \"./paymentStepperTutor/PaymentDoneTutor\";\nimport StepRules from \"./StepRules\";\nimport CheckCircleIcon from \"@material-ui/icons/CheckCircle\";\nimport StepThree from \"./paymentStepper/StepThree\";\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: \"100%\",\n padding: \"0px 0px\",\n },\n backButton: {\n marginRight: theme.spacing(1),\n },\n instructions: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1),\n },\n}));\n\nfunction getSteps() {\n return [\"Check\", \"Guía\", \"Pago\"];\n}\n\nconst PaymentStepperTutor = () => {\n //console.log(\"PAGOO DE TUTORIAAA\");\n const classes = useStyles();\n const [activeStep, setActiveStep] = useState(-1);\n const steps = getSteps();\n const { id } = useParams();\n const [loading, setLoading] = useState(false);\n const [data, setData] = useState(null);\n const [textMaterial, setTextMaterial] = useState(\"\");\n const [textMaterial2, setTextMaterial2] = useState(\"\");\n const [stateStepTwo, setStateStepTwoPure] = useState({\n radio1: \"\",\n radio2: \"\",\n radio3: \"\",\n radio2Text: \"\",\n listTopis: \"\",\n nameBook: \"\",\n file1: null,\n file2: null,\n });\n\n const handleNext = () => {\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\n };\n\n const handleBack = () => {\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\n };\n\n // const handleReset = () => {\n // setActiveStep(0);\n // };\n\n const getTutorship = async () => {\n setLoading(true);\n\n const res = await TutorService.findByIdPublic({ idTutorship: id });\n\n if (res?.data?.data) {\n setData(res.data.data);\n setLoading(false);\n setActiveStep(0);\n } else {\n console.error(res);\n }\n };\n\n const setStateStepTwo = (name, value) => {\n const obj = {};\n obj[name] = value;\n setStateStepTwoPure({ ...stateStepTwo, ...obj });\n };\n\n const clearFilesState = () => {\n setStateStepTwoPure({ ...stateStepTwo, file1: null, file2: null });\n };\n\n function getStepContent(data) {\n switch (activeStep) {\n case -1:\n return \n
\n {steps.map((label) => (\n \n \n \n {label} \n \n \n \n ))}\n \n \n
\n
\n {activeStep === steps.length ? (\n
\n {/*
\n All steps completed\n */}\n
\n
\n
\n
\n ¡Ya todo quedó listo!
\n Has sido agendado
\n \n
\n \n ¡Te deseamos un excelente día!{\" \"}\n \n ❤️\n \n \n \n \n
Reset \n
\n ) : (\n
\n {getStepContent(data)}\n
\n \n Atrás\n \n {activeStep === steps.length - 1 ? null : (\n \n Siguiente\n \n )}\n \n
\n \n \n \n \n \n {text}\n \n \n \n \n );\n}\n\nWhatsAppButton.propTypes = {\n text: PropTypes.string,\n link: PropTypes.string,\n};\n","import React from \"react\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { createTheme, ThemeProvider } from \"@material-ui/core/styles\";\nimport { Button } from \"@material-ui/core\";\n// @material-ui/icons\n\nconst scheduleButton = createTheme({\n palette: {\n primary: {\n main: \"#f9004d\",\n },\n },\n});\n\nexport default function ScheduleButton(props) {\n const { text, link } = props;\n return (\n \n \n \n \n {text}\n \n \n \n \n );\n}\n\nScheduleButton.propTypes = {\n text: PropTypes.string,\n link: PropTypes.string,\n};\n","import React, { useEffect, useState } from \"react\";\nimport Button from \"@material-ui/core/Button\";\nimport {\n Grid,\n InputLabel,\n makeStyles,\n Slider,\n TextField,\n} from \"@material-ui/core\";\nimport { isMobile } from \"react-device-detect\";\nimport PhoneInput from \"react-phone-input-2\";\nimport CustomDateTimePicker from \"components/DatePicker/CustomDateTimePicker\";\nimport SingleLoading from \"components/Loading/SingleLoading\";\nimport GoBack from \"components/Navigation/GoBack\";\nimport FormatMoney from \"components/Money/FormatMoney\";\nimport FormsService from \"services/FormsService\";\nimport swal from \"sweetalert\";\nimport { toast } from \"react-toastify\";\nimport CustomReactSelect from \"components/Select/CustomReactSelect\";\nimport PreRequestService from \"services/PreRequestService\";\nimport WhatsAppButton from \"components/Buttons/WhatsappButton\";\nimport ScheduleButton from \"components/Buttons/ScheduleButton\";\nimport useCountry from \"hooks/useCountry\";\nimport ConfigVarService from \"services/ConfigVarService\";\n\nconst useStyles = makeStyles((theme) => ({\n title1: {\n fontSize: 24,\n color: \"#ffbc00\",\n },\n title2: {\n fontSize: 18,\n textAlign: \"center\",\n },\n title3: {\n fontSize: 18,\n textAlign: \"center\",\n color: \"#ffbc00\",\n },\n label: {\n padding: 10,\n fontWeight: \"bold\",\n },\n}));\n\nconst tryToParseInt = (stringNumber) => {\n try {\n return parseInt(stringNumber, 10);\n } catch (error) {}\n return 0;\n};\n\nconst doFactorMinutes = (subjects, subject, minutes) => {\n const tempSaldo = factorMinutes(subjects, subject, minutes);\n // //console.log(tempSaldo, Math.round(tempSaldo));\n return Math.round(tempSaldo);\n};\n\nconst factorMinutes = (subjects, subject, minutes) => {\n const subjectObject = subjects.find((i) => i._id === subject);\n // //console.log(\"subjectObject:\", subjectObject);\n const saldo = tryToParseInt(subjectObject.partial_base_cost);\n\n if (minutes >= 0 && minutes <= 29) return saldo * 0.3;\n if (minutes === 30) return saldo * 0.4;\n if (minutes >= 31 && minutes <= 59) return saldo * 0.7;\n if (minutes >= 60 && minutes <= 120) return saldo * 1;\n if (minutes >= 121 && minutes <= 150) return saldo * 1.3;\n if (minutes >= 151 && minutes <= 180) return saldo * 1.45;\n\n return saldo;\n};\n\nexport default () => {\n const classes = useStyles();\n const [step, setStep] = useState(0);\n const [loading, setLoading] = useState(false);\n const [subjects, setSubjects] = useState();\n const [idPreRequest, setIdPreRequest] = useState(null);\n const { paises } = useCountry();\n const [country, setCountry] = useState(\"\");\n const [TRM, setTMR] = useState();\n\n const [dataState, setDataState] = useState({\n minutes: 20,\n subject: null,\n names: \"\",\n phone: \"\",\n dateTime: \"\",\n cost: 0,\n textMaterial: \"\",\n dollarCost: 0,\n country: \"\",\n });\n\n const setCurrencyMethod = (cost) => {\n // const totalNumber = (cost * 1.35) / 4637.87; //Valor variable\n const totalNumber = (cost * 1.35) / TRM; //Valor variable\n const integerPart = Math.trunc(totalNumber);\n if (totalNumber - integerPart > 0.9) {\n return integerPart + 1.9;\n }\n if (totalNumber - integerPart < 0.9) {\n return integerPart + 0.9;\n }\n return totalNumber;\n };\n\n const realCost = (cop, usd, country) => {\n // //console.log(cop, usd, country);\n if (country === \"Colombia\") {\n const integerPart = Math.trunc(cop / 1000) * 1000;\n if (cop - integerPart > 990) {\n return integerPart + 1990;\n }\n if (cop - integerPart < 990) {\n return integerPart + 990;\n }\n return cop;\n }\n // const value = (Math.trunc((usd * 4637.87) / 100) + 1) * 100; //valor variable\n const value = (Math.trunc((usd * TRM) / 100) + 1) * 100; //valor variable\n return value;\n };\n // //console.log(dataState);\n\n const compare = (a, b) => {\n if (a.label === \"Pruebas\") return -1;\n if (b.label === \"Pruebas\") return -1;\n if (a.label < b.label) {\n return -1;\n }\n if (a.label > b.label) {\n return 1;\n }\n return 0;\n };\n\n const getSubjects = async () => {\n const response = await FormsService.getSubjects({});\n if (response?.data?.data)\n setSubjects(response?.data?.data.sort((a, b) => compare(a, b)));\n };\n\n useEffect(() => {\n getSubjects();\n getTRM();\n }, []); // eslint-disable-line\n\n const getTRM = async () => {\n const res = await ConfigVarService.getTRM();\n // //console.log(res);\n setTMR(res?.data?.number_value);\n };\n\n const fakeLoading = () => {\n setLoading(true);\n setTimeout(() => {\n setStep(3);\n setLoading(false);\n }, 1000);\n };\n\n const saveData = async () => {\n setLoading(true);\n const dataForSave = {\n ...dataState,\n // dateTime: dataState.dateTime.toString(),\n cost: realCost(dataState.cost, dataState.dollarCost, dataState.country),\n subject: dataState.subject.label,\n phone: `+${dataState.phone}`,\n };\n const res = await FormsService.savePartial(dataForSave);\n // //console.log(res);\n if (res?.data?.message === \"OK\") {\n toast.success(\"¡Datos guardados!\");\n setLoading(false);\n setStep(4);\n } else {\n toast.error(\"Ha ocurrido un error\");\n }\n };\n\n if (loading) return \n \n
\n );\n};\n\nexport const Step0 = ({ step, setStep, classes }) => {\n return (\n <>\n \n \n
\n Bienvenido a \n PARCIALES y QUICES \n \n \n {\" \"}\n Copywrite®\n \n \n \n
\n
\n Sigue los pasos para solicitar ayuda \n \n ¡En 5 minutos estarás agendad@!{\" \"}\n \n 👇\n \n \n
\n
\n setStep(1)}\n >\n Comenzar\n \n
\n \n );\n};\n\nexport const Step1 = ({\n step,\n setStep,\n classes,\n dataState,\n setDataState,\n subjects,\n paises,\n country,\n setCountry,\n}) => {\n const handleSubmit = async () => {\n if (dataState?.subject?.value) {\n setStep(2);\n } else {\n swal(\"Oops\", \"Selecciona una asignatura valida\", \"warning\");\n }\n };\n\n return (\n <>\n \n Cotiza con Copywrite\n \n setStep(step - 1)} />\n \n
\n ¿En qué asignatura necesitas ayuda para tu{\" \"}\n PARCIAL o QUIZ ?\n \n
\n
\n ({ value: i._id, label: i.label }))}\n onChange={(value) => setDataState({ ...dataState, subject: value })}\n value={dataState.subject}\n />\n
\n
\n
\n ¿Cuántos MINUTOS dura tu PARCIAL o QUIZ ?\n \n
\n
\n setMinutes(value)}\n onChange={(event, value) =>\n setDataState({ ...dataState, minutes: value })\n }\n defaultValue={30}\n getAriaValueText={(value) => `${value} NOSE`}\n aria-labelledby=\"discrete-slider\"\n valueLabelDisplay=\"auto\"\n //valueLabelFormat={valueLabelFormat}\n step={10}\n marks\n min={20}\n max={180}\n // scale={(x) => x * 20}\n />\n \n {dataState.minutes} minutos \n \n
\n
\n
\n
\n ¿Desde que PAÍS estas realizando tu cotización?\n \n
\n
\n ({ value: i.label, label: i.value }))}\n onChange={(value) => setCountry(value)}\n value={country}\n />\n
\n
\n
\n \n Continuar\n \n
\n \n );\n};\n\nexport const Step2 = ({\n step,\n setStep,\n classes,\n fakeLoading,\n dataState,\n setDataState,\n subjects,\n idPreRequest,\n setIdPreRequest,\n country,\n setCurrencyMethod,\n realCost,\n}) => {\n const cost = doFactorMinutes(\n subjects,\n dataState?.subject?.value,\n dataState?.minutes\n );\n\n const dollarCost = setCurrencyMethod(cost);\n\n const onNext = () => {\n // setDataState({\n // ...dataState,\n // cost: realCost(cost, dollarCost, country),\n // dollarCost,\n // country: country.label,\n // });\n updateStateRequest(\"Confirmado\");\n fakeLoading();\n };\n\n useEffect(() => {\n if (!idPreRequest) createPreRequest();\n }, [idPreRequest]); // eslint-disable-line\n\n const createPreRequest = async () => {\n if (dataState?.subject?.value) {\n const res = await PreRequestService.createPreRequest({\n ...dataState,\n country: country.label,\n dollarCost,\n cost: realCost(cost, dollarCost, country.label),\n request_type: \"Parcial\",\n });\n setDataState({\n ...dataState,\n country: country.label,\n dollarCost,\n cost: realCost(cost, dollarCost, country.label),\n request_type: \"Parcial\",\n });\n if (res?.data?.message === \"OK\" && res?.data?.data?._id) {\n setIdPreRequest(res?.data?.data?._id);\n }\n } else {\n swal(\"Oops\", \"Selecciona una asignatura valida\", \"warning\");\n }\n };\n\n const updateStateRequest = async (state) => {\n setDataState({\n ...dataState,\n state,\n idPreRequest,\n country: country.label,\n dollarCost,\n cost: realCost(cost, dollarCost, country.label),\n });\n await PreRequestService.updatePreRequest({\n ...dataState,\n state,\n idPreRequest,\n });\n // //console.log(res?.data);\n };\n\n const round = (cop) => {\n const integerPart = Math.trunc(cop / 1000) * 1000;\n if (cop - integerPart > 990) {\n return integerPart + 1990;\n }\n if (cop - integerPart < 990) {\n return integerPart + 990;\n }\n return cop;\n };\n\n return (\n <>\n \n Cotiza con Copywrite\n \n setStep(step - 1)} />\n \n
\n Tu \n PARCIAL ó QUIZ \n tiene un costo de: \n \n \n \n {/* Pesos Colombianos */}\n \n
\n
\n
\n ¿QUIERES AGENDAR TU PARCIAL ó QUIZ? \n
\n
\n \n {/* \n 🔴\n */}\n Si tu parcial tiene una duración diferente a la mencionada se te\n devolverá o cobrará adicional parte del dinero cotizado.\n \n
\n {/*
\n \n \n 🔴\n \n Si registras tu solicitud con MENOS de 48 horas de anticipación, se\n agendará como COPYWRITE EXPRESS (Cobrariamos 20% adicional al costo\n de arriba 👆)\n \n
*/}\n
\n \n Confirmar\n \n
\n \n );\n};\n\nconst isPhoneValid = (phoneForValidate) => {\n return phoneForValidate && phoneForValidate.length > 10;\n};\n\nconst isDateTimeValid = (dateTimeForValidate) => {\n return dateTimeForValidate && dateTimeForValidate.isValid();\n};\n\nexport const Step3 = ({\n step,\n setStep,\n classes,\n dataState,\n setDataState,\n saveData,\n idPreRequest,\n country,\n}) => {\n const handleSubmit = (e) => {\n e.preventDefault();\n if (isPhoneValid(dataState.phone)) {\n if (isDateTimeValid(dataState.dateTime)) {\n saveData();\n updatePreRequest(\"Finalizado\");\n } else {\n swal(\"Oops\", \"Selecciona una fecha valida\", \"warning\");\n }\n } else {\n swal(\"Oops\", \"Ingrese un número de celular valido\", \"warning\");\n }\n };\n\n const updatePreRequest = async (state) => {\n await PreRequestService.updatePreRequest({\n ...dataState,\n idPreRequest,\n state,\n });\n // //console.log(res?.data);\n };\n\n return (\n \n );\n};\n\nexport const Step4 = ({ classes }) => {\n return (\n <>\n \n \n \n ¡Genial!\n \n ⚡\n {\" \"}\n Recibimos tu solicitud.\n
\n \n {/* \n 🔴\n */}\n Te contactaremos en 5 minutos via WhatsApp ó SMS.\n
\n \n \n
\n ¿Quieres volver a WhatsApp? \n {/* \n 👇\n */}\n
\n
\n
\n \n \n \n \n {/*
\n
*/}\n
\n
\n ¿Quieres agendar algo más?\n {/* \n 👇\n */}\n
\n
\n
\n
\n {step === 0 && (\n
\n \n );\n};\n\nexport const Step0 = ({ setStep, classes }) => {\n return (\n <>\n \n \n
\n Bienvenido a \n TALLERES \n \n \n {\" \"}\n Copywrite®\n \n \n \n
\n
\n Sigue los pasos para solicitar ayuda \n \n ¡En 5 minutos estarás agendad@!{\" \"}\n \n 👇\n \n \n
\n
\n setStep(1)}\n >\n Comenzar\n \n
\n \n );\n};\n\nexport const Step1 = ({\n step,\n setStep,\n classes,\n dataState,\n setDataState,\n subjects,\n}) => {\n const handleSubmit = async (e) => {\n e.preventDefault();\n if (isPhoneValid(dataState.phone)) {\n if (dataState?.subject?.value) {\n if (isDateTimeValid(dataState.dateTime)) {\n setStep(2);\n } else {\n swal(\"Oops\", \"Selecciona una fecha valida\", \"warning\");\n }\n } else {\n swal(\"Oops\", \"Selecciona una asignatura valida\", \"warning\");\n }\n } else {\n swal(\"Oops\", \"Ingrese un número de celular valido\", \"warning\");\n }\n };\n\n return (\n \n );\n};\n\nexport const Step2 = ({\n step,\n setStep,\n classes,\n dataState,\n setDataState,\n saveData,\n idPreRequest,\n setIdPreRequest,\n filesToShow,\n setFilesToShow,\n}) => {\n const handleSubmit = () => {\n saveData();\n updatePreRequest(\"Finalizado\");\n };\n\n const updatePreRequest = async (state) => {\n await PreRequestService.updatePreRequest({\n ...dataState,\n idPreRequest,\n state,\n });\n // //console.log(res.data);\n };\n\n const onChangeFiles = (e) => {\n if (e.target?.files?.length > 0) {\n setDataState({ ...dataState, files: e.target.files });\n filesInView(e.target?.files);\n }\n };\n\n useEffect(() => {\n if (!idPreRequest) createPreRequest();\n }, [idPreRequest]); // eslint-disable-line\n\n const createPreRequest = async () => {\n if (dataState?.subject?.value) {\n const res = await PreRequestService.createPreRequest({\n ...dataState,\n // cost,\n request_type: \"Taller\",\n });\n if (res?.data?.message === \"OK\" && res?.data?.data?._id) {\n setIdPreRequest(res?.data?.data?._id);\n }\n } else {\n swal(\"Oops\", \"Selecciona una asignatura valida\", \"warning\");\n }\n };\n\n const filesInView = (files) => {\n let arrayFile = [];\n if (files.length > 0) {\n for (let i = 0; i < files.length; i++) {\n arrayFile.push(files.item(i));\n }\n setFilesToShow(arrayFile);\n }\n };\n\n const changeFiles = (name) => {\n let list = new DataTransfer();\n let arrayFile = filesToShow.filter((f) => {\n return f.name !== name;\n });\n for (let i = 0; i < arrayFile.length; i++) {\n list.items.add(arrayFile[i]);\n }\n setDataState({ ...dataState, files: list.files });\n setFilesToShow(arrayFile);\n };\n\n return (\n <>\n \n Completa tu información\n \n setStep(step - 1)} />\n \n \n Porfa sube el documento o las fotos del{\" \"}\n TALLER (PDF ó IMAGEN) \n \n
\n \n {/* \n 🔴\n */}\n Importante: Para que el proceso sea muy rápido deben verse muy claros\n los puntos a realizar asi como gráficos, unidades y demas.\n {/* \n 👇\n */}\n
\n \n
\n
Seleccionar Archivo(s) \n \n
\n \n {filesToShow?.length} archivos seleccionados \n \n
\n )}\n \n {filesToShow?.map((f) => {\n return (\n \n \n \n {f.name} \n \n {/* {f.name} */}\n \n \n \n
\n
X \n {\n changeFiles(f.name);\n }}\n />\n \n
{\n changeFiles(f.name);\n }}\n >\n X\n */}\n \n \n );\n })}\n \n \n \n Guardar\n \n
\n \n );\n};\n\nexport const Step3 = ({ classes }) => {\n return (\n <>\n \n \n \n ¡Genial!\n \n ⚡\n {\" \"}\n Recibimos tu solicitud.\n
\n \n {/* \n 🔴\n */}\n Te contactaremos en 5 minutos via WhatsApp ó SMS.\n
\n \n \n
\n ¿Quieres volver a WhatsApp? \n {/* \n 👇\n */}\n
\n
\n
\n \n \n \n \n {/*
\n
*/}\n
\n
\n ¿Quieres agendar algo más?\n {/* \n 👇\n */}\n
\n
\n
\n
\n \n
\n );\n};\n\nexport const Step0 = ({ step, setStep, classes }) => {\n return (\n <>\n \n \n
\n Bienvenido a \n TUTORÍAS \n \n {\" \"}\n \n Copywrite®\n \n \n \n
\n
\n Sigue los pasos para solicitar ayuda \n \n ¡En 5 minutos estarás agendad@!{\" \"}\n \n 👇\n \n \n
\n
\n setStep(1)}\n >\n Comenzar\n \n
\n \n );\n};\n\nexport const Step1 = ({\n step,\n setStep,\n classes,\n dataState,\n setDataState,\n subjects,\n paises,\n country,\n setCountry,\n}) => {\n const handleSubmit = async () => {\n console.log(dataState);\n if (dataState?.subject?.value) {\n if (dataState?.persons?.value) {\n setStep(2);\n } else {\n swal(\"Oops\", \"Selecciona una número de personas\", \"warning\");\n }\n } else {\n swal(\"Oops\", \"Selecciona una asignatura valida\", \"warning\");\n }\n };\n\n return (\n <>\n \n Cotiza con Copywrite\n \n setStep(step - 1)} />\n \n
\n ¿En qué asignatura necesitas ayuda para tu TUTORIA ?\n \n
\n ({ value: i._id, label: i.label }))}\n onChange={(value) => setDataState({ ...dataState, subject: value })}\n value={dataState.subject}\n />\n
\n
\n
\n ¿Para cuántas PERSONAS será la{\" \"}\n TUTORIA ?\n \n
\n setMinutes(value)}\n onChange={(event, value) => {\n //setDataState({ ...dataState, minutes: value })\n switch (value) {\n case 1:\n setDataState({ ...dataState, persons: { value: \"una\" } });\n break;\n case 2:\n setDataState({ ...dataState, persons: { value: \"dos\" } });\n break;\n case 3:\n setDataState({ ...dataState, persons: { value: \"tres\" } });\n break;\n case 4:\n setDataState({ ...dataState, persons: { value: \"cuatro\" } });\n break;\n case 5:\n setDataState({ ...dataState, persons: { value: \"cinco\" } });\n break;\n case 6:\n setDataState({ ...dataState, persons: { value: \"seis\" } });\n break;\n case 7:\n setDataState({ ...dataState, persons: { value: \"+seis\" } });\n break;\n default:\n break;\n }\n }}\n defaultValue={1}\n getAriaValueText={(value) => `${value} NOSE`}\n aria-labelledby=\"discrete-slider\"\n valueLabelDisplay=\"auto\"\n //valueLabelFormat={valueLabelFormat}\n step={1}\n marks\n min={1}\n max={7}\n // scale={(x) => x * 20}\n />\n \n \n {dataState.persons.value === \"+seis\" ? (\n <>Más de seis personas\n ) : (\n <>\n {\" \"}\n {dataState.persons.value === \"una\" ? (\n <>\n {\" \"}\n {dataState.persons.value\n .split(\"\")\n .map((x, i) => {\n if (i === 0) return x.toUpperCase();\n return x;\n })\n .join(\"\")}{\" \"}\n persona{\" \"}\n \n ) : (\n <>\n {\" \"}\n {dataState.persons.value\n .split(\"\")\n .map((x, i) => {\n if (i === 0) return x.toUpperCase();\n return x;\n })\n .join(\"\")}{\" \"}\n personas\n \n )}\n \n )}{\" \"}\n \n \n {/* console.log(value)}\n // onChange={(value) => setDataState({ ...dataState, persons: value })}\n value={dataState.persons}\n /> */}\n
\n
\n
\n
\n
\n ¿Cuántas HORAS de TUTORÍA quieres tomar?\n \n
\n {/* \n setDataState({ ...dataState, hours: e.target.value })\n }\n /> */}\n setMinutes(value)}\n onChange={(event, value) => {\n //setDataState({ ...dataState, minutes: value })\n // setHours(value);\n setDataState({ ...dataState, hours: value });\n }}\n value={dataState.hours}\n defaultValue={1}\n getAriaValueText={(value) => `${value} NOSE`}\n aria-labelledby=\"discrete-slider\"\n valueLabelDisplay=\"auto\"\n //valueLabelFormat={valueLabelFormat}\n step={1}\n marks\n min={1}\n max={9}\n // scale={(x) => x * 20}\n />\n \n \n {dataState.hours}{\" \"}\n {dataState.hours > 1 ? <> horas. : <>hora.}\n \n \n
\n
\n
\n
\n
\n ¿Desde que PAÍS estas realizando tu cotización?\n \n
\n
\n ({ value: i.label, label: i.value }))}\n onChange={(value) => setCountry(value)}\n value={country}\n />\n
\n
\n
\n \n Continuar\n \n
\n \n );\n};\n\nexport const Step2 = ({\n step,\n setStep,\n classes,\n fakeLoading,\n dataState,\n setDataState,\n subjects,\n idPreRequest,\n setIdPreRequest,\n country,\n setCurrencyMethod,\n realCost,\n}) => {\n const cost = doFactorMinutes(\n subjects,\n dataState.subject.value,\n dataState.persons,\n dataState.hours\n );\n\n const dollarCost = setCurrencyMethod(cost);\n\n const onNext = () => {\n // setDataState({\n // ...dataState,\n // cost: realCost(cost, dollarCost, country.label),\n // dollarCost,\n // country: country.label,\n // });\n updateStateRequest(\"Confirmado\");\n fakeLoading();\n };\n\n useEffect(() => {\n if (!idPreRequest) createPreRequest();\n }, [idPreRequest]); // eslint-disable-line\n\n const createPreRequest = async () => {\n if (dataState?.subject?.value) {\n const res = await PreRequestService.createPreRequest({\n ...dataState,\n cost: realCost(cost, dollarCost, country.label),\n request_type: \"Tutoria\",\n dollarCost,\n country: country.label,\n });\n setDataState({\n ...dataState,\n cost: realCost(cost, dollarCost, country.label),\n request_type: \"Tutoria\",\n dollarCost,\n country: country.label,\n });\n if (res?.data?.message === \"OK\" && res?.data?.data?._id) {\n setIdPreRequest(res?.data?.data?._id);\n }\n } else {\n swal(\"Oops\", \"Selecciona una asignatura valida\", \"warning\");\n }\n };\n\n const updateStateRequest = async (state) => {\n await PreRequestService.updatePreRequest({\n idPreRequest,\n state,\n ...dataState,\n });\n setDataState({\n country: country.label,\n dollarCost,\n cost: realCost(cost, dollarCost, country.label),\n idPreRequest,\n state,\n ...dataState,\n });\n // //console.log(res?.data);\n };\n\n const round = (cop) => {\n const integerPart = Math.trunc(cop / 1000) * 1000;\n if (cop - integerPart > 990) {\n return integerPart + 1990;\n }\n if (cop - integerPart < 990) {\n return integerPart + 990;\n }\n return cop;\n };\n\n return (\n <>\n \n Cotiza con Copywrite\n \n setStep(step - 1)} />\n \n
\n Tu \n TUTORÍA/HORA \n tiene un costo de: \n \n \n {/* Pesos Colombianos */}\n \n
\n
\n
\n ¿QUIERES AGENDAR TU TUTORÍA? \n
\n {/*
\n \n \n 🔴\n \n Si registras tu solicitud con MENOS de 48 horas de anticipación, se\n agendará como COPYWRITE EXPRESS (Cobrariamos 20% adicional al costo\n de arriba 👆)\n \n
*/}\n
\n \n Confirmar\n \n
\n \n );\n};\n\nexport const Step3 = ({\n step,\n setStep,\n classes,\n dataState,\n setDataState,\n saveData,\n idPreRequest,\n country,\n}) => {\n const handleSubmit = (e) => {\n e.preventDefault();\n if (isPhoneValid(dataState.phone)) {\n if (isDateTimeValid(dataState.dateTime)) {\n saveData();\n updatePreRequest(\"Finalizado\");\n } else {\n swal(\"Oops\", \"Selecciona una fecha valida\", \"warning\");\n }\n } else {\n swal(\"Oops\", \"Ingrese un número de celular valido\", \"warning\");\n }\n };\n\n const updatePreRequest = async (state) => {\n await PreRequestService.updatePreRequest({\n ...dataState,\n idPreRequest,\n state,\n });\n // //console.log(res?.data);\n };\n\n return (\n \n );\n};\n\nexport const Step4 = ({ classes }) => {\n return (\n <>\n \n \n \n ¡Genial!\n \n ⚡\n {\" \"}\n Recibimos tu solicitud.\n
\n \n {/* \n 🔴\n */}\n Te contactaremos en 5 minutos via WhatsApp ó SMS.\n
\n \n \n
\n ¿Quieres volver a WhatsApp? \n {/* \n 👇\n */}\n
\n
\n
\n \n \n \n \n {/*
\n
*/}\n
\n
\n ¿Quieres agendar algo más?\n {/* \n 👇\n */}\n
\n
\n
\n
\n \n \n ¡Hola, {data.client}!\n \n \n Por favor, confirma la información de tu taller\n \n \n \n \n Materia: {data.subject}\n \n \n Valor: {\" \"}\n \n \n \n \n Fecha de entrega: {mapDate(data.event_date).split(\",\")[0]}\n \n \n Hora de entrega: {mapDate(data.event_date).split(\",\")[1]}\n \n \n \n \n Tienes 8 horas para hacer tu pago, luego se deshabilitará el link\n \n \n )}\n \n );\n};\n\nexport default StepOne;\n","import React, { useEffect, useState } from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Modal from \"@material-ui/core/Modal\";\nimport swal from \"sweetalert\";\nimport Button from \"@material-ui/core/Button\";\n\nimport {\n CircularProgress,\n FormControlLabel,\n Radio,\n RadioGroup,\n TextareaAutosize,\n} from \"@material-ui/core\";\n\nfunction getModalStyle() {\n const top = 50;\n const left = 50;\n\n return {\n top: `${top}%`,\n left: `${left}%`,\n transform: `translate(-${top}%, -${left}%)`,\n };\n}\n\nconst useStyles = makeStyles((theme) => ({\n paper: {\n position: \"absolute\",\n width: 400,\n height: 550,\n backgroundColor: theme.palette.background.paper,\n border: \"2px solid #000\",\n boxShadow: theme.shadows[5],\n padding: theme.spacing(2, 4, 3),\n },\n}));\n\nconst fontFamily = \"Poppins, sans-serif\";\n\nexport default function StepTwoModal({\n open,\n setOpen,\n state,\n setState,\n setInternalTextMaterial,\n uploadMaterial,\n clearFilesState,\n}) {\n const classes = useStyles();\n // getModalStyle is not a pure function, we roll the style only on the first render\n const [modalStyle] = useState(getModalStyle);\n const [loading, setLoading] = useState(false);\n const [step, setStep] = useState(0);\n\n const handleClose = () => setOpen(false);\n\n const handleNext = async () => {\n if (step === 0) setStep(1);\n if (step === 1) {\n setLoading(true);\n const {\n radio1,\n radio2,\n radio2Text,\n radio3,\n listTopis,\n nameBook,\n file1,\n file2,\n aditionalInfo,\n } = state;\n // {\"radio1\":\"Abierto\",\"radio2\":\"No\",\"radio3\":\"Teoria\",\"radio2Text\":\"\",\"listTopis\":\"\",\"nameBook\":\"\",\"file1\":null,\"file2\":null}\n setInternalTextMaterial(\n `Entregar con software: ${radio2} - ${radio2Text} \\nInformacíon: ${aditionalInfo} \\nLista temas: ${listTopis} \\nlibro guia: ${nameBook}`\n );\n if (file1 && file2) {\n await Promise.all([uploadMaterial(file1), uploadMaterial(file2)]);\n } else {\n if (file1) await uploadMaterial(file1);\n if (file2) await uploadMaterial(file2);\n }\n clearFilesState();\n setStep(0);\n handleClose();\n setLoading(false);\n }\n };\n\n const btnProps = {\n variant: \"contained\",\n color: \"primary\",\n classes: \"buttonLabel\",\n onClick: handleNext,\n loading: loading,\n };\n\n return (\n \n \n {step === 0 && (\n
\n )}\n {step === 1 && (\n
\n )}\n
\n
\n \n \n Cargando archivos...\n \n
\n \n );\n return (\n \n {props.children}\n \n );\n};\n\nconst InternalStep0 = ({ state, setState, btnProps }) => {\n const [internalRadio2, setInternalRadio2] = useState(\"\");\n\n const handleChangeRadio2 = async (e) => {\n setState(\"radio2\", e.target.value);\n setInternalRadio2(e.target.value);\n };\n\n useEffect(() => {\n const doRadio2 = async () => {\n if (internalRadio2 === \"Si\") {\n const value = await swal(\"¿Requiere software? ¿Cúal?\", {\n content: \"input\",\n });\n setState(\"radio2Text\", value);\n }\n if (internalRadio2 === \"A mano\") setState(\"radio2Text\", \"\");\n };\n\n doRadio2();\n }, [internalRadio2]); // eslint-disable-line\n\n return (\n \n \n Información de tu Taller\n \n \n Llena con una X para que todo quede muy claro\n \n \n \n ¿Como quieres que entreguemos tu Taller?\n \n \n Software }\n />\n A mano }\n />\n \n \n \n \n Escribe toda la información importante de tu Taller\n \n setState(\"aditionalInfo\", e.target.value)}\n />\n \n \n {\"Siguiente\"}\n \n \n
\n {/* \n 📍\n */}\n MATERIAL DE PREPARACIÓN \n \n
\n Para cumplir con la garantía prometida es obligatorio que envíes{\" \"}\n TODA la siguiente información\n
\n
\n
\n {/* \n 🌀\n */}\n 1. Listado de temas que entran en el taller \n setState(\"listTopis\", e.target.value)}\n />\n
\n
\n {/* \n 🌀\n */}\n 2. Nombre del libro Guia \n setState(\"nameBook\", e.target.value)}\n />\n
\n {/*
\n \n 🌀\n \n 3. Ejercicios similares a como será el Parcial (Talleres ó Preparcial ó\n Parciales de semestres pasados) con Solución es lo ideal (en PDF) \n setState(\"file1\", e.target.files[0])}\n />\n
\n
\n \n 🌀\n \n 4. Diapostivas de clase ó Apuntes de clase (en PDF) \n setState(\"file2\", e.target.files[0])}\n />\n
*/}\n
\n
\n {\"Guardar\"}\n \n \n \n \n Por favor carga Archivos Importantes\n \n \n \n \n = MAX_FILES_PER_PARTIAL ? \"red\" : \"black\",\n }}\n >\n 1) Pdf o Imagenes que correspondan\n a lo que es tu Taller.\n \n \n (Tuyos o Diapositivas del profesor).\n \n
\n \n \n \n
\n
Seleccionar Archivo \n = MAX_FILES_PER_PARTIAL}\n />\n \n
\n \n \n \n \n Archivo \n Peso \n \n \n \n {loading ? (\n \n \n \n \n ) : (\n materials.map((i) => (\n \n \n \n {i.name}\n \n \n {i.size} MB \n \n deleteMaterial(i._id)}\n >\n \n \n ))\n )}\n {homework.files.length > 0 &&\n homework.files.map((i, index) => (\n \n \n \n Archivo subido anteriormente {index + 1}\n \n \n \n deletePrevMaterial(homework._id, i)}\n >\n \n \n ))}\n \n
\n \n \n setOpenModal(true)}\n />\n setTextMaterial(e.target.value)}\n onBlur={updateTextMaterial}\n />\n \n \n );\n}\n\nexport default StepTwo;\n","import { css } from \"@emotion/css\";\nimport {\n Button,\n makeStyles,\n Step,\n StepLabel,\n Stepper,\n} from \"@material-ui/core\";\nimport React from \"react\";\nimport { useState } from \"react\";\nimport OpenInNewIcon from \"@material-ui/icons/OpenInNew\";\nimport { FakeLoading } from \"./paymentStepper/FakeLoading\";\nimport SingleLoading from \"components/Loading/SingleLoading\";\nimport CheckCircleIcon from \"@material-ui/icons/CheckCircle\";\nimport Typography from \"@material-ui/core/Typography\";\nimport StepMaterial from \"./StepMaterial\";\nimport StepRules from \"./StepRules\";\nimport TallerService from \"services/TallerService\";\nimport { useEffect } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport StepOne from \"./paymentStepperHomework/StepOne\";\nimport StepTwo from \"./paymentStepperHomework/StepTwo\";\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: \"100%\",\n padding: \"0px 0px\",\n },\n backButton: {\n marginRight: theme.spacing(1),\n },\n instructions: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1),\n },\n}));\n\nfunction getSteps() {\n return [\"Check\", \"Guía\", \"Material\"];\n}\n\nexport default function MaterialTutorshipStepper() {\n const classes = useStyles();\n const steps = getSteps();\n const [activeStep, setActiveStep] = useState(0);\n const [data, setData] = useState(null);\n const { id } = useParams();\n const [stateStepTwo, setStateStepTwoPure] = useState({\n radio1: \"\",\n radio2: \"\",\n radio3: \"\",\n radio2Text: \"\",\n listTopis: \"\",\n nameBook: \"\",\n file1: null,\n file2: null,\n });\n const [textMaterial, setTextMaterial] = useState(\"\");\n const [textMaterial2, setTextMaterial2] = useState(\"\");\n\n const clearFilesState = () => {\n setStateStepTwoPure({ ...stateStepTwo, file1: null, file2: null });\n };\n\n const setStateStepTwo = (name, value) => {\n const obj = {};\n obj[name] = value;\n setStateStepTwoPure({ ...stateStepTwo, ...obj });\n };\n\n // const handleReset = () => {\n // setActiveStep(0);\n // };\n\n const handleNext = () => {\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\n };\n\n const handleBack = () => {\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\n };\n\n const handleTextMaterial = (text) => {\n try {\n const textArray = text.split(\"\\n\\n\");\n setTextMaterial(textArray[1]);\n setTextMaterial2(textArray[0]);\n } catch (error) {\n console.error(error);\n }\n // if (tutorship.text_material1 || tutorship.text_material2) {\n // try {\n // // const textArray = text.split(\"HTML-SEPARATOR\");\n // setTextMaterial(tutorship.text_material1);\n // setTextMaterial2(tutorship.text_material2);\n // } catch (error) {\n // console.error(error);\n // }\n // }\n };\n\n const getHomework = async () => {\n // setLoading(true);\n\n //console.log(id);\n const res = await TallerService.findByIdAdmin({ id });\n console.log(res.data);\n if (res?.data?.data) {\n setData(res.data.data);\n // setLoading(false);\n setActiveStep(0);\n\n handleTextMaterial(res?.data?.data?.textMaterial);\n } else {\n console.error(res);\n }\n };\n\n function getStepContent() {\n if (data) {\n switch (activeStep) {\n case 0:\n return \n
\n {steps.map((label) => (\n \n \n \n {label} \n \n \n \n ))}\n \n \n
\n
\n {activeStep === steps.length ? (\n
\n
}\n onLoad={\n
\n
\n
\n
\n ¡Ya todo quedó listo!
\n \n Has sido agendado\n
\n \n
\n \n ¡Te deseamos un excelente día!{\" \"}\n \n ❤️\n \n \n \n \n }\n />\n\n
\n Regresar\n \n \n window.open(\n \"https://www.copywritecol.com/\",\n \"https://www.copywritecol.com/\"\n )\n }\n endIcon={ \n ) : (\n
\n {getStepContent()}\n
\n \n Atrás\n \n {activeStep === steps.length - 1 ? (\n \n Terminar\n \n ) : (\n \n Siguiente\n \n )}\n \n
\n
\n {steps.map((label) => (\n \n \n \n {label} \n \n \n \n ))}\n \n \n
\n
\n {activeStep === steps.length ? (\n
\n
}\n onLoad={\n
\n
\n
\n
\n ¡Ya todo quedó listo!
\n \n Has sido agendado\n
\n \n
\n \n ¡Te deseamos un excelente día!{\" \"}\n \n ❤️\n \n \n \n \n }\n />\n\n
\n Regresar\n \n \n window.open(\n \"https://www.copywritecol.com/\",\n \"https://www.copywritecol.com/\"\n )\n }\n endIcon={ \n ) : (\n
\n {getStepContent()}\n
\n \n Atrás\n \n {activeStep === steps.length - 1 ? (\n \n Terminar\n \n ) : (\n \n Siguiente\n \n )}\n \n
\n Feedback Copywrite\n \n setStep(step - 1)} />\n {questions.map((q, index) => {\n return (\n \n
\n {q.text} \n \n
\n
\n setMinutes(value)}\n onChange={(event, value) =>\n setResults({ ...results, [\"q\" + index]: value })\n }\n defaultValue={1}\n getAriaValueText={(value) => `${value} NOSE`}\n aria-labelledby=\"discrete-slider\"\n valueLabelDisplay=\"auto\"\n //valueLabelFormat={valueLabelFormat}\n step={1}\n marks={marks}\n min={1}\n max={5}\n // scale={(x) => x * 20}\n />\n
\n
\n \n Continuar \n \n
\n \n );\n};\n\nexport default Step1;\n","import { InputLabel, Slider, TextareaAutosize } from \"@material-ui/core\";\nimport React from \"react\";\nimport Button from \"@material-ui/core/Button\";\nimport GoBack from \"components/Navigation/GoBack\";\n\nconst Step2 = ({ results, setResults, next, step, setStep }) => {\n const marks = [\n {\n value: 1,\n label: \"1\",\n },\n {\n value: 2,\n label: \"2\",\n },\n {\n value: 3,\n label: \"3\",\n },\n {\n value: 4,\n label: \"4\",\n },\n {\n value: 5,\n label: \"5\",\n },\n {\n value: 6,\n label: \"6\",\n },\n {\n value: 7,\n label: \"7\",\n },\n {\n value: 8,\n label: \"8\",\n },\n {\n value: 9,\n label: \"9\",\n },\n {\n value: 10,\n label: \"10\",\n },\n ];\n\n return (\n \n
\n Feedback Copywrite\n \n setStep(step - 1)} />\n \n
\n \n En una escala de 1 a 10 ¿Qué tan satisfecho quedaste con el servicio\n de Copywrite?\n \n \n
\n
\n setMinutes(value)}\n onChange={(event, value) => setResults({ ...results, q4: value })}\n defaultValue={1}\n getAriaValueText={(value) => `${value} NOSE`}\n aria-labelledby=\"discrete-slider\"\n valueLabelDisplay=\"auto\"\n //valueLabelFormat={valueLabelFormat}\n step={1}\n marks={marks}\n min={1}\n max={10}\n // scale={(x) => x * 20}\n />\n
\n
\n
\n \n ¿Cuáles son las razones de que elijas comprar en Copywrite en\n lugar de la competencia?\n \n \n
\n
\n \n setResults({ ...results, q5: element.target.value })\n }\n minRows={10}\n style={{ width: \"100%\" }}\n >\n \n
\n \n Terminar \n \n
\n \n
\n
\n
\n \n ¡Queremos ser mejores para ti cada día!\n \n \n \n
\n
\n \n 🔴 Responde las siguientes preguntas y obtén 10% OFF en tu\n próxima compra.\n \n
\n
\n
\n setStep(1)}\n >\n Comenzar\n \n
\n
\n
\n
\n
\n
\n \n 🥦 Perfecto, eso es todo. ¡Gracias por tu opinión!\n \n {/* PARCIALES y QUICES */}\n \n \n
\n
\n \n Toma screenshot de esta pantalla para redimir tu descuento\n \n
\n
\n
\n
\n \n
\n
\n \n ¡Hola!, queremos solucionar tus dudas respecto a:\n \n \n \n \n \n * Garantía \n \n \n \n \n Hemos trabajado con más de 8000 estudiantes y nos gustan las cosas\n claras.\n \n \n \n \n \n );\n};\n\nexport default StartStep;\n","import { Container } from \"@material-ui/core\";\nimport ScheduleButton from \"components/Buttons/ScheduleButton\";\nimport GridItem from \"components/Grid/GridItem\";\nimport React from \"react\";\n\nconst EndStep = () => {\n return (\n \n \n
\n
\n \n ¡Eso sería todo!\n \n \n \n \n \n Recuerda que el material de preparación te lo pediremos recién hagas\n el pago.\n \n \n \n \n \n Cualquier duda escríbenos a nuestro WhatsApp\n \n \n \n \n \n \n );\n};\n\nexport default EndStep;\n","import { css } from \"@emotion/css\";\nimport {\n Box,\n Button,\n Step,\n StepLabel,\n Stepper,\n makeStyles,\n} from \"@material-ui/core\";\nimport React from \"react\";\nimport { useState } from \"react\";\nimport StartStep from \"./startStep\";\nimport EndStep from \"./endStep\";\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: \"100%\",\n padding: \"0px 0px\",\n },\n backButton: {\n marginRight: theme.spacing(1),\n },\n instructions: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1),\n },\n}));\n\nconst styles = css`\n .pdf--container {\n margin: 1rem 2rem;\n border-radius: 1rem;\n padding-bottom: 1rem;\n background-color: #e3e3e3;\n display: grid;\n grid-template-columns: minmax(300px, 2fr);\n }\n\n .img-pdf {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n`;\n\nconst PartialInfo = () => {\n const [activeStep, setActiveStep] = useState(0);\n const classes = useStyles();\n\n const steps = [\"Start\", \"Garantía\", \"Reglas\", \"Cancel\", \"Instr\"];\n\n const getStepContent = () => {\n switch (activeStep) {\n case 0:\n return \n {activeStep < 5 && (\n
\n \n {steps.map((label) => (\n \n \n \n {label} \n \n \n \n ))}\n \n \n )}\n
{getStepContent()}
\n
\n {activeStep !== 0 && (\n \n Atrás\n \n )}\n {activeStep === steps.length ? null : (\n \n Siguiente\n \n )}\n \n {activeStep < 5 && (\n
\n \n {steps.map((label) => (\n \n \n \n {label} \n \n \n \n ))}\n \n \n )}\n
{getStepContent()}
\n
\n {activeStep !== 0 && (\n \n Atrás\n \n )}\n {activeStep === steps.length ? null : (\n \n Siguiente\n \n )}\n \n {activeStep < 5 && (\n
\n \n {steps.map((label) => (\n \n \n \n {label} \n \n \n \n ))}\n \n \n )}\n
{getStepContent()}
\n
\n {activeStep !== 0 && (\n \n Atrás\n \n )}\n {activeStep === steps.length ? null : (\n \n Siguiente\n \n )}\n \n
\n Talleres Copywrite \n \n \n
\n Materia:\n \n
\n {data?.subject}\n \n
\n Fecha de entrega:\n \n
\n {mapDate(data?.event_date)}\n \n {data?.files?.length > 0 ? (\n <>\n
\n Material del Taller\n \n {console.log(data?.files)}\n
\n \n \n Archivo \n \n \n \n {loading ? (\n \n \n \n \n ) : (\n data?.files.map((i, j) => (\n \n \n window.open(i)}\n >\n Ver archivo {j + 1}\n \n \n \n ))\n )}\n \n
\n \n ) : (\n
\n No hay archivos cargados por parte del estudiante\n \n )}\n \n
\n
\n
\n
\n ¿Quieres ser parte del equipo de Tutores Copywrite® ?\n \n \n \n (\n \n Nombres\n \n }\n InputProps={{\n startAdornment: (\n \n \n ),\n }}\n />\n )}\n >\n \n \n (\n \n Correo\n \n }\n InputProps={{\n startAdornment: (\n \n \n ),\n }}\n />\n )}\n >\n \n \n \n
\n
\n ¿Cúal es tu número de WhatsApp? *\n \n \n \n \n \n \n País de residencia\n \n \n {paises.map((data) => (\n \n {data.value}\n \n ))}\n \n \n \n \n \n \n Estado\n \n \n {states.map((data) => (\n \n {data.value}\n \n ))}\n \n \n \n \n \n \n Ciudad\n \n \n {cities.map((data) => (\n \n {data.value}\n \n ))}\n \n \n \n \n {i.label} ;\n })\n );\n };\n\n const handleChange = (event) => {\n if (event.target.value.length <= 4) {\n setSubjects(event.target.value);\n } else {\n toast.warning(\"Solamente puedes seleccionar 4 asignaturas\");\n }\n };\n\n const handleChangeTypes = (event) => {\n setTypes(event.target.value);\n };\n\n const onChangeFiles = (e) => {\n console.log(e.target.files[0]);\n if (e.target?.files?.length > 0) {\n setDataState({ ...dataState, files: e.target.files });\n }\n };\n\n useEffect(() => {\n getAsignatures();\n }, []);\n\n return (\n \n
\n
\n
\n
\n ¿Quieres ser parte del equipo de Tutores Copywrite® ?{\" \"}\n \n \n \n (\n \n ¿Cuál es tu nivel de estudio?\n \n }\n style={{ width: \"80%\" }}\n InputProps={{\n startAdornment: (\n \n \n ),\n }}\n />\n )}\n >\n \n \n (\n \n ¿Qué Pre-grado estudias?\n \n }\n style={{ width: \"80%\" }}\n InputProps={{\n startAdornment: (\n \n \n ),\n }}\n />\n )}\n >\n \n \n (\n \n ¿En qué Universidad estudiaste?\n \n }\n style={{ width: \"80%\" }}\n InputProps={{\n startAdornment: (\n \n \n ),\n }}\n />\n )}\n >\n \n \n \n \n ¿Qué experiencia tienes realizando Parciales, Tutorías o Talleres?\n \n (\n \n \n \n ¿En que asignaturas puedes recibir solicitudes?{\" \"}\n \n \n \n \n Asignaturas (Máximo 4)\n \n \n \n \n \n Adjunta tu certificado de promedio de notas de las asignaturas\n seleccionadas. (Adjuntar en pdf o imagen)\n \n \n \n \n \n \n ¿Qué tipo de solicitudes puedes atender?{\" \"}\n \n \n \n \n Solicitudes (Puedes seleccionar varias)\n \n Parciales \n Tutorias \n Talleres \n \n \n \n \n \n \n ¿A través de que medio te enteraste de la oferta?\n \n \n \n \n Opciones\n \n \n \n En una publicación de Instagram (Feed)\n \n En una Pauta de Instagram (Post) \n Un amigo me recomendó \n En @Soy_Ingeniero \n Otra pagina de la universidad \n Otro \n \n \n \n \n \n );\n}\n\nexport default AcademicForm;\n","import {\n Grid,\n InputAdornment,\n InputLabel,\n TextField,\n makeStyles,\n} from \"@material-ui/core\";\nimport React, { useState } from \"react\";\nimport EmailIcon from \"@material-ui/icons/Email\";\nimport WhatsAppIcon from \"@material-ui/icons/WhatsApp\";\nimport AccountCircleIcon from \"@material-ui/icons/AccountCircle\";\nimport { Controller } from \"react-hook-form\";\n\nconst useStyles = makeStyles((theme) => ({\n margin: {\n margin: theme.spacing(1),\n },\n}));\n\nfunction FinanceForm({ control }) {\n const classes = useStyles();\n const [validate, useValidate] = useState(null);\n\n return (\n \n
\n
\n
\n
\n ¿Quieres ser parte del equipo de Tutores Copywrite® ?\n \n \n \n (\n \n Banco\n \n }\n InputProps={{\n startAdornment: (\n \n \n ),\n }}\n />\n )}\n >\n \n \n (\n \n Tipo de cuenta\n \n }\n InputProps={{\n startAdornment: (\n \n \n ),\n }}\n />\n )}\n >\n \n \n (\n \n Número de cuenta\n \n }\n InputProps={{\n startAdornment: (\n \n \n ),\n }}\n />\n )}\n >\n \n \n \n
\n \n {\" \"}\n Bienvenido\n \n \n
\n
\n \n Buscamos los mejores tutores para generar ingresos ($) con\n su conocimiento. Mira el video instructivo y sigue los pasos\n indicados.\n \n \n \n \n
\n \n setFirstTime(false)}\n >\n Comenzar\n \n
\n \n
\n {steps.map((label) => (\n \n \n \n {label} \n \n {\" \"}\n \n ))}\n \n
\n {activeStep === steps.length ? (\n
\n
\n
\n
\n Hemos enviado la prueba de conocimiento a tu correo electrónico.\n \n
\n Debes aprobar esta prueba para formar parte de nuestro equipo de\n tutores. Por favor, revisa tu carpeta de Spam o busca en la barra\n de búsqueda el correo electrónico con el remitente\n
\"no-reply@copywritecol.com\" para encontrarlo.\n \n
\n
\n \n Atrás\n \n \n
\n \n {getStepContent(\n activeStep,\n register,\n control,\n setDataState,\n dataState\n )}\n \n \n \n Atrás\n \n \n {activeStep === steps.length - 1 ? \"Terminar\" : \"Siguiente\"}{\" \"}\n \n \n \n )}\n \n \n );\n}\n\nexport default Form;\n","import { Button, Grid, IconButton } from \"@material-ui/core\";\nimport GoBack from \"components/Navigation/GoBack\";\nimport React, { useEffect } from \"react\";\nimport { useState } from \"react\";\nimport swal from \"sweetalert\";\nimport { useParams } from \"react-router-dom/cjs/react-router-dom.min\";\nimport HiringService from \"services/HiringService\";\nimport SubjectService from \"services/SubjectService\";\nimport DeleteIcon from \"@material-ui/icons/Delete\";\nimport { useSelector } from \"react-redux\";\nimport PictureAsPdfIcon from \"@material-ui/icons/PictureAsPdf\";\nimport { toast } from \"react-toastify\";\nimport StartStep from \"../info/startStep\";\n\nconst isImage = (string) => {\n switch (string) {\n case \"img\":\n return true;\n case \"jpeg\":\n return true;\n case \"jpg\":\n return true;\n case \"png\":\n return true;\n default:\n return false;\n }\n};\n\nfunction Test() {\n const [display, setDisplay] = useState(null);\n const id = useParams(\"id\");\n const [test, setTest] = useState({});\n const { user } = useSelector((state) => state.user);\n const [subjects, setSubjects] = useState([]);\n const [answer, setAnswer] = useState(\"\");\n const [checks, setChecks] = useState([]);\n const [check, setCheck] = useState(false);\n\n const selectSubejct = (e) => {\n setDisplay(e);\n getAnswer(e);\n };\n\n const uploadMultipleFiles = async (e, idSubject) => {\n e.preventDefault();\n if (e.target.files) {\n const res = await HiringService.saveAnswer({\n file: e.target.files,\n idSubject,\n idApplicant: test._id,\n });\n setAnswer(res?.data?.data);\n }\n };\n\n const getSubjects = async (s) => {\n const res = await SubjectService.findAll({ user });\n if (res?.data) {\n setSubjects(\n s.map((e) => {\n for (const r of res.data) {\n if (r._id === e) return r;\n }\n })\n );\n }\n };\n\n const getTest = async () => {\n const res = await HiringService.getTest(id.id);\n if (res?.data?.message === \"OK\") {\n startTest();\n getSubjects(res.data.data.subjects);\n checkAnswers(res.data.data, res.data.data.subjects);\n }\n };\n\n const deleteAnswer = async (id) => {\n if (id) {\n const res = await HiringService.deleteAnswer({ id });\n if (res?.data?.message) {\n toast.success(\"Archivo borrado correctamente\");\n setAnswer(\"\");\n getTest();\n } else {\n toast.error(\"Ha ocurrido un error\");\n }\n }\n };\n\n const getAnswer = async (e) => {\n const res = await HiringService.validateAnswer(e._id, test._id);\n if (res?.data?.data) setAnswer(res?.data?.data);\n };\n\n const checkAnswers = async (t, s) => {\n const localAns = [];\n for (const subject of s) {\n if (subject._id) {\n const res = await HiringService.validateAnswer(subject._id, t._id);\n if (res?.data?.data?.answer) {\n localAns.push(true);\n } else {\n localAns.push(false);\n }\n } else {\n const res = await HiringService.validateAnswer(subject, t._id);\n if (res?.data?.data?.answer) {\n localAns.push(true);\n } else {\n localAns.push(false);\n }\n }\n }\n setChecks(localAns);\n };\n\n const startTest = async () => {\n const res = await HiringService.startTest(id.id);\n if (res?.data?.message === \"OK\") {\n setTest(res.data.data);\n }\n };\n\n useEffect(() => {\n getTest();\n }, []);\n\n useEffect(() => {\n if (new Date(test?.end_test)?.getTime() <= new Date().getTime()) {\n swal(\n \"¡Oops!\",\n \"Parece que el tiempo para resolver la prueba ha terminado\",\n \"error\"\n );\n }\n }, [check]);\n\n return (\n \n
\n \n
\n
\n Prueba de admisíon\n \n \n ¡Hola {test?.names}!\n {\" \"}\n \n \n Tiempo restante:\n {\" \"}\n \n \n {display ? (\n <>\n \n \n {\n checkAnswers(test, subjects);\n setDisplay(null);\n setAnswer(\"\");\n }}\n />\n \n \n \n \n Prueba de admisión de {display.label}\n {\" \"}\n \n \n \n \n Descarga el archivo en formato PDF o PNG. Luego, dedica tiempo\n a resolver el ejercicio planteado. Una vez lo hayas\n solucionado, selecciona el archivo correspondiente y súbelo\n haciendo clic en el botón Seleccionar archivo. \n \n \n NOTA: si tu prueba requiere de subir mas de un archivo por\n favor comprimelo en un archivo zip o rar para que peudas\n enviar el resultado de tu prueba.\n \n
\n \n \n \n \n {display?.test &&\n (display?.test?.split(\".\")[\n display?.test?.split(\".\").length - 1\n ] === \"pdf\" ? (\n \n \n Ver pdf \n \n \n ) : (\n \n \n ))}\n \n \n \n {answer.answer ? (\n \n \n deleteAnswer(answer._id)}\n style={{ backgroundColor: \"#dc3545\", color: \"white\" }}\n classes={{ label: \"buttonLabel\" }}\n >\n Eliminar Respuesta\n \n
\n \n ) : (\n \n \n
Seleccionar Archivo {\" \"}\n {\n uploadMultipleFiles(e, display._id);\n }}\n />\n \n \n )}\n \n {\" \"}\n {answer.answer && (\n
\n {answer.answer &&\n (!isImage(\n answer.answer?.split(\".\")[\n answer.answer?.split(\".\").length - 1\n ]\n ) ? (\n \n \n Ver archivo \n \n \n ))}\n \n // \n )}\n \n \n \n \n ) : (\n <>\n \n Aquí puedes encontrar la lista de las materias que has inscrito\n para tu prueba. Haz clic en cada materia para acceder al ejercicio\n que debes resolver. Sube la solución propuesta para cada materia\n y, finalmente, haz clic en Finalizar y Enviar para\n completar el proceso.\n
\n {subjects.map((e, i) => {\n return (\n selectSubejct(e)} //deberia de enviar el id\n >\n Asignatura: {e.label} -{\" \"}\n {checks[i] ? \"Listo\" : \"Pendiente\"}\n \n );\n })}\n \n {\n const res = await HiringService.updateTest(test._id);\n if (res?.data?.message === \"OK\") {\n //timeout\n swal(\n \"¡Excelente!\",\n \"Hemos recibido tu prueba de admisión. El próximo viernes te enviaremos la respuesta a tu solicitud. Te contactaremos a través de WhatsApp o correo electrónico.\",\n \"success\"\n ).then(() => {\n window.location.href = \"https://www.copywritecol.com\";\n });\n }\n }}\n >\n Finalizar y enviar\n \n
\n \n )}\n \n \n );\n}\n\nconst Countdown = ({ time, test, check, setCheck }) => {\n const [hours, setHours] = useState(time?.hours);\n const [mins, setMinutes] = useState(time?.minutes);\n const [secs, setSeconds] = useState(time?.seconds);\n\n useEffect(() => {\n const now = new Date().getTime();\n const target = new Date(time).getTime();\n\n const h = Math.trunc((target - now) / 3600000);\n\n const m = Math.trunc(((target - now) / 3600000 - h) * 60);\n\n const s = Math.trunc(((target - now) / 3600000 - h) * 60 - m) * 60;\n\n setHours(h);\n setMinutes(m);\n setSeconds(s);\n }, [test]);\n\n useEffect(() => {\n let sampleInterval = setInterval(() => {\n if (secs > 0) {\n setSeconds(secs - 1);\n }\n if (secs === 0) {\n if (mins === 0) {\n if (hours === 0) {\n clearInterval(sampleInterval);\n setCheck(true);\n } else {\n setHours(hours - 1);\n setMinutes(59);\n setSeconds(59);\n }\n } else {\n setMinutes(mins - 1);\n setSeconds(59);\n }\n }\n }, 1000);\n return () => {\n clearInterval(sampleInterval);\n };\n }, [secs]);\n\n return (\n \n {!(hours || mins || secs) ? (\n \"00:00:00\"\n ) : (\n
\n {\" \"}\n {hours < 10 ? `0${hours}` : hours}:{mins < 10 ? `0${mins}` : mins}:\n {secs < 10 ? `0${secs}` : secs}\n
\n )}\n
\n \n );\n};\n\nconst NotFound = () => {\n return (\n \n
Pagina no encontrada \n \n Ir al inicio\n \n \n );\n};\n\nexport default PublicLayout;\n","import React, { useEffect } from \"react\";\n\nconst TestWompi = () => {\n useEffect(() => {\n const script = document.createElement(\"script\");\n\n script.setAttribute(\"src\", \"https://checkout.wompi.co/widget.js\");\n\n script.setAttribute(\"data-render\", \"button\");\n script.setAttribute(\n \"data-public-key\",\n \"pub_test_qwlUHeB02Wk1ogh83JbyP82HuV3Vrvtj\"\n );\n script.setAttribute(\"data-currency\", \"COP\");\n script.setAttribute(\"data-amount-in-cents\", \"4950000\");\n script.setAttribute(\"data-reference\", \"4XMPGKWWPKWQ\");\n script.setAttribute(\n \"data-signature:integrity\",\n \"test_integrity_VsSFqKKOzLTgGrIRC5FNoEyQZaf8WPir\"\n );\n\n //console.log(script);\n document.getElementById(\"acosta\").appendChild(script);\n return () => {\n document.getElementById(\"acosta\").removeChild(script);\n };\n }, []);\n return (\n \n
TestWompi \n \n );\n};\n\nexport default TestWompi;\n","import React from \"react\";\n\nconst TestPaypal = () => {\n const paypal = window.paypal;\n const fundingSources = [\n paypal.FUNDING.PAYPAL,\n paypal.FUNDING.VENMO,\n paypal.FUNDING.PAYLATER,\n paypal.FUNDING.CARD,\n ];\n\n for (const fundingSource of fundingSources) {\n const paypalButtonsComponent = paypal.Buttons({\n fundingSource: fundingSource,\n\n // optional styling for buttons\n // https://developer.paypal.com/docs/checkout/standard/customize/buttons-style-guide/\n style: {\n shape: \"rect\",\n height: 40,\n },\n\n // set up the transaction\n createOrder: (data, actions) => {\n // pass in any options from the v2 orders create call:\n // https://developer.paypal.com/api/orders/v2/#orders-create-request-body\n const createOrderPayload = {\n purchase_units: [\n {\n amount: {\n value: \"88.44\",\n },\n },\n ],\n };\n\n return actions.order.create(createOrderPayload);\n },\n\n // finalize the transaction\n onApprove: (data, actions) => {\n const captureOrderHandler = (details) => {\n // const payerName = details.payer.name.given_name;\n //console.log(\"Transaction completed:\", payerName);\n };\n\n return actions.order.capture().then(captureOrderHandler);\n },\n\n // handle unrecoverable errors\n onError: (err) => {\n console.error(\n \"An error prevented the buyer from checking out with PayPal\"\n );\n },\n });\n\n if (paypalButtonsComponent.isEligible()) {\n paypalButtonsComponent.render(\"#paypal-button-container\").catch((err) => {\n console.error(\"PayPal Buttons failed to render\");\n });\n } else {\n //console.log(\"The funding source is ineligible\");\n }\n }\n\n return
;\n};\n\nexport default TestPaypal;\n","import React from \"react\";\nimport { createBrowserHistory } from \"history\";\nimport { Router, Route, Switch, Redirect, useLocation } from \"react-router-dom\";\n\nimport AuthLayout from \"layouts/Auth.js\";\nimport AdminLayout from \"layouts/Admin.js\";\nimport TeacherLayout from \"layouts/Teacher\";\nimport { useSelector } from \"react-redux\";\nimport PublicLayout from \"layouts/PublicLayout\";\nimport TestWompi from \"TestWompi\";\nimport TestPaypal from \"TestPaypal\";\n\nconst hist = createBrowserHistory();\n\nconst App = () => {\n // state\n\n // //console.log();\n\n return (\n \n \n );\n};\n\nconst InternalApp = () => {\n const { pathname } = useLocation();\n\n const isSimpleRedirect = pathname?.includes(\"teacher/parciales/\");\n\n const { user, isLogged } = useSelector((state) => state.user);\n return isLogged ? (\n \n {user.role === \"ADMIN\" && \n ) : (\n \n \n );\n};\n\nexport default App;\n","import { getTokenSession } from \"utils/cookieUtil\";\nimport {\n LOGIN,\n LOGOUT,\n LOADING_UPDATE_USER,\n SUCCESS_UPDATE_USER,\n FAILURE_UPDATE_USER,\n LOADING_UPDATE_PASSWORD,\n SUCCESS_UPDATE_PASSWORD,\n FAILURE_UPDATE_PASSWORD,\n} from \"./type\";\n\nconst parseJsonLocalStorage = () => {\n try {\n const user = JSON.parse(localStorage.getItem(\"user\"));\n return user;\n } catch (error) {\n return {};\n }\n};\n\nconst isCookie = () => {\n const token = getTokenSession();\n if (token) {\n return localStorage.getItem(\"user\") !== null;\n }\n localStorage.removeItem(\"user\");\n return false;\n};\n\nconst initialState = {\n isLogged: isCookie(),\n user: isCookie() ? parseJsonLocalStorage() : {},\n loading: false,\n error: null,\n};\n\nconst reducer = (state = initialState, action) => {\n switch (action.type) {\n case LOGIN:\n return {\n ...state,\n isLogged: true,\n user: action.payload,\n };\n case LOGOUT:\n return {\n ...state,\n isLogged: false,\n user: {},\n };\n case LOADING_UPDATE_USER:\n case LOADING_UPDATE_PASSWORD:\n return {\n ...state,\n loading: action.payload,\n };\n case FAILURE_UPDATE_USER:\n case FAILURE_UPDATE_PASSWORD:\n console.error(action.payload);\n return {\n ...state,\n loading: false,\n error: action.payload,\n };\n case SUCCESS_UPDATE_USER:\n case SUCCESS_UPDATE_PASSWORD:\n return {\n ...state,\n loading: false,\n error: null,\n };\n default:\n return state;\n }\n};\n\nexport default reducer;\n","import { combineReducers } from 'redux'\nimport userReducer from \"redux/user/userReducer\";\n\nconst rootReducer = combineReducers({\n user: userReducer,\n})\n\nexport default rootReducer;\n","import { createStore, applyMiddleware } from 'redux';\nimport thunk from 'redux-thunk';\nimport rootReducer from 'redux/rootReducer';\nimport { composeWithDevTools } from 'redux-devtools-extension';\n\nconst store = createStore(\n rootReducer,\n composeWithDevTools(applyMiddleware(thunk))\n);\n\nexport default store;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === \"localhost\" ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === \"[::1]\" ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === \"production\" && \"serviceWorker\" in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener(\"load\", () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n //console.log(\n // 'This web app is being served cache-first by a service ' +\n // 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n // );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then((registration) => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === \"installed\") {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n //console.log(\n // 'New content is available and will be used when all ' +\n // 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n // );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n //console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch((error) => {\n console.error(\"Error during service worker registration:\", error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { \"Service-Worker\": \"script\" },\n })\n .then((response) => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get(\"content-type\");\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf(\"javascript\") === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then((registration) => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n //console.log(\n // 'No internet connection found. App is running in offline mode.'\n // );\n });\n}\n\nexport function unregister() {\n if (\"serviceWorker\" in navigator) {\n navigator.serviceWorker.ready\n .then((registration) => {\n registration.unregister();\n })\n .catch((error) => {\n console.error(error.message);\n });\n }\n}\n","import React from \"react\";\nimport { ToastContainer } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\n\nconst MainContainers = () => (\n <>\n \n \n \n ,\n document.getElementById(\"root\")\n);\n\n/*\nif (module.hot) {\n module.hot.accept();\n}\n*/\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.register({\n onUpdate: (registration) => {\n registration.unregister().then(() => window.location.reload());\n },\n onSuccess: (registration) => {\n console.info(\"service worker on success state\");\n //console.log(registration);\n },\n});\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\n//reportWebVitals(console.log);\n"],"sourceRoot":""} ![\"\"]({\"/icon.png\"}){kind=icon}
\n ![\"logo\"]({\"https://www.copywritecol.com/img/icon.png\"}){kind=icon}
\n \n ![\"Whatsapp\"]({require(\"../img/customIcons/whatsapp_icon.png\")} "\\"Whatsapp\\""){kind=icon}
\n);\n\nexport default WhatsappIcon;\n","import React from \"react\";\n\nconst WhatsappIconYellow = ({ width = 24 }) => (\n