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

package/dist/regular-C4_3YXqx.mjs

@@ -1,602 +0,0 @@
-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

@@ -1 +0,0 @@
-"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;