https://blipply.com/assets/FAQ-DheaC2Ou.js

1import{d,u as T,r as m,j as e,I as N}from"./index-BiYzqyXr.js";import{S as U}from"./SEOHead-Cpn4d8LY.js";import{S as $}from"./ScrollReveal-D2M6GTM0.js";import{E as k,S}from"./send-GWfqw2TC.js";const H=d("ArrowDown",[["path",{d:"M12 5v14",key:"s699le"}],["path",{d:"m19 12-7 7-7-7",key:"1idqje"}]]);const j=d("Banknote",[["rect",{width:"20",height:"12",x:"2",y:"6",rx:"2",key:"9lu3g6"}],["circle",{cx:"12",cy:"12",r:"2",key:"1c9p78"}],["path",{d:"M6 12h.01M18 12h.01",key:"113zkx"}]]);const _=d("Building",[["rect",{width:"16",height:"20",x:"4",y:"2",rx:"2",ry:"2",key:"76otgf"}],["path",{d:"M9 22v-4h6v4",key:"r93iot"}],["path",{d:"M8 6h.01",key:"1dz90k"}],["path",{d:"M16 6h.01",key:"1x0f13"}],["path",{d:"M12 6h.01",key:"1vi96p"}],["path",{d:"M12 10h.01",key:"1nrarc"}],["path",{d:"M12 14h.01",key:"1etili"}],["path",{d:"M16 10h.01",key:"1m94wz"}],["path",{d:"M16 14h.01",key:"1gbofw"}],["path",{d:"M8 10h.01",key:"19clt8"}],["path",{d:"M8 14h.01",key:"6423bh"}]]);const M=d("CreditCard",[["rect",{width:"20",height:"14",x:"2",y:"5",rx:"2",key:"ynyp8z"}],["line",{x1:"2",x2:"22",y1:"10",y2:"10",key:"1b3vmo"}]]);const z=d("DollarSign",[["line",{x1:"12",x2:"12",y1:"2",y2:"22",key:"7eqyqh"}],["path",{d:"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6",key:"1b0p4s"}]]);const K=d("Lock",[["rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2",key:"1w4ew1"}],["path",{d:"M7 11V7a5 5 0 0 1 10 0v4",key:"fwvmzm"}]]);const A=d("PiggyBank",[["path",{d:"M19 5c-1.5 0-2.8 1.4-3 2-3.5-1.5-11-.3-11 5 0 1.8 0 3 2 4.5V20h4v-2h3v2h4v-4c1-.5 1.7-1 2-2h2v-4h-2c0-1-.5-1.5-1-2V5z",key:"1ivx2i"}],["path",{d:"M2 9v1c0 1.1.9 2 2 2h1",key:"nm575m"}],["path",{d:"M16 11h.01",key:"xkw8gn"}]]);const O=d("Shield",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}]]);const R=d("ShoppingBag",[["path",{d:"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z",key:"hou9p0"}],["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M16 10a4 4 0 0 1-8 0",key:"1ltviw"}]]);const C=d("Smartphone",[["rect",{width:"14",height:"20",x:"5",y:"2",rx:"2",ry:"2",key:"1yt0o3"}],["path",{d:"M12 18h.01",key:"mhygvu"}]]);const E=d("Store",[["path",{d:"m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7",key:"ztvudi"}],["path",{d:"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8",key:"1b2hhj"}],["path",{d:"M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4",key:"2ebpfo"}],["path",{d:"M2 7h20",key:"1fcdvo"}],["path",{d:"M22 7v3a2 2 0 0 1-2 2a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 16 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 12 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 8 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 4 12a2 2 0 0 1-2-2V7",key:"6c3vgh"}]]);const u=d("User",[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]]);const P=d("Wallet",[["path",{d:"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1",key:"18etb6"}],["path",{d:"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4",key:"xoc0q4"}]]);const G=d("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"}]]),q={"en-KE":{code:"KES",symbol:"KSh"},"sw-KE":{code:"KES",symbol:"KSh"},sw:{code:"KES",symbol:"KSh"},"en-NG":{code:"NGN",symbol:"₦"},"en-GH":{code:"GHS",symbol:"GH₵"},"en-TZ":{code:"TZS",symbol:"TSh"},"en-UG":{code:"UGX",symbol:"USh"},"en-ZA":{code:"ZAR",symbol:"R"},"en-IN":{code:"INR",symbol:"₹"},hi:{code:"INR",symbol:"₹"},sv:{code:"SEK",symbol:"kr"},"sv-SE":{code:"SEK",symbol:"kr"},es:{code:"MXN",symbol:"MX$"},"es-MX":{code:"MXN",symbol:"MX$"},"es-CO":{code:"COP",symbol:"COL$"},"es-AR":{code:"ARS",symbol:"AR$"},"es-PE":{code:"PEN",symbol:"S/"},"es-CL":{code:"CLP",symbol:"CL$"},"es-ES":{code:"EUR",symbol:"€"},pt:{code:"BRL",symbol:"R$"},"pt-BR":{code:"BRL",symbol:"R$"},"pt-PT":{code:"EUR",symbol:"€"},fr:{code:"EUR",symbol:"€"},"fr-FR":{code:"EUR",symbol:"€"},"fr-CD":{code:"CDF",symbol:"FC"},"fr-CI":{code:"XOF",symbol:"CFA"},"fr-SN":{code:"XOF",symbol:"CFA"},"fr-CM":{code:"XAF",symbol:"FCFA"},it:{code:"EUR",symbol:"€"},"it-IT":{code:"EUR",symbol:"€"},el:{code:"EUR",symbol:"€"},"el-GR":{code:"EUR",symbol:"€"}

1,tr:{code:"TRY",symbol:"₺"},"tr-TR":{code:"TRY",symbol:"₺"},de:{code:"EUR",symbol:"€"},"de-DE":{code:"EUR",symbol:"€"},"de-AT":{code:"EUR",symbol:"€"},"de-CH":{code:"CHF",symbol:"CHF"},ar:{code:"EGP",symbol:"E£"},"ar-EG":{code:"EGP",symbol:"E£"},"ar-SA":{code:"SAR",symbol:"SR"},"ar-AE":{code:"AED",symbol:"AED"},"ar-MA":{code:"MAD",symbol:"MAD"},"en-US":{code:"USD",symbol:"$"},"en-GB":{code:"GBP",symbol:"£"},"en-AU":{code:"AUD",symbol:"A$"},"en-CA":{code:"CAD",symbol:"C$"},"en-PH":{code:"PHP",symbol:"₱"},"en-PK":{code:"PKR",symbol:"Rs"},"en-BD":{code:"BDT",symbol:"৳"},ja:{code:"JPY",symbol:"¥"},ko:{code:"KRW",symbol:"₩"},zh:{code:"CNY",symbol:"¥"},th:{code:"THB",symbol:"฿"},vi:{code:"VND",symbol:"₫"},id:{code:"IDR",symbol:"Rp"},ms:{code:"MYR",symbol:"RM"},fil:{code:"PHP",symbol:"₱"}},D={code:"KES",symbol:"KSh"};function I(){if(typeof navigator>"u")return D;const a=navigator.languages||[navigator.language];for(const t of a){const l=t.trim();if(q[l])return q[l];const o=l.split("-")[0];if(q[o])return q[o]}return D}const V=5,L=[3e3,4e3,2e3,2e3,3e3];function W(){const{t:a}=T(),[t,l]=m.useState(0),[o,i]=m.useState(!1),[h,b]=m.useState(!1),[s,x]=m.useState(!1),p=m.useRef(null);m.useMemo(()=>I(),[]),m.useEffect(()=>{let n=0;const c=()=>{n=(n+1)%V,l(n),p.current=setTimeout(c,L[n])};return p.current=setTimeout(c,L[0]),()=>{p.current&&clearTimeout(p.current)}},[]),m.useEffect(()=>{t>=1&&i(!0),t>=2&&b(!0),t>=3&&x(!0)},[t]);const r=[a("paymentFlow.phase1Label"),a("paymentFlow.phase2Label"),a("paymentFlow.phase3Label"),a("paymentFlow.phase4Label"),a("paymentFlow.phase5Label")],f=[{icon:O,label:a("paymentFlow.benefitInflation")},{icon:K,label:a("paymentFlow.benefitOwnership")},{icon:k,label:a("paymentFlow.benefitNoFreeze")}],B=[{icon:z,label:a("paymentFlow.benefitStableValue")},{icon:G,label:a("paymentFlow.benefitInstant")},{icon:k,label:a("paymentFlow.benefitTransparent")}];return e.jsx("section",{className:"py-24 bg-white dark:bg-[#0a0a0f]","data-testid":"section-payment-flow",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsxs("div",{className:"text-center mb-16",children:[e.jsx("h2",{className:"text-3xl md:text-4xl font-bold mb-4 text-foreground","data-testid":"text-payment-flow-title",children:a("paymentFlow.sectionTitle")}),e.jsx("p",{className:"text-lg text-foreground/60 max-w-3xl mx-auto","data-testid":"text-payment-flow-subtitle",children:a("paymentFlow.sectionSubtitle")})]}),e.jsx("div",{className:"hidden md:block",children:e.jsx("div",{className:"relative rounded-2xl border border-white/10 bg-[#0d0d14] p-8 overflow-hidden",children:e.jsxs("div",{className:"flex items-start justify-between gap-4 min-h-[420px]",children:[e.jsxs("div",{className:"flex flex-col items-center gap-4 shrink-0 pt-2",children:[e.jsx("p",{className:"text-xs text-white/40 uppercase tracking-wider",children:a("paymentFlow.inflows")}),e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(y,{icon:j,label:a("paymentFlow.cashDeposit"),active:t===0,passed:t>0}),e.jsx(y,{icon:C,label:a("paymentFlow.digitalDeposit"),active:t===0,passed:t>0}),e.jsx(y,{icon:S,label:a("paymentFlow.remittance"),active:t===0,passed:t>0})]})]}),e.jsx("div",{className:`flex items-start pt-[38px] shrink-0 transition-all duration-500 ${t===0?"opacity-100":t>0?"opacity-50":"opacity-20"}`,children:e.jsxs("div",{className:"w-10 h-[2px] relative",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-white/40 to-white/60 rounded-full"}),t===0&&e.jsx("div",{className:"absolute top-[-2px] left-0 w-[6px] h-[6px] rounded-full bg-white animate-flow-right shadow-[0_0_8px_rgba(255,255,255,0.4)]"})]})}),e.jsxs("div",{className:"relative w-[200px] shrink-0 min-h-[420px]",children:[e.jsx("div",{className:"absolute top-[0px] left-0 right-0",children:e.jsx(w,{icon:u,label:a("paymentFlow.customerA"),sublabel:a("paymentFlow.blipplyWallet"),amount:"$2,500",active:t===1,passed:t>1,color:"lime",testIdSuffix:"desktop"})}),e.jsx("div",{className:"absolute top-[180px] left-0 right-0",children:e.jsx(w,{icon:u,label:a("paymentFlow.customerB"),sublabel:a("paymentFlow.mobileMoney"),amount:a("paymentFlow.localCurrency"),active:t===2,passed:t>2,color:"teal",testIdSuffix:"desktop"})}),e.jsx("div",{className:"absolute top-[270px] left-0 right-0",children:e.jsx(w,{icon:u,label:a("paymentFlow.customerC"),sublabel:a("paymentFlow.externalCryptoWallet"),amount:a("paymentFlow.cryptoRails"),active:t===3,passed:t>3,color:"plum",testIdSuffix:"desktop"})})]}),e.jsxs("div",{className:"flex-1 flex flex-col justify-center relative min-h-[420px]",children:[e.jsx("div",{className:"absolute top-[30px] left-0 right-0 flex items-center",children:e.jsxs("div",{className:`flex-1 h-[3px] relative transition-all duration-700 ${t===1?"opacity-100":t>1?"opacity-50":"opacity-20"}`,children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-[#BFF233]/60 to-[#BFF233] rounded-full"}),t===1&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute inset-0 bg-[#BFF233]/30 blur-md rounded-full"}),e.jsx("div",{className:"absolute top-[-2px] left-0 w-3 h-3 rounded-full bg-[#BFF233] animate-flow-right shadow-[0_0_12px_rgba(191,242,51,0.6)]"})]})]})}),e.jsx("span",{className:`absolute top-[5px] left-1/2 -translate-x-1/2 text-[10px] text-[#BFF233] font-medium whitespace-nowrap transition-opacity duration-500 ${o?t===1?"opacity-100":"opacity-60":"opacity-0"}`,children:a("paymentFlow.stablecoinRails")}),e.jsxs("div",{className:`absolute top-[50px] left-0 right-0 pointer-events-none transition-opacity duration-500 ${o?t===1?"opacity-100":"opacity-60":"opacity-0"}`,children:[e.jsx("div",{className:"text-center mb-3",children:e.jsx("span",{className:"px-3 py-1 rounded-full bg-[#BFF233]/15 text-[#BFF233] text-xs font-semibold border border-[#BFF233]/30",children:a("paymentFlow.zeroFees")})}),e.jsxs("div",{className:"flex justify-between px-4",children:[e.jsx("div",{className:"flex flex-col gap-2",children:f.map((n,c)=>e.jsx(v,{icon:n.icon,label:n.label,color:"lime",delay:0},`consumer-${c}`))}),e.jsx("div",{className:"flex flex-col gap-2 items-end",children:B.map((n,c)=>e.jsx(v,{icon:n.icon,label:n.label,color:"lime",delay:0},`merchant-${c}`))})]})]}),e.jsx("div",{className:"absolute top-[200px] left-0 right-0 flex items-center",children:e.jsxs("div",{className:`flex-1 h-[2px] relative transition-all duration-700 ${t===2?"opacity-100":t>2?"opacity-50":"opacity-20"}`,children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-[#2dd4bf]/60 to-[#2dd4bf] rounded-full"}),t===2&&e.jsx("div",{className:"absolute top-[-2px] left-0 w-2.5 h-2.5 rounded-full bg-[#2dd4bf] animate-flow-right shadow-[0_0_8px_rgba(45,212,191,0.5)]"})]})}),e.jsx("span",{className:`absolute top-[178px] left-1/2 -translate-x-1/2 text-[10px] text-[#2dd4bf] font-medium whitespace-nowrap transition-opacity duration-500 ${h?t===2?"opacity-100":"opacity-60":"opacity-0"}`,children:a("paymentFlow.localCurrencyRails")}),e.jsx("div",{className:"absolute top-[290px] left-0 right-0 flex items-center",children:e.jsxs("div",{className:`flex-1 h-[2px] relative transition-all duration-700 ${t===3?"opacity-100":t>3?"opacity-50":"opacity-20"}`,children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-[#88618F]/60 to-[#88618F] rounded-full"}),t===3&&e.jsx("div",{className:"absolute top-[-2px] left-0 w-2.5 h-2.5 rounded-full bg-[#88618F] animate-flow-right shadow-[0_0_8px_rgba(136,97,143,0.5)]"})]})}),e.jsx("span",{className:`absolute top-[268px] left-1/2 -translate-x-1/2 text-[10px] text-[#88618F] font-medium whitespace-nowrap transition-opacity duration-500 ${s?t

1===3?"opacity-100":"opacity-60":"opacity-0"}`,children:a("paymentFlow.cryptoRails")})]}),e.jsxs("div",{className:"flex flex-col items-center justify-center gap-6 w-[200px] shrink-0",children:[e.jsxs("div",{className:`relative flex flex-col items-center p-5 rounded-2xl border-2 transition-all duration-500 ${t===4?"border-amber-500/60 shadow-[0_0_30px_rgba(245,158,11,0.2)]":"border-[#BFF233]/40 shadow-[0_0_30px_rgba(191,242,51,0.15)]"} bg-[#0d0d14]`,"data-testid":"node-merchant-desktop",children:[e.jsx("div",{className:"w-14 h-14 rounded-full bg-[#BFF233]/10 flex items-center justify-center mb-2",children:e.jsx(E,{className:"w-7 h-7 text-[#BFF233]"})}),e.jsx("p",{className:"text-sm font-bold text-white",children:a("paymentFlow.merchant")}),e.jsx("p",{className:"text-[10px] text-white/50 mt-1",children:"$15,000"})]}),e.jsxs("div",{className:"flex gap-6 mt-2",children:[e.jsxs("div",{className:"flex flex-col items-center flex-1",children:[e.jsx("div",{className:`w-px h-6 transition-all duration-500 ${t===4?"opacity-100":"opacity-20"}`,children:e.jsx("div",{className:"w-full h-full border-l-2 border-dashed border-[#BFF233]/50 relative",children:t===4&&e.jsx("div",{className:"absolute top-0 left-[-3px] w-[6px] h-[6px] rounded-full bg-[#BFF233] animate-flow-down"})})}),e.jsxs("div",{className:`text-center transition-all duration-500 ${t===4?"opacity-100":"opacity-40"}`,children:[e.jsx("p",{className:"text-[10px] text-[#BFF233]/50 uppercase tracking-wider mb-2",children:a("paymentFlow.useOfFunds")}),e.jsxs("div",{className:"flex flex-col gap-1.5",children:[e.jsxs("div",{className:`flex items-center gap-2 px-3 py-1.5 rounded-lg border transition-all duration-500 ${t===4?"border-[#BFF233]/30 bg-[#BFF233]/5":"border-white/10 bg-transparent"}`,children:[e.jsx(A,{className:`w-3.5 h-3.5 ${t===4?"text-[#BFF233]":"text-white/50"}`}),e.jsx("span",{className:`text-[10px] ${t===4?"text-[#BFF233]/90":"text-white/40"}`,children:a("paymentFlow.savingsAccount")})]}),e.jsxs("div",{className:`flex items-center gap-2 px-3 py-1.5 rounded-lg border transition-all duration-500 ${t===4?"border-[#BFF233]/30 bg-[#BFF233]/5":"border-white/10 bg-transparent"}`,children:[e.jsx(M,{className:`w-3.5 h-3.5 ${t===4?"text-[#BFF233]":"text-white/50"}`}),e.jsx("span",{className:`text-[10px] ${t===4?"text-[#BFF233]/90":"text-white/40"}`,children:a("paymentFlow.virtualVisa")})]}),e.jsxs("div",{className:`flex items-center gap-2 px-3 py-1.5 rounded-lg border transition-all duration-500 ${t===4?"border-[#BFF233]/30 bg-[#BFF233]/5":"border-white/10 bg-transparent"}`,children:[e.jsx(R,{className:`w-3.5 h-3.5 ${t===4?"text-[#BFF233]":"text-white/50"}`}),e.jsx("span",{className:`text-[10px] ${t===4?"text-[#BFF233]/90":"text-white/40"}`,children:a("paymentFlow.payAtShops")})]})]})]})]}),e.jsxs("div",{className:"flex flex-col items-center flex-1",children:[e.jsx("div",{className:`w-px h-6 transition-all duration-500 ${t===4?"opacity-100":"opacity-20"}`,children:e.jsx("div",{className:"w-full h-full border-l-2 border-dashed border-amber-500/50 relative",children:t===4&&e.jsx("div",{className:"absolute top-0 left-[-3px] w-[6px] h-[6px] rounded-full bg-amber-500 animate-flow-down"})})}),e.jsxs("div",{className:"text-center",children:[e.jsx("p",{className:"text-[10px] text-white/40 uppercase tracking-wider mb-2",children:a("paymentFlow.outflows")}),e.jsxs("div",{className:"flex flex-col gap-1.5",children:[e.jsx(F,{icon:P,label:a("paymentFlow.externalWallet"),active:t===4}),e.jsx(F,{icon:_,label:a("paymentFlow.fiatWithdrawal"),active:t===4}),e.jsx(F,{icon:j,label:a("paymentFlow.cashOut"),active:t===4})]})]})]})]})]})]})})}),e.jsx("div",{className:"md:hidden",children:e.jsx("div",{className:"relative rounded-2xl border border-white/10 bg-[#0d0d14] p-4 overflow-hidden",children:e.jsxs("div",{className:"flex flex-col items-center gap-4",children:[e.jsxs("div",{className:"text-center",children:[e.jsx("p",{className:"text-xs text-white/40 uppercase tracking-wider mb-2",children:a("paymentFlow.inflows")}),e.jsxs("div",{className:"flex gap-2 justify-center",children:[e.jsx(y,{icon:j,label:a("paymentFlow.cashDeposit"),active:t===0,small:!0}),e.jsx(y,{icon:C,label:a("paymentFlow.digitalDeposit"),active:t===0,small:!0}),e.jsx(y,{icon:S,label:a("paymentFlow.remittance"),active:t===0,small:!0})]})]}),t===0&&e.jsx(g,{color:"white"}),e.jsx(w,{icon:u,label:a("paymentFlow.customerA"),sublabel:a("paymentFlow.blipplyWallet"),amount:"$2,500",active:t===1,passed:t>1,color:"lime",small:!0,testIdSuffix:"mobile"}),t===1&&e.jsxs(e.Fragment,{children:[e.jsx(g,{color:"lime"}),e.jsx("span",{className:"text-[10px] text-[#BFF233] font-medium animate-payment-fade-in",children:a("paymentFlow.stablecoinRails")}),e.jsx("span",{className:"px-2.5 py-0.5 rounded-full bg-[#BFF233]/15 text-[#BFF233] text-[10px] font-semibold border border-[#BFF233]/30 animate-payment-fade-in",children:a("paymentFlow.zeroFees")})]}),o&&e.jsxs("div",{className:`flex flex-wrap gap-1.5 justify-center px-2 transition-opacity duration-500 ${t===1?"opacity-100":"opacity-60"}`,children:[f.map((n,c)=>e.jsx(v,{icon:n.icon,label:n.label,color:"lime",delay:0,small:!0},`m-consumer-${c}`)),B.map((n,c)=>e.jsx(v,{icon:n.icon,label:n.label,color:"lime",delay:0,small:!0},`m-merchant-${c}`))]}),e.jsx(w,{icon:u,label:a("paymentFlow.customerB"),sublabel:a("paymentFlow.mobileMoney"),amount:a("paymentFlow.localCurrency"),active:t===2,passed:t>2,color:"teal",small:!0,testIdSuffix:"mobile"}),t===2&&e.jsx(g,{color:"teal"}),e.jsx(w,{icon:u,label:a("paymentFlow.customerC"),sublabel:a("paymentFlow.externalCryptoWallet"),amount:a("paymentFlow.cryptoRails"),active:t===3,passed:t>3,color:"plum",small:!0,testIdSuffix:"mobile"}),t===3&&e.jsx(g,{color:"plum"}),e.jsxs("div",{className:`relative flex flex-col items-center p-4 rounded-xl border-2 transition-all duration-500 ${t===4?"border-amber-500/60 shadow-[0_0_20px_rgba(245,158,11,0.2)]":"border-[#BFF233]/40 shadow-[0_0_20px_rgba(191,242,51,0.1)]"} bg-[#0d0d14]`,"data-testid":"node-merchant-mobile",children:[e.jsx("div",{className:"w-10 h-10 rounded-full bg-[#BFF233]/10 flex items-center justify-center mb-1.5",children:e.jsx(E,{className:"w-5 h-5 text-[#BFF233]"})}),e.jsx("p",{className:"text-xs font-bold text-white",children:a("paymentFlow.merchant")}),e.jsx("p",{className:"text-[9px] text-white/50",children:"$15,000"})]}),t===4&&e.jsxs("div",{className:"flex gap-4 w-full",children:[e.jsxs("div",{className:"flex flex-col items-center flex-1",children:[e.jsx(g,{color:"lime"}),e.jsx("p",{className:"text-[9px] text-[#BFF233]/50 uppercase tracking-wider mb-1.5",children:a("paymentFlow.useOfFunds")}),e.jsxs("div",{className:"flex flex-col gap-1.5 w-full",children:[e.jsxs("div",{className:"flex items-center gap-1.5 px-2 py-1.5 rounded-lg border border-[#BFF233]/30 bg-[#BFF233]/5",children:[e.jsx(A,{className:"w-3.5 h-3.5 text-[#BFF233]"}),e.jsx("span",{className:"text-[9px] text-[#BFF233]/90",children:a("paymentFlow.savingsAccount")}

1)]}),e.jsxs("div",{className:"flex items-center gap-1.5 px-2 py-1.5 rounded-lg border border-[#BFF233]/30 bg-[#BFF233]/5",children:[e.jsx(M,{className:"w-3.5 h-3.5 text-[#BFF233]"}),e.jsx("span",{className:"text-[9px] text-[#BFF233]/90",children:a("paymentFlow.virtualVisa")})]}),e.jsxs("div",{className:"flex items-center gap-1.5 px-2 py-1.5 rounded-lg border border-[#BFF233]/30 bg-[#BFF233]/5",children:[e.jsx(R,{className:"w-3.5 h-3.5 text-[#BFF233]"}),e.jsx("span",{className:"text-[9px] text-[#BFF233]/90",children:a("paymentFlow.payAtShops")})]})]})]}),e.jsxs("div",{className:"flex flex-col items-center flex-1",children:[e.jsx(g,{color:"amber"}),e.jsx("p",{className:"text-[9px] text-white/40 uppercase tracking-wider mb-1.5",children:a("paymentFlow.outflows")}),e.jsxs("div",{className:"flex flex-col gap-1.5 w-full",children:[e.jsx(F,{icon:P,label:a("paymentFlow.externalWallet"),active:!0,small:!0}),e.jsx(F,{icon:_,label:a("paymentFlow.fiatWithdrawal"),active:!0,small:!0}),e.jsx(F,{icon:j,label:a("paymentFlow.cashOut"),active:!0,small:!0})]})]})]})]})})}),e.jsx("div",{className:"flex flex-wrap justify-center gap-2 mt-8","data-testid":"phase-indicator",children:r.map((n,c)=>e.jsx("button",{className:`px-3 py-1.5 rounded-full text-xs font-medium transition-all duration-300 ${t===c?"bg-[#BFF233]/20 text-[#BFF233] border border-[#BFF233]/30":"bg-white/5 text-white/40 border border-white/10"}`,"data-testid":`phase-indicator-${c}`,children:n},c))})]})})}function y({icon:a,label:t,active:l,passed:o,small:i}){return e.jsxs("div",{className:`flex flex-col items-center gap-1 transition-all duration-500 ${l?"opacity-100 scale-105":o?"opacity-60":"opacity-40"}`,children:[e.jsx("div",{className:`${i?"w-9 h-9":"w-11 h-11"} rounded-full bg-white/5 border border-white/10 flex items-center justify-center ${l?"border-white/30":""}`,children:e.jsx(a,{className:`${i?"w-4 h-4":"w-5 h-5"} text-white/70`})}),e.jsx("span",{className:`${i?"text-[9px]":"text-[10px]"} text-white/50`,children:t})]})}function w({icon:a,label:t,sublabel:l,amount:o,active:i,passed:h,color:b,small:s,testIdSuffix:x}){const r={lime:{border:"border-[#BFF233]/40",activeBorder:"border-[#BFF233]/70",bg:"bg-[#BFF233]/10",text:"text-[#BFF233]",shadow:"shadow-[0_0_15px_rgba(191,242,51,0.15)]"},teal:{border:"border-[#2dd4bf]/30",activeBorder:"border-[#2dd4bf]/60",bg:"bg-[#2dd4bf]/10",text:"text-[#2dd4bf]",shadow:"shadow-[0_0_15px_rgba(45,212,191,0.15)]"},plum:{border:"border-[#88618F]/30",activeBorder:"border-[#88618F]/60",bg:"bg-[#88618F]/10",text:"text-[#88618F]",shadow:"shadow-[0_0_15px_rgba(136,97,143,0.15)]"}}[b];return e.jsxs("div",{className:`flex items-center gap-2 ${s?"p-2":"p-3"} rounded-xl border transition-all duration-500 ${i?`${r.activeBorder} ${r.shadow} bg-white/5`:h?`${r.border} bg-white/[0.03]`:`${r.border} bg-transparent opacity-60`}`,"data-testid":`node-customer-${b}${x?`-${x}`:""}`,children:[e.jsx("div",{className:`${s?"w-8 h-8":"w-10 h-10"} rounded-full ${r.bg} flex items-center justify-center shrink-0`,children:e.jsx(a,{className:`${s?"w-4 h-4":"w-5 h-5"} ${r.text}`})}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:`${s?"text-[10px]":"text-xs"} font-semibold text-white`,children:t}),e.jsx("p",{className:`${s?"text-[8px]":"text-[10px]"} text-white/40`,children:l}),i&&e.jsx("p",{className:`${s?"text-[9px]":"text-[10px]"} ${r.text} font-medium mt-0.5`,children:o})]})]})}function F({icon:a,label:t,active:l,small:o}){return e.jsxs("div",{className:`flex items-center gap-2 ${o?"px-2 py-1.5":"px-3 py-2"} rounded-lg border transition-all duration-500 ${l?"border-amber-500/40 bg-amber-500/5 opacity-100":"border-white/10 bg-transparent opacity-30"}`,children:[e.jsx(a,{className:`${o?"w-3.5 h-3.5":"w-4 h-4"} ${l?"text-amber-400":"text-white/50"}`}),e.jsx("span",{className:`${o?"text-[9px]":"text-[10px]"} ${l?"text-amber-300":"text-white/40"}`,children:t})]})}function v({icon:a,label:t,color:l,delay:o,small:i}){const h=l==="lime"?"text-[#BFF233] bg-[#BFF233]/10 border-[#BFF233]/20":l==="teal"?"text-[#2dd4bf] bg-[#2dd4bf]/10 border-[#2dd4bf]/20":"text-[#88618F] bg-[#88618F]/10 border-[#88618F]/20";return e.jsxs("div",{className:`flex items-center gap-1.5 ${i?"px-2 py-0.5":"px-2.5 py-1"} rounded-full border ${h} animate-payment-fade-in`,style:{animationDelay:`${o}ms`},children:[e.jsx(a,{className:`${i?"w-2.5 h-2.5":"w-3 h-3"}`}),e.jsx("span",{className:`${i?"text-[8px]":"text-[10px]"} font-medium whitespace-nowrap`,children:t})]})}function g({color:a}){const t={lime:"text-[#BFF233]",teal:"text-[#2dd4bf]",plum:"text-[#88618F]",white:"text-white/50",amber:"text-amber-400"};return e.jsx("div",{className:`${t[a]} animate-payment-fade-in`,children:e.jsx(H,{className:"w-5 h-5"})})}function J(){const{t:a}=T(),[t,l]=m.useState(null),o=[{label:a("faq.group_gettingStarted"),icon:"rocket_launch",items:[{question:a("faq.q1"),answer:a("faq.a1")},{question:a("faq.q2"),answer:a("faq.a2")},{question:a("faq.q3"),answer:a("faq.a3")},{question:a("faq.q4"),answer:a("faq.a4")}]},{label:a("faq.group_wallet"),icon:"account_balance_wallet",items:[{question:a("faq.q5"),answer:a("faq.a5")},{question:a("faq.q6"),answer:a("faq.a6")},{question:a("faq.q7"),answer:a("faq.a7")},{question:a("faq.q8"),answer:a("faq.a8")},{question:a("faq.q24"),answer:a("faq.a24")},{question:a("faq.qPersonalBusiness"),answer:a("faq.aPersonalBusiness")}]},{label:a("faq.group_payments"),icon:"payments",items:[{question:a("faq.q9"),answer:a("faq.a9")},{question:a("faq.q10"),answer:a("faq.a10")},{question:a("faq.q11"),answer:a("faq.a11")},{question:a("faq.q12"),answer:a("faq.a12")}]},{label:a("faq.group_pricing_visa"),icon:"credit_card",items:[{question:a("faq.q25"),answer:a("faq.a25")},{question:a("faq.q26"),answer:a("faq.a26")},{question:a("faq.q27"),answer:a("faq.a27")},{question:a("faq.q28"),answer:a("faq.a28")}]},{label:a("faq.group_savings"),icon:"savings",items:[{question:a("faq.q29"),answer:a("faq.a29")},{question:a("faq.q30"),answer:a("faq.a30")},{question:a("faq.q31"),answer:a("faq.a31")},{question:a("faq.q32"),answer:a("faq.a32")}]},{label:a("faq.group_affiliate"),icon:"group_add",items:[{question:a("faq.q23"),answer:a("faq.a23")}]},{label:a("faq.group_loans"),icon:"request_quote",items:[{question:a("faq.qLoansTimeline"),answer:a("faq.aLoansTimeline")}]},{label:a("faq.group_security"),icon:"shield",items:[{question:a("faq.q17"),answer:a("faq.a17")},{question:a("faq.q18"),answer:a("faq.a18")},{question:a("faq.q19"),answer:a("faq.a19")},{question:a("faq.q20"),answer:a("faq.a20")},{question:a("faq.q21"),answer:a("faq.a21")},{question:a("faq.q22"),answer:a("faq.a22")},{question:a("faq.qKeys"),answer:a("faq.aKeys")}]},{label:a("faq.group_freelancers"),icon:"receipt_long",items:[{question:a("faq.qFreelancer1"),answer:a("faq.aFreelancer1")},{question:a("faq.qFreelancer2"),answer:a("faq.aFreelancer2")},{question:a("faq.qFreelancer3"),answer:a("faq.aFreelancer3")}]},{label:a("faq.group_business"),icon:"storefront",items:[{question:a("faq.q13"),answer:a("faq.a13")},{question:a("faq.q14"),answer:a("faq.a14")},{question:a("faq.q15"),answer:a("faq.a15")},{question:a("faq.q16"),answer:a("faq.a16")},{question:a("faq.qBookings"),answer:a("faq.aBookings")}]}],i=o.flatMap(s=>s.items),h=s=>{l(t===s?null:s)},b=m.useMemo(()=>({"@context":"https://schema.org","@type":"FAQPage",mainEntity:i.map(s=>

1({"@type":"Question",name:s.question,acceptedAnswer:{"@type":"Answer",text:s.answer}}))}),[i]);return e.jsxs("div",{className:"min-h-screen bg-background text-foreground pt-24 pb-16",children:[e.jsx(U,{title:a("faq.title"),description:a("faq.seoDescription"),jsonLd:b,breadcrumbs:[{name:"Home",url:"/"},{name:"FAQ",url:"/faq"}]}),e.jsxs("div",{className:"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsx($,{children:e.jsxs("div",{className:"text-center mb-16",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-foreground/10 text-foreground text-sm font-medium mb-6",children:[e.jsx(N,{icon:"help",size:18,fill:!0}),a("faq.badge")]}),e.jsx("h1",{className:"text-4xl md:text-5xl font-bold mb-6","data-testid":"text-faq-headline",children:a("faq.title")}),e.jsx("p",{className:"text-lg text-muted-foreground max-w-2xl mx-auto",children:a("faq.subtitle")})]})}),e.jsx($,{delay:100,children:e.jsx("div",{className:"space-y-12","data-testid":"faq-list",children:o.map((s,x)=>e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-5",children:[e.jsx(N,{icon:s.icon,size:24,className:"text-primary",fill:!0}),e.jsx("h2",{className:"text-xl font-semibold",children:s.label})]}),e.jsx("div",{className:"space-y-3",children:s.items.map((p,r)=>{const f=`${x}-${r}`;

1return e.jsxs("div",{className:"border border-foreground/10 rounded-lg overflow-hidden bg-foreground/5","data-testid":`faq-item-${x}-${r}`,children:[e.jsxs("button",{className:"w-full flex items-center justify-between p-6 text-left hover:bg-foreground/5 transition-colors",onClick:()=>h(f),"data-testid":`button-faq-toggle-${x}-${r}`,children:[e.jsx("span",{className:"font-medium text-lg pr-4",children:p.question}),e.jsx(N,{icon:t===f?"expand_less":"expand_more",size:24,className:"text-primary flex-shrink-0"})]}),t===f&&e.jsx("div",{className:"px-6 pb-6 pt-0",children:e.jsx("p",{className:"text-muted-foreground leading-relaxed","data-testid":`text-faq-answer-${x}-${r}`,children:p.answer})})]},f)})})]},x))})})]}),e.jsx(W,{})]})}export{J as default};