@oneclick.dev/cms-core-modules 0.0.109 → 0.0.111

package/dist/Detail-Byk781b4.mjs

@@ -0,0 +1,26 @@
+import { defineComponent as r, onMounted as n, openBlock as c, createElementBlock as s, createVNode as a } from "vue";
+import { useModuleBreadcrumbs as i, useFirebaseIntegration as p } from "@oneclick.dev/cms-kit";
+import { _ as m } from "./TemplateList.vue_vue_type_script_setup_true_lang-Cmovy7kk.mjs";
+const u = { class: "relative" }, b = /* @__PURE__ */ r({
+  __name: "Detail",
+  props: {
+    config: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const t = e;
+    i(() => []), p(t.config.project);
+    const o = async () => {
+    };
+    return n(() => {
+      o();
+    }), (_, l) => (c(), s("div", u, [
+      a(m)
+    ]));
+  }
+});
+export {
+  b as default
+};

package/dist/Detail-C8wQiDcv.js

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

package/dist/Detail-CPqug27l.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./vee-validate-zod-ByykgYKJ.js"),b=require("lucide-vue-next"),z=require("./google-D4N3gb01.js"),k=require("@oneclick.dev/cms-kit"),w=require("./index-ijdf0d9-.js"),F={class:"flex flex-col gap-4"},j={class:"flex flex-col gap-2"},U={key:0,class:"text-red-500 text-sm mt-1"},q={class:"flex flex-col gap-4"},L={class:"flex flex-col gap-2"},O={key:0,class:"text-red-500 text-sm mt-1"},R={class:"flex flex-col gap-4"},J={class:"flex flex-col gap-2"},A={class:"flex items-center gap-2 mb-2"},G={class:"flex items-center gap-2"},K=["src"],W={key:0,class:"text-red-500 text-sm mt-1"},X=e.defineComponent({__name:"Main",setup(y){const a=e.inject("sources");e.inject("defaultSource");const{errors:c}=s.useFormContext(),{value:m}=s.useField("title"),{value:o}=s.useField("description"),{value:i}=s.useField("thumbnail"),x=l=>{i.value=l};return(l,n)=>{const d=e.resolveComponent("Label"),g=e.resolveComponent("Input"),V=e.resolveComponent("Textarea"),N=e.resolveComponent("Button"),p=e.resolveComponent("MediaPickerDialog"),S=e.resolveComponent("CardContent"),B=e.resolveComponent("Card");return e.openBlock(),e.createBlock(B,null,{default:e.withCtx(()=>[e.createVNode(S,{class:"flex flex-col gap-4"},{default:e.withCtx(()=>[e.createElementVNode("div",F,[e.createElementVNode("div",j,[e.createVNode(d,{for:"title",class:"text-sm mb-2"},{default:e.withCtx(()=>[...n[5]||(n[5]=[e.createTextVNode("Title",-1)])]),_:1}),e.createVNode(g,{type:"text",id:"title",placeholder:"Summer collection",modelValue:e.unref(m),"onUpdate:modelValue":n[0]||(n[0]=C=>e.isRef(m)?m.value=C:null)},null,8,["modelValue"]),e.unref(c).title?(e.openBlock(),e.createElementBlock("p",U,e.toDisplayString(e.unref(c).title),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",q,[e.createElementVNode("div",L,[e.createVNode(d,{for:"description",class:"text-sm mb-2"},{default:e.withCtx(()=>[...n[6]||(n[6]=[e.createTextVNode("Description",-1)])]),_:1}),e.createVNode(V,{id:"description",placeholder:"Fresh, vibrant, and bold. The perfect collection for the summer season.",modelValue:e.unref(o),"onUpdate:modelValue":n[1]||(n[1]=C=>e.isRef(o)?o.value=C:null)},null,8,["modelValue"]),e.unref(c).description?(e.openBlock(),e.createElementBlock("p",O,e.toDisplayString(e.unref(c).description),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",R,[e.createElementVNode("div",J,[e.createElementVNode("div",A,[e.createVNode(d,{for:"media",class:"text-sm"},{default:e.withCtx(()=>[...n[7]||(n[7]=[e.createTextVNode("Thumbnail",-1)])]),_:1}),e.unref(i)?(e.openBlock(),e.createBlock(N,{key:0,variant:"ghost",size:"icon",onClick:n[2]||(n[2]=C=>i.value="")},{default:e.withCtx(()=>[e.createVNode(e.unref(b.X),{class:"size-4"})]),_:1})):e.createCommentVNode("",!0)]),e.createElementVNode("div",G,[e.createVNode(p,{sources:e.unref(a),maxFiles:1,"initial-value":e.unref(i)?[e.unref(i)]:[],onSubmit:n[4]||(n[4]=C=>x(C))},{default:e.withCtx(()=>[e.createElementVNode("button",{onClick:n[3]||(n[3]=e.withModifiers(()=>{},["stop"])),tabindex:"-1",class:"cursor-pointer block"},[e.unref(i)?(e.openBlock(),e.createElementBlock("img",{key:1,src:e.unref(i),class:"size-42 rounded-md object-cover",draggable:"false"},null,8,K)):(e.openBlock(),e.createBlock(N,{key:0,variant:"outline",class:"size-42 border-dashed cursor-pointer"},{default:e.withCtx(()=>[e.createVNode(e.unref(b.ImagePlus))]),_:1}))])]),_:1},8,["sources","initial-value"]),e.unref(c).thumbnail?(e.openBlock(),e.createElementBlock("p",W,e.toDisplayString(e.unref(c).thumbnail),1)):e.createCommentVNode("",!0)])])])]),_:1})]),_:1})}}}),Z={class:"bg-white dark:bg-gray-50 border-4 dark:border-gray-600 p-4 rounded-lg mb-4"},H={class:"flex items-center gap-2 mb-2"},Q=["src"],Y={class:"text-[#1a0dab] text-lg"},ee={class:"text-[#006621] text-[13px]"},te={class:"text-[#545454] text-[13px]"},oe={class:"flex flex-col gap-4 mb-4"},le={class:"flex flex-col"},ne={key:0,class:"text-red-500 text-sm mt-1"},se={class:"flex flex-col gap-4 mb-4"},re={class:"flex flex-col"},ae={key:0,class:"text-red-500 text-sm mt-1"},ce={class:"flex flex-col gap-4"},ie={class:"flex flex-col"},de={key:0,class:"text-red-500 text-sm mt-1"},ue={key:1,class:"text-[#545454] text-[13px]"},me={key:2,class:"text-orange-500 text-[13px]"},pe=e.defineComponent({__name:"SEO",setup(y){const{errors:a}=s.useFormContext(),{value:c}=s.useField("title"),{value:m}=s.useField("slug"),{value:o}=s.useField("seo");function i(x){return x?x.normalize("NFD").replace(/[̀-ͯ]/g,"").toLowerCase().replace(/[^\w\s-]/g,"").trim().replace(/[-\s]+/g,"-"):""}return e.watch(c,(x,l)=>{(!m.value||i(l)===m.value)&&(m.value=i(x)),(!o.value.title||l===o.value.title)&&(o.value.title=x)}),(x,l)=>{const n=e.resolveComponent("Label"),d=e.resolveComponent("Input"),g=e.resolveComponent("Textarea"),V=e.resolveComponent("CardContent"),N=e.resolveComponent("Card");return e.openBlock(),e.createBlock(N,null,{default:e.withCtx(()=>[e.createVNode(V,null,{default:e.withCtx(()=>[l[7]||(l[7]=e.createElementVNode("h3",{class:"text-lg font-semibold mb-4"},"Search engine listing",-1)),e.createElementVNode("div",Z,[e.createElementVNode("div",H,[e.createElementVNode("img",{src:e.unref(z.googleImg),alt:"Google",class:"w-16 pointer-events-none",draggable:"false"},null,8,Q),l[3]||(l[3]=e.createElementVNode("span",{class:"text-[#4186f5] font-medium text-xs"},"Preview",-1))]),e.createElementVNode("p",Y,e.toDisplayString(e.unref(o).title),1),e.createElementVNode("p",ee,e.toDisplayString(e.unref(m)),1),e.createElementVNode("p",te,e.toDisplayString(e.unref(o).description?.slice(0,155))+e.toDisplayString(e.unref(o).description?.length>155?" ...":""),1)]),e.createElementVNode("div",oe,[e.createElementVNode("div",le,[e.createVNode(n,{for:"slug",class:"text-sm mb-2"},{default:e.withCtx(()=>[...l[4]||(l[4]=[e.createTextVNode("Slug",-1)])]),_:1}),e.createVNode(d,{id:"slug",placeholder:"t-shirt-with-red-heart",modelValue:e.unref(m),"onUpdate:modelValue":l[0]||(l[0]=p=>e.isRef(m)?m.value=p:null)},null,8,["modelValue"]),e.unref(a).slug?(e.openBlock(),e.createElementBlock("p",ne,e.toDisplayString(e.unref(a).slug),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",se,[e.createElementVNode("div",re,[e.createVNode(n,{for:"meta-title",class:"text-sm mb-2"},{default:e.withCtx(()=>[...l[5]||(l[5]=[e.createTextVNode("Title",-1)])]),_:1}),e.createVNode(d,{id:"meta-title",placeholder:"T-shirt with red heart",modelValue:e.unref(o).title,"onUpdate:modelValue":l[1]||(l[1]=p=>e.unref(o).title=p)},null,8,["modelValue"]),e.unref(a).seo?.title?(e.openBlock(),e.createElementBlock("p",ae,e.toDisplayString(e.unref(a).seo.title),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",ce,[e.createElementVNode("div",ie,[e.createVNode(n,{for:"meta-description",class:"text-sm mb-2"},{default:e.withCtx(()=>[...l[6]||(l[6]=[e.createTextVNode("Description",-1)])]),_:1}),e.createVNode(g,{id:"meta-description",placeholder:"Lovely T-shirt featuring a red heart",modelValue:e.unref(o).description,"onUpdate:modelValue":l[2]||(l[2]=p=>e.unref(o).description=p),class:"mb-1 resize-none"},null,8,["modelValue"]),e.unref(a).seo?.description?(e.openBlock(),e.createElementBlock("p",de,e.toDisplayString(e.unref(a).seo.description),1)):e.unref(o).description.length<155?(e.openBlock(),e.createElementBlock("p",ue,e.toDisplayString(e.unref(o).description.length)+" characters",1)):(e.openBlock(),e.createElementBlock("p",me,"Please keep it under 155 characters"))])])]),_:1})]),_:1})}}}),fe={class:"flex items-center gap-2"},xe={key:0,class:"size-3 rounded-full bg-green-500"},Ce={key:1,class:"size-3 rounded-full bg-blue-500"},_e=e.defineComponent({__name:"Status",setup(y){const{errors:a}=s.useFormContext(),{value:c}=s.useField("status");return(m,o)=>{const i=e.resolveComponent("SelectValue"),x=e.resolveComponent("SelectTrigger"),l=e.resolveComponent("SelectItem"),n=e.resolveComponent("SelectGroup"),d=e.resolveComponent("SelectContent"),g=e.resolveComponent("Select"),V=e.resolveComponent("CardContent"),N=e.resolveComponent("Card");return e.openBlock(),e.createBlock(N,null,{default:e.withCtx(()=>[e.createVNode(V,null,{default:e.withCtx(()=>[o[3]||(o[3]=e.createElementVNode("p",{class:"text-md font-semibold mb-2"},"Status",-1)),e.createVNode(g,{modelValue:e.unref(c),"onUpdate:modelValue":o[0]||(o[0]=p=>e.isRef(c)?c.value=p:null),class:"w-full"},{default:e.withCtx(()=>[e.createVNode(x,{class:"w-full"},{default:e.withCtx(()=>[e.createElementVNode("div",fe,[e.unref(c)==="published"?(e.openBlock(),e.createElementBlock("span",xe)):e.unref(c)==="draft"?(e.openBlock(),e.createElementBlock("span",Ce)):e.createCommentVNode("",!0),e.createVNode(i,{placeholder:"Status"})])]),_:1}),e.createVNode(d,null,{default:e.withCtx(()=>[e.createVNode(n,null,{default:e.withCtx(()=>[e.createVNode(l,{value:"published"},{default:e.withCtx(()=>[...o[1]||(o[1]=[e.createElementVNode("span",{class:"size-3 rounded-full bg-green-500"},null,-1),e.createTextVNode(" Published ",-1)])]),_:1}),e.createVNode(l,{value:"draft"},{default:e.withCtx(()=>[...o[2]||(o[2]=[e.createElementVNode("span",{class:"size-3 rounded-full bg-blue-500"},null,-1),e.createTextVNode(" Draft ",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"])]),_:1})]),_:1})}}}),ge={class:"relative @container"},Ve={class:"flex flex-row gap-4 justify-between max-w-5xl mx-auto mt-4 mb-6"},Ne={class:"flex items-center"},ve={class:"text-lg font-semibold mx-2"},we={key:0,class:"bg-green-500 text-green-950 px-2 py-1 rounded-lg text-xs"},be={key:1,class:"bg-blue-500 text-blue-950 px-2 py-1 rounded-lg text-xs"},he={class:"flex flex-col @3xl:flex-row gap-4 max-w-5xl mx-auto pb-24"},ke={class:"flex flex-col gap-4 w-full @3xl:w-2/3"},ye={class:"flex flex-col gap-4 w-full @3xl:w-1/3"},Be={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)]"},Se={class:"w-full max-w-5xl flex items-center justify-end mx-auto"},Ee=e.defineComponent({__name:"Detail",props:{config:{type:Object,required:!0}},setup(y){const a=y,{hasPermission:c,hasAnyPermission:m}=k.useModulePermissions(),{params:o,navigateTo:i}=k.useModuleRoute(),{confirm:x}=k.useConfirmation(),l=k.useFirebaseIntegration(a.config.project);e.provide("sources",a.config.allowedMediaSources),e.provide("defaultSource",a.config.defaultUploadMediaSource);const n=e.computed(()=>!o.value.collectionId||o.value.collectionId==="new"),d=e.ref(!1),g=s.toTypedSchema(s.objectType({id:s.stringType().optional(),title:s.stringType().min(1,"Title is required"),type:s.stringType(),description:s.stringType().optional(),thumbnail:s.stringType().optional(),slug:s.stringType(),seo:s.objectType({title:s.stringType().optional(),description:s.stringType().optional()}).optional(),status:s.stringType()})),{handleSubmit:V,errors:N,values:p,setValues:S}=s.useForm({validationSchema:g,initialValues:{status:"draft",type:"manual",seo:{title:"",description:""}}});k.useModuleBreadcrumbs(()=>[{text:n.value?"New Collection":p.title||"Collection"}]);const B=V(async r=>{d.value=!0;let t=await C()||[];if(n.value){let u=JSON.parse(JSON.stringify(r));if(u.id=crypto.randomUUID(),await E(u.slug)){w.toast.error("Collection with this slug already exists"),d.value=!1;return}const _=[...t,u],f=a.config.collectionsCollection.split(":");await l.update(f[0],null,{[f[1]]:_}),i("/"),w.toast.success("Collection created")}else{let u=JSON.parse(JSON.stringify(r));const _=t.map(v=>v.id===o.value.collectionId?u:v),f=a.config.collectionsCollection.split(":");await l.update(f[0],null,{[f[1]]:_}),i("/"),w.toast.success("Collection updated")}d.value=!1}),C=async()=>{if(!a.config.collectionsCollection)return[];const r=a.config.collectionsCollection.split(":");return r.length!==2?[]:(await l.get(r[0]))?.[r[1]]||[]},M=async()=>{const t=(await C()).find(u=>u.id===o.value.collectionId);S(t)},D=async()=>{try{let r={...p},t=r.slug+"-copy",u=2;for(;await E(t);)t=r.slug+"-copy-"+u,u++;r.id=crypto.randomUUID(),r.slug=t,r.status="draft",r.title=r.title+" (copy)";const f=[...await C()||[],r],v=a.config.collectionsCollection.split(":");await l.update(v[0],null,{[v[1]]:f}),i(r.id),w.toast.success("Collection duplicated")}catch{w.toast.error("Failed to duplicate collection")}},I=async()=>{if(await x("Are you sure you want to delete this collection?"))try{const t=await C()||[];if(t.length===0||!o.value.collectionId)throw new Error("Error loading values");const u=t.filter(f=>f.id!==o.value.collectionId),_=a.config.collectionsCollection.split(":");await l.update(_[0],null,{[_[1]]:u}),i(""),w.toast.success("Collection deleted")}catch{w.toast.error("Failed to delete collection")}},E=async r=>!!(await C()||[]).find(u=>u.slug===r);return e.onMounted(()=>{n.value||M()}),(r,t)=>{const u=e.resolveComponent("Button"),_=e.resolveComponent("MenubarTrigger"),f=e.resolveComponent("MenubarMenu"),v=e.resolveComponent("MenubarShortcut"),h=e.resolveComponent("MenubarItem"),T=e.resolveComponent("MenubarSeparator"),$=e.resolveComponent("MenubarContent"),P=e.resolveComponent("Menubar");return e.openBlock(),e.createElementBlock("div",ge,[e.createElementVNode("div",Ve,[e.createElementVNode("div",Ne,[e.createVNode(u,{variant:"ghost",onClick:t[0]||(t[0]=Te=>e.unref(i)(""))},{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",ve,e.toDisplayString(n.value?"New Collection":e.unref(p).title),1),e.unref(p).status==="published"?(e.openBlock(),e.createElementBlock("span",we,"Published")):e.unref(p).status==="draft"?(e.openBlock(),e.createElementBlock("span",be,"Draft")):e.createCommentVNode("",!0)]),n.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(P,{key:0,class:"bg-sidebar"},{default:e.withCtx(()=>[e.unref(c)("create-collection")?(e.openBlock(),e.createBlock(f,{key:0},{default:e.withCtx(()=>[e.createVNode(_,{onClick:D},{default:e.withCtx(()=>[...t[1]||(t[1]=[e.createTextVNode("Duplicate",-1)])]),_:1})]),_:1})):e.createCommentVNode("",!0),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(_,null,{default:e.withCtx(()=>[...t[2]||(t[2]=[e.createTextVNode("Preview",-1)])]),_:1})]),_:1}),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(_,null,{default:e.withCtx(()=>[...t[3]||(t[3]=[e.createTextVNode("Share",-1)])]),_:1}),e.createVNode($,null,{default:e.withCtx(()=>[e.createVNode(h,null,{default:e.withCtx(()=>[t[5]||(t[5]=e.createTextVNode(" New Tab ",-1)),e.createVNode(v,null,{default:e.withCtx(()=>[...t[4]||(t[4]=[e.createTextVNode("⌘T",-1)])]),_:1})]),_:1}),e.createVNode(h,null,{default:e.withCtx(()=>[...t[6]||(t[6]=[e.createTextVNode("New Window",-1)])]),_:1}),e.createVNode(T),e.createVNode(h,null,{default:e.withCtx(()=>[...t[7]||(t[7]=[e.createTextVNode("Share",-1)])]),_:1}),e.createVNode(T),e.createVNode(h,null,{default:e.withCtx(()=>[...t[8]||(t[8]=[e.createTextVNode("Print",-1)])]),_:1})]),_:1})]),_:1}),e.unref(m)("edit-collection","delete-collection")?(e.openBlock(),e.createBlock(f,{key:1},{default:e.withCtx(()=>[e.createVNode(_,null,{default:e.withCtx(()=>[...t[9]||(t[9]=[e.createTextVNode("More actions",-1)])]),_:1}),e.createVNode($,null,{default:e.withCtx(()=>[e.unref(c)("delete-collection")?(e.openBlock(),e.createBlock(h,{key:0,variant:"destructive",onClick:I},{default:e.withCtx(()=>[e.createVNode(e.unref(b.Trash),{class:"size-4"}),t[10]||(t[10]=e.createTextVNode(" Delete collection ",-1))]),_:1})):e.createCommentVNode("",!0)]),_:1})]),_:1})):e.createCommentVNode("",!0)]),_:1}))]),e.createElementVNode("div",he,[e.createElementVNode("div",ke,[e.createVNode(X),e.createVNode(pe)]),e.createElementVNode("div",ye,[e.createVNode(_e)])]),e.unref(m)("create-collection","edit-collection")?(e.openBlock(),e.createElementBlock("div",Be,[e.createElementVNode("div",Se,[n.value&&e.unref(c)("create-collection")?(e.openBlock(),e.createBlock(u,{key:0,onClick:e.unref(B),disabled:d.value},{default:e.withCtx(()=>[d.value?(e.openBlock(),e.createBlock(e.unref(b.Loader2),{key:0,class:"size-4 animate-spin"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(d.value?"Creating":"Create")+" New Collection ",1)]),_:1},8,["onClick","disabled"])):e.unref(c)("edit-collection")?(e.openBlock(),e.createBlock(u,{key:1,onClick:e.unref(B),disabled:d.value},{default:e.withCtx(()=>[d.value?(e.openBlock(),e.createBlock(e.unref(b.Loader2),{key:0,class:"size-4 animate-spin"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(d.value?"Saving":"Save")+" Changes ",1)]),_:1},8,["onClick","disabled"])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)])}}});exports.default=Ee;

package/dist/Detail-ChD5XurA.mjs

@@ -0,0 +1,379 @@
+import { defineComponent as oe, ref as k, withAsyncContext as le, computed as L, resolveComponent as u, openBlock as n, createElementBlock as i, createElementVNode as d, createVNode as o, unref as r, withCtx as l, toDisplayString as m, createTextVNode as s, Fragment as se, renderList as ae, createBlock as _, createCommentVNode as c, normalizeClass as B } from "vue";
+import { Tag as ne, ChevronRight as de, CalendarIcon as j } from "lucide-vue-next";
+import { c as z } from "./utils-CanmrIWO.mjs";
+import { useLogs as ue, useModuleRoute as ie, useModuleStorage as re, useFirebaseIntegration as me, useModuleBreadcrumbs as pe } from "@oneclick.dev/cms-kit";
+import { e as ve, $ as E, a as ce, c as M } from "./DateFormatter-qbhRYxI_.mjs";
+const fe = { class: "relative @container" }, xe = {
+  key: 0,
+  class: "max-w-5xl mx-auto mt-4"
+}, ge = { class: "flex flex-row gap-4 justify-between mb-6" }, _e = { class: "flex items-center" }, be = { class: "text-lg font-semibold mx-2 uppercase" }, ye = {
+  key: 0,
+  class: "bg-green-500 text-green-950 px-2 py-1 rounded-lg text-xs"
+}, Ce = {
+  key: 1,
+  class: "bg-gray-500 text-gray-950 px-2 py-1 rounded-lg text-xs"
+}, Ve = { class: "font-medium mb-2 uppercase" }, ke = { class: "mb-6" }, we = { key: 0 }, Ae = { key: 1 }, Se = { key: 2 }, Ue = { class: "flex flex-wrap gap-12 mb-6" }, $e = {
+  key: 0,
+  class: "grid gap-2"
+}, Pe = { class: "flex items-center gap-2" }, Ie = {
+  key: 0,
+  class: "text-lg"
+}, Te = {
+  key: 1,
+  class: "text-lg"
+}, Ne = {
+  key: 1,
+  class: "grid gap-2"
+}, De = { class: "flex items-center space-x-2" }, Le = { class: "flex gap-4 mb-6" }, Be = { class: "flex flex-col" }, je = {
+  key: 0,
+  class: "-ml-2"
+}, ze = {
+  key: 1,
+  class: "text-xs text-muted-foreground mt-2"
+}, Ee = { class: "flex flex-col" }, Me = {
+  key: 0,
+  class: "-ml-2"
+}, Fe = {
+  key: 1,
+  class: "text-xs text-muted-foreground mt-2"
+}, Ge = { class: "flex justify-end gap-2 mt-6" }, Ke = /* @__PURE__ */ oe({
+  __name: "Detail",
+  props: {
+    config: {
+      type: Object,
+      required: !0
+    }
+  },
+  async setup(F) {
+    let g, w;
+    const b = F, { log: Re, logWarning: We, logError: Ze } = ue(), { params: A, navigateTo: S } = ie(), { getModuleData: G } = re(), { confirm: R } = useConfirmation(), y = k([]);
+    y.value = ([g, w] = le(() => G("promo-types")), g = await g, w(), g || []);
+    const U = me(b.config.project), t = k(null), C = k(!1), p = L(() => (t.value?.usageCount ?? 0) > 0), f = L(() => y.value.find((V) => V.key === t.value?.type) || null);
+    pe(() => [
+      { text: "Promo codes list", href: t.value?.code ? "/promo-codes" : "" },
+      { text: t.value?.code || "" }
+    ]);
+    const $ = new ve("en-US", {
+      dateStyle: "long"
+    }), W = async () => {
+      t.value = await U.get(b.config.promoCodeCollection, A.value.promoCodeId), t.value.startsAt = M(t.value?.startsAt?.replace(/\.\d{3}Z$/, "")), t.value.expiresAt = M(t.value?.expiresAt?.replace(/\.\d{3}Z$/, ""));
+    }, Z = async () => {
+      await R(`Are you sure you want to delete the code "${t.value?.code}"?`) && (await U.remove(b.config.promoCodeCollection, A.value.promoCodeId), S("/promo-codes"));
+    };
+    return W(), (V, e) => {
+      const x = u("Button"), v = u("Label"), P = u("Input"), q = u("SelectValue"), O = u("SelectTrigger"), Y = u("SelectItem"), H = u("SelectGroup"), J = u("SelectContent"), K = u("Select"), Q = u("Switch"), I = u("PopoverTrigger"), T = u("Calendar"), N = u("PopoverContent"), D = u("Popover"), X = u("Textarea"), h = u("Loader2"), ee = u("CardContent"), te = u("Card");
+      return n(), i("div", fe, [
+        t.value ? (n(), i("div", xe, [
+          d("div", ge, [
+            d("div", _e, [
+              o(x, {
+                variant: "ghost",
+                onClick: e[0] || (e[0] = (a) => r(S)("/promo-codes"))
+              }, {
+                default: l(() => [
+                  o(r(ne), { class: "size-4" })
+                ]),
+                _: 1
+              }),
+              o(r(de), { class: "size-3" }),
+              d("h1", be, m(t.value.code), 1),
+              t.value.expiresAt > /* @__PURE__ */ new Date() ? (n(), i("span", ye, "Active")) : (n(), i("span", Ce, "Expired"))
+            ])
+          ]),
+          o(te, null, {
+            default: l(() => [
+              o(ee, null, {
+                default: l(() => [
+                  d("h3", Ve, m(t.value.code), 1),
+                  d("p", ke, [
+                    e[14] || (e[14] = s(" This promo code has been created on ", -1)),
+                    d("strong", null, m(new Date(t.value.createdAt).toLocaleString()), 1),
+                    e[15] || (e[15] = s(".", -1)),
+                    e[16] || (e[16] = d("br", null, null, -1)),
+                    t.value.usageCount === 1 ? (n(), i("span", we, [...e[11] || (e[11] = [
+                      s("It has been used ", -1),
+                      d("strong", null, "1 time", -1),
+                      s(", so you can't edit it.", -1)
+                    ])])) : t.value.usageCount > 1 ? (n(), i("span", Ae, [
+                      e[12] || (e[12] = s("It has been used ", -1)),
+                      d("strong", null, m(t.value.usageCount) + " times", 1),
+                      e[13] || (e[13] = s(", so you can't edit it.", -1))
+                    ])) : (n(), i("span", Se, "It has not been used yet."))
+                  ]),
+                  o(v, {
+                    for: "code",
+                    class: "text-muted-foreground mb-2"
+                  }, {
+                    default: l(() => [...e[17] || (e[17] = [
+                      s("Promo Code", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  o(P, {
+                    id: "code",
+                    modelValue: t.value.code,
+                    "onUpdate:modelValue": e[1] || (e[1] = (a) => t.value.code = a),
+                    disabled: p.value,
+                    class: "mb-6 uppercase"
+                  }, null, 8, ["modelValue", "disabled"]),
+                  d("div", null, [
+                    e[27] || (e[27] = d("h3", { class: "font-medium mb-2" }, "Value", -1)),
+                    o(K, {
+                      modelValue: t.value.type,
+                      "onUpdate:modelValue": e[2] || (e[2] = (a) => t.value.type = a)
+                    }, {
+                      default: l(() => [
+                        o(O, {
+                          class: "w-[200px] mb-4",
+                          disabled: p.value
+                        }, {
+                          default: l(() => [
+                            o(q, { placeholder: "Select a promo type" })
+                          ]),
+                          _: 1
+                        }, 8, ["disabled"]),
+                        o(J, null, {
+                          default: l(() => [
+                            o(H, null, {
+                              default: l(() => [
+                                (n(!0), i(se, null, ae(y.value, (a) => (n(), _(Y, {
+                                  key: a.key,
+                                  value: a.key
+                                }, {
+                                  default: l(() => [
+                                    s(m(a.label), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["value"]))), 128))
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"]),
+                    d("div", Ue, [
+                      f.value?.hasValueField ? (n(), i("div", $e, [
+                        o(v, {
+                          for: "discountValue",
+                          class: "text-muted-foreground"
+                        }, {
+                          default: l(() => [
+                            s(m(f.value?.valueLabel || "Value"), 1)
+                          ]),
+                          _: 1
+                        }),
+                        d("div", Pe, [
+                          f.value?.valuePrefix ? (n(), i("span", Ie, m(f.value?.valuePrefix), 1)) : c("", !0),
+                          o(P, {
+                            modelValue: t.value.value,
+                            "onUpdate:modelValue": e[3] || (e[3] = (a) => t.value.value = a),
+                            id: "discountValue",
+                            disabled: p.value
+                          }, null, 8, ["modelValue", "disabled"]),
+                          f.value?.valueSuffix ? (n(), i("span", Te, m(f.value?.valueSuffix), 1)) : c("", !0)
+                        ])
+                      ])) : c("", !0),
+                      f.value?.allowUnlimitedUses ? (n(), i("div", Ne, [
+                        o(v, {
+                          for: "unlimitedUses",
+                          class: "text-muted-foreground"
+                        }, {
+                          default: l(() => [...e[18] || (e[18] = [
+                            s("Unlimited Uses", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        d("div", De, [
+                          o(Q, {
+                            id: "unlimitedUses",
+                            modelValue: t.value.unlimitedUses,
+                            "onUpdate:modelValue": e[4] || (e[4] = (a) => t.value.unlimitedUses = a),
+                            disabled: p.value
+                          }, null, 8, ["modelValue", "disabled"]),
+                          o(v, { for: "unlimitedUses" }, {
+                            default: l(() => [
+                              s(m(t.value.unlimitedUses ? "Yes" : "No"), 1)
+                            ]),
+                            _: 1
+                          })
+                        ])
+                      ])) : c("", !0)
+                    ]),
+                    e[28] || (e[28] = d("h3", { class: "font-medium" }, "Availability", -1)),
+                    e[29] || (e[29] = d("p", { class: "text-sm text-muted-foreground mb-4" }, "When will this code be available?", -1)),
+                    d("div", Le, [
+                      d("div", Be, [
+                        o(v, { class: "text-muted-foreground mb-2" }, {
+                          default: l(() => [...e[19] || (e[19] = [
+                            s("Available from", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        o(D, null, {
+                          default: l(() => [
+                            o(I, { "as-child": "" }, {
+                              default: l(() => [
+                                o(x, {
+                                  variant: "outline",
+                                  class: B(r(z)(
+                                    "w-[280px] justify-start text-left font-normal",
+                                    !t.value.startsAt && "text-muted-foreground"
+                                  )),
+                                  disabled: p.value
+                                }, {
+                                  default: l(() => [
+                                    o(r(j), { class: "mr-2 h-4 w-4" }),
+                                    s(" " + m(t.value.startsAt ? r($).format(t.value.startsAt.toDate(r(E)())) : "Pick a date"), 1)
+                                  ]),
+                                  _: 1
+                                }, 8, ["class", "disabled"])
+                              ]),
+                              _: 1
+                            }),
+                            o(N, { class: "w-auto p-0" }, {
+                              default: l(() => [
+                                o(T, {
+                                  modelValue: t.value.startsAt,
+                                  "onUpdate:modelValue": e[5] || (e[5] = (a) => t.value.startsAt = a),
+                                  "initial-focus": "",
+                                  minValue: r(ce)()
+                                }, null, 8, ["modelValue", "minValue"])
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }),
+                        t.value.startsAt ? (n(), i("div", je, [
+                          p.value ? c("", !0) : (n(), _(x, {
+                            key: 0,
+                            onClick: e[6] || (e[6] = (a) => t.value.startsAt = void 0),
+                            variant: "link"
+                          }, {
+                            default: l(() => [...e[20] || (e[20] = [
+                              s("Clear", -1)
+                            ])]),
+                            _: 1
+                          }))
+                        ])) : (n(), i("p", ze, "Not set - codes will be available immediately"))
+                      ]),
+                      d("div", Ee, [
+                        o(v, { class: "text-muted-foreground mb-2" }, {
+                          default: l(() => [...e[21] || (e[21] = [
+                            s("Until", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        o(D, null, {
+                          default: l(() => [
+                            o(I, { "as-child": "" }, {
+                              default: l(() => [
+                                o(x, {
+                                  variant: "outline",
+                                  class: B(r(z)(
+                                    "w-[280px] justify-start text-left font-normal",
+                                    !t.value.expiresAt && "text-muted-foreground"
+                                  )),
+                                  disabled: p.value
+                                }, {
+                                  default: l(() => [
+                                    o(r(j), { class: "mr-2 h-4 w-4" }),
+                                    s(" " + m(t.value.expiresAt ? r($).format(t.value.expiresAt.toDate(r(E)())) : "Pick a date"), 1)
+                                  ]),
+                                  _: 1
+                                }, 8, ["class", "disabled"])
+                              ]),
+                              _: 1
+                            }),
+                            o(N, { class: "w-auto p-0" }, {
+                              default: l(() => [
+                                o(T, {
+                                  modelValue: t.value.expiresAt,
+                                  "onUpdate:modelValue": e[7] || (e[7] = (a) => t.value.expiresAt = a),
+                                  "initial-focus": "",
+                                  minValue: t.value.startsAt
+                                }, null, 8, ["modelValue", "minValue"])
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }),
+                        t.value.expiresAt ? (n(), i("div", Me, [
+                          p.value ? c("", !0) : (n(), _(x, {
+                            key: 0,
+                            onClick: e[8] || (e[8] = (a) => t.value.expiresAt = void 0),
+                            variant: "link"
+                          }, {
+                            default: l(() => [...e[22] || (e[22] = [
+                              s("Clear", -1)
+                            ])]),
+                            _: 1
+                          }))
+                        ])) : (n(), i("p", Fe, "Not set - codes will never expire"))
+                      ])
+                    ]),
+                    o(v, {
+                      for: "note",
+                      class: "text-lg font-medium"
+                    }, {
+                      default: l(() => [...e[23] || (e[23] = [
+                        s("Note", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    o(v, {
+                      for: "note",
+                      class: "font-normal text-sm text-muted-foreground mb-2"
+                    }, {
+                      default: l(() => [...e[24] || (e[24] = [
+                        s("Internal note, you can always edit this later", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    o(X, {
+                      modelValue: t.value.note,
+                      "onUpdate:modelValue": e[9] || (e[9] = (a) => t.value.note = a),
+                      id: "note"
+                    }, null, 8, ["modelValue"]),
+                    d("div", Ge, [
+                      o(x, {
+                        variant: "destructive",
+                        onClick: e[10] || (e[10] = (a) => Z()),
+                        disabled: C.value
+                      }, {
+                        default: l(() => [...e[25] || (e[25] = [
+                          s(" Delete Code ", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["disabled"]),
+                      o(x, { disabled: C.value }, {
+                        default: l(() => [
+                          C.value ? (n(), _(h, {
+                            key: 0,
+                            class: "size-4 animate-spin"
+                          })) : c("", !0),
+                          e[26] || (e[26] = s(" Update Code ", -1))
+                        ]),
+                        _: 1
+                      }, 8, ["disabled"])
+                    ])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          s(" " + m(t.value), 1)
+        ])) : c("", !0)
+      ]);
+    };
+  }
+});
+export {
+  Ke as default
+};