@oneclick.dev/cms-core-modules 0.0.105 → 0.0.107

package/dist/Overview-C2K2ofdS.js

@@ -0,0 +1 @@
+require(`./chunk-DQi1bQcV.js`);const e=require(`./lib-4wSi00Vr.js`),t=require(`./utils-CVIHqQsU.js`),n=require(`./core-_HKfBlaZ.js`);let r=require(`@oneclick.dev/cms-kit`),i=require(`vue`),a=require(`@lucide/vue`);var o={class:`grid @md:grid-cols-2 @2xl:grid-cols-3 @3xl:grid-cols-4 @4xl:grid-cols-5 @5xl:grid-cols-6 gap-6`},s=[`onClick`,`onContextmenu`],c=[`src`],l={class:`font-semibold`},u={class:`text-sm text-muted-foreground flex items-center gap-2`},d={class:`flex items-center gap-2`},f={key:0},p=(0,i.defineComponent)({__name:`GridView`,props:{products:{type:Array,required:!0}},setup(e){let t=(0,i.inject)(`selection`),{navigateTo:n}=(0,r.useModuleRoute)(),{hasPermission:a}=(0,r.useModulePermissions)(),p=(e,r)=>{let i=r.ctrlKey||r.metaKey;if(!r.shiftKey)if(i||t.value.length>0){let n=t.value.indexOf(e.id);n>-1?t.value.splice(n,1):t.value.push(e.id)}else t.value=[],n(e.id)},m=e=>{e.target.closest(`.GRID_ITEM`)||(t.value=[])},h=(e,n)=>{n.ctrlKey||n.metaKey?t.value.includes(e.id)?t.value.splice(t.value.indexOf(e.id),1):t.value.push(e.id):t.value.includes(e.id)||(t.value=[e.id])};return(n,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:`@container mb-4 flex-1 select-none`,onClick:r[0]||=e=>t.value=[],onContextmenu:m},[(0,i.createElementVNode)(`div`,o,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.products,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e.id,onClick:(0,i.withModifiers)(t=>p(e,t),[`stop`]),onContextmenu:t=>h(e,t),class:`GRID_ITEM cursor-pointer`},[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`aspect-square bg-muted rounded-xl overflow-hidden mb-2 transition-all duration-200`,{"outline outline-4 outline-primary/50":(0,i.unref)(t).includes(e.id)}])},[e.featuredMedia?((0,i.openBlock)(),(0,i.createElementBlock)(`img`,{key:0,src:e.featuredMedia,class:`w-full h-full object-cover pointer-events-none`,draggable:`false`},null,8,c)):(0,i.createCommentVNode)(``,!0)],2),(0,i.createElementVNode)(`div`,null,[(0,i.createElementVNode)(`p`,l,(0,i.toDisplayString)(e.title),1),(0,i.createElementVNode)(`p`,u,[(0,i.createElementVNode)(`span`,d,[e.status===`published`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[r[1]||=(0,i.createElementVNode)(`span`,{class:`block shrink-0 size-3 rounded-full bg-green-500`},null,-1),r[2]||=(0,i.createTextVNode)(` Published `,-1)],64)):e.status===`draft`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[r[3]||=(0,i.createElementVNode)(`span`,{class:`block shrink-0 size-3 rounded-full bg-blue-500`},null,-1),r[4]||=(0,i.createTextVNode)(` Draft `,-1)],64)):((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:2},[r[5]||=(0,i.createElementVNode)(`span`,{class:`block shrink-0 size-3 rounded-full bg-gray-300`},null,-1),r[6]||=(0,i.createTextVNode)(` Archived `,-1)],64))]),e.variantsTotal>1?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,f,`| `+(0,i.toDisplayString)(e.variantsTotal)+` variants`,1)):(0,i.createCommentVNode)(``,!0)])])],40,s))),128))])],32))}}),m={class:`flex items-center gap-2`},h={key:0,class:`bg-green-500 text-green-950 px-2 py-1 rounded-lg text-xs`},g={key:1,class:`bg-blue-500 text-blue-950 px-2 py-1 rounded-lg text-xs`},_={key:2,class:`bg-gray-500 text-gray-950 px-2 py-1 rounded-lg text-xs`},v=(0,i.defineComponent)({__name:`ListView`,props:{products:{type:Array,required:!0}},setup(e){let t=(0,i.inject)(`selection`),{navigateTo:n}=(0,r.useModuleRoute)(),{hasPermission:a}=(0,r.useModulePermissions)(),o=(e,n)=>{e?t.value.push(n):t.value=t.value.filter(e=>e!==n)};return(r,a)=>{let s=(0,i.resolveComponent)(`TableHead`),c=(0,i.resolveComponent)(`TableRow`),l=(0,i.resolveComponent)(`TableHeader`),u=(0,i.resolveComponent)(`Checkbox`),d=(0,i.resolveComponent)(`TableCell`),f=(0,i.resolveComponent)(`AvatarImage`),p=(0,i.resolveComponent)(`AvatarFallback`),v=(0,i.resolveComponent)(`Avatar`),y=(0,i.resolveComponent)(`TableBody`),b=(0,i.resolveComponent)(`Table`),x=(0,i.resolveComponent)(`Card`);return(0,i.openBlock)(),(0,i.createBlock)(x,{class:`w-full py-4 px-4`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(b,{class:`rounded overflow-hidden`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(l,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(c,null,{default:(0,i.withCtx)(()=>[(0,i.unref)(t)?.length>0?((0,i.openBlock)(),(0,i.createBlock)(s,{key:0})):(0,i.createCommentVNode)(``,!0),(0,i.createVNode)(s,null,{default:(0,i.withCtx)(()=>[...a[1]||=[(0,i.createTextVNode)(`Title`,-1)]]),_:1}),(0,i.createVNode)(s,null,{default:(0,i.withCtx)(()=>[...a[2]||=[(0,i.createTextVNode)(`Status`,-1)]]),_:1}),(0,i.createVNode)(s,null,{default:(0,i.withCtx)(()=>[...a[3]||=[(0,i.createTextVNode)(` Variants`,-1)]]),_:1}),(0,i.createVNode)(s,null,{default:(0,i.withCtx)(()=>[...a[4]||=[(0,i.createTextVNode)(`Price`,-1)]]),_:1})]),_:1})]),_:1}),(0,i.createVNode)(y,null,{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.products,e=>((0,i.openBlock)(),(0,i.createBlock)(c,{key:e.id,onClick:t=>(0,i.unref)(n)(e.id),class:`cursor-pointer`},{default:(0,i.withCtx)(()=>[(0,i.unref)(t)?.length>0?((0,i.openBlock)(),(0,i.createBlock)(d,{key:0},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(u,{"model-value":(0,i.unref)(t)?.includes(e.id),"onUpdate:modelValue":t=>o(t,e.id),onClick:a[0]||=(0,i.withModifiers)(()=>{},[`prevent`,`stop`])},null,8,[`model-value`,`onUpdate:modelValue`])]),_:2},1024)):(0,i.createCommentVNode)(``,!0),(0,i.createVNode)(d,{class:`font-medium`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,m,[(0,i.createVNode)(v,{class:`size-12 rounded-xl`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(f,{src:e.media?.[0],class:`object-cover`},null,8,[`src`]),(0,i.createVNode)(p,{class:`rounded-xl`})]),_:2},1024),(0,i.createElementVNode)(`span`,null,(0,i.toDisplayString)(e.title),1)])]),_:2},1024),(0,i.createVNode)(d,null,{default:(0,i.withCtx)(()=>[e.status===`published`?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,h,`Published`)):e.status===`draft`?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,g,`Draft`)):e.status===`archived`?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,_,`Archived`)):(0,i.createCommentVNode)(``,!0)]),_:2},1024),(0,i.createVNode)(d,null,{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.variantsTotal),1)]),_:2},1024),(0,i.createVNode)(d,{class:`text-right`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(` € `+(0,i.toDisplayString)(e.price||0),1)]),_:2},1024)]),_:2},1032,[`onClick`]))),128))]),_:1})]),_:1})]),_:1})}}}),y={class:`truncate`},b={key:0},x={key:1},S={key:2},C={key:3},w={class:`relative w-full max-w-sm items-center`},T={class:`truncate`},E={class:`truncate`},D={class:`flex items-center space-x-2 mb-4`},O={class:`flex items-center space-x-2 mb-4`},k={class:`flex items-center space-x-2 mb-4`},A=(0,i.defineComponent)({__name:`FilterPopover`,setup(e){let n=(0,i.inject)(`filter`),r=(0,i.inject)(`collections`),o=()=>{n.value={collections:[],published:!0,draft:!0,archived:!1}};return(e,s)=>{let c=(0,i.resolveComponent)(`Button`),l=(0,i.resolveComponent)(`PopoverTrigger`),u=(0,i.resolveComponent)(`ComboboxTrigger`),d=(0,i.resolveComponent)(`ComboboxAnchor`),f=(0,i.resolveComponent)(`ComboboxInput`),p=(0,i.resolveComponent)(`ComboboxEmpty`),m=(0,i.resolveComponent)(`ComboboxItemIndicator`),h=(0,i.resolveComponent)(`ComboboxItem`),g=(0,i.resolveComponent)(`ScrollArea`),_=(0,i.resolveComponent)(`ComboboxGroup`),v=(0,i.resolveComponent)(`ComboboxList`),A=(0,i.resolveComponent)(`Combobox`),j=(0,i.resolveComponent)(`Checkbox`),M=(0,i.resolveComponent)(`PopoverContent`),N=(0,i.resolveComponent)(`Popover`);return(0,i.openBlock)(),(0,i.createBlock)(N,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(l,{asChild:``},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(c,{variant:`outline`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.Filter),{class:`size-4`}),s[4]||=(0,i.createTextVNode)(` Filter `,-1)]),_:1})]),_:1}),(0,i.createVNode)(M,{class:`w-64`},{default:(0,i.withCtx)(()=>[s[14]||=(0,i.createElementVNode)(`p`,{class:`text-sm font-medium text-muted-foreground mb-4`},` Filter by Collection `,-1),(0,i.createVNode)(A,{modelValue:(0,i.unref)(n).collections,"onUpdate:modelValue":s[0]||=e=>(0,i.unref)(n).collections=e,by:`id`,multiple:!0,class:`mb-6`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(d,{"as-child":``},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(u,{"as-child":``},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(c,{variant:`outline`,class:`justify-between w-full`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`span`,y,[(0,i.unref)(n).collections.length===1?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,b,(0,i.toDisplayString)((0,i.unref)(r).find(e=>e.id===(0,i.unref)(n).collections[0])?.title),1)):(0,i.unref)(n).collections.length===2?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,x,(0,i.toDisplayString)((0,i.unref)(r).find(e=>e.id===(0,i.unref)(n).collections[0])?.title)+`, `+(0,i.toDisplayString)((0,i.unref)(r).find(e=>e.id===(0,i.unref)(n).collections[1])?.title),1)):(0,i.unref)(n).collections.length>2?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,S,(0,i.toDisplayString)((0,i.unref)(r).find(e=>e.id===(0,i.unref)(n).collections[0])?.title)+`, `+(0,i.toDisplayString)((0,i.unref)(r).find(e=>e.id===(0,i.unref)(n).collections[1])?.title)+` + `+(0,i.toDisplayString)((0,i.unref)(n).collections.length-2),1)):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,C,`Select collection`))]),(0,i.createVNode)((0,i.unref)(a.ChevronsUpDown),{class:`ml-2 size-4 shrink-0 opacity-50`})]),_:1})]),_:1})]),_:1}),(0,i.createVNode)(v,null,{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,w,[(0,i.createVNode)(f,{placeholder:`Select category...`})]),(0,i.createVNode)(p,null,{default:(0,i.withCtx)(()=>[...s[5]||=[(0,i.createTextVNode)(` No category found. `,-1)]]),_:1}),(0,i.unref)(r)?.filter(e=>e.status===`published`)?.length>0?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[s[7]||=(0,i.createElementVNode)(`p`,{class:`px-2 py-1.5 text-sm font-medium mt-2`},`Published`,-1),(0,i.createVNode)(_,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(g,{class:`max-h-[200px] overflow-y-auto`},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)((0,i.unref)(r).filter(e=>e.status===`published`),e=>((0,i.openBlock)(),(0,i.createBlock)(h,{key:e.id,value:e.id},{default:(0,i.withCtx)(()=>[s[6]||=(0,i.createElementVNode)(`span`,{class:`size-2 rounded-full bg-green-500`},null,-1),(0,i.createElementVNode)(`span`,T,(0,i.toDisplayString)(e.title),1),(0,i.createVNode)(m,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.Check),{class:(0,i.normalizeClass)((0,i.unref)(t.t)(`ml-auto size-4`))},null,8,[`class`])]),_:1})]),_:2},1032,[`value`]))),128))]),_:1})]),_:1})],64)):(0,i.createCommentVNode)(``,!0),(0,i.unref)(r)?.filter(e=>e.status===`draft`)?.length>0?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[s[9]||=(0,i.createElementVNode)(`p`,{class:`px-2 py-1.5 text-sm font-medium`},`Drafts`,-1),(0,i.createVNode)(_,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(g,{class:`max-h-[200px] overflow-y-auto`},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)((0,i.unref)(r).filter(e=>e.status===`draft`),e=>((0,i.openBlock)(),(0,i.createBlock)(h,{key:e.id,value:e.id},{default:(0,i.withCtx)(()=>[s[8]||=(0,i.createElementVNode)(`span`,{class:`size-2 rounded-full bg-blue-500`},null,-1),(0,i.createElementVNode)(`span`,E,(0,i.toDisplayString)(e.title),1),(0,i.createVNode)(m,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.Check),{class:(0,i.normalizeClass)((0,i.unref)(t.t)(`ml-auto size-4`))},null,8,[`class`])]),_:1})]),_:2},1032,[`value`]))),128))]),_:1})]),_:1})],64)):(0,i.createCommentVNode)(``,!0)]),_:1})]),_:1},8,[`modelValue`]),s[15]||=(0,i.createElementVNode)(`p`,{class:`text-sm font-medium text-muted-foreground mb-4`},` Filter by Status `,-1),(0,i.createElementVNode)(`div`,D,[(0,i.createVNode)(j,{id:`chk_published_products`,modelValue:(0,i.unref)(n).published,"onUpdate:modelValue":s[1]||=e=>(0,i.unref)(n).published=e},null,8,[`modelValue`]),s[10]||=(0,i.createElementVNode)(`label`,{for:`chk_published_products`,class:`text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70`},` Show published products `,-1)]),(0,i.createElementVNode)(`div`,O,[(0,i.createVNode)(j,{id:`chk_draft_products`,modelValue:(0,i.unref)(n).draft,"onUpdate:modelValue":s[2]||=e=>(0,i.unref)(n).draft=e},null,8,[`modelValue`]),s[11]||=(0,i.createElementVNode)(`label`,{for:`chk_draft_products`,class:`text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70`},` Show draft products `,-1)]),(0,i.createElementVNode)(`div`,k,[(0,i.createVNode)(j,{id:`chk_archived_products`,modelValue:(0,i.unref)(n).archived,"onUpdate:modelValue":s[3]||=e=>(0,i.unref)(n).archived=e},null,8,[`modelValue`]),s[12]||=(0,i.createElementVNode)(`label`,{for:`chk_archived_products`,class:`text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70`},` Show archived products `,-1)]),(0,i.unref)(n).collections.length>0||!(0,i.unref)(n).published||!(0,i.unref)(n).draft||(0,i.unref)(n).archived?((0,i.openBlock)(),(0,i.createBlock)(c,{key:0,variant:`secondary`,class:`ml-auto my-2`,size:`sm`,onClick:o},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.RotateCcw),{class:`size-3`}),s[13]||=(0,i.createElementVNode)(`span`,{class:`ml-0.5 text-xs`},`Reset filters`,-1)]),_:1})):(0,i.createCommentVNode)(``,!0)]),_:1})]),_:1})}}}),j=(0,i.defineComponent)({__name:`ProductContextMenu`,emits:[`selectAll`,`duplicateProduct`,`deleteProduct`,`deleteSelection`],setup(t,{emit:n}){let o=n,s=(0,i.inject)(`products`),c=(0,i.inject)(`selection`),l=(0,i.inject)(`config`),{hasPermission:u}=(0,r.useModulePermissions)(),{navigateTo:d}=(0,r.useModuleRoute)(),f=(0,i.computed)(()=>c.value?.length===1?s.value?.find(e=>e.id===c.value[0]):null),p=e=>{let t=l.previewUrl;t=t.replace(`{{ id`,`{{id`),t=t.replace(`id }}`,`id}}`),t=t.replace(`{{id}}`,e.id),t=t.replace(`{{ slug`,`{{slug`),t=t.replace(`slug }}`,`slug}}`),t=t.replace(`{{slug}}`,e.slug),window.open(t,`_blank`)},m=async(t,n)=>{try{if(![`draft`,`published`,`archived`].includes(n))return;await(0,r.useFirebaseIntegration)(l.project).update(l.productCollection,t.id,{status:n}),t.status=n,e.t.success(`Product status changed`)}catch{e.t.error(`Failed to change product status`)}},h=async t=>{try{if(![`draft`,`published`,`archived`].includes(t))return;let n=(0,r.useFirebaseIntegration)(l.project),i=[];c.value.forEach(async e=>{i.push(n.update(l.productCollection,e,{status:t}))}),e.t.promise(Promise.all(i),{loading:`Changing status of ${c.value.length} products...`,success:()=>{let e=c.value.length;return c.value.forEach(e=>{s.value.find(t=>t.id==e).status=t}),c.value=[],`Product status changed for ${e} products`},error:e=>`Failed to change product status`})}catch{e.t.error(`Failed to change product status`)}};return(e,t)=>{let n=(0,i.resolveComponent)(`ContextMenuTrigger`),r=(0,i.resolveComponent)(`ContextMenuShortcut`),s=(0,i.resolveComponent)(`ContextMenuItem`),u=(0,i.resolveComponent)(`ContextMenuContent`),g=(0,i.resolveComponent)(`ContextMenuSeparator`),_=(0,i.resolveComponent)(`ContextMenuSubTrigger`),v=(0,i.resolveComponent)(`ContextMenuCheckboxItem`),y=(0,i.resolveComponent)(`ContextMenuSubContent`),b=(0,i.resolveComponent)(`ContextMenuSub`),x=(0,i.resolveComponent)(`ContextMenu`);return(0,i.openBlock)(),(0,i.createBlock)(x,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(n,{class:`flex flex-1`},{default:(0,i.withCtx)(()=>[(0,i.renderSlot)(e.$slots,`default`)]),_:3}),(0,i.unref)(c).length===0?((0,i.openBlock)(),(0,i.createBlock)(u,{key:0,class:`w-64`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{inset:``,onClick:t[0]||=e=>o(`selectAll`)},{default:(0,i.withCtx)(()=>[t[13]||=(0,i.createTextVNode)(` Select all `,-1),(0,i.createVNode)(r,null,{default:(0,i.withCtx)(()=>[...t[12]||=[(0,i.createTextVNode)(`⌘ + A`,-1)]]),_:1})]),_:1})]),_:1})):(0,i.createCommentVNode)(``,!0),(0,i.unref)(c).length===1&&f.value?((0,i.openBlock)(),(0,i.createBlock)(u,{key:1,class:`w-64`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{inset:``,onClick:t[1]||=e=>(0,i.unref)(d)(f.value.id)},{default:(0,i.withCtx)(()=>[...t[14]||=[(0,i.createTextVNode)(` Edit product `,-1)]]),_:1}),(0,i.createVNode)(g),(0,i.unref)(l).previewUrl?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[(0,i.createVNode)(s,{inset:``,onClick:t[2]||=e=>p(f.value)},{default:(0,i.withCtx)(()=>[t[15]||=(0,i.createTextVNode)(` Preview product `,-1),(0,i.createVNode)(r,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.ExternalLink),{class:`size-4`})]),_:1})]),_:1}),(0,i.createVNode)(g)],64)):(0,i.createCommentVNode)(``,!0),(0,i.createVNode)(s,{inset:``,onClick:t[3]||=e=>o(`duplicateProduct`,f.value)},{default:(0,i.withCtx)(()=>[...t[16]||=[(0,i.createTextVNode)(` Duplicate product `,-1)]]),_:1}),(0,i.createVNode)(b,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(_,{inset:``},{default:(0,i.withCtx)(()=>[...t[17]||=[(0,i.createTextVNode)(` Change status `,-1)]]),_:1}),(0,i.createVNode)(y,{class:`w-48`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(v,{onClick:t[4]||=e=>m(f.value,`draft`),modelValue:f.value.status===`draft`},{default:(0,i.withCtx)(()=>[...t[18]||=[(0,i.createElementVNode)(`span`,{class:`size-2 rounded-full bg-blue-500`},null,-1),(0,i.createTextVNode)(` Draft `,-1)]]),_:1},8,[`modelValue`]),(0,i.createVNode)(v,{onClick:t[5]||=e=>m(f.value,`published`),modelValue:f.value.status===`published`},{default:(0,i.withCtx)(()=>[...t[19]||=[(0,i.createElementVNode)(`span`,{class:`size-2 rounded-full bg-green-500`},null,-1),(0,i.createTextVNode)(` Published `,-1)]]),_:1},8,[`modelValue`]),(0,i.createVNode)(v,{onClick:t[6]||=e=>m(f.value,`archived`),modelValue:f.value.status===`archived`},{default:(0,i.withCtx)(()=>[...t[20]||=[(0,i.createElementVNode)(`span`,{class:`size-2 rounded-full bg-gray-300`},null,-1),(0,i.createTextVNode)(` Archived `,-1)]]),_:1},8,[`modelValue`])]),_:1})]),_:1}),(0,i.createVNode)(s,{inset:``,variant:`destructive`,onClick:t[7]||=e=>o(`deleteProduct`,f.value)},{default:(0,i.withCtx)(()=>[...t[21]||=[(0,i.createTextVNode)(` Delete product `,-1)]]),_:1})]),_:1})):(0,i.createCommentVNode)(``,!0),(0,i.unref)(c).length>1?((0,i.openBlock)(),(0,i.createBlock)(u,{key:2,class:`w-64`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(b,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(_,{inset:``},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(` Change status (`+(0,i.toDisplayString)((0,i.unref)(c).length)+`) `,1)]),_:1}),(0,i.createVNode)(y,{class:`w-48`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(v,{onClick:t[8]||=e=>h(`draft`)},{default:(0,i.withCtx)(()=>[...t[22]||=[(0,i.createElementVNode)(`span`,{class:`size-2 rounded-full bg-blue-500`},null,-1),(0,i.createTextVNode)(` Draft `,-1)]]),_:1}),(0,i.createVNode)(v,{onClick:t[9]||=e=>h(`published`)},{default:(0,i.withCtx)(()=>[...t[23]||=[(0,i.createElementVNode)(`span`,{class:`size-2 rounded-full bg-green-500`},null,-1),(0,i.createTextVNode)(` Published `,-1)]]),_:1}),(0,i.createVNode)(v,{onClick:t[10]||=e=>h(`archived`)},{default:(0,i.withCtx)(()=>[...t[24]||=[(0,i.createElementVNode)(`span`,{class:`size-2 rounded-full bg-gray-300`},null,-1),(0,i.createTextVNode)(` Archived `,-1)]]),_:1})]),_:1})]),_:1}),(0,i.createVNode)(s,{inset:``,variant:`destructive`,onClick:t[11]||=e=>o(`deleteSelection`)},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(` Delete products (`+(0,i.toDisplayString)((0,i.unref)(c).length)+`) `,1)]),_:1})]),_:1})):(0,i.createCommentVNode)(``,!0)]),_:3})}}}),M={class:`relative flex flex-col flex-1`},N={ref:`container`,class:`flex items-center justify-between gap-4 w-full mt-12 mb-8`},P={class:`flex items-center gap-4`},F={class:`text-lg whitespace-nowrap`},I={class:`relative w-full max-w-sm items-center`},L={class:`absolute start-0 inset-y-0 flex items-center justify-center px-2`},R={class:`flex items-center gap-4`},z={class:`flex flex-1`},B=(0,i.defineComponent)({__name:`Overview`,props:{config:{type:Object,required:!0}},async setup(t){let o,s,c=t,{hasPermission:l}=(0,r.useModulePermissions)(),{navigateTo:u}=(0,r.useModuleRoute)(),{confirm:d}=(0,r.useConfirmation)();(0,r.useModuleBreadcrumbs)(()=>[]);let f=(0,r.useFirebaseIntegration)(c.config.project),m=(0,i.ref)([]),h=async()=>{m.value=await f.find(c.config.productCollection)||[]},{width:g}=n.t((0,i.useTemplateRef)(`container`)),_=(0,i.ref)(`grid`),y=(0,i.ref)(1),b=(0,i.ref)([]),x=(0,i.ref)(``),S=(0,i.ref)([]);S.value=([o,s]=(0,i.withAsyncContext)(()=>E()),o=await o,s(),o);let C=(0,i.computed)(()=>_.value===`grid`?g.value<768?6:g.value<896?8:g.value<1024?10:12:10),w=(0,i.computed)(()=>m.value.filter(e=>!(H.value.collections.length>0&&!e.collections?.some(e=>H.value.collections.includes(e))||!H.value.published&&e.status===`published`||!H.value.draft&&e.status===`draft`||!H.value.archived&&e.status===`archived`)).filter(e=>e.title.toLowerCase().includes(x.value.toLowerCase())||e.slug.toLowerCase().includes(x.value.toLowerCase())||e.id.toLowerCase().includes(x.value.toLowerCase()))),T=(0,i.computed)(()=>{if(w.value.length<=C.value)return w.value;let e=(y.value-1)*C.value,t=e+C.value;return w.value.slice(e,t)});async function E(){if(!c.config.collectionsCollection)return[];let e=c.config.collectionsCollection.split(`:`);return e.length===2&&(await f.get(e[0]))?.[e[1]]||[]}async function D(e){return(await f.find(c.config.productCollection,{filters:[{field:`slug`,operator:`==`,value:e}]})).length>0}let O=()=>{b.value=T.value.map(e=>e.id)},k=async t=>{try{let n={...t},r=n.slug+`-copy`,i=2;for(;await D(r);)r=n.slug+`-copy-`+i,i++;n.id=void 0,n.createdAt=new Date,n.updatedAt=new Date,n.slug=r,n.status=`draft`,n.title+=` (copy)`,u((await f.add(c.config.productCollection,n)).id),e.t.success(`Product duplicated`)}catch{e.t.error(`Failed to duplicate product`)}},B=async t=>{if(await d(`Are you sure you want to delete "${t.title}"?`))try{await f.remove(c.config.productCollection,t.id),m.value=m.value.filter(e=>e.id!==t.id),b.value=[],e.t.success(`Product deleted`)}catch{e.t.error(`Failed to delete product`)}},V=async()=>{if(await d(`Are you sure you want to delete all selected products (${b.value.length})?`))try{b.value.forEach(async e=>{await f.remove(c.config.productCollection,e)}),m.value=m.value.filter(e=>!b.value.includes(e.id)),b.value=[],e.t.success(`Products deleted`)}catch{e.t.error(`Failed to delete products`)}},H=(0,i.ref)({collections:[],published:!0,draft:!0,archived:!1});(0,i.watch)(H,()=>{y.value=1});let U=e=>{e.target?.matches(`input, textarea`)||e.target?.isContentEditable||(e.key===`Escape`&&(b.value=[]),(e.metaKey||e.ctrlKey)&&e.key.toLowerCase()===`a`&&(e.preventDefault(),O()))};return(0,i.onMounted)(()=>{h(),window.addEventListener(`keydown`,U)}),(0,i.onUnmounted)(()=>{window.removeEventListener(`keydown`,U)}),(0,i.provide)(`config`,c.config),(0,i.provide)(`filter`,H),(0,i.provide)(`products`,m),(0,i.provide)(`collections`,S),(0,i.provide)(`selection`,b),(e,t)=>{let n=(0,i.resolveComponent)(`Input`),r=(0,i.resolveComponent)(`Button`),o=(0,i.resolveComponent)(`SegmentedControlButton`),s=(0,i.resolveComponent)(`SegmentedControl`),c=(0,i.resolveComponent)(`PaginationFirst`),d=(0,i.resolveComponent)(`PaginationPrev`),f=(0,i.resolveComponent)(`PaginationListItem`),m=(0,i.resolveComponent)(`PaginationEllipsis`),h=(0,i.resolveComponent)(`PaginationNext`),g=(0,i.resolveComponent)(`PaginationLast`),S=(0,i.resolveComponent)(`PaginationList`),E=(0,i.resolveComponent)(`Pagination`);return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,M,[(0,i.createElementVNode)(`div`,N,[(0,i.createElementVNode)(`div`,P,[(0,i.createElementVNode)(`p`,F,(0,i.toDisplayString)(w.value?.length)+` products`,1),(0,i.createElementVNode)(`div`,I,[(0,i.createVNode)(n,{id:`search`,type:`text`,placeholder:`Search...`,class:`pl-8`,onKeydown:t[0]||=(0,i.withKeys)(e=>x.value=``,[`escape`]),modelValue:x.value,"onUpdate:modelValue":t[1]||=e=>x.value=e},null,8,[`modelValue`]),(0,i.createElementVNode)(`span`,L,[(0,i.createVNode)((0,i.unref)(a.Search),{class:`size-4 text-muted-foreground`})])])]),(0,i.createElementVNode)(`div`,R,[b.value.length>0?((0,i.openBlock)(),(0,i.createBlock)(r,{key:0,variant:`destructive`,onClick:V},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(` Delete Selection (`+(0,i.toDisplayString)(b.value.length)+`) `,1)]),_:1})):(0,i.createCommentVNode)(``,!0),(0,i.unref)(l)(`create-product`)?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createVNode)(r,{variant:`outline`,onClick:t[2]||=e=>(0,i.unref)(u)(`new`)},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.Plus),{class:`size-4`}),t[5]||=(0,i.createTextVNode)(` New Product `,-1)]),_:1}),t[6]||=(0,i.createElementVNode)(`div`,{class:`w-[1px] h-8 bg-border`},null,-1)],64)):(0,i.createCommentVNode)(``,!0),(0,i.createVNode)(A),t[7]||=(0,i.createElementVNode)(`div`,{class:`w-[1px] h-8 bg-border`},null,-1),(0,i.createElementVNode)(`div`,null,[(0,i.createVNode)(s,{modelValue:_.value,"onUpdate:modelValue":t[3]||=e=>_.value=e,"aria-label":`View mode`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(o,{value:`grid`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.LayoutGrid),{class:`size-4`})]),_:1}),(0,i.createVNode)(o,{value:`list`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.List),{class:`size-4`})]),_:1})]),_:1},8,[`modelValue`])])])],512),(0,i.createElementVNode)(`div`,z,[(0,i.createVNode)(j,{onSelectAll:O,onDuplicateProduct:k,onDeleteProduct:B,onDeleteSelection:V},{default:(0,i.withCtx)(()=>[_.value===`grid`?((0,i.openBlock)(),(0,i.createBlock)(p,{key:0,products:T.value},null,8,[`products`])):((0,i.openBlock)(),(0,i.createBlock)(v,{key:1,products:T.value},null,8,[`products`]))]),_:1})]),w.value?.length>C.value?((0,i.openBlock)(),(0,i.createBlock)(E,{key:0,page:y.value,"onUpdate:page":t[4]||=e=>y.value=e,"items-per-page":C.value,total:w.value?.length,"sibling-count":1,"show-edges":``},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(S,{class:`flex items-center gap-1`},{default:(0,i.withCtx)(({items:e})=>[(0,i.createVNode)(c),(0,i.createVNode)(d),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,null,[e.type===`page`?((0,i.openBlock)(),(0,i.createBlock)(f,{key:t,value:e.value,"as-child":``},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(r,{class:`size-10 p-0`,variant:e.value===y.value?`default`:`outline`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.value),1)]),_:2},1032,[`variant`])]),_:2},1032,[`value`])):((0,i.openBlock)(),(0,i.createBlock)(m,{key:e.type,index:t},null,8,[`index`]))],64))),256)),(0,i.createVNode)(h),(0,i.createVNode)(g)]),_:1})]),_:1},8,[`page`,`items-per-page`,`total`])):(0,i.createCommentVNode)(``,!0)])}}});exports.default=B;

package/dist/Overview-CFHOXP9N.mjs

@@ -0,0 +1,123 @@
+import { t as e } from "./countries-MXLT3mVe.mjs";
+import { useFirebaseIntegration as t, useLogs as n, useModuleBreadcrumbs as r, useModulePermissions as i, useModuleRoute as a } from "@oneclick.dev/cms-kit";
+import { Fragment as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, onMounted as m, openBlock as h, ref as g, renderList as _, resolveComponent as v, toDisplayString as y, unref as b, withCtx as x, withKeys as S } from "vue";
+import { Pencil as C, Plus as w, Search as T } from "@lucide/vue";
+//#region src/shippingOptions/components/overview/ListView.vue?vue&type=script&setup=true&lang.ts
+var E = { class: "flex items-center gap-2" }, D = { class: "flex items-center gap-2" }, O = { key: 0 }, k = { key: 1 }, A = { key: 2 }, j = { class: "flex items-center gap-2" }, M = /* @__PURE__ */ p({
+	__name: "ListView",
+	props: { options: {
+		type: Array,
+		required: !0
+	} },
+	setup(t) {
+		let { navigateTo: n } = a(), { hasPermission: r } = i();
+		return (r, i) => {
+			let a = v("TableHead"), p = v("TableRow"), m = v("TableHeader"), g = v("TableCell"), S = v("Button"), w = v("TableBody"), T = v("Table");
+			return h(), s(T, null, {
+				default: x(() => [f(m, null, {
+					default: x(() => [f(p, null, {
+						default: x(() => [
+							f(a, null, {
+								default: x(() => [...i[0] ||= [d("Name", -1)]]),
+								_: 1
+							}),
+							f(a, null, {
+								default: x(() => [...i[1] ||= [d("Countries", -1)]]),
+								_: 1
+							}),
+							f(a, null, {
+								default: x(() => [...i[2] ||= [d("Price", -1)]]),
+								_: 1
+							}),
+							f(a, null, {
+								default: x(() => [...i[3] ||= [d("Actions", -1)]]),
+								_: 1
+							})
+						]),
+						_: 1
+					})]),
+					_: 1
+				}), f(w, null, {
+					default: x(() => [(h(!0), l(o, null, _(t.options, (t) => (h(), s(p, {
+						key: t.id,
+						onClick: (e) => b(n)(t.id),
+						class: "cursor-pointer"
+					}, {
+						default: x(() => [
+							f(g, { class: "font-medium" }, {
+								default: x(() => [u("div", E, [u("span", null, y(t.title), 1)])]),
+								_: 2
+							}, 1024),
+							f(g, null, {
+								default: x(() => [u("div", D, [
+									!t.countries || t.countries.length === 0 ? (h(), l("span", O, "Everywhere")) : c("", !0),
+									t.countries && t.countries.length < 3 ? (h(), l("span", k, y(t.countries.map((t) => b(e).find((e) => e.cca2 === t)?.name.common).join(", ")), 1)) : c("", !0),
+									t.countries && t.countries.length >= 3 ? (h(), l("span", A, y(t.countries.length) + " countries", 1)) : c("", !0)
+								])]),
+								_: 2
+							}, 1024),
+							f(g, null, {
+								default: x(() => [u("div", j, [u("span", null, y(t.price || "FREE"), 1)])]),
+								_: 2
+							}, 1024),
+							f(g, null, {
+								default: x(() => [f(S, {
+									variant: "ghost",
+									size: "icon"
+								}, {
+									default: x(() => [f(b(C), { class: "size-4" })]),
+									_: 1
+								})]),
+								_: 1
+							})
+						]),
+						_: 2
+					}, 1032, ["onClick"]))), 128))]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+}), N = { class: "relative" }, P = {
+	ref: "container",
+	class: "flex items-center justify-between gap-4 w-full mt-12 mb-8"
+}, F = { class: "flex items-center gap-4" }, I = { class: "text-lg whitespace-nowrap" }, L = { class: "relative w-full max-w-sm items-center" }, R = { class: "absolute start-0 inset-y-0 flex items-center justify-center px-2" }, z = { class: "flex items-center gap-4" }, B = /* @__PURE__ */ p({
+	__name: "Overview",
+	props: { config: {
+		type: Object,
+		required: !0
+	} },
+	setup(e) {
+		let o = e, { hasPermission: p } = i(), { navigateTo: _ } = a(), { log: C, logWarning: E, logError: D } = n();
+		r(() => []);
+		let O = t(o.config.project), k = g([]), A = async () => (k.value = await (async () => {
+			if (!o.config.shippingOptionsCollection) return [];
+			let e = o.config.shippingOptionsCollection.split(":");
+			return e.length === 2 && (await O.get(e[0]))?.[e[1]] || [];
+		})(), k.value);
+		return m(() => {
+			A();
+		}), (e, t) => {
+			let n = v("Input"), r = v("Button");
+			return h(), l("div", N, [u("div", P, [u("div", F, [u("p", I, y(k.value?.length) + " options", 1), u("div", L, [f(n, {
+				id: "search",
+				type: "text",
+				placeholder: "Search...",
+				class: "pl-8",
+				modelValue: e.searchQuery,
+				"onUpdate:modelValue": t[0] ||= (t) => e.searchQuery = t,
+				onKeydown: t[1] ||= S((t) => e.searchQuery = "", ["escape"])
+			}, null, 8, ["modelValue"]), u("span", R, [f(b(T), { class: "size-4 text-muted-foreground" })])])]), u("div", z, [b(p)("create-option") ? (h(), s(r, {
+				key: 0,
+				variant: "outline",
+				onClick: t[2] ||= (e) => b(_)("new")
+			}, {
+				default: x(() => [f(b(w), { class: "size-4" }), t[3] ||= d(" New Option ", -1)]),
+				_: 1
+			})) : c("", !0)])], 512), f(M, { options: k.value }, null, 8, ["options"])]);
+		};
+	}
+});
+//#endregion
+export { B as default };

package/dist/Overview-CTJe7J5_.js

@@ -0,0 +1 @@
+require(`./chunk-DQi1bQcV.js`);const e=require(`./countries-OCd5qPxG.js`);let t=require(`@oneclick.dev/cms-kit`),n=require(`vue`),r=require(`@lucide/vue`);var i={class:`flex items-center gap-2`},a={class:`flex items-center gap-2`},o={key:0},s={key:1},c={key:2},l={class:`flex items-center gap-2`},u=(0,n.defineComponent)({__name:`ListView`,props:{options:{type:Array,required:!0}},setup(u){let{navigateTo:d}=(0,t.useModuleRoute)(),{hasPermission:f}=(0,t.useModulePermissions)();return(t,f)=>{let p=(0,n.resolveComponent)(`TableHead`),m=(0,n.resolveComponent)(`TableRow`),h=(0,n.resolveComponent)(`TableHeader`),g=(0,n.resolveComponent)(`TableCell`),_=(0,n.resolveComponent)(`Button`),v=(0,n.resolveComponent)(`TableBody`),y=(0,n.resolveComponent)(`Table`);return(0,n.openBlock)(),(0,n.createBlock)(y,null,{default:(0,n.withCtx)(()=>[(0,n.createVNode)(h,null,{default:(0,n.withCtx)(()=>[(0,n.createVNode)(m,null,{default:(0,n.withCtx)(()=>[(0,n.createVNode)(p,null,{default:(0,n.withCtx)(()=>[...f[0]||=[(0,n.createTextVNode)(`Name`,-1)]]),_:1}),(0,n.createVNode)(p,null,{default:(0,n.withCtx)(()=>[...f[1]||=[(0,n.createTextVNode)(`Countries`,-1)]]),_:1}),(0,n.createVNode)(p,null,{default:(0,n.withCtx)(()=>[...f[2]||=[(0,n.createTextVNode)(`Price`,-1)]]),_:1}),(0,n.createVNode)(p,null,{default:(0,n.withCtx)(()=>[...f[3]||=[(0,n.createTextVNode)(`Actions`,-1)]]),_:1})]),_:1})]),_:1}),(0,n.createVNode)(v,null,{default:(0,n.withCtx)(()=>[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(u.options,t=>((0,n.openBlock)(),(0,n.createBlock)(m,{key:t.id,onClick:e=>(0,n.unref)(d)(t.id),class:`cursor-pointer`},{default:(0,n.withCtx)(()=>[(0,n.createVNode)(g,{class:`font-medium`},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`div`,i,[(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(t.title),1)])]),_:2},1024),(0,n.createVNode)(g,null,{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`div`,a,[!t.countries||t.countries.length===0?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,o,`Everywhere`)):(0,n.createCommentVNode)(``,!0),t.countries&&t.countries.length<3?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,s,(0,n.toDisplayString)(t.countries.map(t=>(0,n.unref)(e.t).find(e=>e.cca2===t)?.name.common).join(`, `)),1)):(0,n.createCommentVNode)(``,!0),t.countries&&t.countries.length>=3?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,c,(0,n.toDisplayString)(t.countries.length)+` countries`,1)):(0,n.createCommentVNode)(``,!0)])]),_:2},1024),(0,n.createVNode)(g,null,{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`div`,l,[(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(t.price||`FREE`),1)])]),_:2},1024),(0,n.createVNode)(g,null,{default:(0,n.withCtx)(()=>[(0,n.createVNode)(_,{variant:`ghost`,size:`icon`},{default:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.Pencil),{class:`size-4`})]),_:1})]),_:1})]),_:2},1032,[`onClick`]))),128))]),_:1})]),_:1})}}}),d={class:`relative`},f={ref:`container`,class:`flex items-center justify-between gap-4 w-full mt-12 mb-8`},p={class:`flex items-center gap-4`},m={class:`text-lg whitespace-nowrap`},h={class:`relative w-full max-w-sm items-center`},g={class:`absolute start-0 inset-y-0 flex items-center justify-center px-2`},_={class:`flex items-center gap-4`},v=(0,n.defineComponent)({__name:`Overview`,props:{config:{type:Object,required:!0}},setup(e){let i=e,{hasPermission:a}=(0,t.useModulePermissions)(),{navigateTo:o}=(0,t.useModuleRoute)(),{log:s,logWarning:c,logError:l}=(0,t.useLogs)();(0,t.useModuleBreadcrumbs)(()=>[]);let v=(0,t.useFirebaseIntegration)(i.config.project),y=(0,n.ref)([]),b=async()=>(y.value=await(async()=>{if(!i.config.shippingOptionsCollection)return[];let e=i.config.shippingOptionsCollection.split(`:`);return e.length===2&&(await v.get(e[0]))?.[e[1]]||[]})(),y.value);return(0,n.onMounted)(()=>{b()}),(e,t)=>{let i=(0,n.resolveComponent)(`Input`),s=(0,n.resolveComponent)(`Button`);return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,d,[(0,n.createElementVNode)(`div`,f,[(0,n.createElementVNode)(`div`,p,[(0,n.createElementVNode)(`p`,m,(0,n.toDisplayString)(y.value?.length)+` options`,1),(0,n.createElementVNode)(`div`,h,[(0,n.createVNode)(i,{id:`search`,type:`text`,placeholder:`Search...`,class:`pl-8`,modelValue:e.searchQuery,"onUpdate:modelValue":t[0]||=t=>e.searchQuery=t,onKeydown:t[1]||=(0,n.withKeys)(t=>e.searchQuery=``,[`escape`])},null,8,[`modelValue`]),(0,n.createElementVNode)(`span`,g,[(0,n.createVNode)((0,n.unref)(r.Search),{class:`size-4 text-muted-foreground`})])])]),(0,n.createElementVNode)(`div`,_,[(0,n.unref)(a)(`create-option`)?((0,n.openBlock)(),(0,n.createBlock)(s,{key:0,variant:`outline`,onClick:t[2]||=e=>(0,n.unref)(o)(`new`)},{default:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.Plus),{class:`size-4`}),t[3]||=(0,n.createTextVNode)(` New Option `,-1)]),_:1})):(0,n.createCommentVNode)(``,!0)])],512),(0,n.createVNode)(u,{options:y.value},null,8,[`options`])])}}});exports.default=v;

package/dist/Overview-Cvj2i9eW.js

@@ -0,0 +1 @@
+require(`./chunk-DQi1bQcV.js`);let e=require(`@oneclick.dev/cms-kit`),t=require(`vue`),n=require(`@lucide/vue`);var r={class:`flex items-center gap-2`},i={key:0,class:`bg-green-500 text-green-950 px-2 py-1 rounded-lg text-xs`},a={key:1,class:`bg-blue-500 text-blue-950 px-2 py-1 rounded-lg text-xs`},o=(0,t.defineComponent)({__name:`ListView`,props:{collections:{type:Array,required:!0}},setup(o){let{navigateTo:s}=(0,e.useModuleRoute)();return(e,c)=>{let l=(0,t.resolveComponent)(`TableHead`),u=(0,t.resolveComponent)(`TableRow`),d=(0,t.resolveComponent)(`TableHeader`),f=(0,t.resolveComponent)(`AvatarImage`),p=(0,t.resolveComponent)(`AvatarFallback`),m=(0,t.resolveComponent)(`Avatar`),h=(0,t.resolveComponent)(`TableCell`),g=(0,t.resolveComponent)(`Button`),_=(0,t.resolveComponent)(`TableBody`),v=(0,t.resolveComponent)(`Table`);return(0,t.openBlock)(),(0,t.createBlock)(v,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(d,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(u,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(l,{class:`w-[100px]`},{default:(0,t.withCtx)(()=>[...c[0]||=[(0,t.createTextVNode)(` Title `,-1)]]),_:1}),(0,t.createVNode)(l,null,{default:(0,t.withCtx)(()=>[...c[1]||=[(0,t.createTextVNode)(`Status`,-1)]]),_:1}),(0,t.createVNode)(l,null,{default:(0,t.withCtx)(()=>[...c[2]||=[(0,t.createTextVNode)(` Type`,-1)]]),_:1}),(0,t.createVNode)(l,{class:`text-right`},{default:(0,t.withCtx)(()=>[...c[3]||=[(0,t.createTextVNode)(` Actions `,-1)]]),_:1})]),_:1})]),_:1}),(0,t.createVNode)(_,null,{default:(0,t.withCtx)(()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(o.collections,e=>((0,t.openBlock)(),(0,t.createBlock)(u,{key:e.id,onClick:n=>(0,t.unref)(s)(e.id),class:`cursor-pointer`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(h,{class:`font-medium`},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,r,[e.thumbnail?((0,t.openBlock)(),(0,t.createBlock)(m,{key:0,class:`size-12 rounded-xl`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(f,{src:e.thumbnail,class:`object-cover`},null,8,[`src`]),(0,t.createVNode)(p,{class:`rounded-xl`})]),_:2},1024)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(e.title),1)])]),_:2},1024),(0,t.createVNode)(h,null,{default:(0,t.withCtx)(()=>[e.status===`published`?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,i,`Published`)):e.status===`draft`?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,a,`Draft`)):(0,t.createCommentVNode)(``,!0)]),_:2},1024),(0,t.createVNode)(h,null,{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.type),1)]),_:2},1024),(0,t.createVNode)(h,{class:`text-right`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(g,{size:`icon`,variant:`ghost`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.Pencil),{class:`size-4`})]),_:1})]),_:1})]),_:2},1032,[`onClick`]))),128))]),_:1})]),_:1})}}}),s={class:`relative`},c={ref:`container`,class:`flex items-center justify-between gap-4 w-full mt-12 mb-8`},l={class:`flex items-center gap-4`},u={class:`text-lg whitespace-nowrap`},d={class:`relative w-full max-w-sm items-center`},f={class:`absolute start-0 inset-y-0 flex items-center justify-center px-2`},p={class:`flex items-center gap-4`},m=(0,t.defineComponent)({__name:`Overview`,props:{config:{type:Object,required:!0}},setup(r){let i=r,{hasPermission:a}=(0,e.useModulePermissions)(),{navigateTo:m}=(0,e.useModuleRoute)(),{log:h,logWarning:g,logError:_}=(0,e.useLogs)();(0,e.useModuleBreadcrumbs)(()=>[]);let v=(0,e.useFirebaseIntegration)(i.config.project),y=(0,t.ref)([]),b=(0,t.ref)(``),x=(0,t.computed)(()=>y.value.filter(e=>e.title.toLowerCase().includes(b.value.toLowerCase()))),S=async()=>(y.value=await(async()=>{if(!i.config.collectionsCollection)return[];let e=i.config.collectionsCollection.split(`:`);return e.length===2&&(await v.get(e[0]))?.[e[1]]||[]})(),y.value);return(0,t.onMounted)(()=>{S()}),(e,r)=>{let i=(0,t.resolveComponent)(`Input`),h=(0,t.resolveComponent)(`Button`);return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,s,[(0,t.createElementVNode)(`div`,c,[(0,t.createElementVNode)(`div`,l,[(0,t.createElementVNode)(`p`,u,(0,t.toDisplayString)(y.value?.length)+` collections`,1),(0,t.createElementVNode)(`div`,d,[(0,t.createVNode)(i,{id:`search`,type:`text`,placeholder:`Search...`,class:`pl-8`,modelValue:b.value,"onUpdate:modelValue":r[0]||=e=>b.value=e,onKeydown:r[1]||=(0,t.withKeys)(e=>b.value=``,[`escape`])},null,8,[`modelValue`]),(0,t.createElementVNode)(`span`,f,[(0,t.createVNode)((0,t.unref)(n.Search),{class:`size-4 text-muted-foreground`})])])]),(0,t.createElementVNode)(`div`,p,[(0,t.unref)(a)(`create-collection`)?((0,t.openBlock)(),(0,t.createBlock)(h,{key:0,variant:`outline`,onClick:r[2]||=e=>(0,t.unref)(m)(`new`)},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.Plus),{class:`size-4`}),r[3]||=(0,t.createTextVNode)(` New Collection `,-1)]),_:1})):(0,t.createCommentVNode)(``,!0)])],512),(0,t.createVNode)(o,{collections:(0,t.unref)(x)},null,8,[`collections`])])}}});exports.default=m;

package/dist/Overview-D2I1F8Dm.mjs

@@ -0,0 +1,21 @@
+import { t as e } from "./TemplateList-CNcM_Kgq.mjs";
+import { useFirebaseIntegration as t, useModuleBreadcrumbs as n } from "@oneclick.dev/cms-kit";
+import { createElementBlock as r, createVNode as i, defineComponent as a, onMounted as o, openBlock as s } from "vue";
+//#region src/mailTemplates/pages/Overview.vue?vue&type=script&setup=true&lang.ts
+var c = { class: "relative" }, l = /* @__PURE__ */ a({
+	__name: "Overview",
+	props: { config: {
+		type: Object,
+		required: !0
+	} },
+	setup(a) {
+		let l = a;
+		n(() => []), t(l.config.project);
+		let u = async () => {};
+		return o(() => {
+			u();
+		}), (t, n) => (s(), r("div", c, [i(e)]));
+	}
+});
+//#endregion
+export { l as default };

package/dist/Overview-DFOc9emt.mjs

@@ -0,0 +1,345 @@
+import { useConfirmation as e, useFirebaseIntegration as t, useModule as n, useModuleBreadcrumbs as r, useModulePermissions as i, useModuleRoute as a } from "@oneclick.dev/cms-kit";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, normalizeStyle as g, openBlock as _, ref as v, renderList as ee, resolveComponent as y, toDisplayString as b, unref as x, withCtx as S, withModifiers as C } from "vue";
+import { CalendarDays as w, CalendarX as te, CheckCircle2 as ne, ChevronsLeftRightEllipsis as re, Clock as ie, Copy as ae, DollarSign as oe, ImportIcon as se, MoreHorizontalIcon as T, PlusIcon as E, Search as D, Trash2Icon as ce, Upload as O, Users as le } from "@lucide/vue";
+//#region src/appointments/pages/Overview.vue?vue&type=script&setup=true&lang.ts
+var ue = { class: "container @container mx-auto py-8 px-4" }, de = {
+	key: 0,
+	class: "flex justify-center py-24"
+}, fe = { class: "flex gap-2" }, pe = { key: 2 }, me = { class: "flex flex-col gap-4 mb-6 @md:flex-row @md:items-end @md:justify-between" }, he = { class: "flex flex-wrap items-center gap-2" }, ge = { class: "relative" }, _e = {
+	key: 0,
+	class: "flex flex-wrap items-center justify-between gap-3 mb-4 px-4 py-3 rounded-lg border bg-muted/40"
+}, ve = { class: "flex items-center gap-3" }, ye = { class: "text-sm font-medium" }, k = { class: "flex items-center gap-2" }, A = {
+	key: 1,
+	class: "flex flex-col items-center justify-center py-16 text-center border border-dashed rounded-lg"
+}, j = { class: "font-medium" }, M = {
+	key: 2,
+	class: "grid gap-4 @md:grid-cols-2 @3xl:grid-cols-3"
+}, N = ["onClick"], P = ["onClick"], be = { class: "flex items-start gap-3" }, xe = ["disabled", "onClick"], Se = { class: "text-base font-semibold leading-tight line-clamp-1" }, Ce = { class: "flex items-center gap-2 mt-1" }, we = {
+	key: 0,
+	class: "text-xs text-muted-foreground cursor-pointer"
+}, Te = {
+	key: 0,
+	class: "shrink-0"
+}, Ee = { class: "grid grid-cols-3 gap-2 mt-5" }, De = { class: "flex flex-col items-start gap-1 rounded-lg bg-muted/40 px-3 py-2" }, Oe = { class: "flex items-center gap-1 text-muted-foreground" }, ke = { class: "text-sm font-semibold" }, Ae = { class: "flex flex-col items-start gap-1 rounded-lg bg-muted/40 px-3 py-2" }, je = { class: "flex items-center gap-1 text-muted-foreground" }, Me = { class: "text-sm font-semibold" }, Ne = { class: "flex flex-col items-start gap-1 rounded-lg bg-muted/40 px-3 py-2" }, Pe = { class: "flex items-center gap-1 text-muted-foreground" }, Fe = { class: "text-sm font-semibold" }, Ie = {
+	key: 0,
+	class: "flex items-center justify-between gap-2 px-5 py-3 border-t bg-muted/20"
+}, F = /* @__PURE__ */ m({
+	__name: "Overview",
+	setup(m) {
+		let { config: F } = n(), I = t(F.project), { navigateTo: L } = a(), { confirm: R } = e(), { hasPermission: z } = i();
+		r(() => []);
+		let B = v(null), V = v(""), H = v(!1), U = v([]), W = v("importAgendasInput"), G = s(() => {
+			if (!B.value) return [];
+			let e = V.value.trim().toLowerCase();
+			return e ? B.value.filter((t) => (t.serviceName || "").toLowerCase().includes(e)) : B.value;
+		}), K = s(() => G.value.length > 0 && G.value.every((e) => U.value.includes(e.id))), Le = () => {
+			if (K.value) {
+				let e = G.value.map((e) => e.id);
+				U.value = U.value.filter((t) => !e.includes(t));
+			} else {
+				let e = G.value.map((e) => e.id), t = new Set([...U.value, ...e]);
+				U.value = Array.from(t);
+			}
+		}, Re = (e) => {
+			U.value.includes(e) ? U.value = U.value.filter((t) => t !== e) : U.value.push(e);
+		}, ze = (e) => {
+			if (!e) return "??";
+			let t = e.trim().split(/\s+/);
+			return t.length === 1 ? t[0].slice(0, 2).toUpperCase() : (t[0][0] + t[t.length - 1][0]).toUpperCase();
+		}, q = [
+			{
+				fg: "#7c3aed",
+				bg: "rgba(124, 58, 237, 0.12)"
+			},
+			{
+				fg: "#0891b2",
+				bg: "rgba(8, 145, 178, 0.12)"
+			},
+			{
+				fg: "#ea580c",
+				bg: "rgba(234, 88, 12, 0.12)"
+			},
+			{
+				fg: "#16a34a",
+				bg: "rgba(22, 163, 74, 0.12)"
+			},
+			{
+				fg: "#2563eb",
+				bg: "rgba(37, 99, 235, 0.12)"
+			},
+			{
+				fg: "#db2777",
+				bg: "rgba(219, 39, 119, 0.12)"
+			},
+			{
+				fg: "#475569",
+				bg: "rgba(71, 85, 105, 0.12)"
+			}
+		], J = (e) => {
+			let t = (e.id || e.serviceName || "").toString(), n = 0;
+			for (let e = 0; e < t.length; e++) n = n * 31 + t.charCodeAt(e) >>> 0;
+			return q[n % q.length];
+		}, Be = (e) => {
+			let t = e?.pricingOptions?.[0];
+			return t?.duration ? `${t.duration} min` : null;
+		}, Ve = (e) => {
+			let t = e?.pricingOptions?.[0];
+			return t?.price === void 0 || t?.price === null || t?.price === "" ? null : `${e.currency === "EUR" ? "€" : "$"}${t.price}`;
+		}, He = (e) => Array.isArray(e?.resources) ? e.resources.filter((e) => e?.isActive !== !1).length : 0, Ue = (e) => e.type === "regular" ? "Regular" : e.type ? e.type.charAt(0).toUpperCase() + e.type.slice(1) : "Agenda", We = (e) => {
+			H.value = !0, U.value = [e];
+		}, Y = async () => {
+			B.value = await I.find(F.agendaCollection);
+		}, X = async (e) => {
+			if (!z("create-agendas")) return;
+			let t = await I.get(F.agendaCollection, e);
+			if (!t) {
+				alert("Agenda not found");
+				return;
+			}
+			let n = prompt("Enter name for duplicated agenda", t.serviceName + " (Copy)");
+			if (!n) return;
+			let r = {
+				...t,
+				serviceName: n
+			};
+			delete r.id, await I.add(F.agendaCollection, r), await Y();
+		}, Ge = async (e) => {
+			z("delete-agendas") && await R("Are you sure you want to delete this agenda? This action cannot be undone.") && (await I.remove(F.agendaCollection, e), await Y());
+		}, Ke = async () => {
+			if (!B.value) return;
+			let e = B.value.filter((e) => U.value.includes(e.id));
+			e = e.map((e) => {
+				let { id: t, ...n } = e;
+				return n;
+			});
+			let t = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(e, null, 2)), n = document.createElement("a");
+			n.setAttribute("href", t), n.setAttribute("download", "agendas_export.json"), document.body.appendChild(n), n.click(), n.remove(), H.value = !1, U.value = [];
+		}, qe = async (e) => {
+			let t = e.target;
+			if (!t.files || t.files.length === 0) return;
+			let n = await t.files[0].text(), r;
+			try {
+				r = JSON.parse(n);
+			} catch {
+				alert("Invalid JSON file");
+				return;
+			}
+			if (!Array.isArray(r)) {
+				alert("Invalid agendas format");
+				return;
+			}
+			for (let e of r) await I.add(F.agendaCollection, e);
+			t.value = "", await Y();
+		}, Z = (e) => {
+			H.value || (z("edit-agendas") ? L(`/edit/${e}`) : L(`/edit/${e}/agenda`));
+		};
+		return Y(), (e, t) => {
+			let n = y("Spinner"), r = y("EmptyMedia"), i = y("EmptyTitle"), a = y("EmptyDescription"), s = y("EmptyHeader"), m = y("Button"), v = y("EmptyContent"), F = y("Empty"), I = y("Input"), R = y("DropdownMenuTrigger"), q = y("DropdownMenuItem"), Y = y("DropdownMenuGroup"), Q = y("DropdownMenuContent"), $ = y("DropdownMenu"), Je = y("ButtonGroup"), Ye = y("Checkbox"), Xe = y("Badge");
+			return _(), u(o, null, [d("div", ue, [B.value === null ? (_(), u("div", de, [p(n, { class: "mx-auto" })])) : B.value.length === 0 ? (_(), c(F, { key: 1 }, {
+				default: S(() => [p(s, null, {
+					default: S(() => [
+						p(r, { variant: "icon" }, {
+							default: S(() => [p(x(te), { class: "size-4-6" })]),
+							_: 1
+						}),
+						p(i, null, {
+							default: S(() => [...t[6] ||= [f("No Agendas Yet", -1)]]),
+							_: 1
+						}),
+						p(a, null, {
+							default: S(() => [...t[7] ||= [f(" You haven't created any agenda yet. Get started by creating your first agenda. ", -1)]]),
+							_: 1
+						})
+					]),
+					_: 1
+				}), p(v, null, {
+					default: S(() => [d("div", fe, [p(m, { onClick: t[0] ||= (e) => x(L)("/create") }, {
+						default: S(() => [p(x(E)), t[8] ||= f(" Create Agenda ", -1)]),
+						_: 1
+					})])]),
+					_: 1
+				})]),
+				_: 1
+			})) : (_(), u("div", pe, [
+				d("div", me, [t[11] ||= d("div", null, [d("h2", { class: "text-3xl font-bold tracking-tight" }, "Agendas"), d("p", { class: "text-sm text-muted-foreground mt-1" }, " Manage your bookable services, hours and resources. ")], -1), d("div", he, [d("div", ge, [p(x(D), { class: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground pointer-events-none" }), p(I, {
+					modelValue: V.value,
+					"onUpdate:modelValue": t[1] ||= (e) => V.value = e,
+					placeholder: "Search agendas...",
+					class: "pl-9 w-full @md:w-64"
+				}, null, 8, ["modelValue"])]), !H.value && x(z)("create-agendas") ? (_(), c(Je, { key: 0 }, {
+					default: S(() => [p(m, { onClick: t[2] ||= (e) => x(L)("/create") }, {
+						default: S(() => [p(x(E)), t[9] ||= f(" New Agenda ", -1)]),
+						_: 1
+					}), p($, null, {
+						default: S(() => [p(R, { "as-child": "" }, {
+							default: S(() => [p(m, {
+								size: "icon",
+								"aria-label": "More Options"
+							}, {
+								default: S(() => [p(x(T))]),
+								_: 1
+							})]),
+							_: 1
+						}), p(Q, {
+							align: "end",
+							class: "w-52"
+						}, {
+							default: S(() => [p(Y, null, {
+								default: S(() => [p(q, { onClick: t[3] ||= (e) => W.value.click() }, {
+									default: S(() => [p(x(se)), t[10] ||= f(" Import Agendas... ", -1)]),
+									_: 1
+								})]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				})) : l("", !0)])]),
+				H.value ? (_(), u("div", _e, [d("div", ve, [p(Ye, {
+					modelValue: K.value,
+					"onUpdate:modelValue": Le
+				}, null, 8, ["modelValue"]), d("span", ye, b(U.value.length) + " of " + b(G.value.length) + " selected ", 1)]), d("div", k, [p(m, {
+					variant: "ghost",
+					onClick: t[4] ||= (e) => {
+						H.value = !1, U.value = [];
+					}
+				}, {
+					default: S(() => [...t[12] ||= [f(" Cancel ", -1)]]),
+					_: 1
+				}), p(m, {
+					onClick: Ke,
+					disabled: U.value.length === 0
+				}, {
+					default: S(() => [p(x(O)), f(" Export " + b(U.value.length || ""), 1)]),
+					_: 1
+				}, 8, ["disabled"])])])) : l("", !0),
+				G.value.length === 0 ? (_(), u("div", A, [
+					p(x(D), { class: "size-8 text-muted-foreground mb-3" }),
+					d("p", j, "No agendas match \"" + b(V.value) + "\"", 1),
+					t[13] ||= d("p", { class: "text-sm text-muted-foreground mt-1" }, "Try a different search term.", -1)
+				])) : (_(), u("div", M, [(_(!0), u(o, null, ee(G.value, (e) => (_(), u("div", {
+					key: e.id,
+					class: h(["group relative flex flex-col overflow-hidden rounded-xl border bg-card shadow-sm transition-all duration-200", {
+						"cursor-pointer": H.value,
+						"ring-2 ring-primary border-primary/40": H.value && U.value.includes(e.id)
+					}]),
+					onClick: (t) => H.value ? Re(e.id) : null
+				}, [
+					d("div", {
+						class: "h-1 w-full",
+						style: g({ backgroundColor: J(e).fg })
+					}, null, 4),
+					d("div", {
+						onClick: C((t) => !H.value && Z(e.id), ["stop"]),
+						class: "flex flex-col flex-1 p-5"
+					}, [d("div", be, [
+						d("div", {
+							class: "shrink-0 size-12 rounded-lg flex items-center justify-center font-semibold text-sm",
+							style: g({
+								backgroundColor: J(e).bg,
+								color: J(e).fg
+							})
+						}, b(ze(e.serviceName)), 5),
+						d("button", {
+							type: "button",
+							class: "flex-1 min-w-0 text-left focus:outline-none",
+							disabled: H.value,
+							onClick: (t) => !H.value && Z(e.id)
+						}, [d("h3", Se, b(e.serviceName || "Untitled Agenda"), 1), d("div", Ce, [p(Xe, {
+							variant: "secondary",
+							class: "text-[10px] font-medium px-1.5 py-0 h-4"
+						}, {
+							default: S(() => [f(b(Ue(e)), 1)]),
+							_: 2
+						}, 1024), H.value ? l("", !0) : (_(), u("span", we, " Click to " + b(x(z)("edit-agendas") ? "edit" : "view"), 1))])], 8, xe),
+						H.value ? (_(), u("div", Te, [d("div", { class: h(["flex items-center justify-center size-6 rounded-full border-2 transition", U.value.includes(e.id) ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/30"]) }, [U.value.includes(e.id) ? (_(), c(x(ne), {
+							key: 0,
+							class: "size-4"
+						})) : l("", !0)], 2)])) : l("", !0)
+					]), d("div", Ee, [
+						d("div", De, [d("div", Oe, [p(x(ie), { class: "size-3.5" }), t[14] ||= d("span", { class: "text-[10px] uppercase tracking-wide font-medium" }, "Duration", -1)]), d("span", ke, b(Be(e) || "—"), 1)]),
+						d("div", Ae, [d("div", je, [p(x(oe), { class: "size-3.5" }), t[15] ||= d("span", { class: "text-[10px] uppercase tracking-wide font-medium" }, "Price", -1)]), d("span", Me, b(Ve(e) || "—"), 1)]),
+						d("div", Ne, [d("div", Pe, [p(x(le), { class: "size-3.5" }), t[16] ||= d("span", { class: "text-[10px] uppercase tracking-wide font-medium" }, "Resources", -1)]), d("span", Fe, b(He(e)), 1)])
+					])], 8, P),
+					H.value ? l("", !0) : (_(), u("div", Ie, [x(z)("edit-agendas") ? (_(), c(m, {
+						key: 0,
+						variant: "ghost",
+						size: "sm",
+						class: "gap-1.5",
+						onClick: C((t) => x(L)(`/edit/${e.id}`), ["stop"])
+					}, {
+						default: S(() => [p(x(w), { class: "size-4" }), t[17] ||= f(" Edit Agenda ", -1)]),
+						_: 1
+					}, 8, ["onClick"])) : (_(), c(m, {
+						key: 1,
+						variant: "ghost",
+						size: "sm",
+						class: "gap-1.5",
+						onClick: C((t) => x(L)(`/edit/${e.id}/agenda`), ["stop"])
+					}, {
+						default: S(() => [p(x(w), { class: "size-4" }), t[18] ||= f(" View Agenda ", -1)]),
+						_: 1
+					}, 8, ["onClick"])), p($, null, {
+						default: S(() => [p(R, { "as-child": "" }, {
+							default: S(() => [p(m, {
+								variant: "ghost",
+								size: "icon",
+								"aria-label": "More Options",
+								onClick: t[5] ||= C(() => {}, ["stop"])
+							}, {
+								default: S(() => [p(x(T))]),
+								_: 1
+							})]),
+							_: 1
+						}), p(Q, {
+							align: "end",
+							class: "w-52"
+						}, {
+							default: S(() => [p(Y, null, {
+								default: S(() => [
+									x(z)("create-agendas") ? (_(), c(q, {
+										key: 0,
+										onClick: (t) => X(e.id)
+									}, {
+										default: S(() => [p(x(ae)), t[19] ||= f(" Duplicate Agenda ", -1)]),
+										_: 1
+									}, 8, ["onClick"])) : l("", !0),
+									p(q, null, {
+										default: S(() => [p(x(re)), t[20] ||= f(" API Set-up ", -1)]),
+										_: 1
+									}),
+									p(q, { onClick: (t) => We(e.id) }, {
+										default: S(() => [p(x(O)), t[21] ||= f(" Export Agenda ", -1)]),
+										_: 1
+									}, 8, ["onClick"]),
+									x(z)("delete-agendas") ? (_(), c(q, {
+										key: 1,
+										variant: "destructive",
+										onClick: (t) => Ge(e.id)
+									}, {
+										default: S(() => [p(x(ce)), t[22] ||= f(" Remove Agenda ", -1)]),
+										_: 1
+									}, 8, ["onClick"])) : l("", !0)
+								]),
+								_: 2
+							}, 1024)]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1024)]))
+				], 10, N))), 128))]))
+			]))]), d("input", {
+				type: "file",
+				ref_key: "importAgendasInput",
+				ref: W,
+				class: "hidden",
+				accept: ".json,application/json",
+				onChange: qe
+			}, null, 544)], 64);
+		};
+	}
+});
+//#endregion
+export { F as default };

package/dist/Overview-Dmhfb94Y.js

@@ -0,0 +1 @@
+require(`./chunk-DQi1bQcV.js`);const e=require(`./TemplateList-VuPcBUJO.js`);let t=require(`@oneclick.dev/cms-kit`),n=require(`vue`);var r={class:`relative`},i=(0,n.defineComponent)({__name:`Overview`,props:{config:{type:Object,required:!0}},setup(i){let a=i;(0,t.useModuleBreadcrumbs)(()=>[]),(0,t.useFirebaseIntegration)(a.config.project);let o=async()=>{};return(0,n.onMounted)(()=>{o()}),(t,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,r,[(0,n.createVNode)(e.t)]))}});exports.default=i;