@feedmepos/mf-payment 1.7.5 → 1.7.6

package/dist/PayoutAccountSetting-Bhg_rRvI.js

@@ -0,0 +1,1943 @@
+import { defineComponent as M, ref as U, resolveComponent as y, openBlock as g, createElementBlock as G, Fragment as K, createElementVNode as s, createVNode as o, withCtx as k, createTextVNode as _, toDisplayString as q, unref as i, createBlock as w, createCommentVNode as E, reactive as ye, watch as le, computed as L, isRef as ae, h as J, onMounted as me, resolveDynamicComponent as ue, normalizeProps as se, mergeProps as re } from "vue";
+import { p as Y } from "./index-DO4-_8Af.js";
+import { u as ne, e as O } from "./index-Da6Yh4Gu.js";
+import { _ as be } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
+import { useRouter as ve } from "vue-router";
+import { u as oe } from "./index-CfsmsUeJ.js";
+import { _ as Q, P as ee } from "./DocumentViewer.vue_vue_type_script_setup_true_lang-jTkg_too.js";
+import { h as fe } from "./moment-h96o7c8I.js";
+import { d as te } from "./index-yLXt4lrZ.js";
+import { useSnackbar as W, useDialogChild as ge, useDialog as de, components as Fe } from "@feedmepos/ui-library";
+import { u as Z } from "./error-K1CakhA9.js";
+import { P as xe } from "./payout-account-DDudWzkA.js";
+import { s as X, o as ke, z as N, a as h } from "./validator-CTlVogBQ.js";
+import { _ as we } from "./TextInputDialog.vue_vue_type_script_setup_true_lang-C3AeZqwO.js";
+import { useCoreStore as pe } from "@feedmepos/mf-common";
+const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se = { class: "flex justify-between items-center mb-6" }, Ne = { class: "flex gap-4" }, Ce = { class: "flex gap-4 mt-4" }, Ue = /* @__PURE__ */ M({
+  __name: "Information",
+  props: {
+    payoutAccount: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(a) {
+    const l = a, e = W(), v = U(!1), u = U(!1), t = U(), c = U(""), F = (d) => {
+      const n = new FileReader();
+      return new Promise((S) => {
+        n.onload = (A) => {
+          var C;
+          return S((C = A.target) == null ? void 0 : C.result);
+        }, n.readAsDataURL(d);
+      });
+    }, f = async (d) => {
+      t.value = d, c.value = d ? await F(d) : "";
+    }, m = () => {
+      u.value = !1, t.value = void 0, c.value = "";
+    }, b = () => {
+      t.value = void 0, c.value = "";
+    }, r = async (d) => {
+      var S;
+      const n = l.payoutAccount.businessId || l.payoutAccount.store.id;
+      return ((S = l.payoutAccount.store) == null ? void 0 : S.event) === "ORDERING" ? await te.adminUpload(
+        `restaurant/${l.payoutAccount.store.id}/exterior/photo`,
+        d,
+        n,
+        l.payoutAccount.store.id
+      ) : await te.adminUpload(
+        `business/${n}/exterior/photo`,
+        d,
+        n,
+        void 0
+      );
+    }, p = async () => {
+      if (t.value)
+        try {
+          v.value = !0;
+          const d = await r(t.value), n = {
+            ...l.payoutAccount,
+            store: {
+              ...l.payoutAccount.store,
+              exteriorPhoto: d
+            }
+          };
+          await l.onUpdate(n), u.value = !1, t.value = void 0, c.value = "", e.open({ type: "success", title: "Exterior photo updated successfully" });
+        } catch (d) {
+          e.open({ type: "error", title: "Failed to update exterior photo", message: Z(d) });
+        } finally {
+          v.value = !1;
+        }
+    };
+    return (d, n) => {
+      var T, V, x, $;
+      const S = y("FmCardHeader"), A = y("FmCardSection"), C = y("FmCard"), I = y("FmButton"), D = y("FmDropField");
+      return g(), G(K, null, [
+        s("div", Ve, [
+          o(C, {
+            horizontal: "",
+            class: "flex-1 p-6",
+            variant: "elevated"
+          }, {
+            default: k(() => [
+              o(A, { class: "flex flex-col gap-16 justify-between" }, {
+                default: k(() => [
+                  o(S, {
+                    class: "p-0",
+                    title: "Account Info",
+                    subtitle: ""
+                  }),
+                  o(A, { class: "p-0" }, {
+                    default: k(() => {
+                      var B, R, j, H, z;
+                      return [
+                        n[1] || (n[1] = s("b", null, "For", -1)),
+                        _(": " + q((R = (B = a.payoutAccount) == null ? void 0 : B.store) == null ? void 0 : R.event) + " ", 1),
+                        n[2] || (n[2] = s("br", null, null, -1)),
+                        n[3] || (n[3] = s("b", null, "Reference", -1)),
+                        _(": " + q((H = (j = a.payoutAccount) == null ? void 0 : j.store) == null ? void 0 : H.id), 1),
+                        n[4] || (n[4] = s("br", null, null, -1)),
+                        n[5] || (n[5] = s("b", null, "Business", -1)),
+                        _(": " + q((z = a.payoutAccount) == null ? void 0 : z.businessId), 1),
+                        n[6] || (n[6] = s("br", null, null, -1))
+                      ];
+                    }),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          o(C, {
+            horizontal: "",
+            class: "flex-1 p-6",
+            variant: "elevated"
+          }, {
+            default: k(() => [
+              o(A, { class: "flex flex-col gap-16 justify-between" }, {
+                default: k(() => [
+                  o(S, {
+                    class: "p-0",
+                    title: "Key Person",
+                    subtitle: ""
+                  }),
+                  o(A, { class: "p-0" }, {
+                    default: k(() => {
+                      var B, R, j, H, z, P, ie, ce;
+                      return [
+                        n[7] || (n[7] = s("b", null, "Email", -1)),
+                        _(": " + q((j = (R = (B = a.payoutAccount) == null ? void 0 : B.store) == null ? void 0 : R.keyPerson) == null ? void 0 : j.email) + " ", 1),
+                        n[8] || (n[8] = s("br", null, null, -1)),
+                        n[9] || (n[9] = s("b", null, "Name", -1)),
+                        _(": " + q((P = (z = (H = a.payoutAccount) == null ? void 0 : H.store) == null ? void 0 : z.keyPerson) == null ? void 0 : P.name), 1),
+                        n[10] || (n[10] = s("br", null, null, -1)),
+                        n[11] || (n[11] = s("b", null, "Phone", -1)),
+                        _(": " + q((ce = (ie = a.payoutAccount) == null ? void 0 : ie.store.keyPerson) == null ? void 0 : ce.phone), 1),
+                        n[12] || (n[12] = s("br", null, null, -1))
+                      ];
+                    }),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        s("div", Ae, [
+          o(C, {
+            horizontal: "",
+            class: "flex-1 p-6",
+            variant: "elevated"
+          }, {
+            default: k(() => [
+              o(A, { class: "flex flex-col gap-16 justify-between" }, {
+                default: k(() => [
+                  o(S, {
+                    class: "p-0",
+                    title: "Status Info",
+                    subtitle: ""
+                  }),
+                  o(A, { class: "p-0" }, {
+                    default: k(() => {
+                      var B, R, j;
+                      return [
+                        n[13] || (n[13] = s("b", null, "Submission Date", -1)),
+                        _(": " + q((B = a.payoutAccount) != null && B.submissionDate ? i(fe)(a.payoutAccount.submissionDate).format(
+                          "YYYY-MM-DD HH:mm:ss"
+                        ) : "—"), 1),
+                        n[14] || (n[14] = s("br", null, null, -1)),
+                        n[15] || (n[15] = s("b", null, "Status By", -1)),
+                        _(": " + q(((R = a.payoutAccount) == null ? void 0 : R.statusBy) ?? "—"), 1),
+                        n[16] || (n[16] = s("br", null, null, -1)),
+                        n[17] || (n[17] = s("b", null, "Status Reason", -1)),
+                        _(": " + q(((j = a.payoutAccount) == null ? void 0 : j.statusReason) ?? "—"), 1),
+                        n[18] || (n[18] = s("br", null, null, -1))
+                      ];
+                    }),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        s("div", Se, [
+          n[19] || (n[19] = s("p", { class: "fm-typo-en-body-lg-600" }, "Exterior Photo", -1)),
+          s("div", Ne, [
+            u.value ? (g(), w(I, {
+              key: 0,
+              variant: "tertiary",
+              label: "Cancel",
+              onClick: m
+            })) : E("", !0),
+            u.value ? E("", !0) : (g(), w(I, {
+              key: 1,
+              variant: "primary",
+              label: "Edit Exterior Photo",
+              onClick: n[0] || (n[0] = (B) => u.value = !0)
+            }))
+          ])
+        ]),
+        u.value ? (g(), G(K, { key: 0 }, [
+          c.value ? (g(), G(K, { key: 0 }, [
+            o(Q, {
+              document: c.value,
+              "business-id": a.payoutAccount.businessId,
+              "restaurant-id": ((V = (T = a.payoutAccount) == null ? void 0 : T.store) == null ? void 0 : V.event) === "ORDERING" ? a.payoutAccount.store.id : void 0
+            }, null, 8, ["document", "business-id", "restaurant-id"]),
+            s("div", Ce, [
+              o(I, {
+                variant: "tertiary",
+                label: "Remove",
+                size: "md",
+                "prepend-icon": "delete",
+                onClick: b
+              }),
+              o(I, {
+                variant: "primary",
+                label: "Save",
+                size: "md",
+                loading: v.value,
+                onClick: p
+              }, null, 8, ["loading"])
+            ])
+          ], 64)) : (g(), w(D, {
+            key: 1,
+            class: "h-[300px] w-full",
+            accept: ".png,.jpg,.jpeg,.webp,.pdf",
+            onFileUpload: f
+          }))
+        ], 64)) : (g(), w(Q, {
+          key: 1,
+          document: a.payoutAccount.store.exteriorPhoto,
+          "business-id": a.payoutAccount.businessId,
+          "restaurant-id": (($ = (x = a.payoutAccount) == null ? void 0 : x.store) == null ? void 0 : $.event) === "ORDERING" ? a.payoutAccount.store.id : void 0
+        }, null, 8, ["document", "business-id", "restaurant-id"]))
+      ], 64);
+    };
+  }
+}), Ie = { class: "flex flex-col gap-8" }, he = { class: "flex flex-col gap-8" }, De = { class: "flex justify-end mb-2" }, Re = /* @__PURE__ */ M({
+  __name: "SettlementEditDialog",
+  props: {
+    initialValue: {
+      type: Object,
+      required: !0
+    },
+    bankNameOptions: {
+      type: Array,
+      required: !0
+    },
+    businessId: {
+      type: String,
+      required: !0
+    },
+    restaurantId: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(a) {
+    const l = a, { emitAction: e, emitData: v } = ge(), u = ye({
+      companyName: l.initialValue.companyName,
+      regNo: l.initialValue.regNo,
+      bankName: l.initialValue.bankName,
+      bankHolderName: l.initialValue.bankHolderName,
+      bankAccountNumber: l.initialValue.bankAccountNumber,
+      ssm: l.initialValue.ssm,
+      bankStatement: l.initialValue.bankStatement
+    }), t = U(), c = U(), F = U(u.ssm ?? ""), f = U(u.bankStatement ?? ""), m = X().trim().min(1, "Company name is required"), b = X().trim().min(1, "Registration number is required"), r = X().trim().min(1, "Bank name is required"), p = X().trim().min(1, "Bank holder name is required"), d = X().trim().min(1, "Bank account number is required"), n = ke({
+      companyName: m,
+      regNo: b,
+      bankName: r,
+      bankHolderName: p,
+      bankAccountNumber: d
+    }), S = () => {
+      const V = n.safeParse(u);
+      V.success && (v({
+        ...V.data,
+        ssm: u.ssm,
+        bankStatement: u.bankStatement,
+        newSSM: t.value,
+        newBankStatement: c.value
+      }), e("primary"));
+    };
+    async function A(V) {
+      const x = new FileReader();
+      return new Promise(($) => {
+        x.onload = (B) => {
+          var R;
+          $((R = B.target) == null ? void 0 : R.result);
+        }, x.readAsDataURL(V);
+      });
+    }
+    const C = async (V) => {
+      t.value = V, F.value = V ? await A(V) : "";
+    }, I = async (V) => {
+      c.value = V, f.value = V ? await A(V) : "";
+    }, D = () => {
+      t.value = void 0, F.value = "";
+    }, T = () => {
+      c.value = void 0, f.value = "";
+    };
+    return (V, x) => {
+      const $ = y("FmTextField"), B = y("FmSelect"), R = y("FmButton"), j = y("FmFormGroup"), H = y("FmDropField"), z = y("FmForm");
+      return g(), w(z, {
+        class: "flex flex-col gap-16",
+        onValidationSuccess: S
+      }, {
+        default: k(() => [
+          x[9] || (x[9] = s("div", { class: "flex items-center my-2" }, [
+            s("hr", { class: "w-[80px] border-t border-gray-300" }),
+            s("span", { class: "text-left mx-6 text-gray-500" }, "Account"),
+            s("hr", { class: "flex-grow border-t border-gray-300" })
+          ], -1)),
+          o($, {
+            modelValue: u.regNo,
+            "onUpdate:modelValue": x[0] || (x[0] = (P) => u.regNo = P),
+            label: "Registration Number",
+            "label-mark": "required",
+            "helper-text": "Registration Number must match uploaded SSM registration number.",
+            rules: i(N)(i(b)),
+            autofocus: ""
+          }, null, 8, ["modelValue", "rules"]),
+          o($, {
+            modelValue: u.companyName,
+            "onUpdate:modelValue": x[1] || (x[1] = (P) => u.companyName = P),
+            label: "Company Name",
+            "label-mark": "required",
+            "helper-text": "Company Name must match uploaded SSM registration name.",
+            rules: i(N)(i(m))
+          }, null, 8, ["modelValue", "rules"]),
+          x[10] || (x[10] = s("div", { class: "flex items-center my-2" }, [
+            s("hr", { class: "w-[80px] border-t border-gray-300" }),
+            s("span", { class: "text-left mx-6 text-gray-500" }, "Bank"),
+            s("hr", { class: "flex-grow border-t border-gray-300" })
+          ], -1)),
+          o(B, {
+            modelValue: u.bankName,
+            "onUpdate:modelValue": x[2] || (x[2] = (P) => u.bankName = P),
+            label: "Bank",
+            "label-mark": "required",
+            items: l.bankNameOptions,
+            rules: i(N)(i(r))
+          }, null, 8, ["modelValue", "items", "rules"]),
+          o($, {
+            modelValue: u.bankHolderName,
+            "onUpdate:modelValue": x[3] || (x[3] = (P) => u.bankHolderName = P),
+            label: "Bank Holder",
+            "label-mark": "required",
+            rules: i(N)(i(p))
+          }, null, 8, ["modelValue", "rules"]),
+          o($, {
+            modelValue: u.bankAccountNumber,
+            "onUpdate:modelValue": x[4] || (x[4] = (P) => u.bankAccountNumber = P),
+            label: "Bank Account Number",
+            "label-mark": "required",
+            type: "number",
+            rules: i(N)(i(d))
+          }, null, 8, ["modelValue", "rules"]),
+          x[11] || (x[11] = s("div", { class: "flex items-center my-2" }, [
+            s("hr", { class: "w-[80px] border-t border-gray-300" }),
+            s("span", { class: "text-left mx-6 text-gray-500" }, "Document"),
+            s("hr", { class: "flex-grow border-t border-gray-300" })
+          ], -1)),
+          s("div", Ie, [
+            x[7] || (x[7] = s("p", { class: "fm-typo-en-body-md-500" }, "SSM (PDF)", -1)),
+            F.value ? (g(), w(j, {
+              key: 0,
+              modelValue: F.value,
+              "onUpdate:modelValue": x[5] || (x[5] = (P) => F.value = P),
+              label: "SSM"
+            }, {
+              default: k(() => [
+                o(Q, {
+                  document: F.value,
+                  "business-id": a.businessId,
+                  "restaurant-id": a.restaurantId
+                }, {
+                  default: k(({ src: P }) => [
+                    o(ee, {
+                      height: 300,
+                      pdf: P,
+                      "disable-text-layer": !0,
+                      "disable-annotation-layer": !0
+                    }, null, 8, ["pdf"])
+                  ]),
+                  _: 1
+                }, 8, ["document", "business-id", "restaurant-id"]),
+                o(R, {
+                  type: "button",
+                  variant: "tertiary",
+                  label: "Remove",
+                  size: "md",
+                  "prepend-icon": "delete",
+                  onClick: D
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])) : (g(), w(H, {
+              key: 1,
+              accept: ".pdf",
+              onFileUpload: C
+            }))
+          ]),
+          s("div", he, [
+            x[8] || (x[8] = s("p", { class: "fm-typo-en-body-md-500" }, "Bank Statement (PDF)", -1)),
+            f.value ? (g(), w(j, {
+              key: 0,
+              modelValue: f.value,
+              "onUpdate:modelValue": x[6] || (x[6] = (P) => f.value = P),
+              label: "Bank Statement"
+            }, {
+              default: k(() => [
+                o(Q, {
+                  document: f.value,
+                  "business-id": a.businessId,
+                  "restaurant-id": a.restaurantId
+                }, {
+                  default: k(({ src: P }) => [
+                    o(ee, {
+                      height: 300,
+                      pdf: P,
+                      "disable-text-layer": !0,
+                      "disable-annotation-layer": !0
+                    }, null, 8, ["pdf"])
+                  ]),
+                  _: 1
+                }, 8, ["document", "business-id", "restaurant-id"]),
+                o(R, {
+                  type: "button",
+                  variant: "tertiary",
+                  label: "Remove",
+                  size: "md",
+                  "prepend-icon": "delete",
+                  onClick: T
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])) : (g(), w(H, {
+              key: 1,
+              accept: ".pdf",
+              onFileUpload: I
+            }))
+          ]),
+          s("div", De, [
+            o(R, {
+              type: "submit",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Te = { class: "flex justify-end mb-6" }, Pe = { class: "flex gap-16 mb-6" }, Me = { class: "flex gap-16" }, Be = { class: "flex-1" }, _e = { class: "flex-1" }, Ee = /* @__PURE__ */ M({
+  __name: "Settlement",
+  props: {
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    payoutAccount: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(a) {
+    const l = a, e = U(!1), v = de(), u = W(), t = xe.bankNameOptions(), c = () => {
+      var b, r, p, d, n, S, A, C, I, D;
+      return {
+        companyName: ((b = l.payoutAccount.store) == null ? void 0 : b.companyName) ?? "",
+        regNo: ((r = l.payoutAccount.store) == null ? void 0 : r.regNo) ?? "",
+        bankName: ((d = (p = l.payoutAccount.store) == null ? void 0 : p.bank) == null ? void 0 : d.name) ?? "",
+        bankHolderName: ((S = (n = l.payoutAccount.store) == null ? void 0 : n.bank) == null ? void 0 : S.holderName) ?? "",
+        bankAccountNumber: ((C = (A = l.payoutAccount.store) == null ? void 0 : A.bank) == null ? void 0 : C.accountNumber) ?? "",
+        ssm: ((I = l.payoutAccount.store) == null ? void 0 : I.ssm) ?? "",
+        bankStatement: ((D = l.payoutAccount.store) == null ? void 0 : D.bankStatement) ?? ""
+      };
+    }, F = async (b, r) => {
+      var n;
+      const p = (/* @__PURE__ */ new Date()).toISOString();
+      if (((n = l.payoutAccount.store) == null ? void 0 : n.event) === "ORDERING")
+        return await te.adminUpload(
+          `restaurant/${l.payoutAccount.store.id}/documents/${b}/${p}.pdf`,
+          r,
+          l.payoutAccount.businessId,
+          l.payoutAccount.store.id
+        );
+      const d = l.payoutAccount.businessId || l.payoutAccount.store.id;
+      return await te.adminUpload(
+        `business/${d}/documents/${b}/${p}.pdf`,
+        r,
+        d,
+        void 0
+      );
+    }, f = async (b) => {
+      if (!l.payoutAccount.store) return;
+      let r = l.payoutAccount.store.ssm;
+      b.newSSM && (r = await F("ssm", b.newSSM));
+      let p = l.payoutAccount.store.bankStatement;
+      b.newBankStatement && (p = await F(
+        "bankStatement",
+        b.newBankStatement
+      ));
+      const d = {
+        ...l.payoutAccount,
+        store: {
+          ...l.payoutAccount.store,
+          companyName: b.companyName,
+          regNo: b.regNo,
+          bank: {
+            ...l.payoutAccount.store.bank ?? {},
+            name: b.bankName,
+            holderName: b.bankHolderName,
+            accountNumber: b.bankAccountNumber
+          },
+          ssm: r,
+          bankStatement: p
+        }
+      };
+      try {
+        e.value = !0, await l.onUpdate(d), u.open({
+          type: "success",
+          title: "Settlement info updated successfully"
+        }), v.close();
+      } catch (n) {
+        u.open({
+          type: "error",
+          title: "Failed to update settlement info",
+          message: Z(n)
+        });
+      } finally {
+        e.value = !1;
+      }
+    }, m = () => {
+      var b;
+      v.close(), v.open({
+        title: "Edit Settlement Info",
+        closeButton: !0,
+        overlay: !0,
+        contentComponent: Re,
+        contentComponentProps: {
+          initialValue: c(),
+          bankNameOptions: t,
+          businessId: l.payoutAccount.businessId,
+          restaurantId: ((b = l.payoutAccount.store) == null ? void 0 : b.event) === "ORDERING" ? l.payoutAccount.store.id : void 0
+        }
+      }).onPrimary((r) => {
+        f(r);
+      });
+    };
+    return (b, r) => {
+      var A, C, I, D;
+      const p = y("FmButton"), d = y("FmCardHeader"), n = y("FmCardSection"), S = y("FmCard");
+      return g(), G(K, null, [
+        s("div", Te, [
+          o(p, {
+            variant: "primary",
+            label: "Edit Settlement Info",
+            loading: e.value,
+            onclick: m
+          }, null, 8, ["loading"])
+        ]),
+        s("div", Pe, [
+          o(S, {
+            horizontal: "",
+            class: "flex-1 p-6",
+            variant: "elevated"
+          }, {
+            default: k(() => [
+              o(n, { class: "flex flex-col gap-16 justify-between" }, {
+                default: k(() => [
+                  o(d, {
+                    class: "p-0",
+                    title: "Company Info",
+                    subtitle: ""
+                  }),
+                  o(n, { class: "p-0" }, {
+                    default: k(() => {
+                      var T, V;
+                      return [
+                        r[0] || (r[0] = s("b", null, "Name", -1)),
+                        _(": " + q((T = a.payoutAccount) == null ? void 0 : T.store.companyName), 1),
+                        r[1] || (r[1] = s("br", null, null, -1)),
+                        r[2] || (r[2] = s("b", null, "Registration Number", -1)),
+                        _(": " + q((V = a.payoutAccount) == null ? void 0 : V.store.regNo), 1),
+                        r[3] || (r[3] = s("br", null, null, -1))
+                      ];
+                    }),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          o(S, {
+            horizontal: "",
+            class: "flex-1 p-6",
+            variant: "elevated"
+          }, {
+            default: k(() => [
+              o(n, { class: "flex flex-col gap-16 justify-between" }, {
+                default: k(() => [
+                  o(d, {
+                    class: "p-0",
+                    title: "Bank Info",
+                    subtitle: ""
+                  }),
+                  o(n, { class: "p-0" }, {
+                    default: k(() => {
+                      var T, V, x, $, B, R;
+                      return [
+                        r[4] || (r[4] = s("b", null, "Bank", -1)),
+                        _(": " + q((V = (T = a.payoutAccount) == null ? void 0 : T.store.bank) == null ? void 0 : V.name), 1),
+                        r[5] || (r[5] = s("br", null, null, -1)),
+                        r[6] || (r[6] = s("b", null, "Name", -1)),
+                        _(": " + q(($ = (x = a.payoutAccount) == null ? void 0 : x.store.bank) == null ? void 0 : $.holderName), 1),
+                        r[7] || (r[7] = s("br", null, null, -1)),
+                        r[8] || (r[8] = s("b", null, "Number", -1)),
+                        _(": " + q((R = (B = a.payoutAccount) == null ? void 0 : B.store.bank) == null ? void 0 : R.accountNumber), 1)
+                      ];
+                    }),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        s("div", Me, [
+          s("div", Be, [
+            r[9] || (r[9] = s("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "SSM", -1)),
+            o(Q, {
+              "business-id": a.payoutAccount.businessId,
+              "restaurant-id": ((C = (A = a.payoutAccount) == null ? void 0 : A.store) == null ? void 0 : C.event) === "ORDERING" ? a.payoutAccount.store.id : void 0,
+              document: a.payoutAccount.store.ssm
+            }, {
+              default: k(({ src: T }) => [
+                o(ee, {
+                  pdf: T,
+                  "disable-text-layer": !0,
+                  "disable-annotation-layer": !0
+                }, null, 8, ["pdf"])
+              ]),
+              _: 1
+            }, 8, ["business-id", "restaurant-id", "document"])
+          ]),
+          s("div", _e, [
+            r[10] || (r[10] = s("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "Bank Statement", -1)),
+            o(Q, {
+              "business-id": a.payoutAccount.businessId,
+              "restaurant-id": ((D = (I = a.payoutAccount) == null ? void 0 : I.store) == null ? void 0 : D.event) === "ORDERING" ? a.payoutAccount.store.id : void 0,
+              document: a.payoutAccount.store.bankStatement
+            }, {
+              default: k(({ src: T }) => [
+                o(ee, {
+                  pdf: T,
+                  "disable-text-layer": !0,
+                  "disable-annotation-layer": !0
+                }, null, 8, ["pdf"])
+              ]),
+              _: 1
+            }, 8, ["business-id", "restaurant-id", "document"])
+          ])
+        ])
+      ], 64);
+    };
+  }
+}), $e = /* @__PURE__ */ M({
+  __name: "RateInput",
+  props: {
+    data: {},
+    onChange: { type: Function }
+  },
+  setup(a) {
+    const l = a, e = U(l.data.toString());
+    return le(e, (v) => {
+      l.onChange(parseFloat(v));
+    }), (v, u) => {
+      const t = y("FmTextField");
+      return g(), w(t, {
+        inputmode: "decimal",
+        modelValue: e.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => e.value = c)
+      }, {
+        append: k(() => [...u[1] || (u[1] = [
+          _("%", -1)
+        ])]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), qe = /* @__PURE__ */ M({
+  __name: "TPlusInput",
+  props: {
+    data: {},
+    onChange: { type: Function }
+  },
+  setup(a) {
+    const l = a, e = U(l.data.toString());
+    return le(e, (v) => {
+      l.onChange(parseInt(v));
+    }), (v, u) => {
+      const t = y("FmTextField");
+      return g(), w(t, {
+        inputmode: "numeric",
+        modelValue: e.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => e.value = c)
+      }, null, 8, ["modelValue"]);
+    };
+  }
+}), Oe = /* @__PURE__ */ M({
+  __name: "MinimumFeeInput",
+  props: {
+    data: {},
+    onChange: { type: Function }
+  },
+  setup(a) {
+    const l = a, e = U(l.data.toString());
+    return le(e, (v) => {
+      l.onChange(parseFloat(v));
+    }), (v, u) => {
+      const t = y("FmTextField");
+      return g(), w(t, {
+        inputmode: "numeric",
+        modelValue: e.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => e.value = c)
+      }, {
+        prepend: k(() => [...u[1] || (u[1] = [
+          _("$", -1)
+        ])]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Ge = { class: "flex gap-16 mt-6" }, je = { class: "flex-1" }, Ke = { class: "flex-1" }, Ye = { class: "my-6 w-full flex justify-end" }, He = { class: "w-[320px]" }, ze = /* @__PURE__ */ M({
+  __name: "PaymentStatus",
+  props: {
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    payoutAccount: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(a) {
+    const l = a, e = U(!1), v = W(), u = de(), t = async (r) => {
+      try {
+        e.value = !0, await l.onUpdate(r), v.open({
+          type: "success",
+          title: "Payout account update succesfully"
+        });
+      } catch (p) {
+        v.open({
+          type: "error",
+          title: "Error occurs when updating payout account",
+          message: Z(p)
+        });
+      } finally {
+        e.value = !1;
+      }
+    }, c = async () => {
+      u.close(), u.open({
+        title: "Rejection Reason",
+        closeButton: !0,
+        overlay: !0,
+        contentComponent: we,
+        contentComponentProps: {
+          label: "Reason",
+          selectableReasons: [
+            {
+              label: "Incorrect Exterior Photo.",
+              value: "Incorrect Exterior Photo."
+            },
+            {
+              label: "The bank statement provided is unclear.",
+              value: "The bank statement provided is unclear."
+            },
+            {
+              label: "The exterior photo provided is unclear.",
+              value: "The exterior photo provided is unclear."
+            },
+            {
+              label: "Bank Account Name Mismatch with SSM Registration Name.",
+              value: "Bank Account Name Mismatch with SSM Registration Name."
+            },
+            {
+              label: 'Mismatch SSM with Signboard "Dimiliki Oleh"',
+              value: 'Mismatch SSM with Signboard "Dimiliki Oleh"'
+            },
+            {
+              label: "Mismatch Company Info with SSM Document",
+              value: "Mismatch Company Info with SSM Document"
+            },
+            {
+              label: "Other (fill in manually)",
+              value: "OTHER"
+            }
+          ],
+          otherLabel: "Other Reason",
+          otherPlaceholder: "Enter reason for rejection..."
+        }
+      }).onPrimary((r) => {
+        l.payoutAccount.enable = !1, l.payoutAccount.status = "REJECTED", l.payoutAccount.statusReason = r, t(l.payoutAccount), u.close();
+      });
+    }, { search: F } = oe({
+      search: ""
+    }), f = L(() => {
+      const { ssm: r, bank: p, bankStatement: d } = l.payoutAccount.store;
+      return r && p && p.name && p.accountNumber && p.holderName && d;
+    }), m = U(""), b = [
+      {
+        header: () => "Payment Method",
+        accessorKey: "issuer",
+        cell: (r) => `${r.row.original.issuer} (${r.row.original.variant})`
+      },
+      {
+        header: () => "Rate",
+        accessorKey: "rate",
+        cell: ({ row: r }) => {
+          let p = 0;
+          return r.original.rate && (p = r.original.rate.amount / Math.pow(10, r.original.rate.precision)), J($e, {
+            data: p,
+            onChange: (d) => {
+              const n = l.payoutAccount.methods.at(r.index);
+              n.rate || (n.rate = {
+                amount: 0,
+                precision: 4
+              }), n.rate.amount = d * Math.pow(10, n.rate.precision);
+            }
+          });
+        }
+      },
+      {
+        header: () => "Minimum Fee",
+        accessorKey: "minimumFee",
+        cell: ({ row: r }) => {
+          let p = 0;
+          return r.original.minimumFee && (p = r.original.minimumFee.amount / Math.pow(10, r.original.minimumFee.precision)), J(Oe, {
+            data: p,
+            onChange: (d) => {
+              const n = l.payoutAccount.methods.at(r.index);
+              n.minimumFee || (n.minimumFee = {
+                amount: 0,
+                precision: 2
+              }), n.minimumFee.amount = d * Math.pow(10, n.minimumFee.precision);
+            }
+          });
+        }
+      },
+      {
+        header: () => "T plus",
+        accessorKey: "tPlus",
+        cell: ({ row: r }) => J(qe, {
+          data: r.original.tPlus ?? 0,
+          onChange: (p) => {
+            const d = l.payoutAccount.methods.at(r.index);
+            d.tPlus = p;
+          }
+        })
+      }
+    ];
+    return (r, p) => {
+      const d = y("FmRadio"), n = y("FmRadioGroup"), S = y("FmSwitch"), A = y("FmSearch"), C = y("FmTable"), I = y("FmButton");
+      return g(), G(K, null, [
+        s("div", Ge, [
+          s("div", je, [
+            o(n, {
+              modelValue: a.payoutAccount.status,
+              "onUpdate:modelValue": p[0] || (p[0] = (D) => a.payoutAccount.status = D),
+              label: "Account Status"
+            }, {
+              default: k(() => [
+                o(d, {
+                  value: "PENDING",
+                  label: "Pending"
+                }),
+                o(d, {
+                  value: "APPROVED",
+                  label: "Approved"
+                }),
+                o(d, {
+                  value: "REJECTED",
+                  label: "Rejected",
+                  onClick: c
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          s("div", Ke, [
+            o(S, {
+              modelValue: a.payoutAccount.enable,
+              "onUpdate:modelValue": p[1] || (p[1] = (D) => a.payoutAccount.enable = D),
+              disabled: !f.value,
+              label: "Enabled",
+              sublabel: "Merchant can use online features such as e-payment, settlement"
+            }, null, 8, ["modelValue", "disabled"])
+          ])
+        ]),
+        a.payoutAccount.enable ? (g(), G(K, { key: 0 }, [
+          s("div", Ye, [
+            s("div", He, [
+              o(A, {
+                modelValue: i(F),
+                "onUpdate:modelValue": p[2] || (p[2] = (D) => ae(F) ? F.value = D : null),
+                placeholder: "Search Method ..."
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          o(C, {
+            class: "mt-6",
+            modelValue: m.value,
+            "onUpdate:modelValue": p[3] || (p[3] = (D) => m.value = D),
+            "shrink-at": !1,
+            "search-value": i(F),
+            "row-data": a.payoutAccount.methods,
+            "column-defs": b
+          }, null, 8, ["modelValue", "search-value", "row-data"])
+        ], 64)) : E("", !0),
+        o(I, {
+          class: "w-full mt-6",
+          variant: "primary",
+          label: "Save",
+          loading: e.value,
+          onclick: () => t(a.payoutAccount)
+        }, null, 8, ["loading", "onclick"])
+      ], 64);
+    };
+  }
+}), Le = { class: "flex" }, Ze = /* @__PURE__ */ M({
+  __name: "Actions",
+  emits: ["edit", "delete"],
+  setup(a, { emit: l }) {
+    const e = l;
+    return (v, u) => {
+      const t = y("FmButton");
+      return g(), G("div", Le, [
+        o(t, {
+          variant: "plain",
+          "prepend-icon": "delete",
+          onClick: u[0] || (u[0] = (c) => {
+            c.stopPropagation(), e("delete");
+          })
+        })
+      ]);
+    };
+  }
+}), Je = { class: "flex justify-end px-6 pb-6" }, Qe = /* @__PURE__ */ M({
+  __name: "PaymentChannel",
+  props: {
+    payoutAccount: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(a) {
+    const l = W(), e = a, { isLoading: v, startAsyncCall: u } = ne(), t = U([]);
+    function c() {
+      u(async () => {
+        t.value = await Y.getChannels(e.payoutAccount._id);
+      });
+    }
+    me(c);
+    function F() {
+      u(async () => {
+        try {
+          await Y.updateChannels(e.payoutAccount._id, t.value), l.open({
+            type: "success",
+            title: "Payout account channels update succesfully"
+          });
+        } catch (b) {
+          l.open({
+            type: "error",
+            title: "Error occurs when updating payout account channels",
+            message: Z(b)
+          });
+        }
+      });
+    }
+    function f() {
+      u(async () => {
+        try {
+          await Y.resetChannels(e.payoutAccount._id), t.value = await Y.getChannels(e.payoutAccount._id), l.open({
+            type: "success",
+            title: "Payout account channels reset succesfully"
+          });
+        } catch (b) {
+          l.open({
+            type: "error",
+            title: "Error occurs when reset payout account channels",
+            message: Z(b)
+          });
+        }
+      });
+    }
+    const m = [
+      {
+        header: () => "Gateway",
+        accessorKey: "gateway"
+      },
+      {
+        header: () => "Payment Type",
+        accessorKey: "type"
+      },
+      {
+        header: () => "Display",
+        accessorKey: "icon",
+        cell: ({ row: b }) => J("img", { src: b.original.icon, width: 32, height: 32 })
+      },
+      {
+        header: () => "Label",
+        accessorKey: "label",
+        cell: ({ row: b }) => J(Fe.FmTextField, {
+          modelValue: b.original.label,
+          "onUpdate:modelValue": (r) => b.original.label = r
+        })
+      },
+      {
+        id: "actions",
+        header: () => "Actions",
+        cell: ({ row: b }) => J(Ze, {
+          onDelete: () => t.value.splice(b.index, 1)
+        })
+      }
+    ];
+    return (b, r) => {
+      const p = y("FmButton"), d = y("FmTable");
+      return g(), G(K, null, [
+        s("div", Je, [
+          o(p, {
+            class: "mx-4",
+            variant: "destructive",
+            size: "md",
+            icon: "history",
+            label: "Reset",
+            onClick: f
+          }),
+          o(p, {
+            variant: "primary",
+            size: "md",
+            icon: "save",
+            label: "Save",
+            onClick: F
+          })
+        ]),
+        o(d, {
+          loading: i(v),
+          "row-data": t.value,
+          "column-defs": m,
+          "shrink-at": !1
+        }, null, 8, ["loading", "row-data"])
+      ], 64);
+    };
+  }
+}), We = { class: "flex mt-6 space-x-6" }, Xe = /* @__PURE__ */ M({
+  __name: "FiuuGateway",
+  props: {
+    gateway: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    onDelete: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(a) {
+    var v;
+    const e = U(((v = a.gateway) == null ? void 0 : v.config) || {
+      merchantId: "",
+      verifyKey: "",
+      secretKey: ""
+    });
+    return (u, t) => {
+      const c = y("FmTextField"), F = y("FmButton"), f = y("FmForm");
+      return g(), w(f, {
+        ref: "form",
+        class: "flex flex-col gap-16",
+        onValidationSuccess: t[3] || (t[3] = () => a.onUpdate(e.value))
+      }, {
+        default: k(() => [
+          o(c, {
+            modelValue: e.value.merchantId,
+            "onUpdate:modelValue": t[0] || (t[0] = (m) => e.value.merchantId = m),
+            label: "Merchant ID",
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(c, {
+            modelValue: e.value.verifyKey,
+            "onUpdate:modelValue": t[1] || (t[1] = (m) => e.value.verifyKey = m),
+            label: "Verify Key",
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(c, {
+            modelValue: e.value.secretKey,
+            "onUpdate:modelValue": t[2] || (t[2] = (m) => e.value.secretKey = m),
+            label: "Secret Key",
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          s("div", We, [
+            a.gateway ? (g(), w(F, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => a.onDelete()
+            }, null, 8, ["onclick"])) : E("", !0),
+            o(F, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), et = { class: "flex mt-6 space-x-6" }, tt = /* @__PURE__ */ M({
+  __name: "MacauPassGateway",
+  props: {
+    gateway: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    onDelete: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(a) {
+    var v;
+    const e = U(((v = a.gateway) == null ? void 0 : v.config) || {
+      merchantId: "",
+      merchantName: "",
+      merchantCategoryCode: "",
+      storeID: "",
+      storeName: ""
+    });
+    return (u, t) => {
+      const c = y("FmTextField"), F = y("FmButton"), f = y("FmForm");
+      return g(), w(f, {
+        ref: "form",
+        class: "flex flex-col gap-16",
+        onValidationSuccess: t[5] || (t[5] = () => a.onUpdate(e.value))
+      }, {
+        default: k(() => [
+          o(c, {
+            modelValue: e.value.merchantId,
+            "onUpdate:modelValue": t[0] || (t[0] = (m) => e.value.merchantId = m),
+            label: "Merchant ID",
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(c, {
+            modelValue: e.value.merchantName,
+            "onUpdate:modelValue": t[1] || (t[1] = (m) => e.value.merchantName = m),
+            label: "Merchant Name",
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(c, {
+            modelValue: e.value.merchantCategoryCode,
+            "onUpdate:modelValue": t[2] || (t[2] = (m) => e.value.merchantCategoryCode = m),
+            label: "Merchant MCC",
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(c, {
+            modelValue: e.value.storeID,
+            "onUpdate:modelValue": t[3] || (t[3] = (m) => e.value.storeID = m),
+            label: "Store ID",
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(c, {
+            modelValue: e.value.storeName,
+            "onUpdate:modelValue": t[4] || (t[4] = (m) => e.value.storeName = m),
+            label: "Store Name",
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          s("div", et, [
+            a.gateway ? (g(), w(F, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => a.onDelete()
+            }, null, 8, ["onclick"])) : E("", !0),
+            o(F, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), at = { class: "flex mt-6 space-x-6" }, nt = /* @__PURE__ */ M({
+  __name: "DigioGateway",
+  props: {
+    gateway: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    onDelete: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(a) {
+    var v;
+    const e = U(((v = a.gateway) == null ? void 0 : v.config) || {
+      merchantId: "",
+      cardMerchantId: ""
+    });
+    return (u, t) => {
+      const c = y("FmTextField"), F = y("FmButton"), f = y("FmForm");
+      return g(), w(f, {
+        ref: "form",
+        class: "flex flex-col gap-16",
+        onValidationSuccess: t[2] || (t[2] = () => a.onUpdate(e.value))
+      }, {
+        default: k(() => [
+          o(c, {
+            modelValue: e.value.merchantId,
+            "onUpdate:modelValue": t[0] || (t[0] = (m) => e.value.merchantId = m),
+            label: "Merchant ID",
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(c, {
+            modelValue: e.value.cardMerchantId,
+            "onUpdate:modelValue": t[1] || (t[1] = (m) => e.value.cardMerchantId = m),
+            label: "Card Merchant ID",
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          s("div", at, [
+            a.gateway ? (g(), w(F, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => a.onDelete()
+            }, null, 8, ["onclick"])) : E("", !0),
+            o(F, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), ot = { class: "flex mt-6 space-x-6" }, lt = /* @__PURE__ */ M({
+  __name: "AdyenGateway",
+  props: {
+    gateway: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    onDelete: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(a) {
+    var v;
+    const e = U(((v = a.gateway) == null ? void 0 : v.config) || {
+      merchantAccount: "",
+      username: "",
+      apiKey: "",
+      clientKey: "",
+      endpoint: "",
+      hmacKey: ""
+    });
+    return (u, t) => {
+      const c = y("FmTextField"), F = y("FmButton"), f = y("FmForm");
+      return g(), w(f, {
+        ref: "form",
+        class: "flex flex-col gap-16",
+        onValidationSuccess: t[6] || (t[6] = () => a.onUpdate(e.value))
+      }, {
+        default: k(() => [
+          o(c, {
+            modelValue: e.value.endpoint,
+            "onUpdate:modelValue": t[0] || (t[0] = (m) => e.value.endpoint = m),
+            label: "Endpoint",
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(c, {
+            modelValue: e.value.merchantAccount,
+            "onUpdate:modelValue": t[1] || (t[1] = (m) => e.value.merchantAccount = m),
+            label: "Merchant Account",
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(c, {
+            modelValue: e.value.username,
+            "onUpdate:modelValue": t[2] || (t[2] = (m) => e.value.username = m),
+            label: "Username",
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(c, {
+            modelValue: e.value.apiKey,
+            "onUpdate:modelValue": t[3] || (t[3] = (m) => e.value.apiKey = m),
+            label: "API Key",
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(c, {
+            modelValue: e.value.clientKey,
+            "onUpdate:modelValue": t[4] || (t[4] = (m) => e.value.clientKey = m),
+            label: "Client Key",
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(c, {
+            modelValue: e.value.hmacKey,
+            "onUpdate:modelValue": t[5] || (t[5] = (m) => e.value.hmacKey = m),
+            label: "HMac Key"
+          }, null, 8, ["modelValue"]),
+          s("div", ot, [
+            a.gateway ? (g(), w(F, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => a.onDelete()
+            }, null, 8, ["onclick"])) : E("", !0),
+            o(F, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), ut = { class: "flex mt-6 space-x-6" }, st = /* @__PURE__ */ M({
+  __name: "KsherGateway",
+  props: {
+    gateway: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    onDelete: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(a) {
+    var v;
+    const e = U(((v = a.gateway) == null ? void 0 : v.config) || {
+      appId: "",
+      privateKey: ""
+    });
+    return (u, t) => {
+      const c = y("FmTextField"), F = y("FmTextarea"), f = y("FmButton"), m = y("FmForm");
+      return g(), w(m, {
+        ref: "form",
+        class: "flex flex-col gap-16",
+        onValidationSuccess: t[2] || (t[2] = () => a.onUpdate(e.value))
+      }, {
+        default: k(() => [
+          o(c, {
+            modelValue: e.value.appId,
+            "onUpdate:modelValue": t[0] || (t[0] = (b) => e.value.appId = b),
+            label: "App ID",
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(F, {
+            modelValue: e.value.privateKey,
+            "onUpdate:modelValue": t[1] || (t[1] = (b) => e.value.privateKey = b),
+            label: "Private Key",
+            placeholder: "Paste your private key including BEGIN and END markers",
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          s("div", ut, [
+            a.gateway ? (g(), w(f, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => a.onDelete()
+            }, null, 8, ["onclick"])) : E("", !0),
+            o(f, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), rt = /* @__PURE__ */ M({
+  __name: "TyroGateway",
+  props: {
+    gateway: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    onDelete: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(a) {
+    var v;
+    const e = U(
+      ((v = a.gateway) == null ? void 0 : v.config) || {
+        locationId: ""
+      }
+    );
+    return (u, t) => {
+      const c = y("FmTextField"), F = y("FmForm");
+      return g(), w(F, {
+        ref: "form",
+        class: "flex flex-col gap-16",
+        onValidationSuccess: t[1] || (t[1] = () => a.onUpdate(e.value))
+      }, {
+        default: k(() => [
+          o(c, {
+            modelValue: e.value.locationId,
+            "onUpdate:modelValue": t[0] || (t[0] = (f) => e.value.locationId = f),
+            label: "Location ID",
+            readonly: !0,
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), it = {
+  key: 0,
+  className: "mt-1 my-6 text-gray-600"
+}, ct = {
+  key: 1,
+  class: "flex items-center justify-center min-h-[80vh]"
+}, mt = /* @__PURE__ */ M({
+  __name: "PaymentGateway",
+  props: {
+    payoutAccount: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(a) {
+    const l = pe().currentCountry, e = l.value, v = W(), { isLoading: u, startAsyncCall: t } = ne(), { gatewayTab: c } = oe({
+      gatewayTab: ""
+    }), F = a, f = [
+      {
+        label: "Fiuu",
+        value: "RAZER_MERCHANT_SERVICE",
+        render: Xe,
+        region: [O.F_COUNTRY.enum.MY, O.F_COUNTRY.enum.SG]
+      },
+      {
+        label: "Macau Pass",
+        value: "MACAU_PASS",
+        render: tt,
+        region: [O.F_COUNTRY.enum.MO]
+      },
+      {
+        label: "Digio",
+        value: "DIGIO",
+        render: nt,
+        region: [O.F_COUNTRY.enum.TH]
+      },
+      {
+        label: "Ksher",
+        value: "KSHER",
+        render: st,
+        region: [O.F_COUNTRY.enum.TH]
+      },
+      {
+        label: "Adyen",
+        value: "ADYEN",
+        render: lt,
+        region: [O.F_COUNTRY.enum.MY, O.F_COUNTRY.enum.SG]
+      },
+      {
+        label: "Tyro",
+        value: "TYRO",
+        render: rt,
+        region: [O.F_COUNTRY.enum.AU]
+      }
+    ], m = U(
+      F.payoutAccount.gateways ?? []
+    ), b = L(() => f.find((S) => S.value === c.value)), r = L(() => f.filter(
+      (S) => S.region.includes(l.value ?? O.F_COUNTRY.enum.MY)
+    ));
+    async function p(S) {
+      await t(async () => {
+        try {
+          await Y.updateGateway(F.payoutAccount._id, S), v.open({
+            type: "success",
+            title: "Payout account gateways update succesfully"
+          }), d.value = S.length === 0;
+        } catch (A) {
+          v.open({
+            type: "error",
+            title: "Error occurs when updating payout account gateways",
+            message: Z(A)
+          });
+        }
+      });
+    }
+    const d = U((F.payoutAccount.gateways ?? []).length === 0), n = L(() => e !== "MY" || !d.value);
+    return (S, A) => {
+      var T;
+      const C = y("FmCircularProgress"), I = y("FmSwitch"), D = y("FmTabs");
+      return g(), G(K, null, [
+        i(e) ? (g(), G("p", it, [...A[2] || (A[2] = [
+          s("b", null, "Note: ", -1),
+          _(" There's no setup required for Malaysia Payment Gateway, once Payout Account is ready you will able to configure the payment channels. ", -1)
+        ])])) : E("", !0),
+        i(u) ? (g(), G("div", ct, [
+          o(C, { size: "xxl" })
+        ])) : (g(), G(K, { key: 2 }, [
+          i(e) === "MY" ? (g(), w(I, {
+            key: 0,
+            modelValue: d.value,
+            "onUpdate:modelValue": A[0] || (A[0] = (V) => d.value = V),
+            style: { "padding-bottom": "12px" },
+            label: "Use FeedMe's Default Account?"
+          }, null, 8, ["modelValue"])) : E("", !0),
+          n.value ? (g(), w(D, {
+            key: 1,
+            "model-value": i(c),
+            "onUpdate:modelValue": A[1] || (A[1] = (V) => ae(c) ? c.value = V : null),
+            class: "mb-6",
+            items: r.value
+          }, null, 8, ["model-value", "items"])) : E("", !0),
+          n.value && i(c) ? (g(), w(ue((T = b.value) == null ? void 0 : T.render), se(re({ key: 2 }, {
+            gateway: m.value.find(
+              (V) => {
+                var x;
+                return V.paymentGateway === ((x = b.value) == null ? void 0 : x.value);
+              }
+            ),
+            onDelete: async () => {
+              m.value = m.value.filter(
+                (V) => {
+                  var x;
+                  return V.paymentGateway !== ((x = b.value) == null ? void 0 : x.value);
+                }
+              ), p(m.value);
+            },
+            onUpdate: (V) => {
+              var $;
+              let x = m.value.find(
+                (B) => {
+                  var R;
+                  return B.paymentGateway === ((R = b.value) == null ? void 0 : R.value);
+                }
+              );
+              x ? x.config = V : m.value.push({
+                paymentGateway: ($ = b.value) == null ? void 0 : $.value,
+                config: V
+              }), p(m.value);
+            }
+          })), null, 16)) : E("", !0)
+        ], 64))
+      ], 64);
+    };
+  }
+}), dt = { class: "flex mt-6 space-x-6" }, pt = /* @__PURE__ */ M({
+  __name: "GooglePayToken",
+  props: {
+    gateway: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    onDelete: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(a) {
+    const e = U(
+      a.gateway || {
+        type: "googlePay",
+        gateway: "RAZER_MERCHANT_SERVICE",
+        config: {
+          gateway: "molpay",
+          gatewayMerchantId: "molpay"
+        }
+      }
+    );
+    return (v, u) => {
+      const t = y("FmTextField"), c = y("FmButton"), F = y("FmForm");
+      return g(), w(F, {
+        ref: "form",
+        class: "flex flex-col gap-16",
+        onValidationSuccess: u[3] || (u[3] = () => a.onUpdate(e.value))
+      }, {
+        default: k(() => [
+          o(t, {
+            modelValue: e.value.gateway,
+            "onUpdate:modelValue": u[0] || (u[0] = (f) => e.value.gateway = f),
+            label: "Gateway",
+            disabled: !0,
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(t, {
+            modelValue: e.value.config.gateway,
+            "onUpdate:modelValue": u[1] || (u[1] = (f) => e.value.config.gateway = f),
+            label: "Gateway ID",
+            disabled: !0,
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(t, {
+            modelValue: e.value.config.gatewayMerchantId,
+            "onUpdate:modelValue": u[2] || (u[2] = (f) => e.value.config.gatewayMerchantId = f),
+            label: "Gateway Merchant ID",
+            disabled: !0,
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          s("div", dt, [
+            a.gateway ? (g(), w(c, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => a.onDelete()
+            }, null, 8, ["onclick"])) : E("", !0),
+            o(c, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), yt = { class: "flex mt-6 space-x-6" }, bt = /* @__PURE__ */ M({
+  __name: "ApplePayToken",
+  props: {
+    gateway: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    onDelete: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(a) {
+    const e = U(
+      a.gateway || {
+        type: "applePay",
+        gateway: "RAZER_MERCHANT_SERVICE",
+        config: {
+          merchantId: "FMfeedme"
+        }
+      }
+    );
+    return (v, u) => {
+      const t = y("FmTextField"), c = y("FmButton"), F = y("FmForm");
+      return g(), w(F, {
+        ref: "form",
+        class: "flex flex-col gap-16",
+        onValidationSuccess: u[2] || (u[2] = () => a.onUpdate(e.value))
+      }, {
+        default: k(() => [
+          o(t, {
+            modelValue: e.value.gateway,
+            "onUpdate:modelValue": u[0] || (u[0] = (f) => e.value.gateway = f),
+            label: "Gateway",
+            disabled: !0,
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(t, {
+            modelValue: e.value.config.merchantId,
+            "onUpdate:modelValue": u[1] || (u[1] = (f) => e.value.config.merchantId = f),
+            label: "Merchant ID",
+            disabled: !0,
+            rules: i(N)(i(h).string())
+          }, null, 8, ["modelValue", "rules"]),
+          s("div", yt, [
+            a.gateway ? (g(), w(c, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => a.onDelete()
+            }, null, 8, ["onclick"])) : E("", !0),
+            o(c, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), vt = {
+  key: 0,
+  class: "flex items-center justify-center min-h-[80vh]"
+}, ft = /* @__PURE__ */ M({
+  __name: "TokenGateway",
+  props: {
+    payoutAccount: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(a) {
+    const l = pe().currentCountry, e = W(), { isLoading: v, startAsyncCall: u } = ne(), { tokenTab: t } = oe({
+      tokenTab: ""
+    }), c = a, F = [
+      {
+        label: "Google Pay",
+        value: "googlePay",
+        icon: "android",
+        render: pt,
+        region: [O.F_COUNTRY.enum.MY, O.F_COUNTRY.enum.SG]
+      },
+      {
+        label: "Apple Pay",
+        value: "applePay",
+        icon: "iOS",
+        render: bt,
+        region: [O.F_COUNTRY.enum.MY, O.F_COUNTRY.enum.SG]
+      }
+    ], f = U(c.payoutAccount.tokens ?? []), m = L(() => F.find((p) => p.value === t.value)), b = L(() => F.filter(
+      (p) => p.region.includes(l.value ?? O.F_COUNTRY.enum.MY)
+    ));
+    async function r(p) {
+      await u(async () => {
+        try {
+          await Y.updateTokens(c.payoutAccount._id, p), e.open({
+            type: "success",
+            title: "Payout account tokens gateway update succesfully"
+          });
+        } catch (d) {
+          e.open({
+            type: "error",
+            title: "Error occurs when updating payout account tokens",
+            message: Z(d)
+          });
+        }
+      });
+    }
+    return (p, d) => {
+      var A;
+      const n = y("FmCircularProgress"), S = y("FmTabs");
+      return g(), G(K, null, [
+        d[1] || (d[1] = s("p", { className: "mt-1 my-6 text-gray-600" }, [
+          s("b", null, "Note: "),
+          _(" Token gateways appear above other online payment channels to comply with provider branding requirements. Configuration is standardized, so you generally only need to select the provider. "),
+          s("br"),
+          s("br"),
+          s("b", null, ` Token payments are automatically enabled for "Pay-First" merchants. You do not need to adjust settings here unless you're modifying for a non-Pay-First merchant who wishes to manually enable this feature. `),
+          s("br")
+        ], -1)),
+        i(v) ? (g(), G("div", vt, [
+          o(n, { size: "xxl" })
+        ])) : (g(), w(S, {
+          key: 1,
+          "model-value": i(t),
+          "onUpdate:modelValue": d[0] || (d[0] = (C) => ae(t) ? t.value = C : null),
+          class: "mb-6 mt-6",
+          items: b.value
+        }, null, 8, ["model-value", "items"])),
+        i(t) ? (g(), w(ue((A = m.value) == null ? void 0 : A.render), se(re({ key: 2 }, {
+          gateway: f.value.find((C) => {
+            var I;
+            return C.type === ((I = m.value) == null ? void 0 : I.value);
+          }),
+          onDelete: async () => {
+            f.value = f.value.filter((C) => {
+              var I;
+              return C.type !== ((I = m.value) == null ? void 0 : I.value);
+            }), r(f.value);
+          },
+          onUpdate: (C) => {
+            let I = f.value.find((D) => {
+              var T;
+              return D.type === ((T = m.value) == null ? void 0 : T.value);
+            });
+            I ? I.config = C : f.value.push(C), r(f.value);
+          }
+        })), null, 16)) : E("", !0)
+      ], 64);
+    };
+  }
+}), Tt = /* @__PURE__ */ M({
+  __name: "PayoutAccountSetting",
+  props: {
+    accountId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(a) {
+    const l = a, { tab: e } = oe({
+      tab: "information"
+    }), { isLoading: v, startAsyncCall: u } = ne(!0), t = ve(), c = U();
+    async function F(r) {
+      await Y.updateById(
+        l.accountId,
+        r
+      ), c.value = await Y.readById(l.accountId);
+    }
+    const f = [
+      {
+        label: "Information",
+        value: "information",
+        icon: "overview",
+        render: Ue
+      },
+      {
+        label: "Settlement",
+        value: "settlement",
+        icon: "payments",
+        render: Ee
+      },
+      {
+        label: "MDR Status",
+        value: "payment",
+        icon: "account_box",
+        render: ze
+      },
+      {
+        label: "Online Gateways",
+        icon: "assured_workload",
+        value: "gateways",
+        render: mt
+      },
+      {
+        label: "Token Gateways",
+        value: "tokens",
+        icon: "wallet",
+        render: ft
+      },
+      {
+        label: "Online Channels",
+        icon: "shopping_cart",
+        value: "channels",
+        render: Qe
+      }
+    ];
+    function m() {
+      u(async () => {
+        c.value = await Y.readById(l.accountId);
+      });
+    }
+    me(m);
+    const b = L(() => {
+      const r = f.reduce((p, d) => p || (d.children ? d.children.find((n) => n.value === e.value) || null : d.value === e.value ? d : null), null);
+      return r == null ? void 0 : r.render;
+    });
+    return (r, p) => {
+      var n;
+      const d = y("FmTabs");
+      return g(), w(be, {
+        title: `Payout Account (${(n = c.value) == null ? void 0 : n._id})`,
+        loading: i(v),
+        onBack: i(t).back
+      }, {
+        default: k(() => [
+          o(d, {
+            "model-value": i(e),
+            "onUpdate:modelValue": p[0] || (p[0] = (S) => ae(e) ? e.value = S : null),
+            class: "mb-6",
+            items: f
+          }, null, 8, ["model-value"]),
+          i(e) ? (g(), w(ue(b.value), se(re({ key: 0 }, {
+            payoutAccount: c.value,
+            onUpdate: F
+          })), null, 16)) : E("", !0)
+        ]),
+        _: 1
+      }, 8, ["title", "loading", "onBack"]);
+    };
+  }
+});
+export {
+  Tt as default
+};