@feedmepos/mf-connect 0.1.38-beta.6 → 0.1.38-beta.61

package/dist/Collections-CF_OcAL3.js

@@ -0,0 +1,540 @@
+var ie = Object.defineProperty;
+var ue = (y, u, v) => u in y ? ie(y, u, { enumerable: !0, configurable: !0, writable: !0, value: v }) : y[u] = v;
+var Z = (y, u, v) => ue(y, typeof u != "symbol" ? u + "" : u, v);
+import { defineComponent as ae, ref as C, computed as D, watch as W, resolveComponent as p, openBlock as w, createBlock as Q, unref as o, isRef as ee, withCtx as Y, createElementVNode as V, createVNode as i, createElementBlock as T, Fragment as L, renderList as ce, createCommentVNode as q, h, onMounted as de } from "vue";
+import { h as E } from "./moment-D7p2TMB-.js";
+import { components as X } from "@feedmepos/ui-library";
+import "./index-CR3f3BXQ.js";
+import { J as me } from "./JsonViewer-v8_C7l5N.js";
+import { u as le, m as pe } from "./loading-CivgDw5C.js";
+import { u as fe } from "./app-wDQR6dpb.js";
+import { useRoute as ne, useRouter as ge } from "vue-router";
+import { c as re } from "./index-DpjYgKTN.js";
+import { e as b } from "./index-vh86FiIQ.js";
+import { u as J, w as ve } from "./xlsx-EewcN2uY.js";
+import { u as he, _ as be } from "./usePagination-DtNK7W0U.js";
+import { a as te } from "./plugins-P-V4XWmW.js";
+import { u as Ce } from "./campaign-w9j4I4jn.js";
+import { o as oe } from "./objectId-dwaoBfJX.js";
+const ye = { class: "space-y-16" }, xe = { class: "gap-16 grid grid-cols-2" }, Se = { class: "flex items-center gap-8" }, Ve = /* @__PURE__ */ ae({
+  __name: "CreateCollectionSheet",
+  emits: ["success"],
+  setup(y, { expose: u, emit: v }) {
+    const { minor: M } = le, P = ne(), F = C(), k = C(!1), $ = v, x = C(!1);
+    function R(r) {
+      x.value = r, r && (n.value = {
+        quantity: 1,
+        code: "",
+        codeConfig: {
+          length: 8,
+          charset: "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",
+          prefix: "",
+          suffix: "",
+          pattern: "########"
+        }
+      });
+    }
+    const n = C({
+      quantity: 1,
+      code: "",
+      codeConfig: {
+        length: 8,
+        charset: "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",
+        prefix: "",
+        suffix: "",
+        pattern: "########"
+      }
+    }), z = [
+      {
+        label: "Bulk codes",
+        value: "bulk",
+        sublabel: "Bulk generate unique codes"
+      },
+      {
+        label: "Custom code",
+        value: "single",
+        sublabel: "Enter your own custom codes"
+      }
+    ], A = [
+      {
+        label: "Alphanumeric",
+        value: "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
+      },
+      {
+        label: "Alphabetic",
+        value: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
+      },
+      { label: "Alphabetic Lowercase", value: "abcdefghijklmnopqrstuvwxyz" },
+      { label: "Alphabetic Uppercase", value: "ABCDEFGHIJKLMNOPQRSTUVWXYZ" },
+      { label: "Numbers", value: "0123456789" },
+      { label: "Custom", value: "" }
+    ], U = C(A[0].value), f = C("bulk"), _ = C(!1), K = D(() => P.params.id);
+    async function N(r) {
+      var t;
+      await ((t = F.value) == null ? void 0 : t.validateInputs()), k.value && await M(
+        async () => {
+          await re.createCollectionByCampaignId(K.value, r), await $("success");
+        },
+        {
+          message: "Creating claim(s)",
+          successMessage: "Claim(s) created"
+        }
+      );
+    }
+    u({
+      showSheet: R
+    }), W(
+      () => f.value,
+      (r, t) => {
+        t != r && (n.value.code = "", n.value.codeConfig.length = 8, n.value.codeConfig.charset = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ", n.value.codeConfig.prefix = "", n.value.codeConfig.suffix = "", n.value.codeConfig.pattern = "########");
+      }
+    );
+    function g(r) {
+      if (f.value !== "single") return !1;
+      const t = r.split(`
+`).map((B) => B.trim()).filter(Boolean);
+      return new Set(t).size !== t.length;
+    }
+    function j(r) {
+      return /[ \t]/.test(r);
+    }
+    return W(
+      () => n.value.codeConfig.length,
+      (r, t) => {
+        r != t && (n.value.codeConfig.pattern = "#".repeat(Math.min(16, Number(r))));
+      }
+    ), W(
+      () => n.value.codeConfig.pattern,
+      (r, t) => {
+        r != t && (n.value.codeConfig.length = (n.value.codeConfig.pattern.match(/#/g) || []).length);
+      }
+    ), (r, t) => {
+      const B = p("FmRadio"), O = p("FmRadioGroup"), H = p("FmSwitch"), l = p("FmStepperField"), e = p("FmSelect"), c = p("FmTextField"), d = p("FmTextarea"), s = p("FmForm"), S = p("FmButton"), G = p("FmSideSheet");
+      return w(), Q(G, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: "Create collection",
+        modelValue: o(x),
+        "onUpdate:modelValue": [
+          t[14] || (t[14] = (a) => ee(x) ? x.value = a : null),
+          t[15] || (t[15] = (a) => x.value = a)
+        ]
+      }, {
+        "side-sheet-footer": Y(() => [
+          V("div", Se, [
+            i(S, {
+              label: "Save",
+              onClick: t[12] || (t[12] = (a) => N(o(n))),
+              loading: o(fe)().isLoading
+            }, null, 8, ["loading"]),
+            i(S, {
+              label: "Cancel",
+              type: "button",
+              variant: "tertiary",
+              onClick: t[13] || (t[13] = (a) => x.value = !1)
+            })
+          ])
+        ]),
+        default: Y(() => [
+          i(me, { json: o(n) }, null, 8, ["json"]),
+          i(s, {
+            ref_key: "form",
+            ref: F,
+            class: "space-y-40",
+            onValidationSuccess: t[10] || (t[10] = (a) => k.value = !0),
+            onValidationFailed: t[11] || (t[11] = (a) => k.value = !1)
+          }, {
+            default: Y(() => [
+              V("div", null, [
+                t[16] || (t[16] = V("div", { class: "fm-typo-en-body-lg-600" }, "Code type", -1)),
+                i(O, {
+                  modelValue: o(f),
+                  "onUpdate:modelValue": t[0] || (t[0] = (a) => ee(f) ? f.value = a : null),
+                  inline: !1
+                }, {
+                  default: Y(() => [
+                    (w(), T(L, null, ce(z, (a) => i(B, {
+                      key: a.value,
+                      value: a.value,
+                      label: a.label,
+                      sublabel: a.sublabel
+                    }, null, 8, ["value", "label", "sublabel"])), 64))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              V("div", ye, [
+                t[17] || (t[17] = V("div", { class: "fm-typo-en-body-lg-600" }, "Settings", -1)),
+                o(f) === "bulk" ? (w(), T(L, { key: 0 }, [
+                  i(H, {
+                    "model-value": o(_),
+                    "label-placement": "right",
+                    value: "true",
+                    label: "Advance code setting",
+                    required: !0,
+                    "onUpdate:modelValue": t[1] || (t[1] = () => _.value = !o(_))
+                  }, null, 8, ["model-value"]),
+                  o(_) ? (w(), T(L, { key: 0 }, [
+                    i(l, {
+                      modelValue: o(n).codeConfig.length,
+                      "onUpdate:modelValue": t[2] || (t[2] = (a) => o(n).codeConfig.length = a),
+                      label: "Code length",
+                      max: 16,
+                      min: 1,
+                      rules: [
+                        (a) => Number(a) >= 1 || "Code length must at least 1",
+                        (a) => Number(a) <= 16 || "Code length must less than 16"
+                      ],
+                      required: !0
+                    }, null, 8, ["modelValue", "rules"]),
+                    i(e, {
+                      label: "Charset",
+                      "model-value": o(U),
+                      items: A,
+                      "helper-text": o(n).codeConfig.charset.length > 62 ? `${o(n).codeConfig.charset.substring(0, 62)}...` : o(n).codeConfig.charset,
+                      "onUpdate:modelValue": t[3] || (t[3] = (a) => {
+                        U.value = a, o(n).codeConfig.charset = a;
+                      })
+                    }, null, 8, ["model-value", "helper-text"]),
+                    o(U) === "" ? (w(), Q(c, {
+                      key: 0,
+                      modelValue: o(n).codeConfig.charset,
+                      "onUpdate:modelValue": t[4] || (t[4] = (a) => o(n).codeConfig.charset = a),
+                      label: "Custom Charset",
+                      required: ""
+                    }, null, 8, ["modelValue"])) : q("", !0),
+                    V("div", xe, [
+                      i(c, {
+                        modelValue: o(n).codeConfig.prefix,
+                        "onUpdate:modelValue": t[5] || (t[5] = (a) => o(n).codeConfig.prefix = a),
+                        label: "Prefix (Optional)"
+                      }, null, 8, ["modelValue"]),
+                      i(c, {
+                        modelValue: o(n).codeConfig.suffix,
+                        "onUpdate:modelValue": t[6] || (t[6] = (a) => o(n).codeConfig.suffix = a),
+                        label: "Suffix (Optional)"
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    i(c, {
+                      modelValue: o(n).codeConfig.pattern,
+                      "onUpdate:modelValue": t[7] || (t[7] = (a) => o(n).codeConfig.pattern = a),
+                      label: "Pattern",
+                      required: !0
+                    }, null, 8, ["modelValue"])
+                  ], 64)) : q("", !0),
+                  i(c, {
+                    modelValue: o(n).quantity,
+                    "onUpdate:modelValue": t[8] || (t[8] = (a) => o(n).quantity = a),
+                    label: "Number of code",
+                    rules: [
+                      (a) => a >= 1 || "Quantity cannot be less than 1",
+                      (a) => a <= 1e4 || "Quantity cannot more than 10,000"
+                    ],
+                    required: !0,
+                    "helper-text": `${o(n).quantity} claim will be created`
+                  }, null, 8, ["modelValue", "rules", "helper-text"])
+                ], 64)) : q("", !0),
+                o(f) !== "bulk" ? (w(), Q(d, {
+                  key: 1,
+                  modelValue: o(n).code,
+                  "onUpdate:modelValue": t[9] || (t[9] = (a) => o(n).code = a),
+                  label: "Custom Code",
+                  rules: [
+                    (a) => o(f) != "single" || !!a || "Custom code is required",
+                    (a) => !g(a) || "Custom code must be unique",
+                    (a) => !j(a) || "Custom code must not contain space"
+                  ],
+                  placeholder: "(For multiple codes, please enter in the new row.)"
+                }, null, 8, ["modelValue", "rules"])) : q("", !0)
+              ])
+            ]),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+class we {
+  constructor() {
+    Z(this, "data", []);
+  }
+  addRecord(u) {
+    this.data.push(u);
+  }
+  buildExcel() {
+    const u = J.book_new(), v = J.json_to_sheet(this.data);
+    return J.book_append_sheet(u, v, "Collection"), u;
+  }
+}
+var Fe = { authUrl: "https://portal-v2-dev.feedmeapi.com/", slackWebhookUrl: "https://hooks.slack.com/services/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", appUrl: "feedmedev.vip", crmUrl: "crm.feedmedev.cc", paymentPortalUrl: "https://portal.feedmedev.cc/payment/payout-account", licensePortalUrl: "https://license.feedmedev.cc/", marketingV1Portal: "https://marketing-v1.feedmedev.cc", voucherAppUrl: "https://voucher.feedmedev.cc/" };
+const ke = { class: "px-24 flex flex-col gap-y-32 pb-24" }, Ue = { class: "flex items-center justify-end py-4 xs:hidden" }, Ke = /* @__PURE__ */ ae({
+  __name: "Collections",
+  setup(y) {
+    function u(l) {
+      return l.hideInApp === !1;
+    }
+    const v = ge(), M = ne(), P = C(), F = D(() => M.params.id), k = C(!1), { custom: $ } = le;
+    function x(l) {
+      var e;
+      return (e = l._id) == null ? void 0 : e.toString();
+    }
+    function R(l) {
+      var d;
+      const e = (d = Fe.voucherAppUrl) == null ? void 0 : d.replace(/\/$/, ""), c = x(l);
+      return !e || !c ? "" : `${e}/c/${c}`;
+    }
+    function n(l) {
+      var d, s;
+      const e = (d = l.user) == null ? void 0 : d.toString(), c = (s = l.business) == null ? void 0 : s.toString();
+      return (l.balance || 0) > 0 && (!e || e === c);
+    }
+    async function z(l) {
+      const e = R(l);
+      e && await te(e, {
+        successMessage: "Collection link copied to clipboard"
+      });
+    }
+    const A = Ce(), U = D(
+      () => A.campaigns.voucher.find(
+        (l) => {
+          var e;
+          return ((e = l._id) == null ? void 0 : e.toString()) === F.value;
+        }
+      )
+    ), f = D(
+      () => !!U.value && !u(U.value)
+    ), _ = D(() => [
+      {
+        header: "ID/Code",
+        accessorKey: "_id",
+        cell(l) {
+          return h("div", { class: "flex items-center" }, [
+            h(X.FmIcon, {
+              name: "content_copy",
+              outline: !0,
+              size: "sm",
+              class: "cursor-pointer mr-4",
+              onClick: (e) => {
+                e.preventDefault(), e.stopPropagation(), te(
+                  l.row.original.code || l.row.original._id.toString()
+                );
+              }
+            }),
+            h(
+              "div",
+              { class: "pr-2 text-ellipsis overflow-hidden" },
+              l.row.original.code || l.row.original._id.toString()
+            )
+          ]);
+        }
+      },
+      {
+        header: "User",
+        accessorKey: "user",
+        enableSorting: !1,
+        cell(l) {
+          const e = l.row.original.pf_user;
+          return h(
+            "div",
+            {
+              class: "flex items-center gap-x-8"
+            },
+            [
+              h(X.FmAvatar, {
+                name: e != null && e.photoUrl || e == null ? void 0 : e.name,
+                src: (e == null ? void 0 : e.photoUrl) ?? void 0,
+                size: "sm"
+              }),
+              h("span", e == null ? void 0 : e.name)
+            ]
+          );
+        }
+      },
+      {
+        header: "Phone",
+        accessorFn: (l) => {
+          var e;
+          return ((e = l.pf_user) == null ? void 0 : e.phoneNumber) || "-";
+        },
+        accessorKey: "pf_user.phoneNumber"
+      },
+      {
+        header: "Balance",
+        accessorKey: "balance"
+      },
+      {
+        header: "Created at",
+        accessorKey: "_id",
+        accessorFn: (l) => E(oe(l._id.toString())).format("DD MMM YYYY")
+      },
+      {
+        header: "Nearest expired at",
+        accessorKey: "expiryBalance",
+        accessorFn: (l) => {
+          var e;
+          return l.expiryBalance && l.expiryBalance.length ? E((e = l.expiryBalance) == null ? void 0 : e[0].expiredAt).format("DD MMM YYYY") : "Never expires";
+        }
+      },
+      ...f.value ? [
+        {
+          header: "Actions",
+          accessorKey: "actions",
+          enableSorting: !1,
+          meta: {
+            maxWidth: "72px"
+          },
+          cell(l) {
+            return n(l.row.original) ? h("div", { class: "flex items-center justify-center" }, [
+              h(X.FmButton, {
+                icon: "share",
+                variant: "tertiary",
+                iconColor: "neutral-gray-400",
+                onClick: async (e) => {
+                  e.preventDefault(), e.stopPropagation(), await z(l.row.original);
+                }
+              })
+            ]) : h(
+              "div",
+              {
+                class: "flex items-center justify-center text-fm-color-typo-disabled"
+              },
+              "-"
+            );
+          }
+        }
+      ] : []
+    ]), K = {
+      "$connect-STORE_REWARD_COLLECTIONS": pe.readCollectionsByRewardId,
+      "$connect-CAMPAIGN_VOUCHER_COLLECTIONS": re.readCollectionsByCampaignId
+    }, N = (l) => {
+      const e = K[M.name];
+      return (c) => e(l, c);
+    }, { tableMeta: g, rowData: j, onSort: r, debouncedFetchData: t, onSearch: B } = he(N(F.value));
+    async function O() {
+      var l;
+      await t(), (l = P.value) == null || l.showSheet(!1);
+    }
+    async function H() {
+      k.value || $(
+        async () => {
+          var s;
+          const l = new we(), e = N(F.value), c = (await e({
+            limit: 1,
+            skip: 0,
+            sortBy: b.sortBy,
+            descending: b.descending
+          })).meta.totalResources ?? 0, d = b.rowsPerPage;
+          for (let S = 0; S < c; S += d) {
+            const G = {
+              ...b,
+              limit: d,
+              skip: b.page - 1,
+              sortBy: b.sortBy,
+              descending: b.descending
+            }, a = await e(G);
+            for await (const m of a.resources) {
+              const I = m.pf_user, se = {
+                "ID/Code": (m == null ? void 0 : m.code) || ((s = m._id) == null ? void 0 : s.toString()),
+                User: (I == null ? void 0 : I.name) || "-",
+                Phone: (I == null ? void 0 : I.phoneNumber) || "-",
+                Balance: (m == null ? void 0 : m.balance) || 0,
+                "Created at": E(
+                  oe(m._id.toString())
+                ).format("DD MMM YYYY"),
+                "Nearest expired at": m.expiryBalance && m.expiryBalance.length ? E(m.expiryBalance[0].expiredAt).format(
+                  "DD MMM YYYY"
+                ) : "Never expires",
+                Url: R(m)
+              };
+              l.addRecord(se);
+            }
+            b.page++;
+          }
+          await ve(
+            l.buildExcel(),
+            `vouchers-${(/* @__PURE__ */ new Date()).toISOString()}.xlsx`,
+            {
+              bookType: "xlsx",
+              bookSST: !1,
+              type: "array"
+            }
+          ), b.page = 1;
+        },
+        {
+          isLoading: k
+        }
+      );
+    }
+    return de(async () => {
+      await t();
+    }), (l, e) => {
+      const c = p("FmPageHead"), d = p("FmSearch");
+      return w(), T(L, null, [
+        i(c, {
+          title: "Collections",
+          "back-button": !0,
+          actions: [
+            { label: "Export", value: "export", isPrimary: !1 },
+            ...o(f) ? [
+              {
+                label: "Create collection",
+                value: "create",
+                isPrimary: !0
+              }
+            ] : []
+          ],
+          "onClick:back": e[0] || (e[0] = (s) => o(v).back()),
+          "onClick:action": e[1] || (e[1] = (s) => {
+            var S;
+            s === "create" && ((S = o(P)) == null || S.showSheet(!0)), s === "export" && H();
+          })
+        }, null, 8, ["actions"]),
+        V("div", ke, [
+          i(d, {
+            class: "hidden xs:!flex border-b border-fm-color-neutral-gray-100",
+            modelValue: o(g).searchValue,
+            "onUpdate:modelValue": [
+              e[2] || (e[2] = (s) => o(g).searchValue = s),
+              o(B)
+            ],
+            placeholder: "Search",
+            collapsible: ""
+          }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+          V("div", Ue, [
+            i(d, {
+              modelValue: o(g).searchValue,
+              "onUpdate:modelValue": [
+                e[3] || (e[3] = (s) => o(g).searchValue = s),
+                o(B)
+              ],
+              placeholder: "Search",
+              collapsible: ""
+            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+          ]),
+          i(be, {
+            loading: o(g).isLoading,
+            "row-data": o(j),
+            "column-defs": o(_),
+            "row-count": o(g).totalRows,
+            "page-count": o(g).pageCount,
+            "page-index": o(g).pageIndex,
+            "page-size": o(g).pageSize,
+            "shrink-at": !1,
+            onSortChange: o(r),
+            onPageChange: e[4] || (e[4] = (s) => o(t)({ pageSize: s.pageSize, pageIndex: s.pageIndex }))
+          }, null, 8, ["loading", "row-data", "column-defs", "row-count", "page-count", "page-index", "page-size", "onSortChange"]),
+          i(Ve, {
+            ref_key: "sheetRef",
+            ref: P,
+            onSuccess: O
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ke as default
+};