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

package/dist/{App-DlXJxY3V.js → App-Cjs07ykk.js}

@@ -61,7 +61,7 @@ const $ = { class: "shrink-0 w-64 h-full bg-fm-color-neutral-white border-r bord
     }
     return x(async () => {
       console.log(
-        `Running v0.5.14-alpha.6 on ${e.namespace.value}`
+        `Running v0.5.14-alpha.7 on ${e.namespace.value}`
       ), e.hideSidebar.value = !0;
     }), y(() => {
       e.hideSidebar.value = !1;

package/dist/{BuilderView-bU9SJ714.js → BuilderView-Bc4MY2yW.js}

@@ -6,12 +6,12 @@ import { A as qn } from "./index-BakrTyC_.js";
 import { v as wa } from "./v4-CKwdnpQf.js";
 import { _ as Oe } from "./Icon.vue_vue_type_style_index_0_lang-BcRjQndc.js";
 import { B as Ha } from "./BaDivider-Cp9gfB4r.js";
-import { C as Ea, _ as Qn, a as eo } from "./main-B7vr23OR.js";
+import { C as Ea, _ as Qn, a as eo } from "./main-Fyx00kwA.js";
 import { useCoreStore as Le } from "@feedmepos/mf-common";
 import { K as ie, V as to } from "./vue-sonner-CBFYmm8_.js";
 import { useDialog as ao, components as no } from "@feedmepos/ui-library";
 import { useRouter as za } from "vue-router";
-import { F as oo, a as io } from "./app-DLQzvkie.js";
+import { F as oo, a as io } from "./app-D2UO4Oi4.js";
 import { u as ro } from "./index-CajMju7D.js";
 /**!
  * Sortable 1.14.0
@@ -8470,6 +8470,11 @@ const Br = { class: "flex items-center justify-center" }, Dr = { class: "w-full
                 $formkit: "BaSwitch",
                 label: "Delivery",
                 name: "showDelivery"
+              },
+              {
+                $formkit: "BaSwitch",
+                label: "Queue",
+                name: "showQueue"
               }
             ]
           },

package/dist/{ImageUpload-DvKlHwuV.js → ImageUpload-BOQ3EeH7.js}

@@ -1,7 +1,7 @@
 import { defineComponent as y, ref as b, resolveComponent as w, createElementBlock as r, openBlock as s, createVNode as c, createCommentVNode as f, Fragment as C, createElementVNode as i, unref as u } from "vue";
 import { r as g, I as h } from "./image-CgXjWyqN.js";
 import { useCoreStore as I } from "@feedmepos/mf-common";
-import "./main-B7vr23OR.js";
+import "./main-Fyx00kwA.js";
 import { _ as $ } from "./Icon.vue_vue_type_style_index_0_lang-BcRjQndc.js";
 import { C as k } from "./CircularProgress-DdblYCtV.js";
 import { v as F } from "./v4-CKwdnpQf.js";

package/dist/{ListRepeater-CyqBYwTm.js → ListRepeater-djDpG66Q.js}

@@ -1,5 +1,5 @@
 import { defineComponent as b, resolveComponent as y, createBlock as s, openBlock as c, 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-DLQzvkie.js";
+import { F as f } from "./app-D2UO4Oi4.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-DJnlZHFI.js → ManagementSettings-IjWJb-p3.js}

@@ -1,10 +1,10 @@
-import { defineComponent as S, ref as y, computed as C, watch as F, resolveComponent as m, createElementBlock as k, openBlock as d, createElementVNode as i, createVNode as o, createBlock as U, unref as l, withCtx as _, toDisplayString as P } from "vue";
-import { useCoreStore as V } from "@feedmepos/mf-common";
+import { defineComponent as B, ref as w, computed as j, watch as z, resolveComponent as c, createElementBlock as y, openBlock as p, createElementVNode as i, createVNode as l, createBlock as S, unref as o, withCtx as $ } from "vue";
+import { useCoreStore as F } from "@feedmepos/mf-common";
 import { B as g } from "./index-CgMKkAzT.js";
-import { K as x } from "./vue-sonner-CBFYmm8_.js";
-import { r as q, I as L } from "./image-CgXjWyqN.js";
-import { useSnackbar as A } from "@feedmepos/ui-library";
-const I = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), R = [
+import { K as C } from "./vue-sonner-CBFYmm8_.js";
+import { r as U, I as P } from "./image-CgXjWyqN.js";
+import { useSnackbar as V } from "@feedmepos/ui-library";
+const q = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), I = [
   "brand",
   "home",
   "app",
@@ -502,22 +502,23 @@ const I = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), R = [
   "za",
   "zm",
   "zw"
-], T = { class: "w-full flex flex-col gap-40" }, E = { class: "flex flex-col gap-24" }, D = { class: "w-full flex items-center justify-between h-[36px]" }, K = { class: "w-full flex gap-32" }, M = { class: "relative shrink-0 h-[100px] w-[100px]" }, N = ["src"], O = { class: "absolute -top-8 -right-8 rounded-full h-32 w-32 border border-fm-color-neutral-gray-100 bg-fm-color-neutral-white flex justify-center items-center" }, G = { class: "w-full flex flex-col gap-24 max-w-[400px]" }, H = { class: "text-fm-color-typo-secondary" }, se = /* @__PURE__ */ S({
+], R = { class: "w-full flex flex-col gap-40" }, A = { class: "flex flex-col gap-24" }, L = { class: "w-full flex items-center justify-between h-[36px]" }, T = { class: "w-full flex gap-32" }, E = { class: "relative shrink-0 h-[100px] w-[100px]" }, K = ["src"], M = { class: "absolute -top-8 -right-8 rounded-full h-32 w-32 border border-fm-color-neutral-gray-100 bg-fm-color-neutral-white flex justify-center items-center" }, N = { class: "w-full flex flex-col gap-24 max-w-[400px]" }, X = /* @__PURE__ */ B({
   __name: "ManagementSettings",
-  setup(J) {
-    const s = V(), h = A(), p = y(!0), t = y({
+  setup(D) {
+    const s = F(), h = V(), d = w(!0), a = w({
       name: "",
       url: "",
       thumbnail: ""
-    }), v = C(
+    });
+    j(
       () => "https://{slug}.feedmedev.vip".replace("https://{slug}", "")
     );
-    function B() {
-      var a, e;
+    function k() {
+      var t, e;
       navigator.clipboard.writeText(
         "https://{slug}.feedmedev.vip".replace(
           "{slug}",
-          ((a = s.currentBusiness.value) == null ? void 0 : a.url) ?? ((e = s.currentBusiness.value) == null ? void 0 : e._id)
+          ((t = s.currentBusiness.value) == null ? void 0 : t.url) ?? ((e = s.currentBusiness.value) == null ? void 0 : e._id)
         )
       ).then(() => {
         h.open(
@@ -537,100 +538,87 @@ const I = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), R = [
         );
       });
     }
-    function j() {
-      x.promise(
+    function x() {
+      C.promise(
         g.setShortUrl(
-          t.value.url,
+          a.value.url,
           s.currentBusiness.value.url ?? "",
           s.currentBusiness.value._id
-        ).then(async (a) => await g.updateBusinessProfile(
+        ).then(async (t) => await g.updateBusinessProfile(
           s.currentBusiness.value._id,
           {
-            name: t.value.name,
-            url: t.value.url,
+            name: a.value.name,
+            url: a.value.url,
             thumbnail: s.currentBusiness.value.thumbnail,
             coverPhoto: s.currentBusiness.value.coverPhoto
           }
-        ).then(() => a).catch((e) => {
+        ).then(() => t).catch((e) => {
           throw { message: e.message };
-        })).catch((a) => {
-          throw { message: a.message };
+        })).catch((t) => {
+          throw { message: t.message };
         }),
         {
           loading: "Saving your settings...",
           success: () => "Settings saved",
-          error: (a) => a.message ?? "An error occured when saving your settings, please try again"
+          error: (t) => t.message ?? "An error occured when saving your settings, please try again"
         }
       );
     }
-    function z(a) {
+    function _(t) {
       var r, u;
-      const e = ((r = a.dataTransfer) == null ? void 0 : r.files[0]) ?? ((u = a.target) == null ? void 0 : u.files[0]);
-      L.uploadImage(
+      const e = ((r = t.dataTransfer) == null ? void 0 : r.files[0]) ?? ((u = t.target) == null ? void 0 : u.files[0]);
+      P.uploadImage(
         s.currentBusiness.value._id,
         `thumbnail/${(/* @__PURE__ */ new Date()).toISOString()}.${e.name.split(".").pop()}`,
         e
-      ).then(async (c) => {
+      ).then(async (m) => {
         await g.updateBusinessProfile(s.currentBusiness.value._id, {
-          name: t.value.name,
-          url: t.value.url,
-          thumbnail: `https://image.feedmedev.cc/business/${s.currentBusiness.value._id}/${c.imagePath}`,
+          name: a.value.name,
+          url: a.value.url,
+          thumbnail: `https://image.feedmedev.cc/business/${s.currentBusiness.value._id}/${m.imagePath}`,
           coverPhoto: s.currentBusiness.value.coverPhoto
-        }), t.value.thumbnail = `https://image.feedmedev.cc/business/${s.currentBusiness.value._id}/${c.imagePath}`;
+        }), a.value.thumbnail = `https://image.feedmedev.cc/business/${s.currentBusiness.value._id}/${m.imagePath}`;
       });
     }
-    function $() {
-      var a, e;
-      x.promise(
-        navigator.clipboard.writeText(
-          `${((a = s.currentBusiness.value) == null ? void 0 : a.url) ?? ((e = s.currentBusiness.value) == null ? void 0 : e._id)}${v.value}`
-        ),
-        {
-          loading: "Copying...",
-          success: () => "Link copied",
-          error: () => "Error copying link, please try again"
-        }
-      );
-    }
-    return F(
+    return z(
       () => s.currentBusiness.value,
       () => {
-        var a, e, r;
-        t.value.name = ((a = s.currentBusiness.value) == null ? void 0 : a.name) ?? "", t.value.url = ((e = s.currentBusiness.value) == null ? void 0 : e.url) ?? "", t.value.thumbnail = ((r = s.currentBusiness.value) == null ? void 0 : r.thumbnail) ?? "";
+        var t, e, r;
+        a.value.name = ((t = s.currentBusiness.value) == null ? void 0 : t.name) ?? "", a.value.url = ((e = s.currentBusiness.value) == null ? void 0 : e.url) ?? "", a.value.thumbnail = ((r = s.currentBusiness.value) == null ? void 0 : r.thumbnail) ?? "";
       },
       { immediate: !0 }
-    ), (a, e) => {
-      var b, w;
-      const r = m("FmButton"), u = m("FmAvatar"), c = m("FmIcon"), f = m("FmTextField");
-      return d(), k("div", T, [
-        i("div", E, [
-          i("div", D, [
+    ), (t, e) => {
+      var v, b;
+      const r = c("FmButton"), u = c("FmAvatar"), m = c("FmIcon"), f = c("FmTextField");
+      return p(), y("div", R, [
+        i("div", A, [
+          i("div", L, [
             e[5] || (e[5] = i("h2", { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Business details ", -1)),
-            o(r, {
-              disabled: p.value,
+            l(r, {
+              disabled: d.value,
               label: "Save",
-              onClick: j
+              onClick: x
             }, null, 8, ["disabled"])
           ]),
-          i("div", K, [
-            i("div", M, [
-              t.value.thumbnail ? (d(), k("img", {
+          i("div", T, [
+            i("div", E, [
+              a.value.thumbnail ? (p(), y("img", {
                 key: 0,
                 class: "h-full w-full rounded-full",
-                src: l(q)(t.value.thumbnail)
-              }, null, 8, N)) : (d(), U(u, {
+                src: o(U)(a.value.thumbnail)
+              }, null, 8, K)) : (p(), S(u, {
                 key: 1,
-                name: ((b = l(s).currentBusiness.value) == null ? void 0 : b.name) ?? "",
+                name: ((v = o(s).currentBusiness.value) == null ? void 0 : v.name) ?? "",
                 class: "h-full w-full !fm-typo-en-title-md-600 bg-fm-color-primary-oats text-fm-color-primary"
               }, null, 8, ["name"])),
-              i("button", O, [
+              i("button", M, [
                 i("input", {
                   class: "absolute top-0 left-0 h-32 w-32 opacity-0 cursor-pointer",
                   type: "file",
                   accept: "image/*",
-                  onChange: z
+                  onChange: _
                 }, null, 32),
-                o(c, {
+                l(m, {
                   size: "md",
                   name: "edit",
                   color: "neutral-black",
@@ -638,44 +626,36 @@ const I = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), R = [
                 })
               ])
             ]),
-            i("div", G, [
-              o(f, {
+            i("div", N, [
+              l(f, {
                 class: "w-full",
                 label: "Business name",
-                modelValue: t.value.name,
+                modelValue: a.value.name,
                 "onUpdate:modelValue": [
-                  e[0] || (e[0] = (n) => t.value.name = n),
-                  e[1] || (e[1] = (n) => p.value = !1)
+                  e[0] || (e[0] = (n) => a.value.name = n),
+                  e[1] || (e[1] = (n) => d.value = !1)
                 ]
               }, null, 8, ["modelValue"]),
-              o(f, {
+              l(f, {
                 class: "w-full",
                 label: "URL",
-                placeholder: (w = l(s).currentBusiness.value) == null ? void 0 : w._id,
-                modelValue: t.value.url,
+                placeholder: (b = o(s).currentBusiness.value) == null ? void 0 : b._id,
+                modelValue: a.value.url,
                 "onUpdate:modelValue": [
-                  e[3] || (e[3] = (n) => t.value.url = n),
-                  e[4] || (e[4] = (n) => p.value = !1)
+                  e[3] || (e[3] = (n) => a.value.url = n),
+                  e[4] || (e[4] = (n) => d.value = !1)
                 ],
                 rules: [
-                  (n) => !n || l(I).test(n) || "Min 6 characters, alphanumeric only",
-                  (n) => !n || !l(R).includes(n) || "Business URL is reserved"
+                  (n) => !n || o(q).test(n) || "Min 6 characters, alphanumeric only",
+                  (n) => !n || !o(I).includes(n) || "Business URL is reserved"
                 ]
               }, {
-                prepend: _(() => [
-                  o(r, {
+                prepend: $(() => [
+                  l(r, {
                     icon: "content_copy",
                     size: "md",
                     variant: "plain",
-                    onClick: e[2] || (e[2] = (n) => B())
-                  })
-                ]),
-                append: _(() => [
-                  i("span", H, P(v.value), 1),
-                  o(r, {
-                    icon: "content_copy",
-                    variant: "plain",
-                    onClick: $
+                    onClick: e[2] || (e[2] = (n) => k())
                   })
                 ]),
                 _: 1
@@ -688,5 +668,5 @@ const I = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), R = [
   }
 });
 export {
-  se as default
+  X as default
 };

package/dist/{app-DLQzvkie.js → app-D2UO4Oi4.js}

@@ -13,7 +13,7 @@ const vo = [
   {
     path: "/builder/:templateId(.*)*",
     name: "builder",
-    component: L(() => import("./BuilderView-bU9SJ714.js"))
+    component: L(() => import("./BuilderView-Bc4MY2yW.js"))
   },
   {
     path: "/settings",
@@ -32,7 +32,7 @@ const vo = [
         path: "management",
         name: "settings-management",
         component: L(
-          () => import("./ManagementSettings-DJnlZHFI.js")
+          () => import("./ManagementSettings-IjWJb-p3.js")
         )
       }
     ]
@@ -4698,7 +4698,7 @@ const go = (e) => {
         ),
         BaListRepeater: U(
           L(
-            () => import("./ListRepeater-CyqBYwTm.js")
+            () => import("./ListRepeater-djDpG66Q.js")
           )
         ),
         BaTextStyleList: U(
@@ -4718,7 +4718,7 @@ const go = (e) => {
         ),
         BaImageUpload: U(
           L(
-            () => import("./ImageUpload-DvKlHwuV.js")
+            () => import("./ImageUpload-BOQ3EeH7.js")
           ),
           { props: ["ignoreUpdate"] }
         ),
@@ -4739,7 +4739,7 @@ const go = (e) => {
       }
     })
   );
-}, ho = L(() => import("./App-DlXJxY3V.js"));
+}, ho = L(() => import("./App-Cjs07ykk.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-DLQzvkie.js";
+import { b as p, c as s, r as t } from "./app-D2UO4Oi4.js";
 export {
   p as FmApp,
   s as FormKitPlugin,

package/dist/client/components/src/components/NavigationBar.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<__VLS_Prop
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onBack?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
+    append?: ((props: {}) => any) | undefined;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/client/components/src/components/OrderMethod.vue.d.ts

@@ -4,6 +4,7 @@ interface ITextDisplayProps {
     showQr: boolean;
     showPickUp: boolean;
     showDelivery: boolean;
+    showQueue: boolean;
     qrStyle: {
         textColor: string;
         iconColor: string;
@@ -18,9 +19,11 @@ declare const _default: import("vue").DefineComponent<ITextDisplayProps, {}, {},
     qrOrder: () => any;
     delivery: () => any;
     pickup: () => any;
+    queue: () => any;
 }, string, import("vue").PublicProps, Readonly<ITextDisplayProps> & Readonly<{
     onQrOrder?: (() => any) | undefined;
     onDelivery?: (() => any) | undefined;
     onPickup?: (() => any) | undefined;
+    onQueue?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/{main-B7vr23OR.js → main-Fyx00kwA.js}

@@ -6191,10 +6191,11 @@ const re = ["src"], ne = {
     showQr: { type: Boolean },
     showPickUp: { type: Boolean },
     showDelivery: { type: Boolean },
+    showQueue: { type: Boolean },
     qrStyle: {},
     pickupDeliveryStyle: {}
   },
-  emits: ["qrOrder", "delivery", "pickup"],
+  emits: ["qrOrder", "delivery", "pickup", "queue"],
   setup(B, { emit: A }) {
     const C = B, g = A, e = hA(() => [
       ...C.showDelivery ? [
@@ -6214,6 +6215,15 @@ const re = ["src"], ne = {
             g("pickup");
           }
         }
+      ] : [],
+      ...C.showQueue ? [
+        {
+          name: "Queue",
+          icon: "add_to_queue",
+          action: () => {
+            g("queue");
+          }
+        }
       ] : []
     ]);
     return (E, I) => (F(), _(oA, vA(E.containerStyles, { class: "overflow-hidden" }), {
@@ -6235,12 +6245,12 @@ const re = ["src"], ne = {
           }, 8, ["button-color", "text-color", "icon-color"])) : N("", !0),
           e.value.length > 0 ? (F(), L("div", {
             key: 1,
-            class: QA(["w-full py-4 px-16 flex items-center", e.value.length > 1 ? "justify-between" : "justify-center"])
+            class: QA(["w-full py-4 px-16 flex items-center gap-4", e.value.length > 1 ? "justify-between" : "justify-center"])
           }, [
             (F(!0), L(AA, null, rA(e.value, (Q) => (F(), L(AA, null, [
               D("button", {
                 type: "button",
-                class: "w-full flex items-center justify-center gap-[10px]",
+                class: "w-full flex items-center justify-center gap-8",
                 onClick: Q.action,
                 style: q({
                   color: E.pickupDeliveryStyle.textColor
@@ -6761,7 +6771,7 @@ const PA = /* @__PURE__ */ QC(wE), fE = { class: "fm-typo-en-body-sm-600" }, BC
           }),
           D("div", LE, x(g.title), 1)
         ]),
-        FA(g.$slots, "default")
+        FA(g.$slots, "append")
       ], 2);
     };
   }
@@ -7485,7 +7495,7 @@ const PA = /* @__PURE__ */ QC(wE), fE = { class: "fm-typo-en-body-sm-600" }, BC
               ]))
             ])
           ]),
-          g.value ? (F(), L("div", lQ, [
+          g.value && g.value.program.reward ? (F(), L("div", lQ, [
             Q[16] || (Q[16] = D("div", { class: "fm-typo-en-body-lg-600" }, "Your rewards", -1)),
             Q[17] || (Q[17] = D("div", { class: "mt-4 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " The more you invite, the more rewards you get! ", -1)),
             Q[18] || (Q[18] = D("div", { class: "h-[1px] bg-fm-color-neutral-gray-100 w-full my-12" }, null, -1)),

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-brand-app-builder",
-  "version": "0.5.14-alpha.6",
+  "version": "0.5.14-alpha.7",
   "type": "module",
   "files": [
     "dist"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-brand-app-builder",
-  "version": "0.5.14-alpha.6",
+  "version": "0.5.14-alpha.7",
   "type": "module",
   "files": [
     "dist"