https://app.videoqi.com/build/assets/StartNodeTemplate-HXkdx5Ln.js

1import h from"./NodeSelect-BBPgd50R.js";import{u as S}from"./vue-flow-core-CbYc68G6.js";import{i as v,C as j,r as m,h as V,d as g,o as d,a as t,b as n,e as T,w as $,f as C,t as F,u as l,c as B,W as E}from"./app-BwPdGapu.js";import{_ as P}from"./TextInput-Dlri1d1n.js";import{_ as W}from"./InputLabel-rqi9V0iE.js";import{_ as q}from"./InputError-DrvGqcEq.js";import{r as A}from"./BoltIcon-DXcPmuwK.js";import{P as D}from"./plus-DtiwBjj9.js";import"./iconUtils-CQM2skzi.js";import"./VideoCameraIcon-DPwxxQoj.js";import"./ArrowTopRightOnSquareIcon-BR-HS4mZ.js";import"./PlusIcon-B-PUZInB.js";import"./CheckIcon-C8UVdBwi.js";import"./listbox-ACzUVo2u.js";import"./form-55X4c_5_.js";import"./keyboard-CubiAem9.js";import"./use-resolve-button-type-D2R6svRA.js";import"./use-text-value-UfYTJa6y.js";import"./createLucideIcon-DsbQsQqZ.js";const O={role:"list",class:"space-y-2 p-5"},U={class:"flex flex-col gap-y-1"},H={class:"flex items-center justify-between"},R={key:0,class:"text-xs text-zinc-500 dark:text-zinc-400"},G={class:"relative flex items-center gap-x-4"},I={class:"relative flex h-6 w-6 flex-none items-center justify-center"},J={class:"rounded-md border border-yellow-600/20 bg-yellow-50 px-1.5 py-1 text-yellow-400 ring-4 ring-white dark:border-yellow-400/20 dark:bg-zinc-900 dark:ring-yellow-400/10"},K={class:"relative flex items-center gap-x-4"},L={class:"-ml-2 w-full"},M={class:"flex items-center"},Q={class:"rounded bg-zinc-50 px-1 py-0.5 text-zinc-400 ring-1 ring-zinc-200 dark:bg-zinc-800 dark:ring-zinc-700"},ve={__name:"StartNodeTemplate",props:{flow:Object,nodes:{type:Array,required:!0},selectedNode:{type:Object,required:!0}},emits:["add","update-route"],setup(x,{emit:b}){var f;const r=x,z=b,{findNode:k,getEdges:y}=S(),w=v(()=>{var e;if(!((e=r.selectedNode)!=null&&e.id))return null;const s=y.value.find(a=>a.source===r.selectedNode.id);return s&&k(s.target)}),_=s=>{E.put(route("nodes.update-route",r.selectedNode.id),{new_target_node_id:s.id},{onSuccess:()=>z("update-route")})},p=v(()=>r.nodes.filter(s=>s.type=="video")),o=j({greeting:((f=r.flow.settings)==null?void 0:f.greeting)||""}),c=m(!1),u=m(null),i=m(""),N=()=>{u.value&&clearTimeout(u.value),c.value=!0,i.value="Saving...",u.value=setTimeout(()=>{o.put(route("nodes.update-greeting",r.selectedNode.id),{onSuccess:()=>{c.value=!1,i.value="Saved",setTimeout(()=>{i.value==="Saved"&&(i.value="")},2e3)},onError:()=>{c.value=!1,i.value="Failed to save",toast.error("Failed to save. Please try again.")}})},1e3)};return V(()=>o.greeting,()=>{o.isDirty&&N()},{deep:!0}),(s,e)=>(d(),g("ul",O,[t("div",U,[t("div",H,[n(W,null,{default:$(()=>e[2]||(e[2]=[C("Welcome message")])),_:1}),i.value?(d(),g("span",R,F(i.value),1)):T("",!0)]),n(P,{modelValue:l(o).greeting,"onUpdate:modelValue":e[0]||(e[0]=a=>l(o).greeting=a),placeholder:"Hey there! 👋",maxlength:"50",size:"small"},null,8,["modelValue"]),n(q,{message:l(o).errors.greeting},null,8,["message"])]),e[9]||(e[9]=t("div",{class:"relative"},[t("div",{class:"absolute inset-0 flex items-center","aria-hidden":"true"},[t("div",{class:"w-full border-t border-zinc-900/10 dark:border-zinc-100/10"})]),t("div",{class:"relative flex justify-center py-4"})],-1)),t("div",G,[e[3]||(e[3]=t("div",{class:"absolute left-0 top-0 flex h-10 w-6 justify-center"},[t("div",{class:"w-0.5 bg-zinc-200 dark:bg-zinc-700"})],-1)),t("div",I,[t("div",J,[n(l(A),{class:"size-4"})])]),e[4]||(e[4]=t("p",{class:"text-sm font-semibold text-zinc-900 dark:text-zinc-100"},"Start",-1))]),t("li",K,[e[7]||(e[7]=t("div",{class:"absolute left-0 top-0 flex h-12 w-6 justify-center"},[t("div",{class:"w-0.5 bg-zinc-200 dark:bg-zinc-700"})],-1)),e[8]||(e[8]=t("div",{class:"relative mt-7 flex size-6 flex-none items-center justify-center bg-white dark:bg-zinc-900"},[t("div",{class:"h-2 w-2 rounded-full bg-zinc-100 ring-1 ring-zinc-300 dark:bg-zinc-700 dark:ring-zinc-500"})],-1)),t("div",L,[e[6]||(e[6]=t("span",{class:"mb-1 inline-flex items-center rounded-md bg-zinc-50 px-2 py-0.5 text-xs font-medium text-zinc-600 ring-1 ring-inset ring-zinc-500/10 dark:bg-zinc-800 dark:text-zinc-100 dark:ring-zinc-500/20"}," First step ",-1)),p.value.length>0?(d(),B(h,{key:0,nodes:p.value,"selected-node":w.value,"onUpdate:selectedNode":_},null,8,["nodes","selected-node"])):(d(),g("button",{key:1,onClick:e[1]||(e[1]=a=>s.$emit("add")),class:"relative w-full rounded-lg border border-zinc-200 bg-white px-1.5 py-1.5 text-sm text-zinc-400 hover:bg-zinc-100 dark:border-zinc-400/20 dark:bg-zinc-900 dark:text-zinc-500 dark:hover:bg-zinc-800"},[t("span",M,[t("div",Q,[n(l(D),{size:"16"})]),e[5]||(e[5]=t("span",{class:"ml-2.5 block truncate font-medium"}," Add video block ",-1))])]))])])]))}};export{ve as default};