https://apolo.io/_next/static/chunks/438.cb4060fe05c9819b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[438],{7438:function(e,a,t){t.r(a),t.d(a,{RemittanceAnimation:function(){return f}});var s=t(3890),r=t(8496),n=t(5558),i=t(1107);let l=(0,t(8029).Z)("zap",[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]]);var d=t(3969),c=t(2405),o=t(1840);let m=[{code:"CR",name:"Costa Rica",flag:"\uD83C\uDDE8\uD83C\uDDF7",currency:"CRC",symbol:"₡",rate:520},{code:"GT",name:"Guatemala",flag:"\uD83C\uDDEC\uD83C\uDDF9",currency:"GTQ",symbol:"Q",rate:7.8},{code:"HN",name:"Honduras",flag:"\uD83C\uDDED\uD83C\uDDF3",currency:"HNL",symbol:"L",rate:24.7},{code:"NI",name:"Nicaragua",flag:"\uD83C\uDDF3\uD83C\uDDEE",currency:"NIO",symbol:"C$",rate:36.7},{code:"PA",name:"Panama",flag:"\uD83C\uDDF5\uD83C\uDDE6",currency:"USD",symbol:"$",rate:1},{code:"SV",name:"El Salvador",flag:"\uD83C\uDDF8\uD83C\uDDFB",currency:"USD",symbol:"$",rate:1}],x=[100,250,500,1e3,2500],u=[{name:"RIA",logo:"/logos/partners/ria-mini.svg"},{name:"MoneyGram",logo:"/logos/partners/moneygram-mini.svg"},{name:"SWIFT",logo:"/logos/partners/swift-mini.svg"}],h=["amount","destination","partner","review","sent"],p=[2500,2500,2500,3e3,2e3];function b(e){let{value:a,className:t}=e,[n,i]=(0,r.useState)(a);return(0,r.useEffect)(()=>{let e=a-n,t=0,s=setInterval(()=>{++t>=20?(i(a),clearInterval(s)):i(n+e*t/20)},30);return()=>clearInterval(s)},[a]),(0,s.jsx)("span",{className:t,children:Math.round(n).toLocaleString()})}function f(){let e=(0,o.T)("remittances.animation"),[a,t]=(0,r.useState)(0),[f,y]=(0,r.useState)(0),j=m[f%m.length],v=x[f%x.length],g=u[f%u.length],N=Math.round(v*j.rate);(0,r.useEffect)(()=>{let e=setTimeout(()=>{t(e=>{let a=(e+1)%h.length;return 0===a&&y(e=>e+1),a})},p[a]);return()=>clearTimeout(e)},[a]);let w=h[a];return(0,s.jsxs)("div",{className:"relative max-w-md mx-auto",children:[(0,s.jsx)("div",{"aria-hidden":!0,className:"absolute inset-0 -z-10 blur-3xl opacity-40 pointer-events-none",style:{background:"radial-gradient(circle at 30% 50%, #009DFF 0%, transparent 60%), radial-gradient(circle at 70% 50%, #FF2E9B 0%, transparent 60%)"}}),(0,s.jsxs)("div",{className:"relative bg-white border border-border rounded-3xl p-6 shadow-2xl shadow-azure/10",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between mb-6",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)(l,{className:"w-4 h-4 text-azure",fill:"#009DFF"}),(0,s.jsx)("span",{className:"text-xs font-bold text-ink-primary uppercase tracking-wider",children:"Enviar con Apolo"})]}),(0,s.jsx)("div",{className:"flex gap-1",children:h.slice(0,4).map((e,t)=>(0,s.jsx)(n.E.div,{className:"h-1 rounded-full bg-border overflow-hidden",animate:{width:t<=a?24:8},transition:{duration:.4},children:(0,s.jsx)(n.E.div,{className:"h-full bg-azure",animate:{scaleX:t<=a?1:0},style:{transformOrigin:"left"},transition:{duration:.4}})},t))})]}),(0,s.jsxs)("div",{className:"space-y-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"text-xs text-ink-tertiary font-medium mb-2",children:e("youSend")}),(0,s.jsx)("div",{className:"bg-bg-secondary rounded-2xl p-4 transition-shadow duration-300",style:{boxShadow:"amount"===w?"0 0 0 2px #009DFF":"none"},children:(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)("div",{className:"flex items-baseline gap-0.5",children:[(0,s.jsx)("span",{className:"text-3xl font-bold text-ink-primary",children:"$"}),(0,s.jsx)(b,{value:v,className:"text-3xl font-bold text-ink-primary"}),(0,s.jsx)("span",{className:"text-3xl font-bold text-ink-primary",children:".00"})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2 bg-white border border-border rounded-full px-3 py-1.5",children:[(0,s.jsx)("span",{className:"text-base",children:"\uD83C\uDDFA\uD83C\uDDF8"}),(0,s.jsx)("span",{className:"text-sm font-semibold text-ink-primary",children:"USD"})]})]})})]}),(0,s.jsx)("div",{className:"flex justify-center",children:(0,s.jsx)(n.E.div,{className:"w-8 h-8 bg-azure roun

1ded-full flex items-center justify-center shadow-glow-azure",animate:"review"===w?{scale:[1,1.2,1]}:{scale:1},transition:{duration:.6,repeat:"review"===w?1/0:0},children:(0,s.jsx)(d.Z,{className:"w-4 h-4 text-white",strokeWidth:3})})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"text-xs text-ink-tertiary font-medium mb-2",children:e("theyReceive")}),(0,s.jsx)("div",{className:"bg-bg-secondary rounded-2xl p-4 transition-shadow duration-300",style:{boxShadow:"destination"===w?"0 0 0 2px #009DFF":"none"},children:(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)("div",{className:"flex items-baseline gap-0.5",children:[(0,s.jsx)("span",{className:"text-3xl font-bold text-ink-primary",children:j.symbol}),(0,s.jsx)(b,{value:N,className:"text-3xl font-bold text-ink-primary"})]}),(0,s.jsx)(i.M,{mode:"wait",children:(0,s.jsxs)(n.E.div,{initial:{opacity:0,y:-8},animate:{opacity:1,y:0},exit:{opacity:0,y:8},transition:{duration:.25},className:"flex items-center gap-2 bg-white border border-border rounded-full px-3 py-1.5",children:[(0,s.jsx)("span",{className:"text-base",children:j.flag}),(0,s.jsx)("span",{className:"text-sm font-semibold text-ink-primary",children:j.currency})]},j.code)})]})})]})]}),(0,s.jsxs)("div",{className:"mt-5 rounded-2xl transition-shadow duration-300",style:{boxShadow:"partner"===w?"0 0 0 2px #009DFF":"none"},children:[(0,s.jsx)("div",{className:"text-xs text-ink-tertiary font-medium mb-2 px-1",children:"Red de env\xedo"}),(0,s.jsx)("div",{className:"grid grid-cols-3 gap-2",children:u.map(e=>{let a=e.name===g.name;return(0,s.jsxs)(n.E.div,{className:"relative p-3 rounded-xl border transition-colors duration-300",style:{borderColor:a?"#009DFF":"var(--color-border)",background:a?"rgba(0,157,255,0.06)":"white"},animate:a&&"partner"===w?{scale:[1,1.05,1]}:{scale:1},transition:{duration:.4},children:[(0,s.jsx)("div",{className:"flex justify-center",children:(0,s.jsx)("div",{className:"w-12 h-12 rounded-full bg-white border border-border flex items-center justify-center overflow-hidden shadow-sm",children:(0,s.jsx)("img",{src:e.logo,alt:e.name,className:"w-11 h-11 object-contain"})})}),a&&(0,s.jsx)(n.E.div,{initial:{scale:0},animate:{scale:1}

1,className:"absolute -top-1.5 -right-1.5 w-4 h-4 bg-azure rounded-full flex items-center justify-center",children:(0,s.jsx)(c.Z,{className:"w-2.5 h-2.5 text-white",strokeWidth:3})})]},e.name)})})]}),(0,s.jsxs)("div",{className:"mt-5 space-y-1.5 px-1",children:[(0,s.jsxs)("div",{className:"flex justify-between text-xs",children:[(0,s.jsx)("span",{className:"text-ink-tertiary",children:e("apoloFee")}),(0,s.jsx)("span",{className:"font-semibold text-azure",children:"$0.00"})]}),(0,s.jsxs)("div",{className:"flex justify-between text-xs",children:[(0,s.jsx)("span",{className:"text-ink-tertiary",children:"Tipo de cambio"}),(0,s.jsxs)("span",{className:"font-semibold text-ink-primary",children:["1 USD = ",j.rate," ",j.currency]})]}),(0,s.jsxs)("div",{className:"flex justify-between text-xs",children:[(0,s.jsx)("span",{className:"text-ink-tertiary",children:e("estimatedArrival")}),(0,s.jsx)("span",{className:"font-semibold text-ink-primary",children:"~2 minutos"})]})]}),(0,s.jsx)(i.M,{mode:"wait",children:"sent"===w?(0,s.jsxs)(n.E.div,{initial:{opacity:0,scale:.94,y:8},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.94},transition:{duration:.35},className:"mt-5 bg-green-50 border border-green-200 rounded-2xl p-4 flex items-center gap-3",children:[(0,s.jsx)("div",{className:"w-10 h-10 bg-green-500 rounded-full flex items-center justify-center flex-shrink-0",children:(0,s.jsx)(c.Z,{className:"w-5 h-5 text-white",strokeWidth:3})}),(0,s.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,s.jsx)("div",{className:"text-sm font-bold text-green-900",children:"\xa1Enviado!"}),(0,s.jsxs)("div",{className:"text-xs text-green-700 truncate",children:["$",v," → ",j.flag," ",j.name," en 2 min"]})]})]},"sent"):(0,s.jsx)(n.E.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},className:"mt-5",children:(0,s.jsx)(n.E.button,{className:"w-full font-bold py-4 rounded-2xl text-sm",style:{background:"review"===w?"#009DFF":"rgba(0,0,0,0.05)",color:"review"===w?"white":"rgba(0,0,0,0.35)",boxShadow:"review"===w?"0 8px 24px rgba(0,157,255,0.30)":"none"},animate:"review"===w?{scale:[1,1.02,1]}:{scale:1},transition:{duration:1,repeat:"review"===w?1/0:0,repeatType:"loop"},children:"review"===w?"Enviar $".concat(v.toLocaleString()," →"):"Continuar"})},"btn")})]})]})}},3969:function(e,a,t){t.d(a,{Z:function(){return s}});let s=(0,t(8029).Z)("arrow-down",[["path",{d:"M12 5v14",key:"s699le"}],["path",{d:"m19 12-7 7-7-7",key:"1idqje"}]])}}]);