https://app.weezly.com/assets/CreateDynamicVideosView-BjWbZZqQ.js

1import{d as j,u as q,w as W,af as R,r as a,h as F,y as G,_ as P,a as A,g as C,b as u,n as l,e as c,o as H}from"./index-DKueJ56C.js";import{S as J,b as K}from"./SaveTemplate-DOVZvqwk.js";import{S as Q}from"./SelectWebsite-yPAGTodR.js";import{I as X}from"./image-wvLpwYnP.js";import{U as Y}from"./user-BQWLh0Ij.js";import{L as Z}from"./layout-template-DJl3lCYs.js";import"./UiDropdown-BTMuH8wV.js";import"./pencil-BubuoIeh.js";import"./UiPageLoader-BfEqk5AZ.js";import"./RecordVideo-BQXc9n_K.js";import"./chevron-down-Cv72UE4P.js";import"./wand-sparkles-DoRl9SLG.js";import"./rewind-CEadBpY6.js";import"./circle-dot-BjuNO7ns.js";import"./timer-Dh0rQH77.js";import"./headphones-BLOu_976.js";import"./camera-Cr2Nf9vy.js";import"./rotate-ccw-BsGAZL3l.js";import"./pause-BgAu-haJ.js";import"./film-ByocqT5L.js";import"./ellipsis-Cl43hUwk.js";import"./cloud-download-CkvfoL7v.js";import"./VideoCaptions-ZRzeBj-O.js";import"./circle-alert-k0D78Cqj.js";import"./UiToggle-C2y38EVh.js";import"./video-off-yobXKW5b.js";import"./heyreach-BfNjVk8u.js";import"./vuedraggable.umd-CgfCZ7UE.js";import"./_commonjsHelpers-BosuxZz1.js";import"./volume-x-_WwCRhTC.js";import"./arrow-left-B5JPKvKM.js";import"./CaptionReplaceWord-FNd35bVg.js";import"./DisplayVideo-Bf7i25kH.js";import"./CTA-D8Y1ff7Y.js";import"./UiTextField-ROeT5wsN.js";import"./SelectColor-CvSZbrIH.js";import"./save-C1xXICTZ.js";import"./star-BvNtmnwX.js";import"./link-dGdA9o4w.js";import"./layers-DE3vFB_v.js";import"./loader-Cp4of_w2.js";const $=j({__name:"CreateDynamicVideosView",props:{asModal:{type:Boolean,required:!1,default:!1},parentId:{type:Number,required:!1,default:0}},emits:["close"],setup(T,{expose:i,emit:b}){i();const e=T,y=b,v=q(),n=W(),S=R(),O=a(e.parentId||Number(v.query.parent_id??v.params.parent_id??0)||0),g=a(null),f=a(""),x=a(0),w=a(!1),V=a([]),d=a(0),B=a(!0),h=a([{class:"",position:0},{class:"hide",position:1},{class:"hide",position:2}]),z=a(null),E=a(null),_=a(null);F(()=>{k()});function L(t,o=""){o=="message"&&(g.value=t.overlay_id,f.value=t.overlay,w.value=t.is_clone_video,x.value=t.seconds?t.seconds:0),m(d.value+1)}function U(){let t=d.value-1;t==0&&!B.value||m(t)}function m(t){if(t==2&&!f.value)return!1;const o=h.value.find(r=>r.position==d.value),s=h.value.find(r=>r.position==t);if(!o||!s||o.position==s.position)return!1;const p=o.position<s.position?"Up":"Down";d.value=s.position,o.class=`animated slideOut${p} faster`,s.class=`animated slideIn${p} faster`,setTimeout(()=>{o.class="hide",s.class=""},500)}async function I(t){var s,p,r;if((s=_.value)==null||s.setEditingTemplate(null),!t){m(1);return}const o=await((p=E.value)==null?void 0:p.selectVideoFromTemplate(t.video_message_url));if(!o)return S.alert("Error loading template video message","error"),!1;g.value=o.overlay_id,f.value=o.overlay,w.value=o.is_clone_video,x.value=o.seconds?o.seconds:0,(r=_.value)==null||r.setTemplateOptions(t),m(2)}async function D(t){var s;await I(t)!==!1&&((s=_.value)==null||s.setEditingTemplate({id:t.id,name:t.template_name}))}async function k(){const t=await G("GET","video/getEvents");t&&(V.value=t.data)}function M(t=!1){if(e.asModal){y("close",t);return}n.push("/dynamic-videos").catch(()=>!1)}const N={props:e,emit:y,route:v,router:n,toast:S,parent_id:O,overlay_id:g,overlay:f,overlay_seconds:x,is_clone_video:w,events:V,tab_position:d,has_templates:B,animates:h,selectTemplate:z,selectOverlay:E,selectWebsite:_,goNext:L,goBack:U,goToTab:m,onSelectTemplate:I,onEditTemplate:D,getEvents:k,close:M,get LayoutTemplate(){return Z},get User(){return Y},get ImageIcon(){return X},SelectTemplate:K,SelectOverlay:J,SelectWebsite:Q};return Object.defineProperty(N,"__isScriptSetup",{enumerable:!1,value:!0}),N}}),ee={class:"shrink-0 w-16 bg-gray-50 border-r border-gray-200 flex flex-col items-center py-6 gap-4"},te={class:"flex-1 relative overflow-hidden"};function oe(T,i,b,e,y,v){return H(),A("div",{class:l(b.asModal?"relative flex-1 min-h-0 bg-white flex":"absolute inset-0 z-40 bg-white flex")},[C(" Left rail: step tabs "),u("div",ee,[u("div",{class:l(["w-10 h-10 rounded-xl flex items-center justify-center transition-colors",e.tab_position==0?"bg-blue-600 text-white shadow-sm":e.tab_position>0?"bg-blue-100 text-blue-600":"text-gray-400"]),title:"Select template"},[c(e.LayoutTemplate,{size:20})],2),u("div",{class:l(["w-10 h-10 rounded-xl flex items-center justify-center transition-colors",e.tab_position==1?"bg-blue-600 text-white shadow-sm":e.tab_position>1?"bg-blue-100 text-blue-600":"text-gray-400"]),title:"Video message"},[c(e.User,{size:20})],2),u("div",{class:l(["w-10 h-10 rounded-xl flex items-center justify-center transition-colors",e.tab_position==2?"bg-blue-600 text-white shadow-sm":"text-gray-400"]),title:"Backgroun

1d website"},[c(e.ImageIcon,{size:20})],2)]),C(" Main content: the 3 steps, cross-faded via the same animation classes "),u("div",te,[c(e.SelectTemplate,{ref:"selectTemplate",class:l(["absolute inset-0",e.animates[0].class]),tab_position:0,can_edit:!0,onNext:e.onSelectTemplate,onEdit:e.onEditTemplate,onLoaded:i[0]||(i[0]=n=>e.has_templates=n),onClose:e.close},null,8,["class"]),c(e.SelectOverlay,{ref:"selectOverlay",class:l(["absolute inset-0",e.animates[1].class]),tab_position:e.has_templates?1:0,onNext:i[1]||(i[1]=n=>e.goNext(n,"message")),onBack:e.goBack,onClose:e.close},null,8,["class","tab_position"]),c(e.SelectWebsite,{ref:"selectWebsite",class:l(["absolute inset-0",e.animates[2].class]),video_id:e.overlay_id,overlay:e.overlay,overlay_seconds:e.overlay_seconds,is_clone_video:e.is_clone_video,events:e.events,parent_id:e.parent_id,onBack:e.goBack,onUpdate:i[2]||(i[2]=n=>e.close(!0))},null,8,["class","video_id","overlay","overlay_seconds","is_clone_video","events","parent_id"])])],2)}const Pe=P($,[["render",oe],["__scopeId","data-v-2fb26529"],["__file","/home/gitlab-runner/weezly-v3/callendo-frontend-v3/src/views/dynamic/CreateDynamicVideosView.vue"]]);export{Pe as default};