https://avada-blog-app.firebaseapp.com/assets/ToolAiChatbot-L3yCHNc4.js

1import{R as m,j as a,c as t,d as h,c5 as I,V as T,l as y,n as s,m as c,B as E,bE as N,bF as R,F as j,U as B,h as M,C as L,x as P,t as C,bI as W}from"./app-DkDOFxbL.js";var w=function(i){return m.createElement("svg",Object.assign({viewBox:"0 0 20 20"},i),m.createElement("path",{fillRule:"evenodd",d:"M2.5 3.75a.75.75 0 0 1 .75-.75h1.612a1.75 1.75 0 0 1 1.732 1.5h9.656a.75.75 0 0 1 .748.808l-.358 4.653a2.75 2.75 0 0 1-2.742 2.539h-6.351l.093.78a.25.25 0 0 0 .248.22h6.362a.75.75 0 0 1 0 1.5h-6.362a1.75 1.75 0 0 1-1.738-1.543l-1.04-8.737a.25.25 0 0 0-.248-.22h-1.612a.75.75 0 0 1-.75-.75Zm4.868 7.25h6.53a1.25 1.25 0 0 0 1.246-1.154l.296-3.846h-8.667l.595 5Z"}),m.createElement("path",{d:"M10 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"}),m.createElement("path",{d:"M15 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"}))};w.displayName="CartIcon";const z=e=>a.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"none",viewBox:"0 0 20 20",children:a.jsx("path",{fill:"currentColor",d:"M9.999 2a1.997 1.997 0 0 1 .75 3.847v1.14h2.99a3.243 3.243 0 0 1 3.243 3.243v3.74a3.243 3.243 0 0 1-3.243 3.244H6.26a3.243 3.243 0 0 1-3.243-3.243v-3.74a3.243 3.243 0 0 1 3.243-3.244h2.99v-1.14A1.997 1.997 0 0 1 9.999 2m-3.74 6.487c-.963 0-1.743.78-1.743 1.743v3.74c0 .963.78 1.744 1.743 1.744h7.48c.963 0 1.743-.78 1.743-1.743v-3.74c0-.963-.78-1.744-1.743-1.744zm1.87 2.24a.75.75 0 0 1 .75.75v1.247a.75.75 0 0 1-1.5 0v-1.247a.75.75 0 0 1 .75-.75m3.74 0a.75.75 0 0 1 .75.75v1.247a.75.75 0 0 1-1.5 0v-1.247a.75.75 0 0 1 .75-.75M10 3.5a.497.497 0 1 0 0 .995.497.497 0 0 0 0-.995"})}),f=[{img:"https://cdnapps.avada.io/crossApp/ads-chatty-2.png",title:"AI chatbot that sells 24/7",description:"AI chatbot helps you support customers & close sales even while you’re sleeping."},{img:"https://cdnapps.avada.io/crossApp/ads-chatty-3.png",title:"AI built for your store",description:"Build AI assistant that knows your store as well as you do."},{img:"https://cdnapps.avada.io/crossApp/ads-chatty-4.png",title:"Manage more conversations in less time",description:"All team members can support customers from all channels in the same inbox."},{img:"https://cdnapps.avada.io/crossApp/ads-chatty-5.png",title:"Discover what else Chatty can do for you",cta:{label:"View all features",url:"https://apps.shopify.com/chatty?utm_source=seosuite&utm_medium=modal&utm_campaign=tools"}}];function _({active:e,onClose:i}){const[n,d]=t.useState(0),[p,r]=t.useState(!1),g=t.useRef(null);t.useEffect(()=>{r(!1)},[n]),t.useEffect(()=>{e&&g.current&&g.current.focus()},[e]);const u=t.useCallback(()=>{d(0),r(!1),i()},[i]),b=t.useCallback(()=>{d(l=>Math.min(l+1,f.length-1))},[]),x=t.useCallback(()=>{d(l=>Math.max(l-1,0))},[]);if(t.useEffect(()=>{if(!e)return;const l=v=>{v.key==="Escape"&&u(),v.key==="ArrowRight"&&b(),v.key==="ArrowLeft"&&x()};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[e,u,b,x]),!e)return null;const o=f[n],k=n===0,S=n===f.length-1;return a.jsx("div",{className:"ChattySlideshow__overlay",onClick:u,children:a.jsxs("div",{ref:g,className:"ChattySlideshow__modal",role:"dialog","aria-modal":"true","aria-labelledby":"chatty-slideshow-title",tabIndex:-1,onClick:l=>l.stopPropagation(),children:[a.jsx("div",{className:"ChattySlideshow__close",children:a.jsx(h,{variant:"plain",icon:I,onClick:u,accessibilityLabel:"Close"})}),a.jsxs("div",{className:"ChattySlideshow__imageWrapper",children:[!p&&a.jsx("div",{className:"ChattySlideshow__loading",children:a.jsx(T,{size:"small"})}),a.jsx("img",{className:`ChattySlideshow__image${p?"":" ChattySlideshow__image--hidden"}`,src:o.img,alt:o.title,onLoad:()=>r(!0),onError:()=>r(!0)})]}),a.jsxs("div",{className:"ChattySlideshow__info",children:[a.jsxs(y,{gap:"100",children:[a.jsx(s,{as:"h3",variant:"bodyMd",fontWeight:"semibold",id:"chatty-slideshow-title",children:o.title}),o.description&&a.jsx(s,{as:"p",variant:"bodySm",tone:"subdued",children:o.description}),o.cta&&a.jsx(c,{children:a.jsx(h,{url:o.cta.url,external:!0,children:o.cta.label})})]}),a.jsx(c,{align:"end",children:a.jsxs(E,{variant:"segmented",children:[a.jsx(h,{size:"micro",icon:N,onClick:x,disabled:k,accessibilityLabel:"Previous"}),a.jsx(h,{size:"micro",icon:R,onClick:b,disabled:S,accessibilityLabel:"Next"})]})})]})]})})}

1_.propTypes={active:j.bool.isRequired,onClose:j.func.isRequired};const O="https://apps.shopify.com/chatty?utm_source=seosuite&utm_medium=card&utm_campaign=tools",Z="https://cdnapps.avada.io/crossApp/ads-chatty-1.png",A=({i18n:e})=>{const[i,n]=t.useState(!1),d=t.useCallback(()=>{window.open(O,"_blank","noopener,noreferrer")},[]),p=t.useCallback(()=>n(!0),[]),r=t.useCallback(()=>n(!1),[]);return a.jsxs(M,{children:[a.jsx(L,{padding:"0",children:a.jsxs("div",{className:"Avada-ToolAiChatbot__Content",children:[a.jsx("div",{className:"Avada-ToolAiChatbot__Left",children:a.jsx(P,{padding:"600",children:a.jsxs(y,{gap:"600",children:[a.jsx(s,{variant:"headingXl",as:"h2",children:e.translate("Toolpage.aiChatbot.heading")}),a.jsxs(y,{gap:"300",children:[a.jsxs(c,{gap:"200",blockAlign:"start",wrap:!1,children:[a.jsx(C,{source:W,tone:"base"}),a.jsxs(s,{variant:"bodyMd",as:"span",children:[a.jsx(s,{as:"span",fontWeight:"bold",children:e.translate("Toolpage.aiChatbot.feature1Bold")})," ",e.translate("Toolpage.aiChatbot.feature1Rest")]})]}),a.jsxs(c,{gap:"200",blockAlign:"start",wrap:!1,children:[a.jsx(C,{source:z,tone:"base"}),a.jsxs(s,{variant:"bodyMd",as:"span",children:[a.jsx(s,{as:"span",fontWeight:"bold",children:e.translate("Toolpage.aiChatbot.feature2Bold")})," ",e.translate("Toolpage.aiChatbot.feature2Rest")]})]}),a.jsxs(c,{gap:"200",blockAlign:"start",wrap:!1,children:[a.jsx(C,{source:w,tone:"base"}),a.jsxs(s,{variant:"bodyMd",as:"span",children:[a.jsx(s,{as:"span",fontWeight:"bold",children:e.translate("Toolpage.aiChatbot.feature3Bold")})," ",e.translate("Toolpage.aiChatbot.feature3Rest")]})]})]}),a.jsx(c,{children:a.jsxs(h,{variant:"primary",onClick:d,children:[e.translate("Toolpage.aiChatbot.cta")," ↗"]})})]})})}),a.jsx("div",{className:"Avada-ToolAiChatbot__Right",children:a.jsx("button",{type:"button",className:"Avada-ToolAiChatbot__BannerBtn",onClick:p,"aria-label":"View Chatty AI Chatbot screenshots",children:a.jsx("img",{src:Z,alt:"Chatty AI Chatbot",className:"Avada-ToolAiChatbot__BannerImg"})})})]})}),a.jsx(_,{active:i,onClose:r})]})};A.propTypes={i18n:j.object};const F=B()(A);export{F as default};