@oneclick.dev/cms-core-modules 0.0.106 → 0.0.107

package/dist/booking-data-Di5GmH_8.js

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