@feedmepos/mf-connect 0.0.10-prod → 0.0.11-prod

package/dist/Segment-BLMz7i-L.js

@@ -1,407 +0,0 @@
-import { defineComponent as A, onMounted as E, openBlock as p, createElementBlock as x, createElementVNode as s, toDisplayString as k, unref as e, createVNode as i, createCommentVNode as j, ref as w, computed as O, resolveComponent as _, createBlock as P, isRef as K, createSlots as Z, withCtx as h, Fragment as Y, reactive as G, watch as J, onBeforeMount as W, renderList as q, h as $ } from "vue";
-import { F as N, p as Q, u as X } from "./loading-Baon-6K7.js";
-import { components as B } from "@feedmepos/ui-library";
-import { l as ee } from "./lodash-C7zZd2mb.js";
-import { _ as te, Z as oe } from "./ZodTextField.vue_vue_type_script_setup_true_lang-3LlSDiq0.js";
-import { a as ae } from "./index-XTz7nzez.js";
-import { u as ne } from "./app-Bpd1FsZZ.js";
-import { R as se } from "./rule-builder-Qvpo2dS_.js";
-import { _ as le } from "./RuleGroup.vue_vue_type_script_setup_true_lang-DcLK4o-E.js";
-import { h as D } from "./moment-BWErdI6_.js";
-import { u as ie, _ as re } from "./usePagination-BHEEnWBL.js";
-import { s as C } from "./membership-Cg82yybg.js";
-import { o as me } from "./objectId-dwaoBfJX.js";
-import { m as ce } from "./index-Dd41k099.js";
-const de = ae.extend({
-  _id: N.optional(),
-  business: N.optional()
-}), ue = { class: "space-y-16 pr-12" }, pe = { class: "fm-typo-en-title-md-800" }, fe = { class: "flex space-x-8" }, ge = { class: "fm-typo-en-title-md-800 text-fm-color-primary" }, _e = { class: "text-fm-color-typo-secondary" }, ve = /* @__PURE__ */ s("div", null, "contacts in your segment", -1), he = {
-  key: 0,
-  class: "w-full flex flex-col gap-16 items-center pt-16"
-}, ye = /* @__PURE__ */ s("div", { class: "fm-typo-en-body-lg-600" }, "No data found", -1), Se = /* @__PURE__ */ s("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " No data to show at the current moment. ", -1), be = [
-  ye,
-  Se
-], we = /* @__PURE__ */ A({
-  __name: "ReviewSegment",
-  props: {
-    title: {},
-    segment: {}
-  },
-  setup(L) {
-    const f = L, y = [
-      {
-        header: "Name",
-        accessorFn: (a) => a.name
-      },
-      {
-        header: "Customer Since",
-        accessorFn: (a) => D(me(a._id.toString())).format("DD MMM YYYY")
-      },
-      {
-        header: "Birthday",
-        accessorFn: (a) => D(a.birthday).format("DD MMM YYYY")
-      },
-      {
-        header: "Last Visit",
-        accessorFn: (a) => D(a.stats.lastVisit).format("DD MMM YYYY")
-      }
-    ], S = async (a) => f.segment._id ? await C.paginateSegmentUsers(f.segment._id, {
-      limit: r.value.pageSize,
-      skip: a.pageIndex ?? 0,
-      sortBy: "_id",
-      search: a.searchValue,
-      descending: !0
-    }) : { resources: [], meta: { totalResources: 0, totalPages: 0 } }, { tableMeta: r, rowData: c, onSort: F, debouncedFetchData: m, onSearch: n } = ie(S);
-    return E(async () => {
-      await m();
-    }), (a, d) => (p(), x("div", ue, [
-      s("div", pe, k(f.title), 1),
-      s("div", fe, [
-        s("div", ge, k(a.segment.members.length), 1),
-        s("div", _e, [
-          ve,
-          s("div", null, "as of " + k(e(D)(a.segment.lastUpdated).format("DD MMM YYYY")), 1)
-        ])
-      ]),
-      i(re, {
-        loading: e(r).isLoading,
-        "row-data": e(c),
-        "row-count": e(r).totalRows,
-        "column-defs": y,
-        "page-size": e(r).pageSize,
-        "page-count": e(r).pageCount,
-        "page-index": e(r).pageIndex,
-        onSortChange: e(F),
-        onPageChange: d[0] || (d[0] = (b) => e(m)({ pageSize: b.pageSize, pageIndex: b.pageIndex }))
-      }, null, 8, ["loading", "row-data", "row-count", "page-size", "page-count", "page-index", "onSortChange"]),
-      e(c).length == 0 ? (p(), x("div", he, be)) : j("", !0)
-    ]));
-  }
-}), xe = { class: "flex items-center gap-x-8" }, Fe = /* @__PURE__ */ s("div", null, "Review segment", -1), Ce = {
-  key: 0,
-  class: "space-y-16 pr-12"
-}, ke = /* @__PURE__ */ s("div", { class: "fm-typo-en-title-sm-800" }, "Segment Filter", -1), Me = { class: "flex items-center gap-8" }, Re = /* @__PURE__ */ A({
-  __name: "SegmentSheet",
-  emits: ["update:model-value"],
-  setup(L, { expose: f, emit: y }) {
-    const S = ne(), r = w(!1), c = w(!1), F = {
-      name: "",
-      rule: se.scaffoldGroup(),
-      members: []
-    }, m = de, n = w(F), a = O(() => {
-      const o = m.safeParse(n.value);
-      return o.success ? [] : o.error.errors;
-    });
-    function d(o) {
-      r.value = !0, c.value = !1, o ? n.value = { ...o } : n.value = { ...F };
-    }
-    function b() {
-      r.value = !1;
-    }
-    async function V() {
-      m.safeParse(n.value).success && (c.value = !0);
-    }
-    function z() {
-      c.value = !1;
-    }
-    async function M() {
-      t("update:model-value", n.value);
-    }
-    E(async () => {
-    });
-    const t = y;
-    return f({
-      showSheet: d,
-      hideSheet: b
-    }), (o, l) => {
-      const v = _("FmButton"), R = _("FmSideSheet");
-      return p(), P(R, {
-        modelValue: e(r),
-        "onUpdate:modelValue": l[5] || (l[5] = (g) => K(r) ? r.value = g : null),
-        header: "Add segment",
-        "dismiss-away": "",
-        "close-button": !0,
-        "max-width": 1100
-      }, Z({
-        "side-sheet-footer": h(() => [
-          s("div", Me, [
-            e(c) ? (p(), x(Y, { key: 0 }, [
-              i(v, {
-                label: "Save Segment",
-                onClick: M,
-                loading: e(S).isLoading,
-                disabled: e(a).length > 0 || e(S).isLoading
-              }, null, 8, ["loading", "disabled"]),
-              i(v, {
-                label: "Cancel",
-                onClick: l[3] || (l[3] = (g) => z()),
-                variant: "tertiary"
-              })
-            ], 64)) : (p(), x(Y, { key: 1 }, [
-              i(v, {
-                label: "Review Segment",
-                disabled: e(a).length > 0 || e(S).isLoading,
-                onClick: V
-              }, null, 8, ["disabled"]),
-              i(v, {
-                label: "Cancel",
-                onClick: l[4] || (l[4] = (g) => b()),
-                variant: "tertiary"
-              })
-            ], 64))
-          ])
-        ]),
-        default: h(() => {
-          var g;
-          return [
-            e(c) ? (p(), P(we, {
-              key: 1,
-              title: e(n).name,
-              segment: e(n)
-            }, null, 8, ["title", "segment"])) : (p(), x("div", Ce, [
-              i(te, {
-                modelValue: e(n).name,
-                "onUpdate:modelValue": l[1] || (l[1] = (I) => e(n).name = I),
-                label: "Segment title",
-                schema: e(oe).typeAtPath(e(m), "name")
-              }, null, 8, ["modelValue", "schema"]),
-              ke,
-              i(le, {
-                "trigger-type": "MEMBERSHIP_JOINED",
-                includeOnly: "user",
-                "model-value": (g = e(n)) == null ? void 0 : g.rule,
-                "onUpdate:modelValue": l[2] || (l[2] = (I) => {
-                  e(n).rule = I;
-                })
-              }, null, 8, ["model-value"])
-            ]))
-          ];
-        }),
-        _: 2
-      }, [
-        e(c) ? {
-          name: "side-sheet-header",
-          fn: h(() => [
-            s("div", xe, [
-              i(v, {
-                icon: "arrow_back",
-                variant: "tertiary",
-                onClick: l[0] || (l[0] = (g) => c.value = !1)
-              }),
-              Fe
-            ])
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["modelValue"]);
-    };
-  }
-}), Ie = { class: "px-24 flex flex-col gap-y-32 pb-24" }, $e = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Ve = { class: "fm-typo-en-body-md-600" }, De = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Ze = /* @__PURE__ */ A({
-  __name: "Segment",
-  setup(L) {
-    const { minor: f } = X, y = w(0), S = {
-      label: "Refresh segments",
-      value: "refresh"
-      // prependIcon: 'refresh',
-    }, r = {
-      label: "Add segment",
-      value: "add",
-      isPrimary: !0,
-      prependIcon: "add"
-    }, c = [
-      {
-        header: "Name",
-        accessorFn: (t) => t.name
-      },
-      {
-        header: "Total Customers in this Segment",
-        accessorFn: (t) => t.memberCount ?? 0
-      },
-      {
-        header: "% of customers",
-        accessorFn: (t) => ((t.memberCount ?? 0) * 100 / y.value).toFixed(2)
-      },
-      {
-        header: "Actions",
-        meta: {
-          maxWidth: "100px"
-        },
-        cell(t) {
-          return $("div", { class: "flex items-center justify-end" }, [
-            $(
-              B.FmMenu,
-              {
-                placement: "bottom-end",
-                onClick: (o) => {
-                  o.stopPropagation();
-                }
-              },
-              {
-                "menu-button": () => $(B.FmButton, {
-                  icon: "more_vert",
-                  iconColor: "neutral-gray-400",
-                  variant: "tertiary"
-                }),
-                default: () => [
-                  $(
-                    B.FmMenuItem,
-                    {
-                      onClick: async (o) => {
-                        o.stopPropagation(), V(t.row.original);
-                      }
-                    },
-                    {
-                      label: $(
-                        "div",
-                        {
-                          class: "text-fm-color-typo-error fm-typo-en-body-md-400"
-                        },
-                        "Remove"
-                      )
-                    }
-                  )
-                ]
-              }
-            )
-          ]);
-        }
-      }
-    ], F = G({ searchKey: "", columnFilters: [] }), m = w({
-      searchValue: "",
-      pageSize: 10,
-      pageCount: 0,
-      pageIndex: 0,
-      totalRows: 0,
-      isLoading: !1
-    }), n = w([]), a = w(null), d = async (t) => {
-      n.value = [], m.value.isLoading = !0;
-      const o = await C.readAll({
-        limit: t.pageSize,
-        skip: t.pageIndex ?? 0,
-        sortBy: "_id",
-        search: m.value.searchValue,
-        descending: !0
-      });
-      n.value = o.resources, m.value.totalRows = o.meta.totalResources ?? 0, m.value.pageCount = o.meta.totalPages ?? 0, m.value.isLoading = !1;
-    };
-    async function b() {
-      await f(
-        async () => {
-          await C.refreshSegments(), await d({ pageSize: 10, pageIndex: 0 });
-        },
-        { message: "Refreshing segmentations" }
-      );
-    }
-    async function V(t) {
-      await Q.remove(`Are you sure you want to remove ${t.name}?`) && await f(
-        async () => {
-          await C.delete(t._id), await d({ pageSize: 10, pageIndex: 0 });
-        },
-        {
-          message: `Removing ${t.name}`,
-          successMessage: `Removed ${t.name} successfully`
-        }
-      );
-    }
-    async function z(t) {
-      await f(
-        async () => {
-          var o;
-          if (t._id) {
-            const { members: l, _id: v, ...R } = t;
-            await C.update(t._id, R);
-          } else
-            await C.create(t);
-          await d({ pageSize: 10, pageIndex: 0 }), (o = a.value) == null || o.hideSheet();
-        },
-        {
-          message: "Saving segment",
-          successMessage: "Segment saved"
-        }
-      );
-    }
-    function M(t) {
-      var o;
-      (o = a.value) == null || o.showSheet(t);
-    }
-    return J(
-      () => m.value.searchValue,
-      ee.debounce(() => {
-        d({ pageSize: 10, pageIndex: 0 });
-      }, 500)
-    ), W(async () => {
-      const { meta: t } = await ce.read({
-        limit: 1,
-        skip: 0,
-        sortBy: "_id",
-        search: m.value.searchValue,
-        descending: !1
-      });
-      y.value = t.totalResources ?? 0, await d({ pageSize: 10, pageIndex: 0 });
-    }), (t, o) => {
-      const l = _("FmPageHead"), v = _("FmTable"), R = _("FmIcon"), g = _("FmMenuItem"), I = _("FmMenu"), H = _("FmListItem"), T = _("FmList");
-      return p(), x(Y, null, [
-        i(l, {
-          title: "Segments",
-          actions: [S, r],
-          "onClick:action": o[0] || (o[0] = (u) => u === "add" ? M() : b())
-        }, null, 8, ["actions"]),
-        s("div", Ie, [
-          i(v, {
-            class: "xs:hidden",
-            "row-data": e(n),
-            "column-defs": c,
-            "search-value": e(F).searchKey,
-            "column-filter": [],
-            "hide-footer": !0,
-            onRowClick: o[1] || (o[1] = (u) => {
-              M(u.original);
-            })
-          }, null, 8, ["row-data", "search-value"]),
-          i(T, { class: "w-full hidden xs:block" }, {
-            default: h(() => [
-              (p(!0), x(Y, null, q(e(n), (u) => (p(), P(H, {
-                key: u._id.toString(),
-                tag: "label",
-                onClick: (U) => M(u)
-              }, {
-                default: h(() => [
-                  s("div", null, [
-                    s("div", $e, k((u.memberCount ?? 0).toLocaleString()) + " total customers ", 1),
-                    s("div", Ve, k(u.name), 1),
-                    s("div", De, k(((u.memberCount ?? 0) * 100 / e(y)).toFixed(2)) + "% of customers ", 1)
-                  ])
-                ]),
-                append: h(() => [
-                  i(I, { "stop-click-propagation": !0 }, {
-                    "menu-button": h(() => [
-                      i(R, { name: "more_vert" })
-                    ]),
-                    default: h(() => [
-                      i(g, {
-                        class: "text-fm-color-typo-error fm-typo-en-body-md-400",
-                        label: "Remove",
-                        "onUpdate:modelValue": (U) => U && V(u)
-                      }, null, 8, ["onUpdate:modelValue"])
-                    ]),
-                    _: 2
-                  }, 1024)
-                ]),
-                _: 2
-              }, 1032, ["onClick"]))), 128))
-            ]),
-            _: 1
-          }),
-          i(Re, {
-            ref_key: "sheetRef",
-            ref: a,
-            "onUpdate:modelValue": z
-          }, null, 512)
-        ])
-      ], 64);
-    };
-  }
-});
-export {
-  Ze as default
-};