@feedmepos/mf-connect 0.0.6 → 0.0.7

package/dist/Voucher-D88gJYa3.js

@@ -0,0 +1,449 @@
+import { defineComponent as N, ref as g, watch as H, onMounted as D, resolveComponent as d, openBlock as _, createBlock as U, unref as o, isRef as O, withCtx as V, createElementVNode as l, createVNode as i, toDisplayString as I, computed as Q, createElementBlock as B, Fragment as A, renderList as W, resolveDynamicComponent as Z, h as y } from "vue";
+import { _ as Y } from "./campaign-CpzFl8Vr.js";
+import { useDialog as ee, components as S } from "@feedmepos/ui-library";
+import { p as z, c as ae } from "./plugins-CJou3ejy.js";
+import { useCoreStore as oe } from "@feedmepos/mf-common";
+import { u as q } from "./loading-DClM7b3o.js";
+import { u as te, J as ne, a as se, R as le } from "./app-g6ra_l_x.js";
+import { u as ie } from "./campaign-DdY0vnwY.js";
+import { g as K, b as j } from "./dto-BQHDb7XC.js";
+import { u as re } from "./template-Dk2sky27.js";
+import { _ as ce } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-CBO6OHrM.js";
+import { _ as ue } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { l as me } from "./lodash-wTDGx83S.js";
+import { m as de } from "./index-gLwPyXKM.js";
+import { c as x } from "./index-D71HFulf.js";
+import { useRouter as pe } from "vue-router";
+const fe = { class: "space-y-16" }, he = { class: "fm-typo-en-body-md-600" }, ge = { class: "flex items-center justify-end" }, ye = { class: "flex items-center gap-8" }, ve = /* @__PURE__ */ N({
+  __name: "SendVoucherSheet",
+  emits: ["success"],
+  setup(X, { expose: L, emit: F }) {
+    const { minor: M } = q, k = g(""), r = g({}), P = F, p = g(!1), m = g([]);
+    function u(e) {
+      p.value = !0, k.value = e.campaignId;
+    }
+    function v() {
+      p.value = !1;
+    }
+    const $ = [
+      {
+        header: "Name",
+        accessorFn: (e) => e.name || "No Profile"
+      },
+      {
+        header: "Phone",
+        accessorFn: (e) => e.phoneNumber || "-"
+      }
+    ], s = g({
+      searchValue: "",
+      pageSize: 10,
+      pageCount: 0,
+      pageIndex: 0,
+      totalRows: 0,
+      isLoading: !1
+    }), f = g([]), b = async (e) => {
+      s.value.isLoading = !0, f.value = [];
+      const a = await de.read({
+        limit: e.pageSize,
+        skip: e.pageIndex * e.pageSize,
+        sortBy: "_id",
+        search: s.value.searchValue,
+        descending: !1
+      });
+      f.value = a.resources, s.value.totalRows = a.meta.totalResources ?? 0, s.value.pageCount = a.meta.totalPages ?? 0, s.value.isLoading = !1, r.value = {}, m.value.forEach((t) => {
+        const c = f.value.findIndex((C) => C._id == t);
+        c > -1 && (console.log(c, "fetch member index"), r.value[c] = !0);
+      });
+    };
+    function w() {
+      f.value.length > 0 && (m.value = m.value.filter(
+        (e) => f.value.some((a) => a._id != e)
+      ));
+      for (const [e, a] of Object.entries(r.value)) {
+        const t = f.value[e]._id;
+        m.value.includes(t) || m.value.push(t);
+      }
+    }
+    async function E(e) {
+      m.value.length < 1 || await M(
+        async () => {
+          await x.sendCollection(k.value, {
+            memberId: m.value
+          }), await P("success"), v();
+        },
+        {
+          message: "Sending claim(s)",
+          successMessage: "Claim(s) created"
+        }
+      );
+    }
+    return H(r, w, { deep: !0 }), H(
+      () => s.value.searchValue,
+      me.debounce(async () => {
+        await b({ pageSize: 10, pageIndex: 0 });
+      }, 500)
+    ), L({
+      showSheet: u,
+      hideSheet: v
+    }), D(async () => {
+      await b(s.value);
+    }), (e, a) => {
+      const t = d("FmSearch"), c = d("FmTable"), C = d("FmButton"), R = d("FmSideSheet");
+      return _(), U(R, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: "Send voucher to",
+        modelValue: o(p),
+        "onUpdate:modelValue": [
+          a[3] || (a[3] = (h) => O(p) ? p.value = h : null),
+          a[4] || (a[4] = (h) => p.value = h)
+        ]
+      }, {
+        "side-sheet-footer": V(() => [
+          l("div", ye, [
+            i(C, {
+              label: "Send",
+              loading: o(te)().isLoading,
+              onClick: E
+            }, null, 8, ["loading"]),
+            i(C, {
+              label: "Cancel",
+              type: "button",
+              variant: "tertiary",
+              onClick: a[2] || (a[2] = (h) => p.value = !1)
+            })
+          ])
+        ]),
+        default: V(() => [
+          i(ne, { json: o(m) }, null, 8, ["json"]),
+          l("div", fe, [
+            l("div", he, I(o(m).length) + " members selected ", 1),
+            l("div", ge, [
+              i(t, {
+                class: "mt-4",
+                modelValue: o(s).searchValue,
+                "onUpdate:modelValue": a[0] || (a[0] = (h) => o(s).searchValue = h),
+                placeholder: "Search Member",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            i(c, {
+              modelValue: o(r),
+              "onUpdate:modelValue": a[1] || (a[1] = (h) => O(r) ? r.value = h : null),
+              class: "xs:hidden",
+              selection: "multiple",
+              loading: o(s).isLoading,
+              "row-data": o(f),
+              "column-defs": $,
+              "page-size": o(s).pageSize,
+              "page-count": o(s).pageCount,
+              "hide-footer": o(s).totalRows <= o(s).pageSize,
+              "fetch-fn": b
+            }, null, 8, ["modelValue", "loading", "row-data", "page-size", "page-count", "hide-footer"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+var _e = { authUrl: "https://portal-v2-dev.feedmeapi.com/", slackWebhookUrl: "https://hooks.slack.com/services/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", appUrl: "member.feedmedev.cc", crmUrl: "crm.feedmedev.cc", marketingV1Portal: "https://marketing-v1.feedmedev.cc" };
+const be = { class: "px-24 flex flex-col gap-y-16" }, we = { class: "flex items-center justify-between w-full" }, Ce = { class: "flex gap-8 overflow-x-auto" }, Se = { class: "space-y-8" }, xe = { class: "flex w-full gap-4 items-center" }, Ve = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Fe = { class: "space-y-4" }, ke = { class: "fm-typo-en-body-lg-600" }, Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ue = /* @__PURE__ */ l("img", {
+  src: Y,
+  class: "aspect-square w-[150px]"
+}, null, -1), Ie = /* @__PURE__ */ l("div", { class: "flex flex-col gap-16 text-center" }, [
+  /* @__PURE__ */ l("div", { class: "fm-typo-en-title-sm-800" }, "Create voucher campaign"),
+  /* @__PURE__ */ l("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " A digital coupon that users can redeem for discounts on future purchases. Users usually need to claim and apply the voucher to benefit from the discount. ")
+], -1), Xe = /* @__PURE__ */ N({
+  __name: "Voucher",
+  setup(X) {
+    const L = {
+      label: "Create campaign",
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, F = ee(), M = re("VOUCHER", F), k = se(), r = ie(), { global: P, minor: p } = q, m = pe(), u = g({
+      searchKey: "",
+      location: null
+    }), v = Q(
+      () => r.campaigns.voucher.filter(
+        (e) => !u.value.location || !e.targetLocation || e.targetLocation.includes(u.value.location)
+      )
+    ), $ = [
+      {
+        header: "Voucher title",
+        accessorFn: (e) => e.name
+      },
+      {
+        header: "Status",
+        cell(e) {
+          return K(e.row.original);
+        }
+      },
+      {
+        header: "Summary",
+        accessorFn: (e) => j(e)
+      },
+      {
+        header: "Quota",
+        accessorFn: (e) => {
+          var a;
+          return ((a = e.pf_collectible) == null ? void 0 : a.options.maxReceive) ?? "Unlimited";
+        }
+      },
+      {
+        header: "Claimed",
+        accessorFn: (e) => {
+          var a;
+          return ((a = e == null ? void 0 : e.pf_collectible) == null ? void 0 : a.currentReceive) ?? 0;
+        }
+      },
+      {
+        header: "Actions",
+        cell(e) {
+          return y("div", { class: "flex items-center justify-end" }, [
+            y(S.FmButton, {
+              icon: "visibility",
+              variant: "tertiary",
+              iconColor: "neutral-gray-400",
+              onClick: async (a) => {
+                a.stopPropagation(), await m.push({
+                  name: le["$connect-CAMPAIGN_VOUCHER_COLLECTIONS"],
+                  params: { id: e.row.original._id }
+                });
+              }
+            }),
+            y(
+              S.FmMenu,
+              {
+                placement: "bottom-end",
+                onClick: (a) => {
+                  a.stopPropagation();
+                }
+              },
+              {
+                "menu-button": () => y(S.FmButton, {
+                  icon: "more_vert",
+                  iconColor: "neutral-gray-400",
+                  variant: "tertiary"
+                }),
+                default: () => {
+                  const a = [
+                    y(
+                      S.FmMenuItem,
+                      {
+                        onClick: async (t) => {
+                          t.stopPropagation(), b(e.row.original);
+                        }
+                      },
+                      {
+                        label: y(
+                          "div",
+                          {
+                            class: "text-fm-color-typo-error fm-typo-en-body-md-400"
+                          },
+                          "Remove"
+                        )
+                      }
+                    )
+                  ];
+                  return e.row.original.event.type === "SIMPLE_CLAIM" && (a.unshift(
+                    y(S.FmMenuItem, {
+                      label: "Send",
+                      onClick: async (t) => {
+                        var c;
+                        t.stopPropagation(), (c = f.value) == null || c.showSheet({
+                          campaignId: e.row.original._id
+                        });
+                      }
+                    })
+                  ), a.unshift(
+                    y(S.FmMenuItem, {
+                      label: "Share",
+                      onClick: async (t) => {
+                        if (t.stopPropagation(), e.row.original.event.type !== "SIMPLE_CLAIM")
+                          return await z.confirm(
+                            "Cannot share a voucher that is not a simple claim.",
+                            "Share Voucher",
+                            "OK"
+                          );
+                        await ae(
+                          `https://${oe().currentBusiness.value._id}.${_e.appUrl}/vouchers/${e.row.original._id}`,
+                          {
+                            successMessage: "Voucher link copied to clipboard"
+                          }
+                        );
+                      }
+                    })
+                  )), a;
+                }
+              }
+            )
+          ]);
+        }
+      }
+    ], s = g(), f = g();
+    async function b(e) {
+      await z.remove(`Are you sure you want to remove ${e.name}?`) && await p(
+        async () => {
+          await x.delete(e._id), await r.read("VOUCHER");
+        },
+        {
+          message: `Removing ${e.name}`,
+          successMessage: `Removed ${e.name} successfully`
+        }
+      );
+    }
+    async function w(e) {
+      e ? await a() : M.open(async (t) => {
+        await a(t);
+      });
+      async function a(t) {
+        var c;
+        (c = s.value) == null || c.showSheet(
+          !0,
+          "VOUCHER",
+          e ? await x.readById(e._id) : void 0,
+          t
+        );
+      }
+    }
+    async function E(e) {
+      e.campaign._id && await new Promise((a) => {
+        F.open({
+          title: "Confirmation",
+          message: "This will change all future vouchers? Would you like to update previous claimed vouchers expiry date and discount?",
+          primaryActions: { text: "Update all", close: !0 },
+          secondaryActions: { text: "Update future only", close: !0 }
+        }).onPrimary(async () => {
+          var t;
+          e.updateCollections = !0, (t = window.top) == null || t.postMessage("updateAllVoucher", "*"), a();
+        }).onSecondary(async () => {
+          a();
+        });
+      }), await p(
+        async () => {
+          e.campaign._id ? await x.update(e.campaign._id, e) : await x.create(e), await r.read("VOUCHER");
+        },
+        {
+          message: `${e.campaign._id ? "Updating" : "Creating"} voucher`,
+          successMessage: `Voucher ${e.campaign._id ? "updated" : "created"} successfully`
+        }
+      );
+    }
+    return D(async () => {
+      await P(async () => {
+        await r.read("VOUCHER");
+      });
+    }), (e, a) => {
+      const t = d("FmPageHead"), c = d("FmSearch"), C = d("FmTable"), R = d("FmButton"), h = d("FmListItem"), G = d("FmList"), J = d("FmCard");
+      return _(), B(A, null, [
+        i(t, {
+          title: "Voucher",
+          actions: o(v).length > 0 ? [L] : [],
+          "onClick:action": a[0] || (a[0] = () => w())
+        }, null, 8, ["actions"]),
+        l("div", be, [
+          i(c, {
+            modelValue: o(u).searchKey,
+            "onUpdate:modelValue": a[1] || (a[1] = (n) => o(u).searchKey = n),
+            class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: "search",
+            collapsible: ""
+          }, null, 8, ["modelValue"]),
+          o(r).campaigns.voucher && o(r).campaigns.voucher.length > 0 ? (_(), B(A, { key: 0 }, [
+            l("div", we, [
+              l("div", Ce, [
+                i(ue, {
+                  modelValue: o(u).location,
+                  "onUpdate:modelValue": a[2] || (a[2] = (n) => o(u).location = n),
+                  label: "Location: ",
+                  "show-item-label": !0,
+                  icon: "storefront",
+                  placement: "bottom-start",
+                  items: o(k).locationItems
+                }, null, 8, ["modelValue", "items"])
+              ]),
+              i(c, {
+                modelValue: o(u).searchKey,
+                "onUpdate:modelValue": a[3] || (a[3] = (n) => o(u).searchKey = n),
+                class: "xs:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            i(C, {
+              class: "xs:hidden",
+              "row-data": o(v),
+              "column-defs": $,
+              "search-value": o(u).searchKey,
+              "column-filter": [],
+              onRowClick: a[4] || (a[4] = (n) => w(n.original)),
+              "hide-footer": o(v).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            i(G, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: V(() => [
+                (_(!0), B(A, null, W(o(v).filter(
+                  (n) => n.name.toLowerCase().includes(o(u).searchKey.toLowerCase())
+                ), (n) => (_(), U(h, {
+                  key: n._id.toString(),
+                  onClick: (T) => w(n),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: V(() => [
+                    l("div", Se, [
+                      l("div", xe, [
+                        (_(), U(Z(o(K)(n)))),
+                        l("div", Ve, I(n.currentReceive ?? 0) + " used ", 1)
+                      ]),
+                      l("div", Fe, [
+                        l("div", ke, I(n.name), 1),
+                        l("div", Re, I(o(j)(n)), 1)
+                      ])
+                    ]),
+                    i(R, {
+                      icon: "delete",
+                      "icon-color": "neutral-gray-400",
+                      variant: "tertiary",
+                      onClick: (T) => (T.stopPropagation(), b(n))
+                    }, null, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (_(), U(J, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: V(() => [
+              Ue,
+              Ie,
+              i(R, {
+                variant: "primary",
+                label: "Create voucher campaign",
+                icon: "add",
+                onClick: a[5] || (a[5] = (n) => w())
+              })
+            ]),
+            _: 1
+          })),
+          i(ce, {
+            ref_key: "sheetRef",
+            ref: s,
+            "onSubmit:modelValue": E
+          }, null, 512),
+          i(ve, {
+            ref_key: "sendVoucherSheetRef",
+            ref: f
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Xe as default
+};