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

package/README.md

@@ -2,6 +2,22 @@
 
 This project is a Vue 3-based application for merchants to manage their business mini-programs.
 
+## Independent Mini Program v2 entry
+
+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.
+
+Keep `/brand/miniprogram-workspace` as a permission-gated compatibility route:
+the runtime `MiniprogramWorkspace` export redirects historical links to the new
+workspace. The v2 microfrontend owns this redirect and its own sidebar, while
+the Portal host continues to own authentication, merchant selection and the
+top bar. Brand Kit, v1 Builder and legacy settings remain available here.
+
 ## Recommended IDE Setup
 
 [VSCode](https://code.visualstudio.com/) + [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) + [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)

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
+};