@oneclick.dev/cms-core-modules 0.0.122 → 0.0.124

package/dist/{Detail-B_scnidb.mjs → Detail-DNxAzeCs.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-CN16K2x9.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-ibC3-e1N.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
 };

package/dist/Detail-t3tOcy3X.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),S=require("./vee-validate-zod-BQElPD0m.js"),_=require("lucide-vue-next"),M=require("@oneclick.dev/cms-kit"),z=require("./index-ijdf0d9-.js"),v=require("./types-BMraG1kN.js"),K={class:"flex flex-col gap-4"},Z={class:"flex flex-col gap-2"},H={key:0,class:"text-red-500 text-sm mt-1"},Q={class:"flex flex-col gap-4"},W={class:"flex flex-col gap-2"},Y={key:0,class:"text-red-500 text-sm mt-1"},ee={class:"flex flex-col gap-4"},te={class:"flex flex-col gap-2"},oe={key:0,class:"text-red-500 text-sm mt-1"},le={class:"flex flex-col gap-4"},ne={class:"flex flex-col gap-2"},se={class:"flex items-center gap-2 mb-2"},ae={class:"flex items-center gap-2"},re=["src"],ce={key:0,class:"text-red-500 text-sm mt-1"},ie=e.defineComponent({__name:"Main",setup(A){const V=e.inject("sources"),{errors:p}=S.useFormContext(),{value:C}=S.useField("title"),{value:c}=S.useField("description"),{value:f}=S.useField("thumbnail"),{value:k}=S.useField("slug"),N=i=>{f.value=Array.isArray(i)?i[0]||"":i};function h(i){return i?i.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase().replace(/[^\w\s-]/g,"").trim().replace(/[-\s]+/g,"-"):""}return e.watch(C,(i,r)=>{(!k.value||h(r)===k.value)&&(k.value=h(i))}),(i,r)=>{const b=e.resolveComponent("Label"),B=e.resolveComponent("Input"),T=e.resolveComponent("Textarea"),$=e.resolveComponent("Button"),y=e.resolveComponent("MediaPickerDialog"),U=e.resolveComponent("CardContent"),D=e.resolveComponent("Card");return e.openBlock(),e.createBlock(D,null,{default:e.withCtx(()=>[e.createVNode(U,{class:"flex flex-col gap-4"},{default:e.withCtx(()=>[e.createElementVNode("div",K,[e.createElementVNode("div",Z,[e.createVNode(b,{for:"title",class:"text-sm mb-2"},{default:e.withCtx(()=>[...r[6]||(r[6]=[e.createTextVNode("Title",-1)])]),_:1}),e.createVNode(B,{type:"text",id:"title",placeholder:"Summer collection",modelValue:e.unref(C),"onUpdate:modelValue":r[0]||(r[0]=x=>e.isRef(C)?C.value=x:null)},null,8,["modelValue"]),e.unref(p).title?(e.openBlock(),e.createElementBlock("p",H,e.toDisplayString(e.unref(p).title),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",Q,[e.createElementVNode("div",W,[e.createVNode(b,{for:"slug",class:"text-sm mb-2"},{default:e.withCtx(()=>[...r[7]||(r[7]=[e.createTextVNode("Slug",-1)])]),_:1}),e.createVNode(B,{id:"slug",placeholder:"summer-collection",modelValue:e.unref(k),"onUpdate:modelValue":r[1]||(r[1]=x=>e.isRef(k)?k.value=x:null)},null,8,["modelValue"]),e.unref(p).slug?(e.openBlock(),e.createElementBlock("p",Y,e.toDisplayString(e.unref(p).slug),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",ee,[e.createElementVNode("div",te,[e.createVNode(b,{for:"description",class:"text-sm mb-2"},{default:e.withCtx(()=>[...r[8]||(r[8]=[e.createTextVNode("Description",-1)])]),_:1}),e.createVNode(T,{id:"description",placeholder:"Fresh, vibrant, and bold. The perfect collection for the summer season.",modelValue:e.unref(c),"onUpdate:modelValue":r[2]||(r[2]=x=>e.isRef(c)?c.value=x:null)},null,8,["modelValue"]),e.unref(p).description?(e.openBlock(),e.createElementBlock("p",oe,e.toDisplayString(e.unref(p).description),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",le,[e.createElementVNode("div",ne,[e.createElementVNode("div",se,[e.createVNode(b,{for:"media",class:"text-sm"},{default:e.withCtx(()=>[...r[9]||(r[9]=[e.createTextVNode("Thumbnail",-1)])]),_:1}),e.unref(f)?(e.openBlock(),e.createBlock($,{key:0,variant:"ghost",size:"icon",onClick:r[3]||(r[3]=x=>f.value="")},{default:e.withCtx(()=>[e.createVNode(e.unref(_.X),{class:"size-4"})]),_:1})):e.createCommentVNode("",!0)]),e.createElementVNode("div",ae,[e.createVNode(y,{sources:e.unref(V),maxFiles:1,"initial-value":e.unref(f)?[e.unref(f)]:[],onSubmit:r[5]||(r[5]=x=>N(x))},{default:e.withCtx(()=>[e.createElementVNode("button",{onClick:r[4]||(r[4]=e.withModifiers(()=>{},["stop"])),tabindex:"-1",class:"cursor-pointer block"},[e.unref(f)?(e.openBlock(),e.createElementBlock("img",{key:1,src:e.unref(f),class:"size-42 rounded-md object-cover",draggable:"false"},null,8,re)):(e.openBlock(),e.createBlock($,{key:0,variant:"outline",class:"size-42 border-dashed cursor-pointer"},{default:e.withCtx(()=>[e.createVNode(e.unref(_.ImagePlus))]),_:1}))])]),_:1},8,["sources","initial-value"]),e.unref(p).thumbnail?(e.openBlock(),e.createElementBlock("p",ce,e.toDisplayString(e.unref(p).thumbnail),1)):e.createCommentVNode("",!0)])])])]),_:1})]),_:1})}}}),de={class:"flex items-center gap-2"},ue={key:0,class:"size-3 rounded-full bg-green-500"},me={key:1,class:"size-3 rounded-full bg-blue-500"},pe=e.defineComponent({__name:"Status",setup(A){const{errors:V}=S.useFormContext(),{value:p}=S.useField("status");return(C,c)=>{const f=e.resolveComponent("SelectValue"),k=e.resolveComponent("SelectTrigger"),N=e.resolveComponent("SelectItem"),h=e.resolveComponent("SelectGroup"),i=e.resolveComponent("SelectContent"),r=e.resolveComponent("Select"),b=e.resolveComponent("CardContent"),B=e.resolveComponent("Card");return e.openBlock(),e.createBlock(B,null,{default:e.withCtx(()=>[e.createVNode(b,null,{default:e.withCtx(()=>[c[3]||(c[3]=e.createElementVNode("p",{class:"text-md font-semibold mb-2"},"Status",-1)),e.createVNode(r,{modelValue:e.unref(p),"onUpdate:modelValue":c[0]||(c[0]=T=>e.isRef(p)?p.value=T:null),class:"w-full"},{default:e.withCtx(()=>[e.createVNode(k,{class:"w-full"},{default:e.withCtx(()=>[e.createElementVNode("div",de,[e.unref(p)==="published"?(e.openBlock(),e.createElementBlock("span",ue)):e.unref(p)==="draft"?(e.openBlock(),e.createElementBlock("span",me)):e.createCommentVNode("",!0),e.createVNode(f,{placeholder:"Status"})])]),_:1}),e.createVNode(i,null,{default:e.withCtx(()=>[e.createVNode(h,null,{default:e.withCtx(()=>[e.createVNode(N,{value:"published"},{default:e.withCtx(()=>[...c[1]||(c[1]=[e.createElementVNode("span",{class:"size-3 rounded-full bg-green-500"},null,-1),e.createTextVNode(" Published ",-1)])]),_:1}),e.createVNode(N,{value:"draft"},{default:e.withCtx(()=>[...c[2]||(c[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})}}}),fe={class:"flex items-center justify-between gap-4"},xe={class:"text-sm text-muted-foreground"},ge={key:0,class:"border border-dashed rounded-lg p-6 text-center text-sm text-muted-foreground"},_e={key:1,class:"flex flex-col gap-3"},Ce={class:"flex items-center gap-3 p-3"},ve=["onClick"],Ve={key:1,class:"size-10 rounded-md border border-dashed flex items-center justify-center text-muted-foreground"},ke={class:"min-w-0"},Ne={class:"flex items-center gap-2"},he={class:"font-medium truncate"},be={key:0,class:"bg-green-500 text-green-950 px-2 py-1 rounded-lg text-xs"},ye={key:1,class:"bg-blue-500 text-blue-950 px-2 py-1 rounded-lg text-xs"},we={class:"flex items-center gap-1"},Se={key:0,class:"border-t p-4 flex flex-col gap-4"},Be={class:"grid grid-cols-1 @md:grid-cols-2 gap-4"},Ee={class:"flex flex-col gap-2"},Te={key:0,class:"text-red-500 text-sm mt-1"},$e={class:"flex flex-col gap-2"},ze={key:0,class:"text-red-500 text-sm mt-1"},De={class:"flex flex-col gap-2"},Ie={class:"flex items-center gap-2"},Ue={key:0,class:"size-3 rounded-full bg-green-500"},Me={key:1,class:"size-3 rounded-full bg-blue-500"},Ae={class:"flex flex-col gap-2"},Fe={class:"flex flex-col gap-2"},Pe={class:"flex items-center gap-2"},je=["src"],qe=e.defineComponent({__name:"Subcollections",setup(A){const V=e.inject("sources"),{errors:p}=S.useFormContext(),{value:C}=S.useField("subcollections"),c=e.ref([]),f=e.computed(()=>(Array.isArray(C.value)||(C.value=[]),C.value.map(N)));function k(l){return l?l.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase().replace(/[^\w\s-]/g,"").trim().replace(/[-\s]+/g,"-"):""}function N(l){const t=l;return t.id||(t.id=crypto.randomUUID()),t.type="manual",t.status||(t.status="draft"),t.slug||(t.slug=k(t.title)),delete t.seo,t}function h(){return{id:crypto.randomUUID(),title:"",type:"manual",description:"",thumbnail:"",slug:"",status:"draft"}}function i(){return Array.isArray(C.value)?C.value.map(N):[]}function r(l){C.value=l}function b(){const l=h();r([...i(),l]),c.value=[l.id]}function B(l){const t=i(),u=t.findIndex(n=>n.id===l.id),o=JSON.parse(JSON.stringify(l));o.id=crypto.randomUUID(),o.type="manual",o.title=`${o.title||"Untitled subcollection"} (copy)`,o.slug=x(o.slug?`${o.slug}-copy`:o.title,o.id),delete o.seo;const a=[...t];a.splice(u+1,0,o),r(a),c.value=[o.id]}function T(l){r(i().filter(t=>t.id!==l)),c.value=c.value.filter(t=>t!==l)}function $(l,t){const u=i(),o=u.findIndex(m=>m.id===l),a=t==="up"?o-1:o+1;if(o<0||a<0||a>=u.length)return;const n=[...u],[d]=n.splice(o,1);n.splice(a,0,d),r(n)}function y(l){c.value=c.value.includes(l)?c.value.filter(t=>t!==l):[...c.value,l]}function U(l,t){const u=l.title;l.title=t,(!l.slug||k(u)===l.slug)&&(l.slug=x(t,l.id))}function D(l,t){l.thumbnail=Array.isArray(t)?t[0]||"":t}function x(l,t){const u=k(l)||"subcollection",o=new Set(i().filter(d=>d.id!==t).map(d=>d.slug).filter(Boolean));if(!o.has(u))return u;let a=2,n=`${u}-${a}`;for(;o.has(n);)a++,n=`${u}-${a}`;return n}function P(l){l.slug=x(l.slug||l.title,l.id)}function E(l){return p.value?.[l]}return(l,t)=>{const u=e.resolveComponent("Button"),o=e.resolveComponent("AvatarImage"),a=e.resolveComponent("AvatarFallback"),n=e.resolveComponent("Avatar"),d=e.resolveComponent("Label"),m=e.resolveComponent("Input"),w=e.resolveComponent("SelectValue"),j=e.resolveComponent("SelectTrigger"),F=e.resolveComponent("SelectItem"),q=e.resolveComponent("SelectGroup"),L=e.resolveComponent("SelectContent"),O=e.resolveComponent("Select"),R=e.resolveComponent("Textarea"),G=e.resolveComponent("MediaPickerDialog"),J=e.resolveComponent("CardContent"),X=e.resolveComponent("Card");return e.openBlock(),e.createBlock(X,null,{default:e.withCtx(()=>[e.createVNode(J,{class:"flex flex-col gap-4"},{default:e.withCtx(()=>[e.createElementVNode("div",fe,[e.createElementVNode("div",null,[t[1]||(t[1]=e.createElementVNode("h3",{class:"text-lg font-semibold"},"Subcollections",-1)),e.createElementVNode("p",xe,e.toDisplayString(f.value.length)+" subcollections",1)]),e.createVNode(u,{variant:"outline",onClick:b},{default:e.withCtx(()=>[e.createVNode(e.unref(_.Plus),{class:"size-4"}),t[2]||(t[2]=e.createTextVNode(" Add ",-1))]),_:1})]),f.value.length===0?(e.openBlock(),e.createElementBlock("div",ge," No subcollections yet. ")):(e.openBlock(),e.createElementBlock("div",_e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(s,I)=>(e.openBlock(),e.createElementBlock("div",{key:s.id,class:"border rounded-lg overflow-hidden"},[e.createElementVNode("div",Ce,[e.createElementVNode("button",{class:"flex items-center gap-3 min-w-0 flex-1 text-left cursor-pointer",onClick:g=>y(s.id)},[s.thumbnail?(e.openBlock(),e.createBlock(n,{key:0,class:"size-10 rounded-md"},{default:e.withCtx(()=>[e.createVNode(o,{src:s.thumbnail,class:"object-cover"},null,8,["src"]),e.createVNode(a,{class:"rounded-md"})]),_:2},1024)):(e.openBlock(),e.createElementBlock("div",Ve,[e.createVNode(e.unref(_.ImagePlus),{class:"size-4"})])),e.createElementVNode("div",ke,[e.createElementVNode("div",Ne,[e.createElementVNode("p",he,e.toDisplayString(s.title||"Untitled subcollection"),1),s.status==="published"?(e.openBlock(),e.createElementBlock("span",be,"Published")):(e.openBlock(),e.createElementBlock("span",ye,"Draft"))])])],8,ve),e.createElementVNode("div",we,[e.createVNode(u,{size:"icon",variant:"ghost",onClick:g=>$(s.id,"up"),disabled:I===0},{default:e.withCtx(()=>[e.createVNode(e.unref(_.ArrowUp),{class:"size-4"})]),_:1},8,["onClick","disabled"]),e.createVNode(u,{size:"icon",variant:"ghost",onClick:g=>$(s.id,"down"),disabled:I===f.value.length-1},{default:e.withCtx(()=>[e.createVNode(e.unref(_.ArrowDown),{class:"size-4"})]),_:1},8,["onClick","disabled"]),e.createVNode(u,{size:"icon",variant:"ghost",onClick:g=>B(s)},{default:e.withCtx(()=>[e.createVNode(e.unref(_.Copy),{class:"size-4"})]),_:1},8,["onClick"]),e.createVNode(u,{size:"icon",variant:"ghost",onClick:g=>T(s.id)},{default:e.withCtx(()=>[e.createVNode(e.unref(_.Trash),{class:"size-4"})]),_:1},8,["onClick"]),e.createVNode(u,{size:"icon",variant:"ghost",onClick:g=>y(s.id)},{default:e.withCtx(()=>[c.value.includes(s.id)?(e.openBlock(),e.createBlock(e.unref(_.ChevronUp),{key:0,class:"size-4"})):(e.openBlock(),e.createBlock(e.unref(_.ChevronDown),{key:1,class:"size-4"}))]),_:2},1032,["onClick"])])]),c.value.includes(s.id)?(e.openBlock(),e.createElementBlock("div",Se,[e.createElementVNode("div",Be,[e.createElementVNode("div",Ee,[e.createVNode(d,{for:`subcollection-${s.id}-title`,class:"text-sm"},{default:e.withCtx(()=>[...t[3]||(t[3]=[e.createTextVNode("Title",-1)])]),_:1},8,["for"]),e.createVNode(m,{type:"text",id:`subcollection-${s.id}-title`,placeholder:"Summer dresses","model-value":s.title,"onUpdate:modelValue":g=>U(s,String(g||""))},null,8,["id","model-value","onUpdate:modelValue"]),E(`subcollections[${I}].title`)?(e.openBlock(),e.createElementBlock("p",Te,e.toDisplayString(E(`subcollections[${I}].title`)),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",$e,[e.createVNode(d,{for:`subcollection-${s.id}-slug`,class:"text-sm"},{default:e.withCtx(()=>[...t[4]||(t[4]=[e.createTextVNode("Slug",-1)])]),_:1},8,["for"]),e.createVNode(m,{id:`subcollection-${s.id}-slug`,placeholder:"summer-dresses",modelValue:s.slug,"onUpdate:modelValue":g=>s.slug=g,onBlur:g=>P(s)},null,8,["id","modelValue","onUpdate:modelValue","onBlur"]),E(`subcollections[${I}].slug`)?(e.openBlock(),e.createElementBlock("p",ze,e.toDisplayString(E(`subcollections[${I}].slug`)),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",De,[e.createVNode(d,{for:`subcollection-${s.id}-status`,class:"text-sm"},{default:e.withCtx(()=>[...t[5]||(t[5]=[e.createTextVNode("Status",-1)])]),_:1},8,["for"]),e.createVNode(O,{modelValue:s.status,"onUpdate:modelValue":g=>s.status=g},{default:e.withCtx(()=>[e.createVNode(j,{id:`subcollection-${s.id}-status`,class:"w-full"},{default:e.withCtx(()=>[e.createElementVNode("div",Ie,[s.status==="published"?(e.openBlock(),e.createElementBlock("span",Ue)):(e.openBlock(),e.createElementBlock("span",Me)),e.createVNode(w,{placeholder:"Status"})])]),_:2},1032,["id"]),e.createVNode(L,null,{default:e.withCtx(()=>[e.createVNode(q,null,{default:e.withCtx(()=>[e.createVNode(F,{value:"published"},{default:e.withCtx(()=>[...t[6]||(t[6]=[e.createElementVNode("span",{class:"size-3 rounded-full bg-green-500"},null,-1),e.createTextVNode(" Published ",-1)])]),_:1}),e.createVNode(F,{value:"draft"},{default:e.withCtx(()=>[...t[7]||(t[7]=[e.createElementVNode("span",{class:"size-3 rounded-full bg-blue-500"},null,-1),e.createTextVNode(" Draft ",-1)])]),_:1})]),_:1})]),_:1})]),_:2},1032,["modelValue","onUpdate:modelValue"])]),e.createElementVNode("div",Ae,[e.createVNode(d,{for:`subcollection-${s.id}-description`,class:"text-sm"},{default:e.withCtx(()=>[...t[8]||(t[8]=[e.createTextVNode("Description",-1)])]),_:1},8,["for"]),e.createVNode(R,{id:`subcollection-${s.id}-description`,placeholder:"Fresh, vibrant, and bold. The perfect collection for the summer season.",modelValue:s.description,"onUpdate:modelValue":g=>s.description=g},null,8,["id","modelValue","onUpdate:modelValue"])]),e.createElementVNode("div",Fe,[e.createElementVNode("div",Pe,[e.createVNode(d,{for:`subcollection-${s.id}-media`,class:"text-sm"},{default:e.withCtx(()=>[...t[9]||(t[9]=[e.createTextVNode("Thumbnail",-1)])]),_:1},8,["for"]),s.thumbnail?(e.openBlock(),e.createBlock(u,{key:0,variant:"ghost",size:"icon",onClick:g=>s.thumbnail=""},{default:e.withCtx(()=>[e.createVNode(e.unref(_.X),{class:"size-4"})]),_:1},8,["onClick"])):e.createCommentVNode("",!0)]),e.createVNode(G,{sources:e.unref(V),maxFiles:1,"initial-value":s.thumbnail?[s.thumbnail]:[],onSubmit:g=>D(s,g)},{default:e.withCtx(()=>[e.createElementVNode("button",{onClick:t[0]||(t[0]=e.withModifiers(()=>{},["stop"])),tabindex:"-1",class:"cursor-pointer block"},[s.thumbnail?(e.openBlock(),e.createElementBlock("img",{key:1,src:s.thumbnail,class:"size-32 rounded-md object-cover",draggable:"false"},null,8,je)):(e.openBlock(),e.createBlock(u,{key:0,variant:"outline",class:"size-32 border-dashed cursor-pointer"},{default:e.withCtx(()=>[e.createVNode(e.unref(_.ImagePlus))]),_:1}))])]),_:2},1032,["sources","initial-value","onSubmit"])])])):e.createCommentVNode("",!0)]))),128))]))]),_:1})]),_:1})}}}),Le={class:"relative @container"},Oe={class:"flex flex-row gap-4 justify-between max-w-5xl mx-auto mt-4 mb-6"},Re={class:"flex items-center"},Ge={class:"text-lg font-semibold mx-2"},Je={key:0,class:"bg-green-500 text-green-950 px-2 py-1 rounded-lg text-xs"},Xe={key:1,class:"bg-blue-500 text-blue-950 px-2 py-1 rounded-lg text-xs"},Ke={class:"flex flex-col @3xl:flex-row gap-4 max-w-5xl mx-auto pb-24"},Ze={class:"flex flex-col gap-4 w-full @3xl:w-2/3"},He={class:"flex flex-col gap-4 w-full @3xl:w-1/3"},Qe={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)]"},We={class:"w-full max-w-5xl flex items-center justify-end mx-auto"},Ye=e.defineComponent({__name:"Detail",props:{config:{type:Object,required:!0}},setup(A){const V=A,{hasPermission:p,hasAnyPermission:C}=M.useModulePermissions(),{params:c,navigateTo:f}=M.useModuleRoute(),{confirm:k}=M.useConfirmation(),N=M.useFirebaseIntegration(V.config.project);e.provide("sources",V.config.allowedMediaSources),e.provide("defaultSource",V.config.defaultUploadMediaSource);const h=e.computed(()=>!c.value.collectionId||c.value.collectionId==="new"),i=e.ref(!1),r=v.objectType({field:v.stringType(),operator:v.enumType(["==","!=","<",">","<=",">=","in","not-in","array-contains","array-contains-any"]),value:v.anyType()}),b=v.objectType({title:v.stringType().min(1,"Title is required"),type:v.stringType(),description:v.stringType().optional(),thumbnail:v.stringType().optional(),slug:v.stringType(),conditions:v.arrayType(r).optional(),status:v.stringType()}),B=b.extend({id:v.stringType().min(1,"ID is required")}),T=S.toTypedSchema(b.extend({id:v.stringType().optional(),subcollections:v.arrayType(B).optional()})),{handleSubmit:$,values:y,setValues:U}=S.useForm({validationSchema:T,initialValues:{status:"draft",type:"manual",subcollections:[]}});M.useModuleBreadcrumbs(()=>[{text:h.value?"New Collection":y.title||"Collection"}]);const D=$(async o=>{i.value=!0;let a=await x()||[];if(h.value){let n=E(o);if(n.id=crypto.randomUUID(),await u(n.slug)){z.toast.error("Collection with this slug already exists"),i.value=!1;return}const d=[...a,n],m=V.config.collectionsCollection.split(":");await N.update(m[0],null,{[m[1]]:d}),f("/"),z.toast.success("Collection created")}else{let n=E(o);const d=a.map(w=>w.id===c.value.collectionId?n:w),m=V.config.collectionsCollection.split(":");await N.update(m[0],null,{[m[1]]:d}),f("/"),z.toast.success("Collection updated")}i.value=!1}),x=async()=>{if(!V.config.collectionsCollection)return[];const o=V.config.collectionsCollection.split(":");return o.length!==2?[]:(await N.get(o[0]))?.[o[1]]||[]},P=async()=>{const a=(await x()).find(n=>n.id===c.value.collectionId);U(a)},E=(o,a=!1)=>{const n=JSON.parse(JSON.stringify(o));return n.type||="manual",n.status||="draft",delete n.seo,n.subcollections=(n.subcollections||[]).map(d=>{const m={...d,id:a||!d.id?crypto.randomUUID():d.id,type:"manual",status:d.status||"draft",slug:d.slug||""};return delete m.seo,delete m.subcollections,m}),n},l=async()=>{try{let o=E(y,!0),a=o.slug+"-copy",n=2;for(;await u(a);)a=o.slug+"-copy-"+n,n++;o.id=crypto.randomUUID(),o.slug=a,o.status="draft",o.title=o.title+" (copy)";const m=[...await x()||[],o],w=V.config.collectionsCollection.split(":");await N.update(w[0],null,{[w[1]]:m}),f(o.id),z.toast.success("Collection duplicated")}catch{z.toast.error("Failed to duplicate collection")}},t=async()=>{const o=Array.isArray(y.subcollections)&&y.subcollections.length>0;if(await k(o?"Are you sure you want to delete this collection? All subcollections will also be deleted.":"Are you sure you want to delete this collection?"))try{const n=await x()||[];if(n.length===0||!c.value.collectionId)throw new Error("Error loading values");const d=n.filter(w=>w.id!==c.value.collectionId),m=V.config.collectionsCollection.split(":");await N.update(m[0],null,{[m[1]]:d}),f(""),z.toast.success("Collection deleted")}catch{z.toast.error("Failed to delete collection")}},u=async o=>!!(await x()||[]).find(n=>n.slug===o);return e.onMounted(()=>{h.value||P()}),(o,a)=>{const n=e.resolveComponent("Button"),d=e.resolveComponent("MenubarTrigger"),m=e.resolveComponent("MenubarMenu"),w=e.resolveComponent("MenubarItem"),j=e.resolveComponent("MenubarContent"),F=e.resolveComponent("Menubar");return e.openBlock(),e.createElementBlock("div",Le,[e.createElementVNode("div",Oe,[e.createElementVNode("div",Re,[e.createVNode(n,{variant:"ghost",onClick:a[0]||(a[0]=q=>e.unref(f)(""))},{default:e.withCtx(()=>[e.createVNode(e.unref(_.Tag),{class:"size-4"})]),_:1}),e.createVNode(e.unref(_.ChevronRight),{class:"size-3"}),e.createElementVNode("h1",Ge,e.toDisplayString(h.value?"New Collection":e.unref(y).title),1),e.unref(y).status==="published"?(e.openBlock(),e.createElementBlock("span",Je,"Published")):e.unref(y).status==="draft"?(e.openBlock(),e.createElementBlock("span",Xe,"Draft")):e.createCommentVNode("",!0)]),h.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(F,{key:0,class:"bg-sidebar"},{default:e.withCtx(()=>[e.unref(p)("create-collection")?(e.openBlock(),e.createBlock(m,{key:0},{default:e.withCtx(()=>[e.createVNode(d,{onClick:l},{default:e.withCtx(()=>[...a[1]||(a[1]=[e.createTextVNode("Duplicate",-1)])]),_:1})]),_:1})):e.createCommentVNode("",!0),e.unref(C)("edit-collection","delete-collection")?(e.openBlock(),e.createBlock(m,{key:1},{default:e.withCtx(()=>[e.createVNode(d,null,{default:e.withCtx(()=>[...a[2]||(a[2]=[e.createTextVNode("More actions",-1)])]),_:1}),e.createVNode(j,null,{default:e.withCtx(()=>[e.unref(p)("delete-collection")?(e.openBlock(),e.createBlock(w,{key:0,variant:"destructive",onClick:t},{default:e.withCtx(()=>[e.createVNode(e.unref(_.Trash),{class:"size-4"}),a[3]||(a[3]=e.createTextVNode(" Delete collection ",-1))]),_:1})):e.createCommentVNode("",!0)]),_:1})]),_:1})):e.createCommentVNode("",!0)]),_:1}))]),e.createElementVNode("div",Ke,[e.createElementVNode("div",Ze,[e.createVNode(ie),e.createVNode(qe)]),e.createElementVNode("div",He,[e.createVNode(pe)])]),e.unref(C)("create-collection","edit-collection")?(e.openBlock(),e.createElementBlock("div",Qe,[e.createElementVNode("div",We,[h.value&&e.unref(p)("create-collection")?(e.openBlock(),e.createBlock(n,{key:0,onClick:e.unref(D),disabled:i.value},{default:e.withCtx(()=>[i.value?(e.openBlock(),e.createBlock(e.unref(_.Loader2),{key:0,class:"size-4 animate-spin"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(i.value?"Creating":"Create")+" New Collection ",1)]),_:1},8,["onClick","disabled"])):e.unref(p)("edit-collection")?(e.openBlock(),e.createBlock(n,{key:1,onClick:e.unref(D),disabled:i.value},{default:e.withCtx(()=>[i.value?(e.openBlock(),e.createBlock(e.unref(_.Loader2),{key:0,class:"size-4 animate-spin"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(i.value?"Saving":"Save")+" Changes ",1)]),_:1},8,["onClick","disabled"])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)])}}});exports.default=Ye;