@feedmepos/mf-payment 1.11.22-dev → 1.12.0

package/dist/PayoutAccount-4ZI4Ik2p.js

@@ -1,405 +0,0 @@
-import { defineComponent as v, resolveComponent as g, openBlock as c, createElementBlock as A, createVNode as E, normalizeClass as $, withCtx as C, createElementVNode as d, toDisplayString as I, createCommentVNode as D, createBlock as b, ref as L, computed as P, h as N, onMounted as H, watch as Q, unref as f, Fragment as X } from "vue";
-import { defineStore as Z, storeToRefs as ee } from "pinia";
-import { p as S } from "./index-DWU5m3QZ.js";
-import { u as te, p as U } from "./index-B6SmnK1g.js";
-import { useI18n as j, useCoreStore as ae } from "@feedmepos/mf-common";
-import { m as ne, _ as se } from "./mascot-side-BE_abER6.js";
-import { useDialog as oe } from "@feedmepos/ui-library";
-import { _ as re } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
-import { A as ie, q as le, v as ue, e as ce } from "./app-Db-hwBve.js";
-import { a as G, P as V } from "./payout-account-BRzRptNv.js";
-function me() {
-  return {
-    businessPayoutAccounts: []
-  };
-}
-const pe = Z("mf-payment-payoutAccount", {
-  state: () => me(),
-  getters: {
-    getBusinessPayoutAccounts: (t) => t.businessPayoutAccounts
-  },
-  actions: {
-    async readBusinessPayoutAccounts(t) {
-      this.businessPayoutAccounts = await S.readBusinessPayoutAccounts(t);
-    },
-    async updateBusinessPayoutAccounts(t, n) {
-      await S.updateBusinessPayoutAccounts(t, n);
-    },
-    async createBusinessPayoutAccounts(t) {
-      const n = await S.createBusinessPayoutAccounts(t);
-      this.businessPayoutAccounts.push(n);
-    }
-  }
-}), de = { class: "flex flex-col gap-1" }, ye = {
-  key: 0,
-  class: "text-xs text-red-500"
-}, _e = /* @__PURE__ */ v({
-  __name: "Status",
-  props: {
-    row: {},
-    data: {}
-  },
-  setup(t) {
-    const n = t;
-    function s() {
-      return n.data === "NEW" ? "!w-[16px] !h-[16px] bg-yellow-400" : n.data === "PENDING" ? "!w-[16px] !h-[16px] bg-orange-400" : n.data === "REJECTED" ? "!w-[16px] !h-[16px] bg-red-500" : "!w-[16px] !h-[16px] bg-green-400";
-    }
-    return (m, p) => {
-      const l = g("FmBadge");
-      return c(), A("div", de, [
-        E(l, {
-          inline: "",
-          class: $(s())
-        }, {
-          default: C(() => [
-            d("div", null, I(t.data), 1)
-          ]),
-          _: 1
-        }, 8, ["class"]),
-        n.data === "REJECTED" && n.row.original.statusReason ? (c(), A("div", ye, I(n.row.original.statusReason), 1)) : D("", !0)
-      ]);
-    };
-  }
-}), ge = /* @__PURE__ */ v({
-  __name: "IsActive",
-  props: {
-    row: {},
-    data: {}
-  },
-  setup(t) {
-    const n = t;
-    function s() {
-      return n.data ? "#66BB6A" : "#EF5350";
-    }
-    function m() {
-      return n.data ? "check" : "close";
-    }
-    return (p, l) => {
-      const y = g("FmIcon");
-      return c(), b(y, {
-        name: m(),
-        color: s(),
-        size: "lg"
-      }, null, 8, ["name", "color"]);
-    };
-  }
-}), fe = /* @__PURE__ */ v({
-  __name: "Bank",
-  props: {
-    row: {},
-    data: {}
-  },
-  setup(t) {
-    function n(s) {
-      return s ? "!w-[16px] !h-[16px] bg-green-400" : "!w-[16px] !h-[16px] bg-red-400";
-    }
-    return (s, m) => {
-      const p = g("FmBadge"), l = g("FmListItem");
-      return c(), b(l, {
-        label: t.row.original.holderName,
-        sublabel: t.row.original.bankName + "  -  " + t.row.original.bankNumber,
-        clickable: !1,
-        tag: "label"
-      }, {
-        append: C(() => [
-          E(p, {
-            inline: "",
-            class: $(n(t.row.original.bankReady))
-          }, null, 8, ["class"])
-        ]),
-        _: 1
-      }, 8, ["label", "sublabel"]);
-    };
-  }
-}), be = /* @__PURE__ */ v({
-  __name: "PersonInCharge",
-  props: {
-    row: {},
-    data: {}
-  },
-  setup(t) {
-    function n(s) {
-      return s ? "!w-[16px] !h-[16px] bg-green-400" : "!w-[16px] !h-[16px] bg-red-400";
-    }
-    return (s, m) => {
-      const p = g("FmBadge"), l = g("FmListItem");
-      return c(), b(l, {
-        label: t.row.original.picName,
-        sublabel: t.row.original.picEmail + "  -  " + t.row.original.picPhone,
-        clickable: !1,
-        tag: "label"
-      }, {
-        append: C(() => [
-          E(p, {
-            inline: "",
-            class: $(n(t.row.original.picReady))
-          }, null, 8, ["class"])
-        ]),
-        _: 1
-      }, 8, ["label", "sublabel"]);
-    };
-  }
-}), ve = /* @__PURE__ */ v({
-  __name: "DisplayName",
-  props: {
-    row: {}
-  },
-  setup(t) {
-    return (n, s) => (c(), A("p", null, I(t.row.original.name) + " (" + I(t.row.original.regNo ?? "-") + ")", 1));
-  }
-}), we = /* @__PURE__ */ v({
-  __name: "PayoutAccountTable",
-  props: {
-    data: {
-      type: Array,
-      required: !0
-    },
-    loading: {
-      type: Boolean,
-      required: !0
-    }
-  },
-  emits: ["row-click"],
-  setup(t, { emit: n }) {
-    const { t: s } = j(), m = t, p = n, l = L(""), y = [
-      {
-        header: () => s("payment.payout_account.table.type"),
-        accessorKey: "event",
-        meta: {
-          maxWidth: "92px"
-        }
-      },
-      {
-        header: () => s("payment.payout_account.table.name"),
-        accessorKey: "name",
-        cell: ({ cell: e, row: o }) => N(ve, { row: o })
-      },
-      {
-        header: () => s("payment.payout_account.table.status"),
-        accessorKey: "status",
-        cell: ({ cell: e, row: o }) => N(_e, { row: o, data: e.getValue() }),
-        meta: {
-          maxWidth: "108px"
-        }
-      },
-      {
-        header: () => s("payment.payout_account.table.active"),
-        accessorKey: "isActive",
-        meta: {
-          maxWidth: "64px"
-        },
-        cell: ({ cell: e, row: o }) => N(ge, { row: o, data: e.getValue() })
-      },
-      {
-        header: () => s("payment.payout_account.table.bank"),
-        accessorKey: "bank",
-        cell: ({ cell: e, row: o }) => N(fe, { row: o, data: e.getValue() })
-      },
-      {
-        header: () => s("payment.payout_account.table.pic"),
-        accessorKey: "pic",
-        cell: ({ cell: e, row: o }) => N(be, { row: o, data: e.getValue() })
-      }
-    ], B = P(() => m.data.map((e) => {
-      const o = {
-        bankReady: !1,
-        bankNumber: "",
-        bankName: "",
-        holderName: ""
-      };
-      e.store.bank && e.store.bank.accountNumber && Object.assign(o, {
-        bankReady: !0,
-        bankNumber: e.store.bank.accountNumber,
-        bankName: e.store.bank.name,
-        holderName: e.store.bank.holderName
-      });
-      const _ = {
-        picReady: !1,
-        picName: "",
-        picPhone: "",
-        picEmail: ""
-      };
-      e.store.keyPerson && Object.assign(_, {
-        picReady: !0,
-        picName: e.store.keyPerson.name,
-        picPhone: e.store.keyPerson.phone,
-        picEmail: e.store.keyPerson.email
-      });
-      let u = e.store.companyName ?? e.ref.name;
-      return e.store.event === "ORDERING" && (u = e.ref.profile.name), {
-        _id: e._id,
-        event: e.store.event,
-        name: u,
-        regNo: e.store.regNo,
-        status: e.status,
-        statusReason: e.statusReason,
-        isActive: e.enable,
-        ...o,
-        ..._
-      };
-    }));
-    return (e, o) => {
-      const _ = g("FmTable");
-      return c(), b(_, {
-        modelValue: l.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (u) => l.value = u),
-        "row-data": B.value,
-        "shrink-at": !1,
-        "column-defs": y,
-        loading: m.loading,
-        onRowClick: o[1] || (o[1] = (u) => p("row-click", m.data.at(u.index)))
-      }, null, 8, ["modelValue", "row-data", "loading"]);
-    };
-  }
-}), he = {
-  key: 0,
-  class: "flex items-center justify-center min-h-[80vh]"
-}, xe = { class: "mr-6 lg:block lg:w-1/6" }, ke = ["src"], Ne = { class: "w-full max-w-lg text-left" }, Pe = { class: "py-4" }, Ae = { class: "flex justify-end items-center mb-6" }, Ee = { class: "flex space-x-4 items-center flex-1" }, Be = { class: "flex space-x-4 items-center" }, Ke = /* @__PURE__ */ v({
-  __name: "PayoutAccount",
-  setup(t) {
-    const { currentBusiness: n, restaurants: s, sessionUser: m } = ae(), { isLoading: p, startAsyncCall: l } = te(!0), { t: y } = j(), B = L("");
-    let e;
-    const o = oe(), _ = pe(), { getBusinessPayoutAccounts: u } = ee(_), M = P(() => {
-      var a;
-      return ie(
-        [
-          {
-            subject: ue.payment_payoutAccount,
-            action: le.manage
-          }
-        ],
-        ((a = m.value) == null ? void 0 : a.permissions) ?? []
-      );
-    }), F = P(() => s.value.filter(
-      (a) => u.value.findIndex((r) => r.store.id === a._id) === -1
-    ).map((a) => ({ label: a.profile.name, value: a._id }))), W = P(() => {
-      var a, r;
-      return [
-        { label: (a = n.value) == null ? void 0 : a.name, value: (r = n.value) == null ? void 0 : r._id }
-      ];
-    }), q = P(() => F.value.length > 0 || !u.value.find((a) => a.store.event === "MARKETING"));
-    async function O(a) {
-      var K;
-      const r = (a == null ? void 0 : a.businessId) ?? ((K = n.value) == null ? void 0 : K._id);
-      if (!r) throw "Business id required";
-      const h = G.initPayoutAccount(r, a), w = !a;
-      let x = !1;
-      a && (x = a.status === "NEW" || a.status === "REJECTED");
-      const k = {
-        initialValue: { payoutSetting: h },
-        isNewAccount: w,
-        isUpdateAccount: x,
-        bankNameOptions: V.bankNameOptions(),
-        bankTypeOptions: V.bankTypeOptions(),
-        storeEventOptions: V.storeEventOptions(),
-        restaurantOptions: w ? F.value : s.value.map((i) => ({ label: i.profile.name, value: i._id })),
-        businessOptions: W.value
-      };
-      w && (F.value.length === 0 && (k.storeEventOptions = k.storeEventOptions.filter(
-        (i) => i.value !== "ORDERING"
-      )), u.value.find((i) => i.store.event === "MARKETING") && (k.storeEventOptions = k.storeEventOptions.filter(
-        (i) => i.value !== "MARKETING"
-      )));
-      const Y = o.open({
-        title: y(w || x ? "payment.payout_account.dialog.title" : "payment.payout_account.dialog.view_title"),
-        closeButton: !0,
-        overlay: !0,
-        contentComponent: se,
-        contentComponentProps: k
-      }), z = async function(i) {
-        o.close(), l(async () => {
-          const T = await G.mergeData(
-            {
-              businessId: i.payoutSetting.store.event === U.F_PAYOUT_FOR.Enum.MARKETING ? i.payoutSetting.store.id : void 0,
-              restaurantId: i.payoutSetting.store.event === U.F_PAYOUT_FOR.Enum.ORDERING ? i.payoutSetting.store.id : void 0
-            },
-            h,
-            i
-          );
-          a ? await _.updateBusinessPayoutAccounts(
-            T._id,
-            T
-          ) : await _.createBusinessPayoutAccounts({
-            ...T,
-            methods: void 0,
-            status: ce.F_PAYOUT_ACCOUNT_STATUS.Enum.PENDING
-          }), await R();
-        });
-      };
-      Y.onPrimary(z);
-    }
-    async function R(a) {
-      await l(async () => {
-        await _.readBusinessPayoutAccounts(a);
-      });
-    }
-    function J(a) {
-      clearTimeout(e), e = setTimeout(() => R(a || void 0), 500);
-    }
-    return H(() => R()), Q(n, () => R()), (a, r) => {
-      const h = g("FmButton"), w = g("FmSearch");
-      return c(), b(re, {
-        title: f(y)("payment.payout_account.title"),
-        description: f(y)("payment.payout_account.description"),
-        loading: f(p)
-      }, {
-        default: C(() => [
-          f(u).length ? (c(), A(X, { key: 1 }, [
-            d("div", Ae, [
-              d("div", Ee, [
-                E(w, {
-                  modelValue: B.value,
-                  "onUpdate:modelValue": [
-                    r[1] || (r[1] = (x) => B.value = x),
-                    J
-                  ],
-                  class: "w-[280px]",
-                  placeholder: "Search by restaurant name..."
-                }, null, 8, ["modelValue"])
-              ]),
-              d("div", Be, [
-                q.value ? (c(), b(h, {
-                  key: 0,
-                  "prepend-icon": "manage_accounts",
-                  variant: "primary",
-                  label: f(y)("payment.payout_account.button.apply"),
-                  onClick: r[2] || (r[2] = () => O())
-                }, null, 8, ["label"])) : D("", !0)
-              ])
-            ]),
-            E(we, {
-              loading: f(p),
-              data: f(u),
-              onRowClick: O
-            }, null, 8, ["loading", "data"])
-          ], 64)) : (c(), A("div", he, [
-            d("div", xe, [
-              d("img", {
-                src: f(ne),
-                alt: "mascot",
-                class: "w-full h-auto"
-              }, null, 8, ke)
-            ]),
-            d("div", Ne, [
-              r[3] || (r[3] = d("h1", { class: "text-2xl font-bold mb-2" }, " Welcome! It looks like you haven't set up a payout account yet. ", -1)),
-              r[4] || (r[4] = d("p", { class: "mb-2 mt-1" }, " Let's get you started—apply now and enjoy seamless payouts! ", -1)),
-              d("div", Pe, [
-                M.value ? (c(), b(h, {
-                  key: 0,
-                  "prepend-icon": "manage_accounts",
-                  variant: "primary",
-                  label: "Apply Now",
-                  onClick: r[0] || (r[0] = () => O())
-                })) : D("", !0)
-              ])
-            ])
-          ]))
-        ]),
-        _: 1
-      }, 8, ["title", "description", "loading"]);
-    };
-  }
-});
-export {
-  Ke as default
-};