@oneclick.dev/cms-core-modules 0.0.123 → 0.0.125

package/dist/Detail-DUGThL9Y.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p=require("./vee-validate-zod-CWZwNTWE.js"),E=require("./countries-CgZ081No.js"),b=require("lucide-vue-next"),S=require("@oneclick.dev/cms-kit"),B=require("./index-ijdf0d9-.js"),C=require("./types-D5dgTskW.js"),F={class:"flex flex-col gap-4"},L={class:"flex flex-col gap-2"},R={key:0,class:"text-red-500 text-sm mt-1"},z={class:"flex flex-col gap-4"},U={class:"flex flex-col gap-2"},j={key:0,class:"text-red-500 text-sm mt-1"},P={class:"flex flex-col gap-4"},q={class:"flex flex-col gap-2"},G={key:0,class:"text-red-500 text-sm mt-1"},A=e.defineComponent({__name:"Main",setup($){const c=e.inject("isLoadingCompleted",e.ref(!1)),{errors:o}=p.useFormContext(),{value:r}=p.useField("title"),{value:n}=p.useField("description"),{value:l}=p.useField("price");return(d,t)=>{const a=e.resolveComponent("Label"),u=e.resolveComponent("Input"),m=e.resolveComponent("Textarea"),N=e.resolveComponent("CardContent"),w=e.resolveComponent("Card");return e.openBlock(),e.createBlock(w,null,{default:e.withCtx(()=>[e.createVNode(N,{class:"flex flex-col gap-4"},{default:e.withCtx(()=>[e.createElementVNode("div",F,[e.createElementVNode("div",L,[e.createVNode(a,{for:"title",class:"text-sm"},{default:e.withCtx(()=>[...t[3]||(t[3]=[e.createTextVNode("Name",-1)])]),_:1}),e.createVNode(u,{type:"text",id:"title",placeholder:e.unref(c)?"Fast shipping":"",modelValue:e.unref(r),"onUpdate:modelValue":t[0]||(t[0]=g=>e.isRef(r)?r.value=g:null)},null,8,["placeholder","modelValue"]),e.unref(o).title?(e.openBlock(),e.createElementBlock("p",R,e.toDisplayString(e.unref(o).title),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",z,[e.createElementVNode("div",U,[e.createVNode(a,{for:"description",class:"text-sm"},{default:e.withCtx(()=>[...t[4]||(t[4]=[e.createTextVNode("Description (optional)",-1)])]),_:1}),e.createVNode(m,{id:"description",placeholder:e.unref(c)?"Ships next day":"",modelValue:e.unref(n),"onUpdate:modelValue":t[1]||(t[1]=g=>e.isRef(n)?n.value=g:null)},null,8,["placeholder","modelValue"]),e.unref(o).description?(e.openBlock(),e.createElementBlock("p",j,e.toDisplayString(e.unref(o).description),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",P,[e.createElementVNode("div",q,[e.createVNode(a,{for:"price",class:"text-sm"},{default:e.withCtx(()=>[...t[5]||(t[5]=[e.createTextVNode("Price",-1)])]),_:1}),e.createVNode(u,{type:"number",min:"0",id:"price",placeholder:e.unref(c)?"Free":"",modelValue:e.unref(l),"onUpdate:modelValue":t[2]||(t[2]=g=>e.isRef(l)?l.value=g:null),class:"no-spinner"},null,8,["placeholder","modelValue"]),e.unref(o).price?(e.openBlock(),e.createElementBlock("p",G,e.toDisplayString(e.unref(o).price),1)):e.createCommentVNode("",!0)])])]),_:1})]),_:1})}}}),J={class:"flex flex-col gap-4"},K={class:"flex flex-col gap-2"},W={class:"truncate"},X={class:"relative w-full max-w-sm items-center"},Z={class:"absolute start-0 inset-y-0 flex items-center justify-center px-3"},H={class:"truncate"},Q={key:0,class:"text-red-500 text-sm mt-1"},Y={key:0},ee={class:"group flex items-center gap-2 bg-muted/50 rounded-md mb-1 p-2"},te={class:"w-6"},oe={class:"text-muted-foreground group-hover:text-black dark:group-hover:text-white"},ne=e.defineComponent({__name:"Countries",setup($){const{errors:c}=p.useFormContext(),{value:o}=p.useField("countries");return e.watch(o,r=>{let n=r?.sort((d,t)=>!d||!t?0:E.rawCountries.find(a=>a.cca2===d)?.name.common.localeCompare(E.rawCountries.find(a=>a.cca2===t)?.name.common)),l=!0;for(let d=0;d<r.length;d++)if(r[d]!==o.value[d]){l=!1;break}l||(o.value=n)}),(r,n)=>{const l=e.resolveComponent("Label"),d=e.resolveComponent("Button"),t=e.resolveComponent("ComboboxTrigger"),a=e.resolveComponent("ComboboxAnchor"),u=e.resolveComponent("ComboboxInput"),m=e.resolveComponent("ComboboxEmpty"),N=e.resolveComponent("ComboboxItemIndicator"),w=e.resolveComponent("ComboboxItem"),g=e.resolveComponent("ComboboxGroup"),f=e.resolveComponent("ComboboxList"),O=e.resolveComponent("Combobox"),T=e.resolveComponent("CardContent"),k=e.resolveComponent("Card");return e.openBlock(),e.createBlock(k,null,{default:e.withCtx(()=>[e.createVNode(T,{class:"flex flex-col gap-4"},{default:e.withCtx(()=>[n[3]||(n[3]=e.createElementVNode("h3",{class:"text-lg font-semibold mb-4"},"Countries",-1)),e.createElementVNode("div",J,[e.createElementVNode("div",K,[e.createVNode(l,{class:"text-sm mb-2"},{default:e.withCtx(()=>[...n[1]||(n[1]=[e.createTextVNode("For which countries should this option be available?",-1)])]),_:1}),e.createVNode(O,{modelValue:e.unref(o),"onUpdate:modelValue":n[0]||(n[0]=x=>e.isRef(o)?o.value=x:null),multiple:!0},{default:e.withCtx(()=>[e.createVNode(a,{"as-child":""},{default:e.withCtx(()=>[e.createVNode(t,{"as-child":""},{default:e.withCtx(()=>[e.createVNode(d,{variant:"outline",class:"justify-between"},{default:e.withCtx(()=>[e.createElementVNode("span",W,e.toDisplayString(e.unref(o)?.length>0?e.unref(o).slice(0,4).map(x=>e.unref(E.rawCountries).find(h=>h.cca2===x)?.name.common).join(", "):"Select countries"),1),e.createVNode(e.unref(b.ChevronsUpDown),{class:"ml-2 size-4 shrink-0 opacity-50"})]),_:1})]),_:1})]),_:1}),e.createVNode(f,null,{default:e.withCtx(()=>[e.createElementVNode("div",X,[e.createVNode(u,{class:"pl-9 focus-visible:ring-0 border-0 border-b rounded-none h-10",placeholder:"Find country..."}),e.createElementVNode("span",Z,[e.createVNode(e.unref(b.Search),{class:"size-4 text-muted-foreground"})])]),e.createVNode(m,null,{default:e.withCtx(()=>[...n[2]||(n[2]=[e.createTextVNode(" No countries found. ",-1)])]),_:1}),e.createVNode(g,{class:"max-h-72 overflow-y-scroll"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(E.rawCountries),x=>(e.openBlock(),e.createBlock(w,{key:x.cca2,value:x.cca2},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(x.flag)+" ",1),e.createElementVNode("span",H,e.toDisplayString(x.name.common),1),e.createVNode(N,null,{default:e.withCtx(()=>[e.createVNode(e.unref(b.Check),{class:"size-4"})]),_:1})]),_:2},1032,["value"]))),128))]),_:1})]),_:1})]),_:1},8,["modelValue"]),e.unref(c).countries?(e.openBlock(),e.createElementBlock("p",Q,e.toDisplayString(e.unref(c).countries),1)):e.createCommentVNode("",!0)])]),e.unref(o)?.length>0?(e.openBlock(),e.createElementBlock("div",Y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),x=>(e.openBlock(),e.createElementBlock("div",ee,[e.createElementVNode("div",te,e.toDisplayString(e.unref(E.rawCountries).find(h=>h.cca2===x)?.flag),1),e.createElementVNode("p",oe,e.toDisplayString(e.unref(E.rawCountries).find(h=>h.cca2===x)?.name.common),1),e.createVNode(d,{variant:"ghost",size:"icon",onClick:h=>o.value=e.unref(o).filter(I=>I!==x),class:"hidden group-hover:flex ml-auto size-6"},{default:e.withCtx(()=>[e.createVNode(e.unref(b.X),{class:"size-3"})]),_:1},8,["onClick"])]))),256))])):e.createCommentVNode("",!0)]),_:1})]),_:1})}}}),le={class:"flex items-center space-x-2"},se={class:"flex items-center space-x-2"},re={class:"flex items-center space-x-2"},ie={key:0,class:"flex gap-2 w-full mt-4"},ae={class:"flex flex-col gap-4 w-full"},ce={class:"flex flex-col gap-2"},de={class:"relative"},ue={key:0,class:"text-red-500 text-sm mt-1"},pe={class:"flex flex-col gap-4 w-full"},me={class:"flex flex-col gap-2"},fe={class:"relative"},xe={key:0,class:"text-red-500 text-sm mt-1"},_e={key:1,class:"flex gap-2 w-full mt-4"},Ce={class:"flex flex-col gap-4 w-full"},Ve={class:"flex flex-col gap-2"},ve={class:"relative"},Ne={key:0,class:"text-red-500 text-sm mt-1"},ge={class:"flex flex-col gap-4 w-full"},be={class:"flex flex-col gap-2"},he={class:"relative"},we={key:0,class:"text-red-500 text-sm mt-1"},ke=e.defineComponent({__name:"Condition",setup($){const c=e.inject("isLoadingCompleted",e.ref(!1)),{errors:o}=p.useFormContext(),{value:r}=p.useField("condition"),{value:n}=p.useField("condition_min"),{value:l}=p.useField("condition_max");return(d,t)=>{const a=e.resolveComponent("RadioGroupItem"),u=e.resolveComponent("Label"),m=e.resolveComponent("RadioGroup"),N=e.resolveComponent("Input"),w=e.resolveComponent("CardContent"),g=e.resolveComponent("Card");return e.openBlock(),e.createBlock(g,null,{default:e.withCtx(()=>[e.createVNode(w,{class:"flex flex-col gap-4"},{default:e.withCtx(()=>[t[16]||(t[16]=e.createElementVNode("h3",{class:"text-lg font-semibold mb-4"},"Condition",-1)),t[17]||(t[17]=e.createElementVNode("p",null," Specify when this option should be available ",-1)),e.createVNode(m,{"default-value":"always",modelValue:e.unref(r),"onUpdate:modelValue":t[0]||(t[0]=f=>e.isRef(r)?r.value=f:null),class:e.normalizeClass(["flex flex-col transition-all duration-300",{"opacity-0 pointer-events-none":!e.unref(c)}])},{default:e.withCtx(()=>[e.createElementVNode("div",le,[e.createVNode(a,{id:"always",value:"always"}),e.createVNode(u,{for:"always"},{default:e.withCtx(()=>[...t[5]||(t[5]=[e.createTextVNode("Always",-1)])]),_:1})]),e.createElementVNode("div",se,[e.createVNode(a,{id:"weight_based",value:"weight_based"}),e.createVNode(u,{for:"weight_based"},{default:e.withCtx(()=>[...t[6]||(t[6]=[e.createTextVNode("Weight based",-1)])]),_:1})]),e.createElementVNode("div",re,[e.createVNode(a,{id:"price_based",value:"price_based"}),e.createVNode(u,{for:"price_based"},{default:e.withCtx(()=>[...t[7]||(t[7]=[e.createTextVNode("Price based",-1)])]),_:1})])]),_:1},8,["modelValue","class"]),e.unref(r)==="weight_based"?(e.openBlock(),e.createElementBlock("div",ie,[e.createElementVNode("div",ae,[e.createElementVNode("div",ce,[e.createVNode(u,{for:"condition_min",class:"text-sm"},{default:e.withCtx(()=>[...t[8]||(t[8]=[e.createTextVNode("Minimum weight",-1)])]),_:1}),e.createElementVNode("div",de,[e.createVNode(N,{type:"number",id:"condition_min",min:"0",placeholder:"0",modelValue:e.unref(n),"onUpdate:modelValue":t[1]||(t[1]=f=>e.isRef(n)?n.value=f:null),class:"no-spinner pr-10"},null,8,["modelValue"]),t[9]||(t[9]=e.createElementVNode("span",{class:"absolute pointer-events-none top-1/2 right-3 -translate-y-1/2 text-sm text-muted-foreground"},"kg",-1))]),e.unref(o).condition_min?(e.openBlock(),e.createElementBlock("p",ue,e.toDisplayString(e.unref(o).condition_min),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",pe,[e.createElementVNode("div",me,[e.createVNode(u,{for:"condition_max",class:"text-sm"},{default:e.withCtx(()=>[...t[10]||(t[10]=[e.createTextVNode("Maximum weight",-1)])]),_:1}),e.createElementVNode("div",fe,[e.createVNode(N,{type:"number",id:"condition_max",min:"0",placeholder:"No limit",modelValue:e.unref(l),"onUpdate:modelValue":t[2]||(t[2]=f=>e.isRef(l)?l.value=f:null),class:"no-spinner pr-10"},null,8,["modelValue"]),t[11]||(t[11]=e.createElementVNode("span",{class:"absolute pointer-events-none top-1/2 right-3 -translate-y-1/2 text-sm text-muted-foreground"},"kg",-1))]),e.unref(o).condition_max?(e.openBlock(),e.createElementBlock("p",xe,e.toDisplayString(e.unref(o).condition_max),1)):e.createCommentVNode("",!0)])])])):e.unref(r)==="price_based"?(e.openBlock(),e.createElementBlock("div",_e,[e.createElementVNode("div",Ce,[e.createElementVNode("div",Ve,[e.createVNode(u,{for:"condition_min",class:"text-sm"},{default:e.withCtx(()=>[...t[12]||(t[12]=[e.createTextVNode("Minimum price",-1)])]),_:1}),e.createElementVNode("div",ve,[e.createVNode(N,{type:"number",id:"condition_min",min:"0",placeholder:"0, 00",modelValue:e.unref(n),"onUpdate:modelValue":t[3]||(t[3]=f=>e.isRef(n)?n.value=f:null),class:"no-spinner pl-8"},null,8,["modelValue"]),t[13]||(t[13]=e.createElementVNode("span",{class:"absolute pointer-events-none top-1/2 left-3 -translate-y-1/2 text-sm text-muted-foreground"},"€",-1))]),e.unref(o).condition_min?(e.openBlock(),e.createElementBlock("p",Ne,e.toDisplayString(e.unref(o).condition_min),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",ge,[e.createElementVNode("div",be,[e.createVNode(u,{for:"condition_max",class:"text-sm"},{default:e.withCtx(()=>[...t[14]||(t[14]=[e.createTextVNode("Maximum price",-1)])]),_:1}),e.createElementVNode("div",he,[e.createVNode(N,{type:"number",id:"condition_max",min:"0",placeholder:"No limit",modelValue:e.unref(l),"onUpdate:modelValue":t[4]||(t[4]=f=>e.isRef(l)?l.value=f:null),class:"no-spinner pl-8"},null,8,["modelValue"]),t[15]||(t[15]=e.createElementVNode("span",{class:"absolute pointer-events-none top-1/2 left-3 -translate-y-1/2 text-sm text-muted-foreground"},"€",-1))]),e.unref(o).condition_max?(e.openBlock(),e.createElementBlock("p",we,e.toDisplayString(e.unref(o).condition_max),1)):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0)]),_:1})]),_:1})}}}),ye={class:"flex gap-2 rounded-lg p-2 bg-white text-black overflow-hidden shadow border"},Ee={class:"w-full overflow-hidden"},Be={class:"truncate"},$e={key:0,class:"text-sm text-muted-foreground"},Se={class:"ml-auto shrink-0"},Te={class:"font-bold"},Oe=e.defineComponent({__name:"Example",setup($){const{value:c}=p.useField("title"),{value:o}=p.useField("description"),{value:r}=p.useField("price");return(n,l)=>{const d=e.resolveComponent("CardContent"),t=e.resolveComponent("Card");return e.openBlock(),e.createBlock(t,null,{default:e.withCtx(()=>[e.createVNode(d,null,{default:e.withCtx(()=>[l[1]||(l[1]=e.createElementVNode("p",{class:"text-md font-semibold mb-2"},"Example",-1)),e.createElementVNode("div",ye,[l[0]||(l[0]=e.createElementVNode("div",{class:"pt-1 shrink-0"},[e.createElementVNode("div",{class:"size-4 rounded-full bg-primary flex items-center justify-center"},[e.createElementVNode("div",{class:"size-2 rounded-full bg-white"})])],-1)),e.createElementVNode("div",Ee,[e.createElementVNode("p",Be,e.toDisplayString(e.unref(c)||"Option Name"),1),e.unref(o)?(e.openBlock(),e.createElementBlock("p",$e,e.toDisplayString(e.unref(o)),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Se,[e.createElementVNode("p",Te,e.toDisplayString(e.unref(r)?"€"+e.unref(r).toFixed(2):"FREE"),1)])])]),_:1})]),_:1})}}}),Ie={class:"relative @container"},De={class:"flex flex-row gap-4 justify-between max-w-5xl mx-auto mt-4 mb-6"},Me={class:"flex items-center"},Fe={class:"text-lg font-semibold mx-2"},Le={class:"flex flex-col @3xl:flex-row gap-4 max-w-5xl mx-auto pb-24"},Re={class:"flex flex-col gap-4 w-full @3xl:w-2/3"},ze={class:"flex flex-col gap-4 w-full @3xl:w-1/3"},Ue={key:0,class:"fixed bottom-4 left-0 md:left-12 right-0 min-w-xs max-w-5xl w-[calc(100%-2rem)] md:w-[calc(100%-5rem)] xl:w-[calc(100%-2rem)] h-16 border border-white/10 backdrop-blur-sm border-t border-border flex items-center justify-center px-4 mx-auto z-[9999] rounded-xl overflow-hidden shadow bg-[radial-gradient(#ffffff80,transparent)] dark:bg-[radial-gradient(#00000080,transparent)]"},je={class:"w-full max-w-5xl flex items-center justify-end mx-auto"},Pe=e.defineComponent({__name:"Detail",props:{config:{type:Object,required:!0}},setup($){const c=$,{hasPermission:o,hasAnyPermission:r}=S.useModulePermissions(),{params:n,navigateTo:l}=S.useModuleRoute(),{confirm:d}=S.useConfirmation(),t=S.useFirebaseIntegration(c.config.project),a=e.computed(()=>!n.value.optionId||n.value.optionId==="new"),u=e.ref(!1),m=e.ref(!1),N=p.toTypedSchema(C.objectType({id:C.stringType().optional(),status:C.stringType().optional(),title:C.stringType().min(1,"Title is required"),description:C.stringType().optional(),price:C.preprocessType(i=>i===""?void 0:i,C.coerce.number().positive("Must be positive").optional()),countries:C.arrayType(C.stringType()).optional(),condition:C.stringType(),condition_min:C.preprocessType(i=>i===""?void 0:i,C.coerce.number().positive("Must be positive").optional()),condition_max:C.preprocessType(i=>i===""?void 0:i,C.coerce.number().positive("Must be positive").optional())})),{handleSubmit:w,errors:g,values:f,setValues:O}=p.useForm({validationSchema:N,initialValues:{status:"published",countries:[],condition:"always"}});S.useModuleBreadcrumbs(()=>[{text:f.title??"New Option"}]);const T=w(async i=>{m.value=!0;let s=await k()||[];if(a.value){let _=JSON.parse(JSON.stringify(i));_.id=crypto.randomUUID();const v=[...s,_],V=c.config.shippingOptionsCollection.split(":");await t.update(V[0],null,{[V[1]]:v}),l(_.id),B.toast.success("Shipping option created")}else{let _=JSON.parse(JSON.stringify(i));const v=s.map(y=>y.id===n.value.optionId?_:y),V=c.config.shippingOptionsCollection.split(":");await t.update(V[0],null,{[V[1]]:v}),l(`${n.value.optionId}`),B.toast.success("Shipping option updated")}m.value=!1}),k=async()=>{if(!c.config.shippingOptionsCollection)return[];const i=c.config.shippingOptionsCollection.split(":");return i.length!==2?[]:(await t.get(i[0]))?.[i[1]]||[]},x=async()=>{const s=(await k()).find(_=>_.id===n.value.optionId);O(s),u.value=!0},h=async()=>{try{let s={...[...await k()||[]].find(y=>y.id===n.value.optionId)};s.id=crypto.randomUUID(),s.status="published",s.title=s.title+" (copy)";const v=[...await k()||[],s],V=c.config.shippingOptionsCollection.split(":");await t.update(V[0],null,{[V[1]]:v}),l(s.id),B.toast.success("Option duplicated")}catch{B.toast.error("Failed to duplicate option")}},I=async()=>{if(await d("Are you sure you want to delete this option?"))try{const s=await k()||[];if(s.length===0||!n.value.optionId)throw new Error("Error loading values");const _=s.filter(V=>V.id!==n.value.optionId),v=c.config.shippingOptionsCollection.split(":");await t.update(v[0],null,{[v[1]]:_}),l(""),B.toast.success("Option deleted")}catch{B.toast.error("Failed to delete option")}};return e.onMounted(()=>{a.value?u.value=!0:x()}),e.provide("isLoadingCompleted",u),(i,s)=>{const _=e.resolveComponent("Button"),v=e.resolveComponent("MenubarTrigger"),V=e.resolveComponent("MenubarMenu"),y=e.resolveComponent("MenubarItem"),D=e.resolveComponent("MenubarContent"),M=e.resolveComponent("Menubar");return e.openBlock(),e.createElementBlock("div",Ie,[e.createElementVNode("div",De,[e.createElementVNode("div",Me,[e.createVNode(_,{variant:"ghost",onClick:s[0]||(s[0]=qe=>e.unref(l)(""))},{default:e.withCtx(()=>[e.createVNode(e.unref(b.Tag),{class:"size-4"})]),_:1}),e.createVNode(e.unref(b.ChevronRight),{class:"size-3"}),e.createElementVNode("h1",Fe,e.toDisplayString(a.value?"New Option":e.unref(f).title),1)]),a.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M,{key:0,class:"bg-sidebar"},{default:e.withCtx(()=>[e.unref(o)("create-collection")?(e.openBlock(),e.createBlock(V,{key:0},{default:e.withCtx(()=>[e.createVNode(v,{onClick:h},{default:e.withCtx(()=>[...s[1]||(s[1]=[e.createTextVNode("Duplicate",-1)])]),_:1})]),_:1})):e.createCommentVNode("",!0),e.unref(r)("edit-collection","delete-option")?(e.openBlock(),e.createBlock(V,{key:1},{default:e.withCtx(()=>[e.createVNode(v,null,{default:e.withCtx(()=>[...s[2]||(s[2]=[e.createTextVNode("More actions",-1)])]),_:1}),e.createVNode(D,null,{default:e.withCtx(()=>[e.unref(o)("delete-option")?(e.openBlock(),e.createBlock(y,{key:0,variant:"destructive",onClick:I},{default:e.withCtx(()=>[e.createVNode(e.unref(b.Trash),{class:"size-4"}),s[3]||(s[3]=e.createTextVNode(" Delete option ",-1))]),_:1})):e.createCommentVNode("",!0)]),_:1})]),_:1})):e.createCommentVNode("",!0)]),_:1}))]),e.createElementVNode("div",Le,[e.createElementVNode("div",Re,[e.createVNode(A),e.createVNode(ne),e.createVNode(ke)]),e.createElementVNode("div",ze,[e.createVNode(Oe)])]),e.unref(r)("create-option","edit-option")?(e.openBlock(),e.createElementBlock("div",Ue,[e.createElementVNode("div",je,[a.value&&e.unref(o)("create-option")?(e.openBlock(),e.createBlock(_,{key:0,onClick:e.unref(T),disabled:m.value},{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createBlock(e.unref(b.Loader2),{key:0,class:"size-4 animate-spin"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(m.value?"Creating":"Create")+" New Option ",1)]),_:1},8,["onClick","disabled"])):e.unref(o)("edit-option")?(e.openBlock(),e.createBlock(_,{key:1,onClick:e.unref(T),disabled:m.value},{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createBlock(e.unref(b.Loader2),{key:0,class:"size-4 animate-spin"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(m.value?"Saving":"Save")+" Changes ",1)]),_:1},8,["onClick","disabled"])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)])}}});exports.default=Pe;

package/dist/{Detail-B_scnidb.mjs → Detail-D_LlEeHu.mjs}

@@ -1,9 +1,10 @@
 import { defineComponent as B, inject as Q, ref as R, resolveComponent as i, openBlock as d, createBlock as O, withCtx as s, createVNode as n, createElementVNode as o, createTextVNode as v, isRef as N, unref as e, createElementBlock as b, toDisplayString as _, createCommentVNode as f, watch as ee, Fragment as X, renderList as H, normalizeClass as te, computed as oe, onMounted as ne, provide as se } from "vue";
-import { u as W, a as S, t as le, o as ie, p as J, c as q, s as F, b as ae, f as de } from "./vee-validate-zod-SjDT8X35.mjs";
-import { r as j } from "./countries-BTPvmrsb.mjs";
-import { ChevronsUpDown as re, Search as ce, Check as ue, X as pe, Tag as me, ChevronRight as fe, Trash as _e, Loader2 as K } from "lucide-vue-next";
-import { useModulePermissions as xe, useModuleRoute as ve, useConfirmation as be, useFirebaseIntegration as ge, useModuleBreadcrumbs as he } from "@oneclick.dev/cms-kit";
-import { t as E } from "./index-RLz1QPrf.mjs";
+import { u as W, a as S, t as le, b as ie } from "./vee-validate-zod-D0WaDgDZ.mjs";
+import { r as F } from "./countries-BTPvmrsb.mjs";
+import { ChevronsUpDown as ae, Search as de, Check as re, X as ce, Tag as ue, ChevronRight as pe, Trash as me, Loader2 as K } from "lucide-vue-next";
+import { useModulePermissions as fe, useModuleRoute as _e, useConfirmation as xe, useFirebaseIntegration as ve, useModuleBreadcrumbs as be } from "@oneclick.dev/cms-kit";
+import { t as j } from "./index-RLz1QPrf.mjs";
+import { o as ge, p as J, c as q, s as E, a as he } from "./types-B5MifmeF.mjs";
 const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2" }, ye = {
   key: 0,
   class: "text-red-500 text-sm mt-1"
@@ -103,7 +104,7 @@ const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2"
   setup(P) {
     const { errors: x } = W(), { value: l } = S("countries");
     return ee(l, (u) => {
-      let a = u?.sort((g, t) => !g || !t ? 0 : j.find((m) => m.cca2 === g)?.name.common.localeCompare(j.find((m) => m.cca2 === t)?.name.common)), r = !0;
+      let a = u?.sort((g, t) => !g || !t ? 0 : F.find((m) => m.cca2 === g)?.name.common.localeCompare(F.find((m) => m.cca2 === t)?.name.common)), r = !0;
       for (let g = 0; g < u.length; g++)
         if (u[g] !== l.value[g]) {
           r = !1;
@@ -140,8 +141,8 @@ const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2"
                                 class: "justify-between"
                               }, {
                                 default: s(() => [
-                                  o("span", Te, _(e(l)?.length > 0 ? e(l).slice(0, 4).map((y) => e(j).find((L) => L.cca2 === y)?.name.common).join(", ") : "Select countries"), 1),
-                                  n(e(re), { class: "ml-2 size-4 shrink-0 opacity-50" })
+                                  o("span", Te, _(e(l)?.length > 0 ? e(l).slice(0, 4).map((y) => e(F).find((L) => L.cca2 === y)?.name.common).join(", ") : "Select countries"), 1),
+                                  n(e(ae), { class: "ml-2 size-4 shrink-0 opacity-50" })
                                 ]),
                                 _: 1
                               })
@@ -159,7 +160,7 @@ const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2"
                               placeholder: "Find country..."
                             }),
                             o("span", Ue, [
-                              n(e(ce), { class: "size-4 text-muted-foreground" })
+                              n(e(de), { class: "size-4 text-muted-foreground" })
                             ])
                           ]),
                           n(C, null, {
@@ -170,7 +171,7 @@ const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2"
                           }),
                           n(M, { class: "max-h-72 overflow-y-scroll" }, {
                             default: s(() => [
-                              (d(!0), b(X, null, H(e(j), (y) => (d(), O(T, {
+                              (d(!0), b(X, null, H(e(F), (y) => (d(), O(T, {
                                 key: y.cca2,
                                 value: y.cca2
                               }, {
@@ -179,7 +180,7 @@ const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2"
                                   o("span", Fe, _(y.name.common), 1),
                                   n(I, null, {
                                     default: s(() => [
-                                      n(e(ue), { class: "size-4" })
+                                      n(e(re), { class: "size-4" })
                                     ]),
                                     _: 1
                                   })
@@ -200,8 +201,8 @@ const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2"
               ]),
               e(l)?.length > 0 ? (d(), b("div", Ee, [
                 (d(!0), b(X, null, H(e(l), (y) => (d(), b("div", Pe, [
-                  o("div", Be, _(e(j).find((L) => L.cca2 === y)?.flag), 1),
-                  o("p", De, _(e(j).find((L) => L.cca2 === y)?.name.common), 1),
+                  o("div", Be, _(e(F).find((L) => L.cca2 === y)?.flag), 1),
+                  o("p", De, _(e(F).find((L) => L.cca2 === y)?.name.common), 1),
                   n(g, {
                     variant: "ghost",
                     size: "icon",
@@ -209,7 +210,7 @@ const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2"
                     class: "hidden group-hover:flex ml-auto size-6"
                   }, {
                     default: s(() => [
-                      n(e(pe), { class: "size-3" })
+                      n(e(ce), { class: "size-3" })
                     ]),
                     _: 1
                   }, 8, ["onClick"])
@@ -453,7 +454,7 @@ const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2"
 }), bt = { class: "relative @container" }, gt = { class: "flex flex-row gap-4 justify-between max-w-5xl mx-auto mt-4 mb-6" }, ht = { class: "flex items-center" }, Ct = { class: "text-lg font-semibold mx-2" }, wt = { class: "flex flex-col @3xl:flex-row gap-4 max-w-5xl mx-auto pb-24" }, yt = { class: "flex flex-col gap-4 w-full @3xl:w-2/3" }, kt = { class: "flex flex-col gap-4 w-full @3xl:w-1/3" }, $t = {
   key: 0,
   class: "fixed bottom-4 left-0 md:left-12 right-0 min-w-xs max-w-5xl w-[calc(100%-2rem)] md:w-[calc(100%-5rem)] xl:w-[calc(100%-2rem)] h-16 border border-white/10 backdrop-blur-sm border-t border-border flex items-center justify-center px-4 mx-auto z-[9999] rounded-xl overflow-hidden shadow bg-[radial-gradient(#ffffff80,transparent)] dark:bg-[radial-gradient(#00000080,transparent)]"
-}, Ot = { class: "w-full max-w-5xl flex items-center justify-end mx-auto" }, zt = /* @__PURE__ */ B({
+}, Ot = { class: "w-full max-w-5xl flex items-center justify-end mx-auto" }, Ut = /* @__PURE__ */ B({
   __name: "Detail",
   props: {
     config: {
@@ -462,17 +463,17 @@ const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2"
     }
   },
   setup(P) {
-    const x = P, { hasPermission: l, hasAnyPermission: u } = xe(), { params: a, navigateTo: r } = ve(), { confirm: g } = be(), t = ge(x.config.project), m = oe(() => !a.value.optionId || a.value.optionId === "new"), h = R(!1), C = R(!1), I = le(ie({
-      id: F().optional(),
-      status: F().optional(),
-      title: F().min(1, "Title is required"),
-      description: F().optional(),
+    const x = P, { hasPermission: l, hasAnyPermission: u } = fe(), { params: a, navigateTo: r } = _e(), { confirm: g } = xe(), t = ve(x.config.project), m = oe(() => !a.value.optionId || a.value.optionId === "new"), h = R(!1), C = R(!1), I = le(ge({
+      id: E().optional(),
+      status: E().optional(),
+      title: E().min(1, "Title is required"),
+      description: E().optional(),
       price: J(
         (p) => p === "" ? void 0 : p,
         q.number().positive("Must be positive").optional()
       ),
-      countries: ae(F()).optional(),
-      condition: F(),
+      countries: he(E()).optional(),
+      condition: E(),
       condition_min: J(
         (p) => p === "" ? void 0 : p,
         q.number().positive("Must be positive").optional()
@@ -481,7 +482,7 @@ const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2"
         (p) => p === "" ? void 0 : p,
         q.number().positive("Must be positive").optional()
       )
-    })), { handleSubmit: T, errors: M, values: w, setValues: G } = de({
+    })), { handleSubmit: T, errors: M, values: w, setValues: G } = ie({
       validationSchema: I,
       initialValues: {
         status: "published",
@@ -489,7 +490,7 @@ const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2"
         condition: "always"
       }
     });
-    he(() => [
+    be(() => [
       { text: w.title ?? "New Option" }
     ]);
     const D = T(async (p) => {
@@ -499,11 +500,11 @@ const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2"
         let k = JSON.parse(JSON.stringify(p));
         k.id = crypto.randomUUID();
         const V = [...c, k], $ = x.config.shippingOptionsCollection.split(":");
-        await t.update($[0], null, { [$[1]]: V }), r(k.id), E.success("Shipping option created");
+        await t.update($[0], null, { [$[1]]: V }), r(k.id), j.success("Shipping option created");
       } else {
         let k = JSON.parse(JSON.stringify(p));
         const V = c.map((U) => U.id === a.value.optionId ? k : U), $ = x.config.shippingOptionsCollection.split(":");
-        await t.update($[0], null, { [$[1]]: V }), r(`${a.value.optionId}`), E.success("Shipping option updated");
+        await t.update($[0], null, { [$[1]]: V }), r(`${a.value.optionId}`), j.success("Shipping option updated");
       }
       C.value = !1;
     }), z = async () => {
@@ -518,9 +519,9 @@ const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2"
         let c = { ...[...await z() || []].find((U) => U.id === a.value.optionId) };
         c.id = crypto.randomUUID(), c.status = "published", c.title = c.title + " (copy)";
         const V = [...await z() || [], c], $ = x.config.shippingOptionsCollection.split(":");
-        await t.update($[0], null, { [$[1]]: V }), r(c.id), E.success("Option duplicated");
+        await t.update($[0], null, { [$[1]]: V }), r(c.id), j.success("Option duplicated");
       } catch {
-        E.error("Failed to duplicate option");
+        j.error("Failed to duplicate option");
       }
     }, A = async () => {
       if (await g("Are you sure you want to delete this option?"))
@@ -528,9 +529,9 @@ const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2"
           const c = await z() || [];
           if (c.length === 0 || !a.value.optionId) throw new Error("Error loading values");
           const k = c.filter(($) => $.id !== a.value.optionId), V = x.config.shippingOptionsCollection.split(":");
-          await t.update(V[0], null, { [V[1]]: k }), r(""), E.success("Option deleted");
+          await t.update(V[0], null, { [V[1]]: k }), r(""), j.success("Option deleted");
         } catch {
-          E.error("Failed to delete option");
+          j.error("Failed to delete option");
         }
     };
     return ne(() => {
@@ -545,11 +546,11 @@ const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2"
               onClick: c[0] || (c[0] = (Vt) => e(r)(""))
             }, {
               default: s(() => [
-                n(e(me), { class: "size-4" })
+                n(e(ue), { class: "size-4" })
               ]),
               _: 1
             }),
-            n(e(fe), { class: "size-3" }),
+            n(e(pe), { class: "size-3" }),
             o("h1", Ct, _(m.value ? "New Option" : e(w).title), 1)
           ]),
           m.value ? f("", !0) : (d(), O(Z, {
@@ -584,7 +585,7 @@ const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2"
                         onClick: A
                       }, {
                         default: s(() => [
-                          n(e(_e), { class: "size-4" }),
+                          n(e(me), { class: "size-4" }),
                           c[3] || (c[3] = v(" Delete option ", -1))
                         ]),
                         _: 1
@@ -645,5 +646,5 @@ const Ce = { class: "flex flex-col gap-4" }, we = { class: "flex flex-col gap-2"
   }
 });
 export {
-  zt as default
+  Ut as default
 };