@oneclick.dev/cms-core-modules 0.0.108 → 0.0.110

package/dist/SearchTermsCard-BsB-63aH.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("lucide-vue-next"),M={class:"w-full"},R={key:0,class:"flex items-center gap-2 py-3"},U={key:1,class:"text-xs text-destructive py-2"},j={key:2,class:"rounded-xl border bg-background p-4 text-center space-y-2"},q={key:3,class:"rounded-xl border bg-background overflow-hidden"},G={class:"px-3 py-2 border-b bg-muted/40 flex items-center justify-between"},I={class:"flex items-center gap-2"},Q={class:"text-xs font-medium"},K={class:"text-[10px] text-muted-foreground"},O={class:"divide-y"},H={class:"flex items-center gap-2 mb-1.5"},J={class:"text-[10px] font-medium text-muted-foreground w-5 text-right shrink-0"},W={class:"text-xs font-medium truncate flex-1"},X={class:"ml-7 space-y-1.5"},Y={class:"h-1.5 rounded-full bg-muted overflow-hidden"},Z={key:0,class:"flex items-center gap-3 text-[10px] text-muted-foreground"},ee={class:"flex items-center gap-1"},te={class:"flex items-center gap-1"},se={class:"flex items-center gap-1"},oe={class:"flex items-center gap-1"},ne={key:1,class:"flex items-center gap-3 text-[10px] text-muted-foreground"},re={class:"flex items-center gap-1"},ae={class:"flex items-center gap-1"},ce={class:"flex items-center gap-1"},le={class:"px-3 py-2 border-t bg-muted/20 flex items-center justify-between"},ie={class:"text-[10px] text-muted-foreground"},de=e.defineComponent({__name:"SearchTermsCard",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(x,{emit:N}){const{$useRoute:V,$useModuleApi:k}=useNuxtApp(),i=x,S=N,b=V(),E=e.computed(()=>b.params.slug),T=k(i.instanceId),m=e.ref(!0),d=e.ref(null),o=e.ref([]),_=e.ref(0),g=e.ref(null),u=e.ref("google_ads"),D=t=>t.label||t.query||t.sessionGoogleAdsQuery||t.landingPagePlusQueryString||"—";function B(){const t=i.resolvedArgs?._cachedData;return t?(u.value=t.source||"google_ads",t.source==="search_console"?o.value=(t.searchTerms||[]).map(s=>({label:s.term,clicks:s.clicks,impressions:s.impressions,ctr:s.ctr,position:s.position})):o.value=(t.searchTerms||[]).map(s=>({label:s.term,sessions:s.sessions,totalUsers:s.users,engagementRate:parseFloat(s.engagementRate)/100})),_.value=t.count||o.value.length,g.value=i.resolvedArgs._fetchedAt||null,m.value=!1,!0):!1}async function $(){const{startDate:t,endDate:s}=i.resolvedArgs||{};m.value=!0,d.value=null;try{const a=new URLSearchParams;t&&a.set("startDate",t),s&&a.set("endDate",s);const n=await T.get(`/content/search-terms?${a.toString()}`),l=n.source||"google_ads";if(u.value=l,l==="search_console")o.value=(n.rows||[]).map(r=>({...r,label:r.query}));else{const r=l==="organic_landing_pages"?"landingPagePlusQueryString":"sessionGoogleAdsQuery";o.value=(n.rows||[]).map(f=>({...f,label:f[r]}))}_.value=n.rowCount||o.value.length,g.value=new Date().toISOString();const F=()=>{if(o.value.length===0)return"No search data found for this period.";const r=o.value.slice(0,5).map(f=>f.label).join(", ");return l==="search_console"?`Found ${o.value.length} search queries from Google Search Console. The top keywords are: ${r}.`:l==="organic_landing_pages"?`Found ${o.value.length} pages receiving organic search traffic. The top organic landing pages are: ${r}.`:`Found ${o.value.length} search terms. The top keywords driving traffic are: ${r}.`},P=o.value.map(r=>l==="search_console"?{term:r.label,clicks:r.clicks,impressions:r.impressions,ctr:r.ctr,position:r.position}:{term:r.label,sessions:r.sessions,users:r.totalUsers,engagementRate:`${(r.engagementRate*100).toFixed(1)}%`});v({count:o.value.length,source:l,searchTerms:P,suggestion:F()})}catch(a){d.value=a?.data?.statusMessage||a?.message||"Failed to load search data",v(`Error loading search data: ${d.value}`)}finally{m.value=!1}}e.onMounted(()=>{i.status==="completed"&&B()||$()});function v(t){i.status!=="completed"&&S("submit",t)}const p=t=>t==null?"0":Math.round(t).toLocaleString(),y=t=>t==null?"0%":`${(t*100).toFixed(1)}%`,w=t=>t==null?"—":t.toFixed(1),C=t=>t?new Date(t).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"}):"",h=e.computed(()=>u.value==="search_console"),L=e.computed(()=>o.value.length===0?1:h.value?Math.max(...o.value.map(t=>t.clicks||0)):Math.max(...o.value.map(t=>t.sessions||0))),A=e.computed(()=>u.value==="search_console"?"Search Keywords (Search Console)":u.value==="organic_landing_pages"?"Top Organic Landing Pages":"Search Terms & Keywords"),z=e.computed(()=>{const{startDate:t,endDate:s}=i.resolvedArgs||{};if(!t&&!s)return"Last 30 days";const a=t||"30daysAgo",n=a.match(/^(\d+)daysAgo$/);return n?`Last ${n[1]} days`:`${a} → ${s||"today"}`});return(t,s)=>{const a=e.resolveComponent("NuxtLink");return e.openBlock(),e.createElementBlock("div",M,[e.unref(m)?(e.openBlock(),e.createElementBlock("div",R,[e.createVNode(e.unref(c.Loader2),{class:"size-4 animate-spin text-muted-foreground"}),s[0]||(s[0]=e.createElementVNode("span",{class:"text-xs text-muted-foreground"},"Loading search data…",-1))])):e.unref(d)?(e.openBlock(),e.createElementBlock("div",U,e.toDisplayString(e.unref(d)),1)):e.unref(o).length===0?(e.openBlock(),e.createElementBlock("div",j,[e.createVNode(e.unref(c.Search),{class:"size-8 text-muted-foreground mx-auto"}),s[1]||(s[1]=e.createElementVNode("p",{class:"text-sm text-muted-foreground"},"No search data found for this period.",-1))])):(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",G,[e.createElementVNode("div",I,[e.createVNode(e.unref(c.Search),{class:"size-3.5 text-primary"}),e.createElementVNode("span",Q,e.toDisplayString(e.unref(A)),1)]),e.createElementVNode("span",K,e.toDisplayString(e.unref(z)),1)]),e.createElementVNode("div",O,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),(n,l)=>(e.openBlock(),e.createElementBlock("div",{key:l,class:"px-3 py-2.5 hover:bg-muted/30 transition-colors"},[e.createElementVNode("div",H,[e.createElementVNode("span",J,e.toDisplayString(l+1)+".",1),e.createElementVNode("span",W,e.toDisplayString(D(n)),1)]),e.createElementVNode("div",X,[e.createElementVNode("div",Y,[e.createElementVNode("div",{class:"h-full rounded-full bg-amber-500/70 transition-all",style:e.normalizeStyle({width:`${((e.unref(h)?n.clicks:n.sessions)||0)/e.unref(L)*100}%`})},null,4)]),e.unref(h)?(e.openBlock(),e.createElementBlock("div",Z,[e.createElementVNode("span",ee,[e.createVNode(e.unref(c.MousePointerClick),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(p(n.clicks))+" clicks ",1)]),e.createElementVNode("span",te,[e.createVNode(e.unref(c.Eye),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(p(n.impressions))+" impr. ",1)]),e.createElementVNode("span",se,[e.createVNode(e.unref(c.TrendingUp),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(y(n.ctr))+" CTR ",1)]),e.createElementVNode("span",oe,[e.createVNode(e.unref(c.Hash),{class:"size-2.5"}),e.createTextVNode(" pos "+e.toDisplayString(w(n.position)),1)])])):(e.openBlock(),e.createElementBlock("div",ne,[e.createElementVNode("span",re,[e.createVNode(e.unref(c.MousePointerClick),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(p(n.sessions))+" sessions ",1)]),e.createElementVNode("span",ae,[e.createVNode(e.unref(c.Users),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(p(n.totalUsers))+" users ",1)]),e.createElementVNode("span",ce,[e.createVNode(e.unref(c.TrendingUp),{class:"size-2.5"}),e.createTextVNode(" "+e.toDisplayString(y(n.engagementRate))+" engaged ",1)])]))])]))),128))]),e.createElementVNode("div",le,[e.createElementVNode("span",ie,[e.createTextVNode(e.toDisplayString(e.unref(o).length)+" result"+e.toDisplayString(e.unref(o).length===1?"":"s")+" ",1),e.unref(g)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(" · fetched "+e.toDisplayString(C(e.unref(g))),1)],64)):e.createCommentVNode("",!0)]),e.createVNode(a,{to:`/projects/${e.unref(E)}/modules/${x.instanceId}`,class:"inline-flex items-center gap-1.5 text-xs text-primary hover:underline"},{default:e.withCtx(()=>[e.createVNode(e.unref(c.ExternalLink),{class:"size-3"}),s[2]||(s[2]=e.createTextVNode(" View full report ",-1))]),_:1},8,["to"])])]))])}}});exports.default=de;

package/dist/SearchTermsCard-BzVrHKqQ.mjs

@@ -0,0 +1,201 @@
+import { defineComponent as J, computed as _, ref as h, onMounted as W, resolveComponent as X, openBlock as u, createElementBlock as m, unref as s, createVNode as l, createElementVNode as o, toDisplayString as i, Fragment as A, renderList as Y, normalizeStyle as Z, createTextVNode as g, createCommentVNode as ee, withCtx as se } from "vue";
+import { Loader2 as te, Search as C, MousePointerClick as z, Eye as oe, TrendingUp as N, Hash as ne, Users as ae, ExternalLink as re } from "lucide-vue-next";
+const ie = { class: "w-full" }, le = {
+  key: 0,
+  class: "flex items-center gap-2 py-3"
+}, ce = {
+  key: 1,
+  class: "text-xs text-destructive py-2"
+}, de = {
+  key: 2,
+  class: "rounded-xl border bg-background p-4 text-center space-y-2"
+}, ue = {
+  key: 3,
+  class: "rounded-xl border bg-background overflow-hidden"
+}, me = { class: "px-3 py-2 border-b bg-muted/40 flex items-center justify-between" }, ge = { class: "flex items-center gap-2" }, pe = { class: "text-xs font-medium" }, he = { class: "text-[10px] text-muted-foreground" }, fe = { class: "divide-y" }, xe = { class: "flex items-center gap-2 mb-1.5" }, _e = { class: "text-[10px] font-medium text-muted-foreground w-5 text-right shrink-0" }, ve = { class: "text-xs font-medium truncate flex-1" }, ye = { class: "ml-7 space-y-1.5" }, be = { class: "h-1.5 rounded-full bg-muted overflow-hidden" }, ke = {
+  key: 0,
+  class: "flex items-center gap-3 text-[10px] text-muted-foreground"
+}, Se = { class: "flex items-center gap-1" }, $e = { class: "flex items-center gap-1" }, Te = { class: "flex items-center gap-1" }, we = { class: "flex items-center gap-1" }, Le = {
+  key: 1,
+  class: "flex items-center gap-3 text-[10px] text-muted-foreground"
+}, Ae = { class: "flex items-center gap-1" }, Ce = { class: "flex items-center gap-1" }, ze = { class: "flex items-center gap-1" }, Ne = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, De = { class: "text-[10px] text-muted-foreground" }, Me = /* @__PURE__ */ J({
+  __name: "SearchTermsCard",
+  props: {
+    toolName: {},
+    instanceId: {},
+    instanceName: {},
+    moduleType: {},
+    resolvedArgs: {},
+    status: {}
+  },
+  emits: ["submit"],
+  setup($, { emit: D }) {
+    const { $useRoute: F, $useModuleApi: P } = useNuxtApp(), p = $, M = D, R = F(), U = _(() => R.params.slug), j = P(p.instanceId), v = h(!0), f = h(null), n = h([]), T = h(0), y = h(null), x = h("google_ads"), E = (e) => e.label || e.query || e.sessionGoogleAdsQuery || e.landingPagePlusQueryString || "—";
+    function V() {
+      const e = p.resolvedArgs?._cachedData;
+      return e ? (x.value = e.source || "google_ads", e.source === "search_console" ? n.value = (e.searchTerms || []).map((t) => ({
+        label: t.term,
+        clicks: t.clicks,
+        impressions: t.impressions,
+        ctr: t.ctr,
+        position: t.position
+      })) : n.value = (e.searchTerms || []).map((t) => ({
+        label: t.term,
+        sessions: t.sessions,
+        totalUsers: t.users,
+        engagementRate: parseFloat(t.engagementRate) / 100
+      })), T.value = e.count || n.value.length, y.value = p.resolvedArgs._fetchedAt || null, v.value = !1, !0) : !1;
+    }
+    async function G() {
+      const { startDate: e, endDate: t } = p.resolvedArgs || {};
+      v.value = !0, f.value = null;
+      try {
+        const c = new URLSearchParams();
+        e && c.set("startDate", e), t && c.set("endDate", t);
+        const a = await j.get(`/content/search-terms?${c.toString()}`), d = a.source || "google_ads";
+        if (x.value = d, d === "search_console")
+          n.value = (a.rows || []).map((r) => ({
+            ...r,
+            label: r.query
+          }));
+        else {
+          const r = d === "organic_landing_pages" ? "landingPagePlusQueryString" : "sessionGoogleAdsQuery";
+          n.value = (a.rows || []).map((k) => ({
+            ...k,
+            label: k[r]
+          }));
+        }
+        T.value = a.rowCount || n.value.length, y.value = (/* @__PURE__ */ new Date()).toISOString();
+        const O = () => {
+          if (n.value.length === 0) return "No search data found for this period.";
+          const r = n.value.slice(0, 5).map((k) => k.label).join(", ");
+          return d === "search_console" ? `Found ${n.value.length} search queries from Google Search Console. The top keywords are: ${r}.` : d === "organic_landing_pages" ? `Found ${n.value.length} pages receiving organic search traffic. The top organic landing pages are: ${r}.` : `Found ${n.value.length} search terms. The top keywords driving traffic are: ${r}.`;
+        }, H = n.value.map((r) => d === "search_console" ? {
+          term: r.label,
+          clicks: r.clicks,
+          impressions: r.impressions,
+          ctr: r.ctr,
+          position: r.position
+        } : {
+          term: r.label,
+          sessions: r.sessions,
+          users: r.totalUsers,
+          engagementRate: `${(r.engagementRate * 100).toFixed(1)}%`
+        });
+        w({
+          count: n.value.length,
+          source: d,
+          searchTerms: H,
+          suggestion: O()
+        });
+      } catch (c) {
+        f.value = c?.data?.statusMessage || c?.message || "Failed to load search data", w(`Error loading search data: ${f.value}`);
+      } finally {
+        v.value = !1;
+      }
+    }
+    W(() => {
+      p.status === "completed" && V() || G();
+    });
+    function w(e) {
+      p.status !== "completed" && M("submit", e);
+    }
+    const b = (e) => e == null ? "0" : Math.round(e).toLocaleString(), L = (e) => e == null ? "0%" : `${(e * 100).toFixed(1)}%`, I = (e) => e == null ? "—" : e.toFixed(1), Q = (e) => e ? new Date(e).toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "", S = _(() => x.value === "search_console"), q = _(() => n.value.length === 0 ? 1 : S.value ? Math.max(...n.value.map((e) => e.clicks || 0)) : Math.max(...n.value.map((e) => e.sessions || 0))), K = _(() => x.value === "search_console" ? "Search Keywords (Search Console)" : x.value === "organic_landing_pages" ? "Top Organic Landing Pages" : "Search Terms & Keywords"), B = _(() => {
+      const { startDate: e, endDate: t } = p.resolvedArgs || {};
+      if (!e && !t) return "Last 30 days";
+      const c = e || "30daysAgo", a = c.match(/^(\d+)daysAgo$/);
+      return a ? `Last ${a[1]} days` : `${c} → ${t || "today"}`;
+    });
+    return (e, t) => {
+      const c = X("NuxtLink");
+      return u(), m("div", ie, [
+        s(v) ? (u(), m("div", le, [
+          l(s(te), { class: "size-4 animate-spin text-muted-foreground" }),
+          t[0] || (t[0] = o("span", { class: "text-xs text-muted-foreground" }, "Loading search data…", -1))
+        ])) : s(f) ? (u(), m("div", ce, i(s(f)), 1)) : s(n).length === 0 ? (u(), m("div", de, [
+          l(s(C), { class: "size-8 text-muted-foreground mx-auto" }),
+          t[1] || (t[1] = o("p", { class: "text-sm text-muted-foreground" }, "No search data found for this period.", -1))
+        ])) : (u(), m("div", ue, [
+          o("div", me, [
+            o("div", ge, [
+              l(s(C), { class: "size-3.5 text-primary" }),
+              o("span", pe, i(s(K)), 1)
+            ]),
+            o("span", he, i(s(B)), 1)
+          ]),
+          o("div", fe, [
+            (u(!0), m(A, null, Y(s(n), (a, d) => (u(), m("div", {
+              key: d,
+              class: "px-3 py-2.5 hover:bg-muted/30 transition-colors"
+            }, [
+              o("div", xe, [
+                o("span", _e, i(d + 1) + ".", 1),
+                o("span", ve, i(E(a)), 1)
+              ]),
+              o("div", ye, [
+                o("div", be, [
+                  o("div", {
+                    class: "h-full rounded-full bg-amber-500/70 transition-all",
+                    style: Z({ width: `${((s(S) ? a.clicks : a.sessions) || 0) / s(q) * 100}%` })
+                  }, null, 4)
+                ]),
+                s(S) ? (u(), m("div", ke, [
+                  o("span", Se, [
+                    l(s(z), { class: "size-2.5" }),
+                    g(" " + i(b(a.clicks)) + " clicks ", 1)
+                  ]),
+                  o("span", $e, [
+                    l(s(oe), { class: "size-2.5" }),
+                    g(" " + i(b(a.impressions)) + " impr. ", 1)
+                  ]),
+                  o("span", Te, [
+                    l(s(N), { class: "size-2.5" }),
+                    g(" " + i(L(a.ctr)) + " CTR ", 1)
+                  ]),
+                  o("span", we, [
+                    l(s(ne), { class: "size-2.5" }),
+                    g(" pos " + i(I(a.position)), 1)
+                  ])
+                ])) : (u(), m("div", Le, [
+                  o("span", Ae, [
+                    l(s(z), { class: "size-2.5" }),
+                    g(" " + i(b(a.sessions)) + " sessions ", 1)
+                  ]),
+                  o("span", Ce, [
+                    l(s(ae), { class: "size-2.5" }),
+                    g(" " + i(b(a.totalUsers)) + " users ", 1)
+                  ]),
+                  o("span", ze, [
+                    l(s(N), { class: "size-2.5" }),
+                    g(" " + i(L(a.engagementRate)) + " engaged ", 1)
+                  ])
+                ]))
+              ])
+            ]))), 128))
+          ]),
+          o("div", Ne, [
+            o("span", De, [
+              g(i(s(n).length) + " result" + i(s(n).length === 1 ? "" : "s") + " ", 1),
+              s(y) ? (u(), m(A, { key: 0 }, [
+                g(" · fetched " + i(Q(s(y))), 1)
+              ], 64)) : ee("", !0)
+            ]),
+            l(c, {
+              to: `/projects/${s(U)}/modules/${$.instanceId}`,
+              class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
+            }, {
+              default: se(() => [
+                l(s(re), { class: "size-3" }),
+                t[2] || (t[2] = g(" View full report ", -1))
+              ]),
+              _: 1
+            }, 8, ["to"])
+          ])
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  Me as default
+};

package/dist/SendPush-COns44j7.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),m=require("@oneclick.dev/cms-kit"),_=require("./_plugin-vue_export-helper-BHFhmbuH.js"),v={class:"preview-iphone"},V={class:"push-container"},f={class:"inner"},N={class:"head"},h={class:"app-name"},y={class:"body"},x={class:"push-title"},S={class:"push-message"},E=e.defineComponent({__name:"PreviewIPhone",props:{app:{type:String,required:!0},title:{type:String,required:!0},message:{type:String,required:!0}},setup(t){return(l,o)=>(e.openBlock(),e.createElementBlock("div",v,[e.createElementVNode("div",V,[e.createElementVNode("div",f,[e.createElementVNode("div",N,[e.createElementVNode("span",h,e.toDisplayString(t.app),1),o[0]||(o[0]=e.createElementVNode("span",null,"now",-1))]),e.createElementVNode("div",y,[e.createElementVNode("span",x,e.toDisplayString(t.title),1),e.createElementVNode("span",S,e.toDisplayString(t.message),1)])])])]))}}),w=_._export_sfc(E,[["__scopeId","data-v-8c84cde9"]]),C={class:"preview-android"},B={class:"push-container"},k={class:"inner"},P={class:"head"},$={class:"app-name"},q={class:"body"},b={class:"push-title"},T={class:"push-message"},D=e.defineComponent({__name:"PreviewAndroid",props:{app:{type:String,required:!0},title:{type:String,required:!0},message:{type:String,required:!0}},setup(t){return(l,o)=>(e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("div",B,[e.createElementVNode("div",k,[e.createElementVNode("div",P,[o[0]||(o[0]=e.createElementVNode("span",{class:"notification-badge"},null,-1)),e.createElementVNode("span",$,e.toDisplayString(t.app),1),o[1]||(o[1]=e.createElementVNode("span",null,null,-1))]),e.createElementVNode("div",q,[e.createElementVNode("span",b,e.toDisplayString(t.title),1),e.createElementVNode("span",T,e.toDisplayString(t.message),1)])])])]))}}),I=_._export_sfc(D,[["__scopeId","data-v-202b94a8"]]),M={class:"flex flex-col"},O=e.defineComponent({__name:"PushPreview",props:{app:{type:String,required:!0},title:{type:String,required:!0},message:{type:String,required:!0}},setup(t){const l=t,o=e.ref("ios"),i=e.computed(()=>l.title.length>0?l.title:"Notification Preview"),d=e.computed(()=>l.message.length>0?l.message:"Preview your push notification");return(r,s)=>{const p=e.resolveComponent("SegmentedControlButton"),n=e.resolveComponent("SegmentedControl");return e.openBlock(),e.createElementBlock("div",M,[e.createVNode(n,{modelValue:e.unref(o),"onUpdate:modelValue":s[0]||(s[0]=a=>e.isRef(o)?o.value=a:null),class:"mx-auto mb-3"},{default:e.withCtx(()=>[e.createVNode(p,{value:"ios"},{default:e.withCtx(()=>[...s[1]||(s[1]=[e.createTextVNode(" iOS ",-1)])]),_:1}),e.createVNode(p,{value:"android"},{default:e.withCtx(()=>[...s[2]||(s[2]=[e.createTextVNode(" Android ",-1)])]),_:1})]),_:1},8,["modelValue"]),e.unref(o)=="ios"?(e.openBlock(),e.createBlock(w,{key:0,app:t.app,title:e.unref(i),message:e.unref(d)},null,8,["app","title","message"])):(e.openBlock(),e.createBlock(I,{key:1,app:t.app,title:e.unref(i),message:e.unref(d)},null,8,["app","title","message"]))])}}}),A={class:"relative"},L={class:"flex gap-12 bg-background rounded-lg p-6 shadow"},U={class:"flex flex-col gap-2 w-96"},j=e.defineComponent({__name:"SendPush",props:{config:{type:Object,required:!0}},setup(t){const{hasPermission:l}=m.useModulePermissions(),{log:o,logWarning:i,logError:d}=m.useLogs(),r=e.ref(""),s=e.ref("");return(p,n)=>{const a=e.resolveComponent("Label"),u=e.resolveComponent("Input"),g=e.resolveComponent("Button");return e.openBlock(),e.createElementBlock("div",A,[e.createElementVNode("div",L,[e.createElementVNode("div",U,[e.createVNode(a,{for:"send_push_title"},{default:e.withCtx(()=>[...n[2]||(n[2]=[e.createTextVNode("Title",-1)])]),_:1}),e.createVNode(u,{type:"text",modelValue:r.value,"onUpdate:modelValue":n[0]||(n[0]=c=>r.value=c),id:"send_push_title"},null,8,["modelValue"]),e.createVNode(a,{for:"send_push_message"},{default:e.withCtx(()=>[...n[3]||(n[3]=[e.createTextVNode("Message",-1)])]),_:1}),e.createVNode(u,{type:"text",modelValue:s.value,"onUpdate:modelValue":n[1]||(n[1]=c=>s.value=c),id:"send_push_message"},null,8,["modelValue"]),e.createVNode(g,null,{default:e.withCtx(()=>[...n[4]||(n[4]=[e.createTextVNode("Send Push",-1)])]),_:1})]),e.createVNode(O,{class:"preview",app:t.config.appName,title:r.value,message:s.value},null,8,["app","title","message"])])])}}});exports.default=j;

package/dist/SendPush-CPIOjVX4.mjs

@@ -0,0 +1,184 @@
+import { defineComponent as g, openBlock as r, createElementBlock as v, createElementVNode as e, toDisplayString as d, ref as x, computed as w, resolveComponent as p, createVNode as i, isRef as q, unref as a, withCtx as u, createTextVNode as c, createBlock as P } from "vue";
+import { useModulePermissions as B, useLogs as C } from "@oneclick.dev/cms-kit";
+import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const k = { class: "preview-iphone" }, I = { class: "push-container" }, N = { class: "inner" }, A = { class: "head" }, E = { class: "app-name" }, L = { class: "body" }, M = { class: "push-title" }, O = { class: "push-message" }, T = /* @__PURE__ */ g({
+  __name: "PreviewIPhone",
+  props: {
+    app: {
+      type: String,
+      required: !0
+    },
+    title: {
+      type: String,
+      required: !0
+    },
+    message: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(t) {
+    return (l, s) => (r(), v("div", k, [
+      e("div", I, [
+        e("div", N, [
+          e("div", A, [
+            e("span", E, d(t.app), 1),
+            s[0] || (s[0] = e("span", null, "now", -1))
+          ]),
+          e("div", L, [
+            e("span", M, d(t.title), 1),
+            e("span", O, d(t.message), 1)
+          ])
+        ])
+      ])
+    ]));
+  }
+}), U = /* @__PURE__ */ V(T, [["__scopeId", "data-v-8c84cde9"]]), j = { class: "preview-android" }, D = { class: "push-container" }, R = { class: "inner" }, W = { class: "head" }, z = { class: "app-name" }, F = { class: "body" }, G = { class: "push-title" }, H = { class: "push-message" }, J = /* @__PURE__ */ g({
+  __name: "PreviewAndroid",
+  props: {
+    app: {
+      type: String,
+      required: !0
+    },
+    title: {
+      type: String,
+      required: !0
+    },
+    message: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(t) {
+    return (l, s) => (r(), v("div", j, [
+      e("div", D, [
+        e("div", R, [
+          e("div", W, [
+            s[0] || (s[0] = e("span", { class: "notification-badge" }, null, -1)),
+            e("span", z, d(t.app), 1),
+            s[1] || (s[1] = e("span", null, null, -1))
+          ]),
+          e("div", F, [
+            e("span", G, d(t.title), 1),
+            e("span", H, d(t.message), 1)
+          ])
+        ])
+      ])
+    ]));
+  }
+}), K = /* @__PURE__ */ V(J, [["__scopeId", "data-v-202b94a8"]]), Q = { class: "flex flex-col" }, X = /* @__PURE__ */ g({
+  __name: "PushPreview",
+  props: {
+    app: {
+      type: String,
+      required: !0
+    },
+    title: {
+      type: String,
+      required: !0
+    },
+    message: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(t) {
+    const l = t, s = x("ios"), f = w(() => l.title.length > 0 ? l.title : "Notification Preview"), h = w(() => l.message.length > 0 ? l.message : "Preview your push notification");
+    return (m, o) => {
+      const y = p("SegmentedControlButton"), n = p("SegmentedControl");
+      return r(), v("div", Q, [
+        i(n, {
+          modelValue: a(s),
+          "onUpdate:modelValue": o[0] || (o[0] = (_) => q(s) ? s.value = _ : null),
+          class: "mx-auto mb-3"
+        }, {
+          default: u(() => [
+            i(y, { value: "ios" }, {
+              default: u(() => [...o[1] || (o[1] = [
+                c(" iOS ", -1)
+              ])]),
+              _: 1
+            }),
+            i(y, { value: "android" }, {
+              default: u(() => [...o[2] || (o[2] = [
+                c(" Android ", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        a(s) == "ios" ? (r(), P(U, {
+          key: 0,
+          app: t.app,
+          title: a(f),
+          message: a(h)
+        }, null, 8, ["app", "title", "message"])) : (r(), P(K, {
+          key: 1,
+          app: t.app,
+          title: a(f),
+          message: a(h)
+        }, null, 8, ["app", "title", "message"]))
+      ]);
+    };
+  }
+}), Y = { class: "relative" }, Z = { class: "flex gap-12 bg-background rounded-lg p-6 shadow" }, ee = { class: "flex flex-col gap-2 w-96" }, oe = /* @__PURE__ */ g({
+  __name: "SendPush",
+  props: {
+    config: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(t) {
+    const { hasPermission: l } = B(), { log: s, logWarning: f, logError: h } = C(), m = x(""), o = x("");
+    return (y, n) => {
+      const _ = p("Label"), $ = p("Input"), b = p("Button");
+      return r(), v("div", Y, [
+        e("div", Z, [
+          e("div", ee, [
+            i(_, { for: "send_push_title" }, {
+              default: u(() => [...n[2] || (n[2] = [
+                c("Title", -1)
+              ])]),
+              _: 1
+            }),
+            i($, {
+              type: "text",
+              modelValue: m.value,
+              "onUpdate:modelValue": n[0] || (n[0] = (S) => m.value = S),
+              id: "send_push_title"
+            }, null, 8, ["modelValue"]),
+            i(_, { for: "send_push_message" }, {
+              default: u(() => [...n[3] || (n[3] = [
+                c("Message", -1)
+              ])]),
+              _: 1
+            }),
+            i($, {
+              type: "text",
+              modelValue: o.value,
+              "onUpdate:modelValue": n[1] || (n[1] = (S) => o.value = S),
+              id: "send_push_message"
+            }, null, 8, ["modelValue"]),
+            i(b, null, {
+              default: u(() => [...n[4] || (n[4] = [
+                c("Send Push", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          i(X, {
+            class: "preview",
+            app: t.config.appName,
+            title: m.value,
+            message: o.value
+          }, null, 8, ["app", "title", "message"])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  oe as default
+};