@oneclick.dev/cms-core-modules 0.0.119 → 0.0.121

package/dist/Detail-C1Blq61w.mjs

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

package/dist/Detail-CPqug27l.js

@@ -1 +0,0 @@
-"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;