@oneclick.dev/cms-core-modules 0.0.109 → 0.0.111

package/dist/regular-DBqPgT8C.js

@@ -1 +0,0 @@
-require(`./chunk-DQi1bQcV.js`);let e=require(`@oneclick.dev/cms-kit`),t=require(`vue`),n=require(`@lucide/vue`);var r={class:`flex flex-col gap-1`},i=(0,t.defineComponent)({__name:`StepNavigation`,props:{modelValue:{type:Number,required:!0},steps:{type:Array,required:!0}},emits:[`update:modelValue`],setup(e,{emit:i}){let a=e,o=i,s=(0,t.computed)({get:()=>a.modelValue,set:e=>{o(`update:modelValue`,e)}}),c=(0,t.computed)(()=>a.steps.filter(e=>e.completed).length);return(i,a)=>{let o=(0,t.resolveComponent)(`StepperSeparator`),l=(0,t.resolveComponent)(`Button`),u=(0,t.resolveComponent)(`StepperTrigger`),d=(0,t.resolveComponent)(`StepperTitle`),f=(0,t.resolveComponent)(`StepperItem`),p=(0,t.resolveComponent)(`Stepper`),m=(0,t.resolveComponent)(`CardContent`),h=(0,t.resolveComponent)(`Card`);return(0,t.openBlock)(),(0,t.createBlock)(h,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(m,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(p,{orientation:`vertical`,class:`mx-auto flex w-full max-w-md flex-col justify-start gap-10`,modelValue:s.value,"onUpdate:modelValue":a[0]||=e=>s.value=e,linear:!1},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.steps,(i,a)=>((0,t.openBlock)(),(0,t.createBlock)(f,{key:i.step,class:`relative flex w-full items-start gap-6`,step:i.step,completed:i.completed,disabled:i.step>c.value+1,onClick:e=>s.value=i.step},{default:(0,t.withCtx)(({state:a})=>[i.step===e.steps[e.steps.length-1].step?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createBlock)(o,{key:0,class:`absolute left-[18px] top-[38px] block h-[105%] w-0.5 shrink-0 rounded-full bg-muted group-data-[state=completed]:bg-primary`})),(0,t.createVNode)(u,{"as-child":``},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(l,{variant:a===`completed`||a===`active`?`default`:`outline`,size:`icon`,class:(0,t.normalizeClass)([`z-10 rounded-full shrink-0`,[s.value===i.step&&`ring-2 ring-ring ring-offset-2 ring-offset-background`]])},{default:(0,t.withCtx)(()=>[s.value===i.step?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Circle),{key:0})):a===`completed`?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Check),{key:1,class:`size-5`})):a===`inactive`?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Dot),{key:2})):(0,t.createCommentVNode)(``,!0)]),_:2},1032,[`variant`,`class`])]),_:2},1024),(0,t.createElementVNode)(`div`,r,[(0,t.createVNode)(d,{class:(0,t.normalizeClass)([[s.value===i.step&&`text-primary`,i.step>c.value+1&&`text-muted-foreground`],`text-sm font-semibold transition lg:text-base mt-1.5`])},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(i.title),1)]),_:2},1032,[`class`])])]),_:2},1032,[`step`,`completed`,`disabled`,`onClick`]))),128))]),_:1},8,[`modelValue`])]),_:1})]),_:1})}}}),a={class:`space-y-6`},o={class:`flex justify-end mt-8`},s=(0,t.defineComponent)({__name:`Step1`,setup(e){let n=(0,t.inject)(`form`),r=(0,t.inject)(`steps`),i=(0,t.inject)(`activeStep`,(0,t.ref)(1)),s=()=>{if(n.serviceName=n.serviceName.trim(),n.pricingOptions[0].name=n.pricingOptions[0].name.trim()||`Standard Service`,!n.serviceName){alert(`Please enter a service name.`);return}if(!n.pricingOptions[0].duration||n.pricingOptions[0].duration<=0){alert(`Please set a valid service duration.`);return}r.value[0].completed=!0,i.value=2};return(e,r)=>{let i=(0,t.resolveComponent)(`Label`),c=(0,t.resolveComponent)(`Input`),l=(0,t.resolveComponent)(`Separator`),u=(0,t.resolveComponent)(`SelectValue`),d=(0,t.resolveComponent)(`SelectTrigger`),f=(0,t.resolveComponent)(`SelectItem`),p=(0,t.resolveComponent)(`SelectContent`),m=(0,t.resolveComponent)(`Select`),h=(0,t.resolveComponent)(`Button`),g=(0,t.resolveComponent)(`Card`);return(0,t.openBlock)(),(0,t.createBlock)(g,{class:`p-8`},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,a,[(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(i,{for:`service-name`,class:`text-base font-medium mb-2`},{default:(0,t.withCtx)(()=>[...r[5]||=[(0,t.createTextVNode)(` Service Name `,-1),(0,t.createElementVNode)(`span`,{class:`text-destructive`},`*`,-1)]]),_:1}),(0,t.createVNode)(c,{id:`service-name`,modelValue:(0,t.unref)(n).serviceName,"onUpdate:modelValue":r[0]||=e=>(0,t.unref)(n).serviceName=e,placeholder:`e.g., Haircut, Massage, Consultation`,class:`mt-2`},null,8,[`modelValue`]),r[6]||=(0,t.createElementVNode)(`p`,{class:`text-sm text-muted-foreground mt-2`},` The name of your bookable service `,-1)]),(0,t.createVNode)(l),(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(i,{for:`pricing-name`,class:`text-base font-medium mb-2`},{default:(0,t.withCtx)(()=>[...r[7]||=[(0,t.createTextVNode)(` Service Variation Name `,-1)]]),_:1}),(0,t.createVNode)(c,{id:`pricing-name`,modelValue:(0,t.unref)(n).pricingOptions[0].name,"onUpdate:modelValue":r[1]||=e=>(0,t.unref)(n).pricingOptions[0].name=e,placeholder:`e.g., Standard, Premium, Basic`,class:`mt-2`},null,8,[`modelValue`]),r[8]||=(0,t.createElementVNode)(`p`,{class:`text-sm text-muted-foreground mt-2`},` Optional: Name for this service variation (you can add more later) `,-1)]),(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(i,{for:`duration`,class:`text-base font-medium mb-2`},{default:(0,t.withCtx)(()=>[...r[9]||=[(0,t.createTextVNode)(` Service Duration `,-1),(0,t.createElementVNode)(`span`,{class:`text-destructive`},`*`,-1)]]),_:1}),(0,t.createVNode)(m,{modelValue:(0,t.unref)(n).pricingOptions[0].duration,"onUpdate:modelValue":r[2]||=e=>(0,t.unref)(n).pricingOptions[0].duration=e,modelModifiers:{number:!0},id:`duration`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(d,{class:`mt-2`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(u,{placeholder:`Select duration`})]),_:1}),(0,t.createVNode)(p,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(f,{value:15},{default:(0,t.withCtx)(()=>[...r[10]||=[(0,t.createTextVNode)(`15 minutes`,-1)]]),_:1}),(0,t.createVNode)(f,{value:30},{default:(0,t.withCtx)(()=>[...r[11]||=[(0,t.createTextVNode)(`30 minutes`,-1)]]),_:1}),(0,t.createVNode)(f,{value:45},{default:(0,t.withCtx)(()=>[...r[12]||=[(0,t.createTextVNode)(`45 minutes`,-1)]]),_:1}),(0,t.createVNode)(f,{value:60},{default:(0,t.withCtx)(()=>[...r[13]||=[(0,t.createTextVNode)(`1 hour`,-1)]]),_:1}),(0,t.createVNode)(f,{value:90},{default:(0,t.withCtx)(()=>[...r[14]||=[(0,t.createTextVNode)(`1.5 hours`,-1)]]),_:1}),(0,t.createVNode)(f,{value:120},{default:(0,t.withCtx)(()=>[...r[15]||=[(0,t.createTextVNode)(`2 hours`,-1)]]),_:1}),(0,t.createVNode)(f,{value:180},{default:(0,t.withCtx)(()=>[...r[16]||=[(0,t.createTextVNode)(`3 hours`,-1)]]),_:1}),(0,t.createVNode)(f,{value:240},{default:(0,t.withCtx)(()=>[...r[17]||=[(0,t.createTextVNode)(`4 hours`,-1)]]),_:1})]),_:1})]),_:1},8,[`modelValue`]),r[18]||=(0,t.createElementVNode)(`p`,{class:`text-sm text-muted-foreground mt-2`},` How long does this service take? `,-1)]),(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(i,{for:`price`,class:`text-base font-medium mb-2`},{default:(0,t.withCtx)(()=>[...r[19]||=[(0,t.createTextVNode)(` Price `,-1)]]),_:1}),(0,t.createVNode)(c,{id:`price`,modelValue:(0,t.unref)(n).pricingOptions[0].price,"onUpdate:modelValue":r[3]||=e=>(0,t.unref)(n).pricingOptions[0].price=e,modelModifiers:{number:!0},type:`number`,min:`0`,step:`0.01`,placeholder:`0.00`,class:`mt-2`},null,8,[`modelValue`]),r[20]||=(0,t.createElementVNode)(`p`,{class:`text-sm text-muted-foreground mt-2`},` Base price for this service (you can configure payment settings later) `,-1)])]),(0,t.createElementVNode)(`div`,o,[(0,t.createVNode)(h,{onClick:r[4]||=e=>s()},{default:(0,t.withCtx)(()=>[...r[21]||=[(0,t.createTextVNode)(` Continue `,-1)]]),_:1})])]),_:1})}}}),c={key:0,class:`space-y-3 mb-6`},l={class:`flex items-start gap-4`},u={class:`flex-1 min-w-0`},d={class:`font-medium`},f={class:`mt-2 grid grid-cols-3 gap-3 text-sm text-muted-foreground`},p={class:`ml-1 font-medium text-foreground`},m={class:`ml-1 font-medium text-foreground`},h={class:`ml-1 font-medium text-foreground`},g={class:`flex items-center gap-2`},_={class:`flex flex-col items-center gap-3`},v={class:`size-12 rounded-full bg-muted flex items-center justify-center`},ee={class:`flex justify-end gap-4`},y={class:`space-y-5 py-4`},b={class:`flex flex-wrap gap-2 mt-2`},x=[`onClick`],S={class:`grid grid-cols-2 gap-4`},C={class:`space-y-2 rounded-lg border p-3 max-h-64 overflow-y-auto`},w={class:`flex items-center justify-between`},T={class:`text-sm font-medium w-24`},E={class:`flex-1 flex flex-col gap-1`},D={key:0,class:`text-sm text-muted-foreground italic`},O=(0,t.defineComponent)({__name:`Step2`,setup(e){let r=(0,t.inject)(`form`),i=(0,t.inject)(`steps`),a=(0,t.inject)(`activeStep`,(0,t.ref)(1)),o=[`#ef4444`,`#f97316`,`#f59e0b`,`#eab308`,`#84cc16`,`#22c55e`,`#10b981`,`#14b8a6`,`#06b6d4`,`#0ea5e9`,`#3b82f6`,`#6366f1`,`#8b5cf6`,`#a855f7`,`#d946ef`,`#ec4899`,`#f43f5e`],s=(0,t.ref)(!1),O=(0,t.ref)(null),k=(0,t.ref)({id:``,name:``,publicLabel:``,avatarLabel:``,description:``,capacity:1,interval:30,openingHours:{0:[],1:[{start:`09:00`,end:`17:00`}],2:[{start:`09:00`,end:`17:00`}],3:[{start:`09:00`,end:`17:00`}],4:[{start:`09:00`,end:`17:00`}],5:[{start:`09:00`,end:`17:00`}],6:[]},color:`#3b82f6`,isActive:!0}),A=e=>{e?(O.value=e,k.value=JSON.parse(JSON.stringify(e))):(O.value=null,k.value={id:Math.random().toString(36).substr(2,9),name:``,publicLabel:``,avatarLabel:``,description:``,capacity:1,interval:30,openingHours:{0:[],1:[{start:`09:00`,end:`17:00`}],2:[{start:`09:00`,end:`17:00`}],3:[{start:`09:00`,end:`17:00`}],4:[{start:`09:00`,end:`17:00`}],5:[{start:`09:00`,end:`17:00`}],6:[]},color:o[Math.floor(Math.random()*o.length)],isActive:!0}),s.value=!0},j=()=>{if(!k.value.name.trim()){alert(`Please enter a resource name`);return}if(O.value){let e=r.resources.findIndex(e=>e.id===O.value.id);e!==-1&&(r.resources[e]=JSON.parse(JSON.stringify(k.value)))}else r.resources.push(JSON.parse(JSON.stringify(k.value)));s.value=!1},M=e=>{r.resources=r.resources.filter(t=>t.id!==e)},N=e=>{let t=[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`].filter((t,n)=>e.openingHours?.[n]?.length>0);return t.length===0?`No hours set`:t.length===7?`Open all week`:t.join(`, `)},P=e=>{k.value.openingHours[e]||(k.value.openingHours[e]=[]),k.value.openingHours[e].push({start:`09:00`,end:`17:00`})},F=(e,t)=>{k.value.openingHours[e].splice(t,1)},I=[{value:1,label:`Monday`},{value:2,label:`Tuesday`},{value:3,label:`Wednesday`},{value:4,label:`Thursday`},{value:5,label:`Friday`},{value:6,label:`Saturday`},{value:0,label:`Sunday`}],L=()=>{if(r.resources.length===0){alert(`Please add at least one resource`);return}i.value[1].completed=!0,a.value=3};return(e,i)=>{let R=(0,t.resolveComponent)(`Button`),z=(0,t.resolveComponent)(`Card`),B=(0,t.resolveComponent)(`Separator`),V=(0,t.resolveComponent)(`DialogTitle`),H=(0,t.resolveComponent)(`DialogDescription`),U=(0,t.resolveComponent)(`DialogHeader`),W=(0,t.resolveComponent)(`Label`),G=(0,t.resolveComponent)(`Input`),K=(0,t.resolveComponent)(`SelectValue`),q=(0,t.resolveComponent)(`SelectTrigger`),J=(0,t.resolveComponent)(`SelectItem`),Y=(0,t.resolveComponent)(`SelectContent`),X=(0,t.resolveComponent)(`Select`),Z=(0,t.resolveComponent)(`DialogFooter`),Q=(0,t.resolveComponent)(`DialogScrollContent`),$=(0,t.resolveComponent)(`Dialog`);return(0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.createVNode)(z,{class:`p-8`},{default:(0,t.withCtx)(()=>[i[15]||=(0,t.createElementVNode)(`div`,{class:`mb-6`},[(0,t.createElementVNode)(`h3`,{class:`font-medium text-lg mb-2`},` Configure Resources `),(0,t.createElementVNode)(`p`,{class:`text-sm text-muted-foreground`},` Resources are the bookable entities (staff, rooms, equipment). Each resource has its own schedule, capacity, and booking interval. `)],-1),(0,t.unref)(r).resources.length>0?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,c,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)((0,t.unref)(r).resources,e=>((0,t.openBlock)(),(0,t.createBlock)(z,{key:e.id,class:`p-4 hover:shadow-sm transition-shadow`},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,l,[(0,t.createElementVNode)(`div`,{class:`size-10 rounded-full flex items-center justify-center text-white text-sm font-medium flex-shrink-0`,style:(0,t.normalizeStyle)({backgroundColor:e.color})},(0,t.toDisplayString)(e.avatarLabel||e.name.charAt(0).toUpperCase()),5),(0,t.createElementVNode)(`div`,u,[(0,t.createElementVNode)(`h4`,d,(0,t.toDisplayString)(e.name),1),(0,t.createElementVNode)(`div`,f,[(0,t.createElementVNode)(`div`,null,[i[8]||=(0,t.createElementVNode)(`span`,{class:`text-xs`},`Capacity:`,-1),(0,t.createElementVNode)(`span`,p,(0,t.toDisplayString)(e.capacity),1)]),(0,t.createElementVNode)(`div`,null,[i[9]||=(0,t.createElementVNode)(`span`,{class:`text-xs`},`Interval:`,-1),(0,t.createElementVNode)(`span`,m,(0,t.toDisplayString)(e.interval)+` min`,1)]),(0,t.createElementVNode)(`div`,null,[i[10]||=(0,t.createElementVNode)(`span`,{class:`text-xs`},`Schedule:`,-1),(0,t.createElementVNode)(`span`,h,(0,t.toDisplayString)(N(e)),1)])])]),(0,t.createElementVNode)(`div`,g,[(0,t.createVNode)(R,{size:`sm`,variant:`ghost`,onClick:t=>A(e)},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.Pencil),{class:`w-4 h-4`})]),_:1},8,[`onClick`]),(0,t.createVNode)(R,{size:`sm`,variant:`ghost`,onClick:t=>M(e.id)},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.Trash2),{class:`w-4 h-4 text-destructive`})]),_:1},8,[`onClick`])])])]),_:2},1024))),128))])):((0,t.openBlock)(),(0,t.createBlock)(z,{key:1,class:`p-8 text-center mb-6 bg-muted/30`},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,_,[(0,t.createElementVNode)(`div`,v,[(0,t.createVNode)((0,t.unref)(n.Users),{class:`w-6 h-6 text-muted-foreground`})]),i[11]||=(0,t.createElementVNode)(`div`,null,[(0,t.createElementVNode)(`p`,{class:`font-medium`},`No resources yet`),(0,t.createElementVNode)(`p`,{class:`text-sm text-muted-foreground`},`Add your first resource to get started`)],-1)])]),_:1})),(0,t.createVNode)(R,{onClick:i[0]||=e=>A(),variant:`outline`,class:`w-full mb-6`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.Plus),{class:`w-4 h-4 mr-2`}),i[12]||=(0,t.createTextVNode)(` Add Resource `,-1)]),_:1}),(0,t.createVNode)(B,{class:`my-6`}),(0,t.createElementVNode)(`div`,ee,[(0,t.createVNode)(R,{variant:`outline`,onClick:i[1]||=e=>a.value=1},{default:(0,t.withCtx)(()=>[...i[13]||=[(0,t.createTextVNode)(` Back `,-1)]]),_:1}),(0,t.createVNode)(R,{onClick:i[2]||=e=>L()},{default:(0,t.withCtx)(()=>[...i[14]||=[(0,t.createTextVNode)(` Continue `,-1)]]),_:1})])]),_:1}),(0,t.createVNode)($,{open:s.value,"onUpdate:open":i[7]||=e=>s.value=e},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(Q,{class:`sm:max-w-2xl max-h-[90vh]`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(U,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(V,null,{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(O.value?`Edit Resource`:`Add Resource`),1)]),_:1}),(0,t.createVNode)(H,null,{default:(0,t.withCtx)(()=>[...i[16]||=[(0,t.createTextVNode)(` Define a bookable resource with its operating hours and capacity. `,-1)]]),_:1})]),_:1}),(0,t.createElementVNode)(`div`,y,[(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(W,{class:`text-sm font-normal mb-1.5`},{default:(0,t.withCtx)(()=>[...i[17]||=[(0,t.createTextVNode)(`Resource Name `,-1),(0,t.createElementVNode)(`span`,{class:`text-destructive`},`*`,-1)]]),_:1}),(0,t.createVNode)(G,{modelValue:k.value.name,"onUpdate:modelValue":i[3]||=e=>k.value.name=e,placeholder:`e.g., James, Room 1, Equipment A`},null,8,[`modelValue`])]),(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(W,{class:`text-sm font-normal mb-1.5`},{default:(0,t.withCtx)(()=>[...i[18]||=[(0,t.createTextVNode)(`Color`,-1)]]),_:1}),(0,t.createElementVNode)(`div`,b,[((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(o,e=>(0,t.createElementVNode)(`button`,{key:e,type:`button`,class:(0,t.normalizeClass)([`size-7 rounded-full transition-all`,k.value.color===e?`ring-2 ring-ring ring-offset-2`:`hover:scale-110`]),style:(0,t.normalizeStyle)({background:e}),onClick:t=>k.value.color=e},null,14,x)),64))])]),(0,t.createElementVNode)(`div`,S,[(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(W,{class:`text-sm font-normal mb-1.5`},{default:(0,t.withCtx)(()=>[...i[19]||=[(0,t.createTextVNode)(`Capacity`,-1)]]),_:1}),(0,t.createVNode)(G,{modelValue:k.value.capacity,"onUpdate:modelValue":i[4]||=e=>k.value.capacity=e,modelModifiers:{number:!0},type:`number`,min:`1`},null,8,[`modelValue`]),i[20]||=(0,t.createElementVNode)(`p`,{class:`text-xs text-muted-foreground mt-1`},`Max simultaneous bookings`,-1)]),(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(W,{class:`text-sm font-normal mb-1.5`},{default:(0,t.withCtx)(()=>[...i[21]||=[(0,t.createTextVNode)(`Booking Interval`,-1)]]),_:1}),(0,t.createVNode)(X,{modelValue:k.value.interval,"onUpdate:modelValue":i[5]||=e=>k.value.interval=e,modelModifiers:{number:!0}},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(q,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(K)]),_:1}),(0,t.createVNode)(Y,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(J,{value:15},{default:(0,t.withCtx)(()=>[...i[22]||=[(0,t.createTextVNode)(`15 min`,-1)]]),_:1}),(0,t.createVNode)(J,{value:30},{default:(0,t.withCtx)(()=>[...i[23]||=[(0,t.createTextVNode)(`30 min`,-1)]]),_:1}),(0,t.createVNode)(J,{value:60},{default:(0,t.withCtx)(()=>[...i[24]||=[(0,t.createTextVNode)(`1 hour`,-1)]]),_:1})]),_:1})]),_:1},8,[`modelValue`])])]),(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(W,{class:`text-sm font-normal mb-2 flex items-center gap-2`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.Clock),{class:`w-4 h-4`}),i[25]||=(0,t.createTextVNode)(` Operating Hours `,-1)]),_:1}),(0,t.createElementVNode)(`div`,C,[((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(I,e=>(0,t.createElementVNode)(`div`,{key:e.value,class:`space-y-1`},[(0,t.createElementVNode)(`div`,w,[(0,t.createElementVNode)(`span`,T,(0,t.toDisplayString)(e.label),1),(0,t.createElementVNode)(`div`,E,[k.value.openingHours[e.value]?.length===0?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,D,` Closed `)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(k.value.openingHours[e.value],(r,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:a,class:`flex items-center gap-2`},[(0,t.createVNode)(G,{modelValue:r.start,"onUpdate:modelValue":e=>r.start=e,type:`time`,class:`flex-1`},null,8,[`modelValue`,`onUpdate:modelValue`]),i[26]||=(0,t.createElementVNode)(`span`,{class:`text-xs text-muted-foreground`},`to`,-1),(0,t.createVNode)(G,{modelValue:r.end,"onUpdate:modelValue":e=>r.end=e,type:`time`,class:`flex-1`},null,8,[`modelValue`,`onUpdate:modelValue`]),(0,t.createVNode)(R,{variant:`ghost`,size:`icon`,class:`size-8`,onClick:t=>F(e.value,a)},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.Trash2),{class:`w-3 h-3`})]),_:1},8,[`onClick`])]))),128))]),(0,t.createVNode)(R,{variant:`outline`,size:`sm`,class:`h-7 px-2 text-xs ml-2`,onClick:t=>P(e.value)},{default:(0,t.withCtx)(()=>[...i[27]||=[(0,t.createTextVNode)(` Add `,-1)]]),_:1},8,[`onClick`])])])),64))])])]),(0,t.createVNode)(Z,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(R,{variant:`outline`,onClick:i[6]||=e=>s.value=!1},{default:(0,t.withCtx)(()=>[...i[28]||=[(0,t.createTextVNode)(`Cancel`,-1)]]),_:1}),(0,t.createVNode)(R,{onClick:j},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(O.value?`Save Changes`:`Add Resource`),1)]),_:1})]),_:1})]),_:1})]),_:1},8,[`open`])],64)}}}),k={class:`mb-8`},A={class:`flex justify-end gap-4 mt-8`},j=(0,t.defineComponent)({__name:`Step3`,setup(e){let n=(0,t.inject)(`form`),r=(0,t.inject)(`steps`),i=(0,t.inject)(`activeStep`,(0,t.ref)(1)),a=()=>{r.value[2].completed=!0,i.value=4};return(e,r)=>{let o=(0,t.resolveComponent)(`Label`),s=(0,t.resolveComponent)(`InputGroupInput`),c=(0,t.resolveComponent)(`Search`),l=(0,t.resolveComponent)(`InputGroupAddon`),u=(0,t.resolveComponent)(`SelectValue`),d=(0,t.resolveComponent)(`SelectTrigger`),f=(0,t.resolveComponent)(`SelectItem`),p=(0,t.resolveComponent)(`SelectGroup`),m=(0,t.resolveComponent)(`SelectContent`),h=(0,t.resolveComponent)(`Select`),g=(0,t.resolveComponent)(`InputGroup`),_=(0,t.resolveComponent)(`Button`),v=(0,t.resolveComponent)(`Card`);return(0,t.openBlock)(),(0,t.createBlock)(v,{class:`p-8`},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,k,[(0,t.createVNode)(o,{for:`lead-time`,class:`text-base font-medium mb-2`},{default:(0,t.withCtx)(()=>[...r[6]||=[(0,t.createTextVNode)(` Minimum Advance Notice - Lead Time `,-1)]]),_:1}),(0,t.createVNode)(g,{class:`max-w-md`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(s,{placeholder:`0`,id:`lead-time`,modelValue:(0,t.unref)(n).minimumAdvanceNotice.value,"onUpdate:modelValue":r[0]||=e=>(0,t.unref)(n).minimumAdvanceNotice.value=e},null,8,[`modelValue`]),(0,t.createVNode)(l,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(c)]),_:1}),(0,t.createVNode)(l,{align:`inline-end`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(h,{modelValue:(0,t.unref)(n).minimumAdvanceNotice.unit,"onUpdate:modelValue":r[1]||=e=>(0,t.unref)(n).minimumAdvanceNotice.unit=e},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(d,{class:`w-[180px] border-0 bg-transparent -mr-1.5`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(u)]),_:1}),(0,t.createVNode)(m,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(p,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(f,{value:`minutes`},{default:(0,t.withCtx)(()=>[...r[7]||=[(0,t.createTextVNode)(` Minutes `,-1)]]),_:1}),(0,t.createVNode)(f,{value:`hours`},{default:(0,t.withCtx)(()=>[...r[8]||=[(0,t.createTextVNode)(` Hours `,-1)]]),_:1}),(0,t.createVNode)(f,{value:`days`},{default:(0,t.withCtx)(()=>[...r[9]||=[(0,t.createTextVNode)(` Days `,-1)]]),_:1})]),_:1})]),_:1})]),_:1},8,[`modelValue`])]),_:1})]),_:1}),r[10]||=(0,t.createElementVNode)(`p`,{class:`text-sm text-muted-foreground mt-2`},` Set how far in advance a customer must book your slot. `,-1)]),r[19]||=(0,t.createElementVNode)(`hr`,null,null,-1),(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(o,{for:`capacity`,class:`text-base font-medium mb-2`},{default:(0,t.withCtx)(()=>[...r[11]||=[(0,t.createTextVNode)(` Service Visibility `,-1)]]),_:1}),(0,t.createVNode)(g,{class:`max-w-md`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(s,{placeholder:`1`,id:`capacity`,modelValue:(0,t.unref)(n).serviceVisibility,"onUpdate:modelValue":r[2]||=e=>(0,t.unref)(n).serviceVisibility=e},null,8,[`modelValue`]),(0,t.createVNode)(l,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(c)]),_:1}),(0,t.createVNode)(l,{align:`inline-end`},{default:(0,t.withCtx)(()=>[...r[12]||=[(0,t.createTextVNode)(` days `,-1)]]),_:1})]),_:1}),r[13]||=(0,t.createElementVNode)(`p`,{class:`text-sm text-muted-foreground mt-2`},` Set how many days in advance the service is visible to customers. `,-1)]),r[20]||=(0,t.createElementVNode)(`hr`,null,null,-1),(0,t.createElementVNode)(`div`,null,[(0,t.createVNode)(o,{for:`max-tickets`,class:`text-base font-medium mb-2`},{default:(0,t.withCtx)(()=>[...r[14]||=[(0,t.createTextVNode)(` Max Tickets Per Reservation `,-1)]]),_:1}),(0,t.createVNode)(g,{class:`max-w-md`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(s,{placeholder:`10`,type:`number`,id:`max-tickets`,class:`no-spinner`,min:`1`,modelValue:(0,t.unref)(n).maxTicketsPerReservation,"onUpdate:modelValue":r[3]||=e=>(0,t.unref)(n).maxTicketsPerReservation=e},null,8,[`modelValue`]),(0,t.createVNode)(l,{align:`inline-end`},{default:(0,t.withCtx)(()=>[...r[15]||=[(0,t.createTextVNode)(` tickets `,-1)]]),_:1})]),_:1}),r[16]||=(0,t.createElementVNode)(`p`,{class:`text-sm text-muted-foreground mt-2`},` Maximum number of spots one customer can book at once. `,-1)]),(0,t.createElementVNode)(`div`,A,[(0,t.createVNode)(_,{variant:`outline`,onClick:r[4]||=e=>i.value=2},{default:(0,t.withCtx)(()=>[...r[17]||=[(0,t.createTextVNode)(` Back `,-1)]]),_:1}),(0,t.createVNode)(_,{onClick:r[5]||=e=>a()},{default:(0,t.withCtx)(()=>[...r[18]||=[(0,t.createTextVNode)(` Continue `,-1)]]),_:1})])]),_:1})}}}),M={class:`space-y-6`},N={class:`text-lg font-medium`},P={class:`flex gap-6`},F={class:`ml-2 font-medium`},I={class:`ml-2 font-medium`},L={class:`text-xs text-muted-foreground mb-2`},R={class:`space-y-2`},z={class:`flex-1`},B={class:`font-medium text-sm`},V={class:`flex gap-4 mt-1 text-xs text-muted-foreground`},H={class:`space-y-2 text-sm`},U={key:0,class:`ml-2 font-medium`},W={key:1,class:`ml-2 font-medium`},G={class:`ml-2 font-medium`},K={class:`ml-2 font-medium`},q={class:`flex gap-4 justify-end mt-8`},J={key:0,class:`flex gap-2`},Y={key:1},X=(0,t.defineComponent)({__name:`Step4`,setup(n){let{navigateTo:r}=(0,e.useModuleRoute)(),{config:i}=(0,e.useModule)(),a=(0,e.useFirebaseIntegration)(i.project),o=(0,t.inject)(`form`),s=(0,t.inject)(`activeStep`,(0,t.ref)(1)),c=(0,t.ref)(!1),l=e=>{let t=[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`].filter((t,n)=>e.openingHours?.[n]?.length>0);return t.length===0?`No hours set`:t.length===7?`Open all week`:t.join(`, `)},u=async()=>{try{c.value=!0;let e=JSON.parse(JSON.stringify(o));e.type=`regular`,e.currency=`USD`,e.paymentType=`full`,await a.add(i.agendaCollection,e),r(`/`)}catch(e){console.error(`Error creating agenda:`,e),alert(`Error creating agenda`)}finally{c.value=!1}};return(e,n)=>{let r=(0,t.resolveComponent)(`Separator`),i=(0,t.resolveComponent)(`Button`),a=(0,t.resolveComponent)(`Spinner`),d=(0,t.resolveComponent)(`Card`);return(0,t.openBlock)(),(0,t.createBlock)(d,{class:`p-8`},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,M,[(0,t.createElementVNode)(`div`,null,[n[2]||=(0,t.createElementVNode)(`p`,{class:`text-xs text-muted-foreground mb-1`},`Service name`,-1),(0,t.createElementVNode)(`p`,N,(0,t.toDisplayString)((0,t.unref)(o).serviceName),1)]),(0,t.createVNode)(r),(0,t.createElementVNode)(`div`,null,[n[5]||=(0,t.createElementVNode)(`p`,{class:`text-xs text-muted-foreground mb-2`},`Service details`,-1),(0,t.createElementVNode)(`div`,P,[(0,t.createElementVNode)(`div`,null,[n[3]||=(0,t.createElementVNode)(`span`,{class:`text-sm text-muted-foreground`},`Duration:`,-1),(0,t.createElementVNode)(`span`,F,(0,t.toDisplayString)((0,t.unref)(o).pricingOptions[0].duration)+` min`,1)]),(0,t.createElementVNode)(`div`,null,[n[4]||=(0,t.createElementVNode)(`span`,{class:`text-sm text-muted-foreground`},`Price:`,-1),(0,t.createElementVNode)(`span`,I,`$`+(0,t.toDisplayString)((0,t.unref)(o).pricingOptions[0].price),1)])])]),(0,t.createVNode)(r),(0,t.createElementVNode)(`div`,null,[(0,t.createElementVNode)(`p`,L,`Resources (`+(0,t.toDisplayString)((0,t.unref)(o).resources.length)+`)`,1),(0,t.createElementVNode)(`div`,R,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)((0,t.unref)(o).resources,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:e.id,class:`p-3 border rounded-lg flex items-start gap-3`},[(0,t.createElementVNode)(`div`,{class:`size-8 rounded-full flex items-center justify-center text-white text-xs font-medium flex-shrink-0`,style:(0,t.normalizeStyle)({backgroundColor:e.color})},(0,t.toDisplayString)(e.avatarLabel||e.name.charAt(0).toUpperCase()),5),(0,t.createElementVNode)(`div`,z,[(0,t.createElementVNode)(`p`,B,(0,t.toDisplayString)(e.name),1),(0,t.createElementVNode)(`div`,V,[(0,t.createElementVNode)(`span`,null,`Capacity: `+(0,t.toDisplayString)(e.capacity),1),(0,t.createElementVNode)(`span`,null,`Interval: `+(0,t.toDisplayString)(e.interval)+`min`,1),(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(l(e)),1)])])]))),128))])]),(0,t.createVNode)(r),(0,t.createElementVNode)(`div`,null,[n[9]||=(0,t.createElementVNode)(`p`,{class:`text-xs text-muted-foreground mb-2`},`Availability settings`,-1),(0,t.createElementVNode)(`div`,H,[(0,t.createElementVNode)(`div`,null,[n[6]||=(0,t.createElementVNode)(`span`,{class:`text-muted-foreground`},`Minimum Advance Notice:`,-1),(0,t.unref)(o).minimumAdvanceNotice.value===0?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,W,`None`)):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,U,(0,t.toDisplayString)((0,t.unref)(o).minimumAdvanceNotice.value)+` `+(0,t.toDisplayString)((0,t.unref)(o).minimumAdvanceNotice.unit),1))]),(0,t.createElementVNode)(`div`,null,[n[7]||=(0,t.createElementVNode)(`span`,{class:`text-muted-foreground`},`Booking Window:`,-1),(0,t.createElementVNode)(`span`,G,(0,t.toDisplayString)((0,t.unref)(o).serviceVisibility)+` days`,1)]),(0,t.createElementVNode)(`div`,null,[n[8]||=(0,t.createElementVNode)(`span`,{class:`text-muted-foreground`},`Max Tickets Per Reservation:`,-1),(0,t.createElementVNode)(`span`,K,(0,t.toDisplayString)((0,t.unref)(o).maxTicketsPerReservation),1)])])])]),(0,t.createElementVNode)(`div`,q,[(0,t.createVNode)(i,{variant:`outline`,onClick:n[0]||=e=>s.value=3},{default:(0,t.withCtx)(()=>[...n[10]||=[(0,t.createTextVNode)(` Back `,-1)]]),_:1}),(0,t.createVNode)(i,{onClick:n[1]||=e=>u(),disabled:c.value},{default:(0,t.withCtx)(()=>[c.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,J,[(0,t.createVNode)(a),n[11]||=(0,t.createTextVNode)(` Creating... `,-1)])):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,Y,`Create Agenda`))]),_:1},8,[`disabled`])])]),_:1})}}}),Z={class:`container mx-auto p-8`},Q={class:`max-w-7xl mx-auto`},$={class:`flex items-center gap-3 mb-8`},te={class:`flex gap-6`},ne={class:`w-80`},re={class:`flex-1`},ie=(0,t.defineComponent)({__name:`regular`,emits:[`back`],setup(r,{emit:a}){let{navigateTo:o}=(0,e.useModuleRoute)();(0,e.useModuleBreadcrumbs)(()=>[{text:`Create`,href:`/create`},{text:`Regular Booking`}]);let c=(0,t.reactive)({serviceName:``,resources:[],pricingOptions:[{id:`1`,name:`Standard Service`,price:0,duration:30,isDefault:!0}],minimumAdvanceNotice:{value:0,unit:`minutes`},serviceVisibility:60,maxTicketsPerReservation:10,customerInformationFields:[{id:`firstName`,fieldName:`First Name`,fieldType:`text`,required:!0,visible:!0,isNativeField:!0},{id:`lastName`,fieldName:`Last Name`,fieldType:`text`,required:!0,visible:!0,isNativeField:!0},{id:`phone`,fieldName:`Phone No`,fieldType:`tel`,required:!0,visible:!0,isNativeField:!0},{id:`email`,fieldName:`Email`,fieldType:`email`,required:!0,visible:!0,isNativeField:!0}]}),l=(0,t.ref)([{step:1,title:`Service Details`,completed:!1},{step:2,title:`Resource Setup`,completed:!1},{step:3,title:`Availability Settings`,completed:!1},{step:4,title:`Review & Publish`,completed:!1}]),u=(0,t.ref)(1);return(0,t.provide)(`form`,c),(0,t.provide)(`steps`,l),(0,t.provide)(`activeStep`,u),(e,r)=>{let a=(0,t.resolveComponent)(`Button`);return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,Z,[(0,t.createElementVNode)(`div`,Q,[(0,t.createElementVNode)(`div`,$,[(0,t.createVNode)(a,{variant:`ghost`,size:`icon`,class:`rounded-lg`,onClick:r[0]||=e=>(0,t.unref)(o)(`/create`)},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.ArrowLeft),{class:`w-5 h-5`})]),_:1}),r[2]||=(0,t.createElementVNode)(`h2`,{class:`text-2xl font-semibold`},`Agenda Selection`,-1)]),(0,t.createElementVNode)(`div`,te,[(0,t.createElementVNode)(`div`,ne,[(0,t.createVNode)(i,{steps:l.value,modelValue:u.value,"onUpdate:modelValue":r[1]||=e=>u.value=e},null,8,[`steps`,`modelValue`])]),(0,t.createElementVNode)(`div`,re,[u.value===1?((0,t.openBlock)(),(0,t.createBlock)(s,{key:0})):u.value===2?((0,t.openBlock)(),(0,t.createBlock)(O,{key:1})):u.value===3?((0,t.openBlock)(),(0,t.createBlock)(j,{key:2})):u.value===4?((0,t.openBlock)(),(0,t.createBlock)(X,{key:3})):(0,t.createCommentVNode)(``,!0)])])])])}}});exports.default=ie;