1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4538],{53481:function(e,t,r){r.d(t,{Z:function(){return p}});var n=r(57437),o=r(2265),i=r(54887),a=r(39275),l=r(39107);let c={CO:"colombia",MX:"mexico",CL:"chile"};function s({iso:e,eager:t=!1}){let r=c[e];return r?(0,n.jsx)(a.Z,{country:r,size:20}):(0,n.jsx)("img",{src:(0,l.d_)(e),width:20,height:13,alt:"","aria-hidden":"true",loading:t?"eager":"lazy",decoding:"async",className:"dcs-flag"})}let d=` 2 .dcs-row { display: flex; gap: 6px; align-items: stretch; } 3 /* Sin combinador hijo: dentro de un style JSX, un signo > suelto rompe la 4 hidrataci\xf3n en las p\xe1ginas server-renderizadas (SSR escapa el texto del 5 nodo style, el cliente no). El buscador del men\xfa vive en un portal fuera 6 de .dcs-row, as\xed que el descendiente basta. */ 7 .dcs-row input { flex: 1; min-width: 0; } 8 9 .dcs-btn { 10 display: inline-flex; align-items: center; gap: 6px; 11 padding: 0 10px 0 12px; 12 font-family: inherit; font-size: 0.875rem; font-variant-numeric: tabular-nums; 13 white-space: nowrap; cursor: pointer; box-sizing: border-box; outline: none; 14 transition: border-color 0.15s, box-shadow 0.15s, background 0.15s; 15 } 16 .dcs-chev { opacity: 0.55; transition: transform 0.15s; } 17 .dcs-btn[aria-expanded="true"] .dcs-chev { transform: rotate(180deg); } 18 19 .dcs-btn--light { 20 height: 48px; border-radius: 12px; color: #111827; 21 border: 1.5px solid rgba(20, 9, 91, 0.1); background: rgba(255, 255, 255, 0.55); 22 } 23 .dcs-btn--light:focus-visible, .dcs-btn--light[aria-expanded="true"] { 24 border-color: var(--color-accent); background: #fff; 25 box-shadow: 0 0 0 3px rgba(var(--color-accent-rgb), 0.1); 26 } 27 .dcs-btn--light.dcs-btn--err { border-color: #dc2626; } 28 29 .dcs-btn--dark { 30 height: 42px; border-radius: 8px; color: #fff; 31 border: 1.5px solid rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.07); 32 } 33 .dcs-btn--dark:focus-visible, .dcs-btn--dark[aria-expanded="true"] { 34 border-color: var(--color-accent-light); background: rgba(255, 255, 255, 0.11); 35 box-shadow: 0 0 0 3px rgba(var(--color-accent-rgb), 0.18); 36 } 37 .dcs-btn--dark.dcs-btn--err { border-color: #f87171; } 38 39 .dcs-menu { 40 position: fixed; z-index: 100000; 41 display: flex; flex-direction: column; 42 border-radius: 12px; overflow: hidden; 43 box-shadow: 0 16px 40px rgba(11, 4, 51, 0.22); 44 font-size: 0.875rem; 45 animation: dcsIn 0.12s ease-out; 46 } 47 @keyframes dcsIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } } 48 @media (prefers-reduced-motion: reduce) { .dcs-menu { animation: none; } } 49 .dcs-menu--light { background: #fff; color: #111827; border: 1px solid rgba(20, 9, 91, 0.1); } 50 .dcs-menu--dark { background: var(--color-dark-deep); color: #fff; border: 1px solid rgba(255, 255, 255, 0.14); } 51 52 .dcs-search { 53 /* Sin flex-shrink la lista larga lo aplastaba a ~18px. */ 54 flex-shrink: 0; 55 margin: 8px; height: 38px; padding: 0 12px; 56 border-radius: 8px; font-family: inherit; font-size: 0.875rem; 57 outline: none; box-sizing: border-box; 58 } 59 .dcs-menu--light .dcs-search { border: 1.5px solid rgba(20, 9, 91, 0.12); background: #f7f6fb; color: #111827; } 60 .dcs-menu--dark .dcs-search { border: 1.5px solid rgba(255, 255, 255, 0.16); background: rgba(255, 255, 255, 0.06); color: #fff; } 61 .dcs-menu--dark .dcs-search::placeholder { color: rgba(255, 255, 255, 0.45); } 62 .dcs-search:focus { border-color: var(--color-accent); } 63 64 .dcs-list { 65 list-style: none; margin: 0; padding: 0 6px 6px; 66 overflow-y: auto; flex: 1; min-height: 0; 67 outline: none; overscroll-behavior: contain; 68 } 69 .dcs-opt { 70 display: flex; align-items: center; gap: 10px; 71 padding: 8px 10px; border-radius: 8px; cursor: pointer; 72 } 73 .dcs-menu--light .dcs-opt--active { background: #f1effa; } 74 .dcs-menu--dark .dcs-opt--active { background: rgba(255, 255, 255, 0.1); } 75 .dcs-opt[aria-selected="true"] .dcs-nombre { font-weight: 600; } 76 .dcs-opt--corte { position: relative; margin-bottom: 7px; } 77 .dcs-opt--corte::after { 78 content: ''; position: absolute; left: 10px; right: 10px; bottom: -4px; 79 height: 1px; background: currentColor; opacity: 0.12; 80 } 81 .dcs-nombre { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 82 .dcs-dial { opacity: 0.6; font-variant-numeric: tabular-nums; } 83 .dcs-flag { display: inline-block; flex-shrink: 0; border-radius: 2px; object-fit: cover; } 84 .dcs-vacio { padding: 12px 10px; opacity: 0.6; } 85`;
85function p({value:e,onChange:t,variant:r="light",invalid:a=!1}){let c=(0,o.useId)(),p=`${c}-lista`,u=e=>`${c}-${e}`,[h,g]=(0,o.useState)(!1),[m,f]=(0,o.useState)(""),[b,x]=(0,o.useState)(0),[v,w]=(0,o.useState)(null),k=(0,o.useRef)(null),y=(0,o.useRef)(null),j=(0,o.useRef)(null),N=(0,o.useRef)(null),S=(0,l.bX)(e)??l.KN[0],_=(0,o.useMemo)(()=>{let e=m.trim();if(!e)return l.KN;let t=e.replace(/^\+/,"").replace(/\s/g,"");if(/^\d+$/.test(t))return l.KN.filter(e=>e.dial.startsWith(t));let r=(0,l.W3)(e);return l.KN.filter(e=>(0,l.W3)(e.nombre).includes(r)||e.iso.toLowerCase()===r)},[m]),C=(0,o.useCallback)(()=>{let e=k.current;if(!e)return;let t=e.getBoundingClientRect(),r=window.innerWidth,n=window.innerHeight,o=Math.min(320,r-32),i=Math.max(16,Math.min(t.left,r-o-16)),a=n-t.bottom-16,l=t.top-16;a>=260||a>=l?w({left:i,width:o,top:t.bottom+6,maxHeight:Math.min(340,a)}):w({left:i,width:o,bottom:n-t.top+6,maxHeight:Math.min(340,l)})},[]),E=(0,o.useCallback)(e=>{g(!1),e&&k.current?.focus()},[]);function z(){f(""),x(Math.max(0,l.KN.findIndex(e=>e.iso===S.iso))),C(),g(!0)}function L(e){t(e.iso),E(!0)}function F(e){let t=_.length,r=e.currentTarget===N.current;switch(e.key){case"ArrowDown":e.preventDefault(),t&&x(e=>(e+1)%t);break;case"ArrowUp":e.preventDefault(),t&&x(e=>(e-1+t)%t);break;case"Home":r&&(e.preventDefault(),x(0));break;case"End":r&&t&&(e.preventDefault(),x(t-1));break;case"Enter":e.preventDefault(),_[b]&&L(_[b]);break;case"Escape":case"Tab":e.preventDefault(),E(!0)}}(0,o.useEffect)(()=>{h&&(window.matchMedia("(pointer: fine)").matches?j.current?.focus():N.current?.focus({preventScroll:!0}),document.getElementById(u(S.iso))?.scrollIntoView({block:"center"}))},[h]),(0,o.useEffect)(()=>{if(!h)return;let e=e=>{let t=e.target;y.current?.contains(t)||k.current?.contains(t)||E(!1)},t=e=>{y.current?.contains(e.target)||C()};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e,{passive:!0}),window.addEventListener("scroll",t,!0),window.addEventListener("resize",C),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),window.removeEventListener("scroll",t,!0),window.removeEventListener("resize",C)}},[h,E,C]),(0,o.useEffect)(()=>{h&&_[b]&&document.getElementById(u(_[b].iso))?.scrollIntoView({block:"nearest"})},[b,h,_]);let I=_[b]?u(_[b].iso):void 0,D=h&&v?(0,i.createPortal)((0,n.jsxs)("div",{ref:y,className:`dcs-menu dcs-menu--${r}`,style:{left:v.left,width:v.width,top:v.top,bottom:v.bottom,maxHeight:v.maxHeight},children:[(0,n.jsx)("input",{ref:j,className:"dcs-search",type:"text",inputMode:"search",placeholder:"Buscar pa\xeds o indicativo",autoComplete:"off",spellCheck:!1,role:"combobox","aria-label":"Buscar pa\xeds del n\xfamero","aria-expanded":"true","aria-controls":p,"aria-autocomplete":"list","aria-activedescendant":I,value:m,onChange:e=>{f(e.target.value),x(0)},onKeyDown:F}),(0,n.jsxs)("ul",{ref:N,id:p,role:"listbox",tabIndex:-1,"aria-label":"Pa\xeds del n\xfamero de WhatsApp","aria-activedescendant":I,className:"dcs-list",onKeyDown:F,children:[0===_.length&&(0,n.jsx)("li",{className:"dcs-vacio",role:"presentation",children:"Sin resultados"}),_.map((e,t)=>(0,n.jsxs)("li",{id:u(e.iso),role:"option","aria-selected":e.iso===S.iso,className:"dcs-opt"+(t===b?" dcs-opt--active":"")+(m||t!==l.F8.length-1?"":" dcs-opt--corte"),onMouseMove:()=>{t!==b&&x(t)},onMouseDown:e=>e.preventDefault(),onClick:()=>L(e),children:[(0,n.jsx)(s,{iso:e.iso}),(0,n.jsx)("span",{className:"dcs-nombre",children:e.nombre}),(0,n.jsxs)("span",{className:"dcs-dial",children:["+",e.dial]})]},e.iso))]})]}),document.body):null;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:d}}),(0,n.jsxs)("button",{ref:k,type:"button",className:`dcs-btn dcs-btn--${r}${a?" dcs-btn--err":""}`,"aria-haspopup":"listbox","aria-expanded":h,"aria-controls":h?p:void 0,"aria-label":`Indicativo del WhatsApp: ${S.nombre} +${S.dial}`,onClick:()=>h?E(!0):z(),onKeyDown:e=>{h||"ArrowDown"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),z())},children:[(0,n.jsx)(s,{iso:S.iso,eager:!0}),(0,n.jsxs)("span",{children:["+",S.dial]}),(0,n.jsx)("svg",{className:"dcs-chev",width:"10",height:"10",viewBox:"0 0 10 10","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M2 3.5 5 6.5 8 3.5",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]}),D]})}},89132:function(e,t,r){r.d(t,{Z:function(){return h}});var n=r(57437),o=r(2265),i=r(27648),a=r(8862),l=r(87148);let c=[{color:"--teal",rgb:"--teal-rgb",fondo:.12,borde:.45},{color:"--lavender",rgb:"--lavender-rgb",fondo:.14,borde:.45},{color:"--yellow",rgb:"--yellow-rgb",fondo:.16,borde:.5},{color:"--green-cta",rgb:"--green-cta-rgb",fondo:.12,borde:.45}];function s(e,t=38){let r=c[e%c.length];return{width:t,height:t,borderRadius:10,background:`rgba(var(${r.rgb}), ${r.fondo})`,border:`1px solid rgba(var(${r.rgb}), ${r.borde})`,color:`var(${r.color})`,display:"inline-flex",alignItems:"center",justifyContent:"center",flex:"none"}}let d=[{value:"prospecto",label:"Quiero que Melonn opere mi log\xedstica",detalle:"Almacenamiento, picking, empaque y env\xedos a cargo de Melonn",icon:"lucide:warehouse"},{value:"comprador",label:"Quiero informaci\xf3n de mi pedido",detalle:"Sigue tu env\xedo con el n\xfamero que te dio la tienda",
85icon:"lucide:package-search"},{value:"proveedor",label:"Quiero ofrecer servicios o una alianza",detalle:"Transporte, empaques, tecnolog\xeda u otros servicios",icon:"lucide:handshake"}],p="/rastrear-pedido",u=` 86 .int { border: 0; margin: 0 0 1.375rem; padding: 0; min-width: 0; } 87 .int-legend { 88 display: block; padding: 0; margin: 0 0 0.75rem; 89 font-size: 1rem; font-weight: 700; letter-spacing: -0.01em; 90 } 91 .int-opts { display: grid; gap: 0.6rem; } 92 .int-radio { 93 position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; 94 overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; 95 } 96 .int-opt { 97 position: relative; 98 display: flex; align-items: center; gap: 0.8rem; 99 min-height: 64px; padding: 0.7rem 0.9rem; 100 border-radius: 14px; cursor: pointer; box-sizing: border-box; 101 text-align: left; 102 transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; 103 } 104 .int-tile { 105 display: inline-flex; align-items: center; justify-content: center; 106 width: 40px; height: 40px; border-radius: 10px; flex: none; 107 } 108 .int-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; } 109 .int-titulo { font-size: 0.9375rem; font-weight: 600; line-height: 1.25; } 110 .int-detalle { font-size: 0.78rem; line-height: 1.35; } 111 /* La opci\xf3n de prospecto es la principal: m\xe1s alta y con el t\xedtulo mayor. 112 Las otras dos son salidas, no el camino que queremos que tome la mayor\xeda. */ 113 .int-opt--principal { min-height: 78px; padding: 0.9rem 1rem; gap: 0.9rem; } 114 .int-opt--principal .int-tile { width: 46px; height: 46px; border-radius: 12px; } 115 .int-opt--principal .int-titulo { font-size: 1.0625rem; font-weight: 700; } 116 .int-opt--principal .int-detalle { font-size: 0.8125rem; } 117 .int-opt--secundaria { min-height: 54px; padding: 0.5rem 0.8rem; gap: 0.65rem; border-radius: 12px; } 118 .int-opt--secundaria .int-tile { width: 32px; height: 32px; border-radius: 8px; } 119 .int-opt--secundaria .int-titulo { font-size: 0.875rem; } 120 .int-opt--secundaria .int-detalle { font-size: 0.74rem; } 121 .int-check { flex: none; opacity: 0; transform: scale(0.6); transition: opacity 0.2s ease, transform 0.2s ease; } 122 .int-radio:checked + .int-opt .int-check { opacity: 1; transform: scale(1); } 123 /* Segunda pantalla: resumen de lo elegido + volver */ 124 .int-paso { 125 display: flex; align-items: center; gap: 0.6rem; text-align: left; 126 margin: 0 0 1.1rem; padding: 0 0 0.9rem; 127 border-bottom: 1px solid var(--color-border); 128 } 129 .int-paso .int-tile { width: 32px; height: 32px; border-radius: 8px; } 130 .int-paso-titulo { flex: 1; min-width: 0; font-size: 0.9375rem; font-weight: 600; line-height: 1.25; } 131 .int-volver { 132 display: inline-flex; align-items: center; gap: 0.3rem; flex: none; 133 background: none; border: none; padding: 0.35rem 0.6rem; border-radius: 999px; 134 font: inherit; font-size: 0.8rem; font-weight: 600; cursor: pointer; 135 transition: background 0.2s ease; 136 } 137 .int-paso--light .int-paso-titulo { color: var(--color-heading); } 138 .int-paso--light .int-volver { color: var(--color-accent); } 139 .int-paso--light .int-volver:hover, .int-paso--light .int-volver:focus-visible { background: var(--color-accent-bg); outline: none; } 140 .int-paso--dark { max-width: 700px; margin-left: auto; margin-right: auto; border-bottom-color: rgba(255, 255, 255, 0.14); } 141 .int-paso--dark .int-tile { background: rgba(var(--color-accent-rgb), 0.16); border: 1px solid rgba(var(--color-accent-rgb), 0.45); color: var(--color-accent); } 142 .int-paso--dark .int-paso-titulo { color: #fff; } 143 .int-paso--dark .int-volver { color: var(--color-accent); } 144 .int-paso--dark .int-volver:hover, .int-paso--dark .int-volver:focus-visible { background: rgba(var(--color-accent-rgb), 0.16); outline: none; } 145 146 .int-panel { 147 border-radius: 16px; padding: 1.1rem 1.25rem; text-align: left; 148 font-size: 0.875rem; line-height: 1.55; 149 } 150 .int-panel-title { display: block; font-size: 1.05rem; font-weight: 700; margin: 0 0 0.4rem; letter-spacing: -0.01em; } 151 .int-panel p { margin: 0 0 0.9rem; } 152 .int-correo { font-weight: 600; user-select: all;
152 overflow-wrap: anywhere; } 153 .int-acciones { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem; } 154 .int-btn { 155 display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; 156 min-height: 44px; padding: 0 1.25rem; border-radius: 999px; border: none; 157 background: var(--color-accent); color: #fff; font: inherit; 158 font-size: 0.875rem; font-weight: 600; text-decoration: none; cursor: pointer; 159 box-shadow: 0 4px 16px rgba(var(--color-accent-rgb), 0.3); 160 transition: transform 0.12s, box-shadow 0.2s; 161 } 162 .int-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(var(--color-accent-rgb), 0.4); } 163 .int-link { 164 background: none; border: none; padding: 0; font: inherit; font-size: 0.8rem; 165 text-decoration: underline; text-underline-offset: 2px; cursor: pointer; 166 } 167 .int-copiado { font-size: 0.78rem; } 168 @media (prefers-reduced-motion: reduce) { .int-btn, .int-opt { transition: none; } .int-btn:hover { transform: none; } } 169 170 /* Claro: modal y p\xe1ginas de asesor\xeda. Los iconos van en tiles con la rotaci\xf3n 171 de acentos secundarios (teal, lavanda, amarillo), el mismo sistema del home. */ 172 .int--light .int-legend { color: var(--color-heading); } 173 .int--light .int-opt { 174 border: 1.5px solid var(--color-border); background: #fff; color: var(--color-heading); 175 box-shadow: rgba(81,109,154,0.06) 0px 1.35px 1.35px 0px, rgba(80,141,255,0.06) 0px 5.38px 5.38px 0px; 176 } 177 .int--light .int-detalle { color: var(--color-body); } 178 .int--light .int-check { color: var(--color-accent); } 179 .int--light .int-opt:hover { border-color: var(--color-accent-light); transform: translateY(-1px); box-shadow: rgba(81,109,154,0.12) 0px 4px 24px 0px; } 180 .int--light .int-radio:checked + .int-opt { 181 border-color: var(--color-accent); background: var(--color-accent-bg); 182 box-shadow: 0 0 0 1px var(--color-accent), rgba(81,109,154,0.12) 0px 4px 24px 0px; 183 } 184 .int--light .int-radio:checked + .int-opt .int-titulo { color: var(--color-accent); } 185 .int--light .int-radio:focus-visible + .int-opt { box-shadow: 0 0 0 3px rgba(var(--color-accent-rgb), 0.25); } 186 /* El panel va al lado del fieldset, no adentro: lleva su propia clase de variante. */ 187 .int-panel--light { background: #f7f5fd; border: 1px solid rgba(var(--color-accent-rgb), 0.18); color: #374151; } 188 .int-panel--light .int-panel-title { color: #111827; } 189 .int-panel--light .int-link { color: var(--color-accent); } 190 .int-panel--light .int-copiado { color: #166534; } 191 192 /* Oscuro: form del home. Sobre secci\xf3n oscura no van tiles de acentos 193 secundarios: el icono usa el acento, que la secci\xf3n ya releva a lavanda. */ 194 .int--dark { max-width: 700px; margin: 0 auto 1rem; } 195 .int--dark .int-legend { color: #fff; text-align: left; } 196 .int--dark .int-opts { grid-template-columns: 1fr 1fr; } 197 .int--dark .int-opt { 198 border: 1.5px solid rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.045); color: #fff; 199 } 200 /* La principal ocupa la fila entera; las dos secundarias van debajo, lado a lado. 201 El hijo de la grilla es la etiqueta label, por eso la regla va en .int-item. */ 202 .int--dark .int-item--principal { grid-column: 1 / -1; } 203 .int--dark .int-item .int-opt { height: 100%; } 204 .int--dark .int-tile { background: rgba(var(--color-accent-rgb), 0.16); border: 1px solid rgba(var(--color-accent-rgb), 0.45); color: var(--color-accent); } 205 .int--dark .int-detalle { color: rgba(255, 255, 255, 0.6); } 206 .int--dark .int-check { color: var(--color-accent); } 207 .int--dark .int-opt:hover { border-color: rgba(var(--color-accent-rgb), 0.5); background: rgba(255, 255, 255, 0.07); transform: translateY(-2px); } 208 .int--dark .int-radio:checked + .int-opt { 209 border-color: var(--color-accent); background: rgba(var(--color-accent-rgb), 0.14); 210 box-shadow: 0 0 0 1px var(--color-accent); 211 } 212 .int--dark .int-radio:checked + .int-opt .int-titulo { color: var(--color-accent); } 213 .int--dark .int-radio:focus-visible + .int-opt { box-shadow: 0 0 0 3px rgba(var(--color-accent-rgb), 0.35); } 214 @media (max-width: 560px) { .int--dark .int-opts { grid-template-columns: 1fr; } } 215 .int-panel--dark { 216 max-width: 700px; margin: 0 auto; box-sizing: border-box; 217 background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.8); 218 } 219 .int-panel--dark .int-panel-title { color: #fff; } 220 .int-panel--dark .int-link { color: var(--color-accent-light); } 221 .int-panel--dark .int-copiado { color: #86efac; } 222 @media (max-width: 560px) { .int--dark .int-opts { grid-template-columns: 1fr; } } 223`;function h({variant:e="light",fuente:t,pais:r,rastreoHref:c,alliancesEmail:h,children:g}){let m=(0,o.useId)(),f=(0,o.useRef)(null),b=(0,o.useRef)(null),[x,v]=(0,o.useState)(null),[w,k]=(0,o.useState)(!1),y=(0,o.useRef)(null);(0,o.useEffect)(()=>
223{if(x){b.current?.focus({preventScroll:!0});return}let e=y.current;e&&(y.current=null,f.current?.querySelector(`input[value="${e}"]`)?.focus({preventScroll:!0}))},[x]);let j=(e={})=>({fuente:t,...r?{pais:r}:{},...e}),N=(0,o.useRef)(j);N.current=j;let S=(0,o.useRef)(!1);(0,o.useEffect)(()=>{let e=f.current;if(!e||S.current)return;let t=()=>{S.current||(S.current=!0,(0,l.o)("form_intencion_vista",N.current()))};if("undefined"==typeof IntersectionObserver){t();return}let r=new IntersectionObserver(([e])=>{e.isIntersecting&&(t(),r.disconnect())},{threshold:.5});return r.observe(e),()=>r.disconnect()},[x]),(0,o.useEffect)(()=>{let e=f.current?.querySelector("input:checked");e&&(v(e.value),(0,l.o)("form_intencion",N.current({intencion:e.value})))},[]),(0,o.useEffect)(()=>{"proveedor"!==x||h||v(null)},[x,h]),(0,o.useEffect)(()=>{if(!w)return;let e=setTimeout(()=>k(!1),2e3);return()=>clearTimeout(e)},[w]);let _=d.filter(e=>"proveedor"!==e.value||h);async function C(e){let t=!1;try{await navigator.clipboard.writeText(h),t=!0}catch{let t=e.currentTarget.closest(".int-panel")?.querySelector(".int-correo");if(t){let e=document.createRange();e.selectNodeContents(t);let r=window.getSelection();r?.removeAllRanges(),r?.addRange(e)}}t&&(k(!0),(0,l.o)("form_intencion_copiar",j()))}let E=null;if("comprador"===x?E=(0,n.jsxs)("div",{className:`int-panel int-panel--${e}`,children:[(0,n.jsx)("strong",{className:"int-panel-title",children:"Rastrea tu pedido aqu\xed"}),(0,n.jsx)("p",{children:"\xa1Hola! \uD83D\uDC4B Te guiamos a la p\xe1gina correcta para rastrear tu pedido. Usa el n\xfamero de seguimiento que te mand\xf3 la marca para conocer su estado."}),(0,n.jsxs)("div",{className:"int-acciones",children:[(0,n.jsxs)(i.default,{href:c,className:"int-btn",onClick:()=>(0,l.o)("form_intencion_rastreo",j({destino:c})),children:[(0,n.jsx)(a.JO,{icon:"lucide:package-search",width:16,height:16}),"Ir a rastrear mi pedido"]}),c!==p&&(0,n.jsx)(i.default,{href:p,className:"int-link",onClick:()=>(0,l.o)("form_intencion_rastreo",j({destino:p})),children:"\xbfCompraste en otro pa\xeds? Ver opciones de rastreo"})]})]}):"proveedor"===x&&h&&(E=(0,n.jsxs)("div",{className:`int-panel int-panel--${e}`,children:[(0,n.jsx)("strong",{className:"int-panel-title",children:"Escr\xedbenos por correo"}),(0,n.jsxs)("p",{children:["Si quieres ofrecer un servicio o alianza, env\xeda tu propuesta a"," ",(0,n.jsx)("span",{className:"int-correo",children:h})," y el equipo la revisar\xe1."]}),(0,n.jsxs)("div",{className:"int-acciones",children:[(0,n.jsxs)("a",{href:`mailto:${h}?subject=${encodeURIComponent("Propuesta de servicios o alianza para Melonn")}`,className:"int-btn",onClick:()=>(0,l.o)("form_intencion_mailto",j()),children:[(0,n.jsx)(a.JO,{icon:"lucide:mail",width:16,height:16}),"Escribir por correo"]}),(0,n.jsx)("button",{type:"button",className:"int-link",onClick:C,children:"Copiar correo"}),(0,n.jsx)("span",{className:"int-copiado",role:"status",children:w?"Copiado":""})]})]})),x){let t=d.find(e=>e.value===x),r=d.indexOf(t);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:u}}),(0,n.jsxs)("div",{className:`int-paso int-paso--${e}`,children:[(0,n.jsx)("span",{className:"int-tile",style:"light"===e?s(r,32):void 0,children:(0,n.jsx)(a.JO,{icon:t.icon,width:16,height:16})}),(0,n.jsx)("span",{className:"int-paso-titulo",children:t.label}),(0,n.jsxs)("button",{ref:b,type:"button",className:"int-volver",onClick:()=>{y.current=x,v(null)},children:[(0,n.jsx)(a.JO,{icon:"lucide:arrow-left",width:14,height:14}),"Cambiar"]})]}),(0,n.jsx)("div",{"aria-live":"polite",children:E}),"prospecto"===x&&g]})}return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:u}}),(0,n.jsxs)("fieldset",{ref:f,className:`int int--${e}`,children:[(0,n.jsx)("legend",{className:"int-legend",children:"\xbfQu\xe9 necesitas?"}),(0,n.jsx)("div",{className:"int-opts",children:_.map((t,r)=>(0,n.jsxs)("label",{className:"prospecto"===t.value?"int-item int-item--principal":"int-item",children:[(0,n.jsx)("input",{type:"radio",className:"int-radio",name:m,value:t.value,checked:x===t.value,onChange:()=>{var e;
223v(e=t.value),(0,l.o)("form_intencion",j({intencion:e}))}}),(0,n.jsxs)("span",{className:`int-opt ${"prospecto"===t.value?"int-opt--principal":"int-opt--secundaria"}`,children:[(0,n.jsx)("span",{className:"int-tile",style:"light"===e?s(r,"prospecto"===t.value?46:32):void 0,children:(0,n.jsx)(a.JO,{icon:t.icon,width:20,height:20})}),(0,n.jsxs)("span",{className:"int-txt",children:[(0,n.jsx)("span",{className:"int-titulo",children:t.label}),"prospecto"===t.value&&(0,n.jsx)("span",{className:"int-detalle",children:t.detalle})]}),(0,n.jsx)(a.JO,{icon:"lucide:check-circle-2",width:20,height:20,className:"int-check","aria-hidden":"true"})]})]},t.value))})]})]})}},39275:function(e,t,r){r.d(t,{Z:function(){return o}});var n=r(57437);function o({country:e,size:t=15}){let r=Math.round(12/18*t),o={borderRadius:2,flexShrink:0,display:"inline-block",verticalAlign:"-0.08em"};return"colombia"===e?(0,n.jsxs)("svg",{width:t,height:r,viewBox:"0 0 18 12",style:o,"aria-hidden":"true",children:[(0,n.jsx)("rect",{width:"18",height:"6",fill:"#FCD116"}),(0,n.jsx)("rect",{y:"6",width:"18",height:"3",fill:"#003087"}),(0,n.jsx)("rect",{y:"9",width:"18",height:"3",fill:"#CE1126"})]}):"chile"===e?(0,n.jsxs)("svg",{width:t,height:r,viewBox:"0 0 18 12",style:o,"aria-hidden":"true",children:[(0,n.jsx)("rect",{width:"18",height:"6",fill:"#FFFFFF"}),(0,n.jsx)("rect",{y:"6",width:"18",height:"6",fill:"#D52B1E"}),(0,n.jsx)("rect",{width:"6",height:"6",fill:"#0039A6"}),(0,n.jsx)("path",{d:"M3 1.2L3.42 2.42L4.71 2.44L3.69 3.22L4.06 4.46L3 3.72L1.94 4.46L2.31 3.22L1.29 2.44L2.58 2.42Z",fill:"#FFFFFF"})]}):"brasil"===e?(0,n.jsxs)("svg",{width:t,height:r,viewBox:"0 0 18 12",style:o,"aria-hidden":"true",children:[(0,n.jsx)("rect",{width:"18",height:"12",fill:"#009B3A"}),(0,n.jsx)("path",{d:"M9 1.5 16 6 9 10.5 2 6Z",fill:"#FEDF00"}),(0,n.jsx)("circle",{cx:"9",cy:"6",r:"2.4",fill:"#002776"})]}):(0,n.jsxs)("svg",{width:t,height:r,viewBox:"0 0 18 12",style:o,"aria-hidden":"true",children:[(0,n.jsx)("rect",{width:"18",height:"12",fill:"#FFFFFF"}),(0,n.jsx)("rect",{width:"6",height:"12",fill:"#006847"}),(0,n.jsx)("rect",{x:"12",width:"6",height:"12",fill:"#CE1126"})]})}},87727:function(e,t,r){r.d(t,{T:function(){return a},u:function(){return i}});let n="mln_attribution",o=["utm_source","utm_medium","utm_campaign","utm_term","utm_content","utm_id","gclid","fbclid"];function i(){try{let e=new URLSearchParams(window.location.search),t={};for(let r of o){let n=e.get(r);n&&(t[r]=n.slice(0,300))}if(0===Object.keys(t).length)return;t.landing_page=window.location.pathname,document.referrer&&(t.referrer=document.referrer.slice(0,300)),t.captured_at=new Date().toISOString(),window.localStorage.setItem(n,JSON.stringify(t))}catch{}}function a(){try{let e=window.localStorage.getItem(n);if(!e)return null;let t=JSON.parse(e);if(t.captured_at&&Date.now()-new Date(t.captured_at).getTime()>7776e6)return window.localStorage.removeItem(n),null;return t}catch{return null}}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.