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

package/dist/Overview-g4Rcj245.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("lucide-vue-next"),i=require("@oneclick.dev/cms-kit"),p=require("./FormStatusBadge.vue_vue_type_script_setup_true_lang-BjKpsqT9.js"),T={class:"mx-auto flex w-full max-w-7xl flex-1 flex-col px-4 py-6 sm:px-6 sm:py-10 lg:px-8"},j={class:"flex flex-col gap-5 sm:flex-row sm:items-start sm:justify-between"},L={class:"max-w-2xl"},M={class:"flex flex-wrap items-center gap-2"},$={key:0,class:"mt-1 text-xs text-muted-foreground"},q={class:"break-all rounded bg-muted px-1 py-0.5"},A={key:0,class:"mt-10 flex flex-1 items-center justify-center rounded-xl border border-dashed p-8"},P={class:"max-w-md text-center"},R={class:"mx-auto flex size-11 items-center justify-center rounded-full bg-muted"},I={class:"mt-8 flex flex-col gap-4 border-b pb-5 lg:flex-row lg:items-center lg:justify-between"},U={class:"flex max-w-full gap-1 overflow-x-auto pb-1 lg:pb-0","aria-label":"Filter forms by status"},O={class:"rounded-full bg-background/80 px-1.5 py-0.5 text-[11px] text-muted-foreground"},H={class:"relative w-full lg:w-80"},K={key:0,class:"grid gap-4 py-6 sm:grid-cols-2 xl:grid-cols-3","aria-label":"Loading forms"},Q={class:"flex items-start justify-between gap-4"},Y={key:1,class:"mt-6 rounded-xl border border-destructive/30 bg-destructive/5 p-6"},G={class:"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between"},J={class:"flex items-start gap-3"},W={class:"mt-1 text-sm text-muted-foreground"},X={key:2,class:"mt-6 flex min-h-80 items-center justify-center rounded-xl border border-dashed p-8"},Z={class:"max-w-md text-center"},ee={class:"mx-auto flex size-12 items-center justify-center rounded-full bg-muted"},te={class:"mt-4 font-semibold"},oe={class:"mt-1 text-sm leading-6 text-muted-foreground"},se={key:3,class:"grid gap-4 py-6 sm:grid-cols-2 xl:grid-cols-3"},le={class:"flex items-start justify-between gap-3"},re={class:"w-fit max-w-full truncate rounded bg-muted px-2 py-1 text-xs text-muted-foreground"},ae={class:"line-clamp-3 text-sm leading-6 text-muted-foreground"},ne={class:"min-w-0 text-xs text-muted-foreground"},de={class:"truncate"},ie={key:0,class:"mt-0.5"},ce={key:1,class:"mt-0.5"},ue=e.defineComponent({__name:"Overview",setup(me){const{config:v}=i.useModule(),{moduleId:C,navigateTo:f}=i.useModuleRoute(),{hasPermission:h}=i.useModulePermissions(),E=i.useModuleApi();i.useModuleBreadcrumbs(()=>[]);const l=e.ref([]),x=e.ref(!1),c=e.ref(""),u=e.ref(""),d=e.ref("all"),g=e.computed(()=>h("view-forms")),_=e.computed(()=>g.value&&h("create-form")),m=e.computed(()=>!!v.databaseIntegration),B=e.computed(()=>({all:l.value.length,draft:l.value.filter(s=>s.status==="draft").length,published:l.value.filter(s=>s.status==="published").length,archived:l.value.filter(s=>s.status==="archived").length})),b=e.computed(()=>{const s=u.value.trim().toLocaleLowerCase();return l.value.filter(t=>d.value!=="all"&&t.status!==d.value?!1:s?[t.name,t.key,t.description].some(r=>r?.toLocaleLowerCase().includes(s)):!0)});async function N(){if(g.value){x.value=!0,c.value="";try{const s=await E.get("/forms");l.value=p.unwrapForms(s)}catch(s){c.value=p.readableError(s,"The forms could not be loaded from Firebase.")}finally{x.value=!1}}}function S(s){f(`forms/${encodeURIComponent(s.id)}`)}return e.onMounted(N),(s,t)=>{const r=e.resolveComponent("Button"),F=e.resolveComponent("Input"),n=e.resolveComponent("Skeleton"),V=e.resolveComponent("CardHeader"),k=e.resolveComponent("CardContent"),y=e.resolveComponent("CardFooter"),w=e.resolveComponent("Card"),z=e.resolveComponent("CardTitle");return e.openBlock(),e.createElementBlock("main",T,[e.createElementVNode("header",j,[e.createElementVNode("div",L,[e.createElementVNode("div",M,[t[4]||(t[4]=e.createElementVNode("h1",{class:"text-2xl font-semibold tracking-tight sm:text-3xl"},"Forms",-1)),e.createElementVNode("span",{class:e.normalizeClass(["inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-medium",m.value?"border-emerald-300/70 bg-emerald-50 text-emerald-800 dark:border-emerald-700/70 dark:bg-emerald-950/40 dark:text-emerald-300":"border-destructive/30 bg-destructive/10 text-destructive"])},[e.createElementVNode("span",{class:e.normalizeClass(["size-1.5 rounded-full",m.value?"bg-emerald-500":"bg-destructive"])},null,2),e.createTextVNode(" "+e.toDisplayString(m.value?"Firebase configured":"Database not configured"),1)],2)]),t[7]||(t[7]=e.createElementVNode("p",{class:"mt-2 text-sm leading-6 text-muted-foreground sm:text-base"}," Build drafts, preview their behavior, and publish exact revisions for your apps to load. ",-1)),m.value?(e.openBlock(),e.createElementBlock("p",$,[t[5]||(t[5]=e.createTextVNode(" Definitions are stored in ",-1)),e.createElementVNode("code",q,e.toDisplayString(e.unref(v).formsCollection)+"/"+e.toDisplayString(e.unref(C))+"/forms",1),t[6]||(t[6]=e.createTextVNode(". ",-1))])):e.createCommentVNode("",!0)]),_.value?(e.openBlock(),e.createBlock(r,{key:0,class:"w-full shrink-0 sm:w-auto",onClick:t[0]||(t[0]=o=>e.unref(f)("forms/new"))},{default:e.withCtx(()=>[e.createVNode(e.unref(a.Plus),{class:"size-4"}),t[8]||(t[8]=e.createTextVNode(" New form ",-1))]),_:1})):e.createCommentVNode("",!0)]),g.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("section",I,[e.createElementVNode("div",U,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(["all","draft","published","archived"],o=>e.createVNode(r,{key:o,size:"sm",variant:d.value===o?"secondary":"ghost",class:"shrink-0 capitalize",onClick:D=>d.value=o},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o)+" ",1),e.createElementVNode("span",O,e.toDisplayString(B.value[o]),1)]),_:2},1032,["variant","onClick"])),64))]),e.createElementVNode("div",H,[e.createVNode(e.unref(a.Search),{class:"pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground"}),e.createVNode(F,{modelValue:u.value,"onUpdate:modelValue":t[1]||(t[1]=o=>u.value=o),type:"search",placeholder:"Search by name, key, or description",class:"pl-9","aria-label":"Search forms"},null,8,["modelValue"])])]),x.value?(e.openBlock(),e.createElementBlock("section",K,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(6,o=>e.createVNode(w,{key:o,class:"overflow-hidden"},{default:e.withCtx(()=>[e.createVNode(V,{class:"gap-3"},{default:e.withCtx(()=>[e.createElementVNode("div",Q,[e.createVNode(n,{class:"h-5 w-2/3"}),e.createVNode(n,{class:"h-5 w-20 rounded-full"})]),e.createVNode(n,{class:"h-4 w-2/5"})]),_:1}),e.createVNode(k,{class:"space-y-2"},{default:e.withCtx(()=>[e.createVNode(n,{class:"h-4 w-full"}),e.createVNode(n,{class:"h-4 w-4/5"})]),_:1}),e.createVNode(y,{class:"justify-between border-t pt-4"},{default:e.withCtx(()=>[e.createVNode(n,{class:"h-4 w-28"}),e.createVNode(n,{class:"size-8 rounded-md"})]),_:1})]),_:1})),64))])):c.value?(e.openBlock(),e.createElementBlock("section",Y,[e.createElementVNode("div",G,[e.createElementVNode("div",J,[e.createVNode(e.unref(a.AlertCircle),{class:"mt-0.5 size-5 shrink-0 text-destructive"}),e.createElementVNode("div",null,[t[11]||(t[11]=e.createElementVNode("h2",{class:"font-medium"},"Could not load forms",-1)),e.createElementVNode("p",W,e.toDisplayString(c.value),1)])]),e.createVNode(r,{variant:"outline",class:"shrink-0",onClick:N},{default:e.withCtx(()=>[e.createVNode(e.unref(a.RefreshCw),{class:"size-4"}),t[12]||(t[12]=e.createTextVNode(" Try again ",-1))]),_:1})])])):b.value.length===0?(e.openBlock(),e.createElementBlock("section",X,[e.createElementVNode("div",Z,[e.createElementVNode("div",ee,[e.createVNode(e.unref(a.FileText),{class:"size-5 text-muted-foreground"})]),e.createElementVNode("h2",te,e.toDisplayString(l.value.length===0?"Create your first form":"No forms match this view"),1),e.createElementVNode("p",oe,e.toDisplayString(l.value.length===0?"Start with a blank draft, build its fields, then publish an immutable revision.":"Change the status filter or search query to find another form."),1),l.value.length===0&&_.value?(e.openBlock(),e.createBlock(r,{key:0,class:"mt-5",onClick:t[2]||(t[2]=o=>e.unref(f)("forms/new"))},{default:e.withCtx(()=>[e.createVNode(e.unref(a.Plus),{class:"size-4"}),t[13]||(t[13]=e.createTextVNode(" New form ",-1))]),_:1})):l.value.length>0?(e.openBlock(),e.createBlock(r,{key:1,variant:"outline",class:"mt-5",onClick:t[3]||(t[3]=o=>{u.value="",d.value="all"})},{default:e.withCtx(()=>[...t[14]||(t[14]=[e.createTextVNode(" Clear filters ",-1)])]),_:1})):e.createCommentVNode("",!0)])])):(e.openBlock(),e.createElementBlock("section",se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,o=>(e.openBlock(),e.createBlock(w,{key:o.id,class:"group flex min-h-56 flex-col transition-colors hover:border-foreground/20"},{default:e.withCtx(()=>[e.createVNode(V,{class:"gap-3"},{default:e.withCtx(()=>[e.createElementVNode("div",le,[e.createVNode(z,{class:"min-w-0 truncate text-base",title:o.name},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.name),1)]),_:2},1032,["title"]),e.createVNode(p._sfc_main,{class:"shrink-0",status:o.status,"has-unpublished-changes":o.hasUnpublishedChanges},null,8,["status","has-unpublished-changes"])]),e.createElementVNode("code",re,e.toDisplayString(o.key),1)]),_:2},1024),e.createVNode(k,{class:"flex-1"},{default:e.withCtx(()=>[e.createElementVNode("p",ae,e.toDisplayString(o.description||"No description has been added."),1)]),_:2},1024),e.createVNode(y,{class:"flex items-center justify-between gap-3 border-t pt-4"},{default:e.withCtx(()=>[e.createElementVNode("div",ne,[e.createElementVNode("p",de,"Updated "+e.toDisplayString(e.unref(p.formatFormDate)(o.updatedAt)),1),o.publishedRevision?(e.openBlock(),e.createElementBlock("p",ie,"Published revision "+e.toDisplayString(o.publishedRevision),1)):(e.openBlock(),e.createElementBlock("p",ce,"Not published"))]),e.createVNode(r,{size:"icon",variant:"ghost",class:"shrink-0","aria-label":`Open ${o.name}`,onClick:D=>S(o)},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ArrowRight),{class:"size-4 transition-transform group-hover:translate-x-0.5"})]),_:1},8,["aria-label","onClick"])]),_:2},1024)]),_:2},1024))),128))]))],64)):(e.openBlock(),e.createElementBlock("section",A,[e.createElementVNode("div",P,[e.createElementVNode("div",R,[e.createVNode(e.unref(a.ShieldAlert),{class:"size-5 text-muted-foreground"})]),t[9]||(t[9]=e.createElementVNode("h2",{class:"mt-4 font-semibold"},"You cannot view forms",-1)),t[10]||(t[10]=e.createElementVNode("p",{class:"mt-1 text-sm leading-6 text-muted-foreground"}," Ask a project administrator for the View forms permission. ",-1))])]))])}}});exports.default=ue;