@feedmepos/mf-brand-app-builder 0.5.10-alpha → 0.5.11-alpha

package/dist/{App-BTp13JKK.js → App-HmTl4UNG.js}

@@ -2,7 +2,7 @@ import { defineComponent as d, computed as g, resolveComponent as u, openBlock a
 import { useCoreStore as C } from "@feedmepos/mf-common";
 import { V as F } from "./vue-sonner-PX6Req0V.js";
 import { useRoute as R, RouterLink as S, RouterView as V } from "vue-router";
-import { g as L } from "./index-BCW4xCUr.js";
+import { g as L } from "./index-4BDCQhnW.js";
 const A = { 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" }, N = /* @__PURE__ */ d({
   __name: "NavigationSidebar",
   setup(h) {
@@ -51,7 +51,7 @@ const A = { class: "shrink-0 w-64 h-full bg-fm-color-neutral-white border-r bord
       r.value = !0, (t = e.currentBusiness.value) != null && t._id && (r.value = !1);
     }
     return b(() => {
-      console.log("Running v0.5.10-alpha"), e.hideSidebar.value = !0, L();
+      console.log("Running v0.5.11-alpha"), e.hideSidebar.value = !0, L();
     }), w(() => {
       e.hideSidebar.value = !1;
     }), y(

package/dist/{AssetsSettings-B3YZrxpH.js → AssetsSettings-CEE324yJ.js}

@@ -1,6 +1,6 @@
 import { defineComponent as Z, ref as c, watch as y, resolveComponent as u, openBlock as P, createElementBlock as B, createElementVNode as w, createBlock as h, createCommentVNode as d, createVNode as D, createSlots as b, withCtx as a, Fragment as j, unref as G } from "vue";
-import { B as X } from "./index-a8ArtY0N.js";
-import { r as Y, I as C } from "./image-CPtcuzIw.js";
+import { B as X } from "./index-CDkBzOOg.js";
+import { r as Y, I as C } from "./image-D7X25pKn.js";
 import { useCoreStore as m } from "@feedmepos/mf-common";
 import { C as N, D as F } from "./CircularProgress-h90pbjU3.js";
 import { K as V } from "./vue-sonner-PX6Req0V.js";
@@ -46,7 +46,7 @@ const i = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAA
               name: e.currentBusiness.value.name,
               thumbnail: e.currentBusiness.value.thumbnail,
               url: e.currentBusiness.value.url,
-              coverPhoto: `https://image.feedme.cc/business/${e.currentBusiness.value._id}/${A}?t=${Date.now().toString()}`
+              coverPhoto: `https://image.feedmedev.cc/business/${e.currentBusiness.value._id}/${A}?t=${Date.now().toString()}`
             }).then(
               () => {
                 var M;
@@ -59,7 +59,7 @@ const i = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAA
             e.currentBusiness.value._id,
             r.value
           ).then(
-            () => g.value = `https://api.feedme.vip/metadata/${e.currentBusiness.value._id}/pwa-512x512.png`
+            () => g.value = `https://api.feedmedev.vip/metadata/${e.currentBusiness.value._id}/pwa-512x512.png`
           );
         },
         {
@@ -77,7 +77,7 @@ const i = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAA
           e.currentBusiness.value._id
         ).then((A) => A.pwaConfig.name).catch(() => ""), f.value = Y(
           ((v = e.currentBusiness.value) == null ? void 0 : v.coverPhoto) ?? ""
-        ), g.value = `https://api.feedme.vip/metadata/${e.currentBusiness.value._id}/pwa-512x512.png`);
+        ), g.value = `https://api.feedmedev.vip/metadata/${e.currentBusiness.value._id}/pwa-512x512.png`);
       },
       {
         immediate: !0

package/dist/{BuilderView-C7aUxRn_.js → BuilderView-DWl3h2k9.js}

@@ -1,14 +1,14 @@
 import { resolveComponent as Y, TransitionGroup as Fo, defineComponent as ie, h as Qt, nextTick as On, isRef as Po, isReactive as Ao, isProxy as $o, toRaw as Mo, ref as J, openBlock as D, createElementBlock as O, Fragment as Te, renderList as ot, unref as A, createElementVNode as k, toDisplayString as Pe, createVNode as S, withCtx as M, createBlock as te, createCommentVNode as ne, computed as re, withDirectives as At, withModifiers as Zt, vShow as $t, normalizeClass as Ke, watch as en, createTextVNode as Lo, onMounted as Un, normalizeProps as Cn, mergeProps as Ro, resolveDynamicComponent as Oo, guardReactiveProps as Uo, normalizeStyle as Vo, renderSlot as dn, provide as Ho, inject as zo, markRaw as Yo } from "vue";
-import { T as jo, B as Vn, u as rt } from "./index-DMyyyPZ5.js";
+import { T as jo, B as Vn, u as rt } from "./index-B1VIIc4c.js";
 import { defineStore as Hn, storeToRefs as Go } from "pinia";
 import { v as _n } from "./v4-ANoOI1Qw.js";
 import { _ as ke } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
-import { _ as Wo, a as Xo, C as Ko } from "./main-BUI2Mmvv.js";
+import { _ as Wo, a as Xo, C as Ko } from "./main-CZCjdYQJ.js";
 import { useCoreStore as Fe } from "@feedmepos/mf-common";
 import { K as se, V as Jo } from "./vue-sonner-PX6Req0V.js";
 import { useDialog as qo, components as Qo } from "@feedmepos/ui-library";
-import { F as Zo, a as er } from "./app-BSHlK7o2.js";
-import { B as tr } from "./index-a8ArtY0N.js";
+import { F as Zo, a as er } from "./app-Dk2q-I0Y.js";
+import { B as tr } from "./index-CDkBzOOg.js";
 /**!
  * Sortable 1.14.0
  * @author	RubaXa   <trash@rubaxa.org>
@@ -2650,7 +2650,7 @@ const si = { class: "flex flex-col gap-24 h-full flex-shrink-0 w-[320px] bg-fm-c
     }
     async function g() {
       var w;
-      const m = `${"https://{slug}.feedme.vip".replace("{slug}", `${r.currentBusiness.value.url ?? ((w = r.currentBusiness.value) == null ? void 0 : w.id)}`)}`;
+      const m = `${"https://{slug}.feedmedev.vip".replace("{slug}", `${r.currentBusiness.value.url ?? ((w = r.currentBusiness.value) == null ? void 0 : w.id)}`)}`;
       se.promise(
         async () => {
           var v;
@@ -4212,7 +4212,7 @@ lt.toString = yn.bind(null, function(t, e, n) {
 const pa = { class: "flex items-center justify-center" }, ma = { class: "w-full flex gap-8 justify-end items-center" }, ha = /* @__PURE__ */ ie({
   __name: "PreviewQrCode",
   setup(t) {
-    const e = J(), n = Fe(), o = rt(), r = J(!1), i = re(() => `${`${"https://{slug}.feedme.vip".replace("{slug}", `${n.currentBusiness.value.url}`)}`}/preview/${o.state.selectedTemplate.templateId}`);
+    const e = J(), n = Fe(), o = rt(), r = J(!1), i = re(() => `${`${"https://{slug}.feedmedev.vip".replace("{slug}", `${n.currentBusiness.value.url}`)}`}/preview/${o.state.selectedTemplate.templateId}`);
     function a() {
       se.promise(navigator.clipboard.writeText(i.value), {
         loading: "Copying...",
@@ -4758,7 +4758,10 @@ const pa = { class: "flex items-center justify-center" }, ma = { class: "w-full
                   },
                   {
                     $formkit: "BaImageUpload",
-                    name: "imageUrl"
+                    name: "imageUrl",
+                    props: {
+                      ignoreUpdate: !0
+                    }
                   },
                   {
                     $formkit: "BaLinkButton",

package/dist/ImageUpload-DKnCHOIX.js

@@ -0,0 +1,73 @@
+import { defineComponent as y, ref as b, resolveComponent as w, openBlock as r, createElementBlock as s, createVNode as c, Fragment as C, createElementVNode as i, unref as u, createCommentVNode as f } from "vue";
+import { r as g, I as h } from "./image-D7X25pKn.js";
+import { useCoreStore as I } from "@feedmepos/mf-common";
+import "./main-CZCjdYQJ.js";
+import { _ as $ } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
+import { C as k } from "./CircularProgress-h90pbjU3.js";
+import { v as F } from "./v4-ANoOI1Qw.js";
+const B = { class: "w-full h-[210px] relative" }, P = { class: "absolute z-[1] top-0 left-0 h-full w-full bg-fm-color-neutral-white border border-dashed border-fm-color-neutral-gray-200" }, j = ["src"], z = {
+  key: 1,
+  class: "absolute z-[3] top-0 left-0 rounded-md bg-fm-color-neutral-gray-100 bg-opacity-80 w-full h-full flex justify-center items-center"
+}, L = /* @__PURE__ */ y({
+  __name: "ImageUpload",
+  props: {
+    context: {}
+  },
+  setup(_) {
+    const e = _, l = I(), t = b(!1);
+    async function v(o) {
+      t.value = !0, await h.uploadImage(
+        l.currentBusiness.value._id,
+        `${F()}.${o.name.split(".").pop()}`,
+        o
+      ).then((m) => {
+        var p;
+        const a = `https://image.feedmedev.cc/business/${l.currentBusiness.value._id}/${m.imagePath}`;
+        e.context.node.input(a);
+        const n = new Image();
+        (p = e.context.attrs.props) != null && p.ignoreUpdate || (n.onload = () => {
+          var d;
+          ((d = e.context.node.at("$root")) == null ? void 0 : d._value).containerStyles.height = `${Math.min(n.height, 400)}px`;
+        }), n.src = g(a);
+      }).finally(() => t.value = !1);
+    }
+    async function x() {
+      t.value = !0;
+      const o = e.context._value.split("/").pop();
+      await h.deleteImage(l.currentBusiness.value._id, o).then(() => e.context.node.input("")).finally(() => t.value = !1);
+    }
+    return (o, m) => {
+      const a = w("FmDropField");
+      return r(), s("div", B, [
+        c(a, {
+          class: "w-full h-full",
+          onFileUpload: v
+        }),
+        e.context._value && !t.value ? (r(), s(C, { key: 0 }, [
+          i("div", P, [
+            i("img", {
+              class: "w-full h-full object-contain",
+              src: u(g)(e.context._value)
+            }, null, 8, j)
+          ]),
+          i("button", {
+            type: "button",
+            class: "absolute z-[2] -right-8 -top-8 w-24 h-24 bg-fm-color-system-error-300 rounded-full flex items-center justify-center",
+            onClick: x
+          }, [
+            c(u($), {
+              name: "close",
+              class: "!text-[16px] text-fm-color-typo-white"
+            })
+          ])
+        ], 64)) : f("", !0),
+        t.value ? (r(), s("div", z, [
+          c(u(k))
+        ])) : f("", !0)
+      ]);
+    };
+  }
+});
+export {
+  L as default
+};

package/dist/{LinkButton-DA6Cy32J.js → LinkButton-DqPM-ILu.js}

@@ -1,5 +1,5 @@
 import { defineComponent as L, ref as f, computed as k, onBeforeMount as P, resolveComponent as c, openBlock as p, createBlock as v, withCtx as m, createElementBlock as x, createElementVNode as o, toDisplayString as I, createVNode as r, withModifiers as R, Fragment as C, renderList as F } from "vue";
-import { u as $, B as y } from "./index-DMyyyPZ5.js";
+import { u as $, B as y } from "./index-B1VIIc4c.js";
 import { _ as j } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
 import { useCoreStore as z } from "@feedmepos/mf-common";
 const A = {

package/dist/{ListRepeater-CvYZeJ3Y.js → ListRepeater-eX5bRq3G.js}

@@ -1,5 +1,5 @@
 import { defineComponent as b, resolveComponent as y, openBlock as c, createBlock as s, unref as u, withCtx as i, createElementBlock as m, Fragment as x, renderList as g, createElementVNode as p, createVNode as n, resolveDynamicComponent as F } from "vue";
-import { F as f } from "./app-BSHlK7o2.js";
+import { F as f } from "./app-Dk2q-I0Y.js";
 const h = { class: "flex justify-end gap-4 items-center w-full py-16 px-12 border-b" }, z = { class: "flex flex-col gap-4 w-full p-12" }, I = /* @__PURE__ */ b({
   __name: "ListRepeater",
   props: {

package/dist/{ManagementSettings-_d82ePt4.js → ManagementSettings-B7bOKxr_.js}

@@ -1,8 +1,8 @@
 import { defineComponent as x, ref as b, computed as B, watch as j, resolveComponent as m, openBlock as p, createElementBlock as w, createElementVNode as r, createVNode as c, unref as l, createBlock as z, withCtx as S, toDisplayString as $ } from "vue";
 import { useCoreStore as F } from "@feedmepos/mf-common";
-import { B as g } from "./index-a8ArtY0N.js";
+import { B as g } from "./index-CDkBzOOg.js";
 import { K as P } from "./vue-sonner-PX6Req0V.js";
-import { r as U, I as V } from "./image-CPtcuzIw.js";
+import { r as U, I as V } from "./image-D7X25pKn.js";
 const q = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), C = [
   "brand",
   "home",
@@ -509,7 +509,7 @@ const q = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), C = [
       url: "",
       thumbnail: ""
     }), y = B(
-      () => "https://{slug}.feedme.vip".replace("https://{slug}", "")
+      () => "https://{slug}.feedmedev.vip".replace("https://{slug}", "")
     );
     function k() {
       P.promise(
@@ -548,9 +548,9 @@ const q = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), C = [
         await g.updateBusinessProfile(s.currentBusiness.value._id, {
           name: a.value.name,
           url: a.value.url,
-          thumbnail: `https://image.feedme.cc/business/${s.currentBusiness.value._id}/${u.imagePath}`,
+          thumbnail: `https://image.feedmedev.cc/business/${s.currentBusiness.value._id}/${u.imagePath}`,
           coverPhoto: s.currentBusiness.value.coverPhoto
-        }), a.value.thumbnail = `https://image.feedme.cc/business/${s.currentBusiness.value._id}/${u.imagePath}`;
+        }), a.value.thumbnail = `https://image.feedmedev.cc/business/${s.currentBusiness.value._id}/${u.imagePath}`;
       });
     }
     return j(

package/dist/{app-BSHlK7o2.js → app-Dk2q-I0Y.js}

@@ -8,7 +8,7 @@ const vo = [
   {
     path: "/builder",
     name: "builder",
-    component: L(() => import("./BuilderView-C7aUxRn_.js"))
+    component: L(() => import("./BuilderView-DWl3h2k9.js"))
   },
   {
     path: "/settings",
@@ -19,12 +19,12 @@ const vo = [
       {
         path: "assets",
         name: "settings-assets",
-        component: L(() => import("./AssetsSettings-B3YZrxpH.js"))
+        component: L(() => import("./AssetsSettings-CEE324yJ.js"))
       },
       {
         path: "management",
         name: "settings-management",
-        component: L(() => import("./ManagementSettings-_d82ePt4.js"))
+        component: L(() => import("./ManagementSettings-B7bOKxr_.js"))
       }
     ]
   },
@@ -4669,18 +4669,18 @@ const go = (e) => {
         BaStepperField: B(L(() => import("./StepperField-DrHM9EDn.js")), { props: ["suffix", "disabled"] }),
         BaColorPicker: B(L(() => import("./ColorPicker-DAysa9fA.js"))),
         BaSelect: B(L(() => import("./Select-CbQFoAzb.js")), { props: ["selectItems"] }),
-        BaListRepeater: B(L(() => import("./ListRepeater-CvYZeJ3Y.js"))),
+        BaListRepeater: B(L(() => import("./ListRepeater-eX5bRq3G.js"))),
         BaTextStyleList: B(L(() => import("./TextStyleList-CuPE80Py.js"))),
         BaTextAlign: B(L(() => import("./TextAlign-BOC8ekaH.js"))),
         BaTextDecorators: B(L(() => import("./TextDecorators-BJC4umDR.js"))),
-        BaImageUpload: B(L(() => import("./ImageUpload-c_kO3iHP.js"))),
-        BaLinkButton: B(L(() => import("./LinkButton-DA6Cy32J.js"))),
+        BaImageUpload: B(L(() => import("./ImageUpload-DKnCHOIX.js"))),
+        BaLinkButton: B(L(() => import("./LinkButton-DqPM-ILu.js"))),
         BaSwitch: B(L(() => import("./Switch-8mmNQUDo.js"))),
         BaButtonGroup: B(L(() => import("./ButtonGroup-B3ba45VA.js")), { props: ["groupItems"] })
       }
     })
   );
-}, ho = L(() => import("./App-BTp13JKK.js"));
+}, ho = L(() => import("./App-HmTl4UNG.js"));
 export {
   dn as F,
   pn as a,

package/dist/app.js

@@ -1,5 +1,5 @@
 import "vue";
-import { b as p, c as s, r as t } from "./app-BSHlK7o2.js";
+import { b as p, c as s, r as t } from "./app-Dk2q-I0Y.js";
 export {
   p as FmApp,
   s as FormKitPlugin,

package/dist/{image-CPtcuzIw.js → image-D7X25pKn.js}

@@ -1,8 +1,8 @@
-import { H as r } from "./index-BCW4xCUr.js";
+import { H as r } from "./index-4BDCQhnW.js";
 async function p(e, t, a) {
   const n = new FormData();
   return n.append("file", a), (await r.Put(
-    "https://api.feedme.vip",
+    "https://api.feedmedev.vip",
     `/image/${e}/${t}`,
     {
       headers: {
@@ -12,15 +12,15 @@ async function p(e, t, a) {
     }
   )).data;
 }
-async function i(e, t) {
+async function d(e, t) {
   return (await r.Delete(
-    "https://api.feedme.vip",
+    "https://api.feedmedev.vip",
     `/image/${e}/${t}`
   )).data;
 }
-async function s(e, t) {
+async function i(e, t) {
   const a = new FormData();
-  return a.append("file", t), a.append("businessId", e), (await r.Put("https://pwa-icon-service.feedmeapi.com", "", {
+  return a.append("file", t), a.append("businessId", e), (await r.Put("https://pwa-icon-service.feedmeapidev.com", "", {
     headers: {
       "Content-Type": "multipart/form-data"
     },
@@ -29,8 +29,8 @@ async function s(e, t) {
 }
 const o = {
   uploadImage: p,
-  deleteImage: i,
-  uploadAppIcon: s
+  deleteImage: d,
+  uploadAppIcon: i
 };
 function c(e) {
   return e.replace("images.feedme-dev.workers.dev", "image.feedmedev.vip").replace("image.feedmedev.cc", "image.feedmedev.vip");