https://0x.kz/build/assets/IntegrationGuide-CMCYNw1X.js

1import{o,c as d,a as e,F as k,j as w,t as i,d as c,P as y,f as u,O as C,n as b,i as L}from"./app-DVhk9hEg.js";/* empty css            */const B={class:"mx-auto mt-10 max-w-[1050px]"},H={class:"mb-7 grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-4"},T=["onClick"],I={class:"rounded-[14px] border border-[#e9edf3] bg-white px-[38px] py-[34px] max-sm:px-5 max-sm:py-6"},j={class:"text-xs font-medium uppercase tracking-wide text-[#738095]"},N={class:"mt-3 text-2xl font-semibold tracking-[-0.4px] text-[#19263c]"},S={class:"mt-3 max-w-[760px] text-base leading-7 text-[#738095]"},V={key:0,class:"mt-7"},D={key:1,class:"mt-7 rounded-xl border border-[#e9edf3] bg-[#fafbfe] p-5"},F={class:"mt-3 flex items-center justify-between gap-4 max-sm:flex-col max-sm:items-stretch"},G={class:"text-sm font-medium text-[#19263c]"},z={key:2,class:"mt-7 rounded-xl border border-[#eae5ff] bg-[#f7f6ff] p-5"},E={key:3,class:"mt-7 rounded-xl border border-[#dcefe7] bg-[#f4faf7] p-5"},O={class:"mt-9 flex items-center justify-between gap-3 border-t border-[#e9edf3] pt-[22px]"},P=["disabled"],K={__name:"IntegrationGuide",setup($){const f=u("7348291058204413953"),r=[{title:"Откройте Business Center",description:"Войдите в TikTok Business Center вашей компании. Для подключения потребуется аккаунт с правами администратора.",action:"business"},{title:"Добавьте LeadHub как партнёра",description:"Перейдите в настройки партнёров и добавьте Business Center LeadHub по указанному ID.",action:"partner"},{title:"Выдайте доступ",description:"Выберите рекламный аккаунт и предоставьте LeadHub необходимые разрешения для работы с лидами.",action:"permissions"},{title:"Подключите аккаунт в LeadHub",description:"Вернитесь в LeadHub, подключите TikTok аккаунт и выполните проверку получения лидов.",action:"finish"}],t=u(0),l=u([]),p=u(!1),n=C(()=>r[t.value]);function g(){l.value.includes(t.value)||l.value.push(t.value),t.value<r.length-1&&t.value++}function v(){t.value>0&&t.value--}function h(x){t.value=x}async function _(){await navigator.clipboard.writeText(f.value),p.value=!0,setTimeout(()=>{p.value=!1},1500)}return(x,s)=>(o(),d("section",B,[s[4]||(s[4]=e("div",{class:"mb-8 text-center"},[e("span",{class:"inline-flex rounded-md bg-[#f1efff] px-[9px] py-1 text-xs font-medium text-[#6253d9]"}," Подключение "),e("h2",{class:"mt-4 text-[26px] font-semibold tracking-[-0.5px] text-[#19263c]"}," Подключите TikTok к LeadHub "),e("p",{class:"mx-auto mt-2 max-w-[680px] text-[15px] leading-7 text-[#738095]"}," Добавьте LeadHub как партнёра, предоставьте доступ к рекламному аккаунту и подключите получение заявок. ")],-1)),e("div",H,[(o(),d(k,null,w(r,(m,a)=>e("button",{key:m.title,type:"button",class:b(["flex items-center gap-2.5 rounded-[10px] border px-3 py-4 text-left text-[13px] transition",t.value===a?"border-[#c9c1ff] bg-[#faf9ff] text-[#6153ff]":"border-[#e9edf3] bg-white text-[#7c879b] hover:bg-[#fafbfc]"]),onClick:q=>h(a)},[e("span",{class:b(["grid h-[27px] w-[27px] shrink-0 place-items-center rounded-full",t.value===a?"bg-[#6153ff] text-white":l.value.includes(a)?"bg-[#edf8f3] text-[#20876b]":"bg-[#f1f3f8]"])}

1,i(l.value.includes(a)?"✓":a+1),3),L(" "+i(m.title),1)],10,T)),64))]),e("article",I,[e("span",j," Шаг "+i(t.value+1)+" из "+i(r.length),1),e("h2",N,i(n.value.title),1),e("p",S,i(n.value.description),1),n.value.action==="business"?(o(),d("div",V,[...s[0]||(s[0]=[e("a",{href:"https://business.tiktok.com/",target:"_blank",class:"inline-flex min-h-10 items-center justify-center rounded-lg border border-[#6153ff] bg-[#6153ff] px-[15px] py-[9px] text-sm font-medium text-white transition hover:bg-[#5142e7]"}," Открыть Business Center ↗ ",-1)])])):c("",!0),n.value.action==="partner"?(o(),d("div",D,[s[1]||(s[1]=e("p",{class:"text-[13px] text-[#738095]"}," Business Center ID LeadHub ",-1)),e("div",F,[e("code",G,i(f.value),1),e("button",{type:"button",class:"min-h-10 rounded-lg border border-[#dfe4ed] bg-white px-[15px] text-sm font-medium transition hover:bg-[#f8f9fc]",onClick:_},i(p.value?"Скопировано ✓":"Копировать"),1)])])):c("",!0),n.value.action==="permissions"?(o(),d("div",z,[...s[2]||(s[2]=[y('<p class="text-sm font-medium text-[#685d99]"> Какие доступы нужно выдать </p><div class="mt-4 grid gap-3"><div class="flex items-center gap-3 text-sm text-[#685d99]"><span class="grid h-6 w-6 place-items-center rounded-full bg-white"> ✓ </span> Рекламный аккаунт </div><div class="flex items-center gap-3 text-sm text-[#685d99]"><span class="grid h-6 w-6 place-items-center rounded-full bg-white"> ✓ </span> Lead Generation / Instant Forms </div><div class="flex items-center gap-3 text-sm text-[#685d99]"><span class="grid h-6 w-6 place-items-center rounded-full bg-white"> ✓ </span> Просмотр данных рекламного аккаунта </div></div>',2)])])):c("",!0),n.value.action==="finish"?(o(),d("div",E,[...s[3]||(s[3]=[e("div",{class:"flex gap-3"},[e("span",{class:"grid h-9 w-9 shrink-0 place-items-center rounded-full bg-[#e4f5ed] text-[#20876b]"}," ✓ "),e("div",null,[e("p",{class:"font-medium text-[#205f50]"}," Почти готово "),e("p",{class:"mt-1 text-sm leading-6 text-[#568277]"}," После выдачи доступа вернитесь в LeadHub и выполните авторизацию рекламного аккаунта. ")])],-1)])])):c("",!0),e("div",O,[e("button",{type:"button",class:"min-h-10 rounded-lg border border-[#dfe4ed] bg-white px-[15px] text-sm font-medium disabled:cursor-not-allowed disabled:opacity-40",disabled:t.value===0,onClick:v}," Назад ",8,P),e("button",{type:"button",class:"min-h-10 rounded-lg border border-[#6153ff] bg-[#6153ff] px-[15px] text-sm font-medium text-white transition hover:bg-[#5142e7]",onClick:g},i(t.value===r.length-1?"Завершить":"Отметить и продолжить")+" → ",1)])])]))}};export{K as default};