@feedmepos/mf-brand-app-builder 0.5.17 → 0.5.18

package/dist/{ImageUpload-CSFXBbR9.js → ImageUpload-Bu1QY9Tu.js}

@@ -1,7 +1,7 @@
 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 d } from "vue";
-import { r as g, I as h } from "./image-CZHt-VXw.js";
+import { r as g, I as h } from "./image-BYlGZH0E.js";
 import { useCoreStore as I } from "@feedmepos/mf-common";
-import "./main-DT3xX1S6.js";
+import "./main-pKSbpQEA.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";
@@ -14,32 +14,32 @@ const B = { class: "w-full h-[210px] relative" }, P = { class: "absolute z-[1] t
     context: {}
   },
   setup(_) {
-    const e = _, l = I(), t = b(!1);
+    const e = _, a = I(), t = b(!1);
     async function v(o) {
       t.value = !0, await h.uploadImage(
-        l.currentBusiness.value._id,
+        a.currentBusiness.value._id,
         `${F()}.${o.name.split(".").pop()}`,
         o
       ).then((m) => {
         var p;
-        const a = `https://image.feedme.cc/business/${l.currentBusiness.value._id}/${m.imagePath}`;
-        e.context.node.input(a);
+        const l = `https://image.feedme.cc/business/${a.currentBusiness.value._id}/${m.imagePath}`;
+        e.context.node.input(l);
         const n = new Image();
-        (p = e.context.attrs.props) != null && p.ignoreUpdate || (n.onload = () => {
+        (p = e.context) != 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);
+        }), n.src = g(l);
       }).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);
+      await h.deleteImage(a.currentBusiness.value._id, o).then(() => e.context.node.input("")).finally(() => t.value = !1);
     }
     return (o, m) => {
-      const a = w("FmDropField");
+      const l = w("FmDropField");
       return r(), s("div", B, [
-        c(a, {
+        c(l, {
           class: "w-full h-full",
           onFileUpload: v
         }),

package/dist/{LinkButton-BW3l1VVh.js → LinkButton-DS5DH9B8.js}

@@ -1,35 +1,36 @@
-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-B-LGv3nI.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 = {
+import { defineComponent as I, ref as f, computed as k, onBeforeMount as L, resolveComponent as c, openBlock as u, createBlock as v, withCtx as m, createElementBlock as x, createElementVNode as a, toDisplayString as P, createVNode as r, withModifiers as R, Fragment as M, renderList as F } from "vue";
+import { B as y } from "./BaDivider-DWZv3fqi.js";
+import { _ as W } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
+import { u as $ } from "./index-DBOAICnu.js";
+import "@feedmepos/mf-common";
+const j = {
   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"
-}, 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({
+}, z = { class: "w-[113px] h-full fm-typo-en-body-md-600 text-fm-color-primary line-clamp-1" }, A = { 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" }, G = { class: "w-full flex items-center" }, H = { class: "w-full flex justify-end items-center gap-12" }, Y = /* @__PURE__ */ I({
   __name: "LinkButton",
   props: {
     context: {}
   },
   setup(E) {
-    const l = E, s = f(""), i = f(""), d = f(!1);
-    z();
-    const b = $(), h = k(
-      () => b.state.allTemplates.filter(
+    const l = E, s = f(""), i = f(""), d = f(!1), h = $(), b = k(
+      () => h.state.allTemplates.filter(
         (t) => {
           var e;
-          return t.templateId !== ((e = b.state.selectedTemplate) == null ? void 0 : e.templateId);
+          return t.templateId !== ((e = h.state.selectedTemplate) == null ? void 0 : e.templateId) && !t.templateId.startsWith("member-");
         }
       )
     ), _ = [
-      { 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" }
+      { 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: "Referral", path: "Member::referral" }
     ];
-    function M() {
+    function B() {
       i.value ? l.context.node.input({
         path: i.value ? `https://${i.value}` : "",
         isExternal: !0
@@ -38,13 +39,13 @@ const A = {
         isExternal: !1
       }), d.value = !1;
     }
-    function V() {
+    function C() {
       l.context.node.input({
         path: "",
         isExternal: !1
       });
     }
-    function B(t) {
+    function T(t) {
       s.value = "", i.value = t;
     }
     function g(t) {
@@ -54,40 +55,40 @@ const A = {
       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 S() {
+    function V() {
       d.value = !1, w();
     }
-    const T = k(() => {
+    const U = 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 = h.value.find(
-          (u) => u.templateId === l.context._value.path.split("::").pop()
+        return (e = b.value.find(
+          (p) => p.templateId === l.context._value.path.split("::").pop()
         )) == null ? void 0 : e.templateAlias;
       if (l.context._value.path.startsWith("Member::"))
-        return (n = _.find((u) => u.path === l.context._value.path)) == null ? void 0 : n.title;
+        return (n = _.find((p) => p.path === l.context._value.path)) == null ? void 0 : n.title;
     });
-    return P(() => {
+    return L(() => {
       w();
     }), (t, e) => {
-      const n = c("FmButton"), u = c("FmRadio"), U = c("FmTextField"), D = c("FmDialog");
-      return p(), v(D, {
+      const n = c("FmButton"), p = c("FmRadio"), S = c("FmTextField"), D = c("FmDialog");
+      return u(), v(D, {
         modelValue: d.value,
-        "onUpdate:modelValue": e[0] || (e[0] = (a) => d.value = a),
+        "onUpdate:modelValue": e[0] || (e[0] = (o) => d.value = o),
         "min-width": 500
       }, {
         "dialog-button": m(() => {
-          var a;
+          var o;
           return [
-            (a = t.context._value) != null && a.path ? (p(), x("button", A, [
-              o("p", G, I(T.value), 1),
-              r(j, {
+            (o = t.context._value) != null && o.path ? (u(), x("button", j, [
+              a("p", z, P(U.value), 1),
+              r(W, {
                 name: "close",
                 class: "text-[24px] text-fm-color-primary",
-                onClick: R(V, ["stop"])
+                onClick: R(C, ["stop"])
               })
-            ])) : (p(), v(n, {
+            ])) : (u(), v(n, {
               key: 0,
               variant: "secondary",
               "prepend-icon": "link",
@@ -98,61 +99,61 @@ const A = {
           ];
         }),
         "dialog-header": m(() => e[1] || (e[1] = [
-          o("div", null, "Link Destination", -1)
+          a("div", null, "Link Destination", -1)
         ])),
         "dialog-footer": m(() => [
-          o("div", q, [
+          a("div", H, [
             r(n, {
               type: "button",
               variant: "secondary",
               label: "Cancel",
               size: "md",
-              onClick: S
+              onClick: V
             }),
             r(n, {
               type: "button",
               variant: "primary",
               label: "Save",
               size: "md",
-              onClick: M
+              onClick: B
             })
           ])
         ]),
         default: m(() => [
-          o("div", H, [
-            e[4] || (e[4] = o("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, " Member ", -1)),
+          a("div", A, [
+            e[4] || (e[4] = a("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, " Member ", -1)),
             r(y),
-            o("div", N, [
-              (p(), x(C, null, F(_, (a) => r(u, {
+            a("div", N, [
+              (u(), x(M, null, F(_, (o) => r(p, {
                 "model-value": s.value,
                 "onUpdate:modelValue": g,
                 rules: () => [],
-                label: a.title,
-                value: a.path
+                label: o.title,
+                value: o.path
               }, null, 8, ["model-value", "label", "value"])), 64))
             ]),
-            e[5] || (e[5] = o("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, " Other template ", -1)),
+            e[5] || (e[5] = a("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, " Other template ", -1)),
             r(y),
-            o("div", O, [
-              (p(!0), x(C, null, F(h.value, (a) => (p(), v(u, {
+            a("div", O, [
+              (u(!0), x(M, null, F(b.value, (o) => (u(), v(p, {
                 "model-value": s.value,
                 "onUpdate:modelValue": g,
                 rules: () => [],
-                label: a.templateAlias,
-                value: `Template::${a.templateId}`
+                label: o.templateAlias,
+                value: `Template::${o.templateId}`
               }, null, 8, ["model-value", "label", "value"]))), 256))
             ]),
-            e[6] || (e[6] = o("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, " External URL ", -1)),
+            e[6] || (e[6] = a("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, " External URL ", -1)),
             r(y),
-            o("div", W, [
-              e[3] || (e[3] = o("div", { class: "w-120 shrink-0" }, "Enter URL", -1)),
-              r(U, {
+            a("div", G, [
+              e[3] || (e[3] = a("div", { class: "w-120 shrink-0" }, "Enter URL", -1)),
+              r(S, {
                 class: "w-full",
                 "model-value": i.value,
-                "onUpdate:modelValue": B
+                "onUpdate:modelValue": T
               }, {
                 prepend: m(() => e[2] || (e[2] = [
-                  o("div", { class: "text-fm-color-typo-tertiary" }, "https://", -1)
+                  a("div", { class: "text-fm-color-typo-tertiary" }, "https://", -1)
                 ])),
                 _: 1
               }, 8, ["model-value"])

package/dist/{ListRepeater-ClJTp-6r.js → ListRepeater-Bjq_VTKB.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-PkUx7Ubo.js";
+import { F as f } from "./app-DKN3IiyF.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-BC4fKORI.js → ManagementSettings-DWh1pA_2.js}

@@ -1,8 +1,10 @@
-import { defineComponent as j, ref as w, computed as z, watch as $, resolveComponent as m, openBlock as p, createElementBlock as y, createElementVNode as r, createVNode as l, unref as o, createBlock as S, 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-BekN4F_2.js";
-import { r as U, I as V } from "./image-CZHt-VXw.js";
-const q = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), A = [
+import { defineComponent as j, ref as w, computed as z, watch as S, resolveComponent as m, openBlock as d, createElementBlock as y, createElementVNode as i, createVNode as l, unref as o, createBlock as F, withCtx as $, toDisplayString as C } from "vue";
+import { useCoreStore as U } from "@feedmepos/mf-common";
+import { B as g } from "./index-bSKZrhdP.js";
+import { K as P } from "./vue-sonner-PX6Req0V.js";
+import { r as V, I as q } from "./image-BYlGZH0E.js";
+import { useSnackbar as A } from "@feedmepos/ui-library";
+const I = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), R = [
   "brand",
   "home",
   "app",
@@ -500,18 +502,43 @@ const q = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), A = [
   "za",
   "zm",
   "zw"
-], 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({
+], L = { class: "w-full flex flex-col gap-40" }, T = { class: "flex flex-col gap-24" }, E = { class: "w-full flex items-center justify-between h-[36px]" }, D = { class: "w-full flex gap-32" }, K = { class: "relative shrink-0 h-[100px] w-[100px]" }, M = ["src"], N = { 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" }, O = { class: "w-full flex flex-col gap-24 max-w-[400px]" }, G = { class: "text-fm-color-typo-secondary" }, ee = /* @__PURE__ */ j({
   __name: "ManagementSettings",
-  setup(O) {
-    const s = P(), d = w(!0), a = w({
+  setup(H) {
+    const s = U(), h = A(), p = w(!0), a = w({
       name: "",
       url: "",
       thumbnail: ""
-    }), h = z(
+    }), k = z(
       () => "https://{slug}.feedme.vip".replace("https://{slug}", "")
     );
     function _() {
-      k.promise(
+      var t, e;
+      navigator.clipboard.writeText(
+        "https://{slug}.feedme.vip".replace(
+          "{slug}",
+          ((t = s.currentBusiness.value) == null ? void 0 : t.url) ?? ((e = s.currentBusiness.value) == null ? void 0 : e._id)
+        )
+      ).then(() => {
+        h.open(
+          {
+            message: "Copied URL to clipboard!",
+            type: "success"
+          },
+          1500
+        );
+      }).catch((r) => {
+        h.open(
+          {
+            message: "Failed to copy URL to clipboard",
+            type: "error"
+          },
+          1500
+        );
+      });
+    }
+    function x() {
+      P.promise(
         g.setShortUrl(
           a.value.url,
           s.currentBusiness.value.url ?? "",
@@ -536,10 +563,10 @@ const q = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), A = [
         }
       );
     }
-    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(
+    function B(t) {
+      var r, u;
+      const e = ((r = t.dataTransfer) == null ? void 0 : r.files[0]) ?? ((u = t.target) == null ? void 0 : u.files[0]);
+      q.uploadImage(
         s.currentBusiness.value._id,
         `thumbnail/${(/* @__PURE__ */ new Date()).toISOString()}.${e.name.split(".").pop()}`,
         e
@@ -552,56 +579,43 @@ const q = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), A = [
         }), a.value.thumbnail = `https://image.feedme.cc/business/${s.currentBusiness.value._id}/${c.imagePath}`;
       });
     }
-    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 $(
+    return S(
       () => s.currentBusiness.value,
       () => {
-        var t, e, i;
-        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 = ((i = s.currentBusiness.value) == null ? void 0 : i.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 }
     ), (t, e) => {
       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)),
-            l(i, {
-              disabled: d.value,
+      const r = m("FmButton"), u = m("FmAvatar"), c = m("FmIcon"), f = m("FmTextField");
+      return d(), y("div", L, [
+        i("div", T, [
+          i("div", E, [
+            e[4] || (e[4] = i("h2", { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Business details ", -1)),
+            l(r, {
+              disabled: p.value,
               label: "Save",
-              onClick: _
+              onClick: x
             }, null, 8, ["disabled"])
           ]),
-          r("div", E, [
-            r("div", R, [
-              a.value.thumbnail ? (p(), y("img", {
+          i("div", D, [
+            i("div", K, [
+              a.value.thumbnail ? (d(), y("img", {
                 key: 0,
                 class: "h-full w-full rounded-full",
-                src: o(U)(a.value.thumbnail)
-              }, null, 8, D)) : (p(), S(u, {
+                src: o(V)(a.value.thumbnail)
+              }, null, 8, M)) : (d(), F(u, {
                 key: 1,
                 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", K, [
-                r("input", {
+              i("button", N, [
+                i("input", {
                   class: "absolute top-0 left-0 h-32 w-32 opacity-0 cursor-pointer",
                   type: "file",
                   accept: "image/*",
-                  onChange: x
+                  onChange: B
                 }, null, 32),
                 l(c, {
                   size: "md",
@@ -611,14 +625,14 @@ const q = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), A = [
                 })
               ])
             ]),
-            r("div", M, [
+            i("div", O, [
               l(f, {
                 class: "w-full",
                 label: "Business name",
                 modelValue: a.value.name,
                 "onUpdate:modelValue": [
                   e[0] || (e[0] = (n) => a.value.name = n),
-                  e[1] || (e[1] = (n) => d.value = !1)
+                  e[1] || (e[1] = (n) => p.value = !1)
                 ]
               }, null, 8, ["modelValue"]),
               l(f, {
@@ -628,19 +642,19 @@ const q = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), A = [
                 modelValue: a.value.url,
                 "onUpdate:modelValue": [
                   e[2] || (e[2] = (n) => a.value.url = n),
-                  e[3] || (e[3] = (n) => d.value = !1)
+                  e[3] || (e[3] = (n) => p.value = !1)
                 ],
                 rules: [
-                  (n) => !n || o(q).test(n) || "Min 6 characters, alphanumeric only",
-                  (n) => !n || !o(A).includes(n) || "Business URL is reserved"
+                  (n) => !n || o(I).test(n) || "Min 6 characters, alphanumeric only",
+                  (n) => !n || !o(R).includes(n) || "Business URL is reserved"
                 ]
               }, {
-                append: F(() => [
-                  r("span", N, C(h.value), 1),
-                  l(i, {
+                append: $(() => [
+                  i("span", G, C(k.value), 1),
+                  l(r, {
                     icon: "content_copy",
                     variant: "plain",
-                    onClick: B
+                    onClick: _
                   })
                 ]),
                 _: 1
@@ -653,5 +667,5 @@ const q = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), A = [
   }
 });
 export {
-  W as default
+  ee as default
 };