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

package/dist/availability-B-tRp8hB.mjs

@@ -0,0 +1,629 @@
+import { defineComponent as K, ref as k, reactive as Q, resolveComponent as s, openBlock as u, createBlock as v, withCtx as o, createVNode as t, createTextVNode as d, createElementVNode as a, createElementBlock as f, Fragment as R, renderList as L, toDisplayString as w, createCommentVNode as N, unref as A } from "vue";
+import { _ as ee } from "./EditLayout.vue_vue_type_script_setup_true_lang-CcysXzmW.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 = (i) => {
+      l.value = i ? "edit" : "add", g.value = [], n.id = i?.id || "", n.fieldName = i?.fieldName || "", n.fieldDescription = i?.fieldDescription || "", n.fieldType = i?.fieldType || "text", n.required = i?.required || !1, n.isNativeField = i?.isNativeField || !1, n.options = i?.options || [], n.visible = i?.visible !== void 0 ? i.visible : !0, c.value = !0;
+    }, U = () => {
+      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
+    }), (i, 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: o(() => [
+          t(Y, { class: "sm:max-w-2xl" }, {
+            default: o(() => [
+              t(V, null, {
+                default: o(() => [
+                  t(p, null, {
+                    default: o(() => [...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: o(() => [...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: o(() => [...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: o(() => [...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: o(() => [
+                      t(G, null, {
+                        default: o(() => [
+                          t(z, { placeholder: "Select field type" })
+                        ]),
+                        _: 1
+                      }),
+                      t(j, null, {
+                        default: o(() => [
+                          (u(), f(R, null, L(M, (m) => t(S, {
+                            key: m.value,
+                            value: m.value
+                          }, {
+                            default: o(() => [
+                              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: o(() => [...e[10] || (e[10] = [
+                      d("Options", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  t(x, {
+                    modelValue: n.options,
+                    "onUpdate:modelValue": e[3] || (e[3] = (m) => n.options = m)
+                  }, {
+                    default: o(() => [
+                      (u(!0), f(R, null, L(n.options, (m) => (u(), v(B, {
+                        key: m,
+                        value: m
+                      }, {
+                        default: o(() => [
+                          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: o(() => [...e[11] || (e[11] = [
+                      d(" Is this field mandatory? ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                g.value.length > 0 ? (u(), f("p", fe, [
+                  (u(!0), f(R, null, L(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: o(() => [
+                  a("div", ce, [
+                    l.value === "edit" && !n.isNativeField ? (u(), v(_, {
+                      key: 0,
+                      variant: "destructive",
+                      onClick: P
+                    }, {
+                      default: o(() => [...e[12] || (e[12] = [
+                        d(" Remove Field ", -1)
+                      ])]),
+                      _: 1
+                    })) : N("", !0),
+                    a("div", ve, [
+                      t(_, {
+                        variant: "outline",
+                        onClick: U
+                      }, {
+                        default: o(() => [...e[13] || (e[13] = [
+                          d(" Cancel ", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      l.value === "add" ? (u(), v(_, {
+                        key: 0,
+                        onClick: q
+                      }, {
+                        default: o(() => [...e[14] || (e[14] = [
+                          d(" Add Field ", -1)
+                        ])]),
+                        _: 1
+                      })) : (u(), v(_, {
+                        key: 1,
+                        onClick: E
+                      }, {
+                        default: o(() => [...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), U = async () => {
+      n.value = !0;
+      try {
+        const i = D.value.id;
+        if (!i) throw new Error("Missing agenda ID");
+        await I.update(F.agendaCollection, i, {
+          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 (i) {
+        console.error("Error saving changes:", i);
+      } finally {
+        n.value = !1;
+      }
+    }, q = async (i) => {
+      delete i.isNativeField, i.fieldType !== "radio" && i.fieldType !== "select" && delete i.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({ ...i, id: e });
+    }, E = async (i) => {
+      i.isNativeField || delete i.isNativeField, i.fieldType !== "radio" && i.fieldType !== "select" && delete i.options;
+      const e = l.customerInformationFields.findIndex((p) => p.id === i.id);
+      e !== -1 && (l.customerInformationFields[e] = { ...i });
+    }, P = async (i) => {
+      l.customerInformationFields = l.customerInformationFields.filter((e) => e.id !== i);
+    }, g = async () => {
+      try {
+        const i = await I.get(F.agendaCollection, D.value.id);
+        i && (console.log("Loaded agenda data:", i), l.minimumAdvanceNotice = i.minimumAdvanceNotice || { value: 0, unit: "minutes" }, l.serviceVisibility = i.serviceVisibility || 60, l.maxTicketsPerReservation = Number(i.maxTicketsPerReservation) && i.maxTicketsPerReservation > 0 ? parseInt(i.maxTicketsPerReservation) : "", l.customerInformationFields = i.customerInformationFields || [...c], l.needsApproval = i.needsApproval || !1);
+      } catch (i) {
+        console.error("Error loading agenda data:", i);
+      } finally {
+        M.value = !1;
+      }
+    }, $ = () => {
+      let i = Math.abs(l.minimumAdvanceNotice.value), e = l.minimumAdvanceNotice.unit;
+      return i === 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 ${i} ${e} after the slot has started.`;
+    };
+    return g(), (i, 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: o(() => [
+          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: o(() => [...e[7] || (e[7] = [
+                  d(" Minimum Advance Notice - Lead Time (Optional) ", -1)
+                ])]),
+                _: 1
+              }),
+              t(C, { class: "max-w-md" }, {
+                default: o(() => [
+                  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: o(() => [
+                      t(b)
+                    ]),
+                    _: 1
+                  }),
+                  t(y, { align: "inline-end" }, {
+                    default: o(() => [
+                      t(H, {
+                        modelValue: l.minimumAdvanceNotice.unit,
+                        "onUpdate:modelValue": e[1] || (e[1] = (r) => l.minimumAdvanceNotice.unit = r)
+                      }, {
+                        default: o(() => [
+                          t(G, { class: "w-[180px] border-0 bg-transparent -mr-1.5" }, {
+                            default: o(() => [
+                              t(z)
+                            ]),
+                            _: 1
+                          }),
+                          t(O, null, {
+                            default: o(() => [
+                              t(j, null, {
+                                default: o(() => [
+                                  t(S, { value: "minutes" }, {
+                                    default: o(() => [...e[8] || (e[8] = [
+                                      d(" Minutes ", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  t(S, { value: "hours" }, {
+                                    default: o(() => [...e[9] || (e[9] = [
+                                      d(" Hours ", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  t(S, { value: "days" }, {
+                                    default: o(() => [...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: o(() => [...e[12] || (e[12] = [
+                  d(" Service Visibility ", -1)
+                ])]),
+                _: 1
+              }),
+              t(C, { class: "max-w-md" }, {
+                default: o(() => [
+                  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: o(() => [...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: o(() => [...e[15] || (e[15] = [
+                  d(" Maximum Tickets Per Booking ", -1)
+                ])]),
+                _: 1
+              }),
+              t(C, { class: "max-w-md" }, {
+                default: o(() => [
+                  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: o(() => [...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: o(() => [...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: o(() => [...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: o(() => [...e[21] || (e[21] = [
+                      d("Status: Manual Review", -1)
+                    ])]),
+                    _: 1
+                  })) : (u(), v(B, {
+                    key: 1,
+                    variant: "secondary"
+                  }, {
+                    default: o(() => [...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: o(() => [...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, L(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: o(() => [
+                        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: o(() => [
+                        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: o(() => [
+                        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: o(() => [
+                    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: U,
+                disabled: n.value
+              }, {
+                default: o(() => [
+                  d(w(n.value ? "Saving..." : "Save Changes"), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ])
+          ]))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Ae as default
+};

package/dist/availability-BiBbzEIM.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),P=require("./EditLayout.vue_vue_type_script_setup_true_lang-Czu6Dcde.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&&(console.log("Loaded agenda data:",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;