@oneclick.dev/cms-core-modules 0.0.106 → 0.0.108

package/dist/AppointmentEditor-BcF8CiD-.mjs

@@ -0,0 +1,150 @@
+import { computed as e, createBlock 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, reactive as u, ref as d, toDisplayString as f, unref as p, vModelText as m, withDirectives as h } from "vue";
+import { Calendar as g, CalendarDays as _, Loader2 as v, Mail as y, Save as b, User as x } from "@lucide/vue";
+//#region src/appointments/chat-components/AppointmentEditor.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-4 text-center"
+}, E = {
+	key: 3,
+	class: "rounded-xl border bg-background p-4 space-y-4"
+}, ee = { class: "flex items-center gap-2" }, te = { class: "text-[10px] text-muted-foreground ml-auto" }, D = { class: "space-y-1.5" }, O = { class: "text-xs font-medium text-muted-foreground flex items-center gap-1.5" }, k = ["disabled"], A = { class: "space-y-1.5" }, j = { class: "text-xs font-medium text-muted-foreground flex items-center gap-1.5" }, M = ["disabled"], N = { class: "space-y-1.5" }, P = { class: "text-xs font-medium text-muted-foreground flex items-center gap-1.5" }, F = ["disabled"], I = { class: "space-y-1.5" }, L = { class: "text-xs font-medium text-muted-foreground flex items-center gap-1.5" }, R = ["disabled"], z = {
+	key: 0,
+	class: "text-xs text-destructive"
+}, B = {
+	key: 1,
+	class: "flex items-center gap-2 pt-1"
+}, V = ["disabled"], H = /* @__PURE__ */ s({
+	__name: "AppointmentEditor",
+	props: {
+		toolName: {},
+		instanceId: {},
+		instanceName: {},
+		moduleType: {},
+		resolvedArgs: {},
+		status: {}
+	},
+	emits: ["submit"],
+	setup(s, { emit: H }) {
+		let U = s, W = H, G = useModuleApi(U.instanceId), K = d(!0), q = d(!1), J = d(null), Y = d(null), X = d(!1), Z = u({
+			firstName: "",
+			lastName: "",
+			email: "",
+			date: ""
+		});
+		async function ne() {
+			let e = U.resolvedArgs?.orderId;
+			if (!e) {
+				J.value = "No appointment ID provided", K.value = !1;
+				return;
+			}
+			K.value = !0, J.value = null;
+			try {
+				let t = await G.get(`/appointments/${e}`);
+				Y.value = t;
+				let n = t.customerInfo || {};
+				Z.firstName = n.firstName || "", Z.lastName = n.lastName || "", Z.email = n.email || "", Z.date = t.reservations?.[0]?.date || "";
+			} catch (e) {
+				J.value = e?.data?.statusMessage || e?.message || "Failed to load appointment";
+			} finally {
+				K.value = !1;
+			}
+		}
+		c(() => {
+			ne();
+		});
+		function Q(e) {
+			U.status !== "completed" && W("submit", e);
+		}
+		let $ = e(() => {
+			if (!Y.value) return !1;
+			let e = Y.value.customerInfo || {};
+			return Z.firstName !== (e.firstName || "") || Z.lastName !== (e.lastName || "") || Z.email !== (e.email || "") || Z.date !== (Y.value.reservations?.[0]?.date || "");
+		});
+		async function re() {
+			if (!(!$.value || q.value)) {
+				q.value = !0;
+				try {
+					Q({
+						appointmentId: Y.value.id,
+						updatedFields: {
+							firstName: Z.firstName,
+							lastName: Z.lastName,
+							email: Z.email,
+							date: Z.date
+						},
+						previousValues: {
+							firstName: Y.value.customerInfo?.firstName,
+							lastName: Y.value.customerInfo?.lastName,
+							email: Y.value.customerInfo?.email,
+							date: Y.value.reservations?.[0]?.date
+						}
+					}), X.value = !0;
+				} catch (e) {
+					J.value = e?.data?.statusMessage || e?.message || "Failed to save changes";
+				} finally {
+					q.value = !1;
+				}
+			}
+		}
+		function ie() {
+			Q({
+				cancelled: !0,
+				appointmentId: Y.value?.id
+			}), X.value = !0;
+		}
+		return (e, c) => (l(), r("div", S, [p(K) ? (l(), r("div", C, [o(p(v), { class: "size-4 animate-spin text-muted-foreground" }), c[4] ||= i("span", { class: "text-xs text-muted-foreground" }, "Loading appointment…", -1)])) : p(J) && !p(Y) ? (l(), r("div", w, f(p(J)), 1)) : p(X) ? (l(), r("div", T, [o(p(_), { class: "size-8 text-primary mx-auto mb-2" }), c[5] ||= i("p", { class: "text-sm text-muted-foreground" }, "Changes submitted.", -1)])) : p(Y) ? (l(), r("div", E, [
+			i("div", ee, [
+				o(p(_), { class: "size-5 text-primary" }),
+				c[6] ||= i("h3", { class: "text-sm font-semibold" }, "Edit Appointment", -1),
+				i("span", te, " #" + f(p(Y).id?.slice(0, 8)), 1)
+			]),
+			i("div", D, [i("label", O, [o(p(x), { class: "size-3" }), c[7] ||= a(" First Name ", -1)]), h(i("input", {
+				"onUpdate:modelValue": c[0] ||= (e) => p(Z).firstName = e,
+				type: "text",
+				class: "w-full rounded-lg border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary",
+				disabled: s.status === "completed"
+			}, null, 8, k), [[m, p(Z).firstName]])]),
+			i("div", A, [i("label", j, [o(p(x), { class: "size-3" }), c[8] ||= a(" Last Name ", -1)]), h(i("input", {
+				"onUpdate:modelValue": c[1] ||= (e) => p(Z).lastName = e,
+				type: "text",
+				class: "w-full rounded-lg border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary",
+				disabled: s.status === "completed"
+			}, null, 8, M), [[m, p(Z).lastName]])]),
+			i("div", N, [i("label", P, [o(p(y), { class: "size-3" }), c[9] ||= a(" Email ", -1)]), h(i("input", {
+				"onUpdate:modelValue": c[2] ||= (e) => p(Z).email = e,
+				type: "email",
+				class: "w-full rounded-lg border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary",
+				disabled: s.status === "completed"
+			}, null, 8, F), [[m, p(Z).email]])]),
+			i("div", I, [i("label", L, [o(p(g), { class: "size-3" }), c[10] ||= a(" Date ", -1)]), h(i("input", {
+				"onUpdate:modelValue": c[3] ||= (e) => p(Z).date = e,
+				type: "date",
+				class: "w-full rounded-lg border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary",
+				disabled: s.status === "completed"
+			}, null, 8, R), [[m, p(Z).date]])]),
+			p(J) ? (l(), r("div", z, f(p(J)), 1)) : n("", !0),
+			s.status === "completed" ? n("", !0) : (l(), r("div", B, [i("button", {
+				onClick: re,
+				disabled: !p($) || p(q),
+				class: "inline-flex items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
+			}, [p(q) ? (l(), t(p(v), {
+				key: 0,
+				class: "size-3 animate-spin"
+			})) : (l(), t(p(b), {
+				key: 1,
+				class: "size-3"
+			})), c[11] ||= a(" Confirm Changes ", -1)], 8, V), i("button", {
+				onClick: ie,
+				class: "inline-flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-xs font-medium text-muted-foreground hover:bg-muted transition-colors"
+			}, " Cancel ")]))
+		])) : n("", !0)]));
+	}
+});
+//#endregion
+export { H as default };

package/dist/AppointmentEditor-BlhFtoCm.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:`rounded-xl border bg-background p-4 space-y-4`},s={class:`flex items-center gap-2`},c={class:`text-[10px] text-muted-foreground ml-auto`},l={class:`space-y-1.5`},u={class:`text-xs font-medium text-muted-foreground flex items-center gap-1.5`},d=[`disabled`],f={class:`space-y-1.5`},p={class:`text-xs font-medium text-muted-foreground flex items-center gap-1.5`},m=[`disabled`],h={class:`space-y-1.5`},g={class:`text-xs font-medium text-muted-foreground flex items-center gap-1.5`},_=[`disabled`],v={class:`space-y-1.5`},y={class:`text-xs font-medium text-muted-foreground flex items-center gap-1.5`},b=[`disabled`],x={key:0,class:`text-xs text-destructive`},S={key:1,class:`flex items-center gap-2 pt-1`},C=[`disabled`],w=(0,e.defineComponent)({__name:`AppointmentEditor`,props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:[`submit`],setup(w,{emit:T}){let E=w,D=T,O=useModuleApi(E.instanceId),k=(0,e.ref)(!0),A=(0,e.ref)(!1),j=(0,e.ref)(null),M=(0,e.ref)(null),N=(0,e.ref)(!1),P=(0,e.reactive)({firstName:``,lastName:``,email:``,date:``});async function F(){let e=E.resolvedArgs?.orderId;if(!e){j.value=`No appointment ID provided`,k.value=!1;return}k.value=!0,j.value=null;try{let t=await O.get(`/appointments/${e}`);M.value=t;let n=t.customerInfo||{};P.firstName=n.firstName||``,P.lastName=n.lastName||``,P.email=n.email||``,P.date=t.reservations?.[0]?.date||``}catch(e){j.value=e?.data?.statusMessage||e?.message||`Failed to load appointment`}finally{k.value=!1}}(0,e.onMounted)(()=>{F()});function I(e){E.status!==`completed`&&D(`submit`,e)}let L=(0,e.computed)(()=>{if(!M.value)return!1;let e=M.value.customerInfo||{};return P.firstName!==(e.firstName||``)||P.lastName!==(e.lastName||``)||P.email!==(e.email||``)||P.date!==(M.value.reservations?.[0]?.date||``)});async function R(){if(!(!L.value||A.value)){A.value=!0;try{I({appointmentId:M.value.id,updatedFields:{firstName:P.firstName,lastName:P.lastName,email:P.email,date:P.date},previousValues:{firstName:M.value.customerInfo?.firstName,lastName:M.value.customerInfo?.lastName,email:M.value.customerInfo?.email,date:M.value.reservations?.[0]?.date}}),N.value=!0}catch(e){j.value=e?.data?.statusMessage||e?.message||`Failed to save changes`}finally{A.value=!1}}}function z(){I({cancelled:!0,appointmentId:M.value?.id}),N.value=!0}return(T,E)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,n,[(0,e.unref)(k)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,r,[(0,e.createVNode)((0,e.unref)(t.Loader2),{class:`size-4 animate-spin text-muted-foreground`}),E[4]||=(0,e.createElementVNode)(`span`,{class:`text-xs text-muted-foreground`},`Loading appointment…`,-1)])):(0,e.unref)(j)&&!(0,e.unref)(M)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,i,(0,e.toDisplayString)((0,e.unref)(j)),1)):(0,e.unref)(N)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,a,[(0,e.createVNode)((0,e.unref)(t.CalendarDays),{class:`size-8 text-primary mx-auto mb-2`}),E[5]||=(0,e.createElementVNode)(`p`,{class:`text-sm text-muted-foreground`},`Changes submitted.`,-1)])):(0,e.unref)(M)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,o,[(0,e.createElementVNode)(`div`,s,[(0,e.createVNode)((0,e.unref)(t.CalendarDays),{class:`size-5 text-primary`}),E[6]||=(0,e.createElementVNode)(`h3`,{class:`text-sm font-semibold`},`Edit Appointment`,-1),(0,e.createElementVNode)(`span`,c,` #`+(0,e.toDisplayString)((0,e.unref)(M).id?.slice(0,8)),1)]),(0,e.createElementVNode)(`div`,l,[(0,e.createElementVNode)(`label`,u,[(0,e.createVNode)((0,e.unref)(t.User),{class:`size-3`}),E[7]||=(0,e.createTextVNode)(` First Name `,-1)]),(0,e.withDirectives)((0,e.createElementVNode)(`input`,{"onUpdate:modelValue":E[0]||=t=>(0,e.unref)(P).firstName=t,type:`text`,class:`w-full rounded-lg border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary`,disabled:w.status===`completed`},null,8,d),[[e.vModelText,(0,e.unref)(P).firstName]])]),(0,e.createElementVNode)(`div`,f,[(0,e.createElementVNode)(`label`,p,[(0,e.createVNode)((0,e.unref)(t.User),{class:`size-3`}),E[8]||=(0,e.createTextVNode)(` Last Name `,-1)]),(0,e.withDirectives)((0,e.createElementVNode)(`input`,{"onUpdate:modelValue":E[1]||=t=>(0,e.unref)(P).lastName=t,type:`text`,class:`w-full rounded-lg border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary`,disabled:w.status===`completed`},null,8,m),[[e.vModelText,(0,e.unref)(P).lastName]])]),(0,e.createElementVNode)(`div`,h,[(0,e.createElementVNode)(`label`,g,[(0,e.createVNode)((0,e.unref)(t.Mail),{class:`size-3`}),E[9]||=(0,e.createTextVNode)(` Email `,-1)]),(0,e.withDirectives)((0,e.createElementVNode)(`input`,{"onUpdate:modelValue":E[2]||=t=>(0,e.unref)(P).email=t,type:`email`,class:`w-full rounded-lg border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary`,disabled:w.status===`completed`},null,8,_),[[e.vModelText,(0,e.unref)(P).email]])]),(0,e.createElementVNode)(`div`,v,[(0,e.createElementVNode)(`label`,y,[(0,e.createVNode)((0,e.unref)(t.Calendar),{class:`size-3`}),E[10]||=(0,e.createTextVNode)(` Date `,-1)]),(0,e.withDirectives)((0,e.createElementVNode)(`input`,{"onUpdate:modelValue":E[3]||=t=>(0,e.unref)(P).date=t,type:`date`,class:`w-full rounded-lg border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary`,disabled:w.status===`completed`},null,8,b),[[e.vModelText,(0,e.unref)(P).date]])]),(0,e.unref)(j)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,x,(0,e.toDisplayString)((0,e.unref)(j)),1)):(0,e.createCommentVNode)(``,!0),w.status===`completed`?(0,e.createCommentVNode)(``,!0):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,S,[(0,e.createElementVNode)(`button`,{onClick:R,disabled:!(0,e.unref)(L)||(0,e.unref)(A),class:`inline-flex items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed transition-colors`},[(0,e.unref)(A)?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.Loader2),{key:0,class:`size-3 animate-spin`})):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.Save),{key:1,class:`size-3`})),E[11]||=(0,e.createTextVNode)(` Confirm Changes `,-1)],8,C),(0,e.createElementVNode)(`button`,{onClick:z,class:`inline-flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-xs font-medium text-muted-foreground hover:bg-muted transition-colors`},` Cancel `)]))])):(0,e.createCommentVNode)(``,!0)]))}});exports.default=w;

package/dist/AppointmentListTable-B-ReBVtV.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:`rounded-xl border bg-background overflow-hidden`},s={class:`overflow-x-auto`},c={class:`w-full text-xs`},l={class:`px-3 py-2`},u={class:`font-medium truncate max-w-[160px]`},d={class:`text-muted-foreground truncate max-w-[160px]`},f={class:`px-3 py-2 whitespace-nowrap`},p={class:`px-3 py-2 whitespace-nowrap`},m={class:`px-3 py-2 text-center`},h={class:`px-3 py-2`},g={class:`px-3 py-2 text-right font-medium whitespace-nowrap`},_={class:`px-3 py-2 border-t bg-muted/20 flex items-center justify-between`},v={class:`text-xs text-muted-foreground`},y=(0,e.defineComponent)({__name:`AppointmentListTable`,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 e=C.resolvedArgs?.quantity||20,t=C.resolvedArgs?.status||`confirmed`;O.value=!0,k.value=null;try{A.value=(await D.get(`/appointments?quantity=${e}&status=${t}`)).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 load appointments`,M(`Error loading appointments: ${k.value}`)}finally{O.value=!1}}(0,e.onMounted)(()=>{j()});function M(e){C.status!==`completed`&&w(`submit`,e)}let N=(e,t)=>{if(t!==`confirmed`)switch(t){case`pending`:return`text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20`;case`cancelled`:return`text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20`;default:return`text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20`}switch(e||t){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,t)=>{if(t!==`confirmed`)switch(t){case`pending`:return`Pending`;case`cancelled`:return`Cancelled`;default:return t||`Unknown`}switch(e||t){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||t||`Pending`}},F=e=>e==null?`—`:`€${e.toFixed(2)}`,I=e=>{if(!e)return`—`;try{return new Date(e).toLocaleDateString(`en-US`,{weekday:`short`,month:`short`,day:`numeric`})}catch{return e}};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`},`Loading 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 recent appointments found.`,-1)])):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,o,[(0,e.createElementVNode)(`div`,s,[(0,e.createElementVNode)(`table`,c,[x[2]||=(0,e.createElementVNode)(`thead`,null,[(0,e.createElementVNode)(`tr`,{class:`border-b bg-muted/40`},[(0,e.createElementVNode)(`th`,{class:`text-left px-3 py-2 font-medium text-muted-foreground`},`Customer`),(0,e.createElementVNode)(`th`,{class:`text-left px-3 py-2 font-medium text-muted-foreground`},`Date`),(0,e.createElementVNode)(`th`,{class:`text-left px-3 py-2 font-medium text-muted-foreground`},`Time`),(0,e.createElementVNode)(`th`,{class:`text-center px-3 py-2 font-medium text-muted-foreground`},`Spots`),(0,e.createElementVNode)(`th`,{class:`text-left px-3 py-2 font-medium text-muted-foreground`},`Status`),(0,e.createElementVNode)(`th`,{class:`text-right px-3 py-2 font-medium text-muted-foreground`},`Price`)])],-1),(0,e.createElementVNode)(`tbody`,null,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(A),t=>((0,e.openBlock)(),(0,e.createElementBlock)(`tr`,{key:t.reservationId||t.orderId,class:`border-b last:border-b-0 hover:bg-muted/30 transition-colors`},[(0,e.createElementVNode)(`td`,l,[(0,e.createElementVNode)(`div`,u,(0,e.toDisplayString)(t.customerInfo?.firstName)+` `+(0,e.toDisplayString)(t.customerInfo?.lastName),1),(0,e.createElementVNode)(`div`,d,(0,e.toDisplayString)(t.customerInfo?.email),1)]),(0,e.createElementVNode)(`td`,f,(0,e.toDisplayString)(I(t.date)),1),(0,e.createElementVNode)(`td`,p,(0,e.toDisplayString)(t.startTime)+` – `+(0,e.toDisplayString)(t.endTime),1),(0,e.createElementVNode)(`td`,m,(0,e.toDisplayString)(t.spots||1),1),(0,e.createElementVNode)(`td`,h,[(0,e.createElementVNode)(`span`,{class:(0,e.normalizeClass)([`inline-block text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase whitespace-nowrap`,N(t.reservationStatus,t.status)])},(0,e.toDisplayString)(P(t.reservationStatus,t.status)),3)]),(0,e.createElementVNode)(`td`,g,(0,e.toDisplayString)(F(t.reservationPrice)),1)]))),128))])])]),(0,e.createElementVNode)(`div`,_,[(0,e.createElementVNode)(`span`,v,(0,e.toDisplayString)((0,e.unref)(A).length)+` appointment`+(0,e.toDisplayString)((0,e.unref)(A).length===1?``:`s`),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[3]||=(0,e.createTextVNode)(` View all `,-1)]),_:1},8,[`to`])])]))])}}});exports.default=y;

package/dist/AppointmentListTable-DHmy-iid.mjs

@@ -0,0 +1,129 @@
+import { Fragment as e, computed as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, normalizeClass 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 { CalendarDays as g, ExternalLink as _, Loader2 as v } from "@lucide/vue";
+//#region src/appointments/chat-components/AppointmentListTable.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "w-full" }, b = {
+	key: 0,
+	class: "flex items-center gap-2 py-3"
+}, x = {
+	key: 1,
+	class: "text-xs text-destructive py-2"
+}, S = {
+	key: 2,
+	class: "rounded-xl border bg-background p-4 text-center"
+}, C = {
+	key: 3,
+	class: "rounded-xl border bg-background overflow-hidden"
+}, w = { class: "overflow-x-auto" }, T = { class: "w-full text-xs" }, E = { class: "px-3 py-2" }, D = { class: "font-medium truncate max-w-[160px]" }, O = { class: "text-muted-foreground truncate max-w-[160px]" }, k = { class: "px-3 py-2 whitespace-nowrap" }, A = { class: "px-3 py-2 whitespace-nowrap" }, j = { class: "px-3 py-2 text-center" }, M = { class: "px-3 py-2" }, N = { class: "px-3 py-2 text-right font-medium whitespace-nowrap" }, P = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, F = { class: "text-xs text-muted-foreground" }, I = /* @__PURE__ */ o({
+	__name: "AppointmentListTable",
+	props: {
+		toolName: {},
+		instanceId: {},
+		instanceName: {},
+		moduleType: {},
+		resolvedArgs: {},
+		status: {}
+	},
+	emits: ["submit"],
+	setup(o, { emit: I }) {
+		let { $useRoute: L, $useModuleApi: R } = useNuxtApp(), z = o, B = I, V = L(), H = t(() => V.params.slug), U = R(z.instanceId), W = u(!0), G = u(null), K = u([]);
+		async function q() {
+			let e = z.resolvedArgs?.quantity || 20, t = z.resolvedArgs?.status || "confirmed";
+			W.value = !0, G.value = null;
+			try {
+				K.value = (await U.get(`/appointments?quantity=${e}&status=${t}`)).appointments || [], J({
+					count: K.value.length,
+					appointments: K.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) {
+				G.value = e?.data?.statusMessage || e?.message || "Failed to load appointments", J(`Error loading appointments: ${G.value}`);
+			} finally {
+				W.value = !1;
+			}
+		}
+		c(() => {
+			q();
+		});
+		function J(e) {
+			z.status !== "completed" && B("submit", e);
+		}
+		let Y = (e, t) => {
+			if (t !== "confirmed") switch (t) {
+				case "pending": return "text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20";
+				case "cancelled": return "text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20";
+				default: return "text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20";
+			}
+			switch (e || t) {
+				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";
+			}
+		}, X = (e, t) => {
+			if (t !== "confirmed") switch (t) {
+				case "pending": return "Pending";
+				case "cancelled": return "Cancelled";
+				default: return t || "Unknown";
+			}
+			switch (e || t) {
+				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 || t || "Pending";
+			}
+		}, Z = (e) => e == null ? "—" : `€${e.toFixed(2)}`, Q = (e) => {
+			if (!e) return "—";
+			try {
+				return new Date(e).toLocaleDateString("en-US", {
+					weekday: "short",
+					month: "short",
+					day: "numeric"
+				});
+			} catch {
+				return e;
+			}
+		};
+		return (t, c) => {
+			let u = f("NuxtLink");
+			return l(), n("div", y, [m(W) ? (l(), n("div", b, [a(m(v), { class: "size-4 animate-spin text-muted-foreground" }), c[0] ||= r("span", { class: "text-xs text-muted-foreground" }, "Loading appointments…", -1)])) : m(G) ? (l(), n("div", x, p(m(G)), 1)) : m(K).length === 0 ? (l(), n("div", S, [a(m(g), { class: "size-8 text-muted-foreground mx-auto mb-2" }), c[1] ||= r("p", { class: "text-sm text-muted-foreground" }, "No recent appointments found.", -1)])) : (l(), n("div", C, [r("div", w, [r("table", T, [c[2] ||= r("thead", null, [r("tr", { class: "border-b bg-muted/40" }, [
+				r("th", { class: "text-left px-3 py-2 font-medium text-muted-foreground" }, "Customer"),
+				r("th", { class: "text-left px-3 py-2 font-medium text-muted-foreground" }, "Date"),
+				r("th", { class: "text-left px-3 py-2 font-medium text-muted-foreground" }, "Time"),
+				r("th", { class: "text-center px-3 py-2 font-medium text-muted-foreground" }, "Spots"),
+				r("th", { class: "text-left px-3 py-2 font-medium text-muted-foreground" }, "Status"),
+				r("th", { class: "text-right px-3 py-2 font-medium text-muted-foreground" }, "Price")
+			])], -1), r("tbody", null, [(l(!0), n(e, null, d(m(K), (e) => (l(), n("tr", {
+				key: e.reservationId || e.orderId,
+				class: "border-b last:border-b-0 hover:bg-muted/30 transition-colors"
+			}, [
+				r("td", E, [r("div", D, p(e.customerInfo?.firstName) + " " + p(e.customerInfo?.lastName), 1), r("div", O, p(e.customerInfo?.email), 1)]),
+				r("td", k, p(Q(e.date)), 1),
+				r("td", A, p(e.startTime) + " – " + p(e.endTime), 1),
+				r("td", j, p(e.spots || 1), 1),
+				r("td", M, [r("span", { class: s(["inline-block text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase whitespace-nowrap", Y(e.reservationStatus, e.status)]) }, p(X(e.reservationStatus, e.status)), 3)]),
+				r("td", N, p(Z(e.reservationPrice)), 1)
+			]))), 128))])])]), r("div", P, [r("span", F, p(m(K).length) + " appointment" + p(m(K).length === 1 ? "" : "s"), 1), a(u, {
+				to: `/projects/${m(H)}/modules/${o.instanceId}`,
+				class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
+			}, {
+				default: h(() => [a(m(_), { class: "size-3" }), c[3] ||= i(" View all ", -1)]),
+				_: 1
+			}, 8, ["to"])])]))]);
+		};
+	}
+});
+//#endregion
+export { I as default };