@feedmepos/mf-connect 0.1.98-beta.8 → 0.1.98-beta.80

package/dist/{zod-CgigfJar.js → zod-CGVrMcDl.js}

@@ -1,4 +1,4 @@
-import { i as Z } from "./plugins-4FlbwoES.js";
+import { i as Z } from "./plugins-C39O5j42.js";
 import { h as f } from "vue";
 function u(e, o) {
   return e.path.join(".") === o;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-connect",
-  "version": "0.1.98-beta.8",
+  "version": "0.1.98-beta.80",
   "type": "module",
   "files": [
     "dist"
@@ -18,14 +18,13 @@
     "@ckeditor/ckeditor5-build-classic": "^44.3.0",
     "@ckeditor/ckeditor5-vue": "^7.3.0",
     "@feedmepos/custom-attributes": "0.0.1-rc.4",
-    "@feedmepos/core": "2.15.21",
-    "@feedmepos/menu": "1.0.34",
+    "@feedmepos/core": "2.15.47",
     "@feedmepos/hrm-permission": "1.0.14",
-    "@feedmepos/mf-common": "1.29.23",
-    "@feedmepos/ui-library": "1.10.8",
+    "@feedmepos/mf-common": "1.29.31",
+    "@feedmepos/mf-core-ui": "1.0.30",
+    "@feedmepos/ui-library": "1.10.13",
     "@feedmepos/mf-remy-panel": "0.15.0",
     "@feedmepos/remy-vue-client": "0.2.0-beta.14",
-    "@feedmepos/mf-core-ui": "1.0.25",
     "@tailwindcss/typography": "^0.5.16",
     "@types/qrcode": "^1.5.5",
     "@vueuse/core": "^14.1.0",
@@ -34,12 +33,14 @@
     "change-case": "^5.4.4",
     "ckeditor5": "^44.3.0",
     "cross-env": "^7.0.3",
+    "css-tree": "3.2.1",
     "dayjs": "^1.11.12",
     "dotenv": "^16.4.5",
     "email-addresses": "^5.0.0",
     "fabric": "^5.5.1",
     "file-saver": "^2.0.5",
     "firebase": "^10.12.4",
+    "htmlparser2": "10.1.0",
     "i18next": "24.2.1",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
@@ -48,6 +49,7 @@
     "qrcode": "^1.5.3",
     "rrule": "^2.8.1",
     "ua-parser-js": "^2.0.3",
+    "sanitize-html": "2.17.4",
     "unplugin-auto-import": "^0.17.8",
     "uuid": "^10.0.0",
     "vite-plugin-vue-devtools": "^7.6.4",
@@ -60,6 +62,7 @@
     "zod-i18n-map": "2.27.0"
   },
   "devDependencies": {
+    "@playwright/test": "^1.62.1",
     "@types/file-saver": "^2.0.7",
     "@types/lodash": "^4.17.7",
     "@types/node": "^18.19.41",
@@ -77,6 +80,7 @@
   "scripts": {
     "dev": "vite",
     "test": "vitest run",
+    "test:e2e": "playwright test",
     "test:watch": "vitest",
     "build": "vue-tsc && vite build",
     "preview": "vite preview",

package/dist/Broadcast-C9akM-TB.js

@@ -1,266 +0,0 @@
-import { defineComponent as H, ref as C, computed as q, onMounted as z, resolveComponent as m, openBlock as d, createElementBlock as h, Fragment as v, createVNode as i, unref as a, createElementVNode as n, withCtx as x, renderList as G, createBlock as S, resolveDynamicComponent as J, toDisplayString as u, createCommentVNode as Q, h as k } from "vue";
-import { _ as W } from "./campaign-CpzFl8Vr.js";
-import { useDialog as X, components as L } from "@feedmepos/ui-library";
-import { p as Y } from "./plugins-4FlbwoES.js";
-import { u as Z } from "./loading-CSXr0Yqz.js";
-import { u as ee } from "./business-C7EF6cKC.js";
-import { u as te, c as g } from "./campaign--MjoY1Mn.js";
-import { b as V, c as R, a as ae } from "./campaign-DHBuP4UA.js";
-import { c as oe, p as ne } from "./duplicateCampaign-2ODeDw3a.js";
-import { u as se } from "./vue-i18n-BcYh6_51.js";
-import { _ as ce } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
-import { _ as ie } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-CYQMXARx.js";
-import { u as re } from "./template-BoiSG7G7.js";
-const le = { class: "px-24 flex flex-col gap-y-16" }, me = { class: "flex items-center justify-between w-full" }, de = { class: "flex gap-8 overflow-x-auto" }, pe = { class: "space-y-8" }, ue = { class: "flex w-full gap-4 items-center" }, ge = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, fe = { class: "space-y-4" }, ye = { class: "fm-typo-en-body-lg-600" }, _e = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, he = { class: "flex items-center gap-8" }, we = { key: 0 }, be = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-600" }, Ce = { class: "flex flex-col gap-16 text-center" }, ve = { class: "fm-typo-en-title-sm-800" }, xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, $e = /* @__PURE__ */ H({
-  __name: "Broadcast",
-  setup(Se) {
-    const { t: s } = se(), O = {
-      label: s("connect.campaign.common.createCampaign"),
-      value: "create",
-      isPrimary: !0,
-      prependIcon: "add"
-    }, T = re("BROADCAST", X()), I = ee(), p = te(), { global: K, minor: F } = Z, B = C((/* @__PURE__ */ new Date()).toISOString()), r = C({
-      searchKey: "",
-      location: []
-    });
-    function P(e) {
-      const t = r.value.location;
-      return !t || t.length === 0 || !e.targetLocation ? !0 : Array.isArray(t) ? t.some((l) => {
-        var c;
-        return (c = e == null ? void 0 : e.targetLocation) == null ? void 0 : c.includes(l);
-      }) : e.targetLocation.includes(t);
-    }
-    const f = q(
-      () => p.campaigns.broadcast.filter((e) => P(e))
-    ), $ = [
-      {
-        header: "Broadcast title",
-        accessorFn: (e) => e.name
-      },
-      {
-        header: "Status",
-        accessorFn: (e) => ae(e),
-        cell(e) {
-          return V(e.row.original);
-        }
-      },
-      {
-        header: "Summary",
-        accessorFn: (e) => R(e)
-      },
-      {
-        header: "Message sent",
-        accessorFn: (e) => e.currentReceive ?? "N/A"
-      },
-      {
-        header: "Actions",
-        cell(e) {
-          return k("div", { class: "flex items-center gap-8 justify-end" }, [
-            k(L.FmButton, {
-              variant: "tertiary",
-              icon: "content_copy",
-              iconColor: "neutral-gray-400",
-              onClick: async (t) => {
-                t.stopPropagation(), await D(e.row.original);
-              }
-            }),
-            k(L.FmButton, {
-              variant: "tertiary",
-              icon: "delete",
-              iconColor: "neutral-gray-400",
-              onClick: (t) => {
-                t.stopPropagation(), A(e.row.original);
-              }
-            })
-          ]);
-        }
-      }
-    ], w = C();
-    async function A(e) {
-      await Y.remove(
-        s("connect.campaign.common.remove.confirm", { name: e.name })
-      ) && await F(
-        async () => {
-          await g.delete(e._id), await p.read("BROADCAST");
-        },
-        {
-          message: s("connect.campaign.common.remove.removing", { name: e.name }),
-          successMessage: s("connect.campaign.common.remove.removed", {
-            name: e.name
-          })
-        }
-      );
-    }
-    async function y(e) {
-      B.value = (/* @__PURE__ */ new Date()).toISOString(), e ? await t() : T.open(async (l) => {
-        await t(l);
-      });
-      async function t(l) {
-        var c;
-        (c = w.value) == null || c.showSheet(
-          !0,
-          "BROADCAST",
-          e ? await g.readById(e._id) : void 0,
-          l
-        );
-      }
-    }
-    async function D(e) {
-      var c;
-      if (!await oe(e.name))
-        return;
-      B.value = (/* @__PURE__ */ new Date()).toISOString();
-      const t = await g.readById(e._id), l = ne(t);
-      (c = w.value) == null || c.showSheet(
-        !0,
-        "BROADCAST",
-        l,
-        t.template
-      );
-    }
-    async function j(e) {
-      await F(
-        async () => {
-          e.campaign._id ? await g.update(e.campaign._id, e) : await g.create(e), await p.read("BROADCAST");
-        },
-        {
-          message: s(
-            `connect.campaign.broadcast.update.${e.campaign._id ? "updating" : "creating"}`
-          ),
-          successMessage: s("connect.campaign.broadcast.update.success", {
-            action: e.campaign._id ? "updated" : "created"
-          })
-        }
-      );
-    }
-    return z(async () => {
-      await K(async () => {
-        await p.read("BROADCAST");
-      });
-    }), (e, t) => {
-      const l = m("FmPageHead"), c = m("FmSearch"), M = m("FmTable"), b = m("FmButton"), N = m("FmListItem"), U = m("FmList"), E = m("FmCard");
-      return d(), h(v, null, [
-        i(l, {
-          title: a(s)("connect.campaign.broadcast.title"),
-          actions: a(f).length > 0 ? [O] : [],
-          "onClick:action": t[0] || (t[0] = () => y())
-        }, null, 8, ["title", "actions"]),
-        n("div", le, [
-          i(c, {
-            modelValue: a(r).searchKey,
-            "onUpdate:modelValue": t[1] || (t[1] = (o) => a(r).searchKey = o),
-            class: "hidden xs:!block sm:!block border-b-2 border-fm-color-neutral-gray-100",
-            placeholder: a(s)("connect.campaign.common.search"),
-            collapsible: ""
-          }, null, 8, ["modelValue", "placeholder"]),
-          a(p).campaigns.broadcast && a(p).campaigns.broadcast.length > 0 ? (d(), h(v, { key: 0 }, [
-            n("div", me, [
-              n("div", de, [
-                i(ce, {
-                  label: `${a(s)("connect.campaign.common.location")}: `,
-                  "right-icon": "keyboard_arrow_down",
-                  modelValue: a(r).location,
-                  "onUpdate:modelValue": t[2] || (t[2] = (o) => a(r).location = o),
-                  icon: "storefront",
-                  "show-item-label": !0,
-                  items: a(I).locationOptions
-                }, null, 8, ["label", "modelValue", "items"])
-              ]),
-              i(c, {
-                modelValue: a(r).searchKey,
-                "onUpdate:modelValue": t[3] || (t[3] = (o) => a(r).searchKey = o),
-                class: "xs:hidden sm:hidden",
-                placeholder: "search",
-                collapsible: ""
-              }, null, 8, ["modelValue"])
-            ]),
-            i(M, {
-              class: "xs:hidden sm:hidden",
-              "row-data": a(f),
-              "column-defs": $,
-              "search-value": a(r).searchKey,
-              "column-filter": [],
-              onRowClick: t[4] || (t[4] = (o) => y(o.original)),
-              "hide-footer": !0
-            }, null, 8, ["row-data", "search-value"]),
-            i(U, { class: "hidden xs:!flex sm:!flex flex-col mx-[-24px]" }, {
-              default: x(() => [
-                (d(!0), h(v, null, G(a(f).filter(
-                  (o) => o.name.toLowerCase().includes(a(r).searchKey.toLowerCase())
-                ), (o) => (d(), S(N, {
-                  key: o._id.toString(),
-                  onClick: (_) => y(o),
-                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
-                }, {
-                  default: x(() => [
-                    n("div", pe, [
-                      n("div", ue, [
-                        (d(), S(J(a(V)(o)))),
-                        n("div", ge, u(o.currentReceive ?? 0) + " sent ", 1)
-                      ]),
-                      n("div", fe, [
-                        n("div", ye, u(o.name), 1),
-                        n("div", _e, u(a(R)(o)), 1)
-                      ])
-                    ]),
-                    n("div", he, [
-                      i(b, {
-                        icon: "content_copy",
-                        "icon-color": "neutral-gray-400",
-                        variant: "tertiary",
-                        onClick: async (_) => {
-                          _.stopPropagation(), await D(o);
-                        }
-                      }, null, 8, ["onClick"]),
-                      i(b, {
-                        icon: "delete",
-                        "icon-color": "neutral-gray-400",
-                        variant: "tertiary",
-                        onClick: (_) => (_.stopPropagation(), A(o))
-                      }, null, 8, ["onClick"])
-                    ])
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"]))), 128))
-              ]),
-              _: 1
-            }),
-            a(f).length == 0 ? (d(), h("div", we, [
-              n("div", be, u(a(s)("connect.campaign.common.noResults")), 1)
-            ])) : Q("", !0)
-          ], 64)) : (d(), S(E, {
-            key: 1,
-            variant: "outlined",
-            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
-          }, {
-            default: x(() => [
-              t[6] || (t[6] = n("img", {
-                src: W,
-                class: "aspect-square w-[150px]"
-              }, null, -1)),
-              n("div", Ce, [
-                n("div", ve, u(a(s)("connect.campaign.broadcast.create.title")), 1),
-                n("div", xe, u(a(s)("connect.campaign.broadcast.create.description")), 1)
-              ]),
-              i(b, {
-                variant: "primary",
-                label: a(s)("connect.campaign.broadcast.create.button"),
-                icon: "add",
-                onClick: t[5] || (t[5] = (o) => y())
-              }, null, 8, ["label"])
-            ]),
-            _: 1
-          })),
-          i(ie, {
-            ref_key: "sheetRef",
-            ref: w,
-            "onSubmit:modelValue": j
-          }, null, 512)
-        ])
-      ], 64);
-    };
-  }
-});
-export {
-  $e as default
-};