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

package/dist/Acquisition-DypEyPSO.js

@@ -0,0 +1 @@
+require(`./chunk-DQi1bQcV.js`);const e=require(`./single-container-Xoo0Xzxv.js`);let t=require(`@oneclick.dev/cms-kit`),n=require(`vue`),r=require(`@lucide/vue`);var i={class:`@container/charts flex flex-col gap-6 w-full max-w-7xl mx-auto py-8`},ee={class:`flex justify-between gap-4 flex-col @lg:flex-row @lg:items-center`},te={key:0,class:`flex items-center gap-2`},ne={class:`flex items-center border rounded-lg overflow-hidden`},re=[`onClick`],ie={class:`text-sm text-destructive font-medium`},ae={key:2,class:`flex items-center justify-center py-20`},oe={class:`flex flex-col @4xl/charts:grid @4xl/charts:grid-cols-3 gap-6`},se={class:`relative`},ce={class:`absolute inset-0 flex items-center justify-center pointer-events-none`},le={class:`text-center`},ue={class:`text-2xl font-bold tabular-nums`},de={class:`mt-4 grid grid-cols-2 gap-x-4 gap-y-1.5 w-full`},fe={class:`text-xs truncate`},pe={class:`text-xs text-muted-foreground ml-auto tabular-nums`},me={class:`overflow-x-auto`},he={class:`w-full text-sm`},ge={class:`divide-y`},_e={class:`px-6 py-3`},ve={class:`flex items-center gap-2`},a={class:`font-medium`},o={class:`px-4 py-3 text-right tabular-nums`},s={class:`px-4 py-3 text-right tabular-nums`},c={class:`px-4 py-3 text-right tabular-nums`},l={class:`px-4 py-3 text-right tabular-nums`},u={class:`px-4 py-3 text-right tabular-nums`},d={key:0,class:`px-6 py-8 text-center text-muted-foreground text-sm`},f={class:`flex items-center gap-4`},p=[`onClick`],m={key:0,class:`divide-y`},h={class:`overflow-x-auto`},g={class:`w-full text-sm`},_={class:`divide-y`},v={class:`px-6 py-3 text-muted-foreground`},y={class:`px-4 py-3 font-mono text-xs`},b={class:`px-4 py-3 text-right tabular-nums`},x={class:`px-4 py-3 text-right tabular-nums`},S={class:`px-4 py-3 text-right tabular-nums`},C={class:`px-4 py-3 text-right tabular-nums`},w={key:0,class:`px-6 py-8 text-center text-muted-foreground text-sm`},T={key:1,class:`divide-y`},E={class:`flex items-center gap-3 min-w-0`},D={class:`text-muted-foreground w-5 text-right shrink-0`},O={class:`truncate font-medium`},k={class:`flex items-center gap-6 shrink-0 tabular-nums text-xs text-muted-foreground`},A={class:`w-20 text-right`},j={class:`w-16 text-right`},M={class:`w-16 text-right`},N={key:0,class:`px-6 py-8 text-center text-muted-foreground text-sm`},ye={key:2,class:`divide-y`},P={class:`flex items-center gap-3 min-w-0`},be={class:`text-muted-foreground w-5 text-right shrink-0`},xe={class:`truncate font-medium`},Se={class:`flex items-center gap-6 shrink-0 tabular-nums text-xs text-muted-foreground`},Ce={class:`w-20 text-right`},we={class:`w-16 text-right`},Te={class:`w-16 text-right`},Ee={key:0,class:`px-6 py-8 text-center text-muted-foreground text-sm`},F=(0,n.defineComponent)({__name:`Acquisition`,setup(F){let{config:I}=(0,t.useModule)(),{moduleId:L}=(0,t.useModuleRoute)();(0,t.useModuleBreadcrumbs)(()=>[{label:`Acquisition`}]);let R=(0,n.ref)(!0),z=(0,n.ref)(null),B=(0,n.ref)(`30`),V=(0,n.ref)(`sources`),H=(0,n.ref)([]),U=(0,n.ref)([]),W=(0,n.ref)([]),G=(0,n.ref)([]),K=(0,n.computed)(()=>!!(I.serviceAccount&&I.propertyId));function q(e){return`/api/v1/modules/${L}${e}`}let De=[{label:`7d`,value:`7`},{label:`14d`,value:`14`},{label:`30d`,value:`30`},{label:`90d`,value:`90`}],J=[`#3b82f6`,`#8b5cf6`,`#10b981`,`#f59e0b`,`#ef4444`,`#06b6d4`,`#ec4899`,`#84cc16`,`#f97316`,`#6366f1`,`#14b8a6`,`#e11d48`,`#a855f7`,`#22c55e`,`#eab308`],Oe=(0,n.computed)(()=>{let e={};return H.value.forEach((t,n)=>{let r=(t.sessionDefaultChannelGroup||`other`).toLowerCase().replace(/[^a-z0-9]/g,`_`);e[r]={label:t.sessionDefaultChannelGroup||`Other`,color:J[n%J.length]}}),e}),ke=(0,n.computed)(()=>H.value.map((e,t)=>({key:(e.sessionDefaultChannelGroup||`other`).toLowerCase().replace(/[^a-z0-9]/g,`_`),label:e.sessionDefaultChannelGroup||`Other`,sessions:e.sessions||0,fill:J[t%J.length]}))),Ae=(0,n.computed)(()=>H.value.reduce((e,t)=>e+(t.sessions||0),0));function Y(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:Math.round(e).toString()}function X(e){return`${(e*100).toFixed(1)}%`}function je(e){let t=Math.floor(e/60),n=Math.round(e%60);return t>0?`${t}m ${n}s`:`${n}s`}async function Z(){if(!K.value)return;R.value=!0,z.value=null;let e=`${B.value}daysAgo`;try{let[t,n,r,i]=await Promise.all([$fetch(q(`/acquisition/channels?startDate=${e}&endDate=today`)),$fetch(q(`/acquisition/source-medium?startDate=${e}&endDate=today`)),$fetch(q(`/acquisition/referrals?startDate=${e}&endDate=today`)).catch(()=>({rows:[]})),$fetch(q(`/acquisition/campaigns?startDate=${e}&endDate=today`)).catch(()=>({rows:[]}))]);H.value=t.rows||[],U.value=n.rows||[],W.value=r.rows||[],G.value=i.rows||[]}catch(e){z.value=e?.data?.statusMessage||e?.message||`Failed to load acquisition data`}finally{R.value=!1}}return(0,n.watch)(B,()=>Z()),(0,n.onMounted)(()=>{K.value?Z():R.value=!1}),(t,F)=>{let I=(0,n.resolveComponent)(`Button`),L=(0,n.resolveComponent)(`Card`),q=(0,n.resolveComponent)(`CardTitle`),Q=(0,n.resolveComponent)(`CardHeader`),Me=(0,n.resolveComponent)(`ChartContainer`),$=(0,n.resolveComponent)(`CardContent`);return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,i,[(0,n.createElementVNode)(`div`,ee,[F[0]||=(0,n.createElementVNode)(`div`,null,[(0,n.createElementVNode)(`h1`,{class:`text-2xl font-semibold`},`Acquisition`),(0,n.createElementVNode)(`p`,{class:`text-muted-foreground text-sm mt-1`},`Where your traffic comes from`)],-1),K.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,te,[(0,n.createElementVNode)(`div`,ne,[((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(De,e=>(0,n.createElementVNode)(`button`,{key:e.value,class:(0,n.normalizeClass)([`px-3 py-1.5 text-xs font-medium transition-colors`,B.value===e.value?`bg-primary text-primary-foreground`:`text-muted-foreground hover:text-foreground hover:bg-muted`]),onClick:t=>B.value=e.value},(0,n.toDisplayString)(e.label),11,re)),64))]),(0,n.createVNode)(I,{variant:`outline`,size:`icon`,onClick:Z,disabled:R.value},{default:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.RefreshCw),{class:(0,n.normalizeClass)([`size-4`,{"animate-spin":R.value}])},null,8,[`class`])]),_:1},8,[`disabled`])])):(0,n.createCommentVNode)(``,!0)]),K.value?z.value?((0,n.openBlock)(),(0,n.createBlock)(L,{key:1,class:`p-6 border-destructive/50 bg-destructive/5`},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`p`,ie,(0,n.toDisplayString)(z.value),1),(0,n.createVNode)(I,{variant:`outline`,size:`sm`,class:`mt-3`,onClick:Z},{default:(0,n.withCtx)(()=>[...F[2]||=[(0,n.createTextVNode)(`Retry`,-1)]]),_:1})]),_:1})):R.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,ae,[(0,n.createVNode)((0,n.unref)(r.Loader2),{class:`size-8 animate-spin text-muted-foreground`})])):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:3},[(0,n.createElementVNode)(`div`,oe,[(0,n.createVNode)(L,{class:`@4xl/charts:col-span-1`},{default:(0,n.withCtx)(()=>[(0,n.createVNode)(Q,{class:`pb-2`},{default:(0,n.withCtx)(()=>[(0,n.createVNode)(q,{class:`text-base`},{default:(0,n.withCtx)(()=>[...F[3]||=[(0,n.createTextVNode)(`Channel Mix`,-1)]]),_:1})]),_:1}),(0,n.createVNode)($,{class:`flex flex-col items-center`},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`div`,se,[(0,n.createVNode)(Me,{config:Oe.value,class:`mx-auto aspect-square max-h-[220px]`},{default:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(e.t),{data:ke.value,margin:{top:20,bottom:20,left:20,right:20}},{default:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(e.n),{value:e=>e.sessions,color:e=>e.fill,arcWidth:40,padAngle:.02,cornerRadius:4},null,8,[`value`,`color`])]),_:1},8,[`data`])]),_:1},8,[`config`]),(0,n.createElementVNode)(`div`,ce,[(0,n.createElementVNode)(`div`,le,[(0,n.createElementVNode)(`p`,ue,(0,n.toDisplayString)(Y(Ae.value)),1),F[4]||=(0,n.createElementVNode)(`p`,{class:`text-xs text-muted-foreground`},`sessions`,-1)])])]),(0,n.createElementVNode)(`div`,de,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(H.value.slice(0,8),(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:e.sessionDefaultChannelGroup,class:`flex items-center gap-2`},[(0,n.createElementVNode)(`div`,{class:`size-2.5 rounded-full shrink-0`,style:(0,n.normalizeStyle)({backgroundColor:J[t%J.length]})},null,4),(0,n.createElementVNode)(`span`,fe,(0,n.toDisplayString)(e.sessionDefaultChannelGroup),1),(0,n.createElementVNode)(`span`,pe,(0,n.toDisplayString)(Y(e.sessions)),1)]))),128))])]),_:1})]),_:1}),(0,n.createVNode)(L,{class:`@4xl/charts:col-span-2`},{default:(0,n.withCtx)(()=>[(0,n.createVNode)(Q,{class:`pb-2`},{default:(0,n.withCtx)(()=>[(0,n.createVNode)(q,{class:`text-base`},{default:(0,n.withCtx)(()=>[...F[5]||=[(0,n.createTextVNode)(`Channels Performance`,-1)]]),_:1})]),_:1}),(0,n.createVNode)($,{class:`p-0`},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`div`,me,[(0,n.createElementVNode)(`table`,he,[F[6]||=(0,n.createElementVNode)(`thead`,null,[(0,n.createElementVNode)(`tr`,{class:`border-b text-left`},[(0,n.createElementVNode)(`th`,{class:`px-6 py-3 font-medium text-muted-foreground`},`Channel`),(0,n.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Sessions`),(0,n.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Users`),(0,n.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`New Users`),(0,n.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Engage Rate`),(0,n.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Avg Duration`)])],-1),(0,n.createElementVNode)(`tbody`,ge,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(H.value,(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`tr`,{key:e.sessionDefaultChannelGroup,class:`hover:bg-muted/50`},[(0,n.createElementVNode)(`td`,_e,[(0,n.createElementVNode)(`div`,ve,[(0,n.createElementVNode)(`div`,{class:`size-2.5 rounded-full shrink-0`,style:(0,n.normalizeStyle)({backgroundColor:J[t%J.length]})},null,4),(0,n.createElementVNode)(`span`,a,(0,n.toDisplayString)(e.sessionDefaultChannelGroup),1)])]),(0,n.createElementVNode)(`td`,o,(0,n.toDisplayString)(Y(e.sessions)),1),(0,n.createElementVNode)(`td`,s,(0,n.toDisplayString)(Y(e.totalUsers)),1),(0,n.createElementVNode)(`td`,c,(0,n.toDisplayString)(Y(e.newUsers)),1),(0,n.createElementVNode)(`td`,l,(0,n.toDisplayString)(X(e.engagementRate||0)),1),(0,n.createElementVNode)(`td`,u,(0,n.toDisplayString)(je(e.averageSessionDuration||0)),1)]))),128))])])]),H.value.length?(0,n.createCommentVNode)(``,!0):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,d,`No channel data available`))]),_:1})]),_:1})]),(0,n.createVNode)(L,null,{default:(0,n.withCtx)(()=>[(0,n.createVNode)(Q,{class:`pb-0`},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`div`,f,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)([{key:`sources`,label:`Source / Medium`,icon:(0,n.unref)(r.Share2)},{key:`referrals`,label:`Referrals`,icon:(0,n.unref)(r.ExternalLink)},{key:`campaigns`,label:`Campaigns`,icon:(0,n.unref)(r.Megaphone)}],e=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:e.key,class:(0,n.normalizeClass)([`flex items-center gap-1.5 px-3 py-2 text-sm font-medium rounded-md transition-colors`,V.value===e.key?`bg-muted text-foreground`:`text-muted-foreground hover:text-foreground`]),onClick:t=>V.value=e.key},[((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(e.icon),{class:`size-3.5`})),(0,n.createTextVNode)(` `+(0,n.toDisplayString)(e.label),1)],10,p))),128))])]),_:1}),(0,n.createVNode)($,{class:`p-0 mt-4`},{default:(0,n.withCtx)(()=>[V.value===`sources`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,m,[(0,n.createElementVNode)(`div`,h,[(0,n.createElementVNode)(`table`,g,[F[7]||=(0,n.createElementVNode)(`thead`,null,[(0,n.createElementVNode)(`tr`,{class:`border-b text-left`},[(0,n.createElementVNode)(`th`,{class:`px-6 py-3 font-medium text-muted-foreground`},`#`),(0,n.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground`},`Source / Medium`),(0,n.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Sessions`),(0,n.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Users`),(0,n.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`New Users`),(0,n.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Bounce Rate`)])],-1),(0,n.createElementVNode)(`tbody`,_,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(U.value,(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`tr`,{key:e.sessionSourceMedium,class:`hover:bg-muted/50`},[(0,n.createElementVNode)(`td`,v,(0,n.toDisplayString)(t+1),1),(0,n.createElementVNode)(`td`,y,(0,n.toDisplayString)(e.sessionSourceMedium),1),(0,n.createElementVNode)(`td`,b,(0,n.toDisplayString)(Y(e.sessions)),1),(0,n.createElementVNode)(`td`,x,(0,n.toDisplayString)(Y(e.totalUsers)),1),(0,n.createElementVNode)(`td`,S,(0,n.toDisplayString)(Y(e.newUsers)),1),(0,n.createElementVNode)(`td`,C,(0,n.toDisplayString)(X(e.bounceRate||0)),1)]))),128))])])]),U.value.length?(0,n.createCommentVNode)(``,!0):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,w,`No data available`))])):(0,n.createCommentVNode)(``,!0),V.value===`referrals`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,T,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(W.value,(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:e.sessionSource,class:`flex items-center justify-between px-6 py-3 text-sm hover:bg-muted/50`},[(0,n.createElementVNode)(`div`,E,[(0,n.createElementVNode)(`span`,D,(0,n.toDisplayString)(t+1),1),(0,n.createVNode)((0,n.unref)(r.ExternalLink),{class:`size-3.5 text-muted-foreground shrink-0`}),(0,n.createElementVNode)(`span`,O,(0,n.toDisplayString)(e.sessionSource),1)]),(0,n.createElementVNode)(`div`,k,[(0,n.createElementVNode)(`span`,A,(0,n.toDisplayString)(Y(e.sessions))+` sessions`,1),(0,n.createElementVNode)(`span`,j,(0,n.toDisplayString)(Y(e.totalUsers))+` users`,1),(0,n.createElementVNode)(`span`,M,(0,n.toDisplayString)(X(e.engagementRate||0))+` eng.`,1)])]))),128)),W.value.length?(0,n.createCommentVNode)(``,!0):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,N,`No referral data available`))])):(0,n.createCommentVNode)(``,!0),V.value===`campaigns`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,ye,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(G.value,(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:e.sessionCampaignName,class:`flex items-center justify-between px-6 py-3 text-sm hover:bg-muted/50`},[(0,n.createElementVNode)(`div`,P,[(0,n.createElementVNode)(`span`,be,(0,n.toDisplayString)(t+1),1),(0,n.createVNode)((0,n.unref)(r.Megaphone),{class:`size-3.5 text-muted-foreground shrink-0`}),(0,n.createElementVNode)(`span`,xe,(0,n.toDisplayString)(e.sessionCampaignName),1)]),(0,n.createElementVNode)(`div`,Se,[(0,n.createElementVNode)(`span`,Ce,(0,n.toDisplayString)(Y(e.sessions))+` sessions`,1),(0,n.createElementVNode)(`span`,we,(0,n.toDisplayString)(Y(e.totalUsers))+` users`,1),(0,n.createElementVNode)(`span`,Te,(0,n.toDisplayString)(X(e.engagementRate||0))+` eng.`,1)])]))),128)),G.value.length?(0,n.createCommentVNode)(``,!0):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,Ee,`No campaign data. Use UTM parameters in your URLs to track campaigns.`))])):(0,n.createCommentVNode)(``,!0)]),_:1})]),_:1})],64)):((0,n.openBlock)(),(0,n.createBlock)(L,{key:0,class:`p-8 text-center`},{default:(0,n.withCtx)(()=>[...F[1]||=[(0,n.createElementVNode)(`p`,{class:`text-lg font-medium`},`Setup required`,-1),(0,n.createElementVNode)(`p`,{class:`text-sm text-muted-foreground mt-2`},`Configure your GA4 property in module settings.`,-1)]]),_:1}))])}}});exports.default=F;

package/dist/Acquisition-TCNX-th6.mjs

@@ -0,0 +1,308 @@
+import { n as e, t } from "./single-container-BJmmqq65.mjs";
+import { useModule as n, useModuleBreadcrumbs as r, useModuleRoute as i } from "@oneclick.dev/cms-kit";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as h, onMounted as g, openBlock as _, ref as v, renderList as y, resolveComponent as b, resolveDynamicComponent as ee, toDisplayString as x, unref as S, watch as C, withCtx as w } from "vue";
+import { ExternalLink as T, Loader2 as te, Megaphone as E, RefreshCw as ne, Share2 as re } from "@lucide/vue";
+//#region src/googleAnalytics/pages/Acquisition.vue?vue&type=script&setup=true&lang.ts
+var ie = { class: "@container/charts flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, ae = { class: "flex justify-between gap-4 flex-col @lg:flex-row @lg:items-center" }, oe = {
+	key: 0,
+	class: "flex items-center gap-2"
+}, se = { class: "flex items-center border rounded-lg overflow-hidden" }, ce = ["onClick"], le = { class: "text-sm text-destructive font-medium" }, ue = {
+	key: 2,
+	class: "flex items-center justify-center py-20"
+}, de = { class: "flex flex-col @4xl/charts:grid @4xl/charts:grid-cols-3 gap-6" }, fe = { class: "relative" }, pe = { class: "absolute inset-0 flex items-center justify-center pointer-events-none" }, me = { class: "text-center" }, he = { class: "text-2xl font-bold tabular-nums" }, ge = { class: "mt-4 grid grid-cols-2 gap-x-4 gap-y-1.5 w-full" }, D = { class: "text-xs truncate" }, O = { class: "text-xs text-muted-foreground ml-auto tabular-nums" }, k = { class: "overflow-x-auto" }, A = { class: "w-full text-sm" }, j = { class: "divide-y" }, M = { class: "px-6 py-3" }, N = { class: "flex items-center gap-2" }, P = { class: "font-medium" }, F = { class: "px-4 py-3 text-right tabular-nums" }, I = { class: "px-4 py-3 text-right tabular-nums" }, L = { class: "px-4 py-3 text-right tabular-nums" }, _e = { class: "px-4 py-3 text-right tabular-nums" }, ve = { class: "px-4 py-3 text-right tabular-nums" }, ye = {
+	key: 0,
+	class: "px-6 py-8 text-center text-muted-foreground text-sm"
+}, be = { class: "flex items-center gap-4" }, xe = ["onClick"], Se = {
+	key: 0,
+	class: "divide-y"
+}, Ce = { class: "overflow-x-auto" }, we = { class: "w-full text-sm" }, Te = { class: "divide-y" }, Ee = { class: "px-6 py-3 text-muted-foreground" }, De = { class: "px-4 py-3 font-mono text-xs" }, Oe = { class: "px-4 py-3 text-right tabular-nums" }, R = { class: "px-4 py-3 text-right tabular-nums" }, ke = { class: "px-4 py-3 text-right tabular-nums" }, Ae = { class: "px-4 py-3 text-right tabular-nums" }, je = {
+	key: 0,
+	class: "px-6 py-8 text-center text-muted-foreground text-sm"
+}, Me = {
+	key: 1,
+	class: "divide-y"
+}, Ne = { class: "flex items-center gap-3 min-w-0" }, Pe = { class: "text-muted-foreground w-5 text-right shrink-0" }, Fe = { class: "truncate font-medium" }, Ie = { class: "flex items-center gap-6 shrink-0 tabular-nums text-xs text-muted-foreground" }, Le = { class: "w-20 text-right" }, Re = { class: "w-16 text-right" }, ze = { class: "w-16 text-right" }, Be = {
+	key: 0,
+	class: "px-6 py-8 text-center text-muted-foreground text-sm"
+}, Ve = {
+	key: 2,
+	class: "divide-y"
+}, He = { class: "flex items-center gap-3 min-w-0" }, Ue = { class: "text-muted-foreground w-5 text-right shrink-0" }, We = { class: "truncate font-medium" }, Ge = { class: "flex items-center gap-6 shrink-0 tabular-nums text-xs text-muted-foreground" }, Ke = { class: "w-20 text-right" }, qe = { class: "w-16 text-right" }, Je = { class: "w-16 text-right" }, Ye = {
+	key: 0,
+	class: "px-6 py-8 text-center text-muted-foreground text-sm"
+}, z = /* @__PURE__ */ p({
+	__name: "Acquisition",
+	setup(p) {
+		let { config: z } = n(), { moduleId: Xe } = i();
+		r(() => [{ label: "Acquisition" }]);
+		let B = v(!0), V = v(null), H = v("30"), U = v("sources"), W = v([]), G = v([]), K = v([]), q = v([]), J = o(() => !!(z.serviceAccount && z.propertyId));
+		function Y(e) {
+			return `/api/v1/modules/${Xe}${e}`;
+		}
+		let Ze = [
+			{
+				label: "7d",
+				value: "7"
+			},
+			{
+				label: "14d",
+				value: "14"
+			},
+			{
+				label: "30d",
+				value: "30"
+			},
+			{
+				label: "90d",
+				value: "90"
+			}
+		], X = [
+			"#3b82f6",
+			"#8b5cf6",
+			"#10b981",
+			"#f59e0b",
+			"#ef4444",
+			"#06b6d4",
+			"#ec4899",
+			"#84cc16",
+			"#f97316",
+			"#6366f1",
+			"#14b8a6",
+			"#e11d48",
+			"#a855f7",
+			"#22c55e",
+			"#eab308"
+		], Qe = o(() => {
+			let e = {};
+			return W.value.forEach((t, n) => {
+				let r = (t.sessionDefaultChannelGroup || "other").toLowerCase().replace(/[^a-z0-9]/g, "_");
+				e[r] = {
+					label: t.sessionDefaultChannelGroup || "Other",
+					color: X[n % X.length]
+				};
+			}), e;
+		}), $e = o(() => W.value.map((e, t) => ({
+			key: (e.sessionDefaultChannelGroup || "other").toLowerCase().replace(/[^a-z0-9]/g, "_"),
+			label: e.sessionDefaultChannelGroup || "Other",
+			sessions: e.sessions || 0,
+			fill: X[t % X.length]
+		}))), et = o(() => W.value.reduce((e, t) => e + (t.sessions || 0), 0));
+		function Z(e) {
+			return e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}K` : Math.round(e).toString();
+		}
+		function Q(e) {
+			return `${(e * 100).toFixed(1)}%`;
+		}
+		function tt(e) {
+			let t = Math.floor(e / 60), n = Math.round(e % 60);
+			return t > 0 ? `${t}m ${n}s` : `${n}s`;
+		}
+		async function $() {
+			if (!J.value) return;
+			B.value = !0, V.value = null;
+			let e = `${H.value}daysAgo`;
+			try {
+				let [t, n, r, i] = await Promise.all([
+					$fetch(Y(`/acquisition/channels?startDate=${e}&endDate=today`)),
+					$fetch(Y(`/acquisition/source-medium?startDate=${e}&endDate=today`)),
+					$fetch(Y(`/acquisition/referrals?startDate=${e}&endDate=today`)).catch(() => ({ rows: [] })),
+					$fetch(Y(`/acquisition/campaigns?startDate=${e}&endDate=today`)).catch(() => ({ rows: [] }))
+				]);
+				W.value = t.rows || [], G.value = n.rows || [], K.value = r.rows || [], q.value = i.rows || [];
+			} catch (e) {
+				V.value = e?.data?.statusMessage || e?.message || "Failed to load acquisition data";
+			} finally {
+				B.value = !1;
+			}
+		}
+		return C(H, () => $()), g(() => {
+			J.value ? $() : B.value = !1;
+		}), (n, r) => {
+			let i = b("Button"), o = b("Card"), p = b("CardTitle"), g = b("CardHeader"), v = b("ChartContainer"), C = b("CardContent");
+			return _(), l("div", ie, [u("div", ae, [r[0] ||= u("div", null, [u("h1", { class: "text-2xl font-semibold" }, "Acquisition"), u("p", { class: "text-muted-foreground text-sm mt-1" }, "Where your traffic comes from")], -1), J.value ? (_(), l("div", oe, [u("div", se, [(_(), l(a, null, y(Ze, (e) => u("button", {
+				key: e.value,
+				class: m(["px-3 py-1.5 text-xs font-medium transition-colors", H.value === e.value ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted"]),
+				onClick: (t) => H.value = e.value
+			}, x(e.label), 11, ce)), 64))]), f(i, {
+				variant: "outline",
+				size: "icon",
+				onClick: $,
+				disabled: B.value
+			}, {
+				default: w(() => [f(S(ne), { class: m(["size-4", { "animate-spin": B.value }]) }, null, 8, ["class"])]),
+				_: 1
+			}, 8, ["disabled"])])) : c("", !0)]), J.value ? V.value ? (_(), s(o, {
+				key: 1,
+				class: "p-6 border-destructive/50 bg-destructive/5"
+			}, {
+				default: w(() => [u("p", le, x(V.value), 1), f(i, {
+					variant: "outline",
+					size: "sm",
+					class: "mt-3",
+					onClick: $
+				}, {
+					default: w(() => [...r[2] ||= [d("Retry", -1)]]),
+					_: 1
+				})]),
+				_: 1
+			})) : B.value ? (_(), l("div", ue, [f(S(te), { class: "size-8 animate-spin text-muted-foreground" })])) : (_(), l(a, { key: 3 }, [u("div", de, [f(o, { class: "@4xl/charts:col-span-1" }, {
+				default: w(() => [f(g, { class: "pb-2" }, {
+					default: w(() => [f(p, { class: "text-base" }, {
+						default: w(() => [...r[3] ||= [d("Channel Mix", -1)]]),
+						_: 1
+					})]),
+					_: 1
+				}), f(C, { class: "flex flex-col items-center" }, {
+					default: w(() => [u("div", fe, [f(v, {
+						config: Qe.value,
+						class: "mx-auto aspect-square max-h-[220px]"
+					}, {
+						default: w(() => [f(S(t), {
+							data: $e.value,
+							margin: {
+								top: 20,
+								bottom: 20,
+								left: 20,
+								right: 20
+							}
+						}, {
+							default: w(() => [f(S(e), {
+								value: (e) => e.sessions,
+								color: (e) => e.fill,
+								arcWidth: 40,
+								padAngle: .02,
+								cornerRadius: 4
+							}, null, 8, ["value", "color"])]),
+							_: 1
+						}, 8, ["data"])]),
+						_: 1
+					}, 8, ["config"]), u("div", pe, [u("div", me, [u("p", he, x(Z(et.value)), 1), r[4] ||= u("p", { class: "text-xs text-muted-foreground" }, "sessions", -1)])])]), u("div", ge, [(_(!0), l(a, null, y(W.value.slice(0, 8), (e, t) => (_(), l("div", {
+						key: e.sessionDefaultChannelGroup,
+						class: "flex items-center gap-2"
+					}, [
+						u("div", {
+							class: "size-2.5 rounded-full shrink-0",
+							style: h({ backgroundColor: X[t % X.length] })
+						}, null, 4),
+						u("span", D, x(e.sessionDefaultChannelGroup), 1),
+						u("span", O, x(Z(e.sessions)), 1)
+					]))), 128))])]),
+					_: 1
+				})]),
+				_: 1
+			}), f(o, { class: "@4xl/charts:col-span-2" }, {
+				default: w(() => [f(g, { class: "pb-2" }, {
+					default: w(() => [f(p, { class: "text-base" }, {
+						default: w(() => [...r[5] ||= [d("Channels Performance", -1)]]),
+						_: 1
+					})]),
+					_: 1
+				}), f(C, { class: "p-0" }, {
+					default: w(() => [u("div", k, [u("table", A, [r[6] ||= u("thead", null, [u("tr", { class: "border-b text-left" }, [
+						u("th", { class: "px-6 py-3 font-medium text-muted-foreground" }, "Channel"),
+						u("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Sessions"),
+						u("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Users"),
+						u("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "New Users"),
+						u("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Engage Rate"),
+						u("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Avg Duration")
+					])], -1), u("tbody", j, [(_(!0), l(a, null, y(W.value, (e, t) => (_(), l("tr", {
+						key: e.sessionDefaultChannelGroup,
+						class: "hover:bg-muted/50"
+					}, [
+						u("td", M, [u("div", N, [u("div", {
+							class: "size-2.5 rounded-full shrink-0",
+							style: h({ backgroundColor: X[t % X.length] })
+						}, null, 4), u("span", P, x(e.sessionDefaultChannelGroup), 1)])]),
+						u("td", F, x(Z(e.sessions)), 1),
+						u("td", I, x(Z(e.totalUsers)), 1),
+						u("td", L, x(Z(e.newUsers)), 1),
+						u("td", _e, x(Q(e.engagementRate || 0)), 1),
+						u("td", ve, x(tt(e.averageSessionDuration || 0)), 1)
+					]))), 128))])])]), W.value.length ? c("", !0) : (_(), l("div", ye, "No channel data available"))]),
+					_: 1
+				})]),
+				_: 1
+			})]), f(o, null, {
+				default: w(() => [f(g, { class: "pb-0" }, {
+					default: w(() => [u("div", be, [(_(!0), l(a, null, y([
+						{
+							key: "sources",
+							label: "Source / Medium",
+							icon: S(re)
+						},
+						{
+							key: "referrals",
+							label: "Referrals",
+							icon: S(T)
+						},
+						{
+							key: "campaigns",
+							label: "Campaigns",
+							icon: S(E)
+						}
+					], (e) => (_(), l("button", {
+						key: e.key,
+						class: m(["flex items-center gap-1.5 px-3 py-2 text-sm font-medium rounded-md transition-colors", U.value === e.key ? "bg-muted text-foreground" : "text-muted-foreground hover:text-foreground"]),
+						onClick: (t) => U.value = e.key
+					}, [(_(), s(ee(e.icon), { class: "size-3.5" })), d(" " + x(e.label), 1)], 10, xe))), 128))])]),
+					_: 1
+				}), f(C, { class: "p-0 mt-4" }, {
+					default: w(() => [
+						U.value === "sources" ? (_(), l("div", Se, [u("div", Ce, [u("table", we, [r[7] ||= u("thead", null, [u("tr", { class: "border-b text-left" }, [
+							u("th", { class: "px-6 py-3 font-medium text-muted-foreground" }, "#"),
+							u("th", { class: "px-4 py-3 font-medium text-muted-foreground" }, "Source / Medium"),
+							u("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Sessions"),
+							u("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Users"),
+							u("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "New Users"),
+							u("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Bounce Rate")
+						])], -1), u("tbody", Te, [(_(!0), l(a, null, y(G.value, (e, t) => (_(), l("tr", {
+							key: e.sessionSourceMedium,
+							class: "hover:bg-muted/50"
+						}, [
+							u("td", Ee, x(t + 1), 1),
+							u("td", De, x(e.sessionSourceMedium), 1),
+							u("td", Oe, x(Z(e.sessions)), 1),
+							u("td", R, x(Z(e.totalUsers)), 1),
+							u("td", ke, x(Z(e.newUsers)), 1),
+							u("td", Ae, x(Q(e.bounceRate || 0)), 1)
+						]))), 128))])])]), G.value.length ? c("", !0) : (_(), l("div", je, "No data available"))])) : c("", !0),
+						U.value === "referrals" ? (_(), l("div", Me, [(_(!0), l(a, null, y(K.value, (e, t) => (_(), l("div", {
+							key: e.sessionSource,
+							class: "flex items-center justify-between px-6 py-3 text-sm hover:bg-muted/50"
+						}, [u("div", Ne, [
+							u("span", Pe, x(t + 1), 1),
+							f(S(T), { class: "size-3.5 text-muted-foreground shrink-0" }),
+							u("span", Fe, x(e.sessionSource), 1)
+						]), u("div", Ie, [
+							u("span", Le, x(Z(e.sessions)) + " sessions", 1),
+							u("span", Re, x(Z(e.totalUsers)) + " users", 1),
+							u("span", ze, x(Q(e.engagementRate || 0)) + " eng.", 1)
+						])]))), 128)), K.value.length ? c("", !0) : (_(), l("div", Be, "No referral data available"))])) : c("", !0),
+						U.value === "campaigns" ? (_(), l("div", Ve, [(_(!0), l(a, null, y(q.value, (e, t) => (_(), l("div", {
+							key: e.sessionCampaignName,
+							class: "flex items-center justify-between px-6 py-3 text-sm hover:bg-muted/50"
+						}, [u("div", He, [
+							u("span", Ue, x(t + 1), 1),
+							f(S(E), { class: "size-3.5 text-muted-foreground shrink-0" }),
+							u("span", We, x(e.sessionCampaignName), 1)
+						]), u("div", Ge, [
+							u("span", Ke, x(Z(e.sessions)) + " sessions", 1),
+							u("span", qe, x(Z(e.totalUsers)) + " users", 1),
+							u("span", Je, x(Q(e.engagementRate || 0)) + " eng.", 1)
+						])]))), 128)), q.value.length ? c("", !0) : (_(), l("div", Ye, "No campaign data. Use UTM parameters in your URLs to track campaigns."))])) : c("", !0)
+					]),
+					_: 1
+				})]),
+				_: 1
+			})], 64)) : (_(), s(o, {
+				key: 0,
+				class: "p-8 text-center"
+			}, {
+				default: w(() => [...r[1] ||= [u("p", { class: "text-lg font-medium" }, "Setup required", -1), u("p", { class: "text-sm text-muted-foreground mt-2" }, "Configure your GA4 property in module settings.", -1)]]),
+				_: 1
+			}))]);
+		};
+	}
+});
+//#endregion
+export { z as default };

package/dist/AgendaOpeningHoursCard-BIhm0vpV.js

@@ -0,0 +1 @@
+require(`./chunk-DQi1bQcV.js`);let e=require(`vue`),t=require(`@lucide/vue`);var n={class:`w-full`},r={key:0,class:`flex items-center gap-2 py-3`},i={key:1,class:`text-xs text-destructive py-2`},a={key:2,class:`rounded-xl border bg-background p-3 space-y-3`},o={class:`relative flex items-start gap-3`},s={class:`shrink-0 size-10 rounded-lg bg-primary/10 flex items-center justify-center`},c={class:`flex-1 min-w-0 pr-10`},l={class:`text-sm font-semibold truncate`},u={class:`text-xs text-muted-foreground`},d={key:0,class:`text-xs text-muted-foreground text-center py-2`},f={key:1,class:`space-y-2`},p={class:`flex items-center justify-between`},m={class:`text-xs font-medium`},h={key:0,class:`text-[10px] font-medium px-1.5 py-0.5 rounded-full bg-amber-50 dark:bg-amber-900/20 text-amber-600 dark:text-amber-400 uppercase`},g={key:0,class:`flex items-center gap-1.5 text-xs text-red-500`},_={key:1,class:`space-y-0.5`},v={key:2,class:`text-xs text-muted-foreground`},y=(0,e.defineComponent)({__name:`AgendaOpeningHoursCard`,props:{toolName:{},projectSlug:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:[`submit`],setup(y,{emit:b}){let{$useModuleApi:x}=useNuxtApp(),S=y,C=b,w=x(S.instanceId),T=(0,e.ref)(!0),E=(0,e.ref)(null),D=(0,e.ref)(null),O=[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`];async function k(){let{agendaId:e,date:t}=S.resolvedArgs||{};if(!e||!t){E.value=`Agenda ID and date are required`,T.value=!1,A(`Error: ${E.value}`);return}T.value=!0,E.value=null;try{let n=await w.get(`/agendas/${e}/opening-hours?date=${t}`);D.value=n,A({agendaId:n.agendaId,serviceName:n.serviceName,date:n.date,resources:n.resources.map(e=>({resourceId:e.resourceId,resourceName:e.resourceName,isClosed:e.isClosed,hours:e.hours,isException:e.isException}))})}catch(e){E.value=e?.data?.statusMessage||e?.message||`Failed to load opening hours`,A(`Error loading opening hours: ${E.value}`)}finally{T.value=!1}}(0,e.onMounted)(()=>{k()});function A(e){S.status!==`completed`&&C(`submit`,e)}let j=(0,e.computed)(()=>{if(!D.value?.date)return``;let e=new Date(D.value.date+`T00:00:00`);return`${O[e.getDay()]}, ${e.toLocaleDateString(`en-US`,{month:`long`,day:`numeric`,year:`numeric`})}`});return(b,x)=>{let S=(0,e.resolveComponent)(`DropdownMenuTrigger`),C=(0,e.resolveComponent)(`NuxtLink`),w=(0,e.resolveComponent)(`DropdownMenuItem`),O=(0,e.resolveComponent)(`DropdownMenuContent`),k=(0,e.resolveComponent)(`DropdownMenu`);return(0,e.openBlock)(),(0,e.createElementBlock)(`div`,n,[(0,e.unref)(T)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,r,[(0,e.createVNode)((0,e.unref)(t.Loader2),{class:`size-4 animate-spin text-muted-foreground`}),x[0]||=(0,e.createElementVNode)(`span`,{class:`text-xs text-muted-foreground`},`Loading opening hours…`,-1)])):(0,e.unref)(E)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,i,(0,e.toDisplayString)((0,e.unref)(E)),1)):(0,e.unref)(D)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,a,[(0,e.createElementVNode)(`div`,o,[(0,e.createElementVNode)(`div`,s,[(0,e.createVNode)((0,e.unref)(t.CalendarDays),{class:`size-5 text-primary`})]),(0,e.createElementVNode)(`div`,c,[(0,e.createElementVNode)(`p`,l,(0,e.toDisplayString)((0,e.unref)(D).serviceName),1),(0,e.createElementVNode)(`p`,u,(0,e.toDisplayString)((0,e.unref)(j)),1)]),(0,e.createVNode)(k,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(S,{class:`absolute top-2 right-2`},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(t.Settings),{class:`size-4 text-muted-foreground hover:text-foreground transition-colors`})]),_:1}),(0,e.createVNode)(O,{align:`end`},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(w,{"as-child":``},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(C,{to:`/projects/${y.projectSlug}/modules/${y.instanceId}/edit/${y.resolvedArgs.agendaId}/resources`},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(t.CalendarCog),{class:`size-4`}),x[1]||=(0,e.createTextVNode)(` Regular hours `,-1)]),_:1},8,[`to`])]),_:1}),(0,e.createVNode)(w,{"as-child":``},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(C,{to:`/projects/${y.projectSlug}/modules/${y.instanceId}/edit/${y.resolvedArgs.agendaId}/exceptions`},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(t.CalendarCog),{class:`size-4`}),x[2]||=(0,e.createTextVNode)(` Closures & exceptions `,-1)]),_:1},8,[`to`])]),_:1})]),_:1})]),_:1})]),(0,e.unref)(D).resources.length===0?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,d,` No active resources found for this agenda. `)):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,f,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(D).resources,n=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:n.resourceId,class:`rounded-lg border px-3 py-2 space-y-1`},[(0,e.createElementVNode)(`div`,p,[(0,e.createElementVNode)(`span`,m,(0,e.toDisplayString)(n.resourceName),1),n.isException?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,h,` Exception `)):(0,e.createCommentVNode)(``,!0)]),n.isClosed?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,g,[(0,e.createVNode)((0,e.unref)(t.BanIcon),{class:`size-3`}),x[3]||=(0,e.createElementVNode)(`span`,null,`Closed`,-1)])):n.hours.length>0?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,_,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(n.hours,(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:r,class:`flex items-center gap-1.5 text-xs text-muted-foreground`},[(0,e.createVNode)((0,e.unref)(t.Clock),{class:`size-3`}),(0,e.createElementVNode)(`span`,null,(0,e.toDisplayString)(n.start)+` – `+(0,e.toDisplayString)(n.end),1)]))),128))])):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,v,` No hours set `))]))),128))]))])):(0,e.createCommentVNode)(``,!0)])}}});exports.default=y;

package/dist/AgendaOpeningHoursCard-BKUdJxRI.mjs

@@ -0,0 +1,133 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, onMounted as c, openBlock as l, ref as u, renderList as d, resolveComponent as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
+import { BanIcon as g, CalendarCog as _, CalendarDays as v, Clock as y, Loader2 as b, Settings as x } from "@lucide/vue";
+//#region src/appointments/chat-components/AgendaOpeningHoursCard.vue?vue&type=script&setup=true&lang.ts
+var S = { class: "w-full" }, C = {
+	key: 0,
+	class: "flex items-center gap-2 py-3"
+}, w = {
+	key: 1,
+	class: "text-xs text-destructive py-2"
+}, T = {
+	key: 2,
+	class: "rounded-xl border bg-background p-3 space-y-3"
+}, E = { class: "relative flex items-start gap-3" }, D = { class: "shrink-0 size-10 rounded-lg bg-primary/10 flex items-center justify-center" }, O = { class: "flex-1 min-w-0 pr-10" }, k = { class: "text-sm font-semibold truncate" }, A = { class: "text-xs text-muted-foreground" }, j = {
+	key: 0,
+	class: "text-xs text-muted-foreground text-center py-2"
+}, M = {
+	key: 1,
+	class: "space-y-2"
+}, N = { class: "flex items-center justify-between" }, P = { class: "text-xs font-medium" }, F = {
+	key: 0,
+	class: "text-[10px] font-medium px-1.5 py-0.5 rounded-full bg-amber-50 dark:bg-amber-900/20 text-amber-600 dark:text-amber-400 uppercase"
+}, I = {
+	key: 0,
+	class: "flex items-center gap-1.5 text-xs text-red-500"
+}, L = {
+	key: 1,
+	class: "space-y-0.5"
+}, R = {
+	key: 2,
+	class: "text-xs text-muted-foreground"
+}, z = /* @__PURE__ */ s({
+	__name: "AgendaOpeningHoursCard",
+	props: {
+		toolName: {},
+		projectSlug: {},
+		instanceId: {},
+		instanceName: {},
+		moduleType: {},
+		resolvedArgs: {},
+		status: {}
+	},
+	emits: ["submit"],
+	setup(s, { emit: z }) {
+		let { $useModuleApi: B } = useNuxtApp(), V = s, H = z, U = B(V.instanceId), W = u(!0), G = u(null), K = u(null), q = [
+			"Sunday",
+			"Monday",
+			"Tuesday",
+			"Wednesday",
+			"Thursday",
+			"Friday",
+			"Saturday"
+		];
+		async function J() {
+			let { agendaId: e, date: t } = V.resolvedArgs || {};
+			if (!e || !t) {
+				G.value = "Agenda ID and date are required", W.value = !1, Y(`Error: ${G.value}`);
+				return;
+			}
+			W.value = !0, G.value = null;
+			try {
+				let n = await U.get(`/agendas/${e}/opening-hours?date=${t}`);
+				K.value = n, Y({
+					agendaId: n.agendaId,
+					serviceName: n.serviceName,
+					date: n.date,
+					resources: n.resources.map((e) => ({
+						resourceId: e.resourceId,
+						resourceName: e.resourceName,
+						isClosed: e.isClosed,
+						hours: e.hours,
+						isException: e.isException
+					}))
+				});
+			} catch (e) {
+				G.value = e?.data?.statusMessage || e?.message || "Failed to load opening hours", Y(`Error loading opening hours: ${G.value}`);
+			} finally {
+				W.value = !1;
+			}
+		}
+		c(() => {
+			J();
+		});
+		function Y(e) {
+			V.status !== "completed" && H("submit", e);
+		}
+		let X = t(() => {
+			if (!K.value?.date) return "";
+			let e = /* @__PURE__ */ new Date(K.value.date + "T00:00:00");
+			return `${q[e.getDay()]}, ${e.toLocaleDateString("en-US", {
+				month: "long",
+				day: "numeric",
+				year: "numeric"
+			})}`;
+		});
+		return (t, c) => {
+			let u = f("DropdownMenuTrigger"), z = f("NuxtLink"), B = f("DropdownMenuItem"), V = f("DropdownMenuContent"), H = f("DropdownMenu");
+			return l(), r("div", S, [m(W) ? (l(), r("div", C, [o(m(b), { class: "size-4 animate-spin text-muted-foreground" }), c[0] ||= i("span", { class: "text-xs text-muted-foreground" }, "Loading opening hours…", -1)])) : m(G) ? (l(), r("div", w, p(m(G)), 1)) : m(K) ? (l(), r("div", T, [i("div", E, [
+				i("div", D, [o(m(v), { class: "size-5 text-primary" })]),
+				i("div", O, [i("p", k, p(m(K).serviceName), 1), i("p", A, p(m(X)), 1)]),
+				o(H, null, {
+					default: h(() => [o(u, { class: "absolute top-2 right-2" }, {
+						default: h(() => [o(m(x), { class: "size-4 text-muted-foreground hover:text-foreground transition-colors" })]),
+						_: 1
+					}), o(V, { align: "end" }, {
+						default: h(() => [o(B, { "as-child": "" }, {
+							default: h(() => [o(z, { to: `/projects/${s.projectSlug}/modules/${s.instanceId}/edit/${s.resolvedArgs.agendaId}/resources` }, {
+								default: h(() => [o(m(_), { class: "size-4" }), c[1] ||= a(" Regular hours ", -1)]),
+								_: 1
+							}, 8, ["to"])]),
+							_: 1
+						}), o(B, { "as-child": "" }, {
+							default: h(() => [o(z, { to: `/projects/${s.projectSlug}/modules/${s.instanceId}/edit/${s.resolvedArgs.agendaId}/exceptions` }, {
+								default: h(() => [o(m(_), { class: "size-4" }), c[2] ||= a(" Closures & exceptions ", -1)]),
+								_: 1
+							}, 8, ["to"])]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				})
+			]), m(K).resources.length === 0 ? (l(), r("div", j, " No active resources found for this agenda. ")) : (l(), r("div", M, [(l(!0), r(e, null, d(m(K).resources, (t) => (l(), r("div", {
+				key: t.resourceId,
+				class: "rounded-lg border px-3 py-2 space-y-1"
+			}, [i("div", N, [i("span", P, p(t.resourceName), 1), t.isException ? (l(), r("span", F, " Exception ")) : n("", !0)]), t.isClosed ? (l(), r("div", I, [o(m(g), { class: "size-3" }), c[3] ||= i("span", null, "Closed", -1)])) : t.hours.length > 0 ? (l(), r("div", L, [(l(!0), r(e, null, d(t.hours, (e, t) => (l(), r("div", {
+				key: t,
+				class: "flex items-center gap-1.5 text-xs text-muted-foreground"
+			}, [o(m(y), { class: "size-3" }), i("span", null, p(e.start) + " – " + p(e.end), 1)]))), 128))])) : (l(), r("div", R, " No hours set "))]))), 128))]))])) : n("", !0)]);
+		};
+	}
+});
+//#endregion
+export { z as default };

package/dist/AppointmentDetailsCard-C5rQ5jsW.js

@@ -0,0 +1 @@
+require(`./chunk-DQi1bQcV.js`);let e=require(`vue`),t=require(`@lucide/vue`);var n={class:`w-full`},r={key:0,class:`flex items-center gap-2 py-3`},i={key:1,class:`text-xs text-destructive py-2`},a={key:2,class:`rounded-xl border bg-background p-4 text-center`},o={key:3,class:`space-y-3`},s={class:`flex items-start gap-3`},c={class:`shrink-0 size-10 rounded-lg bg-primary/10 flex items-center justify-center`},l={class:`flex-1 min-w-0`},u={class:`text-sm font-semibold truncate`},d={class:`flex items-center gap-2 mt-1 flex-wrap`},f={key:0,class:`text-xs font-medium`},p={class:`grid grid-cols-2 gap-2 text-xs text-muted-foreground`},m={class:`flex items-center gap-1.5`},h={class:`truncate`},g={class:`flex items-center gap-1.5`},_={class:`flex items-center gap-1.5`},v={class:`flex items-center gap-1.5`},y=(0,e.defineComponent)({__name:`AppointmentDetailsCard`,props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:[`submit`],setup(y,{emit:b}){let{$useRoute:x,$useModuleApi:S}=useNuxtApp(),C=y,w=b,T=x(),E=(0,e.computed)(()=>T.params.slug),D=S(C.instanceId),O=(0,e.ref)(!0),k=(0,e.ref)(null),A=(0,e.ref)([]);async function j(){let{name:e,email:t,date:n}=C.resolvedArgs||{};if(!n){k.value=`No date provided`,O.value=!1;return}O.value=!0,k.value=null;try{let r=new URLSearchParams;e&&r.set(`name`,e),t&&r.set(`email`,t),n&&r.set(`date`,n),A.value=(await D.get(`/appointments/find?${r.toString()}`)).appointments||[],M({count:A.value.length,appointments:A.value.map(e=>({orderId:e.orderId,reservationId:e.reservationId,customerName:`${e.customerInfo?.firstName||``} ${e.customerInfo?.lastName||``}`.trim(),email:e.customerInfo?.email,date:e.date,startTime:e.startTime,endTime:e.endTime,spots:e.spots,status:e.reservationStatus||e.status,price:e.reservationPrice}))})}catch(e){k.value=e?.data?.statusMessage||e?.message||`Failed to find appointment`,M(`Error finding appointment: ${k.value}`)}finally{O.value=!1}}(0,e.onMounted)(()=>{j()});function M(e){C.status!==`completed`&&w(`submit`,e)}let N=e=>{switch(e){case`approved`:return`text-emerald-600 dark:text-emerald-400 bg-emerald-50 dark:bg-emerald-900/20`;case`needs_approval`:return`text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20`;case`rejected`:case`cancelled`:return`text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20`;default:return`text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20`}},P=e=>{switch(e){case`approved`:return`Approved`;case`needs_approval`:return`Needs Approval`;case`rejected`:return`Rejected`;case`cancelled`:return`Cancelled`;case`confirmed`:return`Confirmed`;default:return e||`Pending`}},F=e=>e==null?``:`€${e.toFixed(2)}`;return(b,x)=>{let S=(0,e.resolveComponent)(`NuxtLink`);return(0,e.openBlock)(),(0,e.createElementBlock)(`div`,n,[(0,e.unref)(O)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,r,[(0,e.createVNode)((0,e.unref)(t.Loader2),{class:`size-4 animate-spin text-muted-foreground`}),x[0]||=(0,e.createElementVNode)(`span`,{class:`text-xs text-muted-foreground`},`Searching appointments…`,-1)])):(0,e.unref)(k)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,i,(0,e.toDisplayString)((0,e.unref)(k)),1)):(0,e.unref)(A).length===0?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,a,[(0,e.createVNode)((0,e.unref)(t.CalendarDays),{class:`size-8 text-muted-foreground mx-auto mb-2`}),x[1]||=(0,e.createElementVNode)(`p`,{class:`text-sm text-muted-foreground`},`No appointments found for the given criteria.`,-1)])):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,o,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(A),n=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:n.reservationId||n.orderId,class:`rounded-xl border bg-background p-3 space-y-3`},[(0,e.createElementVNode)(`div`,s,[(0,e.createElementVNode)(`div`,c,[(0,e.createVNode)((0,e.unref)(t.CalendarDays),{class:`size-5 text-primary`})]),(0,e.createElementVNode)(`div`,l,[(0,e.createElementVNode)(`p`,u,(0,e.toDisplayString)(n.customerInfo?.firstName)+` `+(0,e.toDisplayString)(n.customerInfo?.lastName),1),(0,e.createElementVNode)(`div`,d,[(0,e.createElementVNode)(`span`,{class:(0,e.normalizeClass)([`text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase`,N(n.reservationStatus||n.status)])},(0,e.toDisplayString)(P(n.reservationStatus||n.status)),3),n.reservationPrice==null?(0,e.createCommentVNode)(``,!0):((0,e.openBlock)(),(0,e.createElementBlock)(`span`,f,(0,e.toDisplayString)(F(n.reservationPrice)),1))])])]),(0,e.createElementVNode)(`div`,p,[(0,e.createElementVNode)(`div`,m,[(0,e.createVNode)((0,e.unref)(t.Mail),{class:`size-3`}),(0,e.createElementVNode)(`span`,h,(0,e.toDisplayString)(n.customerInfo?.email||`—`),1)]),(0,e.createElementVNode)(`div`,g,[(0,e.createVNode)((0,e.unref)(t.CalendarDays),{class:`size-3`}),(0,e.createElementVNode)(`span`,null,(0,e.toDisplayString)(n.date),1)]),(0,e.createElementVNode)(`div`,_,[(0,e.createVNode)((0,e.unref)(t.Clock),{class:`size-3`}),(0,e.createElementVNode)(`span`,null,(0,e.toDisplayString)(n.startTime)+` – `+(0,e.toDisplayString)(n.endTime),1)]),(0,e.createElementVNode)(`div`,v,[(0,e.createVNode)((0,e.unref)(t.Users),{class:`size-3`}),(0,e.createElementVNode)(`span`,null,(0,e.toDisplayString)(n.spots||1)+` `+(0,e.toDisplayString)((n.spots||1)===1?`spot`:`spots`),1)])]),(0,e.createVNode)(S,{to:`/projects/${(0,e.unref)(E)}/modules/${y.instanceId}`,class:`inline-flex items-center gap-1.5 text-xs text-primary hover:underline`},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(t.ExternalLink),{class:`size-3`}),x[2]||=(0,e.createTextVNode)(` Open in agenda `,-1)]),_:1},8,[`to`])]))),128))]))])}}});exports.default=y;

package/dist/AppointmentDetailsCard-NRHeNP2L.mjs

@@ -0,0 +1,111 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, onMounted as l, openBlock as u, ref as d, renderList as f, resolveComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+import { CalendarDays as _, Clock as v, ExternalLink as y, Loader2 as b, Mail as x, Users as S } from "@lucide/vue";
+//#region src/appointments/chat-components/AppointmentDetailsCard.vue?vue&type=script&setup=true&lang.ts
+var C = { class: "w-full" }, w = {
+	key: 0,
+	class: "flex items-center gap-2 py-3"
+}, T = {
+	key: 1,
+	class: "text-xs text-destructive py-2"
+}, E = {
+	key: 2,
+	class: "rounded-xl border bg-background p-4 text-center"
+}, D = {
+	key: 3,
+	class: "space-y-3"
+}, O = { class: "flex items-start gap-3" }, k = { class: "shrink-0 size-10 rounded-lg bg-primary/10 flex items-center justify-center" }, A = { class: "flex-1 min-w-0" }, j = { class: "text-sm font-semibold truncate" }, M = { class: "flex items-center gap-2 mt-1 flex-wrap" }, N = {
+	key: 0,
+	class: "text-xs font-medium"
+}, P = { class: "grid grid-cols-2 gap-2 text-xs text-muted-foreground" }, F = { class: "flex items-center gap-1.5" }, ee = { class: "truncate" }, I = { class: "flex items-center gap-1.5" }, L = { class: "flex items-center gap-1.5" }, R = { class: "flex items-center gap-1.5" }, z = /* @__PURE__ */ s({
+	__name: "AppointmentDetailsCard",
+	props: {
+		toolName: {},
+		instanceId: {},
+		instanceName: {},
+		moduleType: {},
+		resolvedArgs: {},
+		status: {}
+	},
+	emits: ["submit"],
+	setup(s, { emit: z }) {
+		let { $useRoute: B, $useModuleApi: V } = useNuxtApp(), H = s, U = z, W = B(), G = t(() => W.params.slug), K = V(H.instanceId), q = d(!0), J = d(null), Y = d([]);
+		async function X() {
+			let { name: e, email: t, date: n } = H.resolvedArgs || {};
+			if (!n) {
+				J.value = "No date provided", q.value = !1;
+				return;
+			}
+			q.value = !0, J.value = null;
+			try {
+				let r = new URLSearchParams();
+				e && r.set("name", e), t && r.set("email", t), n && r.set("date", n), Y.value = (await K.get(`/appointments/find?${r.toString()}`)).appointments || [], Z({
+					count: Y.value.length,
+					appointments: Y.value.map((e) => ({
+						orderId: e.orderId,
+						reservationId: e.reservationId,
+						customerName: `${e.customerInfo?.firstName || ""} ${e.customerInfo?.lastName || ""}`.trim(),
+						email: e.customerInfo?.email,
+						date: e.date,
+						startTime: e.startTime,
+						endTime: e.endTime,
+						spots: e.spots,
+						status: e.reservationStatus || e.status,
+						price: e.reservationPrice
+					}))
+				});
+			} catch (e) {
+				J.value = e?.data?.statusMessage || e?.message || "Failed to find appointment", Z(`Error finding appointment: ${J.value}`);
+			} finally {
+				q.value = !1;
+			}
+		}
+		l(() => {
+			X();
+		});
+		function Z(e) {
+			H.status !== "completed" && U("submit", e);
+		}
+		let Q = (e) => {
+			switch (e) {
+				case "approved": return "text-emerald-600 dark:text-emerald-400 bg-emerald-50 dark:bg-emerald-900/20";
+				case "needs_approval": return "text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20";
+				case "rejected":
+				case "cancelled": return "text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20";
+				default: return "text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20";
+			}
+		}, $ = (e) => {
+			switch (e) {
+				case "approved": return "Approved";
+				case "needs_approval": return "Needs Approval";
+				case "rejected": return "Rejected";
+				case "cancelled": return "Cancelled";
+				case "confirmed": return "Confirmed";
+				default: return e || "Pending";
+			}
+		}, te = (e) => e == null ? "" : `€${e.toFixed(2)}`;
+		return (t, l) => {
+			let d = p("NuxtLink");
+			return u(), r("div", C, [h(q) ? (u(), r("div", w, [o(h(b), { class: "size-4 animate-spin text-muted-foreground" }), l[0] ||= i("span", { class: "text-xs text-muted-foreground" }, "Searching appointments…", -1)])) : h(J) ? (u(), r("div", T, m(h(J)), 1)) : h(Y).length === 0 ? (u(), r("div", E, [o(h(_), { class: "size-8 text-muted-foreground mx-auto mb-2" }), l[1] ||= i("p", { class: "text-sm text-muted-foreground" }, "No appointments found for the given criteria.", -1)])) : (u(), r("div", D, [(u(!0), r(e, null, f(h(Y), (e) => (u(), r("div", {
+				key: e.reservationId || e.orderId,
+				class: "rounded-xl border bg-background p-3 space-y-3"
+			}, [
+				i("div", O, [i("div", k, [o(h(_), { class: "size-5 text-primary" })]), i("div", A, [i("p", j, m(e.customerInfo?.firstName) + " " + m(e.customerInfo?.lastName), 1), i("div", M, [i("span", { class: c(["text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase", Q(e.reservationStatus || e.status)]) }, m($(e.reservationStatus || e.status)), 3), e.reservationPrice == null ? n("", !0) : (u(), r("span", N, m(te(e.reservationPrice)), 1))])])]),
+				i("div", P, [
+					i("div", F, [o(h(x), { class: "size-3" }), i("span", ee, m(e.customerInfo?.email || "—"), 1)]),
+					i("div", I, [o(h(_), { class: "size-3" }), i("span", null, m(e.date), 1)]),
+					i("div", L, [o(h(v), { class: "size-3" }), i("span", null, m(e.startTime) + " – " + m(e.endTime), 1)]),
+					i("div", R, [o(h(S), { class: "size-3" }), i("span", null, m(e.spots || 1) + " " + m((e.spots || 1) === 1 ? "spot" : "spots"), 1)])
+				]),
+				o(d, {
+					to: `/projects/${h(G)}/modules/${s.instanceId}`,
+					class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
+				}, {
+					default: g(() => [o(h(y), { class: "size-3" }), l[2] ||= a(" Open in agenda ", -1)]),
+					_: 1
+				}, 8, ["to"])
+			]))), 128))]))]);
+		};
+	}
+});
+//#endregion
+export { z as default };