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

package/dist/availability-DeCkqiu8.mjs

@@ -0,0 +1,613 @@
+import { defineComponent as W, ref as S, reactive as J, resolveComponent as a, createBlock as g, openBlock as c, withCtx as i, createVNode as t, createElementVNode as d, createTextVNode as u, createElementBlock as y, createCommentVNode as w, Fragment as j, renderList as H, toDisplayString as M, unref as C } from "vue";
+import { _ as Y } from "./EditLayout.vue_vue_type_script_setup_true_lang-D0-EcU0_.mjs";
+import { Pencil as Z, Eye as h, EyeOff as ee, Trash2 as te, PlusCircle as ie } from "lucide-vue-next";
+import { useModuleRoute as oe, useModule as le, useFirebaseIntegration as ne } from "@oneclick.dev/cms-kit";
+const se = { class: "space-y-6 py-4" }, ae = { key: 0 }, de = { key: 1 }, ue = { class: "flex items-center gap-3" }, re = { class: "w-full flex justify-between items-center" }, me = { class: "flex items-center gap-2 ml-auto" }, ce = /* @__PURE__ */ W({
+  __name: "CustomerInformationFieldEditorDialog",
+  emits: ["add-field", "update-field", "remove-field"],
+  setup(K, { expose: A, emit: T }) {
+    const N = T, v = S(!1), l = S("add"), s = J({
+      id: "",
+      fieldName: "",
+      fieldDescription: "",
+      fieldType: "text",
+      required: !1,
+      isNativeField: !1,
+      visible: !0,
+      options: []
+    }), D = [
+      { value: "text", label: "Text Box" },
+      { value: "checkbox", label: "Checkbox" },
+      { value: "radio", label: "Radio Button" },
+      { value: "select", label: "Select" }
+    ], k = (f) => {
+      l.value = f ? "edit" : "add", s.id = f?.id || "", s.fieldName = f?.fieldName || "", s.fieldDescription = f?.fieldDescription || "", s.fieldType = f?.fieldType || "text", s.required = f?.required || !1, s.isNativeField = f?.isNativeField || !1, s.options = f?.options || [], s.visible = f?.visible !== void 0 ? f.visible : !0, v.value = !0;
+    }, L = () => {
+      v.value = !1;
+    }, R = () => {
+      N("add-field", { ...s }), v.value = !1;
+    }, U = () => {
+      N("update-field", { ...s }), v.value = !1;
+    }, $ = () => {
+      N("remove-field", s.id), v.value = !1;
+    };
+    return A({
+      openDialog: k
+    }), (f, n) => {
+      const o = a("DialogTitle"), e = a("DialogHeader"), p = a("Label"), b = a("Input"), B = a("SelectValue"), x = a("SelectTrigger"), P = a("SelectItem"), E = a("SelectContent"), V = a("Select"), q = a("TagsInputItemText"), z = a("TagsInputItemDelete"), G = a("TagsInputItem"), F = a("TagsInputInput"), _ = a("TagsInput"), r = a("Checkbox"), I = a("Button"), O = a("DialogFooter"), Q = a("DialogScrollContent"), X = a("Dialog");
+      return c(), g(X, {
+        open: v.value,
+        "onUpdate:open": n[5] || (n[5] = (m) => v.value = m)
+      }, {
+        default: i(() => [
+          t(Q, { class: "sm:max-w-2xl" }, {
+            default: i(() => [
+              t(e, null, {
+                default: i(() => [
+                  t(o, null, {
+                    default: i(() => [...n[6] || (n[6] = [
+                      u("Customer Information", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              d("div", se, [
+                d("div", null, [
+                  t(p, {
+                    class: "text-bsmase font-normal mb-1.5",
+                    for: "customer-info-field-dialog-fieldname"
+                  }, {
+                    default: i(() => [...n[7] || (n[7] = [
+                      u("Field Name", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  t(b, {
+                    modelValue: s.fieldName,
+                    "onUpdate:modelValue": n[0] || (n[0] = (m) => s.fieldName = m),
+                    id: "customer-info-field-dialog-fieldname"
+                  }, null, 8, ["modelValue"])
+                ]),
+                d("div", null, [
+                  t(p, {
+                    class: "text-sm font-normal mb-1.5",
+                    for: "customer-info-field-dialog-field-description"
+                  }, {
+                    default: i(() => [...n[8] || (n[8] = [
+                      u("Field Description", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  t(b, {
+                    modelValue: s.fieldDescription,
+                    "onUpdate:modelValue": n[1] || (n[1] = (m) => s.fieldDescription = m),
+                    id: "customer-info-field-dialog-field-description"
+                  }, null, 8, ["modelValue"])
+                ]),
+                s.isNativeField ? w("", !0) : (c(), y("div", ae, [
+                  t(p, { class: "text-sm font-normal mb-1.5" }, {
+                    default: i(() => [...n[9] || (n[9] = [
+                      u("Field Type", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  t(V, {
+                    modelValue: s.fieldType,
+                    "onUpdate:modelValue": n[2] || (n[2] = (m) => s.fieldType = m)
+                  }, {
+                    default: i(() => [
+                      t(x, null, {
+                        default: i(() => [
+                          t(B, { placeholder: "Select field type" })
+                        ]),
+                        _: 1
+                      }),
+                      t(E, null, {
+                        default: i(() => [
+                          (c(), y(j, null, H(D, (m) => t(P, {
+                            key: m.value,
+                            value: m.value
+                          }, {
+                            default: i(() => [
+                              u(M(m.label), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["value"])), 64))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ])),
+                s.fieldType === "select" || s.fieldType === "radio" ? (c(), y("div", de, [
+                  t(p, {
+                    class: "text-sm font-normal mb-1.5",
+                    for: "customer-info-field-dialog-field-new-option"
+                  }, {
+                    default: i(() => [...n[10] || (n[10] = [
+                      u("Options", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  t(_, {
+                    modelValue: s.options,
+                    "onUpdate:modelValue": n[3] || (n[3] = (m) => s.options = m)
+                  }, {
+                    default: i(() => [
+                      (c(!0), y(j, null, H(s.options, (m) => (c(), g(G, {
+                        key: m,
+                        value: m
+                      }, {
+                        default: i(() => [
+                          t(q),
+                          t(z)
+                        ]),
+                        _: 1
+                      }, 8, ["value"]))), 128)),
+                      t(F, {
+                        placeholder: "New option...",
+                        id: "customer-info-field-dialog-field-new-option"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ])) : w("", !0),
+                d("div", ue, [
+                  t(r, {
+                    id: "customer-info-field-dialog-field-required",
+                    modelValue: s.required,
+                    "onUpdate:modelValue": n[4] || (n[4] = (m) => s.required = m)
+                  }, null, 8, ["modelValue"]),
+                  t(p, {
+                    for: "customer-info-field-dialog-field-required",
+                    class: "text-base font-normal cursor-pointer"
+                  }, {
+                    default: i(() => [...n[11] || (n[11] = [
+                      u(" Is this field mandatory? ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ])
+              ]),
+              t(O, { class: "gap-2" }, {
+                default: i(() => [
+                  d("div", re, [
+                    l.value === "edit" && !s.isNativeField ? (c(), g(I, {
+                      key: 0,
+                      variant: "destructive",
+                      onClick: $
+                    }, {
+                      default: i(() => [...n[12] || (n[12] = [
+                        u(" Remove Field ", -1)
+                      ])]),
+                      _: 1
+                    })) : w("", !0),
+                    d("div", me, [
+                      t(I, {
+                        variant: "outline",
+                        onClick: L
+                      }, {
+                        default: i(() => [...n[13] || (n[13] = [
+                          u(" Cancel ", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      l.value === "add" ? (c(), g(I, {
+                        key: 0,
+                        onClick: R
+                      }, {
+                        default: i(() => [...n[14] || (n[14] = [
+                          u(" Add Field ", -1)
+                        ])]),
+                        _: 1
+                      })) : (c(), g(I, {
+                        key: 1,
+                        onClick: U
+                      }, {
+                        default: i(() => [...n[15] || (n[15] = [
+                          u(" Update Field ", -1)
+                        ])]),
+                        _: 1
+                      }))
+                    ])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+}), pe = {
+  key: 0,
+  class: "max-w-2xl"
+}, fe = {
+  key: 0,
+  class: "text-sm text-orange-500 mt-2"
+}, ve = { class: "border rounded-md p-4 mb-4" }, ge = { class: "font-medium text-sm" }, ye = { class: "flex justify-start mt-8" }, Ne = /* @__PURE__ */ W({
+  __name: "availability",
+  setup(K) {
+    const { params: A } = oe(), { config: T } = le(), N = ne(T.project), v = [
+      {
+        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
+      }
+    ], l = J({
+      minimumAdvanceNotice: {
+        value: 0,
+        unit: "minutes"
+      },
+      serviceVisibility: 60,
+      capacity: "",
+      maxTicketsPerReservation: "",
+      customerInformationFields: [...v]
+    }), s = S(!1), D = S(!0), k = S(null), L = async () => {
+      s.value = !0;
+      try {
+        const o = A.value.id;
+        if (!o) throw new Error("Missing agenda ID");
+        await N.update(T.agendaCollection, o, {
+          minimumAdvanceNotice: {
+            value: Number(l.minimumAdvanceNotice?.value) || 0,
+            unit: l.minimumAdvanceNotice?.unit ?? "minutes"
+          },
+          serviceVisibility: Math.max(Number(l.serviceVisibility) || 1, 1),
+          capacity: Math.max(Number(l.capacity) || 0, 0),
+          maxTicketsPerReservation: Math.max(Number(l.maxTicketsPerReservation) || 0, 0),
+          customerInformationFields: l.customerInformationFields ?? []
+        });
+      } catch (o) {
+        console.error("Error saving changes:", o);
+      } finally {
+        s.value = !1;
+      }
+    }, R = 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 });
+    }, U = 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 });
+    }, $ = async (o) => {
+      l.customerInformationFields = l.customerInformationFields.filter((e) => e.id !== o);
+    }, f = async () => {
+      try {
+        const o = await N.get(T.agendaCollection, A.value.id);
+        o && (console.log("Loaded agenda data:", o), l.minimumAdvanceNotice = o.minimumAdvanceNotice || { value: 0, unit: "minutes" }, l.serviceVisibility = o.serviceVisibility || 60, l.capacity = Number(o.capacity) && o.capacity > 0 ? parseInt(o.capacity) : "", l.maxTicketsPerReservation = Number(o.maxTicketsPerReservation) && o.maxTicketsPerReservation > 0 ? parseInt(o.maxTicketsPerReservation) : "", l.customerInformationFields = o.customerInformationFields || [...v]);
+      } catch (o) {
+        console.error("Error loading agenda data:", o);
+      } finally {
+        D.value = !1;
+      }
+    }, n = () => {
+      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 f(), (o, e) => {
+      const p = a("Label"), b = a("InputGroupInput"), B = a("Search"), x = a("InputGroupAddon"), P = a("SelectValue"), E = a("SelectTrigger"), V = a("SelectItem"), q = a("SelectGroup"), z = a("SelectContent"), G = a("Select"), F = a("InputGroup"), _ = a("Button");
+      return c(), g(Y, null, {
+        default: i(() => [
+          e[28] || (e[28] = d("h1", { class: "text-lg font-medium mb-8" }, "Availability Settings", -1)),
+          D.value ? w("", !0) : (c(), y("div", pe, [
+            d("div", null, [
+              t(p, {
+                for: "lead-time",
+                class: "text-base font-medium mb-2"
+              }, {
+                default: i(() => [...e[7] || (e[7] = [
+                  u(" Minimum Advance Notice - Lead Time (Optional) ", -1)
+                ])]),
+                _: 1
+              }),
+              t(F, { class: "max-w-md" }, {
+                default: i(() => [
+                  t(b, {
+                    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(x, null, {
+                    default: i(() => [
+                      t(B)
+                    ]),
+                    _: 1
+                  }),
+                  t(x, { align: "inline-end" }, {
+                    default: i(() => [
+                      t(G, {
+                        modelValue: l.minimumAdvanceNotice.unit,
+                        "onUpdate:modelValue": e[1] || (e[1] = (r) => l.minimumAdvanceNotice.unit = r)
+                      }, {
+                        default: i(() => [
+                          t(E, { class: "w-[180px] border-0 bg-transparent -mr-1.5" }, {
+                            default: i(() => [
+                              t(P)
+                            ]),
+                            _: 1
+                          }),
+                          t(z, null, {
+                            default: i(() => [
+                              t(q, null, {
+                                default: i(() => [
+                                  t(V, { value: "minutes" }, {
+                                    default: i(() => [...e[8] || (e[8] = [
+                                      u(" Minutes ", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  t(V, { value: "hours" }, {
+                                    default: i(() => [...e[9] || (e[9] = [
+                                      u(" Hours ", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  t(V, { value: "days" }, {
+                                    default: i(() => [...e[10] || (e[10] = [
+                                      u(" Days ", -1)
+                                    ])]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              e[11] || (e[11] = d("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 ? (c(), y("p", fe, M(n()), 1)) : w("", !0)
+            ]),
+            e[24] || (e[24] = d("hr", { class: "my-8" }, null, -1)),
+            d("div", null, [
+              t(p, {
+                for: "service-visibility",
+                class: "text-base font-medium mb-2"
+              }, {
+                default: i(() => [...e[12] || (e[12] = [
+                  u(" Service Visibility ", -1)
+                ])]),
+                _: 1
+              }),
+              t(F, { class: "max-w-md" }, {
+                default: i(() => [
+                  t(b, {
+                    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(x, { align: "inline-end" }, {
+                    default: i(() => [...e[13] || (e[13] = [
+                      u(" days ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              e[14] || (e[14] = d("p", { class: "text-sm text-muted-foreground mt-2" }, " Set how many days in advance the service is visible to customers. ", -1))
+            ]),
+            e[25] || (e[25] = d("hr", { class: "my-8" }, null, -1)),
+            d("div", null, [
+              t(p, {
+                for: "capacity",
+                class: "text-base font-medium mb-2"
+              }, {
+                default: i(() => [...e[15] || (e[15] = [
+                  u(" Default Capacity ", -1)
+                ])]),
+                _: 1
+              }),
+              t(F, { class: "max-w-md" }, {
+                default: i(() => [
+                  t(b, {
+                    placeholder: "∞",
+                    type: "number",
+                    id: "capacity",
+                    class: "no-spinner",
+                    min: "1",
+                    modelValue: l.capacity,
+                    "onUpdate:modelValue": e[4] || (e[4] = (r) => l.capacity = r),
+                    modelModifiers: { number: !0 }
+                  }, null, 8, ["modelValue"]),
+                  t(x, { align: "inline-end" }, {
+                    default: i(() => [...e[16] || (e[16] = [
+                      u(" available spots ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              e[17] || (e[17] = d("p", { class: "text-sm text-muted-foreground mt-2" }, " Default number of bookings per time slot. Individual resources can override this with their own capacity. ", -1))
+            ]),
+            e[26] || (e[26] = d("hr", { class: "my-8" }, null, -1)),
+            d("div", null, [
+              t(p, {
+                for: "max-capacity",
+                class: "text-base font-medium mb-2"
+              }, {
+                default: i(() => [...e[18] || (e[18] = [
+                  u(" Maximum Tickets Per Booking ", -1)
+                ])]),
+                _: 1
+              }),
+              t(F, { class: "max-w-md" }, {
+                default: i(() => [
+                  t(b, {
+                    placeholder: "∞",
+                    type: "number",
+                    id: "max-capacity",
+                    class: "no-spinner",
+                    min: "1",
+                    modelValue: l.maxTicketsPerReservation,
+                    "onUpdate:modelValue": e[5] || (e[5] = (r) => l.maxTicketsPerReservation = r),
+                    modelModifiers: { number: !0 }
+                  }, null, 8, ["modelValue"]),
+                  t(x, { align: "inline-end" }, {
+                    default: i(() => [...e[19] || (e[19] = [
+                      u(" spots ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              e[20] || (e[20] = d("p", { class: "text-sm text-muted-foreground mt-2" }, " Limit how many spots a customer can book in a single reservation. ", -1))
+            ]),
+            e[27] || (e[27] = d("hr", { class: "my-8" }, null, -1)),
+            d("div", null, [
+              t(p, { class: "text-base font-medium" }, {
+                default: i(() => [...e[21] || (e[21] = [
+                  u(" Customer Information (Optional) ", -1)
+                ])]),
+                _: 1
+              }),
+              e[23] || (e[23] = d("p", { class: "text-sm text-muted-foreground mb-2" }, " Collect additional details about your customer. ", -1)),
+              d("div", ve, [
+                (c(!0), y(j, null, H(l.customerInformationFields, (r) => (c(), y("div", {
+                  key: r.id,
+                  class: "flex items-center justify-between hover:bg-input/50 px-2 rounded"
+                }, [
+                  d("div", null, [
+                    d("p", ge, M(r.fieldName), 1)
+                  ]),
+                  d("div", null, [
+                    t(_, {
+                      variant: "ghost",
+                      size: "icon",
+                      onClick: (I) => k.value.openDialog(r),
+                      class: "active:scale-90 transition-transform duration-150"
+                    }, {
+                      default: i(() => [
+                        t(C(Z), { class: "size-4" })
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"]),
+                    t(_, {
+                      variant: "ghost",
+                      size: "icon",
+                      onClick: (I) => r.visible = !r.visible,
+                      class: "active:scale-90 transition-transform duration-150"
+                    }, {
+                      default: i(() => [
+                        r.visible ? (c(), g(C(h), {
+                          key: 0,
+                          class: "size-4"
+                        })) : (c(), g(C(ee), {
+                          key: 1,
+                          class: "size-4"
+                        }))
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"]),
+                    t(_, {
+                      variant: "ghost",
+                      size: "icon",
+                      disabled: r.isNativeField,
+                      onClick: (I) => l.customerInformationFields = l.customerInformationFields.filter((O) => O.id !== r.id),
+                      class: "active:scale-90 transition-transform duration-150"
+                    }, {
+                      default: i(() => [
+                        t(C(te), { class: "size-4" })
+                      ]),
+                      _: 1
+                    }, 8, ["disabled", "onClick"])
+                  ])
+                ]))), 128)),
+                t(_, {
+                  variant: "outline",
+                  class: "mt-4",
+                  onClick: e[6] || (e[6] = (r) => k.value.openDialog())
+                }, {
+                  default: i(() => [
+                    t(C(ie), { class: "size-4" }),
+                    e[22] || (e[22] = u(" Add New Field ", -1))
+                  ]),
+                  _: 1
+                })
+              ]),
+              t(ce, {
+                ref_key: "customerInfoFieldDialog",
+                ref: k,
+                onAddField: R,
+                onUpdateField: U,
+                onRemoveField: $
+              }, null, 512)
+            ]),
+            d("div", ye, [
+              t(_, {
+                onClick: L,
+                disabled: s.value
+              }, {
+                default: i(() => [
+                  u(M(s.value ? "Saving..." : "Save Changes"), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ])
+          ]))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Ne as default
+};