@oneclick.dev/cms-core-modules 0.0.101 → 0.0.103

package/dist/availability-B1D4Fyzi.mjs

@@ -1,629 +0,0 @@
-import { defineComponent as K, ref as k, reactive as Q, resolveComponent as s, openBlock as u, createBlock as v, withCtx as i, createVNode as t, createTextVNode as d, createElementVNode as a, createElementBlock as f, Fragment as R, renderList as U, toDisplayString as w, createCommentVNode as N, unref as A } from "vue";
-import { _ as ee } from "./EditLayout.vue_vue_type_script_setup_true_lang-DXa-Xxue.mjs";
-import { Pencil as te, Eye as ie, EyeOff as oe, Trash2 as le, PlusCircle as ne } from "lucide-vue-next";
-import { useModuleRoute as se, useModule as ae, useFirebaseIntegration as de } from "@oneclick.dev/cms-kit";
-const re = { class: "space-y-6 py-4" }, ue = { key: 0 }, me = { key: 1 }, pe = { class: "flex items-center gap-3" }, fe = {
-  key: 2,
-  class: "grid gap-2"
-}, ce = { class: "w-full flex justify-between items-center" }, ve = { class: "flex items-center gap-2 ml-auto" }, ge = /* @__PURE__ */ K({
-  __name: "CustomerInformationFieldEditorDialog",
-  emits: ["add-field", "update-field", "remove-field"],
-  setup(X, { expose: D, emit: F }) {
-    const I = F, c = k(!1), l = k("add"), n = Q({
-      id: "",
-      fieldName: "",
-      fieldDescription: "",
-      fieldType: "text",
-      required: !1,
-      isNativeField: !1,
-      visible: !0,
-      options: []
-    }), M = [
-      { value: "text", label: "Text Box" },
-      { value: "checkbox", label: "Checkbox" },
-      { value: "radio", label: "Radio Button" },
-      { value: "select", label: "Select" }
-    ], T = (o) => {
-      l.value = o ? "edit" : "add", g.value = [], n.id = o?.id || "", n.fieldName = o?.fieldName || "", n.fieldDescription = o?.fieldDescription || "", n.fieldType = o?.fieldType || "text", n.required = o?.required || !1, n.isNativeField = o?.isNativeField || !1, n.options = o?.options || [], n.visible = o?.visible !== void 0 ? o.visible : !0, c.value = !0;
-    }, L = () => {
-      c.value = !1, g.value = [];
-    }, q = () => {
-      $() && (I("add-field", { ...n }), c.value = !1);
-    }, E = () => {
-      $() && (I("update-field", { ...n }), c.value = !1);
-    }, P = () => {
-      I("remove-field", n.id), c.value = !1;
-    }, g = k([]), $ = () => (g.value = [], n.fieldName = n.fieldName.trim(), n.fieldName ? !0 : (g.value.push("Field name is required."), !1));
-    return D({
-      openDialog: T
-    }), (o, e) => {
-      const p = s("DialogTitle"), V = s("DialogHeader"), b = s("Label"), y = s("Input"), z = s("SelectValue"), G = s("SelectTrigger"), S = s("SelectItem"), j = s("SelectContent"), O = s("Select"), H = s("TagsInputItemText"), C = s("TagsInputItemDelete"), B = s("TagsInputItem"), W = s("TagsInputInput"), x = s("TagsInput"), r = s("Checkbox"), _ = s("Button"), J = s("DialogFooter"), Y = s("DialogScrollContent"), Z = s("Dialog");
-      return u(), v(Z, {
-        open: c.value,
-        "onUpdate:open": e[5] || (e[5] = (m) => c.value = m)
-      }, {
-        default: i(() => [
-          t(Y, { class: "sm:max-w-2xl" }, {
-            default: i(() => [
-              t(V, null, {
-                default: i(() => [
-                  t(p, null, {
-                    default: i(() => [...e[6] || (e[6] = [
-                      d("Customer Information", -1)
-                    ])]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              a("div", re, [
-                a("div", null, [
-                  t(b, {
-                    class: "text-bsmase font-normal mb-1.5",
-                    for: "customer-info-field-dialog-fieldname"
-                  }, {
-                    default: i(() => [...e[7] || (e[7] = [
-                      d("Field Name", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  t(y, {
-                    modelValue: n.fieldName,
-                    "onUpdate:modelValue": e[0] || (e[0] = (m) => n.fieldName = m),
-                    id: "customer-info-field-dialog-fieldname"
-                  }, null, 8, ["modelValue"])
-                ]),
-                a("div", null, [
-                  t(b, {
-                    class: "text-sm font-normal mb-1.5",
-                    for: "customer-info-field-dialog-field-description"
-                  }, {
-                    default: i(() => [...e[8] || (e[8] = [
-                      d("Field Description", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  t(y, {
-                    modelValue: n.fieldDescription,
-                    "onUpdate:modelValue": e[1] || (e[1] = (m) => n.fieldDescription = m),
-                    id: "customer-info-field-dialog-field-description"
-                  }, null, 8, ["modelValue"])
-                ]),
-                n.isNativeField ? N("", !0) : (u(), f("div", ue, [
-                  t(b, { class: "text-sm font-normal mb-1.5" }, {
-                    default: i(() => [...e[9] || (e[9] = [
-                      d("Field Type", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  t(O, {
-                    modelValue: n.fieldType,
-                    "onUpdate:modelValue": e[2] || (e[2] = (m) => n.fieldType = m)
-                  }, {
-                    default: i(() => [
-                      t(G, null, {
-                        default: i(() => [
-                          t(z, { placeholder: "Select field type" })
-                        ]),
-                        _: 1
-                      }),
-                      t(j, null, {
-                        default: i(() => [
-                          (u(), f(R, null, U(M, (m) => t(S, {
-                            key: m.value,
-                            value: m.value
-                          }, {
-                            default: i(() => [
-                              d(w(m.label), 1)
-                            ]),
-                            _: 2
-                          }, 1032, ["value"])), 64))
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue"])
-                ])),
-                n.fieldType === "select" || n.fieldType === "radio" ? (u(), f("div", me, [
-                  t(b, {
-                    class: "text-sm font-normal mb-1.5",
-                    for: "customer-info-field-dialog-field-new-option"
-                  }, {
-                    default: i(() => [...e[10] || (e[10] = [
-                      d("Options", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  t(x, {
-                    modelValue: n.options,
-                    "onUpdate:modelValue": e[3] || (e[3] = (m) => n.options = m)
-                  }, {
-                    default: i(() => [
-                      (u(!0), f(R, null, U(n.options, (m) => (u(), v(B, {
-                        key: m,
-                        value: m
-                      }, {
-                        default: i(() => [
-                          t(H),
-                          t(C)
-                        ]),
-                        _: 1
-                      }, 8, ["value"]))), 128)),
-                      t(W, {
-                        placeholder: "New option...",
-                        id: "customer-info-field-dialog-field-new-option"
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue"])
-                ])) : N("", !0),
-                a("div", pe, [
-                  t(r, {
-                    id: "customer-info-field-dialog-field-required",
-                    modelValue: n.required,
-                    "onUpdate:modelValue": e[4] || (e[4] = (m) => n.required = m)
-                  }, null, 8, ["modelValue"]),
-                  t(b, {
-                    for: "customer-info-field-dialog-field-required",
-                    class: "text-base font-normal cursor-pointer"
-                  }, {
-                    default: i(() => [...e[11] || (e[11] = [
-                      d(" Is this field mandatory? ", -1)
-                    ])]),
-                    _: 1
-                  })
-                ]),
-                g.value.length > 0 ? (u(), f("p", fe, [
-                  (u(!0), f(R, null, U(g.value, (m, h) => (u(), f("span", {
-                    key: h,
-                    class: "text-sm text-red-600 block"
-                  }, w(m), 1))), 128))
-                ])) : N("", !0)
-              ]),
-              t(J, { class: "gap-2" }, {
-                default: i(() => [
-                  a("div", ce, [
-                    l.value === "edit" && !n.isNativeField ? (u(), v(_, {
-                      key: 0,
-                      variant: "destructive",
-                      onClick: P
-                    }, {
-                      default: i(() => [...e[12] || (e[12] = [
-                        d(" Remove Field ", -1)
-                      ])]),
-                      _: 1
-                    })) : N("", !0),
-                    a("div", ve, [
-                      t(_, {
-                        variant: "outline",
-                        onClick: L
-                      }, {
-                        default: i(() => [...e[13] || (e[13] = [
-                          d(" Cancel ", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      l.value === "add" ? (u(), v(_, {
-                        key: 0,
-                        onClick: q
-                      }, {
-                        default: i(() => [...e[14] || (e[14] = [
-                          d(" Add Field ", -1)
-                        ])]),
-                        _: 1
-                      })) : (u(), v(_, {
-                        key: 1,
-                        onClick: E
-                      }, {
-                        default: i(() => [...e[15] || (e[15] = [
-                          d(" Update Field ", -1)
-                        ])]),
-                        _: 1
-                      }))
-                    ])
-                  ])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["open"]);
-    };
-  }
-}), be = {
-  key: 0,
-  class: "max-w-2xl"
-}, ye = {
-  key: 0,
-  class: "text-sm text-orange-500 mt-2"
-}, xe = { class: "space-y-3" }, _e = { class: "flex items-center justify-between rounded-lg border p-4 bg-card" }, Ie = { class: "space-y-2" }, Ne = { class: "border rounded-md p-4 mb-4" }, ke = { class: "font-medium text-sm" }, Fe = { class: "flex justify-start mt-8" }, Ae = /* @__PURE__ */ K({
-  __name: "availability",
-  setup(X) {
-    const { params: D } = se(), { config: F } = ae(), I = de(F.project), c = [
-      {
-        id: "firstName",
-        fieldName: "First Name",
-        fieldType: "text",
-        required: !0,
-        visible: !0,
-        isNativeField: !0
-      },
-      {
-        id: "lastName",
-        fieldName: "Last Name",
-        fieldType: "text",
-        required: !0,
-        visible: !0,
-        isNativeField: !0
-      },
-      {
-        id: "phone",
-        fieldName: "Phone No",
-        fieldType: "tel",
-        required: !0,
-        visible: !0,
-        isNativeField: !0
-      },
-      {
-        id: "email",
-        fieldName: "Email",
-        fieldType: "email",
-        required: !0,
-        visible: !0,
-        isNativeField: !0
-      }
-    ], l = Q({
-      minimumAdvanceNotice: {
-        value: 0,
-        unit: "minutes"
-      },
-      serviceVisibility: 60,
-      maxTicketsPerReservation: "",
-      customerInformationFields: [...c],
-      needsApproval: !1
-    }), n = k(!1), M = k(!0), T = k(null), L = async () => {
-      n.value = !0;
-      try {
-        const o = D.value.id;
-        if (!o) throw new Error("Missing agenda ID");
-        await I.update(F.agendaCollection, o, {
-          minimumAdvanceNotice: {
-            value: Number(l.minimumAdvanceNotice?.value) || 0,
-            unit: l.minimumAdvanceNotice?.unit ?? "minutes"
-          },
-          serviceVisibility: Math.max(Number(l.serviceVisibility) || 1, 1),
-          maxTicketsPerReservation: Math.max(Number(l.maxTicketsPerReservation) || 0, 0),
-          customerInformationFields: l.customerInformationFields ?? [],
-          needsApproval: l.needsApproval || !1
-        });
-      } catch (o) {
-        console.error("Error saving changes:", o);
-      } finally {
-        n.value = !1;
-      }
-    }, q = async (o) => {
-      delete o.isNativeField, o.fieldType !== "radio" && o.fieldType !== "select" && delete o.options;
-      let e = Math.random().toString(36).substr(2, 9);
-      for (; l.customerInformationFields.find((p) => p.id === e); )
-        e = Math.random().toString(36).substr(2, 9);
-      l.customerInformationFields.push({ ...o, id: e });
-    }, E = async (o) => {
-      o.isNativeField || delete o.isNativeField, o.fieldType !== "radio" && o.fieldType !== "select" && delete o.options;
-      const e = l.customerInformationFields.findIndex((p) => p.id === o.id);
-      e !== -1 && (l.customerInformationFields[e] = { ...o });
-    }, P = async (o) => {
-      l.customerInformationFields = l.customerInformationFields.filter((e) => e.id !== o);
-    }, g = async () => {
-      try {
-        const o = await I.get(F.agendaCollection, D.value.id);
-        o && (l.minimumAdvanceNotice = o.minimumAdvanceNotice || { value: 0, unit: "minutes" }, l.serviceVisibility = o.serviceVisibility || 60, l.maxTicketsPerReservation = Number(o.maxTicketsPerReservation) && o.maxTicketsPerReservation > 0 ? parseInt(o.maxTicketsPerReservation) : "", l.customerInformationFields = o.customerInformationFields || [...c], l.needsApproval = o.needsApproval || !1);
-      } catch (o) {
-        console.error("Error loading agenda data:", o);
-      } finally {
-        M.value = !1;
-      }
-    }, $ = () => {
-      let o = Math.abs(l.minimumAdvanceNotice.value), e = l.minimumAdvanceNotice.unit;
-      return o === 1 ? (e.endsWith("s") && (e = e.slice(0, -1)), `Lead time is negative. Bookings remain open for 1 ${e} after the slot has started.`) : `Lead time is negative. Bookings remain open for ${o} ${e} after the slot has started.`;
-    };
-    return g(), (o, e) => {
-      const p = s("Label"), V = s("InputGroupInput"), b = s("Search"), y = s("InputGroupAddon"), z = s("SelectValue"), G = s("SelectTrigger"), S = s("SelectItem"), j = s("SelectGroup"), O = s("SelectContent"), H = s("Select"), C = s("InputGroup"), B = s("Badge"), W = s("Switch"), x = s("Button");
-      return u(), v(ee, null, {
-        default: i(() => [
-          e[31] || (e[31] = a("h1", { class: "text-lg font-medium mb-8" }, "Availability Settings", -1)),
-          M.value ? N("", !0) : (u(), f("div", be, [
-            a("div", null, [
-              t(p, {
-                for: "lead-time",
-                class: "text-base font-medium mb-2"
-              }, {
-                default: i(() => [...e[7] || (e[7] = [
-                  d(" Minimum Advance Notice - Lead Time (Optional) ", -1)
-                ])]),
-                _: 1
-              }),
-              t(C, { class: "max-w-md" }, {
-                default: i(() => [
-                  t(V, {
-                    placeholder: "0",
-                    id: "lead-time",
-                    modelValue: l.minimumAdvanceNotice.value,
-                    "onUpdate:modelValue": e[0] || (e[0] = (r) => l.minimumAdvanceNotice.value = r),
-                    modelModifiers: { value: !0 },
-                    type: "number",
-                    class: "no-spinner"
-                  }, null, 8, ["modelValue"]),
-                  t(y, null, {
-                    default: i(() => [
-                      t(b)
-                    ]),
-                    _: 1
-                  }),
-                  t(y, { align: "inline-end" }, {
-                    default: i(() => [
-                      t(H, {
-                        modelValue: l.minimumAdvanceNotice.unit,
-                        "onUpdate:modelValue": e[1] || (e[1] = (r) => l.minimumAdvanceNotice.unit = r)
-                      }, {
-                        default: i(() => [
-                          t(G, { class: "w-[180px] border-0 bg-transparent -mr-1.5" }, {
-                            default: i(() => [
-                              t(z)
-                            ]),
-                            _: 1
-                          }),
-                          t(O, null, {
-                            default: i(() => [
-                              t(j, null, {
-                                default: i(() => [
-                                  t(S, { value: "minutes" }, {
-                                    default: i(() => [...e[8] || (e[8] = [
-                                      d(" Minutes ", -1)
-                                    ])]),
-                                    _: 1
-                                  }),
-                                  t(S, { value: "hours" }, {
-                                    default: i(() => [...e[9] || (e[9] = [
-                                      d(" Hours ", -1)
-                                    ])]),
-                                    _: 1
-                                  }),
-                                  t(S, { value: "days" }, {
-                                    default: i(() => [...e[10] || (e[10] = [
-                                      d(" Days ", -1)
-                                    ])]),
-                                    _: 1
-                                  })
-                                ]),
-                                _: 1
-                              })
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      }, 8, ["modelValue"])
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              e[11] || (e[11] = a("p", { class: "text-sm text-muted-foreground mt-2" }, " Set how far in advance a customer must book your slot. ", -1)),
-              l.minimumAdvanceNotice.value < 0 ? (u(), f("p", ye, w($()), 1)) : N("", !0)
-            ]),
-            e[27] || (e[27] = a("hr", { class: "my-8" }, null, -1)),
-            a("div", null, [
-              t(p, {
-                for: "service-visibility",
-                class: "text-base font-medium mb-2"
-              }, {
-                default: i(() => [...e[12] || (e[12] = [
-                  d(" Service Visibility ", -1)
-                ])]),
-                _: 1
-              }),
-              t(C, { class: "max-w-md" }, {
-                default: i(() => [
-                  t(V, {
-                    id: "service-visibility",
-                    modelValue: l.serviceVisibility,
-                    "onUpdate:modelValue": e[2] || (e[2] = (r) => l.serviceVisibility = r),
-                    modelModifiers: { number: !0 },
-                    placeholder: "1",
-                    type: "number",
-                    class: "no-spinner",
-                    min: "1",
-                    onBlur: e[3] || (e[3] = (r) => l.serviceVisibility = Math.max(l.serviceVisibility, 1))
-                  }, null, 8, ["modelValue"]),
-                  t(y, { align: "inline-end" }, {
-                    default: i(() => [...e[13] || (e[13] = [
-                      d(" days ", -1)
-                    ])]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              e[14] || (e[14] = a("p", { class: "text-sm text-muted-foreground mt-2" }, " Set how many days in advance the service is visible to customers. ", -1))
-            ]),
-            e[28] || (e[28] = a("hr", { class: "my-8" }, null, -1)),
-            a("div", null, [
-              t(p, {
-                for: "max-capacity",
-                class: "text-base font-medium mb-2"
-              }, {
-                default: i(() => [...e[15] || (e[15] = [
-                  d(" Maximum Tickets Per Booking ", -1)
-                ])]),
-                _: 1
-              }),
-              t(C, { class: "max-w-md" }, {
-                default: i(() => [
-                  t(V, {
-                    placeholder: "∞",
-                    type: "number",
-                    id: "max-capacity",
-                    class: "no-spinner",
-                    min: "1",
-                    modelValue: l.maxTicketsPerReservation,
-                    "onUpdate:modelValue": e[4] || (e[4] = (r) => l.maxTicketsPerReservation = r),
-                    modelModifiers: { number: !0 }
-                  }, null, 8, ["modelValue"]),
-                  t(y, { align: "inline-end" }, {
-                    default: i(() => [...e[16] || (e[16] = [
-                      d(" spots ", -1)
-                    ])]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              e[17] || (e[17] = a("p", { class: "text-sm text-muted-foreground mt-2" }, " Limit how many spots a customer can book in a single reservation. ", -1))
-            ]),
-            e[29] || (e[29] = a("hr", { class: "my-8" }, null, -1)),
-            a("div", xe, [
-              a("div", null, [
-                t(p, { class: "text-base font-medium" }, {
-                  default: i(() => [...e[18] || (e[18] = [
-                    d("Booking Approval", -1)
-                  ])]),
-                  _: 1
-                }),
-                e[19] || (e[19] = a("p", { class: "text-sm text-muted-foreground" }, " Choose whether you want to confirm booking requests manually or accept them automatically. ", -1))
-              ]),
-              a("div", _e, [
-                a("div", Ie, [
-                  t(p, { class: "text-sm font-semibold" }, {
-                    default: i(() => [...e[20] || (e[20] = [
-                      d("Enable Manual Approval", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  e[23] || (e[23] = a("p", { class: "text-xs text-muted-foreground max-w-[300px]" }, " When enabled, you must approve bookings within your dashboard before they are finalized. ", -1)),
-                  l.needsApproval ? (u(), v(B, { key: 0 }, {
-                    default: i(() => [...e[21] || (e[21] = [
-                      d("Status: Manual Review", -1)
-                    ])]),
-                    _: 1
-                  })) : (u(), v(B, {
-                    key: 1,
-                    variant: "secondary"
-                  }, {
-                    default: i(() => [...e[22] || (e[22] = [
-                      d("Status: Auto-Confirm", -1)
-                    ])]),
-                    _: 1
-                  }))
-                ]),
-                t(W, {
-                  modelValue: l.needsApproval,
-                  "onUpdate:modelValue": e[5] || (e[5] = (r) => l.needsApproval = r)
-                }, null, 8, ["modelValue"])
-              ])
-            ]),
-            e[30] || (e[30] = a("hr", { class: "my-8" }, null, -1)),
-            a("div", null, [
-              t(p, { class: "text-base font-medium" }, {
-                default: i(() => [...e[24] || (e[24] = [
-                  d(" Customer Information (Optional) ", -1)
-                ])]),
-                _: 1
-              }),
-              e[26] || (e[26] = a("p", { class: "text-sm text-muted-foreground mb-2" }, " Collect additional details about your customer. ", -1)),
-              a("div", Ne, [
-                (u(!0), f(R, null, U(l.customerInformationFields, (r) => (u(), f("div", {
-                  key: r.id,
-                  class: "flex items-center justify-between hover:bg-input/50 px-2 rounded"
-                }, [
-                  a("div", null, [
-                    a("p", ke, w(r.fieldName), 1)
-                  ]),
-                  a("div", null, [
-                    t(x, {
-                      variant: "ghost",
-                      size: "icon",
-                      onClick: (_) => T.value.openDialog(r),
-                      class: "active:scale-90 transition-transform duration-150"
-                    }, {
-                      default: i(() => [
-                        t(A(te), { class: "size-4" })
-                      ]),
-                      _: 1
-                    }, 8, ["onClick"]),
-                    t(x, {
-                      variant: "ghost",
-                      size: "icon",
-                      onClick: (_) => r.visible = !r.visible,
-                      class: "active:scale-90 transition-transform duration-150"
-                    }, {
-                      default: i(() => [
-                        r.visible ? (u(), v(A(ie), {
-                          key: 0,
-                          class: "size-4"
-                        })) : (u(), v(A(oe), {
-                          key: 1,
-                          class: "size-4"
-                        }))
-                      ]),
-                      _: 2
-                    }, 1032, ["onClick"]),
-                    t(x, {
-                      variant: "ghost",
-                      size: "icon",
-                      disabled: r.isNativeField,
-                      onClick: (_) => l.customerInformationFields = l.customerInformationFields.filter((J) => J.id !== r.id),
-                      class: "active:scale-90 transition-transform duration-150"
-                    }, {
-                      default: i(() => [
-                        t(A(le), { class: "size-4" })
-                      ]),
-                      _: 1
-                    }, 8, ["disabled", "onClick"])
-                  ])
-                ]))), 128)),
-                t(x, {
-                  variant: "outline",
-                  class: "mt-4",
-                  onClick: e[6] || (e[6] = (r) => T.value.openDialog())
-                }, {
-                  default: i(() => [
-                    t(A(ne), { class: "size-4" }),
-                    e[25] || (e[25] = d(" Add New Field ", -1))
-                  ]),
-                  _: 1
-                })
-              ]),
-              t(ge, {
-                ref_key: "customerInfoFieldDialog",
-                ref: T,
-                onAddField: q,
-                onUpdateField: E,
-                onRemoveField: P
-              }, null, 512)
-            ]),
-            a("div", Fe, [
-              t(x, {
-                onClick: L,
-                disabled: n.value
-              }, {
-                default: i(() => [
-                  d(w(n.value ? "Saving..." : "Save Changes"), 1)
-                ]),
-                _: 1
-              }, 8, ["disabled"])
-            ])
-          ]))
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  Ae as default
-};

package/dist/availability-DxrUcYbW.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),P=require("./EditLayout.vue_vue_type_script_setup_true_lang-ozYrxb2g.js"),g=require("lucide-vue-next"),M=require("@oneclick.dev/cms-kit"),z={class:"space-y-6 py-4"},G={key:0},j={key:1},O={class:"flex items-center gap-3"},H={key:2,class:"grid gap-2"},W={class:"w-full flex justify-between items-center"},K={class:"flex items-center gap-2 ml-auto"},J=e.defineComponent({__name:"CustomerInformationFieldEditorDialog",emits:["add-field","update-field","remove-field"],setup(q,{expose:y,emit:f}){const v=f,s=e.ref(!1),n=e.ref("add"),l=e.reactive({id:"",fieldName:"",fieldDescription:"",fieldType:"text",required:!1,isNativeField:!1,visible:!0,options:[]}),b=[{value:"text",label:"Text Box"},{value:"checkbox",label:"Checkbox"},{value:"radio",label:"Radio Button"},{value:"select",label:"Select"}],N=o=>{n.value=o?"edit":"add",d.value=[],l.id=o?.id||"",l.fieldName=o?.fieldName||"",l.fieldDescription=o?.fieldDescription||"",l.fieldType=o?.fieldType||"text",l.required=o?.required||!1,l.isNativeField=o?.isNativeField||!1,l.options=o?.options||[],l.visible=o?.visible!==void 0?o.visible:!0,s.value=!0},T=()=>{s.value=!1,d.value=[]},_=()=>{k()&&(v("add-field",{...l}),s.value=!1)},I=()=>{k()&&(v("update-field",{...l}),s.value=!1)},F=()=>{v("remove-field",l.id),s.value=!1},d=e.ref([]),k=()=>(d.value=[],l.fieldName=l.fieldName.trim(),l.fieldName?!0:(d.value.push("Field name is required."),!1));return y({openDialog:N}),(o,t)=>{const r=e.resolveComponent("DialogTitle"),V=e.resolveComponent("DialogHeader"),m=e.resolveComponent("Label"),u=e.resolveComponent("Input"),B=e.resolveComponent("SelectValue"),E=e.resolveComponent("SelectTrigger"),x=e.resolveComponent("SelectItem"),S=e.resolveComponent("SelectContent"),h=e.resolveComponent("Select"),A=e.resolveComponent("TagsInputItemText"),C=e.resolveComponent("TagsInputItemDelete"),w=e.resolveComponent("TagsInputItem"),D=e.resolveComponent("TagsInputInput"),c=e.resolveComponent("TagsInput"),i=e.resolveComponent("Checkbox"),p=e.resolveComponent("Button"),L=e.resolveComponent("DialogFooter"),R=e.resolveComponent("DialogScrollContent"),$=e.resolveComponent("Dialog");return e.openBlock(),e.createBlock($,{open:s.value,"onUpdate:open":t[5]||(t[5]=a=>s.value=a)},{default:e.withCtx(()=>[e.createVNode(R,{class:"sm:max-w-2xl"},{default:e.withCtx(()=>[e.createVNode(V,null,{default:e.withCtx(()=>[e.createVNode(r,null,{default:e.withCtx(()=>[...t[6]||(t[6]=[e.createTextVNode("Customer Information",-1)])]),_:1})]),_:1}),e.createElementVNode("div",z,[e.createElementVNode("div",null,[e.createVNode(m,{class:"text-bsmase font-normal mb-1.5",for:"customer-info-field-dialog-fieldname"},{default:e.withCtx(()=>[...t[7]||(t[7]=[e.createTextVNode("Field Name",-1)])]),_:1}),e.createVNode(u,{modelValue:l.fieldName,"onUpdate:modelValue":t[0]||(t[0]=a=>l.fieldName=a),id:"customer-info-field-dialog-fieldname"},null,8,["modelValue"])]),e.createElementVNode("div",null,[e.createVNode(m,{class:"text-sm font-normal mb-1.5",for:"customer-info-field-dialog-field-description"},{default:e.withCtx(()=>[...t[8]||(t[8]=[e.createTextVNode("Field Description",-1)])]),_:1}),e.createVNode(u,{modelValue:l.fieldDescription,"onUpdate:modelValue":t[1]||(t[1]=a=>l.fieldDescription=a),id:"customer-info-field-dialog-field-description"},null,8,["modelValue"])]),l.isNativeField?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",G,[e.createVNode(m,{class:"text-sm font-normal mb-1.5"},{default:e.withCtx(()=>[...t[9]||(t[9]=[e.createTextVNode("Field Type",-1)])]),_:1}),e.createVNode(h,{modelValue:l.fieldType,"onUpdate:modelValue":t[2]||(t[2]=a=>l.fieldType=a)},{default:e.withCtx(()=>[e.createVNode(E,null,{default:e.withCtx(()=>[e.createVNode(B,{placeholder:"Select field type"})]),_:1}),e.createVNode(S,null,{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(b,a=>e.createVNode(x,{key:a.value,value:a.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:2},1032,["value"])),64))]),_:1})]),_:1},8,["modelValue"])])),l.fieldType==="select"||l.fieldType==="radio"?(e.openBlock(),e.createElementBlock("div",j,[e.createVNode(m,{class:"text-sm font-normal mb-1.5",for:"customer-info-field-dialog-field-new-option"},{default:e.withCtx(()=>[...t[10]||(t[10]=[e.createTextVNode("Options",-1)])]),_:1}),e.createVNode(c,{modelValue:l.options,"onUpdate:modelValue":t[3]||(t[3]=a=>l.options=a)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.options,a=>(e.openBlock(),e.createBlock(w,{key:a,value:a},{default:e.withCtx(()=>[e.createVNode(A),e.createVNode(C)]),_:1},8,["value"]))),128)),e.createVNode(D,{placeholder:"New option...",id:"customer-info-field-dialog-field-new-option"})]),_:1},8,["modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",O,[e.createVNode(i,{id:"customer-info-field-dialog-field-required",modelValue:l.required,"onUpdate:modelValue":t[4]||(t[4]=a=>l.required=a)},null,8,["modelValue"]),e.createVNode(m,{for:"customer-info-field-dialog-field-required",class:"text-base font-normal cursor-pointer"},{default:e.withCtx(()=>[...t[11]||(t[11]=[e.createTextVNode(" Is this field mandatory? ",-1)])]),_:1})]),d.value.length>0?(e.openBlock(),e.createElementBlock("p",H,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(a,U)=>(e.openBlock(),e.createElementBlock("span",{key:U,class:"text-sm text-red-600 block"},e.toDisplayString(a),1))),128))])):e.createCommentVNode("",!0)]),e.createVNode(L,{class:"gap-2"},{default:e.withCtx(()=>[e.createElementVNode("div",W,[n.value==="edit"&&!l.isNativeField?(e.openBlock(),e.createBlock(p,{key:0,variant:"destructive",onClick:F},{default:e.withCtx(()=>[...t[12]||(t[12]=[e.createTextVNode(" Remove Field ",-1)])]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("div",K,[e.createVNode(p,{variant:"outline",onClick:T},{default:e.withCtx(()=>[...t[13]||(t[13]=[e.createTextVNode(" Cancel ",-1)])]),_:1}),n.value==="add"?(e.openBlock(),e.createBlock(p,{key:0,onClick:_},{default:e.withCtx(()=>[...t[14]||(t[14]=[e.createTextVNode(" Add Field ",-1)])]),_:1})):(e.openBlock(),e.createBlock(p,{key:1,onClick:I},{default:e.withCtx(()=>[...t[15]||(t[15]=[e.createTextVNode(" Update Field ",-1)])]),_:1}))])])]),_:1})]),_:1})]),_:1},8,["open"])}}}),Q={key:0,class:"max-w-2xl"},X={key:0,class:"text-sm text-orange-500 mt-2"},Y={class:"space-y-3"},Z={class:"flex items-center justify-between rounded-lg border p-4 bg-card"},ee={class:"space-y-2"},te={class:"border rounded-md p-4 mb-4"},oe={class:"font-medium text-sm"},ne={class:"flex justify-start mt-8"},le=e.defineComponent({__name:"availability",setup(q){const{params:y}=M.useModuleRoute(),{config:f}=M.useModule(),v=M.useFirebaseIntegration(f.project),s=[{id:"firstName",fieldName:"First Name",fieldType:"text",required:!0,visible:!0,isNativeField:!0},{id:"lastName",fieldName:"Last Name",fieldType:"text",required:!0,visible:!0,isNativeField:!0},{id:"phone",fieldName:"Phone No",fieldType:"tel",required:!0,visible:!0,isNativeField:!0},{id:"email",fieldName:"Email",fieldType:"email",required:!0,visible:!0,isNativeField:!0}],n=e.reactive({minimumAdvanceNotice:{value:0,unit:"minutes"},serviceVisibility:60,maxTicketsPerReservation:"",customerInformationFields:[...s],needsApproval:!1}),l=e.ref(!1),b=e.ref(!0),N=e.ref(null),T=async()=>{l.value=!0;try{const o=y.value.id;if(!o)throw new Error("Missing agenda ID");await v.update(f.agendaCollection,o,{minimumAdvanceNotice:{value:Number(n.minimumAdvanceNotice?.value)||0,unit:n.minimumAdvanceNotice?.unit??"minutes"},serviceVisibility:Math.max(Number(n.serviceVisibility)||1,1),maxTicketsPerReservation:Math.max(Number(n.maxTicketsPerReservation)||0,0),customerInformationFields:n.customerInformationFields??[],needsApproval:n.needsApproval||!1})}catch(o){console.error("Error saving changes:",o)}finally{l.value=!1}},_=async o=>{delete o.isNativeField,o.fieldType!=="radio"&&o.fieldType!=="select"&&delete o.options;let t=Math.random().toString(36).substr(2,9);for(;n.customerInformationFields.find(r=>r.id===t);)t=Math.random().toString(36).substr(2,9);n.customerInformationFields.push({...o,id:t})},I=async o=>{o.isNativeField||delete o.isNativeField,o.fieldType!=="radio"&&o.fieldType!=="select"&&delete o.options;const t=n.customerInformationFields.findIndex(r=>r.id===o.id);t!==-1&&(n.customerInformationFields[t]={...o})},F=async o=>{n.customerInformationFields=n.customerInformationFields.filter(t=>t.id!==o)},d=async()=>{try{const o=await v.get(f.agendaCollection,y.value.id);o&&(n.minimumAdvanceNotice=o.minimumAdvanceNotice||{value:0,unit:"minutes"},n.serviceVisibility=o.serviceVisibility||60,n.maxTicketsPerReservation=Number(o.maxTicketsPerReservation)&&o.maxTicketsPerReservation>0?parseInt(o.maxTicketsPerReservation):"",n.customerInformationFields=o.customerInformationFields||[...s],n.needsApproval=o.needsApproval||!1)}catch(o){console.error("Error loading agenda data:",o)}finally{b.value=!1}},k=()=>{let o=Math.abs(n.minimumAdvanceNotice.value),t=n.minimumAdvanceNotice.unit;return o===1?(t.endsWith("s")&&(t=t.slice(0,-1)),`Lead time is negative. Bookings remain open for 1 ${t} after the slot has started.`):`Lead time is negative. Bookings remain open for ${o} ${t} after the slot has started.`};return d(),(o,t)=>{const r=e.resolveComponent("Label"),V=e.resolveComponent("InputGroupInput"),m=e.resolveComponent("Search"),u=e.resolveComponent("InputGroupAddon"),B=e.resolveComponent("SelectValue"),E=e.resolveComponent("SelectTrigger"),x=e.resolveComponent("SelectItem"),S=e.resolveComponent("SelectGroup"),h=e.resolveComponent("SelectContent"),A=e.resolveComponent("Select"),C=e.resolveComponent("InputGroup"),w=e.resolveComponent("Badge"),D=e.resolveComponent("Switch"),c=e.resolveComponent("Button");return e.openBlock(),e.createBlock(P._sfc_main,null,{default:e.withCtx(()=>[t[31]||(t[31]=e.createElementVNode("h1",{class:"text-lg font-medium mb-8"},"Availability Settings",-1)),b.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Q,[e.createElementVNode("div",null,[e.createVNode(r,{for:"lead-time",class:"text-base font-medium mb-2"},{default:e.withCtx(()=>[...t[7]||(t[7]=[e.createTextVNode(" Minimum Advance Notice - Lead Time (Optional) ",-1)])]),_:1}),e.createVNode(C,{class:"max-w-md"},{default:e.withCtx(()=>[e.createVNode(V,{placeholder:"0",id:"lead-time",modelValue:n.minimumAdvanceNotice.value,"onUpdate:modelValue":t[0]||(t[0]=i=>n.minimumAdvanceNotice.value=i),modelModifiers:{value:!0},type:"number",class:"no-spinner"},null,8,["modelValue"]),e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(m)]),_:1}),e.createVNode(u,{align:"inline-end"},{default:e.withCtx(()=>[e.createVNode(A,{modelValue:n.minimumAdvanceNotice.unit,"onUpdate:modelValue":t[1]||(t[1]=i=>n.minimumAdvanceNotice.unit=i)},{default:e.withCtx(()=>[e.createVNode(E,{class:"w-[180px] border-0 bg-transparent -mr-1.5"},{default:e.withCtx(()=>[e.createVNode(B)]),_:1}),e.createVNode(h,null,{default:e.withCtx(()=>[e.createVNode(S,null,{default:e.withCtx(()=>[e.createVNode(x,{value:"minutes"},{default:e.withCtx(()=>[...t[8]||(t[8]=[e.createTextVNode(" Minutes ",-1)])]),_:1}),e.createVNode(x,{value:"hours"},{default:e.withCtx(()=>[...t[9]||(t[9]=[e.createTextVNode(" Hours ",-1)])]),_:1}),e.createVNode(x,{value:"days"},{default:e.withCtx(()=>[...t[10]||(t[10]=[e.createTextVNode(" Days ",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"])]),_:1})]),_:1}),t[11]||(t[11]=e.createElementVNode("p",{class:"text-sm text-muted-foreground mt-2"}," Set how far in advance a customer must book your slot. ",-1)),n.minimumAdvanceNotice.value<0?(e.openBlock(),e.createElementBlock("p",X,e.toDisplayString(k()),1)):e.createCommentVNode("",!0)]),t[27]||(t[27]=e.createElementVNode("hr",{class:"my-8"},null,-1)),e.createElementVNode("div",null,[e.createVNode(r,{for:"service-visibility",class:"text-base font-medium mb-2"},{default:e.withCtx(()=>[...t[12]||(t[12]=[e.createTextVNode(" Service Visibility ",-1)])]),_:1}),e.createVNode(C,{class:"max-w-md"},{default:e.withCtx(()=>[e.createVNode(V,{id:"service-visibility",modelValue:n.serviceVisibility,"onUpdate:modelValue":t[2]||(t[2]=i=>n.serviceVisibility=i),modelModifiers:{number:!0},placeholder:"1",type:"number",class:"no-spinner",min:"1",onBlur:t[3]||(t[3]=i=>n.serviceVisibility=Math.max(n.serviceVisibility,1))},null,8,["modelValue"]),e.createVNode(u,{align:"inline-end"},{default:e.withCtx(()=>[...t[13]||(t[13]=[e.createTextVNode(" days ",-1)])]),_:1})]),_:1}),t[14]||(t[14]=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[28]||(t[28]=e.createElementVNode("hr",{class:"my-8"},null,-1)),e.createElementVNode("div",null,[e.createVNode(r,{for:"max-capacity",class:"text-base font-medium mb-2"},{default:e.withCtx(()=>[...t[15]||(t[15]=[e.createTextVNode(" Maximum Tickets Per Booking ",-1)])]),_:1}),e.createVNode(C,{class:"max-w-md"},{default:e.withCtx(()=>[e.createVNode(V,{placeholder:"∞",type:"number",id:"max-capacity",class:"no-spinner",min:"1",modelValue:n.maxTicketsPerReservation,"onUpdate:modelValue":t[4]||(t[4]=i=>n.maxTicketsPerReservation=i),modelModifiers:{number:!0}},null,8,["modelValue"]),e.createVNode(u,{align:"inline-end"},{default:e.withCtx(()=>[...t[16]||(t[16]=[e.createTextVNode(" spots ",-1)])]),_:1})]),_:1}),t[17]||(t[17]=e.createElementVNode("p",{class:"text-sm text-muted-foreground mt-2"}," Limit how many spots a customer can book in a single reservation. ",-1))]),t[29]||(t[29]=e.createElementVNode("hr",{class:"my-8"},null,-1)),e.createElementVNode("div",Y,[e.createElementVNode("div",null,[e.createVNode(r,{class:"text-base font-medium"},{default:e.withCtx(()=>[...t[18]||(t[18]=[e.createTextVNode("Booking Approval",-1)])]),_:1}),t[19]||(t[19]=e.createElementVNode("p",{class:"text-sm text-muted-foreground"}," Choose whether you want to confirm booking requests manually or accept them automatically. ",-1))]),e.createElementVNode("div",Z,[e.createElementVNode("div",ee,[e.createVNode(r,{class:"text-sm font-semibold"},{default:e.withCtx(()=>[...t[20]||(t[20]=[e.createTextVNode("Enable Manual Approval",-1)])]),_:1}),t[23]||(t[23]=e.createElementVNode("p",{class:"text-xs text-muted-foreground max-w-[300px]"}," When enabled, you must approve bookings within your dashboard before they are finalized. ",-1)),n.needsApproval?(e.openBlock(),e.createBlock(w,{key:0},{default:e.withCtx(()=>[...t[21]||(t[21]=[e.createTextVNode("Status: Manual Review",-1)])]),_:1})):(e.openBlock(),e.createBlock(w,{key:1,variant:"secondary"},{default:e.withCtx(()=>[...t[22]||(t[22]=[e.createTextVNode("Status: Auto-Confirm",-1)])]),_:1}))]),e.createVNode(D,{modelValue:n.needsApproval,"onUpdate:modelValue":t[5]||(t[5]=i=>n.needsApproval=i)},null,8,["modelValue"])])]),t[30]||(t[30]=e.createElementVNode("hr",{class:"my-8"},null,-1)),e.createElementVNode("div",null,[e.createVNode(r,{class:"text-base font-medium"},{default:e.withCtx(()=>[...t[24]||(t[24]=[e.createTextVNode(" Customer Information (Optional) ",-1)])]),_:1}),t[26]||(t[26]=e.createElementVNode("p",{class:"text-sm text-muted-foreground mb-2"}," Collect additional details about your customer. ",-1)),e.createElementVNode("div",te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.customerInformationFields,i=>(e.openBlock(),e.createElementBlock("div",{key:i.id,class:"flex items-center justify-between hover:bg-input/50 px-2 rounded"},[e.createElementVNode("div",null,[e.createElementVNode("p",oe,e.toDisplayString(i.fieldName),1)]),e.createElementVNode("div",null,[e.createVNode(c,{variant:"ghost",size:"icon",onClick:p=>N.value.openDialog(i),class:"active:scale-90 transition-transform duration-150"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.Pencil),{class:"size-4"})]),_:1},8,["onClick"]),e.createVNode(c,{variant:"ghost",size:"icon",onClick:p=>i.visible=!i.visible,class:"active:scale-90 transition-transform duration-150"},{default:e.withCtx(()=>[i.visible?(e.openBlock(),e.createBlock(e.unref(g.Eye),{key:0,class:"size-4"})):(e.openBlock(),e.createBlock(e.unref(g.EyeOff),{key:1,class:"size-4"}))]),_:2},1032,["onClick"]),e.createVNode(c,{variant:"ghost",size:"icon",disabled:i.isNativeField,onClick:p=>n.customerInformationFields=n.customerInformationFields.filter(L=>L.id!==i.id),class:"active:scale-90 transition-transform duration-150"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.Trash2),{class:"size-4"})]),_:1},8,["disabled","onClick"])])]))),128)),e.createVNode(c,{variant:"outline",class:"mt-4",onClick:t[6]||(t[6]=i=>N.value.openDialog())},{default:e.withCtx(()=>[e.createVNode(e.unref(g.PlusCircle),{class:"size-4"}),t[25]||(t[25]=e.createTextVNode(" Add New Field ",-1))]),_:1})]),e.createVNode(J,{ref_key:"customerInfoFieldDialog",ref:N,onAddField:_,onUpdateField:I,onRemoveField:F},null,512)]),e.createElementVNode("div",ne,[e.createVNode(c,{onClick:T,disabled:l.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value?"Saving...":"Save Changes"),1)]),_:1},8,["disabled"])])]))]),_:1})}}});exports.default=le;