@feedmepos/mf-connect 0.1.0-beta.8 → 0.1.0-prod

package/dist/Marketing-QOKTAS_T.js

@@ -0,0 +1,309 @@
+import { openBlock as c, createElementBlock as u, defineComponent as D, ref as M, onMounted as z, computed as $, resolveComponent as l, Fragment as C, createVNode as r, unref as m, createElementVNode as o, withCtx as x, renderList as Y, createBlock as A, toDisplayString as B, createCommentVNode as H, h as G } from "vue";
+import { _ as J } from "./campaign-CpzFl8Vr.js";
+import { components as j } from "@feedmepos/ui-library";
+import { u as q, p as X } from "./loading-KNmEMBUB.js";
+import { defineStore as Q } from "pinia";
+import { F } from "./index-BaBNmzUb.js";
+import { useCoreStore as W } from "@feedmepos/mf-common";
+import { g as y, S as Z, b as ee } from "./index-BLDYTxnc.js";
+import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { u as ae } from "./campaign-CsOje3Ap.js";
+import { h as ne } from "./moment-BWErdI6_.js";
+var oe = { authUrl: "https://portal-v2.feedmeapi.com/", slackWebhookUrl: "https://hooks.slack.com/services/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", appUrl: "member.feedme.cc", crmUrl: "crm.feedme.cc", paymentPortalUrl: "https://portal.feedme.cc/payment/payout-account", marketingV1Portal: "https://marketing-v1.feedme.cc" };
+const h = () => {
+  const n = Z.getBusinessId();
+  if (!n) throw new Error("Invalid business ID");
+  return ee(`businesses/${n}/marketing-materials/`, {
+    url: oe.backendUrl,
+    noIdRequired: !0
+  });
+}, N = {
+  async read() {
+    return y(await h().get(""));
+  },
+  async createMarketing(n) {
+    return y(await h().post("", n));
+  },
+  // add id
+  async updateMarketing(n, s) {
+    return y(
+      await h().put(n, s)
+    );
+  },
+  async deleteMarketing(n) {
+    return y(await h().delete(n));
+  }
+}, S = Q("mf-connect-marketing", {
+  state: () => {
+    var n, s;
+    return {
+      marketing: [],
+      defaultMarketing: {
+        _id: void 0,
+        business: ((s = (n = W().currentBusiness) == null ? void 0 : n.value) == null ? void 0 : s._id) ?? "",
+        name: "",
+        campaign: null,
+        keywords: "",
+        image: "",
+        headline: {
+          content: "",
+          key: void 0
+        },
+        assets: [
+          {
+            platform: F.enum.FACEBOOK,
+            contents: [
+              {
+                type: "POST",
+                size: {
+                  width: 1920,
+                  height: 1080
+                },
+                images: []
+              },
+              {
+                type: "STORY",
+                size: {
+                  width: 1080,
+                  height: 1920
+                },
+                images: []
+              }
+            ]
+          },
+          {
+            platform: F.enum.INSTAGRAM,
+            contents: [
+              {
+                type: "POST",
+                size: {
+                  width: 1080,
+                  height: 1080
+                },
+                images: []
+              },
+              {
+                type: "STORY",
+                size: {
+                  width: 1080,
+                  height: 1920
+                },
+                images: []
+              },
+              {
+                type: "REEL",
+                size: {
+                  width: 1080,
+                  height: 1920
+                },
+                images: []
+              }
+            ]
+          },
+          {
+            platform: F.enum.BRAND_APP,
+            contents: [
+              {
+                type: "IMAGE",
+                size: {
+                  width: 1080,
+                  height: 1920
+                },
+                images: []
+              }
+            ]
+          }
+        ],
+        captions: [{ language: "en", content: "" }]
+      }
+    };
+  },
+  actions: {
+    async readMarketingMaterial() {
+      const n = await N.read();
+      this.marketing = n;
+    }
+  },
+  getters: {
+    state(n) {
+      return n;
+    }
+  }
+}), re = {};
+function se(n, s) {
+  return c(), u("div");
+}
+const ie = /* @__PURE__ */ te(re, [["render", se]]), le = { class: "px-24 flex flex-col gap-y-16" }, ce = { class: "flex items-center justify-between w-full" }, me = { class: "space-y-8" }, de = { class: "fm-typo-en-body-lg-600" }, ue = { class: "fm-typo-en-body-lg-600" }, pe = { key: 0 }, ge = /* @__PURE__ */ o("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-md-600" }, " No results found ", -1), fe = [
+  ge
+], ye = /* @__PURE__ */ o("img", {
+  src: J,
+  class: "w-[150px]"
+}, null, -1), he = /* @__PURE__ */ o("p", { class: "fm-typo-en-title-sm-800" }, "Create marketing material", -1), _e = /* @__PURE__ */ o("p", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary w-4/6 text-center" }, " Boost your marketing efforts effortlessly with our AI-powered tools. Generate stunning images and captivating captions for your desired platform. ", -1), Ve = /* @__PURE__ */ D({
+  __name: "Marketing",
+  setup(n) {
+    const s = {
+      label: "Create marketing material",
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, p = M(!1), _ = S(), k = ae(), { global: P, minor: T } = q;
+    z(async () => {
+      await P(async () => {
+        await k.read(), await _.readMarketingMaterial();
+      });
+    });
+    const d = $(() => _.marketing.filter(
+      (t) => t.name.includes(i.value.searchKey.toLowerCase())
+    )), g = M(
+      S().defaultMarketing
+    ), L = [
+      {
+        header: "Name",
+        accessorFn: (t) => t.name
+      },
+      {
+        header: "Campaign",
+        accessorFn: (t) => {
+          var e;
+          return t.campaign === null || t.campaign === void 0 ? "-" : (e = k.campaigns.all.find(
+            (v) => v._id === t.campaign
+          )) == null ? void 0 : e.name;
+        }
+      },
+      {
+        header: "Created date",
+        accessorFn: (t) => {
+          const e = new Date(parseInt(t._id.toString().substring(0, 8), 16) * 1e3);
+          return ne(e).format("DD MMM YYYY");
+        }
+      },
+      {
+        header: "Actions",
+        cell(t) {
+          return G(j.FmButton, {
+            variant: "tertiary",
+            icon: "delete",
+            iconColor: "neutral-gray-400",
+            onClick: (e) => {
+              e.stopPropagation(), I(t.row.original);
+            }
+          });
+        }
+      }
+    ];
+    async function I(t) {
+      await X.remove(`Are you sure you want to remove ${t.name}?`) && await T(
+        async () => {
+          await N.deleteMarketing(t._id), await _.readMarketingMaterial();
+        },
+        {
+          message: `Removing ${t.name}`,
+          successMessage: `Removed ${t.name} successfully`
+        }
+      );
+    }
+    async function f(t) {
+      t ? g.value = JSON.parse(JSON.stringify(t)) : g.value = JSON.parse(JSON.stringify(S().defaultMarketing)), p.value = !0;
+    }
+    const i = M({
+      searchKey: ""
+    });
+    return (t, e) => {
+      const v = l("FmPageHead"), O = l("FmSearch"), R = l("FmTable"), V = l("FmButton"), U = l("FmListItem"), E = l("FmList"), K = l("FmCard");
+      return c(), u(C, null, [
+        r(v, {
+          title: "Marketing material",
+          class: "xs:hidden",
+          actions: m(d).length > 0 ? [s] : [],
+          "onClick:action": e[0] || (e[0] = () => f())
+        }, null, 8, ["actions"]),
+        o("div", le, [
+          r(O, {
+            modelValue: i.value.searchKey,
+            "onUpdate:modelValue": e[1] || (e[1] = (a) => i.value.searchKey = a),
+            class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: "search",
+            collapsible: ""
+          }, null, 8, ["modelValue"]),
+          r(ie, {
+            modelValue: g.value,
+            "onUpdate:modelValue": e[2] || (e[2] = (a) => g.value = a),
+            "is-open": p.value,
+            "onUpdate:isOpen": e[3] || (e[3] = (a) => p.value = a)
+          }, null, 8, ["modelValue", "is-open"]),
+          m(d).length > 0 ? (c(), u(C, { key: 0 }, [
+            o("div", ce, [
+              r(O, {
+                modelValue: i.value.searchKey,
+                "onUpdate:modelValue": e[4] || (e[4] = (a) => i.value.searchKey = a),
+                class: "xs:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            r(R, {
+              class: "xs:hidden",
+              "row-data": m(d),
+              "column-defs": L,
+              "search-value": i.value.searchKey,
+              "column-filter": [],
+              onRowClick: e[5] || (e[5] = (a) => f(a.original)),
+              "hide-footer": !0
+            }, null, 8, ["row-data", "search-value"]),
+            r(E, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: x(() => [
+                (c(!0), u(C, null, Y(m(d).filter(
+                  (a) => a.name.toLowerCase().includes(i.value.searchKey.toLowerCase())
+                ), (a) => (c(), A(U, {
+                  key: a._id.toString(),
+                  onClick: (w) => f(a),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: x(() => {
+                    var w;
+                    return [
+                      o("div", me, [
+                        o("div", de, B(a.name), 1),
+                        o("div", ue, B(a.campaign === null || a.campaign === void 0 ? "-" : (w = m(k).campaigns.all.find(
+                          (b) => b._id === a.campaign
+                        )) == null ? void 0 : w.name), 1)
+                      ]),
+                      r(V, {
+                        icon: "delete",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: (b) => (b.stopPropagation(), I(a))
+                      }, null, 8, ["onClick"])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            }),
+            m(d).length == 0 ? (c(), u("div", pe, fe)) : H("", !0)
+          ], 64)) : (c(), A(K, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full justify-center items-center flex flex-col p-[24px] gap-[24px]"
+          }, {
+            default: x(() => [
+              ye,
+              he,
+              _e,
+              r(V, {
+                label: "Add material",
+                "prepend-icon": "add",
+                onClick: e[6] || (e[6] = (a) => f())
+              })
+            ]),
+            _: 1
+          }))
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ve as default
+};

package/dist/Member-d7RIGRm1.js

@@ -0,0 +1,92 @@
+import { defineComponent as R, computed as f, ref as p, watch as T, resolveComponent as m, openBlock as d, createElementBlock as k, Fragment as B, createVNode as _, unref as n, createElementVNode as E, createBlock as M, createCommentVNode as A } from "vue";
+import "./index-DbP04yeg.js";
+import { useRouter as L } from "vue-router";
+import { m as N } from "./index-CHO4_zsT.js";
+import { R as s } from "./app-Bt59niI-.js";
+const Y = { class: "px-24 flex flex-col gap-y-16 pb-24" }, y = /* @__PURE__ */ R({
+  __name: "Member",
+  setup(h) {
+    const e = L(), o = [
+      // {
+      //   label: 'Overview',
+      //   value: ROUTE_NAME['$connect-LOYALTY_MEMBER_OVERVIEW'],
+      //   actions: [
+      //     // {
+      //     //   label: 'Add member',
+      //     //   value: 'add_member',
+      //     //   isPrimary: true,
+      //     //   prependIcon: 'add',
+      //     // },
+      //   ],
+      // },
+      {
+        label: "Member list",
+        value: s["$connect-LOYALTY_MEMBER_LIST"],
+        actions: [
+          // {
+          //   label: 'Import member',
+          //   value: 'import_member',
+          //   isPrimary: false,
+          // },
+          // {
+          //   label: 'Add member',
+          //   value: 'add_member',
+          //   isPrimary: true,
+          //   prependIcon: 'add',
+          // },
+        ]
+      }
+    ], r = f(() => {
+      var a, c, i;
+      return e.currentRoute.value.name != s["$connect-LOYALTY_MEMBER_TRANSACTIONS"] ? {
+        title: u.value.label,
+        actions: u.value.actions,
+        description: void 0
+      } : (u.value = o[1], {
+        backButton: !0,
+        title: "Member's transactions",
+        actions: [],
+        description: `${(a = l.value) == null ? void 0 : a.name} (${(c = l.value) == null ? void 0 : c._id}) (${(i = l.value) == null ? void 0 : i.phoneNumber})`,
+        onBackButton: async () => {
+          await e.push({ name: s["$connect-LOYALTY_MEMBER_LIST"] });
+        }
+      });
+    }), u = p(
+      o.find((t) => t.value === e.currentRoute.value.name) ?? o[0]
+    ), l = p();
+    async function b(t) {
+      await e.push({ name: t });
+    }
+    return T(
+      () => e.currentRoute.value.name,
+      async (t) => {
+        u.value = o.find((c) => c.value === t) ?? o[0];
+        const a = e.currentRoute.value.params.id;
+        a && (l.value = await N.readById(a)), await e.push({ name: t });
+      }
+    ), (t, a) => {
+      const c = m("FmPageHead"), i = m("FmTabs"), v = m("RouterView");
+      return d(), k(B, null, [
+        _(c, {
+          actions: n(r).actions,
+          title: n(r).title,
+          description: n(r).description,
+          "back-button": n(r).backButton,
+          "onClick:back": n(r).onBackButton
+        }, null, 8, ["actions", "title", "description", "back-button", "onClick:back"]),
+        E("div", Y, [
+          n(e).currentRoute.value.name != n(s)["$connect-LOYALTY_MEMBER_TRANSACTIONS"] ? (d(), M(i, {
+            key: 0,
+            "model-value": n(u).value,
+            items: o,
+            "onUpdate:modelValue": b
+          }, null, 8, ["model-value"])) : A("", !0),
+          _(v)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  y as default
+};