@feedmepos/mf-connect 0.0.16-beta.1 → 0.0.16-beta.11

package/dist/template-clxvNnbF.js

@@ -0,0 +1,190 @@
+import { defineComponent as L, openBlock as r, createBlock as C, resolveDynamicComponent as D, unref as e, ref as E, computed as I, onMounted as j, resolveComponent as c, withCtx as d, createElementVNode as l, createElementBlock as w, createVNode as i, normalizeClass as h, createTextVNode as T, Fragment as S, renderList as N, toDisplayString as g, createCommentVNode as M } from "vue";
+import { u as P } from "./campaign-BOl8AgKA.js";
+import { useDialog as q } from "@feedmepos/ui-library";
+import { F as J } from "./index-C_0IFnwi.js";
+import { C as A } from "./collection.fn-B_YsXmrP.js";
+import { s as V } from "./index-CuvNtC_M.js";
+import { _ as G } from "./lodash-B5I3zXaY.js";
+import { C as H } from "./dto-B8NfyVPG.js";
+import { J as U } from "./JsonViewer-v8_C7l5N.js";
+const K = /* @__PURE__ */ L({
+  __name: "CampaignChip",
+  props: {
+    type: { type: String, required: !0 }
+  },
+  setup(u) {
+    const a = H[u.type];
+    return (o, t) => (r(), C(D(e(a).chip())));
+  }
+}), Q = { class: "flex flex-nowrap gap-x-2 grow h-full" }, R = {
+  key: 0,
+  class: "p-8 w-1/4"
+}, W = { class: "flex flex-col grow p-24" }, X = { class: "space-y-4" }, Y = { class: "fm-typo-en-title-sm-800" }, Z = { class: "grow pb-16 pr-16 pt-6 w-full max-h-[400px] overflow-y-auto" }, ee = { class: "gap-24 grid grid-cols-1 lg:grid-cols-2" }, te = { class: "gap-4 h-[22px] inline-flex items-center justify-center min-w-min rounded-md" }, ne = { class: "fm-typo-en-title-sm-800" }, oe = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, se = { class: "flex gap-4 items-end justify-end py-8" }, le = /* @__PURE__ */ L({
+  __name: "TemplateDialog",
+  props: {
+    campaignType: {
+      type: String,
+      default: () => {
+      }
+    },
+    onOk: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(u) {
+    const p = q(), a = P(), o = u, t = E({
+      intention: null,
+      template: null
+    }), b = I(() => {
+      const m = (a.templates ?? []).filter(
+        () => !0
+        //t.intention && t.intention.length > 0
+      );
+      return o.campaignType ? m.filter(
+        (n) => {
+          var y, f;
+          return ((f = (y = n.defaultValue) == null ? void 0 : y.campaign) == null ? void 0 : f.type) === o.campaignType;
+        }
+      ) : t.value.intention === null ? G.sampleSize(m, 7) : m.filter(
+        (n) => n.intention.includes(t.value.intention)
+      );
+    });
+    j(async () => {
+      await a.readTemplates();
+    });
+    function O() {
+      o.onOk(void 0), p.close();
+    }
+    function $() {
+      const m = t.value.template;
+      o.onOk(a.templates.find((n) => n._id === m)), p.close();
+    }
+    return (m, n) => {
+      const y = c("FmChip"), f = c("FmListItem"), z = c("FmList"), k = c("FmCard"), v = c("FmButton"), B = c("FmSpacer");
+      return r(), C(k, { class: "h-[534px] max-w-6xl" }, {
+        default: d(() => [
+          l("div", Q, [
+            o.campaignType ? M("", !0) : (r(), w("div", R, [
+              i(z, null, {
+                default: d(() => [
+                  i(f, {
+                    class: h([{
+                      "bg-fm-color-system-warning-100": e(t).intention === null
+                    }, "rounded-sm"]),
+                    onClick: n[0] || (n[0] = (s) => {
+                      e(t).intention = null, e(t).template = null;
+                    })
+                  }, {
+                    append: d(() => [
+                      i(y, {
+                        label: "Hot",
+                        variant: "critical"
+                      })
+                    ]),
+                    default: d(() => [
+                      n[2] || (n[2] = T(" Most popular "))
+                    ]),
+                    _: 1
+                  }, 8, ["class"]),
+                  (r(!0), w(S, null, N(e(J).options, (s, x) => (r(), C(f, {
+                    key: x,
+                    class: h(["rounded-sm", {
+                      "bg-fm-color-system-warning-100": e(t).intention === s
+                    }]),
+                    style: { padding: "8px 16px" },
+                    onClick: (_) => {
+                      e(t).intention = s, e(t).template = null;
+                    }
+                  }, {
+                    default: d(() => [
+                      T(g(e(V)(s)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["class", "onClick"]))), 128))
+                ]),
+                _: 1
+              })
+            ])),
+            l("div", W, [
+              l("div", X, [
+                l("div", Y, g(o.campaignType ? e(V)(
+                  `${e(A).formattedType(o.campaignType)} campaign`
+                ) : "Template list"), 1),
+                n[3] || (n[3] = l("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" }, " Get started faster with templates that flex with your business. ", -1))
+              ]),
+              l("div", Z, [
+                i(U, { json: e(b) }, null, 8, ["json"]),
+                l("div", ee, [
+                  (r(!0), w(S, null, N(e(b), (s, x) => (r(), C(k, {
+                    key: x,
+                    variant: "outlined",
+                    class: h(["box-border cursor-pointer h-full p-16 scroll-p-4 space-y-8", {
+                      "bg-fm-color-system-warning-100 border-fm-color-primary border-2": e(t).template === s._id.toString()
+                    }]),
+                    onClick: (_) => e(t).template = s._id.toString()
+                  }, {
+                    default: d(() => {
+                      var _, F;
+                      return [
+                        l("div", te, [
+                          i(K, {
+                            type: (F = (_ = s.defaultValue) == null ? void 0 : _.campaign) == null ? void 0 : F.type
+                          }, null, 8, ["type"])
+                        ]),
+                        l("div", ne, g(s.name), 1),
+                        l("p", oe, g(s.description), 1)
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["class", "onClick"]))), 128))
+                ])
+              ]),
+              l("div", se, [
+                i(v, {
+                  class: "sm:w-full xs:w-full",
+                  variant: "plain",
+                  label: "Custom Campaign",
+                  size: "md",
+                  onClick: O
+                }),
+                i(B, { class: "sm:hidden xs:hidden" }),
+                i(v, {
+                  class: "sm:w-full xs:w-full",
+                  variant: "tertiary",
+                  label: "Cancel",
+                  size: "md",
+                  onClick: n[1] || (n[1] = (s) => e(p).close())
+                }),
+                i(v, {
+                  class: "sm:w-full xs:w-full",
+                  variant: "primary",
+                  label: "Start",
+                  size: "md",
+                  disabled: !e(t).template,
+                  onClick: $
+                }, null, 8, ["disabled"])
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), ye = (u, p) => ({
+  open: async (a) => {
+    p.open({
+      title: "",
+      dialogComponent: le,
+      dialogComponentProps: {
+        campaignType: u,
+        onOk: async (o) => (console.debug(o, "selected template"), await a(o))
+      },
+      overlay: !0
+    });
+  }
+});
+export {
+  ye as u
+};

package/dist/{usePagination-o5fgsZwU.js → usePagination-BeF5K3M7.js}

@@ -1,5 +1,5 @@
-import { defineComponent as M, ref as w, resolveComponent as C, openBlock as v, createBlock as F, withCtx as B, createVNode as c, createElementVNode as i, normalizeStyle as N, createElementBlock as x, Fragment as P, renderList as E, computed as b, onMounted as L, watch as R, unref as p, createCommentVNode as V, toDisplayString as k } from "vue";
-import { l as A } from "./lodash-mg4435Qq.js";
+import { defineComponent as M, ref as w, resolveComponent as C, openBlock as v, createBlock as F, withCtx as B, createVNode as c, createElementVNode as i, normalizeStyle as N, createElementBlock as S, Fragment as P, renderList as E, computed as h, onMounted as L, watch as R, unref as p, createCommentVNode as V, toDisplayString as x } from "vue";
+import { l as A } from "./lodash-B5I3zXaY.js";
 const T = ["id"], D = /* @__PURE__ */ M({
   __name: "FmTableSelection",
   props: {
@@ -8,10 +8,10 @@ const T = ["id"], D = /* @__PURE__ */ M({
   },
   emits: ["update:modelValue"],
   setup(f, { emit: g }) {
-    const o = g, t = f, r = w(!1);
+    const a = g, l = f, r = w(!1);
     return (d, u) => {
-      const h = C("FmButton"), y = C("FmMenuItem"), a = C("FmMenu");
-      return v(), F(a, {
+      const y = C("FmButton"), b = C("FmMenuItem"), o = C("FmMenu");
+      return v(), F(o, {
         "max-height": 264,
         shift: "",
         onMenuChanged: u[0] || (u[0] = (n) => r.value = n)
@@ -19,9 +19,9 @@ const T = ["id"], D = /* @__PURE__ */ M({
         "menu-button": B(() => {
           var n;
           return [
-            c(h, {
+            c(y, {
               icon: r.value ? "expand_less" : "expand_more",
-              label: (n = d.items.find((l) => l.value === t.value)) == null ? void 0 : n.label,
+              label: (n = d.items.find((s) => s.value === l.value)) == null ? void 0 : n.label,
               "icon-position": "append",
               size: "md",
               variant: "tertiary"
@@ -34,12 +34,12 @@ const T = ["id"], D = /* @__PURE__ */ M({
             style: N({ maxHeight: `${n}px` }),
             class: "bg-fm-color-neutral-white flex flex-col overflow-y-auto px-4 py-12 rounded-md shadow-light-300 w-[75px]"
           }, [
-            (v(!0), x(P, null, E(d.items, (l) => (v(), F(y, {
-              key: l.value,
-              label: l.label,
-              value: l.value,
-              "model-value": l.value === t.value,
-              "onUpdate:modelValue": (S) => o("update:modelValue", l.value)
+            (v(!0), S(P, null, E(d.items, (s) => (v(), F(b, {
+              key: s.value,
+              label: s.label,
+              value: s.value,
+              "model-value": s.value === l.value,
+              "onUpdate:modelValue": (z) => a("update:modelValue", s.value)
             }, null, 8, ["label", "value", "model-value", "onUpdate:modelValue"]))), 128))
           ], 12, T)
         ]),
@@ -50,13 +50,10 @@ const T = ["id"], D = /* @__PURE__ */ M({
 }), U = { class: "" }, O = {
   key: 0,
   class: "w-full flex flex-col gap-16 items-center py-16"
-}, j = /* @__PURE__ */ i("div", { class: "fm-typo-en-body-lg-600" }, "No data found", -1), W = /* @__PURE__ */ i("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " No data to show at the current moment. ", -1), q = [
-  j,
-  W
-], G = {
+}, j = {
   key: 1,
   class: "basis-72 bg-white flex items-center justify-between px-24 pt-6 border-t border-fm-color-border"
-}, H = { class: "flex gap-24 items-center justify-between xs:hidden xs:invisible" }, J = { class: "flex gap-8 items-center" }, K = /* @__PURE__ */ i("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, " Items per page: ", -1), Q = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, X = { class: "flex gap-8 items-center" }, Y = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary xs:mr-auto" }, Z = { class: "flex gap-8" }, ae = /* @__PURE__ */ M({
+}, W = { class: "flex gap-24 items-center justify-between xs:hidden xs:invisible" }, q = { class: "flex gap-8 items-center" }, G = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, H = { class: "flex gap-8 items-center" }, J = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary xs:mr-auto" }, K = { class: "flex gap-8" }, Y = /* @__PURE__ */ M({
   __name: "BaseTable",
   props: {
     rowData: {},
@@ -76,27 +73,27 @@ const T = ["id"], D = /* @__PURE__ */ M({
   },
   emits: ["sortChange", "rowClick", "pageChange"],
   setup(f, { emit: g }) {
-    const o = f, t = g, r = b(() => o.pageIndex + 1), d = b(() => o.pageIndex * o.pageSize), u = b(
-      () => Math.min(d.value + o.pageSize, o.rowCount || 0)
-    ), h = b(() => o.pageIndex > 0), y = b(() => o.pageIndex < o.pageCount - 1), a = (e) => {
-      t("sortChange", e);
+    const a = f, l = g, r = h(() => a.pageIndex + 1), d = h(() => a.pageIndex * a.pageSize), u = h(
+      () => Math.min(d.value + a.pageSize, a.rowCount || 0)
+    ), y = h(() => a.pageIndex > 0), b = h(() => a.pageIndex < a.pageCount - 1), o = (e) => {
+      l("sortChange", e);
     }, n = (e) => {
-      t("rowClick", e);
-    }, l = (e) => {
-      t("pageChange", { pageIndex: e, pageSize: o.pageSize });
-    }, S = (e) => {
-      t("pageChange", { pageIndex: 0, pageSize: e });
-    }, z = w(!1);
+      l("rowClick", e);
+    }, s = (e) => {
+      l("pageChange", { pageIndex: e, pageSize: a.pageSize });
+    }, z = (e) => {
+      l("pageChange", { pageIndex: 0, pageSize: e });
+    }, I = w(!1);
     return L(() => {
       R(
-        () => o.loading,
-        (e, s) => {
-          s === !0 && e === !1 && (z.value = !0);
+        () => a.loading,
+        (e, t) => {
+          t === !0 && e === !1 && (I.value = !0);
         }
       );
-    }), (e, s) => {
-      const $ = C("FmTable"), _ = C("FmButton");
-      return v(), x("div", U, [
+    }), (e, t) => {
+      const $ = C("FmTable"), k = C("FmButton");
+      return v(), S("div", U, [
         c($, {
           loading: e.loading,
           "row-data": e.rowData,
@@ -107,60 +104,63 @@ const T = ["id"], D = /* @__PURE__ */ M({
           "page-size": e.pageSize,
           "fetch-fn": void 0,
           "hide-footer": "",
-          onSortChange: a,
+          onSortChange: o,
           onRowClick: n
         }, null, 8, ["loading", "row-data", "row-count", "column-defs", "shrink-at", "page-count", "page-size"]),
-        e.rowData.length == 0 && e.loading == !1 && p(z) ? (v(), x("div", O, q)) : V("", !0),
-        e.hideFooter ? V("", !0) : (v(), x("div", G, [
-          i("div", H, [
-            i("div", J, [
-              K,
+        e.rowData.length == 0 && e.loading == !1 && p(I) ? (v(), S("div", O, t[5] || (t[5] = [
+          i("div", { class: "fm-typo-en-body-lg-600" }, "No data found", -1),
+          i("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " No data to show at the current moment. ", -1)
+        ]))) : V("", !0),
+        e.hideFooter ? V("", !0) : (v(), S("div", j, [
+          i("div", W, [
+            i("div", q, [
+              t[6] || (t[6] = i("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, " Items per page: ", -1)),
               c(D, {
                 items: e.pageSizeOptions,
                 value: e.pageSize,
-                "onUpdate:modelValue": S
+                "onUpdate:modelValue": z
               }, null, 8, ["items", "value"])
             ]),
-            i("span", Q, k(p(d) + 1) + " - " + k(p(u)) + " of " + k(e.rowCount) + " items ", 1)
+            i("span", G, x(p(d) + 1) + " - " + x(p(u)) + " of " + x(e.rowCount) + " items ", 1)
           ]),
-          i("div", X, [
+          i("div", H, [
             c(D, {
-              items: Array.from(Array(e.pageCount), (m, I) => ({
-                label: (I + 1).toString(),
-                value: I + 1
+              items: Array.from(Array(e.pageCount), (m, _) => ({
+                label: (_ + 1).toString(),
+                value: _ + 1
               })),
               value: p(r),
-              "onUpdate:modelValue": s[0] || (s[0] = (m) => l(m - 1))
+              "onUpdate:modelValue": t[0] || (t[0] = (m) => s(m - 1))
             }, null, 8, ["items", "value"]),
-            i("span", Y, " of " + k(e.pageCount) + " pages ", 1),
-            i("div", Z, [
-              c(_, {
-                disabled: !p(h),
+            i("span", J, " of " + x(e.pageCount) + " pages ", 1),
+            i("div", K, [
+              c(k, {
+                disabled: !p(y),
                 icon: "first_page",
                 "icon-color": "neutral-black",
                 variant: "tertiary",
-                onClick: s[1] || (s[1] = (m) => l(0))
+                onClick: t[1] || (t[1] = (m) => s(0))
               }, null, 8, ["disabled"]),
-              c(_, {
-                disabled: !p(h),
+              c(k, {
+                disabled: !p(y),
                 icon: "chevron_left",
                 "icon-color": "neutral-black",
                 variant: "tertiary",
-                onClick: s[2] || (s[2] = (m) => l(e.pageIndex - 1))
+                onClick: t[2] || (t[2] = (m) => s(e.pageIndex - 1))
               }, null, 8, ["disabled"]),
-              c(_, {
-                disabled: !p(y),
+              c(k, {
+                disabled: !p(b),
                 icon: "chevron_right",
                 "icon-color": "neutral-black",
                 variant: "tertiary",
-                onClick: s[3] || (s[3] = (m) => l(e.pageIndex + 1))
+                onClick: t[3] || (t[3] = (m) => s(e.pageIndex + 1))
               }, null, 8, ["disabled"]),
-              c(_, {
-                disabled: !p(y),
+              c(k, {
+                disabled: !p(b),
                 icon: "last_page",
                 "icon-color": "neutral-black",
                 variant: "tertiary",
-                onClick: s[4] || (s[4] = (m) => l(e.pageCount - 1))
+                onClick: t[4] || (t[4] = (m) => s(e.pageCount - 1))
               }, null, 8, ["disabled"])
             ])
           ])
@@ -169,55 +169,55 @@ const T = ["id"], D = /* @__PURE__ */ M({
     };
   }
 });
-function ne(f, g = { key: "_id", descending: !0 }) {
-  const o = w({
+function Z(f, g = { key: "_id", descending: !0 }) {
+  const a = w({
     pageCount: 0,
     searchValue: "",
     pageIndex: 0,
     totalRows: 0,
     isLoading: !1,
     pageSize: 10
-  }), t = w(g), r = w([]), d = async (a) => {
-    o.value.isLoading = !0, r.value = [];
+  }), l = w(g), r = w([]), d = async (o) => {
+    a.value.isLoading = !0, r.value = [];
     try {
       const n = await f({
-        limit: a.pageSize || o.value.pageSize,
-        skip: a.pageIndex ?? 0,
-        sortBy: t.value.key,
-        descending: t.value.descending,
-        search: o.value.searchValue
+        limit: o.pageSize || a.value.pageSize,
+        skip: o.pageIndex ?? 0,
+        sortBy: l.value.key,
+        descending: l.value.descending,
+        search: a.value.searchValue
       });
-      r.value = n.resources, o.value.totalRows = n.meta.totalResources ?? 0, o.value.pageCount = n.meta.totalPages ?? 0, o.value.pageIndex = n.meta.skip ?? 0;
+      r.value = n.resources, a.value.totalRows = n.meta.totalResources ?? 0, a.value.pageCount = n.meta.totalPages ?? 0, a.value.pageIndex = n.meta.skip ?? 0;
     } catch (n) {
       console.error("Error fetching data:", n);
     } finally {
-      o.value.isLoading = !1;
+      a.value.isLoading = !1;
     }
-  }, u = A.debounce(async (a) => {
-    o.value.pageSize = (a == null ? void 0 : a.pageSize) || o.value.pageSize, await d({
-      pageSize: o.value.pageSize,
-      pageIndex: (a == null ? void 0 : a.pageIndex) || 0
+  }, u = A.debounce(async (o) => {
+    a.value.pageSize = (o == null ? void 0 : o.pageSize) || a.value.pageSize, await d({
+      pageSize: a.value.pageSize,
+      pageIndex: (o == null ? void 0 : o.pageIndex) || 0
     });
   }, 200);
   return {
-    tableMeta: o,
+    tableMeta: a,
     rowData: r,
-    sortBy: t,
+    sortBy: l,
     fetchData: d,
     debouncedFetchData: u,
-    onSort: async (a) => {
+    onSort: async (o) => {
       var n;
-      console.log("sortState", (n = a[0]) == null ? void 0 : n.id), a.length ? (t.value = {
-        key: a[0].id.startsWith("_") ? a[0].id : a[0].id.replace(new RegExp("_", "g"), "."),
-        descending: a[0].desc
-      }, console.log("sortBy", t.value)) : t.value = g, await u();
+      console.log("sortState", (n = o[0]) == null ? void 0 : n.id), o.length ? (l.value = {
+        key: o[0].id.startsWith("_") ? o[0].id : o[0].id.replace(new RegExp("_", "g"), "."),
+        descending: o[0].desc
+      }, console.log("sortBy", l.value)) : l.value = g, await u();
     },
     onSearch: () => {
-      u({ pageIndex: 0, pageSize: o.value.pageSize });
+      u({ pageIndex: 0, pageSize: a.value.pageSize });
     }
   };
 }
 export {
-  ae as _,
-  ne as u
+  Y as _,
+  Z as u
 };