@feedmepos/mf-brand-app-builder 0.5.47-dev.0 → 0.5.47-dev.1

package/README.md

@@ -4,9 +4,11 @@ This project is a Vue 3-based application for merchants to manage their business
 
 ## Independent Mini Program v2 entry
 
-The `order_miniprogram_v2` environment flag still controls visibility of the
-Mini Program v2 menu item. It opens the independent `/miniprogram-v2` ecosystem
-in the same tab, preserving the selected business, country and restaurant.
+The `order_miniprogram_v2` business flag controls visibility of the "Try new
+version of Miniprogram" banner at the top of the Brandkit page, and can be
+toggled per business via its Flagsmith identity (`business-{id}`). Its action
+opens the independent `/miniprogram-v2` ecosystem in the same tab, preserving
+the selected business, country and restaurant.
 Standalone merchant development falls back to the matching environment's
 Portal URL when the host route is absent.
 

package/dist/App-Ck5Q4Z44.js

@@ -0,0 +1,114 @@
+import { defineComponent as d, computed as h, resolveComponent as u, createElementBlock as m, openBlock as i, Fragment as f, renderList as w, createElementVNode as l, createVNode as a, unref as p, withCtx as _, ref as y, onMounted as b, onBeforeMount as x, watch as B, createBlock as F, createCommentVNode as k } from "vue";
+import { useCoreStore as S } from "@feedmepos/mf-common";
+import { V as C } from "./vue-sonner-CBFYmm8_.js";
+import { useRoute as R, RouterLink as V, RouterView as L } from "vue-router";
+import { g as P } from "./index-D0LOMBBD.js";
+import { u as A } from "./index-BA2J-Ffh.js";
+import { i as N } from "./useBusinessFeatureFlag-CfpvWi12.js";
+const $ = { 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" }, z = /* @__PURE__ */ d({
+  __name: "NavigationSidebar",
+  setup(g) {
+    const e = R(), c = [
+      {
+        name: "brandkit",
+        icon: "style"
+      },
+      {
+        name: "projects",
+        icon: "folder"
+      },
+      {
+        name: "builder",
+        icon: "build"
+      },
+      {
+        name: "settings",
+        icon: "settings"
+      }
+    ], n = h(
+      () => (s) => e.matched.map((t) => t.name).includes(s)
+    );
+    return (s, t) => {
+      const r = u("FmButton");
+      return i(), m("div", $, [
+        (i(), m(f, null, w(c, (o) => l("div", {
+          key: o.name
+        }, [
+          a(p(V), {
+            to: { name: o.name }
+          }, {
+            default: _(() => [
+              a(r, {
+                class: "w-[44px] !h-[44px]",
+                size: "lg",
+                icon: o.icon,
+                "icon-color": n.value(o.name) ? "primary" : "neutral-gray-400",
+                "bg-color": n.value(o.name) ? "system-warning-100" : "neutral-white"
+              }, null, 8, ["icon", "icon-color", "bg-color"])
+            ]),
+            _: 2
+          }, 1032, ["to"])
+        ])), 64))
+      ]);
+    };
+  }
+}), M = { class: "relative h-[calc(100vh-56px)] w-screen" }, E = { class: "flex w-full h-full" }, H = /* @__PURE__ */ d({
+  __name: "App",
+  setup(g) {
+    const e = S(), c = A(), n = y(!0);
+    async function s() {
+      var t;
+      n.value = !0, (t = e.currentBusiness.value) != null && t._id && (await P(), await c.getPremiumStatus(e.currentBusiness.value._id), n.value = !1);
+    }
+    return b(async () => {
+      console.log(
+        `Running v0.5.47-dev.1 on ${e.namespace.value}`
+      ), e.hideSidebar.value = !0;
+      const t = e.namespace.value === "prod" ? "prod" : "dev";
+      N(t).catch(
+        (r) => console.warn("[FeatureFlag] init failed:", r)
+      );
+    }), x(() => {
+      e.hideSidebar.value = !1;
+    }), B(
+      () => e.currentBusiness.value,
+      () => s(),
+      { immediate: !0 }
+    ), (t, r) => {
+      const o = u("FmCircularProgress"), v = u("FmOverlay");
+      return i(), m(f, null, [
+        r[0] || (r[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", M, [
+          a(p(C), {
+            position: "top-right",
+            "rich-colors": "",
+            "close-button": "",
+            duration: 3e3
+          }),
+          n.value ? (i(), F(v, {
+            key: 0,
+            "dismiss-away": !1,
+            "prevent-backdrop-event": !1,
+            transparent: !1,
+            "center-content": ""
+          }, {
+            default: _(() => [
+              a(o, { size: "xxl" })
+            ]),
+            _: 1
+          })) : k("", !0),
+          l("div", E, [
+            a(z),
+            a(p(L), { class: "flex-1" })
+          ])
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  H as default
+};