1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5167],{32681:function(e,a,t){var i=t(57437),n=t(2265),r=t(21183),o=t(40006),s=t(61832),l=t(60373),x=t(39292),p=t(98314),d=t(85322);let c="#3182CE",h="#EDF2F7",m=e=>{let{size:a=16,color:t=c}=e;return(0,i.jsx)("svg",{width:a,height:a,viewBox:"0 0 24 24",fill:t,children:(0,i.jsx)("path",{d:"M13 10V3L4 14h7v7l9-11h-7z"})})},g=e=>{let{size:a=14,color:t="currentColor"}=e;return(0,i.jsx)("svg",{width:a,height:a,viewBox:"0 0 24 24",fill:"none",stroke:t,strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,i.jsx)("polyline",{points:"20 6 9 17 4 12"})})},u=e=>{let{size:a=14,color:t=c}=e;return(0,i.jsxs)("svg",{width:a,height:a,viewBox:"0 0 24 24",fill:"none",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,i.jsx)("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),(0,i.jsx)("polyline",{points:"14 2 14 8 20 8"}),(0,i.jsx)("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),(0,i.jsx)("line",{x1:"16",y1:"17",x2:"8",y2:"17"})]})},b=e=>{let{direction:a="right",size:t=16}=e;return(0,i.jsx)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"#718096",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:"left"===a?(0,i.jsx)("polyline",{points:"15 18 9 12 15 6"}):(0,i.jsx)("polyline",{points:"9 18 15 12 9 6"})})},f=e=>{let{size:a=14,color:t=c}=e;return(0,i.jsx)("svg",{width:a,height:a,viewBox:"0 0 24 24",fill:t,children:(0,i.jsx)("path",{d:"M13 10V3L4 14h7v7l9-11h-7z"})})},y={calendly:{label:"Calendly",bg:"#006BFF",color:"white"},shopify:{label:"Shopify",bg:"#95BF47",color:"white"},zendesk:{label:"Zendesk",bg:"#03363D",color:"white"},stripe:{label:"Stripe",bg:"#635BFF",color:"white"},ctidxproplus:{label:"CT IDX Pro+",bg:"#2563EB",color:"white"},salesforce:{label:"Salesforce",bg:"#00A1E0",color:"white"}},w=[{name:"Book Appointment",provider:"calendly"},{name:"Track Order",provider:"shopify"},{name:"Create Ticket",provider:"zendesk"},{name:"Get Payment",provider:"stripe"},{name:"Search MLS",provider:"ctidxproplus"},{name:"Capture Lead",provider:"salesforce"}],j=[{id:"booking",cardIndex:0,userMessage:"Can I book an appointment this week?",thinking:["Checking calendar availabilityâ¦","Finding open time slotsâ¦"],formThinking:["Setting up your bookingâ¦","Almost thereâ¦"],confirmThinking:["Finalizing your appointmentâ¦","Confirming your bookingâ¦"],actionLabel:"Calendly",type:"timePills",timePills:["Tue 10:00 AM","Wed 2:00 PM","Thu 11:00 AM"],selectedPill:0,hasForm:!0,confirmCardLabel:"Confirm Booking",confirmCardDesc:"Consultation â Tuesday at 10:00 AM",confirmIcon:!0,confirmLabel:"Booking Confirmed",confirmText:"Youâre booked for Tuesday at 10:00 AM. Youâll receive a confirmation email shortly!",followUpText:"Would you like me to send a calendar invite or set up a reminder?"},{id:"order",cardIndex:1,userMessage:"Whereâs my order?",thinking:["Let me check your order statusâ¦","Pulling up the details nowâ¦"],actionLabel:"Shopify",type:"orderTracking",hasOrderFlow:!0,botFollowUp:"Iâd be happy to look that up! Whatâs your order number and email address?",userFollowUp:"#1001, [email protected]",confirmIcon:!1,confirmText:null},{id:"ticket",cardIndex:2,userMessage:"I need help with my billing issue",thinking:["Creating your support ticketâ¦","Setting everything upâ¦"],actionLabel:"Zendesk",type:"ticketNlp",hasTicketFlow:!0,botFollowUp:"Iâll create a support ticket for you right away. What email should I send the details to?",userFollowUp:"[email protected]",confirmIcon:!0,confirmLabel:"Ticket Created",confirmText:"Iâve created ticket #4829 for your billing issue. Our team will follow up within 2 hours.",followUpText:"Is there anything else youâd like me to add to the ticket?"},{id:"payment",cardIndex:3,userMessage:"Can I pay my invoice?",thinking:["Looking up invoice INV-2847â¦","Verifying account detailsâ¦"],actionLabel:"Stripe",type:"paymentForm",hasPaymentFlow:!0,botFollowUp:"Iâd be happy to help! Can I get your name, email, and invoice number?",userFollowUp:"James Mitchell, [email protected], INV-2847",invoiceMessage:"I found invoice INV-2847 for $249.00 on your account. You can securely complete your payment below:",paymentAmount:"249.00",confirmIcon:!0,confirmLabel:"Payment Successful",confirmText:"Your payment of $249.00 has been processed! A receipt has been sent to [email protected].",followUpText:"Is there anything else I can help you with today?"},{id:"mls",cardIndex:4,userMessage:"Show me homes for sale in La Jolla.",thinking:["Searching the MLS databaseâ¦","Finding matching propertiesâ¦"],detailThinking:["Getting property detailsâ¦","Pulling up the full listingâ¦"],actionLabel:"CT IDX Pro+",type:"mlsListing",hasMlsFlow:!0,listings:[{price:"$1,395,000",beds:4,baths:3,sqft:"2,180",address:"7842 Girard Ave, La Jolla",image:"/images/homepage-hero/listing-1.jpg"},{price:"$1,249,000",beds:3,baths:2,sqft:"1,680",address:"5622 Linda Rosa Ave, La Jolla",image:"/images/homepage-hero/listing-2.jpg"}],confirmIcon:!1,confirmText:null},{id:"lead",cardIndex:5,userMessage:"Iâm interested in learning more about your services",thinking:["Great, let me get your detailsâ¦","Setting up your profileâ¦"],actionLabel:"Salesforce",type:"leadNlp",hasLeadFlow:!0,botFollowUp:"Iâd love to help! Can I get your name and email so we can set you up?",userFollowUp:"Alex Torres, [email protected]",confirmIcon:!0,confirmLabel:"Youâre All Set",confirmText:"Thanks, Alex! Your info has been saved and a team member will reach out within the hour.",followUpText:"In the meantime, is there anything specific youâd like to know about our services?"}],S=e=>{let{action:a,isHighlighted:t,className:n,dark:x=!1,onClick:p}=e,d=y[a.provider];return(0,i.jsxs)(r.Box,{className:n,border:"1px solid",borderColor:t?"blue.400":x?"rgba(255,255,255,0.09)":"#E2E8F0",borderRadius:"lg",bg:x?"#152236":"white",p:{base:"10px",md:"12px"},transition:"all 0.2s ease",boxShadow:"none",cursor:"pointer",onClick:p,_hover:{borderColor:t?"blue.400":x?"rgba(99,179,237,0.45)":"blue.200",boxShadow:x?"0 0 0 1px rgba(99,179,237,0.2)":"0 2px 8px rgba(0,0,0,0.08)",transform:"translateY(-1px)"},children:[(0,i.jsxs)(o.HStack,{justify:"space-between",align:"flex-start",mb:"6px",children:[(0,i.jsx)(r.Box,{bg:x?"rgba(49,130,206,0.12)":"blue.50",boxShadow:x?"inset 0 0 0 1px rgba(49,130,206,0.2)":"none",p:"5px",borderRadius:"md",display:"flex",alignItems:"center",justifyContent:"center",children:(0,i.jsx)(m,{size:14,color:x?"#63B3ED":void 0})}),(0,i.jsx)(s.Badge,{bg:d.bg,color:d.color,fontSize:"9px",px:"6px",py:"1px",borderRadius:"sm",fontWeight:"600",lineHeight:"16px",whiteSpace:"nowrap",children:d.label})]}),(0,i.jsx)(l.Text,{fontSize:{base:"11px",md:"12px"},fontWeight:"600",color:x?"white":"gray.800",lineHeight:"16px",noOfLines:1,children:a.name})]})},T=[{label:"Name",value:"Sarah Johnson"},{label:"Email",value:"[email protected]"},{label:"Phone",value:"(619) 555-0142"}],k=e=>{let{formStage:a}=e,t=a>=5;return(0,i.jsxs)(r.Box,{className:"aad-msg-enter",ml:"38px",bg:"white",borderRadius:"8px",border:"1px solid",borderColor:"gray.200",p:{base:"12px",md:"16px"},boxShadow:"0 1px 2px rgba(0,0,0,0.05)",children:[(0,i.jsxs)(o.HStack,{spacing:"8px",mb:{base:"8px",md:"12px"},children:[(0,i.jsx)(r.Box,{w:"32px",h:"32px",borderRadius:"8px",bg:"".concat(c,"20"),display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,children:(0,i.jsx)(u,{size:16})}),(0,i.jsx)(l.Text,{fontSize:"14px",fontWeight:"600",color:"gray.800",children:"Contact Details"})]}),(0,i.jsx)(x.VStack,{spacing:{base:"8px",md:"10px"},align:"stretch",children:T.map((e,t)=>{let n=a>=t+2;return(0,i.jsxs)(r.Box,{children:[(0,i.jsxs)(l.Text,{fontSize:"13px",fontWeight:"500",color:"gray.700",mb:"3px",children:[e.label," ",(0,i.jsx)(l.Text,{as:"span",color:"red.500",children:"*"})]}),(0,i.jsx)(r.Box,{border:"1px solid",borderColor:n?c:"gray.300",borderRadius:"8px",px:"12px",py:{base:"6px",md:"8px"},bg:"white",transition:"border-color 0.3s ease",minH:{base:"32px",md:"36px"},display:"flex",alignItems:"center",children:(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"20px",color:"gray.800",opacity:n?1:0,transition:"opacity 0.3s ease",children:n?e.value:"\xa0"})})]},e.label)})}),(0,i.jsxs)(r.Box,{mt:{base:"10px",md:"12px"},bg:c,color:"white",borderRadius:"8px",py:{base:"7px",md:"8px"},textAlign:"center",fontSize:"14px",fontWeight:"500",filter:t?"brightness(0.9)":"none",transition:"filter 0.3s ease",display:"flex",alignItems:"center",justifyContent:"center",gap:"6px",className:t?"aad-btn-press":"",children:[t&&(0,i.jsx)(g,{size:14,color:"white"}),(0,i.jsx)(l.Text,{fontSize:"14px",children:t?"Submitted":"Submit"})]})]})},I=e=>{let{scene:a,confirmed:t}=e;return(0,i.jsx)(r.Box,{className:"aad-msg-enter",ml:"38px",bg:"white",borderRadius:"8px",border:"1px solid",borderColor:"gray.200",p:{base:"12px",md:"16px"},boxShadow:"0 1px 2px rgba(0,0,0,0.05)",children:(0,i.jsxs)(o.HStack,{align:"flex-start",spacing:"12px",children:[(0,i.jsx)(r.Box,{w:"40p
1x",h:"40px",borderRadius:"8px",bg:"".concat(c,"20"),display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,children:(0,i.jsx)(m,{size:20})}),(0,i.jsxs)(r.Box,{flex:"1",children:[(0,i.jsx)(l.Text,{fontSize:"14px",fontWeight:"600",color:"gray.800",children:a.confirmCardLabel}),(0,i.jsx)(l.Text,{fontSize:"14px",color:"gray.600",mt:"2px",children:a.confirmCardDesc}),(0,i.jsxs)(o.HStack,{spacing:"8px",mt:"12px",children:[(0,i.jsxs)(r.Box,{bg:c,color:"white",borderRadius:"8px",px:{base:"10px",md:"16px"},py:"8px",fontSize:"14px",fontWeight:"500",filter:t?"brightness(0.9)":"none",transition:"filter 0.3s ease",display:"flex",alignItems:"center",gap:"6px",whiteSpace:"nowrap",className:t?"aad-btn-press":"",children:[t&&(0,i.jsx)(g,{size:14,color:"white"}),(0,i.jsx)(l.Text,{fontSize:{base:"12px",md:"14px"},children:t?"Confirmed":"Yes, proceed"})]}),(0,i.jsx)(r.Box,{bg:"gray.100",color:"gray.700",borderRadius:"8px",px:{base:"10px",md:"16px"},py:"8px",fontSize:{base:"12px",md:"14px"},fontWeight:"500",whiteSpace:"nowrap",opacity:t?.5:1,transition:"opacity 0.3s ease",children:"Cancel"})]})]})]})})},C=e=>{let{size:a=14,color:t=c}=e;return(0,i.jsx)("svg",{width:a,height:a,viewBox:"0 0 24 24",fill:"none",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,i.jsx)("path",{d:"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"})})},R=[{label:"Card Number",value:"4242 4242 4242 4242",mono:!0},{label:"Expiry",value:"08 / 28",mono:!0},{label:"CVV",value:"â¢â¢â¢",mono:!0}],L=e=>{let{paymentStage:a,amount:t}=e,n=a>=5;return(0,i.jsxs)(r.Box,{className:"aad-msg-enter",ml:"38px",bg:"white",borderRadius:"8px",border:"1px solid",borderColor:"gray.200",p:{base:"12px",md:"16px"},boxShadow:"0 1px 2px rgba(0,0,0,0.05)",children:[(0,i.jsxs)(o.HStack,{spacing:"8px",mb:{base:"8px",md:"12px"},children:[(0,i.jsx)(r.Box,{w:"32px",h:"32px",borderRadius:"8px",bg:"".concat(c,"20"),display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,children:(0,i.jsx)(C,{size:16})}),(0,i.jsx)(l.Text,{fontSize:"14px",fontWeight:"600",color:"gray.800",children:"Payment Details"})]}),(0,i.jsx)(x.VStack,{spacing:{base:"8px",md:"10px"},align:"stretch",children:R.map((e,t)=>{let n=a>=t+2;return(0,i.jsxs)(r.Box,{children:[(0,i.jsx)(l.Text,{fontSize:"13px",fontWeight:"500",color:"gray.700",mb:"3px",children:e.label}),(0,i.jsx)(r.Box,{border:"1px solid",borderColor:n?c:"gray.300",borderRadius:"8px",px:"12px",py:{base:"6px",md:"8px"},bg:"white",transition:"border-color 0.3s ease",minH:{base:"32px",md:"36px"},display:"flex",alignItems:"center",children:(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"20px",color:"gray.800",fontFamily:e.mono?"mono":"inherit",letterSpacing:e.mono?"0.5px":"normal",opacity:n?1:0,transition:"opacity 0.3s ease",children:n?e.value:"\xa0"})})]},e.label)})}),(0,i.jsxs)(r.Box,{mt:{base:"10px",md:"12px"},bg:c,color:"white",borderRadius:"8px",py:{base:"7px",md:"8px"},textAlign:"center",fontSize:"14px",fontWeight:"500",filter:n?"brightness(0.9)":"none",transition:"filter 0.3s ease",display:"flex",alignItems:"center",justifyContent:"center",className:n?"aad-btn-press":"",gap:"6px",children:[n&&(0,i.jsx)(g,{size:14,color:"white"}),(0,i.jsx)(l.Text,{fontSize:"14px",children:n?"Payment Successful":"Pay $".concat(t)})]})]})},E=["Track my package","Start a return","Contact support","View order details"],v=["Schedule a showing","Iâm interested","Find similar properties","Tell me about the neighborhood"],A=e=>{let{listings:a,askAiHighlight:t=!1}=e;return(0,i.jsxs)(r.Box,{className:"aad-msg-enter",ml:"38px",bg:"white",borderRadius:"10px",borderTopLeftRadius:"3px",borderTop:"2px solid",borderTopColor:c,boxShadow:"0 2px 4px 2px rgba(0,0,0,0.06)",p:{base:"10px",md:"15px"},position:"relative",children:[(0,i.jsx)(p.Flex,{overflow:"hidden",children:a.map((e,a)=>(0,i.jsxs)(r.Box,{flex:"0 0 80%",minW:"0",borderRadius:"10px",overflow:"hidden",cursor:"pointer",p:{base:"8px 10px 10px",md:"8px 12px 12px"},transition:"background 0.2s ease",_hover:{bg:"#F7FAFC"},children:[(0,i.jsx)(r.Box,{h:{base:"100px",sm:"120px",md:"140px"},bgImage:"url(".concat(e.image,")"),bgSize:"cover",bgPos:"center",borderRadius:"8px",position:"relative",my:"5px",children:(0,i.jsxs)(r.Box,{position:"absolute",top:"8px",right:"8px",bg:t&&0===a?"white":"rgba(0,0,0,0.6)",color:t&&0===a?"#2D3748":"white",borderRadius:"16px",pl:"8px",pr:"12px",py:"6px",fontSize:"12px",fontWeight:"500",minH:"28px",display:"flex",alignItems:"center",gap:"4px",transition:"all 0.3s ease",className:t&&0===a?"aad-ask-ai-glow":"",children:[(0,i.jsx)(f,{size:14,color:t&&0===a?c:"currentColor"}),"Ask AI"]})}),(0,i.jsxs)(r.Box,{w:"90%",display:"grid",sx:{gap:"5px"},children:[(0,i.jsx)(l.Text,{fontSize:"16px",fontWeight:"700",lineHeight:"24px",children:e.price}),(0,i.jsxs)(l.Text,{fontSize:"15px",fontWeight:"500",color:"#718096",lineHeight:"21px",children:[e.beds," bed | ",e.baths," bath | ",e.sqft," sqft"]}),(0,i.jsx)(l.Text,{fontSize:"14px",color:"#1A202C",lineHeight:"21px",noOfLines:2,children:e.address})]})]},a))}),(0,i.jsx)(r.Box,{position:"absolute",left:{base:"6px",md:"8px"},top:"50%",transform:"translateY(-50%)",w:{base:"34px",md:"40px"},h:{base:"34px",md:"40px"},display:"flex",alignItems:"center",justifyContent:"center",bg:"white",borderRadius:"full",boxShadow:"0 1px 4px rgba(0,0,0,0.15)",opacity:"0.5",zIndex:"2",children:(0,i.jsx)(b,{direction:"left"})}),(0,i.jsx)(r.Box,{position:"absolute",right:{base:"6px",md:"8px"},top:"50%",transform:"translateY(-50%)",w:{base:"34px",md:"40px"},h:{base:"34px",md:"40px"},display:"flex",alignItems:"center",justifyContent:"center",bg:"white",borderRadius:"full",boxShadow:"0 1px 4px rgba(0,0,0,0.15)",opacity:"0.85",zIndex:"2",children:(0,i.jsx)(b,{direction:"right"})})]})},F=()=>(0,i.jsxs)(o.HStack,{align:"flex-start",spacing:"8px",className:"aad-msg-enter",children:[(0,i.jsx)(N,{}),(0,i.jsxs)(r.Box,{bg:h,borderRadius:"3px 10px 10px 10px",px:"16px",py:"12px",maxW:"85%",boxShadow:"0 2px 4px rgba(0,0,0,0.04)",children:[(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.800",mb:"6px",children:"Here are the details for this property:"}),(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"22px",fontWeight:"700",color:"gray.800",mb:"2px",children:"7842 Girard Ave, La Jolla, CA 92037"}),(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.800",mb:"6px",children:"$1,395,000 | 4 bed | 3 bath | 2,180 sqft"}),(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.600",mb:"6px",noOfLines:2,children:"Stunning La Jolla residence featuring open-concept living with ocean breezes, modern finishes, and a sun-drenched backyard perfect for entertaining."}),(0,i.jsx)(l.Text,{fontSize:"14px",color:c,fontWeight:"500",mb:"8px",cursor:"pointer",children:"View full listing and photos"}),(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.800",mb:"8px",children:"Would you like more information?"}),(0,i.jsx)(p.Flex,{gap:"8px",flexWrap:"wrap",children:v.map(e=>(0,i.jsx)(r.Box,{bg:"".concat(c,"15"),border:"1px solid",borderColor:"".concat(c,"30"),borderRadius:"20px",px:"16px",py:"8px",fontSize:"14px",color:"gray.600",cursor:"pointer",whiteSpace:"nowrap",children:e},e))})]})]}),N=()=>(0,i.jsx)(r.Box,{w:"30px",h:"30px",borderRadius:"full",overflow:"hidden",flexShrink:0,bg:"white",children:(0,i.jsx)("img",{src:"../../../images/chatspark-mark.png",alt:"AI",style:{width:"100%",height:"100%",objectFit:"cover"}})}
1),H=e=>{let{messages:a,stage:t}=e;return(0,i.jsxs)(o.HStack,{align:"flex-start",spacing:"8px",className:"aad-msg-enter",children:[(0,i.jsx)(N,{}),(0,i.jsx)(r.Box,{bg:h,borderRadius:"3px 10px 10px 10px",px:"16px",py:"12px",maxW:"85%",boxShadow:"0 2px 4px rgba(0,0,0,0.04)",children:(0,i.jsxs)(r.Box,{position:"relative",children:[(0,i.jsx)(r.Box,{position:"absolute",top:"0",left:"0",right:"0",opacity:1===t?1:0,transition:"opacity 0.4s ease",pointerEvents:"none",children:(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.600",className:1===t?"aad-thinking-pulse":"",children:a[0]})}),(0,i.jsx)(r.Box,{position:"absolute",top:"0",left:"0",right:"0",opacity:t>=2?1:0,transition:"opacity 0.4s ease",pointerEvents:"none",children:(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.600",className:t>=2?"aad-thinking-pulse":"",children:a[1]})}),(0,i.jsxs)(r.Box,{display:"grid","aria-hidden":"true",sx:{"& > *":{gridArea:"1 / 1"}},children:[(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"22px",visibility:"hidden",children:a[0]}),(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"22px",visibility:"hidden",children:a[1]})]})]})})]})},z={USER_MSG:800,THINK1:1600,THINK2:2800,ACTION:3800,EXTRAS:4600,RESULT:6200,HOLD:8900},B={USER_MSG:800,BOT_FOLLOWUP:2200,USER_FOLLOWUP:4e3,ORDER_THINK1:5400,ORDER_THINK2:6600,ACTION:7600,RESULT:9e3,HOLD:11700},O={USER_MSG:800,BOT_FOLLOWUP:2e3,USER_FOLLOWUP:3600,NLP_THINK1:4800,NLP_THINK2:6e3,ACTION:7e3,RESULT:8200,HOLD:10900},P={USER_MSG:800,BOT_FOLLOWUP:2e3,USER_FOLLOWUP:4200,NLP_THINK1:5600,NLP_THINK2:6800,ACTION:7800,INVOICE_MSG:8800,FORM_APPEAR:11e3,TYPE_CARD:11800,TYPE_EXPIRY:12400,TYPE_CVV:13e3,PAY_CLICK:13800,RESULT:14800,HOLD:17500},M={USER_MSG:800,BOT_FOLLOWUP:2e3,USER_FOLLOWUP:3600,NLP_THINK1:4800,NLP_THINK2:6e3,ACTION:7e3,RESULT:8200,HOLD:10900},_={USER_MSG:800,THINK1:1600,THINK2:2800,ACTION:3800,CAROUSEL:4800,ASK_AI:7e3,DETAIL_THINK1:7800,DETAIL_THINK2:9e3,RESULT:10200,HOLD:13200},W={USER_MSG:800,THINK1:1600,THINK2:2800,ACTION:3800,EXTRAS:4600,PILL_SELECT:5400,FORM_THINK1:6200,FORM_THINK2:7e3,FORM_APPEAR:7800,TYPE_NAME:8400,TYPE_EMAIL:9e3,TYPE_PHONE:9600,FORM_SUBMIT:10200,CONFIRM_APPEAR:10900,CONFIRM_CLICK:11900,RESULT:12700,HOLD:15400},U={IDLE:0,USER:1,THINKING:2,ACTION:4,EXTRAS:5,PILL_SELECT:6,FORM_THINKING:8,FORM_VISIBLE:9,CONFIRM_CARD:10,CONFIRM_CLICK:11,RESULT:12};a.default=e=>{let{dark:a=!1}=e,t=(0,n.useRef)(null),[s,x]=(0,n.useState)(!1),[m,u]=(0,n.useState)(0),[b,y]=(0,n.useState)(-1),[T,C]=(0,n.useState)(U.IDLE),[R,v]=(0,n.use
1State)(0),[D,K]=(0,n.useState)(0),[Y,V]=(0,n.useState)(0),[G,X]=(0,n.useState)(!1),[$,q]=(0,n.useState)(0),[J,Z]=(0,n.useState)(0),[Q,ee]=(0,n.useState)(!1),[ea,et]=(0,n.useState)(!1),[ei,en]=(0,n.useState)(!1),[er,eo]=(0,n.useState)(0),[es,el]=(0,n.useState)(!1),[ex,ep]=(0,n.useState)(0),[ed,ec]=(0,n.useState)(!1),eh=(0,n.useRef)([]),em=(0,n.useRef)(!0),eg=(0,n.useRef)(!1),eu=j[m];(0,n.useEffect)(()=>{let e=t.current,a=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&!s&&x(!0)})},{threshold:.2});return e&&a.observe(e),()=>{e&&a.unobserve(e)}},[s]);let eb=(0,n.useCallback)((e,a)=>{let t=setTimeout(()=>{em.current&&e()},a);return eh.current.push(t),t},[]),ef=(0,n.useCallback)(e=>{let a=j[e],t=a.hasForm,i=a.hasOrderFlow,n=a.hasTicketFlow,r=a.hasPaymentFlow,o=a.hasMlsFlow,s=a.hasLeadFlow,l=t?W:i?B:n?O:r?P:o?_:s?M:z;if(u(e),y(a.cardIndex),C(U.IDLE),v(0),K(0),V(0),X(!1),q(0),Z(0),ee(!1),et(!1),en(!1),eo(0),el(!1),ep(0),ec(!1),eb(()=>{C(U.USER)},l.USER_MSG),i||n||s||r){eb(()=>{et(!0)},l.BOT_FOLLOWUP),eb(()=>{en(!0)},l.USER_FOLLOWUP);let e=l.ORDER_THINK1||l.NLP_THINK1,a=l.ORDER_THINK2||l.NLP_THINK2;eb(()=>{eo(1),q(30)},e),eb(()=>{eo(2)},a),eb(()=>{C(U.ACTION),q(80)},l.ACTION)}else eb(()=>{C(U.THINKING),v(1)},l.THINK1),eb(()=>{v(2)},l.THINK2),eb(()=>{C(U.ACTION)},l.ACTION),l.EXTRAS&&eb(()=>{C(U.EXTRAS)},l.EXTRAS);t&&(eb(()=>{C(U.PILL_SELECT),X(!0)},l.PILL_SELECT),eb(()=>{C(U.FORM_THINKING),V(1),q(30)},l.FORM_THINK1),eb(()=>{V(2)},l.FORM_THINK2),eb(()=>{C(U.FORM_VISIBLE),K(1),q(35)},l.FORM_APPEAR),eb(()=>{K(2)},l.TYPE_NAME),eb(()=>{K(3)},l.TYPE_EMAIL),eb(()=>{K(4)},l.TYPE_PHONE),eb(()=>{K(5)},l.FORM_SUBMIT),eb(()=>{C(U.CONFIRM_CARD),q(90)},l.CONFIRM_APPEAR),eb(()=>{C(U.CONFIRM_CLICK)},l.CONFIRM_CLICK)),r&&(eb(()=>{ee(!0),q(40)},l.INVOICE_MSG),eb(()=>{Z(1),q(32)},l.FORM_APPEAR),eb(()=>{Z(2)},l.TYPE_CARD),eb(()=>{Z(3)},l.TYPE_EXPIRY),eb(()=>{Z(4),q(70)},l.TYPE_CVV),eb(()=>{Z(5),q(90)},l.PAY_CLICK)),o&&(eb(()=>{C(U.EXTRAS)},l.CAROUSEL),eb(()=>{el(!0)},l.ASK_AI),eb(()=>{ep(1)},l.DETAIL_THINK1),eb(()=>{ep(2)},l.DETAIL_THINK2)),eb(()=>{C(U.RESULT),t&&q(120),i&&q(120),n&&q(120),r&&q(110),s&&q(120),o&&ec(!0)},l.RESULT),eb(()=>{if(!eg.current){C(U.IDLE),y(-1),K(0),V(0),X(!1),q(0),Z(0),ee(!1),et(!1),en(!1),eo(0),el(!1),ep(0),ec(!1);let a=(e+1)%j.length;eb(()=>{ef(a)},100)}},l.HOLD)},[eb]);(0,n.useEffect)(()=>(em.current=!0,()=>{em.current=!1,eh.current.forEach(clearTimeout),eh.current=[]}),[]),(0,n.useEffect)(()=>{s&&eb(()=>{ef(0)},600)},[s,ef,eb]);let ey=(0,n.useCallback)(e=>{eh.current.forEach(clearTimeout),eh.current=[],eg.current=!0,ef(e)},[ef]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("style",{children:"\n /* Base hidden */\n .aad-item { opacity: 0; transform: translateY(12px); }\n\n /* Card grid stagger */\n .aad-visible .aad-card-0 { animation: aadSlideIn 0.35s cubic-bezier(0.16,1,0.3,1) 0.0s forwards; }\n .aad-visible .aad-card-1 { animation: aadSlideIn 0.35s cubic-bezier(0.16,1,0.3,1) 0.08s forwards; }\n .aad-visible .aad-card-2 { animation: aadSlideIn 0.35s cubic-bezier(0.16,1,0.3,1) 0.16s forwards; }\n .aad-visible .aad-card-3 { animation: aadSlideIn 0.35s cubic-bezier(0.16,1,0.3,1) 0.24s forwards; }\n .aad-visible .aad-card-4 { animation: aadSlideIn 0.35s cubic-bezier(0.16,1,0.3,1) 0.32s forwards; }\n .aad-visible .aad-card-5 { animation: aadSlideIn 0.35s cubic-bezier(0.16,1,0.3,1) 0.40s forwards; }\n\n /* Chat area */\n .aad-visible .aad-chat {\n animation: aadSlideIn 0.4s cubic-bezier(0.16,1,0.3,1) 0.6s forwards;\n }\n\n @keyframes aadSlideIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n /* Chat message enter */\n .aad-msg-enter {\n animation: aadMsgIn 0.35s cubic-bezier(0.16,1,0.3,1) forwards;\n }\n @keyframes aadMsgIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n /* Thinking pulse â matches HeroAnimation */\n .aad-thinking-pulse {\n animation: aadThinkingPulse 2s ease-in-out infinite;\n }\n @keyframes aadThinkingPulse {\n 0% { opacity: 0.45; }\n 50% { opacity: 1; }\n 100% { opacity: 0.45; }\n }\n\n /* Pill tap click animation â matches HeroAnimation ha-pill-tap */\n .aad-pill-tap {\n animation: aadPillTap 0.25s ease;\n }\n @keyframes aadPillTap {\n 0% { transform: scale(1); }\n 40% { transform: scale(0.95); }\n 100% { transform: scale(1); }\n }\n\n /* Button press animation â matches HeroAnimation button pattern */\n .aad-btn-press {\n animation: aadBtnPress 0.25s ease;\n }\n @keyframes aadBtnPress {\n 0% { transform: scale(1); }\n 40% { transform: scale(0.97); }\n 100% { transform: scale(1); }\n }\n\n /* Ask AI glow â matches HeroAnimation ha-ask-ai-glow */\n .aad-ask-ai-glow {\n box-shadow: 0 0 12px rgba(49, 130, 206, 0.4);\n }\n\n /* Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n .aad-item,\n .aad-msg-enter,\n .aad-thinking-pulse,\n .aad-pill-tap,\n .aad-btn-press {\n animation: none !important;\n opacity: 1 !important;\n transform: none !important;\n }\n }\n "}),(0,i.jsxs)(r.Box,{ref:t,className:s?"aad-visible":"",w:"full",h:{base:"650px",md:"750px"},display:"flex",flexDirection:"column",justifyContent:"center",overflow:"hidden",children:[(0,i.jsx)(d.SimpleGrid,{columns:{base:2,sm:3},spacing:{base:"8px",md:"10px"},mb:{base:"14px",md:"16px"},children:w.map((e,t)=>(0,i.jsx)(S,{action:e,isHighlighted:b===t,className:"aad-item aad-card-".concat(t),dark:a,onClick:()=>ey(t)},t))}),(0,i.jsx)(r.Box,{className:"aad-item aad-chat",border:"1px solid",borderColor:a?"rgba(255,255,255,0.22)":"gray.200",borderRadius:"16px",bg:"white",overflow:"hidden",boxShadow:"none",p:{base:"16px",md:"20px"},children:(0,i.jsx)(r.Box,{h:"380px",display:"flex",flexDirection:"column",justifyContent:"flex-end",gap:"16px",overflow:"hidden",style:$>0?{maskImage:"linear-gradient(to bottom, transparent 0%, black 30px)",WebkitMaskImage:"linear-gradient(to bottom, transparent 0%, black 30px)"}:void 0,children:(0,i.jsxs)(r.Box,{style:{transform:"translateY(-".concat($,"px)"),transition:"transform 0.6s cubic-bezier(0.16, 1, 0.3, 1)"},display:"flex",flexDirection:"column",gap:"16px",children:[T>=U.USER&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.HStack,{justify:"flex-end",className:"aad-msg-enter",children:(0,i.jsx)(r.Box,{bg:c,color:"white",borderRadius:"10px 3px 10px 10px",px:"16px",py:"12px",maxW:"85%",children:(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"22px",children:eu.userMessage})})}),T>=U.THINKING&&!eu.hasOrderFlow&&!eu.hasTicketFlow&&!eu.hasLeadFlow&&!eu.hasPaymentFlow&&(0,i.jsx)(H,{messages:eu.thinking,stage:R}),(eu.hasOrderFlow||eu.hasTicketFlow||eu.hasLeadFlow||eu.hasPaymentFlow)&&ea&&(0,i.jsxs)(o.HStack,{align:"flex-start",spacing:"8px",className:"aad-msg-enter",children:[(0,i.jsx)(N,{}),(0,i.jsx)(r.Box,{bg:h,borderRadius:"3px 10px 10px 10px",px:"16px",py:"12px",maxW:"85%",children:(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.800",children:eu.botFollowUp})})]}),(eu.hasOrderFlow||eu.hasTicketFlow||eu.hasLeadFlow||eu.hasPaymentFlow)&&ei&&(0,i.jsx)(o.HStack,{justify:"flex-end",className:"aad-msg-enter",children:(0,i.jsx)(r.Box,{bg:c,color:"white",borderRadius:"10px 3px 10px 10px",px:"16px",py:"12px",maxW:"85%",children:(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"22px",children:eu.userFollowUp})})}),(eu.hasOrderFlow||eu.hasTicketFlow||eu.hasLeadFlow||eu.hasPaymentFlow)&&er>0&&T<U.RESULT&&(0,i.jsx)(H,{messages:eu.thinking,stage:er}),T>=U.ACTION&&(0,i.jsxs)(o.HStack,{spacing:"8px",bg:"white",border:"1px solid",borderColor:"gray.200",borderRadius:"8px",px:"12px",py:"8px",boxShadow:"0 1px 3px rgba(0,0,0,0.06)",ml:"38px",className:"aad-msg-enter",w:"fit-content",children:[(0,i.jsx)(r.Box,{w:"24px",h:"24px",borderRadius:"6px",bg:"".concat(c,"15"),display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,children:(0,i.jsx)(f,{})}),(0,i.jsxs)(l.Text,{fontSize:"12px",color:"gray.600",whiteSpace:"nowrap",children:[eu.actionLabel," ",(0,i.jsx)(l.Text,{as:"span",fontWeight:"600",color:c,children:"\xb7 Action Triggered"})]})]}),T>=U.EXTRAS&&"timePills"===eu.type&&(0,i.jsx)(p.Flex,{gap:"8px",flexWrap:"wrap",className:"aad-msg-enter",ml:"38px",children:eu.timePills.map((e,a)=>{let t=T>=U.PILL_SELECT&&a===eu.selectedPill;return(0,i.jsx)(r.Box,{px:"16px",py:"10px",borderRadius:"10px",border:"1px solid",borderColor:t?c:"gray.200",bg
1:"white",color:"#1a1a1a",transition:"all 0.3s ease",textAlign:"center",minW:"90px",boxShadow:"none",className:t&&G?"aad-pill-tap":"",children:(0,i.jsx)(l.Text,{fontSize:"14px",fontWeight:"600",color:"#1a1a1a",children:e})},a)})}),T>=U.FORM_THINKING&&eu.hasForm&&(0,i.jsx)(H,{messages:eu.formThinking,stage:Y}),T>=U.FORM_VISIBLE&&eu.hasForm&&D>0&&(0,i.jsx)(k,{formStage:D}),T>=U.CONFIRM_CARD&&eu.hasForm&&(0,i.jsx)(I,{scene:eu,confirmed:T>=U.CONFIRM_CLICK}),eu.hasPaymentFlow&&Q&&(0,i.jsxs)(o.HStack,{align:"flex-start",spacing:"8px",className:"aad-msg-enter",children:[(0,i.jsx)(N,{}),(0,i.jsx)(r.Box,{bg:h,borderRadius:"3px 10px 10px 10px",px:"16px",py:"12px",maxW:"85%",boxShadow:"0 2px 4px rgba(0,0,0,0.04)",children:(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.800",children:eu.invoiceMessage})})]}),eu.hasPaymentFlow&&J>0&&(0,i.jsx)(L,{paymentStage:J,amount:eu.paymentAmount}),T>=U.EXTRAS&&eu.hasMlsFlow&&(0,i.jsx)(A,{listings:eu.listings,askAiHighlight:es}),eu.hasMlsFlow&&ex>0&&!ed&&(0,i.jsx)(H,{messages:eu.detailThinking,stage:ex}),eu.hasMlsFlow&&ed&&(0,i.jsx)(F,{}),T>=U.RESULT&&!eu.hasMlsFlow&&(eu.hasOrderFlow?(0,i.jsxs)(o.HStack,{align:"flex-start",spacing:"8px",className:"aad-msg-enter",children:[(0,i.jsx)(N,{}),(0,i.jsxs)(r.Box,{bg:h,borderRadius:"3px 10px 10px 10px",px:"16px",py:"12px",maxW:"85%",children:[(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.800",children:"Order #1001 has shipped and is on its way!"}),(0,i.jsxs)(l.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.800",mt:"4px",children:["Tracking:"," ",(0,i.jsx)(l.Text,{as:"span",bg:"".concat(c,"10"),px:"4px",py:"1px",borderRadius:"4px",fontFamily:"mono",fontSize:"13px",textDecoration:"underline",textDecorationColor:"".concat(c,"40"),textUnderlineOffset:"2px",children:"1Z999AA10123456784"})," ","\uD83D\uDCE6"]}),(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.800",mt:"8px",mb:"8px",children:"Is there anything else I can help with?"}),(0,i.jsx)(p.Flex,{gap:"8px",flexWrap:"wrap",children:E.map(e=>(0,i.jsx)(r.Box,{bg:"".concat(c,"15"),border:"1px solid",borderColor:"".concat(c,"30"),borderRadius:"20px",px:"16px",py:"8px",fontSize:"14px",color:"gray.600",cursor:"pointer",whiteSpace:"nowrap",children:e},e))})]})]}):(0,i.jsxs)(o.HStack,{align:"flex-start",spacing:"8px",className:"aad-msg-enter",children:[(0,i.jsx)(N,{}),(0,i.jsxs)(r.Box,{bg:h,borderRadius:"3px 10px 10px 10px",px:"16px",py:"12px",maxW:"85%",boxShadow:"0 2px 4px rgba(0,0,0,0.04)",children:[eu.confirmIcon&&(0,i.jsxs)(o.HStack,{spacing:"4px",mb:"2px",children:[(0,i.jsx)(g,{size:14,color:"#38A169"}),(0,i.jsx)(l.Text,{fontSize:"14px",fontWeight:"600",color:"green.600",children:eu.confirmLabel})]}),(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.700",children:eu.confirmText}),eu.followUpText&&(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.700",mt:"8px",children:eu.followUpText})]})]}))]}),T===U.IDLE&&(0,i.jsx)(r.Box,{h:"80px"})]})})})]})]})}},19564:function(e,a,t){t.d(a,{Z:function(){return r}});var i=t(57437),n=t(21183);function r(e){let{children:a,dark:t=!1}=e;return(0,i.jsx)(n.Box,{as:"span",display:"inline-block",w:"fit-content",borderRadius:"full",px:3,py:"3px",fontSize:"xs",fontWeight:"600",letterSpacing:"0.06em",textTransform:"uppercase",...t?{bg:"rgba(49,130,206,0.12)",boxShadow:"inset 0 0 0 1px rgba(49,130,206,0.2)",color:"blue.300"}:{bg:"blue.50",border:"1px solid",borderColor:"blue.100",color:"blue.600"},children:a})}},15795:function(e,a,t){var i=t(57437),n=t(2265),r=t(21183),o=t(98314),s=t(39292),l=t(60373),x=t(40006);let p={website:{label:"Website",color:"#3182CE",icon:e=>(0,i.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:e?"#3182CE":"#A0AEC0",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,i.jsx)("line",{x1:"2",y1:"12",x2:"22",y2:"12"}),(0,i.jsx)("path",{d:"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"})]})},instagram:{label:"Instagram",color:"#E1306C",icon:e=>(0,i.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:e?"#E1306C":"#A0AEC0",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,i.jsx)("rect",{x:"2",y:"2",width:"20",height:"20",rx:"5",ry:"5"}),(0,i.jsx)("path",{d:"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"}),(0,i.jsx)("line",{x1:"17.5",y1:"6.5",x2:"17.51",y2:"6.5"})]})},messenger:{label:"Messenger",color:"#0084FF",icon:e=>(0,i.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:e?"#0084FF":"#A0AEC0",stroke:"none",children:(0,i.jsx)("path",{d:"M12 2C6.477 2 2 6.145 2 11.243c0 2.906 1.434 5.503 3.678 7.19V22l3.378-1.858c.903.25 1.86.385 2.944.385 5.523 0 10-4.145 10-9.243S17.523 2 12 2zm1.062 12.442l-2.55-2.724-4.974 2.724 5.47-5.806 2.612 2.724 4.913-2.724-5.47 5.806z"})})},whatsapp:{label:"WhatsApp",color:"#25D366",icon:e=>(0,i.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:e?"#25D366":"#A0AEC0",stroke:"none",children:(0,i.jsx)("path",{d:"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.
1198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z"})})},telegram:{label:"Telegram",color:"#0088CC",icon:e=>(0,i.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:e?"#0088CC":"#A0AEC0",stroke:"none",children:(0,i.jsx)("path",{d:"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.479.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"})})},slack:{label:"Slack",color:"#4A154B",icon:e=>(0,i.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:e?"#4A154B":"#A0AEC0",stroke:"none",children:(0,i.jsx)("path",{d:"M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zm10.122 2.521a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zm-1.268 0a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zm-2.523 10.122a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zm0-1.268a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z"})})},freshchat:{label:"Freshchat",color:"#00B887",icon:e=>(0,i.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:e?"#00B887":"#A0AEC0",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,i.jsx)("path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"})})},linkedin:{label:"LinkedIn",color:"#0A66C2",icon:e=>(0,i.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:e?"#0A66C2":"#A0AEC0",stroke:"none",children:(0,i.jsx)("path",{d:"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"})})}},d=["website","instagram","messenger","whatsapp","telegram","slack"],c={website:{user:"What are your hours?",thinking:["Let me check that for youâ¦","Thanks for waiting, finding the information nowâ¦"],bot:"Weâre open Monday through Friday, 9am to 5pm EST. Feel free to reach out anytime!"},instagram:{user:"Do you offer free shipping?",thinking:["Looking up product detailsâ¦","Getting the specificationsâ¦"],bot:"Yes! We offer free shipping on all orders over $50. Standard delivery takes 3â5 business days."},messenger:{user:"Can I return my order?",thinking:["Let me check our policyâ¦","Looking into that for youâ¦"],bot:"Absolutely! You have 30 days from delivery to return any item. I can start that process for you right now."},whatsapp:{user:"\xbfTienen citas disponibles?",thinking:["Revisando la disponibilidadâ¦","Buscando horarios abiertosâ¦"],bot:"\xa1Claro! Tengo disponibilidad este martes a las 10am y el jueves a las 2pm. \xbfCu\xe1l te viene mejor?"},telegram:{user:"What plans do you offer?",thinking:["Let me get that pricing for youâ¦","Pulling up the detailsâ¦"],bot:"We have Basic at $19/mo, Plus at $59/mo, and Pro at $129/mo. Pro includes omnichannel deployment and AI Actions. Want me to compare them?"},slack:{user:"Whatâs our PTO policy?",thinking:["Good question, let me find outâ¦","Just a moment, pleaseâ¦"],bot:"Full-time employees get 20 days PTO per year, accrued monthly. You can submit requests through the HR portal or just ask me to start one!"},freshchat:{user:"Is there a free trial?",thinking:["Checking our current pricesâ¦","Getting the cost informationâ¦"],bot:"Yes! Every plan comes with a 14-d
1ay free trial, no credit card required. Want me to set one up?"},linkedin:{user:"Do you integrate with our CRM?",thinking:["Looking up product detailsâ¦","Finding what you needâ¦"],bot:"We integrate with Salesforce, HubSpot, Follow Up Boss, and 20+ other CRMs out of the box!"}},h="../../../images/chatspark-mark.png",m="#EDF2F7";a.default=e=>{let{highlightChannel:a}=e,t=(0,n.useRef)(null),[g,u]=(0,n.useState)(!1),[b,f]=(0,n.useState)(a||"website"),[y,w]=(0,n.useState)("idle"),[j,S]=(0,n.useState)(0),T=(0,n.useRef)([]),k=(0,n.useRef)(0),I=(0,n.useRef)(!0),C=(0,n.useRef)(!1),R=n.useMemo(()=>{if(!a)return d;let e=d.filter(e=>e!==a);return[a,...e.slice(0,3)]},[a]),L=n.useMemo(()=>{let e=["website","instagram","messenger","whatsapp","telegram","slack"];if(a&&!e.includes(a)){let t=[...e];return t[t.length-1]=a,t}return e},[a]);(0,n.useEffect)(()=>{let e=t.current,a=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&!g&&u(!0)})},{threshold:.2});return e&&a.observe(e),()=>{e&&a.unobserve(e)}},[g]);let E=(0,n.useCallback)((e,a)=>{let t=setTimeout(()=>{I.current&&e()},a);return T.current.push(t),t},[]),v=(0,n.useCallback)(()=>{w("user"),E(()=>{S(1),w("thinking"),E(()=>{S(2),E(()=>{S(0),w("bot"),E(()=>{C.current||(w("idle"),k.current=(k.current+1)%R.length,f(R[k.current]),E(()=>{v()},300))},2200)},1400)},1600)},1200)},[R,E]),A=(0,n.useCallback)(e=>{T.current.forEach(clearTimeout),T.current=[],C.current=!0;let a=R.indexOf(e);k.current=a>=0?a:0,f(e),w("idle"),S(0),E(()=>{v()},200)},[R,E,v]);(0,n.useEffect)(()=>(I.current=!0,()=>{I.current=!1,T.current.forEach(clearTimeout),T.current=[]}),[]),(0,n.useEffect)(()=>{g&&E(()=>{v()},800)},[g,v,E]);let F=p[b]||p.website,N=c[b]||c.website;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("style",{children:"\n /* Base hidden state */\n .ocd-item { opacity: 0; transform: translateY(12px); }\n\n /* Channel row and widget fade in */\n .ocd-visible .ocd-channel-row {\n animation: ocdSlideIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.0s forwards;\n }\n .ocd-visible .ocd-widget {\n animation: ocdSlideIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;\n }\n\n @keyframes ocdSlideIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n /* Thinking pulse â matches HeroAnimation haThinkingPulse */\n .ocd-thinking-pulse {\n animation: ocdThinkingPulse 2s ease-in-out infinite;\n }\n @keyframes ocdThinkingPulse {\n 0% { opacity: 0.45; }\n 50% { opacity: 1; }\n 100% { opacity: 0.45; }\n }\n\n /* Message transitions */\n .ocd-msg-enter {\n animation: ocdMsgIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n }\n @keyframes ocdMsgIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n }\n "}),(0,i.jsxs)(r.Box,{ref:t,className:g?"ocd-visible":"",w:"full",display:"flex",flexDirection:"column",alignItems:"center",children:[(0,i.jsx)(o.Flex,{className:"ocd-item ocd-channel-row",gap:{base:"10px",md:"14px"},mb:"14px",justify:"center",flexWrap:"wrap",children:L.map(e=>{let a=p[e];if(!a)return null;let t=e===b;return(0,i.jsxs)(s.VStack,{spacing:"4px",transition:"all 0.3s ease",opacity:t?1:.5,transform:t?"scale(1.08)":"scale(1)",cursor:"pointer",role:"button","aria-label":"Show ".concat(a.label," demo"),onClick:()=>A(e),_hover:{opacity:t?1:.75,transform:t?"scale(1.08)":"scale(1.04)"},children:[(0,i.jsx)(r.Box,{p:"6px",borderRadius:"10px",bg:t?"".concat(a.color,"10"):"transparent",transition:"all 0.3s ease",children:a.icon(t)}),(0,i.jsx)(l.Text,{fontSize:"10px",fontWeight:t?"600":"400",color:t?a.color:"gray.400",transition:"all 0.3s ease",lineHeight:"1",children:a.label})]},e)})}),(0,i.jsx)(r.Box,{className:"ocd-item ocd-widget",w:"full",maxW:"543px",borderRadius:"16px",boxShadow:"none",border:"1px solid",borderColor:F.color,bg:"white",p:{base:"16px",md:"20px"},overflow:"hidden",transition:"border-color 0.4s ease",children:(0,i.jsxs)(r.Box,{h:{base:"195px",md:"210px"},display:"flex",flexDirection:"column",justifyContent:"flex-end",gap:"16px",overflow:"hidden",children:[("user"===y||"thinking"===y||"bot"===y)&&(0,i.jsx)(x.HStack,{justify:"flex-end",className:"ocd-msg-enter",children:(0,i.jsx)(r.Box,{bg:"blue.500",color:"white",borderRadius:"10px 3px 10px 10px",px:"16px",py:"12px",maxW:"85%",children:(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"22px",children:N.user})})}),"thinking"===y&&(0,i.jsxs)(x.HStack,{align:"flex-start",spacing:"8px",className:"ocd-msg-enter",children:[(0,i.jsx)(r.Box,{w:"30px",h:"30px",borderRadius:"full",overflow:"hidden",flexShrink:0,bg:"white",children:(0,i.jsx)("img",{src:h,alt:"AI",style:{width:"100%",height:"100%",objectFit:"cover"}})}),(0,i.jsx)(r.Box,{bg:m,borderRadius:"3px 10px 10px 10px",px:"16px",py:"12px",maxW:"85%",children:(0,i.jsx)(l.Text,{fontSize:"13px",lineHeight:"20px",color:"gray.500",className:"ocd-thinking-pulse",children:j>=2?N.thinking[1]:N.thinking[0]})})]}),"bot"===y&&(0,i.jsxs)(x.HStack,{align:"flex-start",spacing:"8px",className:"ocd-msg-enter",children:[(0,i.jsx)(r.Box,{w:"30px",h:"30px",borderRadius:"full",overflow:"hidden",flexShrink:0,bg:"white",children:(0,i.jsx)("img",{src:h,alt:"AI",style:{width:"100%",height:"100%",objectFit:"cover"}})}),(0,i.jsx)(r.Box,{bg:m,borderRadius:"3px 10px 10px 10px",px:"16px",py:"12px",maxW:"85%",children:(0,i.jsx)(l.Text,{fontSize:"14px",lineHeight:"22px",color:"gray.800",children:N.bot})})]}),"idle"===y&&(0,i.jsx)(r.Box,{h:"60px"})]})})]})]})}}}]);
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.