@feedmepos/mf-brand-app-builder 0.5.13-alpha → 0.5.14-alpha.1

package/dist/App-CItWwtbP.js

@@ -0,0 +1,107 @@
+import { defineComponent as d, computed as v, resolveComponent as u, createElementBlock as m, openBlock as i, Fragment as f, renderList as x, createElementVNode as l, createVNode as n, unref as p, withCtx as _, ref as b, onMounted as w, onBeforeMount as B, watch as y, createBlock as k, createCommentVNode as S } from "vue";
+import { useCoreStore as C } from "@feedmepos/mf-common";
+import { V as F } from "./index-CIXbKN-F.js";
+import { useRoute as R, useRouter as V, RouterLink as L, RouterView as P } from "vue-router";
+import { g as A } from "./index-tAs8jqUd.js";
+import { u as N } from "./index-arvscVup.js";
+const z = { class: "shrink-0 w-64 h-full bg-fm-color-neutral-white border-r border-fm-color-neutral-gray-100 p-[10px] flex flex-col gap-12" }, M = /* @__PURE__ */ d({
+  __name: "NavigationSidebar",
+  setup(g) {
+    const e = R();
+    V();
+    const c = [
+      // {
+      //   name: 'home',
+      //   icon: 'style',
+      // },
+      {
+        name: "projects",
+        icon: "folder"
+      },
+      {
+        name: "builder",
+        icon: "build"
+      },
+      {
+        name: "settings",
+        icon: "settings"
+      }
+    ], t = v(
+      () => (s) => e.matched.map((o) => o.name).includes(s)
+    );
+    return (s, o) => {
+      const a = u("FmButton");
+      return i(), m("div", z, [
+        (i(), m(f, null, x(c, (r) => l("div", null, [
+          n(p(L), {
+            to: { name: r.name }
+          }, {
+            default: _(() => [
+              n(a, {
+                class: "w-[44px] !h-[44px]",
+                size: "lg",
+                icon: r.icon,
+                "icon-color": t.value(r.name) ? "primary" : "neutral-gray-400",
+                "bg-color": t.value(r.name) ? "system-warning-100" : "neutral-white"
+              }, null, 8, ["icon", "icon-color", "bg-color"])
+            ]),
+            _: 2
+          }, 1032, ["to"])
+        ])), 64))
+      ]);
+    };
+  }
+}), $ = { class: "relative h-[calc(100vh-56px)] w-screen" }, E = { class: "flex w-full h-full" }, q = /* @__PURE__ */ d({
+  __name: "App",
+  setup(g) {
+    const e = C(), c = N(), t = b(!0);
+    async function s() {
+      var o;
+      t.value = !0, (o = e.currentBusiness.value) != null && o._id && (await c.getPremiumStatus(e.currentBusiness.value._id), t.value = !1);
+    }
+    return w(() => {
+      console.log("Running v0.5.14-alpha.1"), e.hideSidebar.value = !0, A();
+    }), B(() => {
+      e.hideSidebar.value = !1;
+    }), y(
+      () => e.currentBusiness.value,
+      () => s(),
+      { immediate: !0 }
+    ), (o, a) => {
+      const r = u("FmCircularProgress"), h = u("FmOverlay");
+      return i(), m(f, null, [
+        a[0] || (a[0] = l("link", {
+          href: "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0..1,0",
+          rel: "stylesheet"
+        }, null, -1)),
+        l("div", $, [
+          n(p(F), {
+            position: "top-right",
+            "rich-colors": "",
+            "close-button": "",
+            duration: 3e3
+          }),
+          t.value ? (i(), k(h, {
+            key: 0,
+            "dismiss-away": !1,
+            "prevent-backdrop-event": !1,
+            transparent: !1,
+            "center-content": ""
+          }, {
+            default: _(() => [
+              n(r, { size: "xxl" })
+            ]),
+            _: 1
+          })) : S("", !0),
+          l("div", E, [
+            n(M),
+            n(p(P), { class: "flex-1" })
+          ])
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  q as default
+};