@feedmepos/mf-connect 0.0.16-beta.10 → 0.0.16-beta.12

package/dist/rule-builder-B_M9yvEe.js

@@ -0,0 +1,89 @@
+import { l as i } from "./index-Dkeb_9ER.js";
+function a(c, t) {
+  let r = "", s = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  const e = s.length;
+  for (let n = 0; n < c; n++)
+    r += s.charAt(Math.floor(Math.random() * e));
+  return r;
+}
+function p(c) {
+  return !c.property && "rules" in c;
+}
+function l(c) {
+  return "property" in c && !!c.property;
+}
+class o {
+  static scaffoldGroup(t) {
+    return {
+      name: t ?? `g_${a(4)}`,
+      rules: {},
+      logic: ""
+    };
+  }
+  static scaffoldEntry(t) {
+    return {
+      name: `r_${a(4)}`,
+      property: t ?? "",
+      conditions: {},
+      negated: !1
+    };
+  }
+  static constructEntry(t, r, s, e) {
+    return {
+      name: e ?? `e_${a(4)}`,
+      property: t,
+      conditions: {
+        [r]: s
+      },
+      negated: !1
+    };
+  }
+  static getLogic(t) {
+    return (t.logic ?? "").includes("||") ? "||" : "&&";
+  }
+  static constructLogic(t, r) {
+    const s = r ?? o.getLogic(t);
+    return Object.entries(t.rules).map(([e, n]) => p(n) ? e : `${n.negated ? "!" : ""}${e}`).join(` ${s} `);
+  }
+  static setRuleToGroup(t, r, s) {
+    let e = i.cloneDeep(t);
+    return Object.keys(e.rules).length === 0 && (e = o.scaffoldGroup(e.name)), Array.isArray(r) ? r.forEach((n) => {
+      e.rules[n.name] = n;
+    }) : e.rules[r.name] = r, e.logic = o.constructLogic(e, s), e;
+  }
+  static removeEntry(t, r, s) {
+    const e = i.cloneDeep(t);
+    return delete e.rules[r], e.logic = o.constructLogic(e, s), e;
+  }
+  static constructRule(t) {
+    switch (t.type) {
+      case "timeframe": {
+        const r = t.property, s = o.scaffoldGroup("timeframe"), e = [];
+        return (t.start || t.end) && e.push(
+          o.constructEntry(r, "_isBetween", {
+            start: t.start || void 0,
+            end: t.end || void 0
+          })
+        ), o.setRuleToGroup(s, e, "&&");
+      }
+      default:
+        throw Error("invalid config type");
+    }
+  }
+  static getRules(t) {
+    return t && "rules" in t ? Object.values(t.rules) : [];
+  }
+  static simplify(t) {
+    const [r] = Object.entries(t.conditions);
+    return r[0], {
+      property: t.property,
+      operator: r[0],
+      equator: r[1]
+    };
+  }
+}
+export {
+  o as R,
+  l as a,
+  p as i
+};

package/dist/template-1o0LbOoJ.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-0aM2KYOy.js";
+import { useDialog as q } from "@feedmepos/ui-library";
+import { F as J } from "./index-BRXg5Si1.js";
+import { C as A } from "./collection.fn-FicQhH1t.js";
+import { s as V } from "./index-CuvNtC_M.js";
+import { _ as G } from "./lodash-B5I3zXaY.js";
+import { C as H } from "./dto-BiYLkVdL.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-BeF5K3M7.js

@@ -0,0 +1,223 @@
+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: {
+    value: {},
+    items: {}
+  },
+  emits: ["update:modelValue"],
+  setup(f, { emit: g }) {
+    const a = g, l = f, r = w(!1);
+    return (d, u) => {
+      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)
+      }, {
+        "menu-button": B(() => {
+          var n;
+          return [
+            c(y, {
+              icon: r.value ? "expand_less" : "expand_more",
+              label: (n = d.items.find((s) => s.value === l.value)) == null ? void 0 : n.label,
+              "icon-position": "append",
+              size: "md",
+              variant: "tertiary"
+            }, null, 8, ["icon", "label"])
+          ];
+        }),
+        "menu-wrapper": B(({ maxHeight: n }) => [
+          i("div", {
+            id: `menu-wrapper-${n}`,
+            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), 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)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), U = { class: "" }, O = {
+  key: 0,
+  class: "w-full flex flex-col gap-16 items-center py-16"
+}, j = {
+  key: 1,
+  class: "basis-72 bg-white flex items-center justify-between px-24 pt-6 border-t border-fm-color-border"
+}, 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: {},
+    columnDefs: {},
+    loading: { type: Boolean, default: !1 },
+    rowCount: { default: 0 },
+    shrinkAt: { type: [Number, Boolean], default: !1 },
+    pageCount: {},
+    pageIndex: {},
+    hideFooter: { type: Boolean, default: !1 },
+    pageSize: {},
+    pageSizeOptions: { default: () => [
+      { label: "10", value: 10 },
+      { label: "20", value: 20 },
+      { label: "50", value: 50 }
+    ] }
+  },
+  emits: ["sortChange", "rowClick", "pageChange"],
+  setup(f, { emit: g }) {
+    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) => {
+      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(
+        () => a.loading,
+        (e, t) => {
+          t === !0 && e === !1 && (I.value = !0);
+        }
+      );
+    }), (e, t) => {
+      const $ = C("FmTable"), k = C("FmButton");
+      return v(), S("div", U, [
+        c($, {
+          loading: e.loading,
+          "row-data": e.rowData,
+          "row-count": e.rowCount,
+          "column-defs": e.columnDefs,
+          "shrink-at": e.shrinkAt,
+          "page-count": e.pageCount,
+          "page-size": e.pageSize,
+          "fetch-fn": void 0,
+          "hide-footer": "",
+          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(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": z
+              }, null, 8, ["items", "value"])
+            ]),
+            i("span", G, x(p(d) + 1) + " - " + x(p(u)) + " of " + x(e.rowCount) + " items ", 1)
+          ]),
+          i("div", H, [
+            c(D, {
+              items: Array.from(Array(e.pageCount), (m, _) => ({
+                label: (_ + 1).toString(),
+                value: _ + 1
+              })),
+              value: p(r),
+              "onUpdate:modelValue": t[0] || (t[0] = (m) => s(m - 1))
+            }, null, 8, ["items", "value"]),
+            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: t[1] || (t[1] = (m) => s(0))
+              }, null, 8, ["disabled"]),
+              c(k, {
+                disabled: !p(y),
+                icon: "chevron_left",
+                "icon-color": "neutral-black",
+                variant: "tertiary",
+                onClick: t[2] || (t[2] = (m) => s(e.pageIndex - 1))
+              }, null, 8, ["disabled"]),
+              c(k, {
+                disabled: !p(b),
+                icon: "chevron_right",
+                "icon-color": "neutral-black",
+                variant: "tertiary",
+                onClick: t[3] || (t[3] = (m) => s(e.pageIndex + 1))
+              }, null, 8, ["disabled"]),
+              c(k, {
+                disabled: !p(b),
+                icon: "last_page",
+                "icon-color": "neutral-black",
+                variant: "tertiary",
+                onClick: t[4] || (t[4] = (m) => s(e.pageCount - 1))
+              }, null, 8, ["disabled"])
+            ])
+          ])
+        ]))
+      ]);
+    };
+  }
+});
+function Z(f, g = { key: "_id", descending: !0 }) {
+  const a = w({
+    pageCount: 0,
+    searchValue: "",
+    pageIndex: 0,
+    totalRows: 0,
+    isLoading: !1,
+    pageSize: 10
+  }), l = w(g), r = w([]), d = async (o) => {
+    a.value.isLoading = !0, r.value = [];
+    try {
+      const n = await f({
+        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, 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 {
+      a.value.isLoading = !1;
+    }
+  }, 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: a,
+    rowData: r,
+    sortBy: l,
+    fetchData: d,
+    debouncedFetchData: u,
+    onSort: async (o) => {
+      var n;
+      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: a.value.pageSize });
+    }
+  };
+}
+export {
+  Y as _,
+  Z as u
+};