https://conectartdf.com/_next/static/chunks/app/perfil/%5Bid%5D/crear-servicio/page-e22e7022dc931221.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7312],{11725:(e,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>_});var a=t(95155),i=t(19749),l=t(12115),n=t(73549),s=t.n(n),o=t(82222),c=t(80282),u=t(29977),d=t(99180),m=t(26945),f=t(56911),v=t(28477),h=t(83862),g=t(10852);let p=(0,t(88264).A)("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]);var b=t(6820),x=t(41005),y=t(39671);function _(e){let r,t,n,_,S,N,k,A,C,q,E,R,$,M,O,T,z,P,F,V,I,D,H,J,L,B,G,U,W,Y,K=(0,i.c)(81),{params:Q}=e,X=(0,o.useRouter)(),{id:Z}=(0,l.use)(Q),{error:ee,isLoading:er,isDataLoading:et,handleSubmit:ea,zones:ei,categories:el,filteredServices:en,selectedCategoryId:es,setSelectedCategoryId:eo,selectedServiceId:ec,setSelectedServiceId:eu,setSelectedZoneId:ed,credentialVerification:em,portfolioImages:ef,selectedCoverImageId:ev,setSelectedCoverImageId:eh,dataError:eg,showSuccessModal:ep,setShowSuccessModal:eb}=function(e){let r=(0,o.useRouter)(),[t,a]=(0,l.useState)(null),[i,n]=(0,l.useState)(!1),[s,m]=(0,l.useState)(!0),[f,v]=(0,l.useState)([]),[h,g]=(0,l.useState)([]),[p,b]=(0,l.useState)([]),[x,y]=(0,l.useState)([]),[_,j]=(0,l.useState)(""),[w,S]=(0,l.useState)(""),[N,k]=(0,l.useState)(""),[A,C]=(0,l.useState)([]),[q,E]=(0,l.useState)(null),[R,$]=(0,l.useState)(!1),[M,O]=(0,l.useState)(null);(0,l.useEffect)(()=>{(async()=>{m(!0);let t=!1,a="https://conectartdf.com/api";try{let i=c.authStore.getToken(),l={};i&&(l.Authorization=`Bearer ${i}`);let[n,s,o,u]=await Promise.all([fetch(`${a}/zones`),fetch(`${a}/services/categories`),fetch(`${a}/services`),fetch(`${a}/profiles/${e}`,{headers:l,cache:"no-store"})]);if(n.ok){let e=await n.json();v(Array.isArray(e)?e:e.results??[])}else O("No se pudieron cargar las localidades.");if(s.ok){let e=await s.json();g(Array.isArray(e)?e:e.results??[])}else O("No se pudieron cargar las categor\xedas.");if(o.ok){let e=await o.json(),r=Array.isArray(e)?e:e.results??[];b(r)}else O("No se pudieron cargar los servicios.");if(u.ok){let a=await u.json(),i=Array.isArray(a.portfolio_images)?a.portfolio_images.map(e=>({id:e.id,image:e.image})):[];C(i);let l=!!a.phone&&""!==a.phone.trim(),n=!!a.bio&&""!==a.bio.trim(),s=!!a.avatar,o=i.length>0,c=!!a.dni&&""!==String(a.dni).trim();if(!l||!n||!s||!o||!c){t=!0,r.replace(`/perfil/${e}`);return}}}catch(e){console.error(e),O("Error de conexi\xf3n al cargar datos.")}finally{t||m(!1)}})()},[e]),(0,l.useEffect)(()=>{if(!_){y([]),S("");return}y(p.filter(e=>String(e.category.id)===_)),S("")},[_,p]);let T=p.find(e=>String(e.id)===w),z=T?.requires_credential??!1,P=(0,d.y)({serviceId:w,zoneId:N,requiresCredential:z}),{isCredentialHabilitado:F}=P;return{error:t,isLoading:i,isDataLoading:s,handleSubmit:async t=>{t.preventDefault(),n(!0),a(null);let i=new FormData(t.currentTarget),l=i.get("description")?.trim()??"",s=i.get("zone_id"),o=i.get("service_id");if(!c.authStore.getToken()){a("No est\xe1s autenticado."),n(!1);return}if(!s){a("Seleccion\xe1 una localidad."),n(!1);return}if(!_){a("Seleccion\xe1 una categor\xeda."),n(!1);return}if(!o){a("Seleccion\xe1 un servicio."),n(!1);return}if(null===q){a("Seleccion\xe1 una foto de tu trabajo."),n(!1);return}if(l.length>500){a("La descripci\xf3n no puede exceder los 500 caracteres."),n(!1);return}if(z&&!0!==F){a("No est\xe1s habilitado para publicar este oficio. Verific\xe1 tu matr\xedcula."),n(!1);return}try{let t={service_id:Number(o),zone_id:Number(s),description:l||null,cover_image_id:q};P.credentialNumber&&(t.credential_number=P.credentialNumber.trim());let i=await (0,u.n)("/services/profile-services",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}),n=await i.json();if(!i.ok)return void a((e=>{if(!e||"object"!=typeof e)return"Ocurri\xf3 un error al intentar crear el servicio.";if("string"==typeof e.error)return e.error;if("string"==typeof e.detail)return e.detail;if(Array.isArray(e.non_field_errors)){let r=e.non_field_errors[0];if("string"==typeof r)return r}for(let r of Object.values(e)){if("string"==typeof r)return r;if(Array.isArray(r)&&"string"==typeof r[0])return r[0]}return"Ocurri\xf3 un error al intentar crear el servicio."})(n));"true"===localStorage.getItem("has_created_service")||"true"===localStorage.getItem("skip_service_success_modal")?(r.push(`/perfil/${e}`),r.refresh()):(localStorage.setItem("has_created_service","true"),$(!0))}catch{a("Error de conexi\xf3n. Por favor, verific\xe1 tu internet o intent\xe1 m\xe1s tarde.")}finally{n(!1)}},zones:f,categories:h,filteredServices:x,selectedCategoryId:_,setSelectedCategoryId:j,selectedServiceId:w,setSelectedServiceId:S,selectedZoneId:N,setSelectedZoneId:k,

1credentialVerification:P,isCredentialHabilitado:F,portfolioImages:A,selectedCoverImageId:q,setSelectedCoverImageId:E,dataError:M,showSuccessModal:R,setShowSuccessModal:$}}(Z);if(K[0]!==en||K[1]!==ec){let e;K[3]!==ec?(e=e=>String(e.id)===ec,K[3]=ec,K[4]=e):e=K[4],r=en.find(e),K[0]=en,K[1]=ec,K[2]=r}else r=K[2];let ex=r,ey=ex?.requires_credential??!1,e_=er||0===ei.length||0===el.length||ey&&(em.isChecking||em.isVerifying||!0!==em.isCredentialHabilitado);K[5]!==Z||K[6]!==X||K[7]!==eb?(t=()=>{eb(!1),X.push(`/perfil/${Z}`),X.refresh()},K[5]=Z,K[6]=X,K[7]=eb,K[8]=t):t=K[8];let ej=t;if(et){let e;return K[9]===Symbol.for("react.memo_cache_sentinel")?(e=(0,a.jsx)("div",{className:"w-full min-h-screen flex items-center justify-center",children:(0,a.jsx)("p",{className:"text-xl text-cod-gray-600",children:"Cargando..."})}),K[9]=e):e=K[9],e}K[10]===Symbol.for("react.memo_cache_sentinel")?(n=(0,a.jsx)("h1",{className:"text-3xl md:text-5xl text-cod-gray-950 font-semibold text-center mb-10 inline-block",children:(0,a.jsx)("span",{className:"underline decoration-vermilion-500 decoration-4",children:"Ofrec\xe9 tu servicio"})}),K[10]=n):n=K[10],K[11]===Symbol.for("react.memo_cache_sentinel")?(_=(0,a.jsx)("div",{className:"mb-10 relative flex justify-center",children:(0,a.jsx)("div",{className:"rounded-full w-32 h-32 md:w-48 md:h-48 flex-shrink-0 flex items-center justify-center bg-vermilion-500",children:(0,a.jsx)(h.A,{className:"w-16 h-16 md:w-20 md:h-20 text-white"})})}),K[11]=_):_=K[11],K[12]!==ed?(S=e=>ed(e?String(e.id):""),K[12]=ed,K[13]=S):S=K[13],K[14]!==eg||K[15]!==S?(N=(0,a.jsx)(f.d7,{name:"zone_id",required:!0,error:eg,onChange:S}),K[14]=eg,K[15]=S,K[16]=N):N=K[16],K[17]===Symbol.for("react.memo_cache_sentinel")?(k=(0,a.jsx)("label",{className:"mb-1 block text-sm font-Regular text-cod-gray-900",htmlFor:"category_id",children:"Categor\xeda"}),K[17]=k):k=K[17];let ew=0===el.length,eS=0===el.length?"Cargando categor\xedas...":"Eleg\xed tu categor\xeda";K[18]!==el?(A=el.map(w),K[18]=el,K[19]=A):A=K[19],K[20]===Symbol.for("react.memo_cache_sentinel")?(C=(0,a.jsx)(g.A,{className:"w-5 h-5 text-cod-gray-500"}),K[20]=C):C=K[20],K[21]!==es||K[22]!==eo||K[23]!==A||K[24]!==ew||K[25]!==eS?(q=(0,a.jsxs)("div",{children:[k,(0,a.jsx)(f.Ae,{id:"category_id",name:"category_id",required:!0,value:es,onChange:eo,disabled:ew,placeholder:eS,options:A,icon:C})]}),K[21]=es,K[22]=eo,K[23]=A,K[24]=ew,K[25]=eS,K[26]=q):q=K[26],K[27]===Symbol.for("react.memo_cache_sentinel")?(E=(0,a.jsx)("label",{className:"mb-1 block text-sm font-Regular text-cod-gray-900",htmlFor:"service_id",children:"Trabajo"}),K[27]=E):E=K[27];let eN=!es||0===en.length,ek=es?0===en.length?"No hay trabajos en esta categor\xeda":"Eleg\xed tu trabajo":"Primero eleg\xed tu categor\xeda";K[28]!==en?(R=en.map(j),K[28]=en,K[29]=R):R=K[29],K[30]===Symbol.for("react.memo_cache_sentinel")?($=(0,a.jsx)(h.A,{className:"w-5 h-5 text-cod-gray-500"}),K[30]=$):$=K[30],K[31]!==ec||K[32]!==eu||K[33]!==eN||K[34]!==ek||K[35]!==R?(M=(0,a.jsx)(f.Ae,{id:"service_id",name:"service_id",required:!0,value:ec,onChange:eu,disabled:eN,placeholder:ek,options:R,icon:$}),K[31]=ec,K[32]=eu,K[33]=eN,K[34]=ek,K[35]=R,K[36]=M):M=K[36],K[37]!==em||K[38]!==ey?(O=ey&&(0,a.jsx)(f.fl,{credentialNumber:em.credentialNumber,setCredentialNumber:em.setCredentialNumber,isChecking:em.isChecking,isVerifying:em.isVerifying,verificationStatus:em.verificationStatus,verificationMessage:em.verificationMessage,verifyCredential:em.verifyCredential,needsManualEntry:em.needsManualEntry,canRequestManualReview:em.canRequestManualReview,manualReviewAvailableAt:em.manualReviewAvailableAt,isRequestingManualReview:em.isRequestingManualReview,requestManualReview:em.requestManualReview,providerCode:em.providerCode}),K[37]=em,K[38]=ey,K[39]=O):O=K[39],K[40]!==M||K[41]!==O?(T=(0,a.jsxs)("div",{children:[E,M,O]}),K[40]=M,K[41]=O,K[42]=T):T=K[42],K[43]===Symbol.for("react.memo_cache_sentinel")?(z=(0,a.jsxs)("label",{className:"mb-2 block text-sm font-Regular text-cod-gray-900",children:["Foto de un trabajo ",(0,a.jsx)("span",{className:"text-cod-gray-400 text-xs",children:"(obligatorio, eleg\xed una de las que ya subiste a tu perfil)"})]}),K[43]=z):z=K[43],K[44]!==Z||K[45]!==ef||K[46]!==ev||K[47]!==eh?(P=(0,a.jsxs)("div",{children:[z,0===ef.length?(0,a.jsxs)("div",{className:"rounded-2xl border-2 border-dashed border-vermilion-300 bg-vermilion-50 p-4 text-center",children:[(0,a.jsx)("p",{className:"text-vermilion-700 text-sm mb-2",children:"Todav\xeda n

1o subiste fotos a tu perfil."}),(0,a.jsx)(s(),{href:`/perfil/${Z}`,className:"text-vermilion-600 underline text-sm font-medium",children:"Subir fotos al perfil"})]}):(0,a.jsx)("div",{className:"grid grid-cols-3 sm:grid-cols-4 gap-2",children:ef.map(e=>{let r=ev===e.id;return(0,a.jsxs)("button",{type:"button",onClick:()=>eh(e.id),className:`relative aspect-square rounded-xl overflow-hidden border-2 transition-all ${r?"border-vermilion-500 ring-2 ring-vermilion-200":"border-cod-gray-200 hover:border-vermilion-300"}`,"aria-label":`Foto ${e.id}`,"aria-pressed":r,children:[(0,a.jsx)(v.E,{src:e.image,alt:`Foto ${e.id}`,fill:!0,className:"object-cover",sizes:"(max-width: 640px) 33vw, 25vw"}),r&&(0,a.jsx)("span",{className:"absolute top-1 right-1 bg-vermilion-500 text-white rounded-full w-5 h-5 flex items-center justify-center",children:(0,a.jsx)(p,{className:"w-3.5 h-3.5"})})]},e.id)})})]}),K[44]=Z,K[45]=ef,K[46]=ev,K[47]=eh,K[48]=P):P=K[48],K[49]===Symbol.for("react.memo_cache_sentinel")?(F=(0,a.jsxs)("label",{className:"mb-1 block text-sm font-Regular text-cod-gray-900",htmlFor:"description",children:["Descripci\xf3n ",(0,a.jsx)("span",{className:"text-cod-gray-400 text-xs",children:"(opcional, un resumen cortito)"})]}),K[49]=F):F=K[49],K[50]===Symbol.for("react.memo_cache_sentinel")?(V=(0,a.jsxs)("div",{children:[F,(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("div",{className:"pointer-events-none absolute top-4 left-0 flex items-center pl-4",children:(0,a.jsx)(b.A,{className:"w-5 h-5 text-cod-gray-500"})}),(0,a.jsx)("textarea",{id:"description",name:"description",maxLength:500,className:"w-full rounded-3xl bg-vermilion-50 border border-cod-gray-300 p-3 pl-11 pt-4 focus:border-vermilion-500 focus:outline-none focus:ring-2 focus:ring-vermilion-200 min-h-[120px] resize-y",placeholder:"Cont\xe1 que haces, tu experiencia, qu\xe9 herramientas us\xe1s..."})]})]}),K[50]=V):V=K[50];let eA=ee||eg;K[51]!==eA?(I=(0,a.jsx)(m.j,{message:eA}),K[51]=eA,K[52]=I):I=K[52],K[53]!==Z||K[54]!==X?(D=()=>X.push(`/perfil/${Z}`),K[53]=Z,K[54]=X,K[55]=D):D=K[55],K[56]===Symbol.for("react.memo_cache_sentinel")?(H=(0,a.jsx)(x.A,{className:"w-4 h-4"}),K[56]=H):H=K[56],K[57]!==D?(J=(0,a.jsxs)("button",{type:"button",onClick:D,className:"py-3 px-6 rounded-full border border-vermilion-500 text-vermilion-500 font-medium hover:bg-vermilion-50 transition-all duration-200 ease-out active:scale-95 flex items-center justify-center gap-2",children:[H,"Salir sin guardar"]}),K[57]=D,K[58]=J):J=K[58];let eC=`py-3 px-6 rounded-full font-medium transition-all duration-200 ease-out flex items-center justify-center gap-2 ${e_?"bg-vermilion-300 text-white/90 cursor-not-allowed":"bg-vermilion-500 text-white hover:bg-vermilion-600 active:scale-95"}`;K[59]===Symbol.for("react.memo_cache_sentinel")?(L=(0,a.jsx)(y.A,{className:"w-5 h-5 text-white"}),K[59]=L):L=K[59];let eq=er?"Guardando...":"Publicar servicio";return K[60]!==e_||K[61]!==eC||K[62]!==eq?(B=(0,a.jsxs)("button",{type:"submit",disabled:e_,className:eC,children:[L,eq]}),K[60]=e_,K[61]=eC,K[62]=eq,K[63]=B):B=K[63],K[64]!==J||K[65]!==B?(G=(0,a.jsxs)("div",{className:"flex flex-col sm:flex-row gap-4 w-full justify-center pt-6",children:[J,B]}),K[64]=J,K[65]=B,K[66]=G):G=K[66],K[67]!==ea||K[68]!==q||K[69]!==T||K[70]!==P||K[71]!==I||K[72]!==G||K[73]!==N?(U=(0,a.jsxs)("div",{className:"w-full max-w-2xl py-8 md:py-12 flex flex-col items-center",children:[n,_,(0,a.jsxs)("form",{onSubmit:ea,className:"space-y-6 w-full max-w-xl",children:[N,q,T,P,V,I,G]})]}),K[67]=ea,K[68]=q,K[69]=T,K[70]=P,K[71]=I,K[72]=G,K[73]=N,K[74]=U):U=K[74],K[75]!==ej||K[76]!==ep?(W=(0,a.jsx)(f.DL,{isOpen:ep,title:"\xa1Felicidades! Publicaste tu primer servicio.",subtitle:"Ya es visible para los vecinos. Cuando alguien te contacte, vas a recibir el mensaje por WhatsApp.",buttonText:"Ver mi perfil",onClose:ej}),K[75]=ej,K[76]=ep,K[77]=W):W=K[77],K[78]!==U||K[79]!==W?(Y=(0,a.jsxs)("div",{className:"w-full max-w-325 mx-auto flex min-h-screen items-center justify-center bg-cod-gray-100 p-4 py-8",children:[U,W]}),K[78]=U,K[79]=W,K[80]=Y):Y=K[80],Y}function j(e){return{value:String(e.id),label:e.name}}function w(e){return{value:String(e.id),label:e.name}}},19671:(e,r,t)=>{Promise.resolve().then(t.bind(t,11725))},26945:(e,r,t)=>{"use strict";t.d(r,{j:()=>l});var a=t(95155),i=t(19749);function l(e){let r,t=(0,i.c)(2),{message:l}=e;return l?(t[0]!==l?(r=(0,a.jsx)("div",{className:"rounded-lg bg-red-50 p-3 text-sm text-red-600 border border-red-200",children:l}),t[0]=l,t[1]=r):r=t[1],r):null}},39671:(e,r,t)=>{"use strict";t.d(r,{A:()=>a});let a=(0,t(88264).A)("save",[["path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",key:"1c8476"}],["path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",key:"1ydtos"}],["path",{d:"M7 3v4a1 1 0 0 0 1 1h7",key:"t51u73"}]])},41005:(e,r,t)=>{"use strict";t.d(r,{A:()=>a});let a=(0,t(88264).A)("chevron-left",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]])},99180:(e,r,t)=>{"use strict";t.d(r,{y:()=>l});var a=t(12115),i=t(29977);function l({serviceId:e,zoneId:r,requiresCredential:t}){let[n,s]=(0,a.useState)(""),[o,c]=(0,a.useState)(!1),[u,d]=(0,a.useState)(!1),[m,f]=(0,a.useState)("idle"),[v,h]=(0,a.useState)(null),[g,p]=(0,a.useState)(null),[b,x]=(0,a.useState)(!1),[y,_]=(0,a.useState)(!1),[j,w]=(0,a.useState)(null),[S,N]=(0,a.useState)(!1),[k,A]=(0,a.useState)(null);(0,a.useEffect)(()=>{let a=!0;if(!e||!r||!t){p(!t&&null),f("idle"),h(null),s(""),x(!1),c(!1),_(!1),w(null),A(null);return}return(async()=>{c(!0),f("idle"),h(null);try{let t=await (0,i.n)(`/credentials/check/?service_id=${e}&zone_id=${r}`);if(!a)return;if(t.ok){let e=await t.json(),r=!!e.requires_credential_number;x(r),_(!!e.can_request_manual_review),w(e.manual_review_available_at||null),A(e.provider_code||null),"string"==typeof e.credential_number&&e.credential_number&&s(e.credential_number),e.habilitado?(p(!0),f("verified"),h(e.mensaje||"Est\xe1s habilitado para ejercer el servicio seleccionado.")):(p(!1),f(!r&&e.mensaje?"error":"idle"),h(r?null:e.mensaje||null))}else p(!1),f("idle"),h(null),x(!1),_(!1),w(null),A(null)}catch(e){console.error("Error checking credential status:",e),a&&(p(!1),f("idle"),h("Error de conexi\xf3n al verificar la matr\xedcula."),x(!1),_(!1),w(null),A(null))}finally{a&&c(!1)}})(),()=>{a=!1}},[e,r,t]);let C=async()=>{let a=n.trim();if(e&&r&&t&&a){d(!0),h(null);try{let t=await (0,i.n)("/credentials/verifications/",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({service_id:Number(e),zone_id:Number(r),credential_number:a})}),l=await t.json().catch(()=>({}));t.ok?"verified"===l.status?(p(!0),f("verified"),h("Matr\xedcula habilitada"),_(!1),w(null)):"pending_review"===l.status?(p(!1),f("pending_review"),h("Matr\xedcula parcialmente verificada, tu nombre de usuario no coincide con el de tu matr\xedcula, por lo que un administrador revisar\xe1 tu matr\xedcula y te contactaremos por email en las pr\xf3ximas horas para confirmar la validaci\xf3n."),_(!1),w(null)):(p(!1),f("error"),h(l.message||l.detail||"No se pudo verificar la matr\xedcula."),_(!!l.can_request_manual_review),w(l.manual_review_available_at||null),l.provider_code&&A(l.provider_code)):(p(!1),f("error"),h(l.detail||l.error||"Error al verificar la matr\xedcula. Por favor, revis\xe1 el n\xfamero e intent\xe1 nuevamente."),_(!!l.can_request_manual_review),w(l.manual_review_available_at||null),l.provider_code&&A(l.provider_code))}catch(e){console.error("Error verifying credential:",e),p(!1),f("error"),h("Error de conexi\xf3n. Por favor, verific\xe1 tu internet e intent\xe1 nuevamente.")}finally{d(!1)}}},q=async()=>

1{if(e&&r&&t&&y){N(!0);try{let t=await (0,i.n)("/credentials/verifications/request-review/",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({service_id:Number(e),zone_id:Number(r),credential_number:n.trim()||void 0})}),a=await t.json().catch(()=>({}));t.ok?(p(!1),f("pending_review"),h(a.message||"Tu solicitud de revisi\xf3n manual qued\xf3 registrada. Un administrador la revisar\xe1 y te contactaremos por email."),_(!1),w(null)):(h(a.detail||"No se pudo registrar tu solicitud de revisi\xf3n manual."),_(!!a.can_request_manual_review),w(a.manual_review_available_at||null))}catch(e){console.error("Error requesting manual credential review:",e),h("Error de conexi\xf3n. Por favor, verific\xe1 tu internet e intent\xe1 nuevamente.")}finally{N(!1)}}};return{credentialNumber:n,setCredentialNumber:s,isChecking:o,isVerifying:u,verificationStatus:m,verificationMessage:v,isCredentialHabilitado:g,verifyCredential:C,needsManualEntry:b,canRequestManualReview:y,manualReviewAvailableAt:j,isRequestingManualReview:S,requestManualReview:q,providerCode:k}}}},e=>{e.O(0,[1188,3549,2402,6128,38,1163,5772,2808,610,1752,1578,8441,4454,7358],()=>e(e.s=19671)),_N_E=e.O()}]);