@feedmepos/mf-brand-app-builder 0.5.17 → 0.5.18-prod.2

package/dist/ColorPicker-I6CkNIxt.js

@@ -0,0 +1,159 @@
+import { defineComponent as x, ref as b, watch as w, resolveComponent as m, openBlock as y, createBlock as h, withCtx as d, createVNode as i, createTextVNode as F, createElementVNode as r, createElementBlock as C, Fragment as B, renderList as V, normalizeClass as $, normalizeStyle as k, toDisplayString as P, computed as S, unref as D } from "vue";
+import { K as E } from "./ColorPicker-CHzKbuCD.js";
+const L = { class: "grid grid-cols-4 place-items-center items-start gap-16 flex-wrap pb-24" }, N = { class: "flex flex-col items-center" }, z = ["onClick"], K = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary text-center" }, R = { class: "w-full flex gap-8 justify-end items-center" }, T = /* @__PURE__ */ x({
+  __name: "LinkBrandkitColor",
+  props: {
+    color: {}
+  },
+  emits: ["update"],
+  setup(f, { emit: l }) {
+    const p = f, a = b(p.color);
+    w(
+      () => p.color,
+      (o) => {
+        a.value = o;
+      }
+    );
+    const s = b(!1), v = l, e = [
+      "--brand-color-primary",
+      "--brand-color-secondary",
+      "--brand-color-accent",
+      "--brand-color-background-base",
+      "--brand-color-background-elevated",
+      "--brand-color-neutral-light",
+      "--brand-color-neutral-mid",
+      "--brand-color-neutral-dark",
+      "--brand-color-typo-on-primary",
+      "--brand-color-typo-primary",
+      "--brand-color-typo-secondary",
+      "--brand-color-typo-tertiary",
+      "--brand-color-status-success",
+      "--brand-color-status-warning",
+      "--brand-color-status-error",
+      "--brand-color-status-info"
+    ];
+    return (o, t) => {
+      const u = m("FmButton"), c = m("FmDialog");
+      return y(), h(c, {
+        modelValue: s.value,
+        "onUpdate:modelValue": t[2] || (t[2] = (n) => s.value = n),
+        "dismiss-away": ""
+      }, {
+        "dialog-button": d(() => [
+          i(u, {
+            variant: "plain",
+            icon: "link"
+          })
+        ]),
+        "dialog-header": d(() => t[3] || (t[3] = [
+          F(" Link with brandkit color ")
+        ])),
+        default: d(() => [
+          r("div", L, [
+            (y(), C(B, null, V(e, (n) => {
+              var g, _;
+              return r("div", N, [
+                r("div", {
+                  onClick: (q) => a.value = n,
+                  class: $(["p-[2px] border-1 rounded-sm", {
+                    "border-fm-color-primary": (g = a.value) == null ? void 0 : g.includes(n),
+                    "border-fm-color-neutral-gray-200": !((_ = a.value) != null && _.includes(n))
+                  }])
+                }, [
+                  r("div", {
+                    class: "h-[40px] aspect-square cursor-pointer",
+                    style: k({ backgroundColor: `var(${n})` })
+                  }, null, 4)
+                ], 10, z),
+                r("div", K, P(n.replace("--brand-color-", "").replace(/-/g, " ")), 1)
+              ]);
+            }), 64))
+          ])
+        ]),
+        "dialog-footer": d(() => [
+          r("div", R, [
+            i(u, {
+              variant: "secondary",
+              label: "Close",
+              onClick: t[0] || (t[0] = (n) => s.value = !1)
+            }),
+            i(u, {
+              label: "Confirm",
+              onClick: t[1] || (t[1] = (n) => (v("update", `var(${a.value})`), s.value = !1))
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), U = { class: "flex items-center gap-8" }, j = { class: "shadow-lg rounded-lg p-8" }, A = /* @__PURE__ */ x({
+  __name: "ColorPicker",
+  props: {
+    context: {}
+  },
+  setup(f) {
+    const l = f, p = b(), a = async (e) => {
+      await l.context.node.input(e);
+    }, s = (e) => {
+      navigator.clipboard.writeText(e);
+    }, v = S(() => {
+      var e;
+      return (e = l.context._value) != null && e.startsWith("var") ? getComputedStyle(document.documentElement).getPropertyValue(
+        l.context._value.slice(
+          4,
+          l.context._value.length - 1
+        )
+      ).trim() : l.context._value;
+    });
+    return (e, o) => {
+      const t = m("FmButton"), u = m("FmPopover");
+      return y(), C("div", U, [
+        i(u, null, {
+          "popover-button": d(() => [
+            r("div", {
+              ref_key: "elRef",
+              ref: p,
+              class: "w-[50px] h-[25px] relative border border-gray-400 rounded overflow-hidden"
+            }, [
+              o[3] || (o[3] = r("div", { class: "absolute inset-0 bg-checkerboard" }, null, -1)),
+              r("div", {
+                class: "absolute inset-0",
+                style: k({ backgroundColor: e.context._value || "#ffffff00" })
+              }, null, 4)
+            ], 512)
+          ]),
+          default: d(() => [
+            r("div", j, [
+              i(D(E), {
+                copy: s,
+                onColorCopy: o[0] || (o[0] = (c) => s(c.cssColor)),
+                "default-format": "hex",
+                color: v.value,
+                "visible-formats": ["hex"],
+                onColorChange: o[1] || (o[1] = (c) => a(c.cssColor))
+              }, {
+                "copy-button": d(() => [
+                  i(t, {
+                    class: "w-full h-32",
+                    variant: "secondary",
+                    icon: "content_copy"
+                  })
+                ]),
+                _: 1
+              }, 8, ["color"])
+            ])
+          ]),
+          _: 1
+        }),
+        i(T, {
+          color: l.context._value || "#ffffff00",
+          onUpdate: o[2] || (o[2] = (c) => a(c))
+        }, null, 8, ["color"])
+      ]);
+    };
+  }
+});
+export {
+  A as default
+};

package/dist/{ImageUpload-CSFXBbR9.js → ImageUpload-DzQOvA_F.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-B1cQ74D8.js";
 import { useCoreStore as I } from "@feedmepos/mf-common";
-import "./main-DT3xX1S6.js";
+import "./main-TEd7G2KS.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-nIWN_c55.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-BqHH4xhH.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-BEgiqfsp.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-CODSxYNv.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: {