@feedmepos/mf-brand-app-builder 0.5.19-dev.1 → 0.5.19-dev.5

package/dist/ButtonGroup-B-9DEvww.js

@@ -0,0 +1,29 @@
+import { defineComponent as s, computed as n, resolveComponent as c, openBlock as m, createBlock as d } from "vue";
+import { u as i } from "./app-x8DBcMsK.js";
+const x = /* @__PURE__ */ s({
+  __name: "ButtonGroup",
+  props: {
+    context: {}
+  },
+  setup(u) {
+    const { t: l } = i(), t = u, o = n(() => t.context.groupItems.map((e) => ({
+      ...e,
+      label: l(e.label)
+    }))), r = (e) => {
+      t.context.node.input(e.value);
+    }, a = n(() => o.value.find(
+      (e) => JSON.stringify(e.value) === JSON.stringify(t.context._value)
+    ));
+    return (e, v) => {
+      const p = c("FmButtonGroup");
+      return m(), d(p, {
+        "model-value": a.value,
+        "onUpdate:modelValue": r,
+        items: o.value
+      }, null, 8, ["model-value", "items"]);
+    };
+  }
+});
+export {
+  x as default
+};

package/dist/{ColorPicker-BsSFgHSF.js → ColorPicker-I6CkNIxt.js}

@@ -1,4 +1,4 @@
-import { defineComponent as x, ref as f, watch as w, resolveComponent as m, openBlock as y, createBlock as h, withCtx as d, createVNode as i, createTextVNode as F, createElementVNode as t, 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 { 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",
@@ -6,15 +6,15 @@ const L = { class: "grid grid-cols-4 place-items-center items-start gap-16 flex-
     color: {}
   },
   emits: ["update"],
-  setup(v, { emit: n }) {
-    const p = v, l = f(p.color);
+  setup(f, { emit: l }) {
+    const p = f, a = b(p.color);
     w(
       () => p.color,
       (o) => {
-        l.value = o;
+        a.value = o;
       }
     );
-    const a = f(!1), b = n, s = [
+    const s = b(!1), v = l, e = [
       "--brand-color-primary",
       "--brand-color-secondary",
       "--brand-color-accent",
@@ -32,11 +32,11 @@ const L = { class: "grid grid-cols-4 place-items-center items-start gap-16 flex-
       "--brand-color-status-error",
       "--brand-color-status-info"
     ];
-    return (o, e) => {
+    return (o, t) => {
       const u = m("FmButton"), c = m("FmDialog");
       return y(), h(c, {
-        modelValue: a.value,
-        "onUpdate:modelValue": e[2] || (e[2] = (r) => a.value = r),
+        modelValue: s.value,
+        "onUpdate:modelValue": t[2] || (t[2] = (n) => s.value = n),
         "dismiss-away": ""
       }, {
         "dialog-button": d(() => [
@@ -45,41 +45,41 @@ const L = { class: "grid grid-cols-4 place-items-center items-start gap-16 flex-
             icon: "link"
           })
         ]),
-        "dialog-header": d(() => e[3] || (e[3] = [
+        "dialog-header": d(() => t[3] || (t[3] = [
           F(" Link with brandkit color ")
         ])),
         default: d(() => [
-          t("div", L, [
-            (y(), C(B, null, V(s, (r) => {
+          r("div", L, [
+            (y(), C(B, null, V(e, (n) => {
               var g, _;
-              return t("div", N, [
-                t("div", {
-                  onClick: (q) => l.value = r,
+              return r("div", N, [
+                r("div", {
+                  onClick: (q) => a.value = n,
                   class: $(["p-[2px] border-1 rounded-sm", {
-                    "border-fm-color-primary": (g = l.value) == null ? void 0 : g.includes(r),
-                    "border-fm-color-neutral-gray-200": !((_ = l.value) != null && _.includes(r))
+                    "border-fm-color-primary": (g = a.value) == null ? void 0 : g.includes(n),
+                    "border-fm-color-neutral-gray-200": !((_ = a.value) != null && _.includes(n))
                   }])
                 }, [
-                  t("div", {
+                  r("div", {
                     class: "h-[40px] aspect-square cursor-pointer",
-                    style: k({ backgroundColor: `var(${r})` })
+                    style: k({ backgroundColor: `var(${n})` })
                   }, null, 4)
                 ], 10, z),
-                t("div", K, P(r.replace("--brand-color-", "").replace(/-/g, " ")), 1)
+                r("div", K, P(n.replace("--brand-color-", "").replace(/-/g, " ")), 1)
               ]);
             }), 64))
           ])
         ]),
         "dialog-footer": d(() => [
-          t("div", R, [
+          r("div", R, [
             i(u, {
               variant: "secondary",
               label: "Close",
-              onClick: e[0] || (e[0] = (r) => a.value = !1)
+              onClick: t[0] || (t[0] = (n) => s.value = !1)
             }),
             i(u, {
               label: "Confirm",
-              onClick: e[1] || (e[1] = (r) => (b("update", `var(${l.value})`), a.value = !1))
+              onClick: t[1] || (t[1] = (n) => (v("update", `var(${a.value})`), s.value = !1))
             })
           ])
         ]),
@@ -92,46 +92,49 @@ const L = { class: "grid grid-cols-4 place-items-center items-start gap-16 flex-
   props: {
     context: {}
   },
-  setup(v) {
-    const n = v, p = f(), l = async (s) => {
-      await n.context.node.input(s);
-    }, a = (s) => {
-      navigator.clipboard.writeText(s);
-    }, b = S(() => n.context._value.startsWith("var") ? getComputedStyle(document.documentElement).getPropertyValue(
-      n.context._value.slice(
-        4,
-        n.context._value.length - 1
-      )
-    ).trim() : n.context._value);
-    return (s, o) => {
-      const e = m("FmButton"), u = m("FmPopover");
+  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(() => [
-            t("div", {
+            r("div", {
               ref_key: "elRef",
               ref: p,
               class: "w-[50px] h-[25px] relative border border-gray-400 rounded overflow-hidden"
             }, [
-              o[3] || (o[3] = t("div", { class: "absolute inset-0 bg-checkerboard" }, null, -1)),
-              t("div", {
+              o[3] || (o[3] = r("div", { class: "absolute inset-0 bg-checkerboard" }, null, -1)),
+              r("div", {
                 class: "absolute inset-0",
-                style: k({ backgroundColor: s.context._value })
+                style: k({ backgroundColor: e.context._value || "#ffffff00" })
               }, null, 4)
             ], 512)
           ]),
           default: d(() => [
-            t("div", j, [
+            r("div", j, [
               i(D(E), {
-                copy: a,
-                onColorCopy: o[0] || (o[0] = (c) => a(c.cssColor)),
+                copy: s,
+                onColorCopy: o[0] || (o[0] = (c) => s(c.cssColor)),
                 "default-format": "hex",
-                color: b.value,
+                color: v.value,
                 "visible-formats": ["hex"],
-                onColorChange: o[1] || (o[1] = (c) => l(c.cssColor))
+                onColorChange: o[1] || (o[1] = (c) => a(c.cssColor))
               }, {
                 "copy-button": d(() => [
-                  i(e, {
+                  i(t, {
                     class: "w-full h-32",
                     variant: "secondary",
                     icon: "content_copy"
@@ -144,8 +147,8 @@ const L = { class: "grid grid-cols-4 place-items-center items-start gap-16 flex-
           _: 1
         }),
         i(T, {
-          color: n.context._value,
-          onUpdate: o[2] || (o[2] = (c) => l(c))
+          color: l.context._value || "#ffffff00",
+          onUpdate: o[2] || (o[2] = (c) => a(c))
         }, null, 8, ["color"])
       ]);
     };

package/dist/{ImageUpload-hoE0aTOn.js → ImageUpload-BU2O824P.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 f } from "vue";
-import { r as g, I as h } from "./image-Bi_ML0ft.js";
+import { r as g, I as h } from "./image-BqDqtLH6.js";
 import { useCoreStore as I } from "@feedmepos/mf-common";
-import "./main-pKSbpQEA.js";
+import "./main-DBrQC_KK.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";

package/dist/{LinkButton-BGVmggik.js → LinkButton-D84628YD.js}

@@ -1,7 +1,7 @@
 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-BxfIC7wL.js";
+import { u as $ } from "./index-B36QBcNq.js";
 import "@feedmepos/mf-common";
 const j = {
   key: 1,

package/dist/{ListRepeater-DCqV0LTM.js → ListRepeater-BiEOsP-b.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-CAYGmzf1.js";
+import { F as f } from "./app-x8DBcMsK.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-CuQCt7cj.js → ManagementSettings-Jif9Bwz9.js}

@@ -1,10 +1,11 @@
-import { defineComponent as j, ref as w, computed as z, watch as S, resolveComponent as m, openBlock as p, 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-aAXVQp3l.js";
-import { K as P } from "./vue-sonner-PX6Req0V.js";
-import { r as V, I as q } from "./image-Bi_ML0ft.js";
-import { useSnackbar as A } from "@feedmepos/ui-library";
-const I = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), R = [
+import { defineComponent as C, ref as y, computed as S, watch as $, resolveComponent as d, openBlock as g, createElementBlock as k, createElementVNode as o, toDisplayString as _, unref as i, createVNode as u, createBlock as F, withCtx as U } from "vue";
+import { useCoreStore as P } from "@feedmepos/mf-common";
+import { B as h } from "./index-ex9EgbxG.js";
+import { K as V } from "./vue-sonner-PX6Req0V.js";
+import { r as q, I } from "./image-BqDqtLH6.js";
+import { useSnackbar as T } from "@feedmepos/ui-library";
+import { u as A } from "./app-x8DBcMsK.js";
+const E = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), N = [
   "brand",
   "home",
   "app",
@@ -502,17 +503,17 @@ const I = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), R = [
   "za",
   "zm",
   "zw"
-], 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({
+], D = { class: "w-full flex flex-col gap-40" }, K = { class: "flex flex-col gap-24" }, R = { class: "w-full flex items-center justify-between h-[36px]" }, L = { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, M = { class: "w-full flex gap-32" }, O = { class: "relative shrink-0 h-[100px] w-[100px]" }, G = ["src"], H = { 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" }, J = { class: "w-full flex flex-col gap-24 max-w-[400px]" }, Q = { class: "text-fm-color-typo-secondary" }, ne = /* @__PURE__ */ C({
   __name: "ManagementSettings",
-  setup(H) {
-    const s = U(), h = A(), d = w(!0), a = w({
+  setup(W) {
+    const s = P(), b = T(), { t: n } = A(), p = y(!0), a = y({
       name: "",
       url: "",
       thumbnail: ""
-    }), k = z(
+    }), x = S(
       () => "https://{slug}.feedmedev.vip".replace("https://{slug}", "")
     );
-    function _() {
+    function B() {
       var t, e;
       navigator.clipboard.writeText(
         "https://{slug}.feedmedev.vip".replace(
@@ -520,30 +521,30 @@ const I = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), R = [
           ((t = s.currentBusiness.value) == null ? void 0 : t.url) ?? ((e = s.currentBusiness.value) == null ? void 0 : e._id)
         )
       ).then(() => {
-        h.open(
+        b.open(
           {
-            message: "Copied URL to clipboard!",
+            message: n("brand.settings.management.toast.copiedUrl"),
             type: "success"
           },
           1500
         );
-      }).catch((r) => {
-        h.open(
+      }).catch((l) => {
+        b.open(
           {
-            message: "Failed to copy URL to clipboard",
+            message: n("brand.settings.management.toast.failedToCopyUrl"),
             type: "error"
           },
           1500
         );
       });
     }
-    function x() {
-      P.promise(
-        g.setShortUrl(
+    function j() {
+      V.promise(
+        h.setShortUrl(
           a.value.url,
           s.currentBusiness.value.url ?? "",
           s.currentBusiness.value._id
-        ).then(async (t) => await g.updateBusinessProfile(
+        ).then(async (t) => await h.updateBusinessProfile(
           s.currentBusiness.value._id,
           {
             name: a.value.name,
@@ -557,21 +558,21 @@ const I = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), R = [
           throw { message: t.message };
         }),
         {
-          loading: "Saving your settings...",
-          success: () => "Settings saved",
-          error: (t) => t.message ?? "An error occured when saving your settings, please try again"
+          loading: n("brand.settings.management.toast.saving"),
+          success: () => n("brand.settings.management.toast.saved"),
+          error: (t) => t.message ?? n("brand.settings.management.toast.errorSaving")
         }
       );
     }
-    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(
+    function z(t) {
+      var l, m;
+      const e = ((l = t.dataTransfer) == null ? void 0 : l.files[0]) ?? ((m = t.target) == null ? void 0 : m.files[0]);
+      I.uploadImage(
         s.currentBusiness.value._id,
         `thumbnail/${(/* @__PURE__ */ new Date()).toISOString()}.${e.name.split(".").pop()}`,
         e
       ).then(async (c) => {
-        await g.updateBusinessProfile(s.currentBusiness.value._id, {
+        await h.updateBusinessProfile(s.currentBusiness.value._id, {
           name: a.value.name,
           url: a.value.url,
           thumbnail: `https://image.feedmedev.cc/business/${s.currentBusiness.value._id}/${c.imagePath}`,
@@ -579,45 +580,45 @@ const I = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), R = [
         }), a.value.thumbnail = `https://image.feedmedev.cc/business/${s.currentBusiness.value._id}/${c.imagePath}`;
       });
     }
-    return S(
+    return $(
       () => s.currentBusiness.value,
       () => {
-        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) ?? "";
+        var t, e, l;
+        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 = ((l = s.currentBusiness.value) == null ? void 0 : l.thumbnail) ?? "";
       },
       { immediate: !0 }
     ), (t, e) => {
-      var v, b;
-      const r = m("FmButton"), u = m("FmAvatar"), c = m("FmIcon"), f = m("FmTextField");
-      return p(), 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: d.value,
-              label: "Save",
-              onClick: x
-            }, null, 8, ["disabled"])
+      var v, w;
+      const l = d("FmButton"), m = d("FmAvatar"), c = d("FmIcon"), f = d("FmTextField");
+      return g(), k("div", D, [
+        o("div", K, [
+          o("div", R, [
+            o("h2", L, _(i(n)("brand.settings.management.details")), 1),
+            u(l, {
+              disabled: p.value,
+              label: i(n)("brand.settings.management.save"),
+              onClick: j
+            }, null, 8, ["disabled", "label"])
           ]),
-          i("div", D, [
-            i("div", K, [
-              a.value.thumbnail ? (p(), y("img", {
+          o("div", M, [
+            o("div", O, [
+              a.value.thumbnail ? (g(), k("img", {
                 key: 0,
                 class: "h-full w-full rounded-full",
-                src: o(V)(a.value.thumbnail)
-              }, null, 8, M)) : (p(), F(u, {
+                src: i(q)(a.value.thumbnail)
+              }, null, 8, G)) : (g(), F(m, {
                 key: 1,
-                name: ((v = o(s).currentBusiness.value) == null ? void 0 : v.name) ?? "",
+                name: ((v = i(s).currentBusiness.value) == null ? void 0 : v.name) ?? "",
                 class: "h-full w-full !fm-typo-en-title-md-600 bg-fm-color-primary-oats text-fm-color-primary"
               }, null, 8, ["name"])),
-              i("button", N, [
-                i("input", {
+              o("button", H, [
+                o("input", {
                   class: "absolute top-0 left-0 h-32 w-32 opacity-0 cursor-pointer",
                   type: "file",
                   accept: "image/*",
-                  onChange: B
+                  onChange: z
                 }, null, 32),
-                l(c, {
+                u(c, {
                   size: "md",
                   name: "edit",
                   color: "neutral-black",
@@ -625,40 +626,40 @@ const I = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), R = [
                 })
               ])
             ]),
-            i("div", O, [
-              l(f, {
+            o("div", J, [
+              u(f, {
                 class: "w-full",
-                label: "Business name",
+                label: i(n)("brand.settings.management.businessName"),
                 modelValue: a.value.name,
                 "onUpdate:modelValue": [
-                  e[0] || (e[0] = (n) => a.value.name = n),
-                  e[1] || (e[1] = (n) => d.value = !1)
+                  e[0] || (e[0] = (r) => a.value.name = r),
+                  e[1] || (e[1] = (r) => p.value = !1)
                 ]
-              }, null, 8, ["modelValue"]),
-              l(f, {
+              }, null, 8, ["label", "modelValue"]),
+              u(f, {
                 class: "w-full",
-                label: "URL",
-                placeholder: (b = o(s).currentBusiness.value) == null ? void 0 : b._id,
+                label: i(n)("brand.settings.management.url"),
+                placeholder: (w = i(s).currentBusiness.value) == null ? void 0 : w._id,
                 modelValue: a.value.url,
                 "onUpdate:modelValue": [
-                  e[2] || (e[2] = (n) => a.value.url = n),
-                  e[3] || (e[3] = (n) => d.value = !1)
+                  e[2] || (e[2] = (r) => a.value.url = r),
+                  e[3] || (e[3] = (r) => p.value = !1)
                 ],
                 rules: [
-                  (n) => !n || o(I).test(n) || "Min 6 characters, alphanumeric only",
-                  (n) => !n || !o(R).includes(n) || "Business URL is reserved"
+                  (r) => !r || i(E).test(r) || i(n)("brand.settings.management.validation.minCharacters"),
+                  (r) => !r || !i(N).includes(r) || i(n)("brand.settings.management.validation.reservedUrl")
                 ]
               }, {
-                append: $(() => [
-                  i("span", G, C(k.value), 1),
-                  l(r, {
+                append: U(() => [
+                  o("span", Q, _(x.value), 1),
+                  u(l, {
                     icon: "content_copy",
                     variant: "plain",
-                    onClick: _
+                    onClick: B
                   })
                 ]),
                 _: 1
-              }, 8, ["placeholder", "modelValue", "rules"])
+              }, 8, ["label", "placeholder", "modelValue", "rules"])
             ])
           ])
         ])
@@ -667,5 +668,5 @@ const I = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), R = [
   }
 });
 export {
-  ee as default
+  ne as default
 };