@oneclick.dev/cms-core-modules 0.0.58 → 0.0.60

package/dist/regular-slots-Bs3WJB3U.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),k=require("./EditLayout.vue_vue_type_script_setup_true_lang-Czu6Dcde.js"),c=require("@oneclick.dev/cms-kit"),l=require("lucide-vue-next"),C={class:"max-w-3xl"},b={key:0},h={key:0,class:"space-y-4"},T={class:"flex items-center justify-between"},S={class:"grid gap-3"},_={class:"flex items-start gap-4"},B={class:"flex-1 min-w-0"},$={class:"font-medium"},R={class:"mt-2 grid grid-cols-3 gap-3 text-sm"},A={class:"ml-1 font-medium"},D={class:"ml-1 font-medium"},j={class:"ml-1 font-medium"},q={class:"flex flex-col items-center gap-4"},L={class:"size-16 rounded-full bg-muted flex items-center justify-center"},M={key:1,class:"flex justify-center py-8"},z={class:"mt-8 p-4 rounded-lg bg-muted/50"},O={class:"text-sm font-medium mb-2 flex items-center gap-2"},F={class:"text-sm text-muted-foreground space-y-2 ml-6 list-decimal"},I=e.defineComponent({__name:"regular-slots",setup(P){const{params:s,resolvePath:r}=c.useModuleRoute(),{config:f}=c.useModule(),g=c.useFirebaseIntegration(f.project),a=e.ref([]),p=e.ref(!0),x=async()=>{try{const o=await g.get(f.agendaCollection,s.value.id);a.value=o.resources||[]}catch(o){console.error("Error loading resources:",o)}finally{p.value=!1}},v=e.computed(()=>a.value.filter(o=>o.isActive)),E=e.computed(()=>a.value.length>0),y=o=>{const i=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"].filter((N,u)=>o.openingHours?.[u]?.length>0);return i.length===0?"No hours set":i.length===7?"Open all week":i.join(", ")};return x(),(o,t)=>{const i=e.resolveComponent("AlertTitle"),N=e.resolveComponent("AlertDescription"),u=e.resolveComponent("Alert"),m=e.resolveComponent("Button"),V=e.resolveComponent("Card"),w=e.resolveComponent("Spinner"),d=e.resolveComponent("NuxtLink");return e.openBlock(),e.createBlock(k._sfc_main,null,{default:e.withCtx(()=>[e.createElementVNode("div",C,[t[27]||(t[27]=e.createElementVNode("h1",{class:"text-lg font-medium mb-2"},"Slot Configuration",-1)),t[28]||(t[28]=e.createElementVNode("p",{class:"mb-6 text-muted-foreground text-sm"}," Time slots are now automatically generated based on your resources' operating hours, booking intervals, and service durations. ",-1)),e.createVNode(u,{class:"mb-6"},{default:e.withCtx(()=>[e.createVNode(e.unref(l.Info),{class:"h-4 w-4"}),e.createVNode(i,null,{default:e.withCtx(()=>[...t[3]||(t[3]=[e.createTextVNode("How Dynamic Slots Work",-1)])]),_:1}),e.createVNode(N,{class:"mt-2 space-y-2 text-sm"},{default:e.withCtx(()=>[...t[4]||(t[4]=[e.createElementVNode("p",null,[e.createElementVNode("strong",null,"1. Resources define operating hours:"),e.createTextVNode(" Each resource (staff, room, equipment) has its own schedule and booking interval (e.g., every 15 or 30 minutes). ")],-1),e.createElementVNode("p",null,[e.createElementVNode("strong",null,"2. Services define duration:"),e.createTextVNode(" In Payment Settings, each service specifies how long it takes (e.g., 30 min haircut, 60 min massage). ")],-1),e.createElementVNode("p",null,[e.createElementVNode("strong",null,"3. Slots are generated dynamically:"),e.createTextVNode(" The system creates available booking slots by combining resource availability with service duration, allowing multiple services to overlap within the resource's capacity. ")],-1)])]),_:1})]),_:1}),p.value?(e.openBlock(),e.createElementBlock("div",M,[e.createVNode(w,{class:"w-6 h-6"})])):(e.openBlock(),e.createElementBlock("div",b,[E.value?(e.openBlock(),e.createElementBlock("div",h,[e.createElementVNode("div",T,[t[6]||(t[6]=e.createElementVNode("h2",{class:"text-base font-medium"},"Your Resources",-1)),e.createVNode(m,{size:"sm",variant:"outline",onClick:t[0]||(t[0]=n=>o.$router.push(e.unref(r)(`/edit/${e.unref(s).id}/resources`)))},{default:e.withCtx(()=>[e.createVNode(e.unref(l.Users),{class:"w-4 h-4 mr-2"}),t[5]||(t[5]=e.createTextVNode(" Manage Resources ",-1))]),_:1})]),e.createElementVNode("div",S,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,n=>(e.openBlock(),e.createBlock(V,{key:n.id,class:"p-4 hover:shadow-sm transition-shadow"},{default:e.withCtx(()=>[e.createElementVNode("div",_,[e.createElementVNode("div",{class:"size-10 rounded-full flex items-center justify-center text-white text-sm font-medium flex-shrink-0",style:e.normalizeStyle({backgroundColor:n.color||"#6b7280"})},e.toDisplayString(n.avatarLabel||n.name.charAt(0).toUpperCase()),5),e.createElementVNode("div",B,[e.createElementVNode("h3",$,e.toDisplayString(n.name),1),e.createElementVNode("div",R,[e.createElementVNode("div",null,[t[7]||(t[7]=e.createElementVNode("span",{class:"text-muted-foreground"},"Capacity:",-1)),e.createElementVNode("span",A,e.toDisplayString(n.capacity),1)]),e.createElementVNode("div",null,[t[8]||(t[8]=e.createElementVNode("span",{class:"text-muted-foreground"},"Interval:",-1)),e.createElementVNode("span",D,e.toDisplayString(n.interval)+" min",1)]),e.createElementVNode("div",null,[t[9]||(t[9]=e.createElementVNode("span",{class:"text-muted-foreground"},"Schedule:",-1)),e.createElementVNode("span",j,e.toDisplayString(y(n)),1)])])]),e.createVNode(m,{size:"sm",variant:"ghost",onClick:t[1]||(t[1]=U=>o.$router.push(e.unref(r)(`/edit/${e.unref(s).id}/resources`)))},{default:e.withCtx(()=>[t[10]||(t[10]=e.createTextVNode(" Edit ",-1)),e.createVNode(e.unref(l.ArrowRight),{class:"w-4 h-4 ml-1"})]),_:1})])]),_:2},1024))),128))])])):(e.openBlock(),e.createBlock(V,{key:1,class:"p-8 text-center"},{default:e.withCtx(()=>[e.createElementVNode("div",q,[e.createElementVNode("div",L,[e.createVNode(e.unref(l.Users),{class:"w-8 h-8 text-muted-foreground"})]),t[12]||(t[12]=e.createElementVNode("div",null,[e.createElementVNode("h3",{class:"text-lg font-medium mb-2"},"No Resources Yet"),e.createElementVNode("p",{class:"text-sm text-muted-foreground max-w-md"}," Create resources (staff members, rooms, or equipment) to define when and how appointments can be booked. ")],-1)),e.createVNode(m,{onClick:t[2]||(t[2]=n=>o.$router.push(e.unref(r)(`/edit/${e.unref(s).id}/resources`)))},{default:e.withCtx(()=>[e.createVNode(e.unref(l.Users),{class:"w-4 h-4 mr-2"}),t[11]||(t[11]=e.createTextVNode(" Create First Resource ",-1))]),_:1})])]),_:1}))])),e.createElementVNode("div",z,[e.createElementVNode("h3",O,[e.createVNode(e.unref(l.Clock),{class:"w-4 h-4"}),t[13]||(t[13]=e.createTextVNode(" Quick Setup Guide ",-1))]),e.createElementVNode("ol",F,[e.createElementVNode("li",null,[t[15]||(t[15]=e.createElementVNode("strong",null,"Create resources",-1)),t[16]||(t[16]=e.createTextVNode(" in the ",-1)),e.createVNode(d,{to:e.unref(r)(`/edit/${e.unref(s).id}/resources`),class:"underline font-medium"},{default:e.withCtx(()=>[...t[14]||(t[14]=[e.createTextVNode(" Resource Management ",-1)])]),_:1},8,["to"]),t[17]||(t[17]=e.createTextVNode(" section with their operating hours and booking intervals ",-1))]),e.createElementVNode("li",null,[t[19]||(t[19]=e.createElementVNode("strong",null,"Configure service durations",-1)),t[20]||(t[20]=e.createTextVNode(" in ",-1)),e.createVNode(d,{to:e.unref(r)(`/edit/${e.unref(s).id}/payment`),class:"underline font-medium"},{default:e.withCtx(()=>[...t[18]||(t[18]=[e.createTextVNode(" Payment Settings ",-1)])]),_:1},8,["to"])]),e.createElementVNode("li",null,[t[22]||(t[22]=e.createElementVNode("strong",null,"View the generated slots",-1)),t[23]||(t[23]=e.createTextVNode(" in the ",-1)),e.createVNode(d,{to:e.unref(r)(`/edit/${e.unref(s).id}/agenda`),class:"underline font-medium"},{default:e.withCtx(()=>[...t[21]||(t[21]=[e.createTextVNode(" Agenda ",-1)])]),_:1},8,["to"])]),e.createElementVNode("li",null,[t[25]||(t[25]=e.createElementVNode("strong",null,"Override specific dates",-1)),t[26]||(t[26]=e.createTextVNode(" if needed in ",-1)),e.createVNode(d,{to:e.unref(r)(`/edit/${e.unref(s).id}/exceptions`),class:"underline font-medium"},{default:e.withCtx(()=>[...t[24]||(t[24]=[e.createTextVNode(" Override Slots ",-1)])]),_:1},8,["to"])])])])])]),_:1})}}});exports.default=I;

package/dist/regular-slots-C2NYxLPn.mjs

@@ -0,0 +1,222 @@
+import { defineComponent as B, ref as _, computed as $, resolveComponent as a, openBlock as m, createBlock as w, withCtx as i, createElementVNode as t, createVNode as n, unref as s, createTextVNode as o, createElementBlock as c, Fragment as D, renderList as E, normalizeStyle as L, toDisplayString as p } from "vue";
+import { _ as M } from "./EditLayout.vue_vue_type_script_setup_true_lang-CcysXzmW.mjs";
+import { useModuleRoute as F, useModule as I, useFirebaseIntegration as O } from "@oneclick.dev/cms-kit";
+import { Info as V, Users as b, ArrowRight as H, Clock as P } from "lucide-vue-next";
+const q = { class: "max-w-3xl" }, U = { key: 0 }, W = {
+  key: 0,
+  class: "space-y-4"
+}, Y = { class: "flex items-center justify-between" }, G = { class: "grid gap-3" }, Q = { class: "flex items-start gap-4" }, J = { class: "flex-1 min-w-0" }, K = { class: "font-medium" }, X = { class: "mt-2 grid grid-cols-3 gap-3 text-sm" }, Z = { class: "ml-1 font-medium" }, ee = { class: "ml-1 font-medium" }, te = { class: "ml-1 font-medium" }, se = { class: "flex flex-col items-center gap-4" }, ne = { class: "size-16 rounded-full bg-muted flex items-center justify-center" }, oe = {
+  key: 1,
+  class: "flex justify-center py-8"
+}, ie = { class: "mt-8 p-4 rounded-lg bg-muted/50" }, le = { class: "text-sm font-medium mb-2 flex items-center gap-2" }, re = { class: "text-sm text-muted-foreground space-y-2 ml-6 list-decimal" }, ge = /* @__PURE__ */ B({
+  __name: "regular-slots",
+  setup(de) {
+    const { params: d, resolvePath: u } = F(), { config: k } = I(), R = O(k.project), v = _([]), C = _(!0), A = async () => {
+      try {
+        const l = await R.get(k.agendaCollection, d.value.id);
+        v.value = l.resources || [];
+      } catch (l) {
+        console.error("Error loading resources:", l);
+      } finally {
+        C.value = !1;
+      }
+    }, N = $(() => v.value.filter((l) => l.isActive)), T = $(() => v.value.length > 0), j = (l) => {
+      const f = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"].filter((h, y) => l.openingHours?.[y]?.length > 0);
+      return f.length === 0 ? "No hours set" : f.length === 7 ? "Open all week" : f.join(", ");
+    };
+    return A(), (l, e) => {
+      const f = a("AlertTitle"), h = a("AlertDescription"), y = a("Alert"), x = a("Button"), S = a("Card"), z = a("Spinner"), g = a("NuxtLink");
+      return m(), w(M, null, {
+        default: i(() => [
+          t("div", q, [
+            e[27] || (e[27] = t("h1", { class: "text-lg font-medium mb-2" }, "Slot Configuration", -1)),
+            e[28] || (e[28] = t("p", { class: "mb-6 text-muted-foreground text-sm" }, " Time slots are now automatically generated based on your resources' operating hours, booking intervals, and service durations. ", -1)),
+            n(y, { class: "mb-6" }, {
+              default: i(() => [
+                n(s(V), { class: "h-4 w-4" }),
+                n(f, null, {
+                  default: i(() => [...e[3] || (e[3] = [
+                    o("How Dynamic Slots Work", -1)
+                  ])]),
+                  _: 1
+                }),
+                n(h, { class: "mt-2 space-y-2 text-sm" }, {
+                  default: i(() => [...e[4] || (e[4] = [
+                    t("p", null, [
+                      t("strong", null, "1. Resources define operating hours:"),
+                      o(" Each resource (staff, room, equipment) has its own schedule and booking interval (e.g., every 15 or 30 minutes). ")
+                    ], -1),
+                    t("p", null, [
+                      t("strong", null, "2. Services define duration:"),
+                      o(" In Payment Settings, each service specifies how long it takes (e.g., 30 min haircut, 60 min massage). ")
+                    ], -1),
+                    t("p", null, [
+                      t("strong", null, "3. Slots are generated dynamically:"),
+                      o(" The system creates available booking slots by combining resource availability with service duration, allowing multiple services to overlap within the resource's capacity. ")
+                    ], -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            C.value ? (m(), c("div", oe, [
+              n(z, { class: "w-6 h-6" })
+            ])) : (m(), c("div", U, [
+              T.value ? (m(), c("div", W, [
+                t("div", Y, [
+                  e[6] || (e[6] = t("h2", { class: "text-base font-medium" }, "Your Resources", -1)),
+                  n(x, {
+                    size: "sm",
+                    variant: "outline",
+                    onClick: e[0] || (e[0] = (r) => l.$router.push(s(u)(`/edit/${s(d).id}/resources`)))
+                  }, {
+                    default: i(() => [
+                      n(s(b), { class: "w-4 h-4 mr-2" }),
+                      e[5] || (e[5] = o(" Manage Resources ", -1))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                t("div", G, [
+                  (m(!0), c(D, null, E(N.value, (r) => (m(), w(S, {
+                    key: r.id,
+                    class: "p-4 hover:shadow-sm transition-shadow"
+                  }, {
+                    default: i(() => [
+                      t("div", Q, [
+                        t("div", {
+                          class: "size-10 rounded-full flex items-center justify-center text-white text-sm font-medium flex-shrink-0",
+                          style: L({ backgroundColor: r.color || "#6b7280" })
+                        }, p(r.avatarLabel || r.name.charAt(0).toUpperCase()), 5),
+                        t("div", J, [
+                          t("h3", K, p(r.name), 1),
+                          t("div", X, [
+                            t("div", null, [
+                              e[7] || (e[7] = t("span", { class: "text-muted-foreground" }, "Capacity:", -1)),
+                              t("span", Z, p(r.capacity), 1)
+                            ]),
+                            t("div", null, [
+                              e[8] || (e[8] = t("span", { class: "text-muted-foreground" }, "Interval:", -1)),
+                              t("span", ee, p(r.interval) + " min", 1)
+                            ]),
+                            t("div", null, [
+                              e[9] || (e[9] = t("span", { class: "text-muted-foreground" }, "Schedule:", -1)),
+                              t("span", te, p(j(r)), 1)
+                            ])
+                          ])
+                        ]),
+                        n(x, {
+                          size: "sm",
+                          variant: "ghost",
+                          onClick: e[1] || (e[1] = (ue) => l.$router.push(s(u)(`/edit/${s(d).id}/resources`)))
+                        }, {
+                          default: i(() => [
+                            e[10] || (e[10] = o(" Edit ", -1)),
+                            n(s(H), { class: "w-4 h-4 ml-1" })
+                          ]),
+                          _: 1
+                        })
+                      ])
+                    ]),
+                    _: 2
+                  }, 1024))), 128))
+                ])
+              ])) : (m(), w(S, {
+                key: 1,
+                class: "p-8 text-center"
+              }, {
+                default: i(() => [
+                  t("div", se, [
+                    t("div", ne, [
+                      n(s(b), { class: "w-8 h-8 text-muted-foreground" })
+                    ]),
+                    e[12] || (e[12] = t("div", null, [
+                      t("h3", { class: "text-lg font-medium mb-2" }, "No Resources Yet"),
+                      t("p", { class: "text-sm text-muted-foreground max-w-md" }, " Create resources (staff members, rooms, or equipment) to define when and how appointments can be booked. ")
+                    ], -1)),
+                    n(x, {
+                      onClick: e[2] || (e[2] = (r) => l.$router.push(s(u)(`/edit/${s(d).id}/resources`)))
+                    }, {
+                      default: i(() => [
+                        n(s(b), { class: "w-4 h-4 mr-2" }),
+                        e[11] || (e[11] = o(" Create First Resource ", -1))
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }))
+            ])),
+            t("div", ie, [
+              t("h3", le, [
+                n(s(P), { class: "w-4 h-4" }),
+                e[13] || (e[13] = o(" Quick Setup Guide ", -1))
+              ]),
+              t("ol", re, [
+                t("li", null, [
+                  e[15] || (e[15] = t("strong", null, "Create resources", -1)),
+                  e[16] || (e[16] = o(" in the ", -1)),
+                  n(g, {
+                    to: s(u)(`/edit/${s(d).id}/resources`),
+                    class: "underline font-medium"
+                  }, {
+                    default: i(() => [...e[14] || (e[14] = [
+                      o(" Resource Management ", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["to"]),
+                  e[17] || (e[17] = o(" section with their operating hours and booking intervals ", -1))
+                ]),
+                t("li", null, [
+                  e[19] || (e[19] = t("strong", null, "Configure service durations", -1)),
+                  e[20] || (e[20] = o(" in ", -1)),
+                  n(g, {
+                    to: s(u)(`/edit/${s(d).id}/payment`),
+                    class: "underline font-medium"
+                  }, {
+                    default: i(() => [...e[18] || (e[18] = [
+                      o(" Payment Settings ", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["to"])
+                ]),
+                t("li", null, [
+                  e[22] || (e[22] = t("strong", null, "View the generated slots", -1)),
+                  e[23] || (e[23] = o(" in the ", -1)),
+                  n(g, {
+                    to: s(u)(`/edit/${s(d).id}/agenda`),
+                    class: "underline font-medium"
+                  }, {
+                    default: i(() => [...e[21] || (e[21] = [
+                      o(" Agenda ", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["to"])
+                ]),
+                t("li", null, [
+                  e[25] || (e[25] = t("strong", null, "Override specific dates", -1)),
+                  e[26] || (e[26] = o(" if needed in ", -1)),
+                  n(g, {
+                    to: s(u)(`/edit/${s(d).id}/exceptions`),
+                    class: "underline font-medium"
+                  }, {
+                    default: i(() => [...e[24] || (e[24] = [
+                      o(" Override Slots ", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["to"])
+                ])
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  ge as default
+};