@feedmepos/mf-brand-app-builder 0.5.5 → 0.5.7-alpha

package/dist/ManagementSettings-CPRLKL7g.js

@@ -0,0 +1,640 @@
+import { defineComponent as x, ref as b, computed as B, watch as j, resolveComponent as m, openBlock as p, createElementBlock as w, createElementVNode as r, createVNode as c, unref as l, createBlock as z, withCtx as S, toDisplayString as $ } from "vue";
+import { useCoreStore as F } from "@feedmepos/mf-common";
+import { B as g } from "./index-CjpUVE5b.js";
+import { K as P } from "./vue-sonner-PX6Req0V.js";
+import { r as U, I as V } from "./image-D5Lfw4dr.js";
+const q = new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/), C = [
+  "brand",
+  "home",
+  "app",
+  "about",
+  "tnc",
+  "terms-and-conditions",
+  "redirection",
+  "redirect",
+  "auth",
+  "login",
+  "logout",
+  "register",
+  "user",
+  "discovery",
+  "discover",
+  "order",
+  "orders",
+  "membership",
+  "memberships",
+  "member",
+  "members",
+  "benefit",
+  "benefits",
+  "reward",
+  "rewards",
+  "voucher",
+  "vouchers",
+  "search",
+  "restaurant",
+  "restaurants",
+  "business",
+  "businesses",
+  "dine",
+  "profile",
+  "scan",
+  "scanner",
+  "menu",
+  "cart",
+  "me",
+  "v",
+  "active-orders",
+  "qr",
+  "setting",
+  "settings",
+  "error",
+  "supportdetails",
+  "support-details",
+  "stacks",
+  "imulus",
+  "github",
+  "twitter",
+  "facebook",
+  "google",
+  "apple",
+  "about",
+  "account",
+  "activate",
+  "add",
+  "admin",
+  "administrator",
+  "api",
+  "app",
+  "apps",
+  "archive",
+  "archives",
+  "auth",
+  "blog",
+  "cache",
+  "cancel",
+  "careers",
+  "cart",
+  "changelog",
+  "checkout",
+  "codereview",
+  "compare",
+  "config",
+  "configuration",
+  "connect",
+  "contact",
+  "create",
+  "delete",
+  "direct_messages",
+  "documentation",
+  "download",
+  "downloads",
+  "edit",
+  "email",
+  "employment",
+  "enterprise",
+  "faq",
+  "favorites",
+  "feed",
+  "feedback",
+  "feeds",
+  "fleet",
+  "fleets",
+  "follow",
+  "followers",
+  "following",
+  "friend",
+  "friends",
+  "gist",
+  "group",
+  "groups",
+  "help",
+  "home",
+  "hosting",
+  "hostmaster",
+  "idea",
+  "ideas",
+  "index",
+  "info",
+  "invitations",
+  "invite",
+  "is",
+  "it",
+  "job",
+  "jobs",
+  "json",
+  "language",
+  "languages",
+  "lists",
+  "login",
+  "logout",
+  "logs",
+  "mail",
+  "map",
+  "maps",
+  "mine",
+  "mis",
+  "news",
+  "oauth",
+  "oauth_clients",
+  "offers",
+  "openid",
+  "order",
+  "orders",
+  "organizations",
+  "plans",
+  "popular",
+  "post",
+  "postmaster",
+  "privacy",
+  "projects",
+  "put",
+  "recruitment",
+  "register",
+  "remove",
+  "replies",
+  "root",
+  "rss",
+  "sales",
+  "save",
+  "search",
+  "security",
+  "sessions",
+  "settings",
+  "shop",
+  "signup",
+  "sitemap",
+  "ssl",
+  "ssladmin",
+  "ssladministrator",
+  "sslwebmaster",
+  "status",
+  "stories",
+  "styleguide",
+  "subscribe",
+  "subscriptions",
+  "support",
+  "sysadmin",
+  "sysadministrator",
+  "terms",
+  "tour",
+  "translations",
+  "trends",
+  "unfollow",
+  "unsubscribe",
+  "update",
+  "url",
+  "user",
+  "weather",
+  "webmaster",
+  "widget",
+  "widgets",
+  "wiki",
+  "ww",
+  "www",
+  "wwww",
+  "xfn",
+  "xml",
+  "xmpp",
+  "yaml",
+  "yml",
+  "chinese",
+  "mandarin",
+  "spanish",
+  "english",
+  "bengali",
+  "hindi",
+  "portuguese",
+  "russian",
+  "japanese",
+  "german",
+  "wu",
+  "javanese",
+  "korean",
+  "french",
+  "vietnamese",
+  "telugu",
+  "chinese",
+  "marathi",
+  "tamil",
+  "turkish",
+  "urdu",
+  "min-nan",
+  "jinyu",
+  "gujarati",
+  "polish",
+  "arabic",
+  "ukrainian",
+  "italian",
+  "xiang",
+  "malayalam",
+  "hakka",
+  "kannada",
+  "oriya",
+  "panjabi",
+  "sunda",
+  "panjabi",
+  "romanian",
+  "bhojpuri",
+  "azerbaijani",
+  "farsi",
+  "maithili",
+  "hausa",
+  "arabic",
+  "burmese",
+  "serbo-croatian",
+  "gan",
+  "awadhi",
+  "thai",
+  "dutch",
+  "yoruba",
+  "sindhi",
+  "ac",
+  "ad",
+  "ae",
+  "af",
+  "ag",
+  "ai",
+  "al",
+  "am",
+  "an",
+  "ao",
+  "aq",
+  "ar",
+  "as",
+  "at",
+  "au",
+  "aw",
+  "ax",
+  "az",
+  "ba",
+  "bb",
+  "bd",
+  "be",
+  "bf",
+  "bg",
+  "bh",
+  "bi",
+  "bj",
+  "bm",
+  "bn",
+  "bo",
+  "br",
+  "bs",
+  "bt",
+  "bv",
+  "bw",
+  "by",
+  "bz",
+  "ca",
+  "cc",
+  "cd",
+  "cf",
+  "cg",
+  "ch",
+  "ci",
+  "ck",
+  "cl",
+  "cm",
+  "cn",
+  "co",
+  "cr",
+  "cs",
+  "cu",
+  "cv",
+  "cx",
+  "cy",
+  "cz",
+  "dd",
+  "de",
+  "dj",
+  "dk",
+  "dm",
+  "do",
+  "dz",
+  "ec",
+  "ee",
+  "eg",
+  "eh",
+  "er",
+  "es",
+  "et",
+  "eu",
+  "fi",
+  "fj",
+  "fk",
+  "fm",
+  "fo",
+  "fr",
+  "ga",
+  "gb",
+  "gd",
+  "ge",
+  "gf",
+  "gg",
+  "gh",
+  "gi",
+  "gl",
+  "gm",
+  "gn",
+  "gp",
+  "gq",
+  "gr",
+  "gs",
+  "gt",
+  "gu",
+  "gw",
+  "gy",
+  "hk",
+  "hm",
+  "hn",
+  "hr",
+  "ht",
+  "hu",
+  "id",
+  "ie",
+  "il",
+  "im",
+  "in",
+  "io",
+  "iq",
+  "ir",
+  "is",
+  "it",
+  "je",
+  "jm",
+  "jo",
+  "jp",
+  "ke",
+  "kg",
+  "kh",
+  "ki",
+  "km",
+  "kn",
+  "kp",
+  "kr",
+  "kw",
+  "ky",
+  "kz",
+  "la",
+  "lb",
+  "lc",
+  "li",
+  "lk",
+  "lr",
+  "ls",
+  "lt",
+  "lu",
+  "lv",
+  "ly",
+  "ma",
+  "mc",
+  "md",
+  "me",
+  "mg",
+  "mh",
+  "mk",
+  "ml",
+  "mm",
+  "mn",
+  "mo",
+  "mp",
+  "mq",
+  "mr",
+  "ms",
+  "mt",
+  "mu",
+  "mv",
+  "mw",
+  "mx",
+  "my",
+  "mz",
+  "na",
+  "nc",
+  "ne",
+  "nf",
+  "ng",
+  "ni",
+  "nl",
+  "no",
+  "np",
+  "nr",
+  "nu",
+  "nz",
+  "om",
+  "pa",
+  "pe",
+  "pf",
+  "pg",
+  "ph",
+  "pk",
+  "pl",
+  "pm",
+  "pn",
+  "pr",
+  "ps",
+  "pt",
+  "pw",
+  "py",
+  "qa",
+  "re",
+  "ro",
+  "rs",
+  "ru",
+  "rw",
+  "sa",
+  "sb",
+  "sc",
+  "sd",
+  "se",
+  "sg",
+  "sh",
+  "si",
+  "sj",
+  "sk",
+  "sl",
+  "sm",
+  "sn",
+  "so",
+  "sr",
+  "ss",
+  "st",
+  "su",
+  "sv",
+  "sy",
+  "sz",
+  "tc",
+  "td",
+  "tf",
+  "tg",
+  "th",
+  "tj",
+  "tk",
+  "tl",
+  "tm",
+  "tn",
+  "to",
+  "tp",
+  "tr",
+  "tt",
+  "tv",
+  "tw",
+  "tz",
+  "ua",
+  "ug",
+  "uk",
+  "us",
+  "uy",
+  "uz",
+  "va",
+  "vc",
+  "ve",
+  "vg",
+  "vi",
+  "vn",
+  "vu",
+  "wf",
+  "ws",
+  "ye",
+  "yt",
+  "yu",
+  "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({
+  __name: "ManagementSettings",
+  setup(N) {
+    const s = F(), d = b(!0), a = b({
+      name: "",
+      url: "",
+      thumbnail: ""
+    }), y = B(
+      () => "https://{slug}.feedme.vip".replace("https://{slug}", "")
+    );
+    function k() {
+      P.promise(
+        g.setShortUrl(
+          a.value.url,
+          s.currentBusiness.value.url ?? "",
+          s.currentBusiness.value._id
+        ).then(async (t) => await g.updateBusinessProfile(
+          s.currentBusiness.value._id,
+          {
+            name: a.value.name,
+            url: a.value.url,
+            thumbnail: s.currentBusiness.value.thumbnail,
+            coverPhoto: s.currentBusiness.value.coverPhoto
+          }
+        ).then(() => t).catch((e) => {
+          throw { message: e.message };
+        })).catch((t) => {
+          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"
+        }
+      );
+    }
+    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]);
+      V.uploadImage(
+        s.currentBusiness.value._id,
+        `thumbnail/${(/* @__PURE__ */ new Date()).toISOString()}.${e.name.split(".").pop()}`,
+        e
+      ).then(async (u) => {
+        await g.updateBusinessProfile(s.currentBusiness.value._id, {
+          name: a.value.name,
+          url: a.value.url,
+          thumbnail: `https://image.feedme.cc/business/${s.currentBusiness.value._id}/${u.imagePath}`,
+          coverPhoto: s.currentBusiness.value.coverPhoto
+        }), a.value.thumbnail = `https://image.feedme.cc/business/${s.currentBusiness.value._id}/${u.imagePath}`;
+      });
+    }
+    return j(
+      () => 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) ?? "";
+      },
+      { 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, [
+            e[4] || (e[4] = r("h2", { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Business details ", -1)),
+            c(i, {
+              disabled: d.value,
+              label: "Save",
+              onClick: k
+            }, null, 8, ["disabled"])
+          ]),
+          r("div", T, [
+            r("div", E, [
+              a.value.thumbnail ? (p(), w("img", {
+                key: 0,
+                class: "h-full w-full rounded-full",
+                src: l(U)(a.value.thumbnail)
+              }, null, 8, L)) : (p(), z(o, {
+                key: 1,
+                name: ((f = l(s).currentBusiness.value) == null ? void 0 : f.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("input", {
+                  class: "absolute top-0 left-0 h-32 w-32 opacity-0 cursor-pointer",
+                  type: "file",
+                  accept: "image/*",
+                  onChange: _
+                }, null, 32),
+                c(u, {
+                  size: "md",
+                  name: "edit",
+                  color: "neutral-black",
+                  outline: ""
+                })
+              ])
+            ]),
+            r("div", K, [
+              c(h, {
+                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)
+                ]
+              }, null, 8, ["modelValue"]),
+              c(h, {
+                class: "w-full",
+                label: "URL",
+                placeholder: (v = l(s).currentBusiness.value) == null ? void 0 : v._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"
+                ]
+              }, {
+                append: S(() => [
+                  r("span", M, $(y.value), 1)
+                ]),
+                _: 1
+              }, 8, ["placeholder", "modelValue", "rules"])
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  W as default
+};

package/dist/Select-CbQFoAzb.js

@@ -0,0 +1,25 @@
+import { defineComponent as l, resolveComponent as m, openBlock as s, createBlock as p } from "vue";
+const u = /* @__PURE__ */ l({
+  __name: "Select",
+  props: {
+    context: {}
+  },
+  setup(t) {
+    const o = t;
+    function n(e) {
+      o.context.node.input(e);
+    }
+    return (e, a) => {
+      const c = m("FmSelect");
+      return s(), p(c, {
+        class: "w-[160px]",
+        items: e.context.selectItems,
+        "model-value": e.context._value,
+        "onUpdate:modelValue": n
+      }, null, 8, ["items", "model-value"]);
+    };
+  }
+});
+export {
+  u as default
+};

package/dist/SettingsView-DFAxZPug.js

@@ -0,0 +1,33 @@
+import { defineComponent as m, resolveComponent as u, openBlock as f, createElementBlock as i, createElementVNode as p, createVNode as o, unref as t } from "vue";
+import { useRoute as c, useRouter as d, RouterView as b } from "vue-router";
+const g = { class: "h-full w-full p-24 bg-fm-color-neutral-white overflow-auto flex flex-col gap-24" }, R = /* @__PURE__ */ m({
+  __name: "SettingsView",
+  setup(_) {
+    const l = c(), s = d(), n = [
+      {
+        label: "Assets",
+        value: "settings-assets"
+      },
+      {
+        label: "Management",
+        value: "settings-management"
+      }
+    ];
+    return (v, e) => {
+      const a = u("FmTabs");
+      return f(), i("div", g, [
+        e[1] || (e[1] = p("h1", { class: "fm-typo-en-title-md-600 text-fm-color-typo-primary" }, "Settings", -1)),
+        o(a, {
+          class: "border-b border-fm-color-neutral-gray-100 w-full",
+          items: n,
+          "model-value": t(l).name,
+          "onUpdate:modelValue": e[0] || (e[0] = (r) => t(s).push({ name: r }))
+        }, null, 8, ["model-value"]),
+        o(t(b), { class: "w-fit" })
+      ]);
+    };
+  }
+});
+export {
+  R as default
+};

package/dist/StepperField-DrHM9EDn.js

@@ -0,0 +1,29 @@
+import { defineComponent as l, computed as c, resolveComponent as d, openBlock as s, createBlock 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 s(), u(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
+};