@feedmepos/mf-connect 0.0.5-beta.20 → 0.0.5-beta.21

package/dist/Transaction-CF0f3QCU.js

@@ -0,0 +1,36 @@
+import { defineComponent as _, ref as d, resolveComponent as c, openBlock as o, createElementBlock as v, Fragment as f, createVNode as s, createElementVNode as b, unref as t, createBlock as a, KeepAlive as k, resolveDynamicComponent as m, createCommentVNode as x } from "vue";
+import { _ as C, a as F } from "./StoreTransactions.vue_vue_type_script_setup_true_lang-B2kjcViv.js";
+const T = { class: "px-24 flex flex-col gap-y-32 pb-24" }, N = /* @__PURE__ */ _({
+  __name: "Transaction",
+  setup(g) {
+    const l = [
+      {
+        label: "Collection",
+        value: "collection"
+      },
+      {
+        label: "Store",
+        value: "store"
+      }
+    ], e = d(l[0]);
+    return (y, n) => {
+      const r = c("FmPageHead"), u = c("FmTabs");
+      return o(), v(f, null, [
+        s(r, { title: "Transactions" }),
+        b("div", T, [
+          s(u, {
+            "model-value": t(e).value,
+            items: l,
+            "onUpdate:modelValue": n[0] || (n[0] = (i) => e.value = l.find((p) => p.value === i))
+          }, null, 8, ["model-value"]),
+          (o(), a(k, null, [
+            t(e).value == "collection" ? (o(), a(m(C), { key: 0 })) : t(e).value == "store" ? (o(), a(m(F), { key: 1 })) : x("", !0)
+          ], 1024))
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  N as default
+};

package/dist/Voucher-CCOZjT6k.js

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