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

package/dist/ColorPicker-Bz8yOMlS.js

@@ -0,0 +1,22 @@
+import { defineComponent as c, createElementBlock as l, openBlock as a, createElementVNode as r } from "vue";
+const s = { class: "flex justify-between items-center gap-8" }, p = ["value"], _ = /* @__PURE__ */ c({
+  __name: "ColorPicker",
+  props: {
+    context: {}
+  },
+  setup(t) {
+    const n = t, o = (e) => {
+      n.context.node.input(e.target.value);
+    };
+    return (e, u) => (a(), l("label", s, [
+      r("input", {
+        type: "color",
+        value: e.context._value,
+        onInput: o
+      }, null, 40, p)
+    ]));
+  }
+});
+export {
+  _ as default
+};

package/dist/{ImageUpload-DXagbr9d.js → ImageUpload-Cpkzp4iS.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 { 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-Cuvlrh4r.js";
+import "./main-BnnUrWK-.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";
@@ -14,32 +14,32 @@ const B = { class: "w-full h-[210px] relative" }, P = { class: "absolute z-[1] t
     context: {}
   },
   setup(_) {
-    const e = _, a = I(), t = b(!1);
+    const e = _, l = I(), t = b(!1);
     async function v(o) {
       t.value = !0, await h.uploadImage(
-        a.currentBusiness.value._id,
+        l.currentBusiness.value._id,
         `${F()}.${o.name.split(".").pop()}`,
         o
       ).then((m) => {
         var p;
-        const l = `https://image.feedmedev.cc/business/${a.currentBusiness.value._id}/${m.imagePath}`;
-        e.context.node.input(l);
+        const a = `https://image.feedme.cc/business/${l.currentBusiness.value._id}/${m.imagePath}`;
+        e.context.node.input(a);
         const n = new Image();
-        (p = e.context) != 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(l);
+        (p = e.context.attrs.props) != null && p.ignoreUpdate || (n.onload = () => {
+          var f;
+          ((f = e.context.node.at("$root")) == null ? void 0 : f._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(a.currentBusiness.value._id, o).then(() => e.context.node.input("")).finally(() => t.value = !1);
+      await h.deleteImage(l.currentBusiness.value._id, o).then(() => e.context.node.input("")).finally(() => t.value = !1);
     }
     return (o, m) => {
-      const l = w("FmDropField");
+      const a = w("FmDropField");
       return s(), r("div", B, [
-        c(l, {
+        c(a, {
           class: "w-full h-full",
           onFileUpload: v
         }),
@@ -60,10 +60,10 @@ const B = { class: "w-full h-[210px] relative" }, P = { class: "absolute z-[1] t
               class: "!text-[16px] text-fm-color-typo-white"
             })
           ])
-        ], 64)) : f("", !0),
+        ], 64)) : d("", !0),
         t.value ? (s(), r("div", z, [
           c(u(k))
-        ])) : f("", !0)
+        ])) : d("", !0)
       ]);
     };
   }

package/dist/{LinkButton-B7xgRAIw.js → LinkButton-D0MS93kZ.js}

@@ -1,35 +1,35 @@
-import { defineComponent as L, ref as f, computed as k, onBeforeMount as I, resolveComponent as c, createBlock as v, openBlock as u, withCtx as m, createElementVNode as o, createVNode as r, createElementBlock as x, Fragment as F, renderList as M, toDisplayString as P, withModifiers as R } from "vue";
-import { B as y } from "./BaDivider-Cp9gfB4r.js";
-import { _ as $ } from "./Icon.vue_vue_type_style_index_0_lang-BcRjQndc.js";
-import { u as j } from "./index-BAS2oeyj.js";
-import "@feedmepos/mf-common";
-const z = {
+import { defineComponent as L, ref as f, computed as k, onBeforeMount as P, resolveComponent as c, createBlock as v, openBlock as p, withCtx as m, createElementVNode as o, createVNode as r, createElementBlock as x, Fragment as C, renderList as F, toDisplayString as I, withModifiers as R } from "vue";
+import { u as $, B as y } from "./index-CJXFGv-u.js";
+import { _ as j } from "./Icon.vue_vue_type_style_index_0_lang-BcRjQndc.js";
+import { useCoreStore as z } from "@feedmepos/mf-common";
+const A = {
   key: 1,
   type: "button",
   class: "min-w-[162px] py-[6px] px-8 flex justify-between items-center bg-fm-color-system-warning-100 rounded-lg"
-}, A = { class: "w-[113px] h-full fm-typo-en-body-md-600 text-fm-color-primary line-clamp-1" }, N = { class: "w-full flex flex-col gap-16" }, O = { class: "w-full flex gap-8 flex-wrap" }, W = { class: "w-full flex gap-8 flex-wrap" }, G = { class: "w-full flex items-center" }, H = { class: "w-full flex justify-end items-center gap-12" }, Y = /* @__PURE__ */ L({
+}, G = { class: "w-[113px] h-full fm-typo-en-body-md-600 text-fm-color-primary line-clamp-1" }, H = { class: "w-full flex flex-col gap-16" }, N = { class: "w-full flex gap-8 flex-wrap" }, O = { class: "w-full flex gap-8 flex-wrap" }, W = { class: "w-full flex items-center" }, q = { class: "w-full flex justify-end items-center gap-12" }, Y = /* @__PURE__ */ L({
   __name: "LinkButton",
   props: {
     context: {}
   },
   setup(E) {
-    const l = E, s = f(""), i = f(""), d = f(!1), h = j(), b = k(
-      () => h.state.allTemplates.filter(
+    const l = E, s = f(""), i = f(""), d = f(!1);
+    z();
+    const b = $(), h = k(
+      () => b.state.allTemplates.filter(
         (t) => {
           var e;
-          return t.templateId !== ((e = h.state.selectedTemplate) == null ? void 0 : e.templateId);
+          return t.templateId !== ((e = b.state.selectedTemplate) == null ? void 0 : e.templateId);
         }
       )
     ), _ = [
-      { title: "Homepage", path: "" },
-      { title: "Credits", path: "Member::credit" },
-      { title: "Points", path: "Member::point" },
-      { title: "Vouchers", path: "Member::vouchers" },
-      { title: "Store", path: "Member::store" },
-      { title: "Missions", path: "Member::mission" },
-      { title: "Games", path: "Member::games" }
+      { title: "Homepage", path: "Member::Homepage" },
+      { title: "Credit", path: "Member::Credit" },
+      { title: "Points", path: "Member::Points" },
+      { title: "Voucher", path: "Member::Voucher" },
+      { title: "Game", path: "Member::Game" },
+      { title: "Store", path: "Member::Store" }
     ];
-    function B() {
+    function M() {
       i.value ? l.context.node.input({
         path: i.value ? `https://${i.value}` : "",
         isExternal: !0
@@ -38,13 +38,13 @@ const z = {
         isExternal: !1
       }), d.value = !1;
     }
-    function C() {
+    function V() {
       l.context.node.input({
         path: "",
         isExternal: !1
       });
     }
-    function T(t) {
+    function B(t) {
       s.value = "", i.value = t;
     }
     function g(t) {
@@ -54,25 +54,25 @@ const z = {
       var t, e, n;
       (t = l.context._value) != null && t.isExternal ? (i.value = ((e = l.context._value) == null ? void 0 : e.path.replace("https://", "")) || "", s.value = "") : (s.value = ((n = l.context._value) == null ? void 0 : n.path) || "", i.value = "");
     }
-    function V() {
+    function S() {
       d.value = !1, w();
     }
-    const U = k(() => {
+    const T = k(() => {
       var t, e, n;
       if ((t = l.context._value) != null && t.isExternal)
         return l.context._value.path;
       if (l.context._value.path.startsWith("Template::"))
-        return (e = b.value.find(
-          (p) => p.templateId === l.context._value.path.split("::").pop()
+        return (e = h.value.find(
+          (u) => u.templateId === l.context._value.path.split("::").pop()
         )) == null ? void 0 : e.templateAlias;
       if (l.context._value.path.startsWith("Member::"))
-        return (n = _.find((p) => p.path === l.context._value.path)) == null ? void 0 : n.title;
+        return (n = _.find((u) => u.path === l.context._value.path)) == null ? void 0 : n.title;
     });
-    return I(() => {
+    return P(() => {
       w();
     }), (t, e) => {
-      const n = c("FmButton"), p = c("FmRadio"), S = c("FmTextField"), D = c("FmDialog");
-      return u(), v(D, {
+      const n = c("FmButton"), u = c("FmRadio"), U = c("FmTextField"), D = c("FmDialog");
+      return p(), v(D, {
         modelValue: d.value,
         "onUpdate:modelValue": e[0] || (e[0] = (a) => d.value = a),
         "min-width": 500
@@ -80,14 +80,14 @@ const z = {
         "dialog-button": m(() => {
           var a;
           return [
-            (a = t.context._value) != null && a.path ? (u(), x("button", z, [
-              o("p", A, P(U.value), 1),
-              r($, {
+            (a = t.context._value) != null && a.path ? (p(), x("button", A, [
+              o("p", G, I(T.value), 1),
+              r(j, {
                 name: "close",
                 class: "text-[24px] text-fm-color-primary",
-                onClick: R(C, ["stop"])
+                onClick: R(V, ["stop"])
               })
-            ])) : (u(), v(n, {
+            ])) : (p(), v(n, {
               key: 0,
               variant: "secondary",
               "prepend-icon": "link",
@@ -101,29 +101,29 @@ const z = {
           o("div", null, "Link Destination", -1)
         ])),
         "dialog-footer": m(() => [
-          o("div", H, [
+          o("div", q, [
             r(n, {
               type: "button",
               variant: "secondary",
               label: "Cancel",
               size: "md",
-              onClick: V
+              onClick: S
             }),
             r(n, {
               type: "button",
               variant: "primary",
               label: "Save",
               size: "md",
-              onClick: B
+              onClick: M
             })
           ])
         ]),
         default: m(() => [
-          o("div", N, [
+          o("div", H, [
             e[4] || (e[4] = o("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, " Member ", -1)),
             r(y),
-            o("div", O, [
-              (u(), x(F, null, M(_, (a) => r(p, {
+            o("div", N, [
+              (p(), x(C, null, F(_, (a) => r(u, {
                 "model-value": s.value,
                 "onUpdate:modelValue": g,
                 rules: () => [],
@@ -133,8 +133,8 @@ const z = {
             ]),
             e[5] || (e[5] = o("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, " Other template ", -1)),
             r(y),
-            o("div", W, [
-              (u(!0), x(F, null, M(b.value, (a) => (u(), v(p, {
+            o("div", O, [
+              (p(!0), x(C, null, F(h.value, (a) => (p(), v(u, {
                 "model-value": s.value,
                 "onUpdate:modelValue": g,
                 rules: () => [],
@@ -144,12 +144,12 @@ const z = {
             ]),
             e[6] || (e[6] = o("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, " External URL ", -1)),
             r(y),
-            o("div", G, [
+            o("div", W, [
               e[3] || (e[3] = o("div", { class: "w-120 shrink-0" }, "Enter URL", -1)),
-              r(S, {
+              r(U, {
                 class: "w-full",
                 "model-value": i.value,
-                "onUpdate:modelValue": T
+                "onUpdate:modelValue": B
               }, {
                 prepend: m(() => e[2] || (e[2] = [
                   o("div", { class: "text-fm-color-typo-tertiary" }, "https://", -1)

package/dist/{ListRepeater-vOdEfxqj.js → ListRepeater-B_aON8eJ.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-B9Ng1g2b.js";
+import { F as f } from "./app-BSofsfPH.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-BE16MVVb.js → ManagementSettings-ljpWqE-1.js}

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

package/dist/StepperField-xVvcmxNx.js

@@ -0,0 +1,29 @@
+import { defineComponent as l, computed as c, resolveComponent as d, createBlock as s, openBlock as u } from "vue";
+const m = /* @__PURE__ */ l({
+  __name: "StepperField",
+  props: {
+    context: {}
+  },
+  setup(n) {
+    const e = n;
+    function o(t) {
+      e.context.node.input(`${t}${e.context.suffix}`);
+    }
+    const p = c(() => +e.context._value.replace(e.context.suffix, ""));
+    return (t, i) => {
+      const a = d("FmStepperField");
+      return u(), s(a, {
+        class: "max-w-[160px]",
+        "model-value": p.value,
+        disabled: t.context.disabled ?? !1,
+        "onUpdate:modelValue": o,
+        "append-text": t.context.suffix,
+        step: 1,
+        "max-fraction-digits": 0
+      }, null, 8, ["model-value", "disabled", "append-text"]);
+    };
+  }
+});
+export {
+  m as default
+};