@feedmepos/mf-connect 0.0.28-prod → 0.0.30-prod

package/dist/Segment-DSX0DD-P.js

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

package/dist/{Setting-BgJYDQ2u.js → Setting-CzxXS6LJ.js}

@@ -1,15 +1,15 @@
 import { defineComponent as Re, ref as z, computed as ie, onMounted as De, resolveComponent as L, openBlock as V, createBlock as we, withCtx as G, createElementVNode as b, createVNode as M, unref as h, isRef as ke, createElementBlock as q, Fragment as fe, createTextVNode as Q, toDisplayString as k, renderList as Ie, createCommentVNode as Pe } from "vue";
 import { h as rt } from "./moment-BWErdI6_.js";
 import { useDialog as Ve } from "@feedmepos/ui-library";
-import { a as xe, u as it, p as st, f as K } from "./loading-CTZia9no.js";
+import { a as xe, u as it, p as st, f as K } from "./loading-C7oH4e0j.js";
 import { u as at } from "./app-wDQR6dpb.js";
-import { u as be, l as $e } from "./business-CSmJnfxU.js";
-import { u as ze } from "./membership-Cdywxyet.js";
-import { l as lt } from "./index-B-cD3OOl.js";
+import { u as be, l as $e } from "./business-iGcoCCSb.js";
+import { u as ze } from "./membership-D0G_5G-y.js";
+import { l as lt } from "./index-DG0RrwCN.js";
 import { _ as Ne } from "./ImageInput.vue_vue_type_script_setup_true_lang-ByhTB9Ie.js";
-import { _ as ct } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-aiclx2-7.js";
-import { _ as ut } from "./MessageInput.vue_vue_type_script_setup_true_lang-Ct7Vc_Ik.js";
-import { m as dt } from "./index-BEi_LnV_.js";
+import { _ as ct } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-DdtJ3kNK.js";
+import { _ as ut } from "./MessageInput.vue_vue_type_script_setup_true_lang-MaCtf4Xn.js";
+import { m as dt } from "./index-dbSbwT_z.js";
 import { o as ft } from "./objectId-dwaoBfJX.js";
 import { a as gt } from "./object-qECH92oz.js";
 var Z = {}, mt = function() {

package/dist/{Store-Clv8qG7p.js → Store-BfiGvIid.js}

@@ -1,25 +1,25 @@
 import { defineComponent as G, computed as D, resolveComponent as _, openBlock as b, createBlock as B, withCtx as P, createElementVNode as v, createElementBlock as $, createVNode as s, createCommentVNode as j, toDisplayString as ne, unref as e, Fragment as L, renderList as ae, ref as A, isRef as se, reactive as Ae, onMounted as me, watch as he, toRaw as Ne, createTextVNode as oe, h as Oe } from "vue";
 import { _ as Ee } from "./tier-BJDhpH6X.js";
 import { useDialog as Re, useDialogChild as Ie, components as Me } from "@feedmepos/ui-library";
-import { c as R, e as ce, S as je } from "./index-BzeGWwDC.js";
-import { d as Q, a as Le, u as qe, p as pe, n as He, f as ye } from "./loading-CTZia9no.js";
-import { u as xe, C as ie } from "./membership-Cdywxyet.js";
+import { c as R, e as ce, S as je } from "./index-X-EzXcGs.js";
+import { d as Q, a as Le, u as qe, p as pe, n as He, f as ye } from "./loading-C7oH4e0j.js";
+import { u as xe, C as ie } from "./membership-D0G_5G-y.js";
 import { a as Ke, c as ke } from "./object-qECH92oz.js";
 import { _ as le } from "./lodash-B5I3zXaY.js";
 import { Z as z, _ as X, g as K, a as W } from "./ZodTextField.vue_vue_type_script_setup_true_lang-3LlSDiq0.js";
-import { z as Y, R as We } from "./app-DBR_YmVt.js";
-import { F as ze, a as Ye, b as Je, c as Ue } from "./index-CQbf7JEL.js";
+import { z as Y, R as We } from "./app-Bzct9xVo.js";
+import { F as ze, a as Ye, b as Je, c as Ue } from "./index-3_r2IGAF.js";
 import { u as ve } from "./app-wDQR6dpb.js";
 import { J as _e } from "./JsonViewer-v8_C7l5N.js";
-import { _ as Ge } from "./index-CCTaLZTz.js";
+import { _ as Ge } from "./index-C6kizPcL.js";
 import { _ as Xe } from "./ImageInput.vue_vue_type_script_setup_true_lang-ByhTB9Ie.js";
 import { _ as Ze } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
-import { z as Qe, a as et } from "./money-epFszMWD.js";
-import { F as tt } from "./number-Ciw2FH5f.js";
-import { t as ot } from "./helper-C6m_E9sn.js";
-import "./index-C208T65R.js";
+import { z as Qe, a as et } from "./money-B6MghTDE.js";
+import { F as tt } from "./number-qKhyhzHd.js";
+import { t as ot } from "./helper-O1xiribY.js";
+import "./index-PO2CtKXo.js";
 import { useRouter as at } from "vue-router";
-import { m as fe } from "./index-BEi_LnV_.js";
+import { m as fe } from "./index-dbSbwT_z.js";
 function lt(f) {
   return Q.DineroFactory(f).toUnit();
 }

package/dist/{StoreRewards-IZjC2nTN.js → StoreRewards-Bm39d1Cc.js}

@@ -1,23 +1,23 @@
 import { defineComponent as q, ref as V, computed as N, onMounted as Y, resolveComponent as p, openBlock as u, createBlock as b, unref as e, isRef as W, withCtx as x, createElementVNode as l, createVNode as s, createElementBlock as O, createTextVNode as z, resolveDynamicComponent as H, toDisplayString as G, Fragment as j, createCommentVNode as U, h } from "vue";
 import { _ as J } from "./campaign-CpzFl8Vr.js";
 import { components as $ } from "@feedmepos/ui-library";
-import "./index-C208T65R.js";
-import { u as Q, p as M, f as B } from "./loading-CTZia9no.js";
-import { C, u as X } from "./membership-Cdywxyet.js";
-import { F as ee } from "./index-CCTaLZTz.js";
+import "./index-PO2CtKXo.js";
+import { u as Q, p as M, f as B } from "./loading-C7oH4e0j.js";
+import { C, u as X } from "./membership-D0G_5G-y.js";
+import { F as ee } from "./index-C6kizPcL.js";
 import { c as te } from "./object-qECH92oz.js";
 import { _ as oe } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
 import { u as K } from "./app-wDQR6dpb.js";
-import { u as ae } from "./business-CSmJnfxU.js";
+import { u as ae } from "./business-iGcoCCSb.js";
 import { useCoreStore as ne } from "@feedmepos/mf-common";
 import { _ as se, Z as g } from "./ZodTextField.vue_vue_type_script_setup_true_lang-3LlSDiq0.js";
 import { _ as le } from "./ImageInput.vue_vue_type_script_setup_true_lang-ByhTB9Ie.js";
-import { _ as re } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-aiclx2-7.js";
-import { _ as ie, a as me } from "./EffectSheet.vue_vue_type_style_index_0_lang-DA2cZ139.js";
-import { i as de, t as ce } from "./helper-C6m_E9sn.js";
+import { _ as re } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-DdtJ3kNK.js";
+import { _ as ie, a as me } from "./EffectSheet.vue_vue_type_style_index_0_lang-Cw-KLvgf.js";
+import { i as de, t as ce } from "./helper-O1xiribY.js";
 import { useRouter as ue } from "vue-router";
-import { m as D } from "./index-BEi_LnV_.js";
-import { R as k } from "./app-DBR_YmVt.js";
+import { m as D } from "./index-dbSbwT_z.js";
+import { R as k } from "./app-Bzct9xVo.js";
 const pe = {
   key: 0,
   class: "flex flex-col space-y-16 pr-12"