https://www.avina.io/_next/static/chunks/664f59ce9c67213b.js?dpl=dpl_5bs4TzSuJiAHTo1YMMtdy6ZJyiy6

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,190016,e=>{e.v({container:"CRMSyncPreview-module__Qo-8aW__container",crmLogo:"CRMSyncPreview-module__Qo-8aW__crmLogo",crmLogoImg:"CRMSyncPreview-module__Qo-8aW__crmLogoImg",crmLogoInitials:"CRMSyncPreview-module__Qo-8aW__crmLogoInitials",destCard:"CRMSyncPreview-module__Qo-8aW__destCard",destInner:"CRMSyncPreview-module__Qo-8aW__destInner",destName:"CRMSyncPreview-module__Qo-8aW__destName",flowArea:"CRMSyncPreview-module__Qo-8aW__flowArea",flyingPill:"CRMSyncPreview-module__Qo-8aW__flyingPill",flyingPillUp:"CRMSyncPreview-module__Qo-8aW__flyingPillUp",flyingPillWide:"CRMSyncPreview-module__Qo-8aW__flyingPillWide",label:"CRMSyncPreview-module__Qo-8aW__label",labelIcon:"CRMSyncPreview-module__Qo-8aW__labelIcon",pillArrow:"CRMSyncPreview-module__Qo-8aW__pillArrow",pillCompanyImg:"CRMSyncPreview-module__Qo-8aW__pillCompanyImg",pillCompanyInitial:"CRMSyncPreview-module__Qo-8aW__pillCompanyInitial",pillCompanyLogo:"CRMSyncPreview-module__Qo-8aW__pillCompanyLogo",pillIcon:"CRMSyncPreview-module__Qo-8aW__pillIcon",pillLabel:"CRMSyncPreview-module__Qo-8aW__pillLabel",pillSub:"CRMSyncPreview-module__Qo-8aW__pillSub",pulseDown:"CRMSyncPreview-module__Qo-8aW__pulseDown",pulseUp:"CRMSyncPreview-module__Qo-8aW__pulseUp",sourceCard:"CRMSyncPreview-module__Qo-8aW__sourceCard",sourceCardLeft:"CRMSyncPreview-module__Qo-8aW__sourceCardLeft",sourceCardMessage:"CRMSyncPreview-module__Qo-8aW__sourceCardMessage",sourceCardName:"CRMSyncPreview-module__Qo-8aW__sourceCardName",sourceCardRight:"CRMSyncPreview-module__Qo-8aW__sourceCardRight",spin:"CRMSyncPreview-module__Qo-8aW__spin",spinner:"CRMSyncPreview-module__Qo-8aW__spinner",syncedBadge:"CRMSyncPreview-module__Qo-8aW__syncedBadge",syncedLabel:"CRMSyncPreview-module__Qo-8aW__syncedLabel",trackLines:"CRMSyncPreview-module__Qo-8aW__trackLines",trackLinesBidir:"CRMSyncPreview-module__Qo-8aW__trackLinesBidir",trackPulse:"CRMSyncPreview-module__Qo-8aW__trackPulse",trackPulseUp:"CRMSyncPreview-module__Qo-8aW__trackPulseUp",trackRail:"CRMSyncPreview-module__Qo-8aW__trackRail"})},606159,e=>{"use strict";var a=e.i(843476),i=e.i(271645),l=e.i(657688),n=e.i(846932),s=e.i(88653),t=e.i(387652),c=e.i(190016);let o=e=>`https://cdn.brandfetch.io/${e}/fallback/lettermark/?c=1idBaMYjze-ZNYLvo3y`,r=[{name:"Salesforce",domain:"salesforce.com"},{name:"HubSpot",domain:"hubspot.com"},{name:"Salesloft",domain:"salesloft.com"},{name:"Outreach",domain:"outreach.io"},{name:"Apollo",domain:"apollo.io"},{name:"Instantly",domain:"instantly.ai"}],d=[[{label:"Sarah Kim — Ramp",icon:"company",domain:"ramp.com"},{label:"Daniel Okafor — Tiptap",icon:"company",domain:"tiptap.dev"},{label:"Emma Lindqvist — Cal.com",icon:"company",domain:"cal.com"}],[{label:"VP viewed pricing page",icon:"signal",color:"#805AD5"},{label:"Just launched AI feature",icon:"signal",color:"#9F7AEA"},{label:"Hiring SDRs aggressively",icon:"signal",color:"#B794F4"},{label:"Uses Terraform",icon:"signal",color:"#D6BCFA"}],[{label:"signal_score",icon:"field",sub:"Lead_Score__c"},{label:"company_name",icon:"field",sub:"Account Name"},{label:"last_signal",icon:"field",sub:"Last_Activity__c"},{label:"icp_match",icon:"field",sub:"ICP_Fit__c"}],[{label:"New account",icon:"company"},{label:"New contact",icon:"person"},{label:"Signal captured",icon:"signal",color:"#805AD5"},{label:"Contact enriched",icon:"person"},{label:"Account enriched",icon:"company"}]],u=[["Captured new signal...","Pushing enriched contact...","Pushing enriched account..."],["New signal detected...","Attaching to record...","Syncing timeline...","Logging event..."],["Mapping fields...","Writing to CRM...","Syncing schema...","Updating fields..."],["Pushing account...","Syncing signal...","Updating contact...","Receiving update...","Pulling changes...","Syncing back..."]],m=[{label:"Deal stage changed",icon:"sync"},{label:"Owner reassigned",icon:"sync"},{label:"Meeting booked",icon:"sync"}];function p({color:e="#22c55e",size:i=12}){return(0,a.jsxs)("svg",{width:i,height:i,viewBox:"0 0 14 14",fill:"none",children:[(0,a.jsx)("circle",{cx:"7",cy:"7",r:"7",fill:e}),(0,a.jsx)("path",{d:"M4 7.2L6.2 9.4L10 5",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function h({domain:e,name:l}){let[n,s]=(0,i.useState)(!1),t=l.slice(0,2).toUpperCase();return(0,a.jsx)("div",{className:c.default.crmLogo,children:n?(0,a.jsx)("span",{className:c.default.crmLogoInitials,children:t}):(0,a.jsx)("img",{src:o(e),alt:l,width:26,height:26,loading:"lazy",className:c.default.crmLogoImg,onError:()=>s(!0)})})}function _({domain:e,name:l}){let[n,s]=(0,i.useState)(!1),t=l.slice(0,1).toUpperCase();return(0,a.jsx)("div",{className:c.default.pillCompanyLogo,children:n?(0,a.jsx)("span",{className:c.default.pillCompanyInitial,children:t}):(0,a.jsx)("img",{src:o(e),alt:l,width:16,height:16,loading:"lazy",className:c.default.pillCompanyImg,onError:()=>s(!0)})})}function y({type:e,color:i}){let l=i??"currentColor",n={width:12,height:12,viewBox:"0 0 24 24",fill:"none",stroke:l,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};return"company"===e?(0,a.jsxs)("svg",{...n,children:[(0,a.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),(0,a.jsx)("rect",{x:"7",y:"7",width:"4",height:"4",rx:"1",opacity:"0.5"}),(0,a.jsx)("rect",{x:"13",y:"7",width:"4",height:"4",rx:"1",opacity:"0.5"}),(0,a.jsx)("rect",{x:"7",y:"15",width:"4",height:"6",rx:"1",opacity:"0.3"}),(0,a.jsx)("rect",{x:"13",y:"15",width:"4",height:"6",rx:"1",opacity:"0.3"})]}):"person"===e?(0,a.jsxs)("svg",{...n,children:[(0,a.jsx)("circle",{cx:"12",cy:"8",r:"5"}),(0,a.jsx)("path",{d:"M20 21a8 8 0 0 0-16 0"})]}):"email"===e?(0,a.jsxs)("svg",{...n,children:[(0,a.jsx)("rect",{width:"20",height:"16",x:"2",y:"4",rx:"2"}),(0,a.jsx)("path",{d:"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"})]}):"phone"===e?(0,a.jsx)("svg",{...n,children:(0,a.jsx)("path",{d:"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.74.31 1.46.56 2.14a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.68.25 1.4.44 2.14.56A2 2 0 0 1 22 16.92z"})}):"signal"===e?(0,a.jsxs)("svg",{...n,stroke:l,children:[(0,a.jsx)("path",{d:"M4.9 16.1C1 12.2 1 5.8 4.9 1.9"}),(0,a.jsx)("path",{d:"M7.8 4.7a6.14 6.14 0 0 0-.8 7.5"}),(0,a.jsx)("path",{d:"M16.2 4.7a6.14 6.14 0 0 1 .8 7.5"}),(0,a.jsx)("path",{d:"M19.1 1.9a10.01 10.01 0 0 1 0 14.2"}),(0,a.jsx)("path",{d:"M9.5 18h5"}),(0,a.jsx)("path",{d:"m8 22 4-11 4 11"}),(0,a.jsx)("circle",{cx:"12",cy:"9",r:"2"})]}):"field"===e?(0,a.jsxs)("svg",{...n,children:[(0,a.jsx)("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),(0,a.jsx)("path",{d:"M14 2v6h6"}),(0,a.jsx)("path",{d:"M8 13h8"}),(0,a.jsx)("path",{d:"M8 17h8"})]}):(0,a.jsxs)("svg",{...n,children:[(0,a.jsx)("path",{d:"M21 2v6h-6"}),(0,a.jsx)("path",{d:"M3 12a9 9 0 0 1 15-6.7L21 8"}),(0,a.jsx)("path",{d:"M3 22v-6h6"}),(0,a.jsx)("path",{d:"M21 12a9 9 0 0 1-15 6.7L3 16"})]})}function x({activeItem:e=0}){let o=(0,i.useRef)(null),x=(0,t.useInView)(o,{once:!1,margin:"100px"}),[g,f]=(0,i.useState)(0),[j,v]=(0,i.useState)(!1),[C,w]=(0,i.useState)(!1),[P,M]=(0,i.useState)(0),[S,b]=(0,i.useState)(0),[N,R]=(0,i.useState)(0),[L,W]=(0,i.useState)(0),k=3===e,Q=d[e]??d[0],I=u[e]??u[0];return(0,i.useEffect)(()=>{M(0),R(0),W(0),b(e=>e+1)},[e]),(0,i.useEffect)(()=>

1{if(!x)return;M(0),R(0),W(0),v(!1),w(!1);let e=[],a=Q.length,i=Math.round(1394);if(k){let l=Math.max(a,m.length),n=0;for(let s=0;s<l;s++){let l=3600*s;if(s<a&&(e.push(setTimeout(()=>{M(s+1),W(s),w(!1)},l)),e.push(setTimeout(()=>{v(!0)},l+i))),s<m.length){let n=l+1800;e.push(setTimeout(()=>{R(s+1),W(a+s),v(!1)},n)),e.push(setTimeout(()=>{w(!0)},n+i))}n=l+1800}let s=n+1700+1e3;e.push(setTimeout(()=>{f(e=>(e+1)%r.length),M(0),R(0),v(!1),w(!1),b(e=>e+1)},s))}else{for(let i=0;i<a;i++)e.push(setTimeout(()=>{M(i+1),W(i)},1800*i));e.push(setTimeout(()=>v(!0),i)),e.push(setTimeout(()=>{f(e=>(e+1)%r.length),M(0),v(!1),b(e=>e+1)},(a-1)*1800+1700+1e3))}return()=>e.forEach(clearTimeout)},[x,e,S,Q.length,k]),(0,a.jsxs)("div",{ref:o,className:c.default.container,children:[(0,a.jsxs)("div",{className:c.default.label,children:[(0,a.jsxs)("svg",{className:c.default.labelIcon,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("path",{d:"M3 12a9 9 0 0 1 15-6.7L21 8"}),(0,a.jsx)("path",{d:"M21 3v5h-5"}),(0,a.jsx)("path",{d:"M21 12a9 9 0 0 1-15 6.7L3 16"}),(0,a.jsx)("path",{d:"M3 21v-5h5"})]}),"Syncing integrations"]}),(0,a.jsxs)("div",{className:c.default.sourceCard,children:[(0,a.jsxs)("div",{className:c.default.sourceCardLeft,children:[(0,a.jsx)(l.default,{src:"/images/avina-icon.png",alt:"Avina",width:26,height:26,style:{objectFit:"contain"}}),(0,a.jsx)("span",{className:c.default.sourceCardName,children:"Avina"})]}),(0,a.jsx)("div",{className:c.default.sourceCardRight,children:(0,a.jsx)(s.AnimatePresence,{mode:"wait",children:C?(0,a.jsxs)(n.motion.div,{className:c.default.syncedBadge,initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:.2},children:[(0,a.jsx)(p,{color:"#22c55e",size:14}),(0,a.jsx)("span",{className:c.default.syncedLabel,children:"Synced"})]},"source-synced"):(0,a.jsx)(n.motion.span,{className:c.default.sourceCardMessage,initial:{opacity:0,y:4},animate:{opacity:1,y:0},exit:{opacity:0,y:-4},transition:{duration:.2},children:I[L%I.length]},`${e}-${L}-${S}`)})})]}),(0,a.jsxs)("div",{className:c.default.flowArea,children:[k?(0,a.jsxs)("div",{className:c.default.trackLinesBidir,children:[(0,a.jsx)("div",{className:c.default.trackLines,children:[0,1,2].map(e=>(0,a.jsx)("div",{className:c.default.trackRail,children:(0,a.jsx)("div",{className:c.default.trackPulse})},`d${e}`))}),(0,a.jsx)("div",{className:c.default.trackLines,children:[0,1,2].map(e=>(0,a.jsx)("div",{className:c.default.trackRail,children:(0,a.jsx)("div",{className:c.default.trackPulseUp})},`u${e}`))})]}):(0,a.jsx)("div",{className:c.default.trackLines,children:[0,1,2].map(e=>(0,a.jsx)("div",{className:c.default.trackRail,children:(0,a.jsx)("div",{className:c.default.trackPulse})},e))}),(0,a.jsx)(s.AnimatePresence,{children:Q.map((i,l)=>l>=P?null:(0,a.jsxs)(n.motion.div,{className:`${c.default.flyingPill} ${"field"===i.icon?c.default.flyingPillWide:""}`,initial:{x:"-50%",y:-8,opacity:0},animate:{x:"-50%",y:[-8,48,48,125],opacity:[0,1,1,0]},transition:{duration:1.7,y:{duration:1.7,times:[0,.25,.7,1],ease:"easeInOut"},opacity:{duration:1.7,times:[0,.1,.8,1],ease:"easeInOut"}},children:[i.domain?(0,a.jsx)(_,{domain:i.domain,name:i.label}):(0,a.jsx)("div",{className:c.default.pillIcon,children:(0,a.jsx)(y,{type:i.icon,color:i.color})}),(0,a.jsx)("span",{className:c.default.pillLabel,children:i.label}),i.sub&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:c.default.pillArrow,children:"→"}),(0,a.jsx)("span",{className:c.default.pillSub,children:i.sub})]})]},`${e}-down-${l}-${S}`))}),(0,a.jsx)(s.AnimatePresence,{children:k&&m.map((i,l)=>l>=N?null:(0,a.jsxs)(n.motion.div,{className:`${c.default.flyingPill} ${c.default.flyingPillUp}`,initial:{x:"-50%",y:125,opacity:0},animate:{x:"-50%",y:[125,48,48,-8],opacity:[0,1,1,0]},transition:{duration:1.7,y:{duration:1.7,times:[0,.25,.7,1],ease:"easeInOut"},opacity:{duration:1.7,times:[0,.1,.8,1],ease:"easeInOut"}},children:[(0,a.jsx)("div",{className:c.default.pillIcon,children:(0,a.jsx)(y,{type:i.icon,color:i.color})}),(0,a.jsx)("span",{className:c.default.pillLabel,children:i.label})]},`${e}-up-${l}-${S}`))})]}),(0,a.jsx)("div",{className:c.default.destCard,children:(0,a.jsx)(s.AnimatePresence,{mode:"wait",children:(0,a.jsxs)(n.motion.div,{className:c.default.destInner,initial:{opacity:0,y:6}

1,animate:{opacity:1,y:0},exit:{opacity:0,y:-6},transition:{duration:.25},children:[(0,a.jsx)(h,{domain:r[g].domain,name:r[g].name}),(0,a.jsx)("span",{className:c.default.destName,children:r[g].name}),(0,a.jsx)(s.AnimatePresence,{mode:"wait",children:j?(0,a.jsxs)(n.motion.div,{className:c.default.syncedBadge,initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:.2},children:[(0,a.jsx)(p,{color:"#22c55e",size:14}),(0,a.jsx)("span",{className:c.default.syncedLabel,children:"Synced"})]},"synced"):(0,a.jsx)(n.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.15},children:(0,a.jsx)("div",{className:c.default.spinner})},"spinner")})]},k?"all":g)})})]})}e.s(["default",()=>x])},417866,e=>{e.n(e.i(606159))}]);