@feedmepos/mf-connect 0.1.0-beta.2 → 0.1.0-beta.21

package/dist/Marketing-BiKE2gxA.js

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