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

package/dist/App-DZzvEb1n.js

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