@feedmepos/mf-brand-app-builder 0.5.14 → 0.5.15

package/dist/{ImageUpload-Cpkzp4iS.js → ImageUpload-CCUXmhHb.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 d, Fragment as C, createElementVNode as i, unref as u } from "vue";
 import { r as g, I as h } from "./image-Dm7AsBZX.js";
 import { useCoreStore as I } from "@feedmepos/mf-common";
-import "./main-BnnUrWK-.js";
+import "./main-D5VZjpda.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-B_aON8eJ.js → ListRepeater-Gq-91jcm.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-BSofsfPH.js";
+import { F as f } from "./app-C-LBEIV5.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/{app-BSofsfPH.js → app-C-LBEIV5.js}

@@ -8,7 +8,7 @@ const vo = [
   {
     path: "/builder",
     name: "builder",
-    component: L(() => import("./BuilderView-CdxiU_5V.js"))
+    component: L(() => import("./BuilderView-Dtmy06e_.js"))
   },
   {
     path: "/settings",
@@ -4669,18 +4669,18 @@ const go = (e) => {
         BaStepperField: B(L(() => import("./StepperField-xVvcmxNx.js")), { props: ["suffix", "disabled"] }),
         BaColorPicker: B(L(() => import("./ColorPicker-Bz8yOMlS.js"))),
         BaSelect: B(L(() => import("./Select-C2r_c4vv.js")), { props: ["selectItems"] }),
-        BaListRepeater: B(L(() => import("./ListRepeater-B_aON8eJ.js"))),
+        BaListRepeater: B(L(() => import("./ListRepeater-Gq-91jcm.js"))),
         BaTextStyleList: B(L(() => import("./TextStyleList-Bef3irUx.js"))),
         BaTextAlign: B(L(() => import("./TextAlign-BSp1Xi7F.js"))),
         BaTextDecorators: B(L(() => import("./TextDecorators-1C54q7us.js"))),
-        BaImageUpload: B(L(() => import("./ImageUpload-Cpkzp4iS.js"))),
+        BaImageUpload: B(L(() => import("./ImageUpload-CCUXmhHb.js"))),
         BaLinkButton: B(L(() => import("./LinkButton-D0MS93kZ.js"))),
         BaSwitch: B(L(() => import("./Switch-uc_zN-mb.js"))),
         BaButtonGroup: B(L(() => import("./ButtonGroup-CbW3Lnxj.js")), { props: ["groupItems"] })
       }
     })
   );
-}, ho = L(() => import("./App-DZzvEb1n.js"));
+}, ho = L(() => import("./App-2Pgm17e1.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-BSofsfPH.js";
+import { b as p, c as s, r as t } from "./app-C-LBEIV5.js";
 export {
   p as FmApp,
   s as FormKitPlugin,

package/dist/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-BnnUrWK-.js → main-D5VZjpda.js}

@@ -1,4 +1,4 @@
-import { defineComponent as ne, createElementBlock as F, openBlock as Y, normalizeStyle as ae, renderSlot as We, computed as Be, createBlock as te, normalizeProps as ut, guardReactiveProps as mt, withCtx as ee, createElementVNode as G, toDisplayString as J, createCommentVNode as Q, Fragment as le, renderList as Ee, normalizeClass as Se, createVNode as W, unref as Te, mergeProps as ve, useTemplateRef as Vt, watch as Xt, resolveComponent as St, withModifiers as xt, createTextVNode as Wt } from "vue";
+import { defineComponent as ne, createElementBlock as F, openBlock as Y, normalizeStyle as ae, renderSlot as We, computed as Be, createBlock as te, normalizeProps as ut, guardReactiveProps as mt, withCtx as ee, createElementVNode as G, toDisplayString as J, createCommentVNode as K, Fragment as le, renderList as Ee, normalizeClass as Se, createVNode as W, unref as Te, mergeProps as ve, useTemplateRef as Vt, watch as Xt, resolveComponent as St, withModifiers as xt, createTextVNode as Wt } from "vue";
 import { _ as U } from "./Icon.vue_vue_type_style_index_0_lang-BcRjQndc.js";
 import { C as ht, D as De } from "./CircularProgress-DdblYCtV.js";
 function Et(i) {
@@ -126,7 +126,7 @@ const qt = {
     typeof setTimeout > "u" || clearTimeout(i);
   }
 };
-function K() {
+function Q() {
   const i = typeof window < "u" ? window : {};
   return gt(i, qt), i;
 }
@@ -153,13 +153,13 @@ function ue() {
   return Date.now();
 }
 function Zt(i) {
-  const e = K();
+  const e = Q();
   let t;
   return e.getComputedStyle && (t = e.getComputedStyle(i, null)), !t && i.currentStyle && (t = i.currentStyle), t || (t = i.style), t;
 }
 function lt(i, e) {
   e === void 0 && (e = "x");
-  const t = K();
+  const t = Q();
   let s, r, a;
   const o = Zt(i);
   return t.WebKitCSSMatrix ? (r = o.transform || o.webkitTransform, r.split(",").length > 6 && (r = r.split(", ").map((c) => c.replace(",", ".")).join(", ")), a = new t.WebKitCSSMatrix(r === "none" ? "" : r)) : (a = o.MozTransform || o.OTransform || o.MsTransform || o.msTransform || o.transform || o.getPropertyValue("transform").replace("translate(", "matrix(1, 0, 0, 1,"), s = a.toString().split(",")), e === "x" && (t.WebKitCSSMatrix ? r = a.m41 : s.length === 16 ? r = parseFloat(s[12]) : r = parseFloat(s[4])), e === "y" && (t.WebKitCSSMatrix ? r = a.m42 : s.length === 16 ? r = parseFloat(s[13]) : r = parseFloat(s[5])), r || 0;
@@ -167,14 +167,14 @@ function lt(i, e) {
 function Ae(i) {
   return typeof i == "object" && i !== null && i.constructor && Object.prototype.toString.call(i).slice(8, -1) === "Object";
 }
-function Kt(i) {
+function Qt(i) {
   return typeof window < "u" && typeof window.HTMLElement < "u" ? i instanceof HTMLElement : i && (i.nodeType === 1 || i.nodeType === 11);
 }
 function de() {
   const i = Object(arguments.length <= 0 ? void 0 : arguments[0]), e = ["__proto__", "constructor", "prototype"];
   for (let t = 1; t < arguments.length; t += 1) {
     const s = t < 0 || arguments.length <= t ? void 0 : arguments[t];
-    if (s != null && !Kt(s)) {
+    if (s != null && !Qt(s)) {
       const r = Object.keys(Object(s)).filter((a) => e.indexOf(a) < 0);
       for (let a = 0, o = r.length; a < o; a += 1) {
         const c = r[a], n = Object.getOwnPropertyDescriptor(s, c);
@@ -193,7 +193,7 @@ function Dt(i) {
     targetPosition: t,
     side: s
   } = i;
-  const r = K(), a = -e.translate;
+  const r = Q(), a = -e.translate;
   let o = null, c;
   const n = e.params.speed;
   e.wrapperEl.style.scrollSnapType = "none", r.cancelAnimationFrame(e.cssModeFrameID);
@@ -223,7 +223,7 @@ function ie(i, e) {
   const t = [...i.children];
   return i instanceof HTMLSlotElement && t.push(...i.assignedElements()), e ? t.filter((s) => s.matches(e)) : t;
 }
-function Qt(i, e) {
+function Kt(i, e) {
   const t = e.contains(i);
   return !t && e instanceof HTMLSlotElement ? [...e.assignedElements()].includes(i) : t;
 }
@@ -240,7 +240,7 @@ function ce(i, e) {
   return t.classList.add(...Array.isArray(e) ? e : we(e)), t;
 }
 function Ve(i) {
-  const e = K(), t = se(), s = i.getBoundingClientRect(), r = t.body, a = i.clientTop || r.clientTop || 0, o = i.clientLeft || r.clientLeft || 0, c = i === e ? e.scrollY : i.scrollTop, n = i === e ? e.scrollX : i.scrollLeft;
+  const e = Q(), t = se(), s = i.getBoundingClientRect(), r = t.body, a = i.clientTop || r.clientTop || 0, o = i.clientLeft || r.clientLeft || 0, c = i === e ? e.scrollY : i.scrollTop, n = i === e ? e.scrollX : i.scrollLeft;
   return {
     top: s.top + c - a,
     left: s.left + n - o
@@ -263,7 +263,7 @@ function ei(i, e) {
   return t;
 }
 function be(i, e) {
-  return K().getComputedStyle(i, null).getPropertyValue(e);
+  return Q().getComputedStyle(i, null).getPropertyValue(e);
 }
 function He(i) {
   let e = i, t;
@@ -287,7 +287,7 @@ function _e(i, e) {
   e && i.addEventListener("transitionend", t);
 }
 function dt(i, e, t) {
-  const s = K();
+  const s = Q();
   return i[e === "width" ? "offsetWidth" : "offsetHeight"] + parseFloat(s.getComputedStyle(i, null).getPropertyValue(e === "width" ? "margin-right" : "margin-top")) + parseFloat(s.getComputedStyle(i, null).getPropertyValue(e === "width" ? "margin-left" : "margin-bottom"));
 }
 function X(i) {
@@ -298,7 +298,7 @@ function qe(i) {
 }
 let tt;
 function ti() {
-  const i = K(), e = se();
+  const i = Q(), e = se();
   return {
     smoothScroll: e.documentElement && e.documentElement.style && "scrollBehavior" in e.documentElement.style,
     touch: !!("ontouchstart" in i || i.DocumentTouch && e instanceof i.DocumentTouch)
@@ -312,7 +312,7 @@ function ii(i) {
   let {
     userAgent: e
   } = i === void 0 ? {} : i;
-  const t = At(), s = K(), r = s.navigator.platform, a = e || s.navigator.userAgent, o = {
+  const t = At(), s = Q(), r = s.navigator.platform, a = e || s.navigator.userAgent, o = {
     ios: !1,
     android: !1
   }, c = s.screen.width, n = s.screen.height, f = a.match(/(Android);?[\s\/]+([\d.]+)?/);
@@ -327,7 +327,7 @@ function Ot(i) {
 }
 let st;
 function si() {
-  const i = K(), e = Ot();
+  const i = Q(), e = Ot();
   let t = !1;
   function s() {
     const c = i.navigator.userAgent.toLowerCase();
@@ -357,7 +357,7 @@ function ai(i) {
     on: t,
     emit: s
   } = i;
-  const r = K();
+  const r = Q();
   let a = null, o = null;
   const c = () => {
     !e || e.destroyed || !e.initialized || (s("beforeResize"), s("resize"));
@@ -401,7 +401,7 @@ function ni(i) {
     on: s,
     emit: r
   } = i;
-  const a = [], o = K(), c = function(l, d) {
+  const a = [], o = Q(), c = function(l, d) {
     d === void 0 && (d = {});
     const p = o.MutationObserver || o.WebkitMutationObserver, u = new p((h) => {
       if (e.__preventObserver__) return;
@@ -1395,7 +1395,7 @@ var Fi = {
 function Ni(i, e) {
   e === void 0 && (e = this);
   function t(s) {
-    if (!s || s === se() || s === K()) return null;
+    if (!s || s === se() || s === Q()) return null;
     s.assignedSlot && (s = s.assignedSlot);
     const r = s.closest(i);
     return !r && !s.getRootNode ? null : r || t(s.getRootNode().host);
@@ -1403,7 +1403,7 @@ function Ni(i, e) {
   return t(e);
 }
 function Mt(i, e, t) {
-  const s = K(), {
+  const s = Q(), {
     params: r
   } = i, a = r.edgeSwipeDetection, o = r.edgeSwipeThreshold;
   return a && (t <= o || t >= s.innerWidth - o) ? a === "prevent" ? (e.preventDefault(), !0) : !1 : !0;
@@ -1431,7 +1431,7 @@ function Vi(i) {
     return;
   !e.animating && a.cssMode && a.loop && e.loopFix();
   let n = s.target;
-  if (a.touchEventsTarget === "wrapper" && !Qt(n, e.wrapperEl) || "which" in s && s.which === 3 || "button" in s && s.button > 0 || r.isTouched && r.isMoved) return;
+  if (a.touchEventsTarget === "wrapper" && !Kt(n, e.wrapperEl) || "which" in s && s.which === 3 || "button" in s && s.button > 0 || r.isTouched && r.isMoved) return;
   const f = !!a.noSwipingClass && a.noSwipingClass !== "", l = s.composedPath ? s.composedPath() : s.path;
   f && s.target && s.target.shadowRoot && l && (n = l[0]);
   const d = a.noSwipingSelector ? a.noSwipingSelector : `.${a.noSwipingClass}`, p = !!(s.target && s.target.shadowRoot);
@@ -1679,7 +1679,7 @@ function Zi(i) {
   const e = this;
   Ye(e, i.target), !(e.params.cssMode || e.params.slidesPerView !== "auto" && !e.params.autoHeight) && e.update();
 }
-function Ki() {
+function Qi() {
   const i = this;
   i.documentTouchHandlerProceeded || (i.documentTouchHandlerProceeded = !0, i.params.touchReleaseOnEdges && (i.el.style.touchAction = "auto"));
 }
@@ -1721,17 +1721,17 @@ const Ht = (i, e) => {
     capture: !0
   }));
 };
-function Qi() {
+function Ki() {
   const i = this, {
     params: e
   } = i;
-  i.onTouchStart = Vi.bind(i), i.onTouchMove = Xi.bind(i), i.onTouchEnd = Wi.bind(i), i.onDocumentTouchStart = Ki.bind(i), e.cssMode && (i.onScroll = Ui.bind(i)), i.onClick = qi.bind(i), i.onLoad = Zi.bind(i), Ht(i, "on");
+  i.onTouchStart = Vi.bind(i), i.onTouchMove = Xi.bind(i), i.onTouchEnd = Wi.bind(i), i.onDocumentTouchStart = Qi.bind(i), e.cssMode && (i.onScroll = Ui.bind(i)), i.onClick = qi.bind(i), i.onLoad = Zi.bind(i), Ht(i, "on");
 }
 function Ji() {
   Ht(this, "off");
 }
 var es = {
-  attachEvents: Qi,
+  attachEvents: Ki,
   detachEvents: Ji
 };
 const Pt = (i, e) => i.grid && e.grid && e.grid.rows > 1;
@@ -1763,7 +1763,7 @@ function ts() {
 function is(i, e, t) {
   if (e === void 0 && (e = "window"), !i || e === "container" && !t) return;
   let s = !1;
-  const r = K(), a = e === "window" ? r.innerHeight : t.clientHeight, o = Object.keys(i).map((c) => {
+  const r = Q(), a = e === "window" ? r.innerHeight : t.clientHeight, o = Object.keys(i).map((c) => {
     if (typeof c == "string" && c.indexOf("@") === 0) {
       const n = parseFloat(c.substr(1));
       return {
@@ -2525,7 +2525,7 @@ function fs(i) {
     on: s,
     emit: r
   } = i;
-  const a = se(), o = K();
+  const a = se(), o = Q();
   e.keyboard = {
     enabled: !1
   }, t({
@@ -2587,7 +2587,7 @@ function us(i) {
     on: s,
     emit: r
   } = i;
-  const a = K();
+  const a = Q();
   t({
     mousewheel: {
       enabled: !1,
@@ -3336,7 +3336,7 @@ function vs(i) {
     on: s,
     emit: r
   } = i;
-  const a = K();
+  const a = Q();
   t({
     zoom: {
       enabled: !1,
@@ -3527,12 +3527,12 @@ function vs(i) {
     }
     if (!d.imageEl || !d.imageWrapEl) return;
     e.params.cssMode && (e.wrapperEl.style.overflow = "hidden", e.wrapperEl.style.touchAction = "none"), d.slideEl.classList.add(`${R.zoomedSlideClass}`);
-    let N, j, V, Z, pe, fe, q, re, ge, ye, vt, bt, Ge, je, Ke, Qe, Je, et;
+    let N, j, V, Z, pe, fe, q, re, ge, ye, vt, bt, Ge, je, Qe, Ke, Je, et;
     typeof p.touchesStart.x > "u" && I ? (N = I.pageX, j = I.pageY) : (N = p.touchesStart.x, j = p.touchesStart.y);
     const ke = typeof I == "number" ? I : null;
     o === 1 && ke && (N = void 0, j = void 0, p.touchesStart.x = void 0, p.touchesStart.y = void 0);
     const yt = v();
-    H.scale = ke || yt, o = ke || yt, I && !(o === 1 && ke) ? (Je = d.slideEl.offsetWidth, et = d.slideEl.offsetHeight, V = Ve(d.slideEl).left + a.scrollX, Z = Ve(d.slideEl).top + a.scrollY, pe = V + Je / 2 - N, fe = Z + et / 2 - j, ge = d.imageEl.offsetWidth || d.imageEl.clientWidth, ye = d.imageEl.offsetHeight || d.imageEl.clientHeight, vt = ge * H.scale, bt = ye * H.scale, Ge = Math.min(Je / 2 - vt / 2, 0), je = Math.min(et / 2 - bt / 2, 0), Ke = -Ge, Qe = -je, q = pe * H.scale, re = fe * H.scale, q < Ge && (q = Ge), q > Ke && (q = Ke), re < je && (re = je), re > Qe && (re = Qe)) : (q = 0, re = 0), ke && H.scale === 1 && (d.originX = 0, d.originY = 0), d.imageWrapEl.style.transitionDuration = "300ms", d.imageWrapEl.style.transform = `translate3d(${q}px, ${re}px,0)`, d.imageEl.style.transitionDuration = "300ms", d.imageEl.style.transform = `translate3d(0,0,0) scale(${H.scale})`;
+    H.scale = ke || yt, o = ke || yt, I && !(o === 1 && ke) ? (Je = d.slideEl.offsetWidth, et = d.slideEl.offsetHeight, V = Ve(d.slideEl).left + a.scrollX, Z = Ve(d.slideEl).top + a.scrollY, pe = V + Je / 2 - N, fe = Z + et / 2 - j, ge = d.imageEl.offsetWidth || d.imageEl.clientWidth, ye = d.imageEl.offsetHeight || d.imageEl.clientHeight, vt = ge * H.scale, bt = ye * H.scale, Ge = Math.min(Je / 2 - vt / 2, 0), je = Math.min(et / 2 - bt / 2, 0), Qe = -Ge, Ke = -je, q = pe * H.scale, re = fe * H.scale, q < Ge && (q = Ge), q > Qe && (q = Qe), re < je && (re = je), re > Ke && (re = Ke)) : (q = 0, re = 0), ke && H.scale === 1 && (d.originX = 0, d.originY = 0), d.imageWrapEl.style.transitionDuration = "300ms", d.imageWrapEl.style.transform = `translate3d(${q}px, ${re}px,0)`, d.imageEl.style.transitionDuration = "300ms", d.imageEl.style.transform = `translate3d(0,0,0) scale(${H.scale})`;
   }
   function z() {
     const I = e.zoom, H = e.params.zoom;
@@ -3905,7 +3905,7 @@ function Ss(i) {
   });
   let r = !1, a = {};
   const o = (u) => u.toString().replace(/\s+/g, "-").replace(/[^\w-]+/g, "").replace(/--+/g, "-").replace(/^-+/, "").replace(/-+$/, ""), c = (u) => {
-    const h = K();
+    const h = Q();
     let g;
     u ? g = new URL(u) : g = h.location;
     const v = g.pathname.slice(1).split("/").filter((y) => y !== ""), b = v.length, w = v[b - 2], m = v[b - 1];
@@ -3914,7 +3914,7 @@ function Ss(i) {
       value: m
     };
   }, n = (u, h) => {
-    const g = K();
+    const g = Q();
     if (!r || !e.params.history.enabled) return;
     let v;
     e.params.url ? v = new URL(e.params.url) : v = g.location;
@@ -3945,7 +3945,7 @@ function Ss(i) {
   }, l = () => {
     a = c(e.params.url), f(e.params.speed, a.value, !1);
   }, d = () => {
-    const u = K();
+    const u = Q();
     if (e.params.history) {
       if (!u.history || !u.history.pushState) {
         e.params.history.enabled = !1, e.params.hashNavigation.enabled = !0;
@@ -3958,7 +3958,7 @@ function Ss(i) {
       f(0, a.value, e.params.runCallbacksOnInit), e.params.history.replaceState || u.addEventListener("popstate", l);
     }
   }, p = () => {
-    const u = K();
+    const u = Q();
     e.params.history.replaceState || u.removeEventListener("popstate", l);
   };
   s("init", () => {
@@ -3978,7 +3978,7 @@ function xs(i) {
     emit: s,
     on: r
   } = i, a = !1;
-  const o = se(), c = K();
+  const o = se(), c = Q();
   t({
     hashNavigation: {
       enabled: !1,
@@ -5608,7 +5608,7 @@ function jt(i, e) {
   })(i, e), r = i / s, a = e / s;
   return `${r}/${a}`;
 }
-const Ks = ["src"], Qs = {
+const Qs = ["src"], Ks = {
   key: 1,
   class: "bg-fm-color-neutral-gray-100 flex justify-center items-center"
 }, Js = ["src"], er = {
@@ -5640,7 +5640,7 @@ const Ks = ["src"], Qs = {
               key: 0,
               src: Te(Xe)(n.imageUrl),
               class: "w-32 h-32 object-contain"
-            }, null, 8, Ks)) : (Y(), F("div", Qs, [
+            }, null, 8, Qs)) : (Y(), F("div", Ks, [
               W(U, {
                 name: "add_photo_alternate",
                 class: "text-fm-color-neutral-gray-300 !text-[32px]"
@@ -5656,7 +5656,7 @@ const Ks = ["src"], Qs = {
             })
           ]),
           _: 2
-        }, 1032, ["link-to", "class"]))), 256)) : Q("", !0),
+        }, 1032, ["link-to", "class"]))), 256)) : K("", !0),
         o.itemsPerRow > 1 ? (Y(), F("div", {
           key: 1,
           class: Se(["grid gap-16", s.value])
@@ -5684,7 +5684,7 @@ const Ks = ["src"], Qs = {
             ]),
             _: 2
           }, 1032, ["link-to", "class"]))), 256))
-        ], 2)) : Q("", !0)
+        ], 2)) : K("", !0)
       ]),
       _: 1
     }, 16));
@@ -5941,14 +5941,14 @@ const Ks = ["src"], Qs = {
                   ])),
                   G("div", gr, [
                     G("div", wr, " Hi, " + J(o.data.memberName) + "! ", 1),
-                    o.showTier && o.data.memberTierName ? (Y(), F("div", vr, J(o.data.memberTierName), 1)) : Q("", !0)
+                    o.showTier && o.data.memberTierName ? (Y(), F("div", vr, J(o.data.memberTierName), 1)) : K("", !0)
                   ]),
                   W(U, {
                     name: "chevron_right",
                     class: "ml-auto !text-[24px]"
                   })
                 ]),
-                a.value.length > 0 ? (Y(), te(De, { key: 0 })) : Q("", !0),
+                a.value.length > 0 ? (Y(), te(De, { key: 0 })) : K("", !0),
                 a.value.length > 0 ? (Y(), F("div", br, [
                   (Y(!0), F(le, null, Ee(a.value, (n) => (Y(), F(le, null, [
                     G("div", yr, [
@@ -5963,7 +5963,7 @@ const Ks = ["src"], Qs = {
                     ]),
                     c[5] || (c[5] = G("div", { class: "last:hidden h-[20px] border-r border-fm-color-neutral-gray-100" }, null, -1))
                   ], 64))), 256))
-                ])) : Q("", !0)
+                ])) : K("", !0)
               ]),
               o.showTitle && o.data.memberTitles.length > 0 || o.showMemberQr ? (Y(), F(le, { key: 0 }, [
                 W(De),
@@ -5971,7 +5971,7 @@ const Ks = ["src"], Qs = {
                   o.showTitle && o.data.memberTitles.length > 0 ? (Y(), F("div", Tr, [
                     c[6] || (c[6] = G("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-primary" }, " Title ", -1)),
                     G("div", Mr, J(o.data.memberTitles.join(", ")), 1)
-                  ])) : Q("", !0),
+                  ])) : K("", !0),
                   o.showMemberQr ? (Y(), F("button", {
                     key: 1,
                     class: "w-full flex items-center justify-center gap-8 bg-fm-color-system-warning-100 p-8 rounded-md",
@@ -5982,10 +5982,10 @@ const Ks = ["src"], Qs = {
                       class: "!text-[24px] text-fm-color-primary"
                     }),
                     c[7] || (c[7] = G("span", { class: "text-fm-color-primary fm-typo-en-body-md-600" }, "Show my member QR", -1))
-                  ])) : Q("", !0)
+                  ])) : K("", !0)
                 ])
-              ], 64)) : Q("", !0)
-            ], 64)) : Q("", !0),
+              ], 64)) : K("", !0)
+            ], 64)) : K("", !0),
             o.designStyle === 2 ? (Y(), F(le, { key: 1 }, [
               G("div", Cr, [
                 G("div", Pr, [
@@ -6014,7 +6014,7 @@ const Ks = ["src"], Qs = {
                         ]),
                         G("div", _r, J(n.value), 1)
                       ]))), 256))
-                    ])) : Q("", !0)
+                    ])) : K("", !0)
                   ]),
                   W(U, {
                     name: "chevron_right",
@@ -6033,7 +6033,7 @@ const Ks = ["src"], Qs = {
                         })
                       }, null, 4)
                     ]),
-                    o.showTier && o.data.memberTierName ? (Y(), F("div", Gr, J(o.data.memberTierName), 1)) : Q("", !0)
+                    o.showTier && o.data.memberTierName ? (Y(), F("div", Gr, J(o.data.memberTierName), 1)) : K("", !0)
                   ]),
                   G("div", jr, J(o.data.memberTierName ? `Collect ${o.data.memberPointToNextTier} more experience to next tier.` : "To unlock this level, you need to make a transaction."), 1)
                 ])
@@ -6044,7 +6044,7 @@ const Ks = ["src"], Qs = {
                   o.showTitle && o.data.memberTitles.length > 0 ? (Y(), F("div", Fr, [
                     c[9] || (c[9] = G("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-primary" }, " Title ", -1)),
                     G("div", Nr, J(o.data.memberTitles.join(", ")), 1)
-                  ])) : Q("", !0),
+                  ])) : K("", !0),
                   o.showMemberQr ? (Y(), F("button", {
                     key: 1,
                     class: "w-full flex items-center justify-center gap-8 bg-fm-color-system-warning-100 p-8 rounded-md",
@@ -6055,10 +6055,10 @@ const Ks = ["src"], Qs = {
                       class: "!text-[24px] text-fm-color-primary"
                     }),
                     c[10] || (c[10] = G("span", { class: "text-fm-color-primary fm-typo-en-body-md-600" }, "Show my member QR", -1))
-                  ])) : Q("", !0)
+                  ])) : K("", !0)
                 ])
-              ], 64)) : Q("", !0)
-            ], 64)) : Q("", !0)
+              ], 64)) : K("", !0)
+            ], 64)) : K("", !0)
           ]),
           _: 1
         })) : !o.data && !o.authLoading && o.signedIn ? (Y(), F("div", Vr, [
@@ -6076,7 +6076,7 @@ const Ks = ["src"], Qs = {
             type: "button",
             onClick: c[3] || (c[3] = (n) => s("joinMember"))
           }, " Join membership ")
-        ])) : Q("", !0)
+        ])) : K("", !0)
       ]),
       _: 1
     }, 16));
@@ -6113,17 +6113,18 @@ const Ks = ["src"], Qs = {
       }, null, 8, ["name", "style"])
     ], 4));
   }
-}), Ur = { class: "flex flex-col items-center gap-12" }, Zr = ["onClick"], Kr = { class: "fm-typo-en-body-md-600" }, Qr = /* @__PURE__ */ ne({
+}), Ur = { class: "flex flex-col items-center gap-12" }, Zr = ["onClick"], Qr = { class: "fm-typo-en-body-md-600" }, Kr = /* @__PURE__ */ ne({
   __name: "OrderMethod",
   props: {
     containerStyles: {},
     showQr: { type: Boolean },
     showPickUp: { type: Boolean },
     showDelivery: { type: Boolean },
+    showQueue: { type: Boolean },
     qrStyle: {},
     pickupDeliveryStyle: {}
   },
-  emits: ["qrOrder", "delivery", "pickup"],
+  emits: ["qrOrder", "delivery", "pickup", "queue"],
   setup(i, { emit: e }) {
     const t = i, s = e, r = Be(() => [
       ...t.showDelivery ? [
@@ -6143,6 +6144,15 @@ const Ks = ["src"], Qs = {
             s("pickup");
           }
         }
+      ] : [],
+      ...t.showQueue ? [
+        {
+          name: "Queue",
+          icon: "add_to_queue",
+          action: () => {
+            s("queue");
+          }
+        }
       ] : []
     ]);
     return (a, o) => (Y(), te(me, ve(a.containerStyles, { class: "overflow-hidden" }), {
@@ -6161,15 +6171,15 @@ const Ks = ["src"], Qs = {
               Wt(" Start ordering ")
             ])),
             _: 1
-          }, 8, ["button-color", "text-color", "icon-color"])) : Q("", !0),
+          }, 8, ["button-color", "text-color", "icon-color"])) : K("", !0),
           r.value.length > 0 ? (Y(), F("div", {
             key: 1,
-            class: Se(["w-full py-4 px-16 flex items-center", r.value.length > 1 ? "justify-between" : "justify-center"])
+            class: Se(["w-full py-4 px-16 flex items-center gap-4", r.value.length > 1 ? "justify-between" : "justify-center"])
           }, [
             (Y(!0), F(le, null, Ee(r.value, (c) => (Y(), F(le, null, [
               G("button", {
                 type: "button",
-                class: "w-full flex items-center justify-center gap-[10px]",
+                class: "w-full flex items-center justify-center gap-8",
                 onClick: c.action,
                 style: ae({
                   color: a.pickupDeliveryStyle.textColor
@@ -6182,11 +6192,11 @@ const Ks = ["src"], Qs = {
                     color: a.pickupDeliveryStyle.iconColor
                   })
                 }, null, 8, ["name", "style"]),
-                G("div", Kr, J(c.name), 1)
+                G("div", Qr, J(c.name), 1)
               ], 12, Zr),
               o[2] || (o[2] = G("div", { class: "last:hidden h-[20px] border-r border-fm-color-neutral-gray-100" }, null, -1))
             ], 64))), 256))
-          ], 2)) : Q("", !0)
+          ], 2)) : K("", !0)
         ])
       ]),
       _: 1
@@ -6548,7 +6558,7 @@ const ra = /* @__PURE__ */ ia(sa), aa = { class: "fm-typo-en-body-sm-600" }, Nt
         class: "!text-[16px]"
       }, null, 8, ["name"]),
       G("span", aa, J(s.value.label), 1)
-    ], 2)) : Q("", !0);
+    ], 2)) : K("", !0);
   }
 }), na = { class: "py-12 px-24 w-full h-[93px] flex items-center justify-center bg-fm-color-neutral-white rounded-[12px]" }, oa = { class: "w-full p-12 flex flex-col gap-8 rounded-[12px]" }, la = {
   key: 0,
@@ -6602,7 +6612,7 @@ const ra = /* @__PURE__ */ ia(sa), aa = { class: "fm-typo-en-body-sm-600" }, Nt
               G("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, " No order yet "),
               G("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Start by placing an order today! ")
             ], -1))
-          ])) : Q("", !0)
+          ])) : K("", !0)
         ]),
         _: 1
       }, 16)) : s.signedIn && !s.authLoading && s.data.length > 0 ? (Y(!0), F(le, { key: 3 }, Ee(s.data, (a) => (Y(), te(me, ve({ ref_for: !0 }, s.containerStyles, {
@@ -6631,7 +6641,7 @@ const ra = /* @__PURE__ */ ia(sa), aa = { class: "fm-typo-en-body-sm-600" }, Nt
           ])
         ]),
         _: 2
-      }, 1040, ["onClick"]))), 256)) : Q("", !0)
+      }, 1040, ["onClick"]))), 256)) : K("", !0)
     ], 2));
   }
 }), wa = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='flag-icons-my'%20viewBox='0%200%20640%20480'%3e%3cg%20clip-path='url(%23my-a)'%3e%3cpath%20fill='%23C00'%20d='M0%200h640v480H0z'/%3e%3cpath%20fill='%23C00'%20d='M0%200h640v34.3H0z'/%3e%3cpath%20fill='%23fff'%20d='M0%2034.3h640v34.3H0z'/%3e%3cpath%20fill='%23C00'%20d='M0%2068.6h640v34.3H0z'/%3e%3cpath%20fill='%23fff'%20d='M0%20102.9h640V137H0z'/%3e%3cpath%20fill='%23C00'%20d='M0%20137.1h640v34.3H0z'/%3e%3cpath%20fill='%23fff'%20d='M0%20171.4h640v34.3H0z'/%3e%3cpath%20fill='%23C00'%20d='M0%20205.7h640V240H0z'/%3e%3cpath%20fill='%23fff'%20d='M0%20240h640v34.3H0z'/%3e%3cpath%20fill='%23C00'%20d='M0%20274.3h640v34.3H0z'/%3e%3cpath%20fill='%23fff'%20d='M0%20308.6h640v34.3H0z'/%3e%3cpath%20fill='%23C00'%20d='M0%20342.9h640V377H0z'/%3e%3cpath%20fill='%23fff'%20d='M0%20377.1h640v34.3H0z'/%3e%3cpath%20fill='%23C00'%20d='M0%20411.4h640v34.3H0z'/%3e%3cpath%20fill='%23fff'%20d='M0%20445.7h640V480H0z'/%3e%3cpath%20fill='%23006'%20d='M0%20.5h320v274.3H0z'/%3e%3cpath%20fill='%23FC0'%20d='m207.5%2073.8%206%2040.7%2023-34-12.4%2039.2%2035.5-20.8-28.1%2030%2041-3.2-38.3%2014.8%2038.3%2014.8-41-3.2%2028.1%2030-35.5-20.8%2012.3%2039.3-23-34.1-6%2040.7-5.9-40.7-23%2034%2012.4-39.2-35.5%2020.8%2028-30-41%203.2%2038.4-14.8-38.3-14.8%2041%203.2-28.1-30%2035.5%2020.8-12.4-39.3%2023%2034.1zm-33.3%201.7a71.1%2071.1%200%200%200-100%2065%2071.1%2071.1%200%200%200%20100%2065%2080%2080%200%200%201-83.2%206.2%2080%2080%200%200%201-43.4-71.2%2080%2080%200%200%201%20126.6-65'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='my-a'%3e%3cpath%20fill='%23fff'%20d='M0%200h640v480H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", va = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='flag-icons-sg'%20viewBox='0%200%20640%20480'%3e%3cdefs%3e%3cclipPath%20id='sg-a'%3e%3cpath%20fill-opacity='.7'%20d='M0%200h640v480H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20fill-rule='evenodd'%20clip-path='url(%23sg-a)'%3e%3cpath%20fill='%23fff'%20d='M-20%200h720v480H-20z'/%3e%3cpath%20fill='%23df0000'%20d='M-20%200h720v240H-20z'/%3e%3cpath%20fill='%23fff'%20d='M146%2040.2a84.4%2084.4%200%200%200%20.8%20165.2%2086%2086%200%200%201-106.6-59%2086%2086%200%200%201%2059-106c16-4.6%2030.8-4.7%2046.9-.2z'/%3e%3cpath%20fill='%23fff'%20d='m133%20110%204.9%2015-13-9.2-12.8%209.4%204.7-15.2-12.8-9.3%2015.9-.2%205-15%205%2015h15.8zm17.5%2052%205%2015.1-13-9.2-12.9%209.3%204.8-15.1-12.8-9.4%2015.9-.1%204.9-15.1%205%2015h16zm58.5-.4%204.9%2015.2-13-9.3-12.8%209.3%204.7-15.1-12.8-9.3%2015.9-.2%205-15%205%2015h15.8zm17.4-51.6%204.9%2015.1-13-9.2-12.8%209.3%204.8-15.1-12.9-9.4%2016-.1%204.8-15.1%205%2015h16zm-46.3-34.3%205%2015.2-13-9.3-12.9%209.4%204.8-15.2-12.8-9.4%2015.8-.1%205-15.1%205%2015h16z'/%3e%3c/g%3e%3c/svg%3e", ba = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='flag-icons-id'%20viewBox='0%200%20640%20480'%3e%3cpath%20fill='%23e70011'%20d='M0%200h640v240H0Z'/%3e%3cpath%20fill='%23fff'%20d='M0%20240h640v240H0Z'/%3e%3c/svg%3e", ya = { class: "bg-transparent" }, Sa = { class: "flex gap-4 items-center" }, xa = { class: "border border-fm-color-neutral-gray-100" }, Ea = ["src"], Ta = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary" }, Ma = /* @__PURE__ */ ne({
@@ -6714,7 +6724,7 @@ const Da = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   MemberCard: qr,
   OrderDetails: La,
   OrderHistoryCard: ga,
-  OrderMethod: Qr,
+  OrderMethod: Kr,
   OrderTypeChip: Nt,
   TextDisplay: Zs
 }, Symbol.toStringTag, { value: "Module" }));

package/dist/package.json

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

package/package.json

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