https://eu.journeytok.com/nuevo/static/js/7208.c0a798d4.chunk.js

1"use strict";(globalThis.webpackChunkpanel=globalThis.webpackChunkpanel||[]).push([[7208],{18343(e,a,t){t.d(a,{A:()=>c});t(9950);var s=t(93047),n=t(97176),l=t(46114),r=t(12464),i=t(44414);const c=e=>{const{title:a,breadcrumbItems:t}=e,c=t.length;return(0,i.jsx)(n.A,{children:(0,i.jsx)(l.A,{xs:"12",children:(0,i.jsxs)("div",{className:"page-title-box d-flex align-items-center justify-content-between",children:[(0,i.jsx)("h4",{className:"mb-0 font-size-18",children:a}),(0,i.jsx)("div",{className:"page-title-right",children:(0,i.jsx)("ol",{className:"breadcrumb m-0",children:t.map((e,a)=>(0,i.jsx)(r.A,{active:a+1===c,children:(0,i.jsx)(s.N_,{to:"#",children:e.title})},a))})})]})})})}},47208(e,a,t){t.r(a),t.d(a,{default:()=>V});var s=t(9950),n=t(97176),l=t(46114),r=t(83452),i=t(34940),c=t(65276),o=t(33483),d=t(84084),m=t(88156),h=t(51848),u=t(8081),x=t(23166),f=t(55030),p=t(96420),b=t(11065),v=t(55938),g=t(96115),j=t(13880),k=t(93994),A=t(97429),w=t(6443),N=t(60666),y=t(6502),_=t(90576),E=t(73398),C=t.n(E),S=t(29001),T=t(86834),F=t(18343),D=(t(62175),t(44414));const V=(0,f.CI)()(e=>{const{t:a}=e,[t,f]=(0,s.useState)([]),[E,V]=(0,s.useState)(null),R=(0,s.useRef)(),[P,z]=(0,s.useState)(!1),[B,I]=(0,s.useState)(!0),[L,U]=(0,s.useState)(null),[W,M]=(0,s.use

1State)(null),[Y,$]=(0,s.useState)([]),[q,Q]=(0,s.useState)([]),O=(0,w.Wx)({enableReinitialize:!0,initialValues:{id:"",nombre:"",descripcion:"",contacto:"",email:"",telefono:"",fechaVencimiento:"",asignada:""},validationSchema:N.Ik({nombre:N.Yj().required(a("VALUE_REQUIRED")),descripcion:N.Yj(),contacto:N.Yj().required(a("VALUE_REQUIRED")),email:N.Yj().email().required(a("VALUE_REQUIRED")),telefono:N.Yj().required(a("VALUE_REQUIRED")),fechaVencimiento:N.Yj().required(a("VALUE_REQUIRED")),asignada:N.Yj().required(a("VALUE_REQUIRED"))}),validateOnMount:!0,onSubmit:async()=>{const{id:e,nombre:t,descripcion:s,contacto:n,email:l,telefono:r,fechaVencimiento:i,asignada:c}=O.values,o={id:e,nombre:t,descripcion:s,contacto:n,email:l,telefono:r,fechaVencimiento:i,asignada:c};try{const e=await S.A.post("/api/messagingcenter/tareas/guardarTarea",o),{data:t}=e,{ok:s,data:n,mensaje:l}=t;if(!s)throw l&&(0,T.A)(a("Error saving Task"),a(l),"error"),Error("Error");const r=n.id_tareas_mc;(0,T.A)(a("Task saved"),a("Task have been saved"),"success"),f(e=>e.find(e=>(null===e||void 0===e?void 0:e.id_tareas_mc)===r)?e.map(e=>(null===e||void 0===e?void 0:e.id_tareas_mc)===r?n:e):[...e,n])}catch(d){(0,T.A)(a("Error saving Task"),a("Task haven't been saved"),"error")}O.resetForm()}}),H=[{id:1,text:a("To do")},{id:2,text:a("Expired")},{id:3,text:a("Today")},{id:4,text:a("Tomorrow")},{id:5,text:a("This week")},{id:6,text:a("Next week")}];(0,s.useEffect)(()=>{(async()=>{try{const e=await S.A.get("/mc/whoami"),{data:a}=e;V(a.idLocal.toString()),R.current=a.idLocal.toString()}catch(e){}})()},[]),(0,s.useEffect)(()=>{E&&(async()=>{try{const e=await S.A.get(`/mc/companies/config?id=${R.current}`),{data:t}=e,{error:s,agentes:n}=t;if(s)return void(0,T.A)(a("Error getting data"),a("The data can't be fetched"),"error");n&&Q(n)}catch(e){}})()},[E]),(0,s.useEffect)(()=>{E&&(async()=>{try{const e=await S.A.get(`/mc/companies/tareas?id=${R.current}`),{data:t}=e,{tareas:s,error:n}=t;if(n)return void(0,T.A)(a("Error getting data"),a("The data can't be fetched"),"error");f(s)}catch(e){}})()},[q]),(0,s.useEffect)(()=>{if(t.length>0){const e=null===t||void 0===t?void 0:t.filter(e=>(e=>{switch(L){case 0:default:return e;case 1:if((0,v.default)(new Date(e.fecha_vencimiento),new Date)&&0===e.completada)return e;break;case 2:if((0,g.default)(new Date(e.fecha_vencimiento),new Date)&&0===e.completada)return e;break;case 3:if((0,j.default)(new Date(e.fecha_vencimiento),new Date))return e;break;case 4:if((0,j.default)((0,A.default)(new Date(e.fecha_vencimiento),1),new Date))return e;break;case 5:if((0,k.A)(new Date(e.fecha_vencimiento),new Date))return e;break;case 6:if((0,b.A)(new Date(e.fecha_vencimiento))===(0,b.A)(new Date)+1)return e}return null})(e));$(W&&"0"!==W?null===e||void 0===e?void 0:e.filter(e=>e.asignada===W):e)}},[L,t,W]);const J=e=>e.fecha_vencimiento&&(0,g.default)(new Date(e.fecha_vencimiento),new Date)&&1!==e.completada?"tarea-vencida":"",G=[{dataField:"completada",text:a("Complete"),sort:!0,align:"center",headerAlign:"center",formatter:e=>1===e?(0,D.jsx)("i",{style:{color:"#007500"},className:"bx bxs-check-circle font-size-18"}):(0,D.jsx)("i",{style:{color:"black"},className:"bx bx-circle font-size-18"})},{dataField:"nombre",text:a("Task"),headerStyle:{maxWidth:"10vw"},style:{maxWidth:"10vw",height:"100%",wordWrap:"break-word",whiteSpace:"pre-line"},sort:!0},{dataField:"contacto",text:a("Contact"),headerStyle:{maxWidth:"10vw"},style:{maxWidth:"10vw",height:"100%",wordWrap:"break-word",whiteSpace:"pre-line"},sort:!0},{dataField:"email_contacto",text:a("Email"),sort:!0},{dataField:"telefono_contacto",text:a("Phone"),sort:!0},{dataField:"fecha_vencimiento",text:a("Expiry date"),sort:!0,formatter:e=>(0,p.default)(new Date(e),"dd/MM/yyyy")},{dataField:"asignada",text:a("Assigned to"),headerStyle:{maxWidth:"10vw"},style:{maxWidth:"10vw",height:"100%",wordWrap:"break-word",whiteSpace:"pre-line"},sort:!0,formatter:e=>{var a;return null===(a=q.find(a=>a.id===e))||void 0===a?void 0:a.nombre}},{dataField:"id_tareas_mc",text:a("Options"),sort:!0,formatter:(e,t)=>(0,D.jsxs)(x.A,{direction:"left",children:[(0,D.jsx)(o.A,{tag:"a",caret:!0,children:(0,D.jsx)("i",{className:"bx bx-dots-vertical-rounded"})}),(0,D.jsxs)(c.A,{className:"lista-opciones",children:[(0,D.jsx)(i.A,{onClick:()=>(e=>{O.setValues({id:e.id_tareas_mc,nombre:e.nombre||"",descripcion:e.descripcion||"",contacto:e.contacto||"",email:e.email_contacto||"",telefono:e.telefono_contacto||"",fechaVencimiento:e.fecha_vencimiento?(0,p.default)(new Date(e.fecha_vencimiento),"yyyy-MM-dd"):"",asignada:e.asignada||""}),I(1===e.completada),z(!0)})(t),children:a("Edit")}),(0,D.jsx)(i.A,{onClick:()=>(async e=>{try{const t=await S.A.post("/api/messagingcenter/tareas/eliminar",{id_tarea:e,id_empresa:R.current}),{data:s}=t;if(s.error)return void(0,T.A)(a("Error deleting task"),a("The task could not be deleted"),"error");(0,T.A)(a("Task deleted"),a("The task has been deleted successfully"),"success"),f(a=>a.filter(a=>a.id_tareas_mc!==e))}catch(t){(0,T.A)(a("Error deleting task"),a("The task could not be deleted"),"error")}})(t.id_tareas_mc),children:a("Remove")}),(0,D.jsx)(i.A,{disabled:1===t.completada,onClick:()=>(async e=>{try{const t=await S.A.post("/api/messagingcenter/tareas/cambiarEstado",{id_tarea:e}),{data:s}=t;if(s.error)return void(0,T.A)(a("Error completing task"),a("The task could not be completed"),"error");(0,T.A)(a("Task completed"),a("The task has been marked as completed successfully"),"success"),f(a=>a.map(a=>a.id_tareas_mc===e?{...a,completada:1}:a))}catch(t){(0,T.A)(a("Error completing task"),a("The task could not be completed"),"error")}})(t.id_tareas_mc),children:a("Mark as completed")})]})]})}],K=[{dataField:"id",order:"asc"}],X={mode:"checkbox"},Z={sizePerPage:10,totalSize:Y.length,sizePerPageRenderer:e=>{let{options:a,currSizePerPage:t,onSizePerPageChange:s}=e;return(0,D.jsxs)(x.A,{direction:"left",children:[(0,D.jsxs)(o.A,{outline:!0,color:"primary",children:[t,(0,D.jsx)("i",{className:"bx bx-caret-down"})]}),(0,D.jsx)(c.A,{className:"lista-opciones",children:a.map(e=>(0,D.jsx)(i.A,{onClick:a=>{s(e.page),a&&a.preventDefault()},children:e.page},e.page))})]})},custom:!0,showTotal:!0,sizePerPageList:[{text:"10",value:10},{text:"25",value:25},{text:"50",value:50},{text:"100",value:100}]};return document.title=`${a("Tasks")} - ${a("Journeytok dashboard")}`,(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)("style",{dangerouslySetInnerHTML:{__html:".tarea-vencida td, .tarea-vencida td * { color: red !important; }"}}

1),(0,D.jsx)("div",{className:"page-content",children:(0,D.jsxs)("div",{className:"container-fluid",children:[(0,D.jsx)(F.A,{title:a("Tasks"),breadcrumbItems:[{title:a("Messaging Center")},{title:a("Tasks")}]}),(0,D.jsx)(n.A,{children:(0,D.jsxs)(l.A,{className:"col-12",children:[(0,D.jsx)(n.A,{className:"mb-2",children:(0,D.jsx)(l.A,{sm:{size:"auto"},style:{marginLeft:"auto"},children:(0,D.jsx)(r.A,{color:"primary",className:"mt-1",onClick:()=>{z(!0)},children:a("New task")})})}),(0,D.jsx)(d.A,{children:(0,D.jsxs)(m.A,{children:[(0,D.jsx)(h.A,{className:"mb-3",children:(0,D.jsxs)(n.A,{children:[(0,D.jsx)(l.A,{className:"col-2",children:(0,D.jsxs)("select",{className:"form-select",id:"horizontal-Assigned-Input",defaultValue:0,onChange:e=>{U(parseInt(e.target.value,10))},children:[(0,D.jsx)("option",{value:0,children:a("All")}),H.map(e=>(0,D.jsx)("option",{value:e.id,children:e.text},`filtro${e.id}`))]})}),(0,D.jsx)(l.A,{className:"col-2",children:(0,D.jsx)("span",{children:a("Asigned to")})}),(0,D.jsx)(l.A,{className:"col-2",children:(0,D.jsxs)("select",{className:"form-select",id:"horizontal-Assigned-Input",defaultValue:!0,onChange:e=>{M(e.target.value)},children:[(0,D.jsx)("option",{value:0,children:a("All")}),q.map(e=>(0,D.jsx)("option",{value:e.id,children:e.nombre},`filtro_agente${e.id}`))]})})]})}),(0,D.jsx)(_.gx,{pagination:(0,_.Ay)(Z),keyField:"id_tareas_mc",columns:G,data:Y,children:e=>{let{paginationProps:a,paginationTableProps:t}=e;return(0,D.jsx)(C(),{keyField:"id_tareas_mc",columns:G,data:Y,search:!0,children:e=>(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(n.A,{children:(0,D.jsx)(l.A,{xl:"12",children:(0,D.jsx)("div",{className:"table-responsive tabla-datos",children:(0,D.jsx)(y.A,{keyField:"id_tareas_mc",responsive:!0,bordered:!1,striped:!1,defaultSorted:K,selectRow:X,rowClasses:J,classes:"table align-middle table-nowrap",headerWrapperClasses:"thead-light",...e.baseProps,...t})})})}),(0,D.jsx)(n.A,{className:"align-items-md-center mt-30",children:(0,D.jsxs)(l.A,{className:"inner-custom-pagination d-flex",children:[(0,D.jsx)("div",{className:"d-inline",children:(0,D.jsx)(_.AS,{...a})}),(0,D.jsx)("div",{className:"text-md-right ms-auto",children:(0,D.jsx)(_.ix,{...a})})]})})]})})}})]})})]})}),(0,D.jsxs)(u.A,{isOpen:P,toggle:()=>{z(!P),P&&(O.resetForm(),I(!0))},children:[(0,D.jsxs)("div",{className:"modal-header",children:[(0,D.jsx)("h5",{className:"modal-title",id:"exampleModalLabel",children:a("New task")}),(0,D.jsx)("button",{type:"button",onClick:()=>{z(!1),O.resetForm(),I(!0)},className:"btn-close"})]}),(0,D.jsx)("div",{className:"modal-body",children:(0,D.jsx)("form",{onSubmit:e=>(e.preventDefault(),O.handleSubmit(),!1),children:(0,D.jsxs)("div",{className:"mb-3",children:[(0,D.jsxs)("label",{htmlFor:"new-task-name",className:"col-form-label",children:[a("Task"),":"]}),(0,D.jsx)("input",{type:"text",className:"form-control "+(O.touched.nombre&&O.errors.nombre?"is-invalid":""),id:"new-task-name",name:"nombre",onChange:O.handleChange,onBlur:O.handleBlur,value:O.values.nombre}),O.touched.nombre&&O.errors.nombre?(0,D.jsx)("div",{className:"invalid-feedback d-block",children:O.errors.nombre}):null,(0,D.jsxs)("div",{className:"mb-3 mt-3",children:[(0,D.jsxs)("label",{htmlFor:"description-text",className:"col-form-label",children:[a("Description"),":"]}),(0,D.jsx)("textarea",{className:"form-control",id:"description-text",name:"descripcion",onChange:O.handleChange,onBlur:O.handleBlur,value:O.values.descripcion})]}),(0,D.jsxs)("label",{htmlFor:"new-task-contact",className:"col-form-label mt-3",children:[a("Contact"),":"]}),(0,D.jsx)("input",{type:"text",className:"form-control "+(O.touched.contacto&&O.errors.contacto?"is-invalid":""),id:"new-task-contact",name:"contacto",onChange:O.handleChange,onBlur:O.handleBlur,value:O.values.contacto}),O.touched.contacto&&O.errors.contacto?(0,D.jsx)("div",{className:"invalid-feedback d-block",children:O.errors.contacto}):null,(0,D.jsxs)("label",{htmlFor:"new-task-email",className:"col-form-label mt-3",children:[a("Email"),":"]}),(0,D.jsx)("input",{type:"text",className:"form-control "+(O.touched.email&&O.errors.email?"is-invalid":""),id:"new-task-email",name:"email",onChange:O.handleChange,onBlur:O.handleBlur,value:O.values.email}),O.touched.email&&O.errors.email?(0,D.jsx)("div",{className:"invalid-feedback d-block",children:O.errors.email}):null,(0,D.jsxs)("label",{htmlFor:"new-task-phone",className:"col-form-label mt-3",children:[a("Phone"),":"]}),(0,D.jsx)("input",{type:"text",className:"form-control "+(O.touched.telefono&&O.errors.telefono?"is-invalid":""),id:"new-task-phone",name:"telefono",onChange:O.handleChange,onBlur:O.handleBlur,value:O.values.telefono}),O.touched.telefono&&O.errors.telefono?(0,D.jsx)("div",{className:"invalid-feedback d-block",children:O.errors.telefono}):null,(0,D.jsxs)("label",{htmlFor:"new-task-expiry",className:"col-form-label mt-3",children:[a("Expiry date"),":"]}),(0,D.jsx)("input",{type:"date",className:"form-control "+(O.touched.fechaVencimiento&&O.errors.fechaVencimiento?"is-invalid":""),id:"new-task-expiry",name:"fechaVencimiento",onChange:O.handleChange,onBlur:O.handleBlur,value:O.values.fechaVencimiento}),O.touched.fechaVencimiento&&O.errors.fechaVencimiento?(0,D.jsx)("div",{className:"invalid-feedback d-block",children:O.errors.fechaVencimiento}):null,(0,D.jsxs)("label",{htmlFor:"assigned-to-task",className:"col-form-label mt-3",children:[a("Assigned to"),":"]}),(0,D.jsxs)("select",{className:"form-select "+(O.touched.asignada&&O.errors.asignada?"is-invalid":""),id:"assigned-to-task",name:"asignada",onChange:O.handleChange,onBlur:O.handleBlur,value:O.values.asignada,children:[(0,D.jsx)("option",{value:"",disabled:!0,children:a("Select an option")}),q.map(e=>(0,D.jsx)("option",{value:e.id,children:e.nombre},`agente_${e.id}`))]}),O.touched.asignada&&O.errors.asignada?(0,D.jsx)("div",{className:"invalid-feedback d-block",children:O.errors.asignada}):null,(0,D.jsxs)(n.A,{className:"mt-3",children:[(0,D.jsx)(l.A,{sm:6,className:"form-check-label",children:(0,D.jsxs)("label",{htmlFor:"new-task--mark-completed",className:"col-form-label",children:[a("Mark as completed"),":"]})}),(0,D.jsx)(l.A,{sm:2,className:"form-check-label pt-1",children:(0,D.jsx)("div",{className:"form-check form-switch form-switch-md",children:(0,D.jsx)("input",{checked:B,type:"checkbox",className:"form-control form-check-input",id:"customSwitchsizemd",onChange:e=>{I(e.target.checked)}})})})]})]})})}),(0,D.jsxs)("div",{className:"modal-footer",children:[(0,D.jsx)("button",{type:"button",className:"btn btn-secondary","data-bs-dismiss":"modal",onClick:()=>{z(!1),O.resetForm(),I(!0)},children:a("Cancel")}),(0,D.jsx)("button",{type:"button",className:"btn btn-primary",onClick:()=>{O.handleSubmit(),O.isValid&&z(!1)},children:a("Save")})]})]})]})})]})})},62175(){}}]);