@feedmepos/mf-connect 0.0.16-beta.1 → 0.0.16-beta.11

package/dist/Voucher-se-4JF9B.js

@@ -1,481 +0,0 @@
-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-BzV5acUX.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-DkI7dYRN.js";
-import { u as me } from "./campaign-BZJuknWK.js";
-import { g as q, b as G } from "./dto-BWpvRpK2.js";
-import { u as de } from "./template-Dwp7heBA.js";
-import { _ as pe } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-Bz6TSmbW.js";
-import { _ as fe } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
-import { l as he } from "./lodash-mg4435Qq.js";
-import { m as ge } from "./index-DcUrk07Q.js";
-import { c as F } from "./index-BxkxVtgm.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), u = y([]);
-    function m(e) {
-      f.value = !0, R.value = e.campaignId, u.value = [];
-    }
-    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
-    }), d = y([]), C = async (e) => {
-      l.value.isLoading = !0, d.value = [];
-      const a = await ge.read({
-        limit: e.pageSize,
-        skip: e.pageIndex,
-        sortBy: "_id",
-        search: l.value.searchValue,
-        descending: !1
-      });
-      d.value = a.resources, l.value.totalRows = a.meta.totalResources ?? 0, l.value.pageCount = a.meta.totalPages ?? 0, l.value.isLoading = !1, i.value = {}, u.value.forEach((o) => {
-        const c = d.value.findIndex((w) => w._id == o);
-        c > -1 && (console.log(c, "fetch member index"), i.value[c] = !0);
-      });
-    };
-    function b() {
-      d.value.length > 0 && (u.value = u.value.filter(
-        (e) => !d.value.some((a) => a._id === e) || // Keep if not in current page
-        Object.entries(i.value).some(
-          ([a, o]) => o && d.value[a]._id === e
-          // Keep if selected in current page
-        )
-      ));
-      for (const [e, a] of Object.entries(i.value))
-        if (a) {
-          const o = d.value[e]._id;
-          u.value.includes(o) || u.value.push(o);
-        }
-    }
-    async function $(e) {
-      u.value.length < 1 || await P(
-        async () => {
-          await F.sendCollection(R.value, {
-            memberId: u.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: m,
-      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(u) }, null, 8, ["json"]),
-          s("div", ve, [
-            s("div", _e, U(t(u).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(d),
-              "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, u = ye(), m = y({
-      searchKey: "",
-      location: null
-    }), _ = ee(
-      () => i.campaigns.voucher.filter(
-        (e) => !m.value.location || !e.targetLocation || e.targetLocation.includes(m.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 u.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 = d.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(), d = 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(m).searchKey,
-            "onUpdate:modelValue": a[1] || (a[1] = (n) => t(m).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(m).location,
-                  "onUpdate:modelValue": a[2] || (a[2] = (n) => t(m).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(m).searchKey,
-                "onUpdate:modelValue": a[3] || (a[3] = (n) => t(m).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(m).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(m).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(d)) == 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: d
-          }, null, 512)
-        ])
-      ], 64);
-    };
-  }
-});
-export {
-  We as default
-};