https://novaco.ai/assets/Installation-CojchseP.js

1import{u as d,j as t,S as x,N as u,r as p}from"./index-Be_2bHJP.js";import{F as g}from"./Footer-DydoStv_.js";import{C as h}from"./check-C3aNFezU.js";import{C as j}from"./copy-DynWS-TK.js";const i=({children:e})=>{const{t:n}=d(),[l,o]=p.useState(!1),r=async()=>{try{await navigator.clipboard.writeText(e),o(!0),setTimeout(()=>o(!1),2e3)}catch(c){console.error("Copy failed",c)}};return t.jsxs("div",{className:"relative group",children:[t.jsx("pre",{className:"glass-card rounded-xl p-4 pr-14 overflow-x-auto text-sm font-mono leading-relaxed",children:t.jsx("code",{children:e})}),t.jsx("button",{onClick:r,"aria-label":n(l?"installationPage.copied":"installationPage.copy"),className:"absolute top-3 right-3 inline-flex items-center justify-center h-8 w-8 rounded-md border border-border/30 bg-background/60 backdrop-blur text-muted-foreground hover:text-foreground hover:bg-background/80 transition-colors",children:l?t.jsx(h,{size:14,className:"text-accent"}):t.jsx(j,{size:14})})]})},v=()=>{const{t:e}=d(),n=e("installationPage.gtmSteps",{returnObjects:!0}),l=e("installationPage.ctaTriggerFlows",{returnObjects:!0}),o=e("installationPage.autoContextList",{returnObjects:!0}),r=e("installationPage.supportContacts",{returnObjects:!0}),c=e("installationPage.supportReasons",{returnObjects:!0}),m=[{id:"requirements",label:e("installationPage.requirements")},{id:"basic-installation",label:e("installationPage.basicInstallation")},{id:"cta-trigger",label:e("installationPage.ctaTrigger")},{id:"auto-context",label:e("installationPage.autoContext")},{id:"support",label:e("installationPage.support")}];return t.jsxs("div",{className:"min-h-screen bg-background",children:[t.jsx(x,{title:e("seo.installation.title"),description:e("seo.installation.description"),path:"/installation"}),t.jsx(u,{}),t.jsx("section",{className:"bg-hero-gradient pt-32 pb-16 px-6",children:t.jsxs("div",{className:"container mx-auto max-w-3xl",children:[t.jsx("h1",{className:"font-display text-4xl sm:text-5xl font-bold text-primary-foreground",children:e("installationPage.title")}),t.jsx("p",{className:"mt-4 text-primary-foreground/70 text-lg",children:e("installationPage.subtitle")})]})}),t.jsxs("div",{className:"container mx-auto max-w-4xl px-6 py-16 flex gap-12",children:[t.jsx("nav",{className:"hidden lg:block w-56 flex-shrink-0 sticky top-28 self-start",children:t.jsx("ul",{className:"space-y-3",children:m.map(s=>t.jsx("li",{children:t.jsx("a",{href:`#${s.id}`,className:"text-sm font-medium text-muted-foreground hover:text-foreground transition-colors",children:s.label})},s.id))})}),t.jsxs("div",{className:"flex-1 min-w-0 space-y-20",children:[t.jsxs("section",{id:"requirements",children:[t.jsx("h2",{className:"font-display text-2xl font-bold mb-2",children:e("installationPage.requirements")}),t.jsx("p",{className:"text-muted-foreground mb-6",children:e("installationPage.requirementsDesc")}),t.jsxs("div",{className:"glass-card rounded-2xl p-6",children:[t.jsx("h3",{className:"font-display font-bold mb-3",children:e("installationPage.requirementsQuestion")}),t.jsx("p",{className:"text-sm text-muted-foreground mb-3",children:e("installationPage.requirementsAnswer")}),t.jsxs("ul",{className:"list-disc list-inside text-sm space-y-1 mb-3",children:[t.jsx("li",{children:t.jsx("code",{className:"text-accent font-mono",children:"assistantId"})}),t.jsx("li",{children:t.jsx("code",{className:"text-accent font-mono",children:"accessToken"})})]}),t.jsx("p",{className:"text-sm text-muted-foreground",children:e("installationPage.requirementsNote")})]})]}),t.jsxs("section",{id:"basic-installation",children:[t.jsx("h2",{className:"font-display text-2xl font-bold mb-2",children:e("installationPage.basicInstallation")}),t.jsx("p",{className:"text-muted-foreground mb-6",children:e("installationPage.basicInstallationDesc")}),t.jsxs("div",{className:"space-y-8",children:[t.jsxs("div",{className:"glass-card rounded-2xl p-6",children:[t.jsx("h3",{className:"font-display font-bold mb-4",children:e("installationPage.htmlTitle")}),t.jsx("p",{className:"text-sm text-muted-foreground mb-4",children:e("installationPage.htmlStep1")}),t.jsx(i,{children:`<div id="autochat-root"></div>
2<div id="autochat-chat-overlay"></div>`}),t.jsx("p",{className:"text-sm text-muted-foreground mt-6 mb-4",children:e("installationPage.htmlStep2")}),t.jsx(i,{children:`<script>
3    (function(){
4        var autochatConfig = {
5            assistantId: "INSERT ASSISTANTID",
6            accessToken: "INSERT ACCESSTOKEN",
7            locale: "NL"
8        };
9        var s=document.createElement("script");
10        s.src="https://static.chatclient.autochat.ai/release/autochat.js?ver=1";
11        s.async=!0;s.defer=!0;
12        s.addEventListener("load",function(){
13            autochat.init(autochatConfig)
14        });
15        document.body.appendChild(s);
16    })()
17<\/script>`})]}),t.jsxs("div",{className:"glass-card rounded-2xl p-6",children:[t.jsx("h3",{className:"font-display font-bold mb-4",children:e("installationPage.gtmTitle")}),t.jsx("ol",{className:"text-sm text-muted-foreground space-y-2 list-decimal list-inside mb-4",children:n.map((s,a)=>t.jsx("li",{children:s},a))}),t.jsx(i,{children:`<div id="autochat-root"></div>
18<div id="autochat-chat-overlay"></div>
19<script>
20    (function(){
21        var autochatConfig = {
22            assistantId: "INSERT ASSISTANTID",
23            accessToken: "INSERT ACCESSTOKEN",
24            locale: "NL"
25        };
26        var s=document.createElement("script");
27        s.src="https://static.chatclient.autochat.ai/release/autochat.js?ver=1";
28        s.async=!0;s.defer=!0;
29        s.addEventListener("load",function(){
30            autochat.init(autochatConfig)
31        });
32        document.body.appendChild(s);
33    })()
34<\/script>`})]})]})]}),t.jsxs("section",{id:"cta-trigger",children:[t.jsx("h2",{className:"font-display text-2xl font-bold mb-2",children:e("installationPage.ctaTrigger")}),t.jsx("p",{className:"text-muted-foreground mb-6",children:e("installationPage.ctaTriggerDesc")}),t.jsxs("div",{className:"glass-card rounded-2xl p-6 mb-6",children:[t.jsx("h3",{className:"font-display font-bold mb-3",children:e("installationPage.ctaTriggerAbout")}),t.jsx("p",{className:"text-sm text-muted-foreground mb-3",children:e("installationPage.ctaTriggerIntro")}),t.jsx("ul",{className:"list-disc list-inside text-sm text-muted-foreground space-y-1 mb-4",children:l.map((s,a)=>t.jsx("li",{children:s},a))}),t.jsx("p",{className:"text-sm text-muted-foreground mb-6",children:t.jsx("strong",{children:e("installationPage.ctaTriggerNote")})}),t.jsxs("div",{className:"border-t border-border/30 pt-6",children:[t.jsx("h4",{className:"font-display font-bold text-sm mb-2",children:e("installationPage.ctaTriggerSnippetTitle")}),t.jsx("p",{className:"text-sm text-muted-foreground mb-4",children:e("installationPage.ctaTriggerSnippetDesc")}),t.jsx(i,{children:`<button onclick="autochat.askQuestion('${e("installationPage.ctaTriggerSnippetQuestion")}')">
35    ${e("installationPage.ctaTriggerSnippetLabel")}
36</button>`}),t.jsx("p",{className:"text-xs text-muted-foreground mt-3",children:e("installationPage.ctaTriggerSnippetNote")})]})]})]}),t.jsxs("section",{id:"auto-context",children:[t.jsx("h2",{className:"font-display text-2xl font-bold mb-2",children:e("installationPage.autoContext")}),t.jsx("p",{className:"text-muted-foreground mb-6",children:e("installationPage.autoContextDesc")}),t.jsxs("div",{className:"glass-card rounded-2xl p-6 space-y-4",children:[t.jsx("h3",{className:"font-display font-bold mb-2",children:e("installationPage.autoContextAbout")}),t.jsx("p",{className:"text-sm text-muted-foreground",children:e("installationPage.autoContextIntro")}),t.jsx("ul",{className:"list-disc list-inside text-sm text-muted-foreground space-y-1",children:o.map((s,a)=>t.jsx("li",{children:s},a))}),t.jsx("p",{className:"text-sm text-muted-foreground",children:e("installationPage.autoContextFallback")}),t.jsxs("div",{className:"border-t border-border/30 pt-4 mt-4",children:[t.jsx("h4",{className:"font-display font-bold text-sm mb-2",children:e("installationPage.autoContextHtml")}),t.jsx("p",{className:"text-sm text-muted-foreground mb-3",children:e("installationPage.autoContextHtmlDesc")}),t.jsx(i,{children:'<div id="autochat-car-id" data-car-id="ABC123"></div>'}),t.jsx("p",{className:"text-xs text-muted-foreground mt-3",children:e("installationPage.autoContextHtmlNote")})]})]})]}),t.jsxs("section",{id:"support",children:[t.jsx("h2",{className:"font-display text-2xl font-bold mb-2",children:e("installationPage.support")}),t.jsx("p",{className:"text-muted-foreground mb-6",children:e("installationPage.supportDesc")}),t.jsxs("div",{className:"glass-card rounded-2xl p-6",children:[t.jsx("p",{className:"text-sm text-muted-foreground mb-3",children:e("installationPage.supportIntro")}),t.jsx("ul",{className:"list-disc list-inside text-sm text-muted-foreground space-y-1 mb-4",children:r.map((s,a)=>t.jsx("li",{children:s},a))}),t.jsx("p",{className:"text-sm font-medium mb-2",children:e("installationPage.supportWhen")}),t.jsx("ul",{className:"list-disc list-inside text-sm text-muted-foreground space-y-1",children:c.map((s,a)=>t.jsx("li",{children:s},a))})]})]})]})]}),t.jsx(g,{})]})};export{v as default};