@oneclick.dev/cms-core-modules 0.0.102 → 0.0.104

package/dist/booking-data-DgJd0BcM.mjs

@@ -0,0 +1,889 @@
+import { defineComponent as X, ref as V, reactive as ee, computed as W, resolveComponent as d, openBlock as c, createBlock as F, withCtx as l, createVNode as e, createTextVNode as m, createElementVNode as i, unref as k, createCommentVNode as T, createElementBlock as b, Fragment as U, renderList as M, toDisplayString as I } from "vue";
+import { _ as me } from "./EditLayout.vue_vue_type_script_setup_true_lang-DWMqQvHl.mjs";
+import { Lock as ce, LockOpen as fe, Pencil as te, Eye as pe, EyeOff as ve, Trash2 as le, PlusCircle as oe } from "lucide-vue-next";
+import { useConfirmation as ae, useModuleRoute as ge, useModule as ye, useFirebaseIntegration as be } from "@oneclick.dev/cms-kit";
+const _e = { class: "space-y-6 py-4" }, xe = { class: "grid grid-cols-2 gap-6" }, ke = { class: "relative" }, Fe = {
+  key: 0,
+  class: "text-xs text-red-600 mt-1"
+}, Ie = { key: 0 }, Ce = { key: 1 }, De = { class: "flex items-center gap-3" }, he = {
+  key: 2,
+  class: "grid gap-2"
+}, Se = { class: "w-full flex justify-between items-center" }, Ve = { class: "flex items-center gap-2 ml-auto" }, Ne = /* @__PURE__ */ X({
+  __name: "CustomerInformationFieldEditorDialog",
+  props: {
+    keysInUse: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["add-field", "update-field", "remove-field"],
+  setup(G, { expose: R, emit: H }) {
+    const N = H, h = G, { confirm: C } = ae(), t = V(!1), S = V("add"), w = V(null), r = ee({
+      id: "",
+      fieldName: "",
+      fieldDescription: "",
+      fieldType: "text",
+      required: !1,
+      isNativeField: !1,
+      visible: !0,
+      options: []
+    }), z = W(() => {
+      const p = new Set(h.keysInUse);
+      return S.value === "edit" && w.value && p.delete(w.value), p;
+    }), B = [
+      { value: "text", label: "Text Box" },
+      { value: "checkbox", label: "Checkbox" },
+      { value: "radio", label: "Radio Button" },
+      { value: "select", label: "Select" },
+      { value: "date", label: "Date Picker" }
+    ], E = (p) => {
+      S.value = p ? "edit" : "add", a.value = [], r.id = p?.id || "", w.value = p?.id || null, r.fieldName = p?.fieldName || "", r.fieldDescription = p?.fieldDescription || "", r.fieldType = p?.fieldType || "text", r.required = p?.required || !1, r.isNativeField = p?.isNativeField || !1, r.options = p?.options || [], r.visible = p?.visible !== void 0 ? p.visible : !0, $.value = S.value === "edit", t.value = !0;
+    }, P = () => {
+      t.value = !1, a.value = [];
+    }, D = () => {
+      A() && (N("add-field", { ...r }), t.value = !1);
+    }, O = () => {
+      A() && (N("update-field", w.value, { ...r }), t.value = !1);
+    }, x = () => {
+      N("remove-field", w.value), t.value = !1;
+    }, a = V([]), A = () => (a.value = [], r.fieldName = r.fieldName.trim(), r.fieldName ? !0 : (a.value.push("Field name is required."), !1)), $ = V(!1), j = async () => {
+      await C("Previous orders using this field won't update to reflect changes. Are you sure you want to change the key?") && ($.value = !1);
+    };
+    return R({
+      openDialog: E
+    }), (p, n) => {
+      const K = d("DialogTitle"), s = d("DialogHeader"), o = d("Label"), y = d("Input"), v = d("Button"), u = d("SelectValue"), _ = d("SelectTrigger"), L = d("SelectItem"), q = d("SelectContent"), Z = d("Select"), J = d("TagsInputItemText"), Y = d("TagsInputItemDelete"), f = d("TagsInputItem"), Q = d("TagsInputInput"), ie = d("TagsInput"), ne = d("Checkbox"), se = d("DialogFooter"), de = d("DialogScrollContent"), re = d("Dialog");
+      return c(), F(re, {
+        open: t.value,
+        "onUpdate:open": n[6] || (n[6] = (g) => t.value = g)
+      }, {
+        default: l(() => [
+          e(de, { class: "sm:max-w-2xl" }, {
+            default: l(() => [
+              e(s, null, {
+                default: l(() => [
+                  e(K, null, {
+                    default: l(() => [...n[7] || (n[7] = [
+                      m("Customer Information", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              i("div", _e, [
+                i("div", xe, [
+                  i("div", null, [
+                    e(o, {
+                      class: "text-bsmase font-normal mb-1.5",
+                      for: "customer-info-field-dialog-fieldname"
+                    }, {
+                      default: l(() => [...n[8] || (n[8] = [
+                        m("Field Name", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    e(y, {
+                      modelValue: r.fieldName,
+                      "onUpdate:modelValue": n[0] || (n[0] = (g) => r.fieldName = g),
+                      id: "customer-info-field-dialog-fieldname"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  i("div", null, [
+                    e(o, {
+                      class: "text-bsmase font-normal mb-1.5",
+                      for: "customer-info-field-dialog-fieldname"
+                    }, {
+                      default: l(() => [...n[9] || (n[9] = [
+                        m("Key", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    i("div", ke, [
+                      e(y, {
+                        modelValue: r.id,
+                        "onUpdate:modelValue": n[1] || (n[1] = (g) => r.id = g),
+                        id: "customer-info-field-dialog-fieldname",
+                        disabled: $.value
+                      }, null, 8, ["modelValue", "disabled"]),
+                      $.value ? (c(), F(v, {
+                        key: 0,
+                        variant: "ghost",
+                        size: "icon",
+                        class: "absolute group top-0 right-0",
+                        onClick: j
+                      }, {
+                        default: l(() => [
+                          e(k(ce), { class: "size-4 block group-hover:hidden" }),
+                          e(k(fe), { class: "size-4 hidden group-hover:block" })
+                        ]),
+                        _: 1
+                      })) : T("", !0)
+                    ]),
+                    k(z).has(r.id) ? (c(), b("p", Fe, " Key already in use. ")) : T("", !0)
+                  ])
+                ]),
+                i("div", null, [
+                  e(o, {
+                    class: "text-sm font-normal mb-1.5",
+                    for: "customer-info-field-dialog-field-description"
+                  }, {
+                    default: l(() => [...n[10] || (n[10] = [
+                      m("Description", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(y, {
+                    modelValue: r.fieldDescription,
+                    "onUpdate:modelValue": n[2] || (n[2] = (g) => r.fieldDescription = g),
+                    id: "customer-info-field-dialog-field-description"
+                  }, null, 8, ["modelValue"])
+                ]),
+                r.isNativeField ? T("", !0) : (c(), b("div", Ie, [
+                  e(o, { class: "text-sm font-normal mb-1.5" }, {
+                    default: l(() => [...n[11] || (n[11] = [
+                      m("Field Type", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(Z, {
+                    modelValue: r.fieldType,
+                    "onUpdate:modelValue": n[3] || (n[3] = (g) => r.fieldType = g)
+                  }, {
+                    default: l(() => [
+                      e(_, null, {
+                        default: l(() => [
+                          e(u, { placeholder: "Select field type" })
+                        ]),
+                        _: 1
+                      }),
+                      e(q, null, {
+                        default: l(() => [
+                          (c(), b(U, null, M(B, (g) => e(L, {
+                            key: g.value,
+                            value: g.value
+                          }, {
+                            default: l(() => [
+                              m(I(g.label), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["value"])), 64))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ])),
+                r.fieldType === "select" || r.fieldType === "radio" ? (c(), b("div", Ce, [
+                  e(o, {
+                    class: "text-sm font-normal mb-1.5",
+                    for: "customer-info-field-dialog-field-new-option"
+                  }, {
+                    default: l(() => [...n[12] || (n[12] = [
+                      m("Options", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(ie, {
+                    modelValue: r.options,
+                    "onUpdate:modelValue": n[4] || (n[4] = (g) => r.options = g)
+                  }, {
+                    default: l(() => [
+                      (c(!0), b(U, null, M(r.options, (g) => (c(), F(f, {
+                        key: g,
+                        value: g
+                      }, {
+                        default: l(() => [
+                          e(J),
+                          e(Y)
+                        ]),
+                        _: 1
+                      }, 8, ["value"]))), 128)),
+                      e(Q, {
+                        placeholder: "New option...",
+                        id: "customer-info-field-dialog-field-new-option"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ])) : T("", !0),
+                i("div", De, [
+                  e(ne, {
+                    id: "customer-info-field-dialog-field-required",
+                    modelValue: r.required,
+                    "onUpdate:modelValue": n[5] || (n[5] = (g) => r.required = g)
+                  }, null, 8, ["modelValue"]),
+                  e(o, {
+                    for: "customer-info-field-dialog-field-required",
+                    class: "text-base font-normal cursor-pointer"
+                  }, {
+                    default: l(() => [...n[13] || (n[13] = [
+                      m(" Is this field mandatory? ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                a.value.length > 0 ? (c(), b("p", he, [
+                  (c(!0), b(U, null, M(a.value, (g, ue) => (c(), b("span", {
+                    key: ue,
+                    class: "text-sm text-red-600 block"
+                  }, I(g), 1))), 128))
+                ])) : T("", !0)
+              ]),
+              e(se, { class: "gap-2" }, {
+                default: l(() => [
+                  i("div", Se, [
+                    S.value === "edit" && !r.isNativeField ? (c(), F(v, {
+                      key: 0,
+                      variant: "destructive",
+                      onClick: x
+                    }, {
+                      default: l(() => [...n[14] || (n[14] = [
+                        m(" Remove Field ", -1)
+                      ])]),
+                      _: 1
+                    })) : T("", !0),
+                    i("div", Ve, [
+                      e(v, {
+                        variant: "outline",
+                        onClick: P
+                      }, {
+                        default: l(() => [...n[15] || (n[15] = [
+                          m(" Cancel ", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      S.value === "add" ? (c(), F(v, {
+                        key: 0,
+                        onClick: D
+                      }, {
+                        default: l(() => [...n[16] || (n[16] = [
+                          m(" Add Field ", -1)
+                        ])]),
+                        _: 1
+                      })) : (c(), F(v, {
+                        key: 1,
+                        onClick: O
+                      }, {
+                        default: l(() => [...n[17] || (n[17] = [
+                          m(" Update Field ", -1)
+                        ])]),
+                        _: 1
+                      }))
+                    ])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+}), Te = { class: "space-y-6 py-4" }, we = { class: "text-xs text-muted-foreground" }, $e = { class: "grid grid-cols-2 gap-4" }, Ue = {
+  key: 0,
+  class: "grid gap-2"
+}, Me = { class: "w-full flex justify-between items-center" }, ze = { class: "flex items-center gap-2 ml-auto" }, Ae = /* @__PURE__ */ X({
+  __name: "MetadataSchemaEditorDialog",
+  emits: ["add-field", "update-field", "remove-field"],
+  setup(G, { expose: R, emit: H }) {
+    const N = H, h = V(!1), C = V("add"), t = ee({
+      id: "",
+      key: "",
+      label: "",
+      display: "field",
+      scope: "order",
+      icon: "",
+      color: "",
+      order: 0
+    }), S = [
+      { value: "highlight", label: "Highlight", description: "Large prominent card — ideal for door codes, PINs" },
+      { value: "badge", label: "Badge", description: "Colored pill in the order header — ideal for membership, VIP status" },
+      { value: "field", label: "Field", description: "Standard label-value row in order details" },
+      { value: "hidden", label: "Hidden", description: "Not shown in the UI — internal system fields" }
+    ], w = [
+      { value: "order", label: "Order", description: "Attached to the whole order" },
+      { value: "reservation", label: "Reservation", description: "Attached to each individual reservation" }
+    ], r = (x) => {
+      C.value = x ? "edit" : "add", D.value = [], t.id = x?.id || "", t.key = x?.key || "", t.label = x?.label || "", t.display = x?.display || "field", t.scope = x?.scope || "order", t.icon = x?.icon || "", t.color = x?.color || "", t.order = x?.order || 0, h.value = !0;
+    }, z = () => {
+      h.value = !1, D.value = [];
+    }, B = () => {
+      O() && (N("add-field", { ...t }), h.value = !1);
+    }, E = () => {
+      O() && (N("update-field", { ...t }), h.value = !1);
+    }, P = () => {
+      N("remove-field", t.id), h.value = !1;
+    }, D = V([]), O = () => (D.value = [], t.key = t.key.trim(), t.label = t.label.trim(), t.key || D.value.push("Metadata key is required."), t.label || D.value.push("Display label is required."), t.key && !/^[a-zA-Z_][a-zA-Z0-9_]*$/.test(t.key) && D.value.push("Key must be alphanumeric (letters, numbers, underscores)."), D.value.length === 0);
+    return R({
+      openDialog: r
+    }), (x, a) => {
+      const A = d("DialogTitle"), $ = d("DialogDescription"), j = d("DialogHeader"), p = d("Label"), n = d("Input"), K = d("RadioGroupItem"), s = d("RadioGroup"), o = d("SelectValue"), y = d("SelectTrigger"), v = d("SelectItem"), u = d("SelectContent"), _ = d("Select"), L = d("LucideIconPicker"), q = d("Button"), Z = d("DialogFooter"), J = d("DialogScrollContent"), Y = d("Dialog");
+      return c(), F(Y, {
+        open: h.value,
+        "onUpdate:open": a[7] || (a[7] = (f) => h.value = f)
+      }, {
+        default: l(() => [
+          e(J, { class: "sm:max-w-2xl" }, {
+            default: l(() => [
+              e(j, null, {
+                default: l(() => [
+                  e(A, null, {
+                    default: l(() => [
+                      m(I(C.value === "add" ? "Add Metadata Field" : "Edit Metadata Field"), 1)
+                    ]),
+                    _: 1
+                  }),
+                  e($, null, {
+                    default: l(() => [...a[8] || (a[8] = [
+                      m(" Configure how an external metadata field is displayed on orders. ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              i("div", Te, [
+                i("div", null, [
+                  e(p, {
+                    class: "text-sm font-normal mb-1.5",
+                    for: "metadata-field-key"
+                  }, {
+                    default: l(() => [...a[9] || (a[9] = [
+                      m("Metadata Key", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(n, {
+                    modelValue: t.key,
+                    "onUpdate:modelValue": a[0] || (a[0] = (f) => t.key = f),
+                    id: "metadata-field-key",
+                    placeholder: "e.g. doorCode, membershipTier",
+                    disabled: C.value === "edit"
+                  }, null, 8, ["modelValue", "disabled"]),
+                  a[10] || (a[10] = i("p", { class: "text-xs text-muted-foreground mt-1" }, " The key in the metadata object. Must match what your external system writes. ", -1))
+                ]),
+                i("div", null, [
+                  e(p, {
+                    class: "text-sm font-normal mb-1.5",
+                    for: "metadata-field-label"
+                  }, {
+                    default: l(() => [...a[11] || (a[11] = [
+                      m("Display Label", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(n, {
+                    modelValue: t.label,
+                    "onUpdate:modelValue": a[1] || (a[1] = (f) => t.label = f),
+                    id: "metadata-field-label",
+                    placeholder: "e.g. Door Code, Membership"
+                  }, null, 8, ["modelValue"])
+                ]),
+                i("div", null, [
+                  e(p, { class: "text-sm font-normal mb-1.5" }, {
+                    default: l(() => [...a[12] || (a[12] = [
+                      m("Display Mode", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(s, {
+                    modelValue: t.display,
+                    "onUpdate:modelValue": a[2] || (a[2] = (f) => t.display = f)
+                  }, {
+                    default: l(() => [
+                      (c(), b(U, null, M(S, (f) => i("div", {
+                        key: f.value,
+                        class: "flex items-start space-x-3 space-y-0 rounded-md border p-3 mb-2"
+                      }, [
+                        e(K, {
+                          value: f.value,
+                          id: `display-${f.value}`,
+                          class: "mt-0.5"
+                        }, null, 8, ["value", "id"]),
+                        i("div", null, [
+                          e(p, {
+                            for: `display-${f.value}`,
+                            class: "font-medium cursor-pointer"
+                          }, {
+                            default: l(() => [
+                              m(I(f.label), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["for"]),
+                          i("p", we, I(f.description), 1)
+                        ])
+                      ])), 64))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                i("div", null, [
+                  e(p, { class: "text-sm font-normal mb-1.5" }, {
+                    default: l(() => [...a[13] || (a[13] = [
+                      m("Scope", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(_, {
+                    modelValue: t.scope,
+                    "onUpdate:modelValue": a[3] || (a[3] = (f) => t.scope = f)
+                  }, {
+                    default: l(() => [
+                      e(y, null, {
+                        default: l(() => [
+                          e(o, { placeholder: "Select scope" })
+                        ]),
+                        _: 1
+                      }),
+                      e(u, null, {
+                        default: l(() => [
+                          (c(), b(U, null, M(w, (f) => e(v, {
+                            key: f.value,
+                            value: f.value
+                          }, {
+                            default: l(() => [
+                              m(I(f.label) + " — " + I(f.description), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["value"])), 64))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                i("div", $e, [
+                  i("div", null, [
+                    e(p, {
+                      class: "text-sm font-normal mb-1.5",
+                      for: "metadata-field-icon"
+                    }, {
+                      default: l(() => [...a[14] || (a[14] = [
+                        m("Icon (Optional)", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    e(L, {
+                      id: "metadata-field-icon",
+                      modelValue: t.icon,
+                      "onUpdate:modelValue": a[4] || (a[4] = (f) => t.icon = f)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  i("div", null, [
+                    e(p, {
+                      class: "text-sm font-normal mb-1.5",
+                      for: "metadata-field-color"
+                    }, {
+                      default: l(() => [...a[15] || (a[15] = [
+                        m("Color (Optional)", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    e(n, {
+                      modelValue: t.color,
+                      "onUpdate:modelValue": a[5] || (a[5] = (f) => t.color = f),
+                      id: "metadata-field-color",
+                      placeholder: "e.g. #FFD700"
+                    }, null, 8, ["modelValue"])
+                  ])
+                ]),
+                i("div", null, [
+                  e(p, {
+                    class: "text-sm font-normal mb-1.5",
+                    for: "metadata-field-order"
+                  }, {
+                    default: l(() => [...a[16] || (a[16] = [
+                      m("Sort Order (Optional)", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(n, {
+                    modelValue: t.order,
+                    "onUpdate:modelValue": a[6] || (a[6] = (f) => t.order = f),
+                    modelModifiers: { number: !0 },
+                    id: "metadata-field-order",
+                    type: "number",
+                    placeholder: "0",
+                    class: "max-w-24"
+                  }, null, 8, ["modelValue"]),
+                  a[17] || (a[17] = i("p", { class: "text-xs text-muted-foreground mt-1" }, "Lower numbers appear first.", -1))
+                ]),
+                D.value.length > 0 ? (c(), b("p", Ue, [
+                  (c(!0), b(U, null, M(D.value, (f, Q) => (c(), b("span", {
+                    key: Q,
+                    class: "text-sm text-red-600 block"
+                  }, I(f), 1))), 128))
+                ])) : T("", !0)
+              ]),
+              e(Z, { class: "gap-2" }, {
+                default: l(() => [
+                  i("div", Me, [
+                    C.value === "edit" ? (c(), F(q, {
+                      key: 0,
+                      variant: "destructive",
+                      onClick: P
+                    }, {
+                      default: l(() => [...a[18] || (a[18] = [
+                        m(" Remove Field ", -1)
+                      ])]),
+                      _: 1
+                    })) : T("", !0),
+                    i("div", ze, [
+                      e(q, {
+                        variant: "outline",
+                        onClick: z
+                      }, {
+                        default: l(() => [...a[19] || (a[19] = [
+                          m("Cancel", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      C.value === "add" ? (c(), F(q, {
+                        key: 0,
+                        onClick: B
+                      }, {
+                        default: l(() => [...a[20] || (a[20] = [
+                          m("Add Field", -1)
+                        ])]),
+                        _: 1
+                      })) : (c(), F(q, {
+                        key: 1,
+                        onClick: E
+                      }, {
+                        default: l(() => [...a[21] || (a[21] = [
+                          m("Update Field", -1)
+                        ])]),
+                        _: 1
+                      }))
+                    ])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+}), Le = {
+  key: 0,
+  class: "max-w-2xl"
+}, Re = { class: "border rounded-md p-4 mb-4" }, Oe = { class: "font-medium text-sm" }, qe = { class: "flex items-center justify-between gap-4 mt-4" }, Be = { class: "border rounded-md p-4 mb-4" }, Ee = {
+  key: 0,
+  class: "text-sm text-muted-foreground py-4 text-center"
+}, Pe = { class: "flex items-center gap-3 min-w-0" }, je = { class: "min-w-0" }, He = { class: "font-medium text-sm" }, Ke = { class: "text-xs text-muted-foreground" }, Ge = { class: "bg-muted px-1 py-0.5 rounded text-xs" }, Ze = { class: "flex items-center shrink-0" }, Je = { class: "flex justify-start mt-8" }, et = /* @__PURE__ */ X({
+  __name: "booking-data",
+  setup(G) {
+    const { params: R } = ge(), { confirm: H } = ae(), { config: N } = ye(), h = be(N.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
+      },
+      {
+        id: "birthdate",
+        fieldName: "Birthdate",
+        fieldType: "date",
+        required: !0,
+        visible: !0,
+        isNativeField: !0
+      }
+    ], t = ee({
+      customerInformationFields: [...C],
+      metadataSchema: []
+    }), S = V(!1), w = V(!0), r = V(null), z = V(null), B = W(() => {
+      if (t.customerInformationFields.length !== C.length) return !0;
+      const s = (y) => JSON.stringify({ ...y }, Object.keys(y).sort()), o = new Set(t.customerInformationFields.map(s));
+      return C.some((y) => !o.has(s(y)));
+    }), E = () => {
+      t.customerInformationFields = [...C];
+    }, P = (s) => {
+      const { isNativeField: o, options: y, ...v } = s;
+      v.fieldType !== "radio" && v.fieldType !== "select" ? delete v.options : v.options = y;
+      let u = v.id;
+      if (!u || t.customerInformationFields.some((_) => _.id === u))
+        for (u = Math.random().toString(36).substr(2, 9); t.customerInformationFields.some((_) => _.id === u); )
+          u = Math.random().toString(36).substr(2, 9);
+      t.customerInformationFields.push({ ...v, id: u });
+    }, D = (s, o) => {
+      const { isNativeField: y, options: v, ...u } = o;
+      y && (u.isNativeField = !0), (u.fieldType === "radio" || u.fieldType === "select") && (u.options = v);
+      const _ = t.customerInformationFields.findIndex((L) => L.id === s);
+      _ !== -1 && (t.customerInformationFields[_] = { ...u });
+    }, O = async (s) => {
+      t.customerInformationFields = t.customerInformationFields.filter((o) => o.id !== s);
+    }, x = (s) => {
+      let o = Math.random().toString(36).substr(2, 9);
+      for (; t.metadataSchema.find((y) => y.id === o); )
+        o = Math.random().toString(36).substr(2, 9);
+      t.metadataSchema.push({ ...s, id: o });
+    }, a = (s) => {
+      const o = t.metadataSchema.findIndex((y) => y.id === s.id);
+      o !== -1 && (t.metadataSchema[o] = { ...s });
+    }, A = (s) => {
+      t.metadataSchema = t.metadataSchema.filter((o) => o.id !== s);
+    }, $ = W(() => [...t.metadataSchema].sort((s, o) => (s.order || 0) - (o.order || 0))), j = (s) => {
+      switch (s) {
+        case "highlight":
+          return "Highlight";
+        case "badge":
+          return "Badge";
+        case "field":
+          return "Field";
+        case "hidden":
+          return "Hidden";
+        default:
+          return s;
+      }
+    }, p = (s) => s === "order" ? "Order" : "Reservation", n = async () => {
+      S.value = !0;
+      try {
+        const s = R.value.id;
+        if (!s) throw new Error("Missing agenda ID");
+        await h.update(N.agendaCollection, s, {
+          customerInformationFields: t.customerInformationFields ?? [],
+          metadataSchema: t.metadataSchema ?? []
+        });
+      } catch (s) {
+        console.error("Error saving changes:", s);
+      } finally {
+        S.value = !1;
+      }
+    };
+    return (async () => {
+      try {
+        const s = await h.get(N.agendaCollection, R.value.id);
+        s && (t.customerInformationFields = s.customerInformationFields || [...C], t.metadataSchema = s.metadataSchema || []);
+      } catch (s) {
+        console.error("Error loading agenda data:", s);
+      } finally {
+        w.value = !1;
+      }
+    })(), (s, o) => {
+      const y = d("Label"), v = d("Button");
+      return c(), F(me, null, {
+        default: l(() => [
+          o[12] || (o[12] = i("h1", { class: "text-lg font-medium mb-2" }, "Booking Data", -1)),
+          o[13] || (o[13] = i("p", { class: "text-sm text-muted-foreground mb-8" }, "Customer form fields & order metadata", -1)),
+          w.value ? T("", !0) : (c(), b("div", Le, [
+            i("div", null, [
+              e(y, { class: "text-base font-medium" }, {
+                default: l(() => [...o[2] || (o[2] = [
+                  m(" Customer Information ", -1)
+                ])]),
+                _: 1
+              }),
+              o[5] || (o[5] = i("p", { class: "text-sm text-muted-foreground mb-2" }, " Fields the customer fills in when booking. ", -1)),
+              i("div", Re, [
+                (c(!0), b(U, null, M(t.customerInformationFields, (u) => (c(), b("div", {
+                  key: u.id,
+                  class: "flex items-center justify-between hover:bg-input/50 px-2 rounded"
+                }, [
+                  i("div", null, [
+                    i("p", Oe, I(u.fieldName), 1)
+                  ]),
+                  i("div", null, [
+                    e(v, {
+                      variant: "ghost",
+                      size: "icon",
+                      onClick: (_) => r.value.openDialog(u),
+                      class: "active:scale-90 transition-transform duration-150"
+                    }, {
+                      default: l(() => [
+                        e(k(te), { class: "size-4" })
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"]),
+                    e(v, {
+                      variant: "ghost",
+                      size: "icon",
+                      onClick: (_) => u.visible = !u.visible,
+                      class: "active:scale-90 transition-transform duration-150"
+                    }, {
+                      default: l(() => [
+                        u.visible ? (c(), F(k(pe), {
+                          key: 0,
+                          class: "size-4"
+                        })) : (c(), F(k(ve), {
+                          key: 1,
+                          class: "size-4"
+                        }))
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"]),
+                    e(v, {
+                      variant: "ghost",
+                      size: "icon",
+                      disabled: u.isNativeField,
+                      onClick: (_) => t.customerInformationFields = t.customerInformationFields.filter((L) => L.id !== u.id),
+                      class: "active:scale-90 transition-transform duration-150"
+                    }, {
+                      default: l(() => [
+                        e(k(le), { class: "size-4" })
+                      ]),
+                      _: 1
+                    }, 8, ["disabled", "onClick"])
+                  ])
+                ]))), 128)),
+                i("div", qe, [
+                  e(v, {
+                    size: "sm",
+                    onClick: o[0] || (o[0] = (u) => r.value.openDialog())
+                  }, {
+                    default: l(() => [
+                      e(k(oe), { class: "size-4" }),
+                      o[3] || (o[3] = m(" Add New Field ", -1))
+                    ]),
+                    _: 1
+                  }),
+                  k(B) ? (c(), F(v, {
+                    key: 0,
+                    size: "sm",
+                    variant: "outline",
+                    onClick: E
+                  }, {
+                    default: l(() => [...o[4] || (o[4] = [
+                      m(" Reset to Default ", -1)
+                    ])]),
+                    _: 1
+                  })) : T("", !0)
+                ])
+              ]),
+              e(Ne, {
+                ref_key: "customerInfoFieldDialog",
+                ref: r,
+                keysInUse: t.customerInformationFields.map((u) => u.id),
+                onAddField: P,
+                onUpdateField: D,
+                onRemoveField: O
+              }, null, 8, ["keysInUse"])
+            ]),
+            o[11] || (o[11] = i("hr", { class: "my-8" }, null, -1)),
+            i("div", null, [
+              e(y, { class: "text-base font-medium" }, {
+                default: l(() => [...o[6] || (o[6] = [
+                  m(" Order Metadata ", -1)
+                ])]),
+                _: 1
+              }),
+              o[10] || (o[10] = i("p", { class: "text-sm text-muted-foreground mb-2" }, " Configure how externally-attached data is displayed on orders. Your external systems (Cloud Functions, webhooks, API) write metadata to orders — this controls how it appears in the dashboard. ", -1)),
+              i("div", Be, [
+                k($).length === 0 ? (c(), b("div", Ee, " No metadata fields configured yet. ")) : T("", !0),
+                (c(!0), b(U, null, M(k($), (u) => (c(), b("div", {
+                  key: u.id,
+                  class: "flex items-center justify-between hover:bg-input/50 px-2 py-1 rounded"
+                }, [
+                  i("div", Pe, [
+                    i("div", je, [
+                      i("p", He, I(u.label), 1),
+                      i("p", Ke, [
+                        i("code", Ge, I(u.key), 1),
+                        o[7] || (o[7] = i("span", { class: "mx-1" }, "·", -1)),
+                        i("span", null, I(j(u.display)), 1),
+                        o[8] || (o[8] = i("span", { class: "mx-1" }, "·", -1)),
+                        i("span", null, I(p(u.scope)), 1)
+                      ])
+                    ])
+                  ]),
+                  i("div", Ze, [
+                    e(v, {
+                      variant: "ghost",
+                      size: "icon",
+                      onClick: (_) => z.value.openDialog(u),
+                      class: "active:scale-90 transition-transform duration-150"
+                    }, {
+                      default: l(() => [
+                        e(k(te), { class: "size-4" })
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"]),
+                    e(v, {
+                      variant: "ghost",
+                      size: "icon",
+                      onClick: (_) => A(u.id),
+                      class: "active:scale-90 transition-transform duration-150"
+                    }, {
+                      default: l(() => [
+                        e(k(le), { class: "size-4" })
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ])
+                ]))), 128)),
+                e(v, {
+                  size: "sm",
+                  class: "mt-4",
+                  onClick: o[1] || (o[1] = (u) => z.value.openDialog())
+                }, {
+                  default: l(() => [
+                    e(k(oe), { class: "size-4" }),
+                    o[9] || (o[9] = m(" Add Metadata Field ", -1))
+                  ]),
+                  _: 1
+                })
+              ]),
+              e(Ae, {
+                ref_key: "metadataSchemaDialog",
+                ref: z,
+                onAddField: x,
+                onUpdateField: a,
+                onRemoveField: A
+              }, null, 512)
+            ]),
+            i("div", Je, [
+              e(v, {
+                onClick: n,
+                disabled: S.value
+              }, {
+                default: l(() => [
+                  m(I(S.value ? "Saving..." : "Save Changes"), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ])
+          ]))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  et as default
+};