1import{a as d}from"./bootstrap-CY0Ip2mn.js";import{v as g,y as u,z as f,M as t,N as l,E as i,at as a}from"./translation-D__16jkl.js";const c={data(){return{form:{name:"",address:"",type:"email"},method:"post",url:"/channels",isLoading:!1,channel:{},features:{tickets:!1,docs:!1,widget:!1,tasks:!1}}},mounted(){},methods:{updateFormData(r){this.form=r},toggle(r){this.features[r]=!this.features[r]},next(){let r="additional";d.post("/onboard/collect-feedback",{features:this.features}),this.$router.push({name:r,params:{features:this.features}})}}},p={class:"mb-4 font-semibold text-center"},b={class:"mb-12 text-center text-gray-650 text-lg leading-normal"},y={class:"grid grid-cols-2 gap-8 place-content-center"},m={class:"text-right"},v=["disabled"];function x(r,e,k,h,s,o){return f(),u("div",null,[t("h2",p,l(r.$trans.get("What features are you most interested about?")),1),t("p",b,l(r.$trans.get("We will optimize your onboarding process based on your selection. You can select multiple features.")),1),t("div",y,[t("button",{type:"button",class:i(["flex flex-col transition-all rounded-lg bg-gray-150 items-center justify-center font-bold h-30 focus-visible:bg-primary-25 hover:bg-primary-25",{"ring-2 bg-primary-25 ring-primary-500":s.features.tickets}]),onClick:e[0]||(e[0]=n=>o.toggle("tickets"))},[...e[5]||(e[5]=[a('<div class="flex h-10 w-10 text-white rounded-lg mb-3 text-center justify-center" style="background:linear-gradient(45deg, rgb(57 6 216), rgb(126 107 232));"><svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="self-center h-6 w-6 mx-auto"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12"></polyline><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path></svg></div><div class="font-display text-base">Tickets</div>',2)])],2),t("button",{type:"button",class:i(["flex flex-col transition-all rounded-lg bg-gray-150 items-center justify-center font-bold h-30 hover:bg-primary-25 focus-visible:bg-primary-25",{"ring-2 bg-primary-25 ring-primary-500":s.features.docs}]),onClick:e[1]||(e[1]=n=>o.toggle("docs"))},[...e[6]||(e[6]=[a('<div class="flex h-10 w-10 text-white rounded-lg mb-3 justify-center" style="background:linear-gradient(45deg, rgb(236 145 57), rgb(237 187 70));"><svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="mx-auto h-6 w-6 self-center"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg></div><div class="font-display text-base">Docs</div>',2)])],2),t("button",{type:"button",class:i(["relative flex flex-col transition-all rounded-lg bg-gray-150 items-center justify-center font-bold h-30 hover:bg-primary-25 focus-visible:bg-primary-25",{"ring-2 bg-primary-25 ring-primary-500":s.features.tasks}]),onClick:e[2]||(e[2]=n=>o.toggle("tasks"))},[...e[7]||(e[7]=[a('<div class="flex h-10 w-10 text-white rounded-lg mb-3 text-center justify-center" style="background:linear-gradient(45deg, rgb(6 123 219), rgb(0 202 255));">
1<svg class="self-center h-6 w-6 mx-auto" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg></div><div class="font-display text-base">Tasks</div>',2)])],2),t("button",{type:"button",class:i(["flex flex-col transition-all rounded-lg bg-gray-150 items-center justify-center font-bold h-30 hover:bg-primary-25 focus-visible:bg-primary-25",{"ring-2 bg-primary-25 ring-primary-500":s.features.widget}]),onClick:e[3]||(e[3]=n=>o.toggle("widget"))},[...e[8]||(e[8]=[t("div",{class:"flex h-10 w-10 text-white rounded-lg mb-3 text-center justify-center",style:{background:"linear-gradient(45deg, rgb(132 63 185), rgb(181 30 135))"}},[t("svg",{viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round",class:"self-center h-6 w-6 mx-auto"},[t("path",{d:"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"})])],-1),t("div",{class:"font-display text-base"},"Widget",-1)])],2)]),t("div",m,[t("button",{type:"button",disabled:!s.features.docs&&!s.features.tickets&&!s.features.tasks&&!s.features.widget,class:i([{"opacity-50":!s.features.docs&&!s.features.tickets&&!s.features.tasks&&!s.features.widget},"ml-auto btn btn-primary-500 mt-20"]),onClick:e[4]||(e[4]=n=>o.next())},l(r.$trans.get("Next")),11,v)])])}const C=g(c,[["render",x]]);export{C as default};
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.