https://jelou.ai/_astro/TransactionalAgents.astro_astro_type_script_index_0_lang.Bexj1GK_.js

1import{g as t}from"./index.CB87Sc6I.js";import{S}from"./ScrollTrigger.Cv03IO65.js";t.registerPlugin(S);const w=()=>{const m=document.querySelector("[data-section-id='transactional-agents']");if(!m||m.dataset.taAnimation==="ready")return;m.dataset.taAnimation="ready";const b=Array.from(m.querySelectorAll(".ta-card")),f=p=>{const l=getComputedStyle(p),g=Number.parseFloat(l.getPropertyValue("--sw-card")),c=Number.parseFloat(l.getPropertyValue("--fw")),a=window.matchMedia("(max-width: 900px)").matches?g:c;if(!Number.isFinite(a)||a<=0)return;const u=Math.min(1,(p.clientWidth+2)/a);p.style.setProperty("--s",String(u))};b.forEach(f);const k=new ResizeObserver(p=>{p.forEach(({target:l})=>f(l))});b.forEach(p=>k.observe(p)),t.matchMedia().add("(prefers-reduced-motion: no-preference) and (min-width: 1280px)",()=>{Array.from(m.querySelectorAll("[data-ta]")).forEach(l=>{const g=["commerce","payments"].includes(l.dataset.ta??""),c=e=>Array.from(l.querySelectorAll(`[data-ta-part='${e}']`)),a=e=>l.querySelector(`[data-ta-part='${e}']`),u=t.timeline({defaults:{ease:"power3.out"},scrollTrigger:{trigger:l.closest(".ta-card")??l,start:g?"top 70%":"top 82%",once:!0}});switch(l.dataset.ta){case"identity":{const e=a("doc"),n=a("doc-photo"),o=c("doc-field"),s=a("doc-mrz"),r=a("selfie"),i=a("scan"),d=c("node"),h=Array.from(l.querySelectorAll("[data-ta-wire]"));t.set(e,{autoAlpha:0,y:26,scale:.96}),t.set(n,{autoAlpha:0,scale:1.06}),t.set(o,{autoAlpha:0,x:-8}),t.set([s,i],{autoAlpha:0}),t.set(r,{autoAlpha:0,scale:.9}),t.set(d,{autoAlpha:0,scale:.5}),t.set(h,{autoAlpha:0}),u.to(e,{autoAlpha:1,y:0,scale:1,duration:.7}).to(n,{autoAlpha:1,scale:1,duration:.5},.18).to(o,{autoAlpha:1,x:0,duration:.4,stagger:.1},.3).to(s,{autoAlpha:1,duration:.4},.68).to(r,{autoAlpha:1,scale:1,duration:.6},.6).to(h,{autoAlpha:1,duration:.5,stagger:.12},.9).to(d,{autoAlpha:1,scale:1,duration:.5,ease:"back.out(2)",stagger:.12},1.05).to(i,{autoAlpha:1,duration:.2},1.2).call(()=>{t.fromTo(i,{y:-72},{y:56,duration:1.7,ease:"sine.inOut",repeat:2,yoyo:!0,onComplete:()=>{t.to(i,{autoAlpha:0,duration:.45,ease:"power2.out",onComplete:()=>{t.set(i,{willChange:"auto"})}})}})},void 0,1.25);break}case"signature":{const e=a("thread"),n=c("bubble"),o=a("otp"),s=a("file"),r=a("toast"),i=a("toast-mark"),d=o?.dataset.taOtp??"";if(t.set(e,{scaleY:0}),t.set(n,{autoAlpha:0,y:14,scale:.96}),t.set(s,{autoAlpha:0,y:10}),t.set(r,{autoAlpha:0,y:16,scale:.94}),t.set(i,{scale:.4}),o&&(o.textContent=""),u.to(e,{scaleY:1,duration:1.1,ease:"power2.out"}).to(n,{autoAlpha:1,y:0,scale:1,duration:.5,stagger:.36},.15).to(s,{autoAlpha:1,y:0,duration:.45},1.05).to(r,{autoAlpha:1,y:0,scale:1,duration:.55},1.25).to(i,{scale:1,duration:.45,ease:"back.out(2.4)"},1.45),o&&d){const h={characters:0};u.to(h,{characters:d.length,duration:.6,ease:"none",onUpdate:()=>{o.textContent=d.slice(0,Math.round(h.characters))}},.62)}break}case"commerce":{const e=a("shop"),n=c("shop-row"),o=a("chat"),s=c("chat-bubble"),r=a("chat-typing");t.set(e,{autoAlpha:0,x:-28}),t.set(n,{autoAlpha:0,x:-14}),t.set(o,{autoAlpha:0,y:22,scale:.97}),t.set(s,{autoAlpha:0,y:14,scale:.96}),t.set(r,{autoAlpha:0,scale:.8}),u.to(e,{autoAlpha:1,x:0,duration:.7}).to(n,{autoAlpha:1,x:0,duration:.4,stagger:.08},.2).to(o,{autoAlpha:1,y:0,scale:1,duration:.65},.35).to(s,{autoAlpha:1,y:0,scale:1,duration:.5,stagger:.34},.62).to(r,{autoAlpha:1,scale:1,duration:.4,ease:"back.out(2)"},1.75);break}case"payments":{const e=a("pay-card"),n=a("shield"),o=c("pill");t.set(e,{autoAlpha:0,y:18,scale:.93}),t.set(n,{autoAlpha:0,scale:.4}),t.set(o,{autoAlpha:0,y:14,scale:.82}),u.to(e,{autoAlpha:1,y:0,scale:1,duration:.8}).to(o,{autoAlpha:1,y:0,scale:1,duration:.5,ease:"back.out(1.7)",stagger:{each:.09,from:"random"}},.3).to(n,{autoAlpha:1,scale:1,duration:.5,ease:"back.out(2.2)"},.55),u.call(()=>{o.forEach((s,r)=>{t.to(s,{y:r%2===0?-6:6,duration:2.6+r%4*.35,delay:r*.12,ease:"sine.inOut",repeat:-1,yoyo:!0})})},void 0,1.5);break}case"operations":{const e=c("panel"),n=c("column"),o=Array.from(l.querySelectorAll("[data-ta-part='arc']")),s=a("total"),r=c("legend-row"),i=c("table-row"),d=c("hbar");t.set(e,{autoAlpha:0,y:24}),t.set(n,{scaleY:0}),t.set(r,{autoAlpha:0,x:-8}),t.set(i,{autoAlpha:0,x:-8}),t.set(d,{scaleX:0});const h=o.map(A=>{const y=A.getAttribute("stroke-dasharray")??"0 360";return t.set(A,{attr:{"stroke-dasharray":"0 360"}}),{arc:A,dash:y}});if(u.to(e,{autoAlpha:1,y:0,duration:.6,stagger:.12}).to(n,{scaleY:1,duration:.6,ease:"power2.out",stagger:.045},.25).to(r,{autoAlpha:1,x:0,duration:.4,stagger:.09},.9).to(i,{autoAlpha:1,x:0,duration:.4,stagger:.09},.85).to(d,{scaleX:1,duration:.7,ease:"power2.out",stagger:.09},.7),h.forEach(({arc:A,dash:y},x)=>{u.to(A,{attr:{"stroke-dasharray":y},duration:.55,ease:"power2.out"},.4+x*.22)}

1),s){const A=Number(s.dataset.taTotal??s.textContent??0),y={value:0};s.textContent="0",u.to(y,{value:A,duration:1,ease:"power1.out",onUpdate:()=>{s.textContent=String(Math.round(y.value))}},.5)}break}}})})};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",w,{once:!0}):w();