@oneclick.dev/cms-core-modules 0.0.52 → 0.0.54

package/dist/regular-C4_3YXqx.mjs

@@ -0,0 +1,602 @@
+import { defineComponent as I, computed as q, resolveComponent as s, createBlock as _, openBlock as a, withCtx as o, createVNode as t, createElementBlock as y, Fragment as M, renderList as j, createCommentVNode as U, createElementVNode as n, normalizeClass as E, unref as u, createTextVNode as v, toDisplayString as V, inject as C, ref as w, reactive as D, provide as G } from "vue";
+import { useModuleRoute as z, useModule as P, useFirebaseIntegration as O, useModuleBreadcrumbs as R } from "@oneclick.dev/cms-kit";
+import { Circle as H, Check as J, Dot as W, ArrowLeft as Y } from "lucide-vue-next";
+import { _ as K } from "./RegularSlotEditor.vue_vue_type_script_setup_true_lang-Bj_PVLLV.mjs";
+const Q = { class: "flex flex-col gap-1" }, X = /* @__PURE__ */ I({
+  __name: "StepNavigation",
+  props: {
+    modelValue: {
+      type: Number,
+      required: !0
+    },
+    steps: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(N, { emit: m }) {
+    const g = N, x = m, c = q({
+      get: () => g.modelValue,
+      set: (e) => {
+        x("update:modelValue", e);
+      }
+    }), r = q(() => g.steps.filter((e) => e.completed).length);
+    return (e, d) => {
+      const b = s("StepperSeparator"), i = s("Button"), l = s("StepperTrigger"), k = s("StepperTitle"), T = s("StepperItem"), $ = s("Stepper"), F = s("CardContent"), B = s("Card");
+      return a(), _(B, null, {
+        default: o(() => [
+          t(F, null, {
+            default: o(() => [
+              t($, {
+                orientation: "vertical",
+                class: "mx-auto flex w-full max-w-md flex-col justify-start gap-10",
+                modelValue: c.value,
+                "onUpdate:modelValue": d[0] || (d[0] = (f) => c.value = f),
+                linear: !1
+              }, {
+                default: o(() => [
+                  (a(!0), y(M, null, j(N.steps, (f, A) => (a(), _(T, {
+                    key: f.step,
+                    class: "relative flex w-full items-start gap-6",
+                    step: f.step,
+                    completed: f.completed,
+                    disabled: f.step > r.value + 1,
+                    onClick: (p) => c.value = f.step
+                  }, {
+                    default: o(({ state: p }) => [
+                      f.step !== N.steps[N.steps.length - 1].step ? (a(), _(b, {
+                        key: 0,
+                        class: "absolute left-[18px] top-[38px] block h-[105%] w-0.5 shrink-0 rounded-full bg-muted group-data-[state=completed]:bg-primary"
+                      })) : U("", !0),
+                      t(l, { "as-child": "" }, {
+                        default: o(() => [
+                          t(i, {
+                            variant: p === "completed" || p === "active" ? "default" : "outline",
+                            size: "icon",
+                            class: E(["z-10 rounded-full shrink-0", [c.value === f.step && "ring-2 ring-ring ring-offset-2 ring-offset-background"]])
+                          }, {
+                            default: o(() => [
+                              c.value === f.step ? (a(), _(u(H), { key: 0 })) : p === "completed" ? (a(), _(u(J), {
+                                key: 1,
+                                class: "size-5"
+                              })) : p === "inactive" ? (a(), _(u(W), { key: 2 })) : U("", !0)
+                            ]),
+                            _: 2
+                          }, 1032, ["variant", "class"])
+                        ]),
+                        _: 2
+                      }, 1024),
+                      n("div", Q, [
+                        t(k, {
+                          class: E([[c.value === f.step && "text-primary", f.step > r.value + 1 && "text-muted-foreground"], "text-sm font-semibold transition lg:text-base mt-1.5"])
+                        }, {
+                          default: o(() => [
+                            v(V(f.title), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["class"])
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["step", "completed", "disabled", "onClick"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Z = { class: "mb-8" }, h = { class: "flex justify-end mt-8" }, ee = /* @__PURE__ */ I({
+  __name: "Step1",
+  setup(N) {
+    const m = C("form"), g = C("steps"), x = C("activeStep", w(1)), c = () => {
+      if (m.serviceName = m.serviceName.trim(), !m.serviceName) {
+        alert("Please enter a service name.");
+        return;
+      }
+      g.value[0].completed = !0, x.value = 2;
+    };
+    return (r, e) => {
+      const d = s("Label"), b = s("Input"), i = s("Button"), l = s("Card");
+      return a(), _(l, { class: "p-8" }, {
+        default: o(() => [
+          n("div", Z, [
+            t(d, {
+              for: "service-name",
+              class: "text-base font-medium mb-2"
+            }, {
+              default: o(() => [...e[2] || (e[2] = [
+                v(" Your Service Name ", -1)
+              ])]),
+              _: 1
+            }),
+            t(b, {
+              id: "service-name",
+              modelValue: u(m).serviceName,
+              "onUpdate:modelValue": e[0] || (e[0] = (k) => u(m).serviceName = k),
+              placeholder: "Enter service name",
+              class: "mt-2"
+            }, null, 8, ["modelValue"]),
+            e[3] || (e[3] = n("p", { class: "text-sm text-muted-foreground mt-2" }, " How should customers refer to your service ", -1))
+          ]),
+          n("div", h, [
+            t(i, {
+              onClick: e[1] || (e[1] = (k) => c())
+            }, {
+              default: o(() => [...e[4] || (e[4] = [
+                v(" Continue ", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), te = { class: "flex justify-end" }, oe = { class: "flex gap-4" }, se = /* @__PURE__ */ I({
+  __name: "Step2",
+  setup(N) {
+    const m = C("form"), g = C("steps"), x = C("activeStep", w(1)), c = () => {
+      g.value[1].completed = !0, x.value = 3;
+    };
+    return (r, e) => {
+      const d = s("Button"), b = s("Card");
+      return a(), _(b, { class: "p-8" }, {
+        default: o(() => [
+          e[5] || (e[5] = n("p", { class: "font-medium text-lg" }, " Create regular time slots for your service. ", -1)),
+          t(K, {
+            modelValue: u(m).timeslots,
+            "onUpdate:modelValue": e[0] || (e[0] = (i) => u(m).timeslots = i)
+          }, null, 8, ["modelValue"]),
+          e[6] || (e[6] = n("hr", null, null, -1)),
+          n("div", te, [
+            n("div", oe, [
+              t(d, {
+                variant: "outline",
+                onClick: e[1] || (e[1] = (i) => x.value = 1)
+              }, {
+                default: o(() => [...e[3] || (e[3] = [
+                  v(" Back ", -1)
+                ])]),
+                _: 1
+              }),
+              t(d, {
+                onClick: e[2] || (e[2] = (i) => c())
+              }, {
+                default: o(() => [...e[4] || (e[4] = [
+                  v(" Continue ", -1)
+                ])]),
+                _: 1
+              })
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), ne = { class: "mb-8" }, le = { class: "flex justify-end gap-4 mt-8" }, ae = /* @__PURE__ */ I({
+  __name: "Step3",
+  setup(N) {
+    const m = C("form"), g = C("steps"), x = C("activeStep", w(1)), c = () => {
+      g.value[2].completed = !0, x.value = 4;
+    };
+    return (r, e) => {
+      const d = s("Label"), b = s("InputGroupInput"), i = s("Search"), l = s("InputGroupAddon"), k = s("SelectValue"), T = s("SelectTrigger"), $ = s("SelectItem"), F = s("SelectGroup"), B = s("SelectContent"), f = s("Select"), A = s("InputGroup"), p = s("Button"), L = s("Card");
+      return a(), _(L, { class: "p-8" }, {
+        default: o(() => [
+          n("div", ne, [
+            t(d, {
+              for: "lead-time",
+              class: "text-base font-medium mb-2"
+            }, {
+              default: o(() => [...e[6] || (e[6] = [
+                v(" Minimum Advance Notice - Lead Time ", -1)
+              ])]),
+              _: 1
+            }),
+            t(A, { class: "max-w-md" }, {
+              default: o(() => [
+                t(b, {
+                  placeholder: "0",
+                  id: "lead-time",
+                  modelValue: u(m).minimumAdvanceNotice.value,
+                  "onUpdate:modelValue": e[0] || (e[0] = (S) => u(m).minimumAdvanceNotice.value = S)
+                }, null, 8, ["modelValue"]),
+                t(l, null, {
+                  default: o(() => [
+                    t(i)
+                  ]),
+                  _: 1
+                }),
+                t(l, { align: "inline-end" }, {
+                  default: o(() => [
+                    t(f, {
+                      modelValue: u(m).minimumAdvanceNotice.unit,
+                      "onUpdate:modelValue": e[1] || (e[1] = (S) => u(m).minimumAdvanceNotice.unit = S)
+                    }, {
+                      default: o(() => [
+                        t(T, { class: "w-[180px] border-0 bg-transparent -mr-1.5" }, {
+                          default: o(() => [
+                            t(k)
+                          ]),
+                          _: 1
+                        }),
+                        t(B, null, {
+                          default: o(() => [
+                            t(F, null, {
+                              default: o(() => [
+                                t($, { value: "minutes" }, {
+                                  default: o(() => [...e[7] || (e[7] = [
+                                    v(" Minutes ", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                t($, { value: "hours" }, {
+                                  default: o(() => [...e[8] || (e[8] = [
+                                    v(" Hours ", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                t($, { value: "days" }, {
+                                  default: o(() => [...e[9] || (e[9] = [
+                                    v(" Days ", -1)
+                                  ])]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            e[10] || (e[10] = n("p", { class: "text-sm text-muted-foreground mt-2" }, " Set how far in advance a customer must book your slot. ", -1))
+          ]),
+          e[19] || (e[19] = n("hr", null, null, -1)),
+          n("div", null, [
+            t(d, {
+              for: "capacity",
+              class: "text-base font-medium mb-2"
+            }, {
+              default: o(() => [...e[11] || (e[11] = [
+                v(" Service Visibility ", -1)
+              ])]),
+              _: 1
+            }),
+            t(A, { class: "max-w-md" }, {
+              default: o(() => [
+                t(b, {
+                  placeholder: "1",
+                  id: "capacity",
+                  modelValue: u(m).serviceVisibility,
+                  "onUpdate:modelValue": e[2] || (e[2] = (S) => u(m).serviceVisibility = S)
+                }, null, 8, ["modelValue"]),
+                t(l, null, {
+                  default: o(() => [
+                    t(i)
+                  ]),
+                  _: 1
+                }),
+                t(l, { align: "inline-end" }, {
+                  default: o(() => [...e[12] || (e[12] = [
+                    v(" days ", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            e[13] || (e[13] = n("p", { class: "text-sm text-muted-foreground mt-2" }, " Set how many days in advance the service is visible to customers. ", -1))
+          ]),
+          e[20] || (e[20] = n("hr", null, null, -1)),
+          n("div", null, [
+            t(d, {
+              for: "capacity",
+              class: "text-base font-medium mb-2"
+            }, {
+              default: o(() => [...e[14] || (e[14] = [
+                v(" Default Capacity ", -1)
+              ])]),
+              _: 1
+            }),
+            t(A, { class: "max-w-md" }, {
+              default: o(() => [
+                t(b, {
+                  placeholder: "∞",
+                  type: "number",
+                  id: "capacity",
+                  class: "no-spinner",
+                  min: "1",
+                  modelValue: u(m).capacity,
+                  "onUpdate:modelValue": e[3] || (e[3] = (S) => u(m).capacity = S)
+                }, null, 8, ["modelValue"]),
+                t(l, { align: "inline-end" }, {
+                  default: o(() => [...e[15] || (e[15] = [
+                    v(" available spots ", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            e[16] || (e[16] = n("p", { class: "text-sm text-muted-foreground mt-2" }, " Default number of bookings per time slot. ", -1))
+          ]),
+          n("div", le, [
+            t(p, {
+              variant: "outline",
+              onClick: e[4] || (e[4] = (S) => x.value = 2)
+            }, {
+              default: o(() => [...e[17] || (e[17] = [
+                v(" Back ", -1)
+              ])]),
+              _: 1
+            }),
+            t(p, {
+              onClick: e[5] || (e[5] = (S) => c())
+            }, {
+              default: o(() => [...e[18] || (e[18] = [
+                v(" Continue ", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), ie = { class: "mb-8" }, ue = { class: "mb-4 text-lg" }, re = {
+  key: 0,
+  class: "px-4 pb-2"
+}, de = {
+  key: 1,
+  class: "px-4 pb-2"
+}, me = { class: "text-sm text-muted-foreground" }, pe = {
+  key: 0,
+  class: "mb-4 text-lg"
+}, ce = {
+  key: 1,
+  class: "mb-4 text-lg"
+}, ve = { class: "mb-4 text-lg" }, fe = { class: "mb-4 text-lg" }, _e = { class: "flex gap-4 justify-end" }, ge = {
+  key: 0,
+  class: "flex gap-2"
+}, xe = { key: 1 }, be = /* @__PURE__ */ I({
+  __name: "Step4",
+  setup(N) {
+    const { navigateTo: m } = z(), { config: g } = P(), x = O(g.project), c = [
+      { value: 1, name: "Monday", short: "Mon" },
+      { value: 2, name: "Tuesday", short: "Tue" },
+      { value: 3, name: "Wednesday", short: "Wed" },
+      { value: 4, name: "Thursday", short: "Thu" },
+      { value: 5, name: "Friday", short: "Fri" },
+      { value: 6, name: "Saturday", short: "Sat" },
+      { value: 0, name: "Sunday", short: "Sun" }
+    ], r = C("form"), e = C("activeStep", w(1)), d = w(!1), b = async () => {
+      try {
+        d.value = !0;
+        let i = JSON.parse(JSON.stringify(r));
+        i.type = "regular", i.capacity === "" || i.capacity === null ? delete i.capacity : i.capacity = Number(i.capacity), Object.entries(i.timeslots).forEach(([l, k]) => {
+          i.timeslots[l] = k.map((T) => ({
+            startTime: T.startTime,
+            endTime: T.endTime
+          }));
+        }), await x.add(g.agendaCollection, i), m("/");
+      } catch {
+        alert("Error creating agenda");
+      } finally {
+        d.value = !1;
+      }
+    };
+    return (i, l) => {
+      const k = s("TabsTrigger"), T = s("TabsList"), $ = s("TabsContent"), F = s("Tabs"), B = s("Button"), f = s("Spinner"), A = s("Card");
+      return a(), _(A, { class: "p-8" }, {
+        default: o(() => [
+          n("div", ie, [
+            l[2] || (l[2] = n("p", { class: "text-muted-foreground text-xs" }, "Service name", -1)),
+            n("p", ue, V(u(r).serviceName), 1),
+            l[3] || (l[3] = n("p", { class: "text-muted-foreground text-xs mb-2" }, "Standard timeslots", -1)),
+            t(F, {
+              "default-value": 1,
+              class: "max-w-lg bg-muted/50 rounded-md mb-4"
+            }, {
+              default: o(() => [
+                t(T, { class: "grid w-full grid-cols-7" }, {
+                  default: o(() => [
+                    (a(), y(M, null, j(c, (p) => t(k, {
+                      key: p.value,
+                      value: p.value
+                    }, {
+                      default: o(() => [
+                        v(V(p.short), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"])), 64))
+                  ]),
+                  _: 1
+                }),
+                (a(), y(M, null, j(c, (p) => t($, {
+                  key: p.value,
+                  value: p.value
+                }, {
+                  default: o(() => [
+                    u(r).timeslots[p.value]?.length > 0 ? (a(), y("div", re, [
+                      (a(!0), y(M, null, j(u(r).timeslots[p.value], (L, S) => (a(), y("p", { key: S }, V(L.startTime) + " - " + V(L.endTime), 1))), 128))
+                    ])) : (a(), y("div", de, [
+                      n("p", me, "No timeslots set for " + V(p.name) + ".", 1)
+                    ]))
+                  ]),
+                  _: 2
+                }, 1032, ["value"])), 64))
+              ]),
+              _: 1
+            }),
+            l[4] || (l[4] = n("p", { class: "text-muted-foreground text-xs" }, "Minimum Advance Notice", -1)),
+            u(r).minimumAdvanceNotice.value !== 0 ? (a(), y("p", pe, V(u(r).minimumAdvanceNotice.value) + " " + V(u(r).minimumAdvanceNotice.unit), 1)) : (a(), y("p", ce, " - ")),
+            l[5] || (l[5] = n("p", { class: "text-muted-foreground text-xs" }, "Booking window", -1)),
+            n("p", ve, V(u(r).serviceVisibility) + " days ", 1),
+            l[6] || (l[6] = n("p", { class: "text-muted-foreground text-xs" }, "Maximum Capacity Per Slot", -1)),
+            n("p", fe, V(u(r).capacity), 1)
+          ]),
+          n("div", _e, [
+            t(B, {
+              variant: "outline",
+              onClick: l[0] || (l[0] = (p) => e.value = 3)
+            }, {
+              default: o(() => [...l[7] || (l[7] = [
+                v(" Back ", -1)
+              ])]),
+              _: 1
+            }),
+            t(B, {
+              onClick: l[1] || (l[1] = (p) => b()),
+              disabled: d.value
+            }, {
+              default: o(() => [
+                d.value ? (a(), y("span", ge, [
+                  t(f),
+                  l[8] || (l[8] = v(" Creating... ", -1))
+                ])) : (a(), y("span", xe, "Create Agenda"))
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), ye = { class: "container mx-auto p-8" }, Se = { class: "max-w-7xl mx-auto" }, Ce = { class: "flex items-center gap-3 mb-8" }, ke = { class: "flex gap-6" }, Ve = { class: "w-80" }, Ne = { class: "flex-1" }, Ae = /* @__PURE__ */ I({
+  __name: "regular",
+  emits: ["back"],
+  setup(N, { emit: m }) {
+    const { navigateTo: g } = z();
+    R(() => [
+      { text: "Create", href: "/create" },
+      { text: "Regular Booking" }
+    ]);
+    const x = D({
+      serviceName: "",
+      timeslots: {
+        1: [],
+        2: [],
+        3: [],
+        4: [],
+        5: [],
+        6: [],
+        0: []
+      },
+      minimumAdvanceNotice: {
+        value: 0,
+        unit: "minutes"
+      },
+      capacity: 1,
+      serviceVisibility: 60,
+      customerInformationFields: [
+        {
+          id: "1",
+          fieldName: "First Name",
+          fieldType: "text",
+          required: !0,
+          visible: !0,
+          isNativeField: !0
+        },
+        {
+          id: "2",
+          fieldName: "Last Name",
+          fieldType: "text",
+          required: !0,
+          visible: !0,
+          isNativeField: !0
+        },
+        {
+          id: "3",
+          fieldName: "Phone No",
+          fieldType: "tel",
+          required: !0,
+          visible: !0,
+          isNativeField: !0
+        },
+        {
+          id: "4",
+          fieldName: "Email",
+          fieldType: "email",
+          required: !0,
+          visible: !0,
+          isNativeField: !0
+        }
+      ]
+    }), c = w([
+      {
+        step: 1,
+        title: "Product Selection",
+        completed: !1
+      },
+      {
+        step: 2,
+        title: "Slot Setup",
+        completed: !1
+      },
+      {
+        step: 3,
+        title: "Calculation & Visibility",
+        completed: !1
+      },
+      {
+        step: 4,
+        title: "Review & Publish",
+        completed: !1
+      }
+    ]), r = w(1);
+    return G("form", x), G("steps", c), G("activeStep", r), (e, d) => {
+      const b = s("Button");
+      return a(), y("div", ye, [
+        n("div", Se, [
+          n("div", Ce, [
+            t(b, {
+              variant: "ghost",
+              size: "icon",
+              class: "rounded-lg",
+              onClick: d[0] || (d[0] = (i) => u(g)("/create"))
+            }, {
+              default: o(() => [
+                t(u(Y), { class: "w-5 h-5" })
+              ]),
+              _: 1
+            }),
+            d[2] || (d[2] = n("h2", { class: "text-2xl font-semibold" }, "Agenda Selection", -1))
+          ]),
+          n("div", ke, [
+            n("div", Ve, [
+              t(X, {
+                steps: c.value,
+                modelValue: r.value,
+                "onUpdate:modelValue": d[1] || (d[1] = (i) => r.value = i)
+              }, null, 8, ["steps", "modelValue"])
+            ]),
+            n("div", Ne, [
+              r.value === 1 ? (a(), _(ee, { key: 0 })) : r.value === 2 ? (a(), _(se, { key: 1 })) : r.value === 3 ? (a(), _(ae, { key: 2 })) : r.value === 4 ? (a(), _(be, { key: 3 })) : U("", !0)
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  Ae as default
+};

package/dist/regular-DFwPEbZO.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),g=require("@oneclick.dev/cms-kit"),y=require("lucide-vue-next"),S=require("./RegularSlotEditor.vue_vue_type_script_setup_true_lang-0xZSq0rx.js"),b={class:"flex flex-col gap-1"},B=e.defineComponent({__name:"StepNavigation",props:{modelValue:{type:Number,required:!0},steps:{type:Array,required:!0}},emits:["update:modelValue"],setup(f,{emit:a}){const u=f,c=a,i=e.computed({get:()=>u.modelValue,set:t=>{c("update:modelValue",t)}}),l=e.computed(()=>u.steps.filter(t=>t.completed).length);return(t,r)=>{const m=e.resolveComponent("StepperSeparator"),n=e.resolveComponent("Button"),o=e.resolveComponent("StepperTrigger"),v=e.resolveComponent("StepperTitle"),x=e.resolveComponent("StepperItem"),V=e.resolveComponent("Stepper"),_=e.resolveComponent("CardContent"),N=e.resolveComponent("Card");return e.openBlock(),e.createBlock(N,null,{default:e.withCtx(()=>[e.createVNode(_,null,{default:e.withCtx(()=>[e.createVNode(V,{orientation:"vertical",class:"mx-auto flex w-full max-w-md flex-col justify-start gap-10",modelValue:i.value,"onUpdate:modelValue":r[0]||(r[0]=d=>i.value=d),linear:!1},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.steps,(d,C)=>(e.openBlock(),e.createBlock(x,{key:d.step,class:"relative flex w-full items-start gap-6",step:d.step,completed:d.completed,disabled:d.step>l.value+1,onClick:s=>i.value=d.step},{default:e.withCtx(({state:s})=>[d.step!==f.steps[f.steps.length-1].step?(e.openBlock(),e.createBlock(m,{key:0,class:"absolute left-[18px] top-[38px] block h-[105%] w-0.5 shrink-0 rounded-full bg-muted group-data-[state=completed]:bg-primary"})):e.createCommentVNode("",!0),e.createVNode(o,{"as-child":""},{default:e.withCtx(()=>[e.createVNode(n,{variant:s==="completed"||s==="active"?"default":"outline",size:"icon",class:e.normalizeClass(["z-10 rounded-full shrink-0",[i.value===d.step&&"ring-2 ring-ring ring-offset-2 ring-offset-background"]])},{default:e.withCtx(()=>[i.value===d.step?(e.openBlock(),e.createBlock(e.unref(y.Circle),{key:0})):s==="completed"?(e.openBlock(),e.createBlock(e.unref(y.Check),{key:1,class:"size-5"})):s==="inactive"?(e.openBlock(),e.createBlock(e.unref(y.Dot),{key:2})):e.createCommentVNode("",!0)]),_:2},1032,["variant","class"])]),_:2},1024),e.createElementVNode("div",b,[e.createVNode(v,{class:e.normalizeClass([[i.value===d.step&&"text-primary",d.step>l.value+1&&"text-muted-foreground"],"text-sm font-semibold transition lg:text-base mt-1.5"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.title),1)]),_:2},1032,["class"])])]),_:2},1032,["step","completed","disabled","onClick"]))),128))]),_:1},8,["modelValue"])]),_:1})]),_:1})}}}),w={class:"mb-8"},T={class:"flex justify-end mt-8"},E=e.defineComponent({__name:"Step1",setup(f){const a=e.inject("form"),u=e.inject("steps"),c=e.inject("activeStep",e.ref(1)),i=()=>{if(a.serviceName=a.serviceName.trim(),!a.serviceName){alert("Please enter a service name.");return}u.value[0].completed=!0,c.value=2};return(l,t)=>{const r=e.resolveComponent("Label"),m=e.resolveComponent("Input"),n=e.resolveComponent("Button"),o=e.resolveComponent("Card");return e.openBlock(),e.createBlock(o,{class:"p-8"},{default:e.withCtx(()=>[e.createElementVNode("div",w,[e.createVNode(r,{for:"service-name",class:"text-base font-medium mb-2"},{default:e.withCtx(()=>[...t[2]||(t[2]=[e.createTextVNode(" Your Service Name ",-1)])]),_:1}),e.createVNode(m,{id:"service-name",modelValue:e.unref(a).serviceName,"onUpdate:modelValue":t[0]||(t[0]=v=>e.unref(a).serviceName=v),placeholder:"Enter service name",class:"mt-2"},null,8,["modelValue"]),t[3]||(t[3]=e.createElementVNode("p",{class:"text-sm text-muted-foreground mt-2"}," How should customers refer to your service ",-1))]),e.createElementVNode("div",T,[e.createVNode(n,{onClick:t[1]||(t[1]=v=>i())},{default:e.withCtx(()=>[...t[4]||(t[4]=[e.createTextVNode(" Continue ",-1)])]),_:1})])]),_:1})}}}),$={class:"flex justify-end"},h={class:"flex gap-4"},j=e.defineComponent({__name:"Step2",setup(f){const a=e.inject("form"),u=e.inject("steps"),c=e.inject("activeStep",e.ref(1)),i=()=>{u.value[1].completed=!0,c.value=3};return(l,t)=>{const r=e.resolveComponent("Button"),m=e.resolveComponent("Card");return e.openBlock(),e.createBlock(m,{class:"p-8"},{default:e.withCtx(()=>[t[5]||(t[5]=e.createElementVNode("p",{class:"font-medium text-lg"}," Create regular time slots for your service. ",-1)),e.createVNode(S._sfc_main,{modelValue:e.unref(a).timeslots,"onUpdate:modelValue":t[0]||(t[0]=n=>e.unref(a).timeslots=n)},null,8,["modelValue"]),t[6]||(t[6]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("div",$,[e.createElementVNode("div",h,[e.createVNode(r,{variant:"outline",onClick:t[1]||(t[1]=n=>c.value=1)},{default:e.withCtx(()=>[...t[3]||(t[3]=[e.createTextVNode(" Back ",-1)])]),_:1}),e.createVNode(r,{onClick:t[2]||(t[2]=n=>i())},{default:e.withCtx(()=>[...t[4]||(t[4]=[e.createTextVNode(" Continue ",-1)])]),_:1})])])]),_:1})}}}),A={class:"mb-8"},I={class:"flex justify-end gap-4 mt-8"},D=e.defineComponent({__name:"Step3",setup(f){const a=e.inject("form"),u=e.inject("steps"),c=e.inject("activeStep",e.ref(1)),i=()=>{u.value[2].completed=!0,c.value=4};return(l,t)=>{const r=e.resolveComponent("Label"),m=e.resolveComponent("InputGroupInput"),n=e.resolveComponent("Search"),o=e.resolveComponent("InputGroupAddon"),v=e.resolveComponent("SelectValue"),x=e.resolveComponent("SelectTrigger"),V=e.resolveComponent("SelectItem"),_=e.resolveComponent("SelectGroup"),N=e.resolveComponent("SelectContent"),d=e.resolveComponent("Select"),C=e.resolveComponent("InputGroup"),s=e.resolveComponent("Button"),k=e.resolveComponent("Card");return e.openBlock(),e.createBlock(k,{class:"p-8"},{default:e.withCtx(()=>[e.createElementVNode("div",A,[e.createVNode(r,{for:"lead-time",class:"text-base font-medium mb-2"},{default:e.withCtx(()=>[...t[6]||(t[6]=[e.createTextVNode(" Minimum Advance Notice - Lead Time ",-1)])]),_:1}),e.createVNode(C,{class:"max-w-md"},{default:e.withCtx(()=>[e.createVNode(m,{placeholder:"0",id:"lead-time",modelValue:e.unref(a).minimumAdvanceNotice.value,"onUpdate:modelValue":t[0]||(t[0]=p=>e.unref(a).minimumAdvanceNotice.value=p)},null,8,["modelValue"]),e.createVNode(o,null,{default:e.withCtx(()=>[e.createVNode(n)]),_:1}),e.createVNode(o,{align:"inline-end"},{default:e.withCtx(()=>[e.createVNode(d,{modelValue:e.unref(a).minimumAdvanceNotice.unit,"onUpdate:modelValue":t[1]||(t[1]=p=>e.unref(a).minimumAdvanceNotice.unit=p)},{default:e.withCtx(()=>[e.createVNode(x,{class:"w-[180px] border-0 bg-transparent -mr-1.5"},{default:e.withCtx(()=>[e.createVNode(v)]),_:1}),e.createVNode(N,null,{default:e.withCtx(()=>[e.createVNode(_,null,{default:e.withCtx(()=>[e.createVNode(V,{value:"minutes"},{default:e.withCtx(()=>[...t[7]||(t[7]=[e.createTextVNode(" Minutes ",-1)])]),_:1}),e.createVNode(V,{value:"hours"},{default:e.withCtx(()=>[...t[8]||(t[8]=[e.createTextVNode(" Hours ",-1)])]),_:1}),e.createVNode(V,{value:"days"},{default:e.withCtx(()=>[...t[9]||(t[9]=[e.createTextVNode(" Days ",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"])]),_:1})]),_:1}),t[10]||(t[10]=e.createElementVNode("p",{class:"text-sm text-muted-foreground mt-2"}," Set how far in advance a customer must book your slot. ",-1))]),t[19]||(t[19]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("div",null,[e.createVNode(r,{for:"capacity",class:"text-base font-medium mb-2"},{default:e.withCtx(()=>[...t[11]||(t[11]=[e.createTextVNode(" Service Visibility ",-1)])]),_:1}),e.createVNode(C,{class:"max-w-md"},{default:e.withCtx(()=>[e.createVNode(m,{placeholder:"1",id:"capacity",modelValue:e.unref(a).serviceVisibility,"onUpdate:modelValue":t[2]||(t[2]=p=>e.unref(a).serviceVisibility=p)},null,8,["modelValue"]),e.createVNode(o,null,{default:e.withCtx(()=>[e.createVNode(n)]),_:1}),e.createVNode(o,{align:"inline-end"},{default:e.withCtx(()=>[...t[12]||(t[12]=[e.createTextVNode(" days ",-1)])]),_:1})]),_:1}),t[13]||(t[13]=e.createElementVNode("p",{class:"text-sm text-muted-foreground mt-2"}," Set how many days in advance the service is visible to customers. ",-1))]),t[20]||(t[20]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("div",null,[e.createVNode(r,{for:"capacity",class:"text-base font-medium mb-2"},{default:e.withCtx(()=>[...t[14]||(t[14]=[e.createTextVNode(" Default Capacity ",-1)])]),_:1}),e.createVNode(C,{class:"max-w-md"},{default:e.withCtx(()=>[e.createVNode(m,{placeholder:"∞",type:"number",id:"capacity",class:"no-spinner",min:"1",modelValue:e.unref(a).capacity,"onUpdate:modelValue":t[3]||(t[3]=p=>e.unref(a).capacity=p)},null,8,["modelValue"]),e.createVNode(o,{align:"inline-end"},{default:e.withCtx(()=>[...t[15]||(t[15]=[e.createTextVNode(" available spots ",-1)])]),_:1})]),_:1}),t[16]||(t[16]=e.createElementVNode("p",{class:"text-sm text-muted-foreground mt-2"}," Default number of bookings per time slot. ",-1))]),e.createElementVNode("div",I,[e.createVNode(s,{variant:"outline",onClick:t[4]||(t[4]=p=>c.value=2)},{default:e.withCtx(()=>[...t[17]||(t[17]=[e.createTextVNode(" Back ",-1)])]),_:1}),e.createVNode(s,{onClick:t[5]||(t[5]=p=>i())},{default:e.withCtx(()=>[...t[18]||(t[18]=[e.createTextVNode(" Continue ",-1)])]),_:1})])]),_:1})}}}),F={class:"mb-8"},L={class:"mb-4 text-lg"},M={key:0,class:"px-4 pb-2"},q={key:1,class:"px-4 pb-2"},G={class:"text-sm text-muted-foreground"},U={key:0,class:"mb-4 text-lg"},z={key:1,class:"mb-4 text-lg"},P={class:"mb-4 text-lg"},R={class:"mb-4 text-lg"},O={class:"flex gap-4 justify-end"},H={key:0,class:"flex gap-2"},J={key:1},W=e.defineComponent({__name:"Step4",setup(f){const{navigateTo:a}=g.useModuleRoute(),{config:u}=g.useModule(),c=g.useFirebaseIntegration(u.project),i=[{value:1,name:"Monday",short:"Mon"},{value:2,name:"Tuesday",short:"Tue"},{value:3,name:"Wednesday",short:"Wed"},{value:4,name:"Thursday",short:"Thu"},{value:5,name:"Friday",short:"Fri"},{value:6,name:"Saturday",short:"Sat"},{value:0,name:"Sunday",short:"Sun"}],l=e.inject("form"),t=e.inject("activeStep",e.ref(1)),r=e.ref(!1),m=async()=>{try{r.value=!0;let n=JSON.parse(JSON.stringify(l));n.type="regular",n.capacity===""||n.capacity===null?delete n.capacity:n.capacity=Number(n.capacity),Object.entries(n.timeslots).forEach(([o,v])=>{n.timeslots[o]=v.map(x=>({startTime:x.startTime,endTime:x.endTime}))}),await c.add(u.agendaCollection,n),a("/")}catch{alert("Error creating agenda")}finally{r.value=!1}};return(n,o)=>{const v=e.resolveComponent("TabsTrigger"),x=e.resolveComponent("TabsList"),V=e.resolveComponent("TabsContent"),_=e.resolveComponent("Tabs"),N=e.resolveComponent("Button"),d=e.resolveComponent("Spinner"),C=e.resolveComponent("Card");return e.openBlock(),e.createBlock(C,{class:"p-8"},{default:e.withCtx(()=>[e.createElementVNode("div",F,[o[2]||(o[2]=e.createElementVNode("p",{class:"text-muted-foreground text-xs"},"Service name",-1)),e.createElementVNode("p",L,e.toDisplayString(e.unref(l).serviceName),1),o[3]||(o[3]=e.createElementVNode("p",{class:"text-muted-foreground text-xs mb-2"},"Standard timeslots",-1)),e.createVNode(_,{"default-value":1,class:"max-w-lg bg-muted/50 rounded-md mb-4"},{default:e.withCtx(()=>[e.createVNode(x,{class:"grid w-full grid-cols-7"},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(i,s=>e.createVNode(v,{key:s.value,value:s.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.short),1)]),_:2},1032,["value"])),64))]),_:1}),(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(i,s=>e.createVNode(V,{key:s.value,value:s.value},{default:e.withCtx(()=>[e.unref(l).timeslots[s.value]?.length>0?(e.openBlock(),e.createElementBlock("div",M,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l).timeslots[s.value],(k,p)=>(e.openBlock(),e.createElementBlock("p",{key:p},e.toDisplayString(k.startTime)+" - "+e.toDisplayString(k.endTime),1))),128))])):(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("p",G,"No timeslots set for "+e.toDisplayString(s.name)+".",1)]))]),_:2},1032,["value"])),64))]),_:1}),o[4]||(o[4]=e.createElementVNode("p",{class:"text-muted-foreground text-xs"},"Minimum Advance Notice",-1)),e.unref(l).minimumAdvanceNotice.value!==0?(e.openBlock(),e.createElementBlock("p",U,e.toDisplayString(e.unref(l).minimumAdvanceNotice.value)+" "+e.toDisplayString(e.unref(l).minimumAdvanceNotice.unit),1)):(e.openBlock(),e.createElementBlock("p",z," - ")),o[5]||(o[5]=e.createElementVNode("p",{class:"text-muted-foreground text-xs"},"Booking window",-1)),e.createElementVNode("p",P,e.toDisplayString(e.unref(l).serviceVisibility)+" days ",1),o[6]||(o[6]=e.createElementVNode("p",{class:"text-muted-foreground text-xs"},"Maximum Capacity Per Slot",-1)),e.createElementVNode("p",R,e.toDisplayString(e.unref(l).capacity),1)]),e.createElementVNode("div",O,[e.createVNode(N,{variant:"outline",onClick:o[0]||(o[0]=s=>t.value=3)},{default:e.withCtx(()=>[...o[7]||(o[7]=[e.createTextVNode(" Back ",-1)])]),_:1}),e.createVNode(N,{onClick:o[1]||(o[1]=s=>m()),disabled:r.value},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock("span",H,[e.createVNode(d),o[8]||(o[8]=e.createTextVNode(" Creating... ",-1))])):(e.openBlock(),e.createElementBlock("span",J,"Create Agenda"))]),_:1},8,["disabled"])])]),_:1})}}}),K={class:"container mx-auto p-8"},Y={class:"max-w-7xl mx-auto"},Q={class:"flex items-center gap-3 mb-8"},X={class:"flex gap-6"},Z={class:"w-80"},ee={class:"flex-1"},te=e.defineComponent({__name:"regular",emits:["back"],setup(f,{emit:a}){const{navigateTo:u}=g.useModuleRoute();g.useModuleBreadcrumbs(()=>[{text:"Create",href:"/create"},{text:"Regular Booking"}]);const c=e.reactive({serviceName:"",timeslots:{1:[],2:[],3:[],4:[],5:[],6:[],0:[]},minimumAdvanceNotice:{value:0,unit:"minutes"},capacity:1,serviceVisibility:60,customerInformationFields:[{id:"1",fieldName:"First Name",fieldType:"text",required:!0,visible:!0,isNativeField:!0},{id:"2",fieldName:"Last Name",fieldType:"text",required:!0,visible:!0,isNativeField:!0},{id:"3",fieldName:"Phone No",fieldType:"tel",required:!0,visible:!0,isNativeField:!0},{id:"4",fieldName:"Email",fieldType:"email",required:!0,visible:!0,isNativeField:!0}]}),i=e.ref([{step:1,title:"Product Selection",completed:!1},{step:2,title:"Slot Setup",completed:!1},{step:3,title:"Calculation & Visibility",completed:!1},{step:4,title:"Review & Publish",completed:!1}]),l=e.ref(1);return e.provide("form",c),e.provide("steps",i),e.provide("activeStep",l),(t,r)=>{const m=e.resolveComponent("Button");return e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("div",Y,[e.createElementVNode("div",Q,[e.createVNode(m,{variant:"ghost",size:"icon",class:"rounded-lg",onClick:r[0]||(r[0]=n=>e.unref(u)("/create"))},{default:e.withCtx(()=>[e.createVNode(e.unref(y.ArrowLeft),{class:"w-5 h-5"})]),_:1}),r[2]||(r[2]=e.createElementVNode("h2",{class:"text-2xl font-semibold"},"Agenda Selection",-1))]),e.createElementVNode("div",X,[e.createElementVNode("div",Z,[e.createVNode(B,{steps:i.value,modelValue:l.value,"onUpdate:modelValue":r[1]||(r[1]=n=>l.value=n)},null,8,["steps","modelValue"])]),e.createElementVNode("div",ee,[l.value===1?(e.openBlock(),e.createBlock(E,{key:0})):l.value===2?(e.openBlock(),e.createBlock(j,{key:1})):l.value===3?(e.openBlock(),e.createBlock(D,{key:2})):l.value===4?(e.openBlock(),e.createBlock(W,{key:3})):e.createCommentVNode("",!0)])])])])}}});exports.default=te;