@oneclick.dev/cms-core-modules 0.0.114 → 0.0.116

package/dist/booking-data-Px7XCIfU.mjs

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