@buzztech/boi-ui 0.2.0

package/dist/boi-ui.js

@@ -0,0 +1,1261 @@
+import { defineComponent as q, openBlock as c, createElementBlock as p, normalizeClass as X, renderSlot as ne, createTextVNode as H, toDisplayString as M, unref as z, ref as I, computed as V, Fragment as W, createElementVNode as l, renderList as te, createVNode as ee, withDirectives as oe, vModelText as re, createCommentVNode as P, watch as de, onMounted as he, onUnmounted as ke, nextTick as Ue, vShow as Pe, withCtx as Oe } from "vue";
+const Ee = /* @__PURE__ */ q({
+  __name: "BoiButton",
+  props: {
+    label: {},
+    variant: {}
+  },
+  setup(n) {
+    return (k, e) => (c(), p("button", {
+      type: "button",
+      class: X(["boi-button", [n.variant ? `boi-button--${n.variant}` : "boi-button--primary"]])
+    }, [
+      ne(k.$slots, "default", {}, () => [
+        H(M(n.label), 1)
+      ], !0)
+    ], 2));
+  }
+}), Fe = (n, k) => {
+  const e = n.__vccOpts || n;
+  for (const [f, d] of k)
+    e[f] = d;
+  return e;
+}, De = /* @__PURE__ */ Fe(Ee, [["__scopeId", "data-v-96425342"]]);
+function ie(...n) {
+  return n.flat(1 / 0).filter(Boolean).join(" ");
+}
+const Te = "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", je = {
+  default: "bg-primary text-white shadow-xs hover:bg-primary/90",
+  destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+  outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+  secondary: "bg-secondary text-white shadow-xs hover:bg-secondary/80",
+  ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+  link: "text-primary underline-offset-4 hover:underline"
+}, Me = {
+  default: "h-9 px-4 py-2 has-[>svg]:px-3",
+  sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+  lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+  icon: "size-9"
+};
+function Le(n = {}) {
+  const k = n.variant ?? "default", e = n.size ?? "default";
+  return [Te, je[k], Me[e]].join(" ");
+}
+const ze = ["type", "disabled"], Re = /* @__PURE__ */ q({
+  __name: "Button",
+  props: {
+    type: { default: "button" },
+    variant: { default: "default" },
+    size: { default: "default" },
+    class: { type: [Boolean, null, String, Object, Array] },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(n) {
+    const k = n;
+    return (e, f) => (c(), p("button", {
+      type: n.type,
+      disabled: n.disabled,
+      "data-slot": "button",
+      class: X(z(ie)(
+        z(Le)({ variant: k.variant, size: k.size }),
+        k.class
+      ))
+    }, [
+      ne(e.$slots, "default")
+    ], 10, ze));
+  }
+}), Q = {
+  getBanks: () => "/api/edoc/banks",
+  initializeConsent: () => "/api/edoc/consent/initialize",
+  attachAccount: () => "/api/edoc/consent/attach-account",
+  getTransactions: () => "/api/edoc/consent/transactions",
+  manualUpload: () => "/api/edoc/manual-upload"
+}, Ne = { class: "boi-emts-integration space-y-4" }, Ke = { key: 0 }, Xe = { class: "boi-emts-instructions rounded-lg border border-amber-200 bg-amber-50 p-4 text-sm" }, We = { class: "list-inside list-decimal space-y-1 text-amber-800" }, Ge = ["disabled"], He = {
+  key: 1,
+  class: "boi-emts-otp space-y-3 rounded-lg border-2 border-primary bg-primary/5 p-4"
+}, Je = { class: "flex flex-wrap items-end gap-3" }, Qe = { class: "min-w-[140px]" }, qe = ["disabled"], Ye = {
+  key: 1,
+  class: "text-sm text-red-600"
+}, Ze = {
+  key: 2,
+  class: "text-sm text-amber-600"
+}, ve = "inline-flex items-center justify-center rounded-md bg-black px-3 py-1.5 text-xs font-medium text-white shadow-sm hover:bg-neutral-900 focus:outline-none focus:ring-2 focus:ring-black focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", et = /* @__PURE__ */ q({
+  __name: "EmtsIntegration",
+  props: {
+    account: {},
+    edocBanks: {},
+    bankOptions: {},
+    api: {},
+    companyEmail: {},
+    industrialSector: {},
+    applicationId: {},
+    disabled: { type: Boolean, default: !1 },
+    integrationBaseUrl: { default: "" }
+  },
+  emits: ["update:consentId", "statement-retrieved", "error"],
+  setup(n, { emit: k }) {
+    const e = n;
+    function f(o) {
+      const i = (e.integrationBaseUrl ?? "").replace(/\/$/, "");
+      if (!i) return o;
+      const b = o.startsWith("/") ? o : `/${o}`;
+      return `${i}${b}`;
+    }
+    const d = k, $ = I(!1), B = I(!1);
+    function u(o) {
+      const i = e.bankOptions.find((b) => b.value === o);
+      return [(i == null ? void 0 : i.label) ?? "", ...(i == null ? void 0 : i.searchKeywords) ?? []].filter(Boolean);
+    }
+    function x(o, i = !1) {
+      if (!o || !e.edocBanks.length) return;
+      const b = u(o);
+      return e.edocBanks.find((g) => {
+        const D = g.bankCode === o || g.code === o, T = b.some((N) => {
+          var K;
+          return (K = g.name) == null ? void 0 : K.toLowerCase().includes(N.toLowerCase());
+        });
+        return (D || T) && (!i || g.enabled !== !1);
+      });
+    }
+    const A = (o) => x(o, !1), _ = (o) => !!x(o, !0), O = V(() => {
+      var o, i;
+      return !!((i = (o = A(e.account.bank)) == null ? void 0 : o.bankInstructions) != null && i.length);
+    }), S = V(() => {
+      var i;
+      const o = e.account;
+      return !!o.bank && ((i = o.account_number) == null ? void 0 : i.length) === 10 && !$.value && !B.value;
+    }), C = V(() => !!e.account.otp && !B.value), F = (o) => {
+      var i, b, g;
+      return ((b = (i = o == null ? void 0 : o.response) == null ? void 0 : i.data) == null ? void 0 : b.message) ?? ((g = o == null ? void 0 : o.data) == null ? void 0 : g.message) ?? (o == null ? void 0 : o.message) ?? "An unexpected error occurred";
+    }, G = (o) => ({
+      email: o,
+      referenceId: `loan_${e.applicationId ?? "new"}_${e.account.id}`,
+      firstName: "Company",
+      lastName: "Account",
+      state: "Lagos",
+      fundType: "online portal",
+      statementDuration: "12",
+      redirectionUrl: typeof window < "u" ? window.location.origin + "/loan-application" : "",
+      industrialSector: e.industrialSector ?? void 0
+    });
+    async function y(o) {
+      var T, N;
+      const i = e.account.email || e.companyEmail || "", b = await e.api.post(f(Q.initializeConsent()), G(i)), g = b == null ? void 0 : b.data;
+      if (!(g != null && g.success)) throw new Error((g == null ? void 0 : g.message) ?? "Failed to initialize consent");
+      const D = (N = (T = g == null ? void 0 : g.data) == null ? void 0 : T.data) == null ? void 0 : N.consentId;
+      if (!D) throw new Error("No consent ID returned");
+      return d("update:consentId", D), await e.api.post(f(Q.attachAccount()), {
+        consentId: D,
+        bankId: o.bankId,
+        accountNumber: e.account.account_number,
+        accountType: "Business",
+        statementDuration: "12",
+        monthType: "Period",
+        uploadType: "Digital"
+      }), D;
+    }
+    async function h() {
+      var i;
+      const o = A(e.account.bank);
+      if (!e.account.bank) return d("error", "Please select a bank");
+      if (((i = e.account.account_number) == null ? void 0 : i.length) !== 10) return d("error", "Please provide a valid 10-digit account number");
+      if (!o) return d("error", "Selected bank does not support electronic statement retrieval");
+      $.value = !0;
+      try {
+        await y(o);
+      } catch (b) {
+        d("error", F(b));
+      } finally {
+        $.value = !1;
+      }
+    }
+    async function w() {
+      var o;
+      if (!e.account.otp || !e.account.consent_id) return d("error", "Please enter OTP");
+      B.value = !0;
+      try {
+        const i = await e.api.post(f(Q.getTransactions()), {
+          consentId: e.account.consent_id,
+          verificationCode: e.account.otp,
+          bankStatementId: e.account.id
+        }), b = i == null ? void 0 : i.data;
+        if (!(b != null && b.success)) return d("error", (b == null ? void 0 : b.message) ?? "Failed to retrieve transactions");
+        (o = b.data) != null && o.statement && d("statement-retrieved", b.data.statement);
+      } catch (i) {
+        d("error", F(i));
+      } finally {
+        B.value = !1;
+      }
+    }
+    async function v() {
+      var i, b;
+      const o = A(e.account.bank);
+      if (!e.account.bank || ((i = e.account.account_number) == null ? void 0 : i.length) !== 10)
+        return d("error", "Please select a bank and provide a valid 10-digit account number");
+      if (!o) return d("error", "Selected bank does not support electronic statement retrieval");
+      B.value = !0;
+      try {
+        const g = await y(o), D = await e.api.post(f(Q.getTransactions()), {
+          consentId: g,
+          verificationCode: "",
+          bankStatementId: e.account.id
+        }), T = D == null ? void 0 : D.data;
+        if (!(T != null && T.success)) return d("error", (T == null ? void 0 : T.message) ?? "Failed to retrieve transactions");
+        (b = T.data) != null && b.statement && d("statement-retrieved", T.data.statement);
+      } catch (g) {
+        d("error", F(g));
+      } finally {
+        B.value = !1;
+      }
+    }
+    return (o, i) => {
+      var b;
+      return c(), p("div", Ne, [
+        _(n.account.bank) ? (c(), p("div", Ke, [
+          O.value && !n.account.statement_generated ? (c(), p(W, { key: 0 }, [
+            l("div", Xe, [
+              i[1] || (i[1] = l("p", { class: "mb-2 font-semibold text-amber-900" }, "Bank-specific instructions", -1)),
+              l("ol", We, [
+                (c(!0), p(W, null, te((b = A(n.account.bank)) == null ? void 0 : b.bankInstructions, (g, D) => (c(), p("li", { key: D }, M(g), 1))), 128))
+              ])
+            ]),
+            ee(De, {
+              label: B.value ? "Retrieving…" : "Retrieve statement",
+              variant: "primary",
+              disabled: !S.value || n.disabled,
+              onClick: v
+            }, null, 8, ["label", "disabled"])
+          ], 64)) : !O.value && !n.account.statement_generated ? (c(), p(W, { key: 1 }, [
+            n.account.showOtpInput ? (c(), p("div", He, [
+              i[3] || (i[3] = l("p", { class: "text-sm font-medium text-gray-700" }, "Enter the OTP sent to your bank-registered email.", -1)),
+              l("div", Je, [
+                l("div", Qe, [
+                  i[2] || (i[2] = l("label", { class: "mb-1 block text-xs font-medium text-gray-600" }, "OTP code", -1)),
+                  oe(l("input", {
+                    "onUpdate:modelValue": i[0] || (i[0] = (g) => n.account.otp = g),
+                    type: "text",
+                    maxlength: "6",
+                    placeholder: "6-digit OTP",
+                    class: "w-full rounded border border-gray-300 px-3 py-2 text-lg tracking-widest"
+                  }, null, 512), [
+                    [re, n.account.otp]
+                  ])
+                ]),
+                l("button", {
+                  type: "button",
+                  class: X(ve),
+                  disabled: !C.value || n.disabled,
+                  onClick: w
+                }, " Verify OTP ", 8, qe)
+              ])
+            ])) : (c(), p("button", {
+              key: 0,
+              type: "button",
+              class: X(ve),
+              disabled: !S.value || n.disabled,
+              onClick: h
+            }, M($.value ? "Sending OTP…" : "Send OTP"), 9, Ge))
+          ], 64)) : P("", !0)
+        ])) : P("", !0),
+        n.account.edoc_status === "failed" ? (c(), p("div", Ye, "Statement retrieval failed. Please try again or upload manually.")) : P("", !0),
+        n.account.edoc_status === "processing" ? (c(), p("div", Ze, "Processing…")) : P("", !0)
+      ]);
+    };
+  }
+});
+function tt(n) {
+  if (!n || typeof n != "object") return [];
+  const k = n, e = k.success ? k.data : k.data ?? k;
+  return Array.isArray(e) ? e : e && typeof e == "object" && Array.isArray(e.data) ? e.data : [];
+}
+function be(n, k) {
+  return n === void 0 ? k : typeof n == "function" ? n() : n;
+}
+function at(n) {
+  const { get: k, getBanksUrl: e, fallbackBanksUrl: f } = n, d = I([]), $ = I([]), B = I(!1), u = I(null);
+  let x = null;
+  return {
+    edocBanks: d,
+    banks: $,
+    loading: B,
+    error: u,
+    loadBanksForStatement: async () => d.value.length > 0 ? d.value : x || (B.value = !0, u.value = null, x = (async () => {
+      var O, S;
+      try {
+        const C = await k(be(e, Q.getBanks())), F = tt(C == null ? void 0 : C.data);
+        if (F.length)
+          return d.value = $.value = F, F;
+      } catch {
+      }
+      const _ = f != null ? be(f, "") : "";
+      if (_)
+        try {
+          const C = await k(_), F = Array.isArray(C == null ? void 0 : C.data) ? C.data : [];
+          return d.value = $.value = F, F;
+        } catch (C) {
+          throw u.value = ((S = (O = C == null ? void 0 : C.response) == null ? void 0 : O.data) == null ? void 0 : S.message) ?? "Failed to load banks", C;
+        }
+      return [];
+    })().finally(() => {
+      B.value = !1, x = null;
+    }), x),
+    invalidateCache: () => {
+      d.value = $.value = [], x = null, u.value = null;
+    }
+  };
+}
+const J = I({});
+function nt(n) {
+  const k = () => typeof n == "function" && n.length === 0 ? n() : n, e = (u) => `${u.bank ?? ""}_${u.account_number ?? ""}`, f = (u) => {
+    const x = e(u);
+    return J.value[x] ?? {
+      isLoading: !1,
+      isSuccess: !1,
+      isError: !1
+    };
+  }, d = (u) => {
+    u.account_name = "";
+  }, $ = async (u) => {
+    const x = u.bank, A = u.account_number, _ = e(u), O = k();
+    if (!O || !x || !A || A.length !== 10) {
+      delete J.value[_], (A == null ? void 0 : A.length) !== 10 && d(u);
+      return;
+    }
+    d(u), J.value[_] = { isLoading: !0, isSuccess: !1, isError: !1 };
+    try {
+      const S = await O(A, x), C = (S == null ? void 0 : S.account_name) ?? (S == null ? void 0 : S.accountName) ?? "";
+      C ? (u.account_name = C, J.value[_] = { isLoading: !1, isSuccess: !0, isError: !1 }) : J.value[_] = {
+        isLoading: !1,
+        isSuccess: !1,
+        isError: !0,
+        errorMessage: "Account verification failed"
+      };
+    } catch (S) {
+      J.value[_] = {
+        isLoading: !1,
+        isSuccess: !1,
+        isError: !0,
+        errorMessage: S instanceof Error ? S.message : "Verification failed"
+      };
+    }
+  };
+  return {
+    handleAccountVerification: $,
+    retryVerification: (u) => $(u),
+    getVerificationState: f,
+    clearAccountName: d
+  };
+}
+const ge = "/api/loan-applications";
+function ot(n, k = "") {
+  const e = k ? `${k.replace(/\/$/, "")}${ge}` : ge, f = String(n);
+  return {
+    index: `${e}/${f}/bank-statements`,
+    store: `${e}/${f}/bank-statements`,
+    update: (d) => `${e}/${f}/bank-statements/${d}`,
+    destroy: (d) => `${e}/${f}/bank-statements/${d}`,
+    uploadToEdoc: (d) => `${e}/${f}/bank-statements/${d}/upload-to-edoc`
+  };
+}
+const st = {
+  urls: ot
+}, ye = "", le = {
+  upload: () => `${ye}/api/files/upload`,
+  view: (n) => `${ye}/api/files/view?path=${encodeURIComponent(n)}`
+}, it = ["id", "disabled"], lt = { class: "truncate text-left" }, rt = {
+  key: 0,
+  class: "absolute z-[1000] mt-1 w-full rounded-lg border border-gray-200 bg-white shadow-lg"
+}, dt = { class: "border-b border-gray-100 p-2" }, ut = { class: "relative" }, ct = { class: "max-h-48 overflow-auto py-1" }, pt = ["onClick"], mt = {
+  key: 0,
+  class: "px-3 py-2 text-center text-sm italic text-gray-500"
+}, ft = /* @__PURE__ */ q({
+  __name: "BankSelect",
+  props: {
+    modelValue: {},
+    options: {},
+    placeholder: { default: "Select bank" },
+    disabled: { type: Boolean, default: !1 },
+    id: {}
+  },
+  emits: ["update:modelValue"],
+  setup(n, { emit: k }) {
+    const e = n, f = k, d = I(!1), $ = I(null), B = I(null), u = I(""), x = I(-1);
+    function A(h, w) {
+      if (!w) return !0;
+      const v = [
+        h.label,
+        h.shortName,
+        ...h.searchKeywords ?? []
+      ].filter((i) => i != null && String(i).trim() !== "").map((i) => String(i).toLowerCase());
+      if (v.some((i) => i.includes(w))) return !0;
+      const o = w.split(/\s+/).filter(Boolean);
+      return o.length > 1 ? o.every((i) => v.some((b) => b.includes(i))) : v.some((i) => i.startsWith(w));
+    }
+    const _ = V(() => {
+      var w;
+      if (!((w = e.options) != null && w.length)) return [];
+      if (!u.value.trim()) return e.options;
+      const h = u.value.toLowerCase().trim();
+      return e.options.filter((v) => A(v, h));
+    }), O = V(
+      () => {
+        var h;
+        return ((h = e.options) == null ? void 0 : h.find((w) => String(w.value) === String(e.modelValue))) ?? null;
+      }
+    ), S = V(() => {
+      var h;
+      return ((h = O.value) == null ? void 0 : h.label) ?? e.placeholder;
+    });
+    function C() {
+      e.disabled || (d.value = !d.value, d.value && (u.value = "", x.value = _.value.length ? 0 : -1, Ue(() => {
+        var h;
+        return (h = B.value) == null ? void 0 : h.focus();
+      })));
+    }
+    function F(h) {
+      f("update:modelValue", String(h.value)), d.value = !1, u.value = "";
+    }
+    function G(h) {
+      if (!d.value) return;
+      const w = _.value;
+      switch (h.key) {
+        case "ArrowDown":
+          h.preventDefault(), x.value = Math.min(x.value + 1, w.length - 1);
+          break;
+        case "ArrowUp":
+          h.preventDefault(), x.value = Math.max(x.value - 1, 0);
+          break;
+        case "Enter":
+          h.preventDefault(), x.value >= 0 && w[x.value] && F(w[x.value]);
+          break;
+        case "Escape":
+          h.preventDefault(), d.value = !1;
+          break;
+      }
+    }
+    function y(h) {
+      $.value && !$.value.contains(h.target) && (d.value = !1);
+    }
+    return de(u, () => {
+      x.value = _.value.length ? 0 : -1;
+    }), he(() => {
+      typeof document < "u" && document.addEventListener("click", y);
+    }), ke(() => {
+      typeof document < "u" && document.removeEventListener("click", y);
+    }), (h, w) => (c(), p("div", {
+      ref_key: "selectRef",
+      ref: $,
+      class: "relative"
+    }, [
+      l("button", {
+        type: "button",
+        id: n.id,
+        disabled: n.disabled,
+        class: X(z(ie)(
+          "flex h-9 w-full min-w-0 items-center justify-between rounded-lg border border-gray-300 bg-white px-3 py-2.5 text-sm transition-colors outline-none",
+          "focus:border-[var(--boi-primary)] focus:ring-1 focus:ring-[var(--boi-primary)]",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          !O.value && "text-gray-500"
+        )),
+        onClick: C
+      }, [
+        l("span", lt, M(S.value), 1),
+        (c(), p("svg", {
+          class: X(["h-4 w-4 shrink-0 text-gray-400", { "rotate-180": d.value }]),
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24"
+        }, [...w[1] || (w[1] = [
+          l("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "M19 9l-7 7-7-7"
+          }, null, -1)
+        ])], 2))
+      ], 10, it),
+      d.value ? (c(), p("div", rt, [
+        l("div", dt, [
+          l("div", ut, [
+            w[2] || (w[2] = l("svg", {
+              class: "absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              l("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+              })
+            ], -1)),
+            oe(l("input", {
+              ref_key: "searchRef",
+              ref: B,
+              "onUpdate:modelValue": w[0] || (w[0] = (v) => u.value = v),
+              type: "text",
+              placeholder: "Type to search...",
+              class: "w-full rounded-md border-0 bg-gray-50 py-2 pl-9 pr-3 text-sm focus:bg-white focus:ring-1 focus:ring-[var(--boi-primary)]",
+              onKeydown: G
+            }, null, 544), [
+              [re, u.value]
+            ])
+          ])
+        ]),
+        l("div", ct, [
+          (c(!0), p(W, null, te(_.value, (v, o) => (c(), p("button", {
+            key: v.value,
+            type: "button",
+            class: X(z(ie)(
+              "w-full cursor-pointer px-3 py-2.5 text-left text-sm transition-colors text-gray-900",
+              o === x.value ? "bg-gray-100" : "hover:bg-gray-50",
+              String(v.value) === String(n.modelValue) && n.modelValue !== "" && n.modelValue !== void 0 && "font-semibold text-[#016837]"
+            )),
+            onClick: (i) => F(v)
+          }, M(v.label), 11, pt))), 128)),
+          _.value.length === 0 ? (c(), p("p", mt, ' No options found for "' + M(u.value) + '" ', 1)) : P("", !0)
+        ])
+      ])) : P("", !0)
+    ], 512));
+  }
+}), vt = { class: "boi-file-input w-full space-y-2" }, bt = ["accept", "disabled", "id"], gt = { class: "truncate text-sm text-gray-600" }, yt = {
+  key: 0,
+  class: "text-sm text-red-600"
+}, ht = {
+  key: 1,
+  class: "text-xs text-gray-500"
+}, kt = ["href"], xt = /* @__PURE__ */ q({
+  __name: "FileInput",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "Choose file" },
+    accept: { default: "*/*" },
+    disabled: { type: Boolean, default: !1 },
+    id: {},
+    maxSize: { default: 10 * 1024 * 1024 },
+    allowedTypes: { default: () => [
+      "application/pdf",
+      "image/jpeg",
+      "image/jpg",
+      "image/png",
+      "application/msword",
+      "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+      "application/vnd.ms-excel",
+      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+      "text/plain",
+      "text/csv"
+    ] },
+    uploadToServer: { type: Boolean, default: !0 },
+    showRequirements: { type: Boolean, default: !0 },
+    uploadContext: {},
+    afterUpload: {},
+    uploadUrl: {},
+    viewApiBase: {},
+    viewStoragePath: {},
+    post: {}
+  },
+  emits: ["update:modelValue", "validation-error", "validation-success", "uploaded"],
+  setup(n, { emit: k }) {
+    const e = n, f = k, d = I(), $ = I(!1), B = I(""), u = I(""), x = {
+      "application/pdf": "PDF",
+      "image/jpeg": "JPG",
+      "image/jpg": "JPG",
+      "image/png": "PNG",
+      "application/msword": "DOC",
+      "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "DOCX",
+      "application/vnd.ms-excel": "XLS",
+      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "XLSX",
+      "text/plain": "TXT",
+      "text/csv": "CSV"
+    }, A = {
+      pdf: ["application/pdf"],
+      jpg: ["image/jpeg", "image/jpg"],
+      jpeg: ["image/jpeg", "image/jpg"],
+      png: ["image/png"],
+      doc: ["application/msword"],
+      docx: ["application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
+      xls: ["application/vnd.ms-excel"],
+      xlsx: ["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
+      txt: ["text/plain"],
+      csv: ["text/csv"]
+    }, _ = V(
+      () => [...new Set(e.allowedTypes.map((v) => {
+        var o;
+        return x[v] || ((o = v.split("/")[1]) == null ? void 0 : o.toUpperCase()) || v;
+      }))].join(", ")
+    ), O = V(() => Math.round(e.maxSize / (1024 * 1024))), S = V(() => e.disabled || $.value), C = V(() => String(e.viewApiBase ?? "").trim().replace(/\/$/, "")), F = V(() => {
+      const v = String(e.viewStoragePath ?? "").trim();
+      return v || String(e.modelValue ?? "").trim();
+    }), G = V(() => {
+      const v = F.value;
+      if (!v || !e.uploadToServer) return "#";
+      const o = encodeURIComponent(v), i = C.value;
+      return i ? `${i}/api/files/view?path=${o}` : le.view(v);
+    });
+    function y(v) {
+      var o;
+      if (u.value = "", v.size > e.maxSize) {
+        const i = `File size must be less than ${O.value}MB`;
+        return u.value = i, f("validation-error", i), !1;
+      }
+      if (e.allowedTypes.length) {
+        const i = ((o = v.name.split(".").pop()) == null ? void 0 : o.toLowerCase()) || "";
+        if (!(e.allowedTypes.includes(v.type) || (A[i] || []).some((g) => e.allowedTypes.includes(g)))) {
+          const g = `Only ${_.value} files are allowed`;
+          return u.value = g, f("validation-error", g), !1;
+        }
+      }
+      return !0;
+    }
+    async function h(v) {
+      var b, g, D, T;
+      u.value = "";
+      const o = v.target, i = (b = o.files) == null ? void 0 : b[0];
+      if (!i) {
+        B.value = "", f("update:modelValue", "");
+        return;
+      }
+      if (!y(i)) {
+        o.value = "", B.value = "", f("update:modelValue", "");
+        return;
+      }
+      if (e.uploadToServer && e.post) {
+        $.value = !0;
+        const N = e.uploadUrl ?? le.upload(), K = new FormData();
+        K.append("file", i), K.append("folder", "documents"), e.uploadContext && K.append("context", e.uploadContext);
+        try {
+          const L = await e.post(N, K, { headers: { "Content-Type": "multipart/form-data" } }), U = L == null ? void 0 : L.data;
+          if (U != null && U.success && (U != null && U.path))
+            B.value = i.name, U.url && console.log("[FileInput] S3 URL:", U.url), f("update:modelValue", U.path), f("validation-success", "File uploaded successfully"), f("uploaded", U.path), (g = e.afterUpload) == null || g.call(e, U.path);
+          else {
+            const ae = (U == null ? void 0 : U.message) ?? "Upload failed";
+            u.value = ae, f("validation-error", ae), o.value = "", B.value = "", f("update:modelValue", "");
+          }
+        } catch (L) {
+          const U = ((T = (D = L == null ? void 0 : L.response) == null ? void 0 : D.data) == null ? void 0 : T.message) ?? (L == null ? void 0 : L.message) ?? "Upload failed";
+          u.value = U, f("validation-error", U), o.value = "", B.value = "", f("update:modelValue", "");
+        } finally {
+          $.value = !1;
+        }
+      } else
+        B.value = i.name, f("update:modelValue", i.name), f("uploaded", i.name);
+    }
+    function w() {
+      !S.value && d.value && d.value.click();
+    }
+    return de(() => e.modelValue, (v) => {
+      B.value = (typeof v == "string" && v ? v.split("/").pop() : "") || "";
+    }, { immediate: !0 }), (v, o) => (c(), p("div", vt, [
+      l("input", {
+        ref_key: "fileInput",
+        ref: d,
+        type: "file",
+        accept: n.accept,
+        disabled: S.value,
+        id: n.id,
+        class: "hidden",
+        onChange: h
+      }, null, 40, bt),
+      l("div", {
+        class: X([
+          "flex w-full items-center justify-between rounded-md border border-gray-300 bg-white px-3 py-2 transition-colors",
+          S.value ? "cursor-not-allowed opacity-50" : "cursor-pointer hover:bg-gray-50",
+          u.value ? "border-red-500" : ""
+        ]),
+        onClick: w
+      }, [
+        l("span", gt, M($.value ? "Uploading..." : B.value || n.placeholder), 1),
+        o[0] || (o[0] = l("span", { class: "text-gray-400" }, "📎", -1))
+      ], 2),
+      u.value ? (c(), p("p", yt, M(u.value), 1)) : P("", !0),
+      n.showRequirements ? (c(), p("p", ht, "Max " + M(O.value) + " MB. Allowed: " + M(_.value) + ".", 1)) : P("", !0),
+      F.value && !$.value && n.uploadToServer ? (c(), p("a", {
+        key: 2,
+        href: G.value,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        class: "text-sm text-blue-600 hover:underline"
+      }, " View document >>> ", 8, kt)) : P("", !0)
+    ]));
+  }
+}), wt = ["disabled"], _t = { class: "px-4 pb-4 md:px-6 md:pb-6" }, St = { class: "mb-6 rounded-lg border border-blue-200 bg-blue-50 p-4 text-sm" }, $t = { class: "text-blue-900" }, Bt = {
+  key: 0,
+  class: "mt-3 rounded-md bg-white/80 border border-blue-100 p-3"
+}, Ct = { class: "list-inside list-disc space-y-0.5 text-xs text-blue-800 columns-2 gap-x-4" }, At = {
+  key: 1,
+  class: "mt-2 text-xs text-blue-700"
+}, It = {
+  key: 0,
+  class: "flex items-center justify-center py-10"
+}, Vt = {
+  key: 0,
+  class: "flex overflow-x-auto pb-2 gap-1 -mx-1"
+}, Ut = ["onClick"], Pt = { class: "flex items-center justify-between gap-4" }, Ot = { class: "border-b-2 border-primary pb-1 text-base font-semibold text-slate-900" }, Et = ["disabled", "onClick"], Ft = { class: "grid grid-cols-1 gap-4 md:grid-cols-3" }, Dt = ["onUpdate:modelValue", "onBlur"], Tt = ["value"], jt = {
+  key: 0,
+  class: "mt-1.5 flex flex-wrap items-center gap-2 text-xs"
+}, Mt = {
+  key: 0,
+  class: "text-blue-600"
+}, Lt = {
+  key: 1,
+  class: "text-green-600"
+}, zt = {
+  key: 2,
+  class: "flex items-center gap-1"
+}, Rt = { class: "text-red-600" }, Nt = ["onClick"], Kt = {
+  key: 0,
+  class: "boi-emts-wrapper"
+}, Xt = {
+  key: 0,
+  class: "mt-3 text-sm font-medium text-green-800"
+}, Wt = {
+  key: 1,
+  class: "rounded-lg border border-gray-200 bg-white p-4"
+}, Gt = { class: "rounded-lg py-3" }, Ht = { class: "flex items-center gap-2" }, Jt = {
+  key: 0,
+  class: "inline-block h-3.5 w-3.5 animate-spin rounded-full border-2 border-current border-t-transparent",
+  "aria-hidden": "true"
+}, Qt = {
+  key: 0,
+  class: "mt-1.5 text-sm text-amber-700"
+}, qt = {
+  key: 1,
+  class: "mt-1.5 text-sm text-red-600"
+}, Yt = {
+  key: 2,
+  class: "rounded-lg border border-red-200 bg-red-50 p-4 flex items-start gap-3"
+}, Zt = { class: "flex-1 text-sm text-red-800" }, ea = { class: "flex justify-center" }, na = /* @__PURE__ */ q({
+  __name: "BankStatementIntegration",
+  props: {
+    applicationId: {},
+    api: {},
+    bankOptions: {},
+    formData: {},
+    industrialSectorOptions: {},
+    baseUrl: { default: "" },
+    integrationBaseUrl: { default: "" },
+    isFormDisabled: { type: Boolean, default: !1 },
+    maxAccounts: { default: 5 },
+    verifyBankAccount: { type: [Function, null], default: null },
+    blockAutoSave: {},
+    unblockAutoSave: {},
+    pollEdocStatus: { type: Boolean, default: !0 }
+  },
+  emits: ["error"],
+  setup(n, { emit: k }) {
+    const e = n, f = k;
+    function d(t) {
+      const a = (e.integrationBaseUrl ?? "").replace(/\/$/, "");
+      if (!a) return t;
+      const s = t.startsWith("/") ? t : `/${t}`;
+      return `${a}${s}`;
+    }
+    const { edocBanks: $, loadBanksForStatement: B } = at({
+      get: e.api.get,
+      getBanksUrl: () => d(Q.getBanks())
+    }), {
+      handleAccountVerification: u,
+      retryVerification: x,
+      getVerificationState: A
+    } = nt(() => e.verifyBankAccount), _ = I(0), O = I(""), S = I(!1), C = I(null);
+    function F() {
+      var t;
+      (t = e.blockAutoSave) == null || t.call(e);
+    }
+    function G() {
+      setTimeout(() => {
+        var a;
+        const t = C.value;
+        t && !t.contains(document.activeElement) && ((a = e.unblockAutoSave) == null || a.call(e));
+      }, 0);
+    }
+    const y = I([]), h = I(!1);
+    let w = null;
+    const v = V(
+      () => {
+        var t, a;
+        return ((t = e.integrationBaseUrl) == null ? void 0 : t.replace(/\/$/, "")) || ((a = e.baseUrl) == null ? void 0 : a.replace(/\/$/, "")) || "";
+      }
+    ), o = V(
+      () => e.applicationId ? st.urls(e.applicationId, v.value) : null
+    ), i = V(
+      () => e.integrationBaseUrl ? d(le.upload()) : void 0
+    ), b = V(() => (e.integrationBaseUrl ?? "").trim().replace(/\/$/, "")), g = V(
+      () => y.value.slice(0, e.maxAccounts)
+    ), D = V(() => y.value.length < e.maxAccounts), T = V(() => y.value.length > 0), N = V(() => {
+      var t;
+      return ((t = e.formData) == null ? void 0 : t.email) ?? "";
+    });
+    function K() {
+      var s, m;
+      const t = (s = e.formData) == null ? void 0 : s.industrial_sector_id;
+      if (t == null) return;
+      const a = (m = e.industrialSectorOptions) == null ? void 0 : m.find(
+        (r) => r.value === t || r.id === t || r.value === String(t)
+      );
+      return (a == null ? void 0 : a.label) ?? (a == null ? void 0 : a.name);
+    }
+    function L(t) {
+      if (t == null || t === "") return !1;
+      const a = t.trim().toLowerCase();
+      return a.includes("edoc/statements/") && a.endsWith(".csv");
+    }
+    function U(t) {
+      const a = (t ?? "").trim();
+      return !a || L(a) ? "" : a;
+    }
+    function ae(t) {
+      var m, r;
+      const a = (m = t.uploaded_statement_path) == null ? void 0 : m.trim();
+      if (a) return a;
+      const s = ((r = t.bank_statement) == null ? void 0 : r.trim()) ?? "";
+      return s && !L(s) ? s : "";
+    }
+    function xe(t, a) {
+      t.uploaded_statement_path = a.trim(), Z(t);
+    }
+    function ue(t, a) {
+      var r;
+      const s = ((r = e.bankOptions.find((E) => E.value === t.bank)) == null ? void 0 : r.label) ?? "", m = t.account_number ?? "";
+      return s && m ? `${s} (${m})` : s || (m ? `Account (${m})` : `Account ${a + 1}`);
+    }
+    function we(t) {
+      const a = {
+        pending: "bg-gray-100 text-gray-800",
+        processing: "bg-amber-100 text-amber-800",
+        completed: "bg-green-100 text-green-800",
+        failed: "bg-red-100 text-red-800"
+      };
+      return a[t] ?? a.pending;
+    }
+    async function _e() {
+      if (o.value)
+        try {
+          h.value = !0;
+          const t = await e.api.get(o.value.index), a = t == null ? void 0 : t.data;
+          a != null && a.success && Array.isArray(a.data) && (y.value = a.data.map((s) => ({
+            ...s,
+            otp: "",
+            showOtpInput: !1,
+            uploaded_statement_path: U(s.bank_statement)
+          })));
+        } catch (t) {
+          console.error("Failed to load bank statements", t);
+        } finally {
+          h.value = !1;
+        }
+    }
+    async function Se() {
+      if (o.value)
+        try {
+          const t = await e.api.get(o.value.index), a = t == null ? void 0 : t.data;
+          if (!(a != null && a.success) || !Array.isArray(a.data)) return;
+          const s = ["edoc_status", "consent_id", "csv_url", "statement_generated"];
+          y.value = y.value.map((m) => {
+            const r = a.data.find((j) => j.id === m.id);
+            if (!r) return m;
+            const E = {};
+            for (const j of s)
+              j in r && (E[j] = r[j]);
+            let R = m.uploaded_statement_path ?? "";
+            if ("bank_statement" in r && r.bank_statement !== void 0) {
+              const j = String(r.bank_statement ?? "");
+              E.bank_statement = r.bank_statement, j && !L(j) ? R = j : j && L(j) && R || j || (R = "");
+            }
+            return E.uploaded_statement_path = R, { ...m, ...E };
+          });
+        } catch (t) {
+          console.error("Sync statements failed", t);
+        }
+    }
+    function ce() {
+      Y(), w = setInterval(() => {
+        if (!y.value.some((a) => a.edoc_status === "processing")) {
+          Y();
+          return;
+        }
+        Se();
+      }, 5e3);
+    }
+    function Y() {
+      w && (clearInterval(w), w = null);
+    }
+    de(
+      () => y.value.some((t) => t.edoc_status === "processing"),
+      (t) => {
+        if (!e.pollEdocStatus) {
+          Y();
+          return;
+        }
+        t ? ce() : Y();
+      }
+    );
+    async function Z(t) {
+      if (!(!o.value || t.id < 0))
+        try {
+          await e.api.put(o.value.update(t.id), {
+            bank: t.bank,
+            account_number: t.account_number,
+            account_name: t.account_name,
+            account_type: t.account_type,
+            bvn: t.bvn,
+            email: t.email,
+            bank_statement: t.bank_statement
+          });
+        } catch (a) {
+          console.error("Failed to save bank statement", a);
+        }
+    }
+    async function $e() {
+      if (!o.value || !D.value) return;
+      const t = -Date.now(), a = {
+        id: t,
+        loan_application_id: Number(e.applicationId),
+        bank: "",
+        account_number: "",
+        account_name: "",
+        account_type: "",
+        bvn: "",
+        email: N.value,
+        bank_statement: "",
+        csv_url: "",
+        consent_id: "",
+        edoc_status: "pending",
+        statement_generated: !1,
+        otp: "",
+        showOtpInput: !1,
+        uploaded_statement_path: ""
+      };
+      y.value.push(a), _.value = y.value.length - 1;
+      try {
+        const s = await e.api.post(o.value.store, { email: N.value }), m = s == null ? void 0 : s.data;
+        if (m != null && m.success && m.data) {
+          const r = y.value.findIndex((E) => E.id === t);
+          r !== -1 && (y.value[r] = {
+            ...m.data,
+            otp: "",
+            showOtpInput: !1,
+            uploaded_statement_path: U(m.data.bank_statement)
+          });
+        } else
+          y.value = y.value.filter((r) => r.id !== t), _.value = Math.max(0, y.value.length - 1);
+      } catch (s) {
+        y.value = y.value.filter((m) => m.id !== t), _.value = Math.max(0, y.value.length - 1), f("error", (s == null ? void 0 : s.message) ?? "Failed to add account");
+      }
+    }
+    async function Be(t) {
+      if (!o.value) return;
+      const a = y.value.findIndex((r) => r.id === t.id), s = { ...t }, m = t.id < 0;
+      if (y.value = y.value.filter((r) => r.id !== t.id), _.value = Math.min(_.value, Math.max(0, y.value.length - 1)), !m)
+        try {
+          await e.api.delete(o.value.destroy(t.id));
+        } catch (r) {
+          y.value = y.value.slice(0, a).concat(s, y.value.slice(a)), f("error", (r == null ? void 0 : r.message) ?? "Failed to remove account");
+        }
+    }
+    function Ce(t, a) {
+      t.consent_id = a, t.showOtpInput = !0, Z(t);
+    }
+    function Ae(t, a) {
+      Object.assign(t, a), Z(t);
+    }
+    function Ie(t) {
+      O.value = t, f("error", t);
+    }
+    function Ve() {
+      O.value = "";
+    }
+    function pe(t) {
+      return (a) => {
+        var r;
+        if (!o.value) return;
+        (r = e.blockAutoSave) == null || r.call(e), t.edoc_status = "processing";
+        const s = K(), m = () => {
+          setTimeout(() => {
+            var E;
+            return (E = e.unblockAutoSave) == null ? void 0 : E.call(e);
+          }, 3e3);
+        };
+        e.api.post(o.value.uploadToEdoc(t.id), { filePath: a, industrialSector: s }).then((E) => {
+          var j;
+          const R = (j = E == null ? void 0 : E.data) == null ? void 0 : j.data;
+          if (R) {
+            const fe = t.uploaded_statement_path ?? "";
+            Object.assign(t, R), fe && R.bank_statement && L(String(R.bank_statement)) && (t.uploaded_statement_path = fe);
+          }
+          ce();
+        }).catch(() => {
+          t.edoc_status = "failed";
+        }).finally(m);
+      };
+    }
+    const me = (t) => {
+      if (!t || !$.value.length) return !1;
+      const a = e.bankOptions.find((m) => m.value === t), s = [(a == null ? void 0 : a.label) ?? "", ...(a == null ? void 0 : a.searchKeywords) ?? []].filter(Boolean);
+      return $.value.some((m) => {
+        const r = m.bankCode === t || m.code === t, E = s.some((R) => {
+          var j;
+          return (j = m.name) == null ? void 0 : j.toLowerCase().includes(R.toLowerCase());
+        });
+        return (r || E) && m.enabled !== !1;
+      });
+    }, se = V(
+      () => ($.value || []).filter((t) => t.enabled !== !1).map((t) => t.name || t.bankCode || "Unknown").sort((t, a) => t.localeCompare(a))
+    );
+    return he(async () => {
+      B(), e.applicationId && await _e();
+    }), ke(() => {
+      Y();
+    }), (t, a) => (c(), p("fieldset", {
+      ref_key: "rootRef",
+      ref: C,
+      disabled: n.isFormDisabled,
+      class: "boi-bank-statement-integration rounded-xl border border-gray-200 bg-white shadow-sm",
+      onFocusin: F,
+      onFocusout: G
+    }, [
+      a[13] || (a[13] = l("div", { class: "border-b border-gray-100 px-4 py-3 md:px-6 md:py-4" }, [
+        l("h2", { class: "text-lg font-bold text-slate-900" }, "Company Bank Statements")
+      ], -1)),
+      l("div", _t, [
+        l("div", St, [
+          l("p", $t, [
+            a[1] || (a[1] = H(" Some banks support ", -1)),
+            a[2] || (a[2] = l("strong", null, "Electronic Bank Statement Retrieval", -1)),
+            a[3] || (a[3] = H(", so you may not need to upload a PDF. ", -1)),
+            l("button", {
+              type: "button",
+              onClick: a[0] || (a[0] = (s) => S.value = !S.value),
+              class: "ml-1 font-semibold text-blue-700 underline hover:text-blue-800 focus:outline-none focus:ring-2 focus:ring-blue-300 rounded"
+            }, M(S.value ? "Hide" : "See"), 1),
+            H(" " + M(S.value ? "" : " supported banks."), 1)
+          ]),
+          S.value && se.value.length ? (c(), p("div", Bt, [
+            a[4] || (a[4] = l("p", { class: "mb-2 text-xs font-semibold text-blue-900" }, "Banks that support electronic statement retrieval:", -1)),
+            l("ul", Ct, [
+              (c(!0), p(W, null, te(se.value, (s, m) => (c(), p("li", { key: m }, M(s), 1))), 128))
+            ])
+          ])) : S.value && !se.value.length ? (c(), p("p", At, " Loading supported banks… ")) : P("", !0)
+        ]),
+        h.value ? (c(), p("div", It, [...a[5] || (a[5] = [
+          l("span", {
+            class: "inline-block h-5 w-5 animate-spin rounded-full border-2 border-slate-300 border-t-slate-600 mr-2",
+            "aria-hidden": "true"
+          }, null, -1),
+          l("span", { class: "text-sm text-slate-600" }, "Loading bank statements…", -1)
+        ])])) : (c(), p(W, { key: 1 }, [
+          g.value.length ? (c(), p("div", Vt, [
+            (c(!0), p(W, null, te(g.value, (s, m) => (c(), p("button", {
+              key: s.id,
+              type: "button",
+              class: X(["shrink-0 rounded-lg px-4 py-2 text-sm font-medium whitespace-nowrap transition-colors", _.value === m ? "bg-primary text-white shadow-sm" : "bg-slate-100 text-slate-700 hover:bg-slate-200"]),
+              onClick: (r) => _.value = m
+            }, M(ue(s, m)), 11, Ut))), 128))
+          ])) : P("", !0),
+          (c(!0), p(W, null, te(g.value, (s, m) => oe((c(), p("div", {
+            key: s.id,
+            class: "mt-6 space-y-6 rounded-xl border border-gray-100 bg-gray-50/50 p-4 md:p-6"
+          }, [
+            l("div", Pt, [
+              l("h4", Ot, M(ue(s, m)), 1),
+              l("button", {
+                type: "button",
+                class: "inline-flex items-center rounded-lg px-3 py-2 text-sm font-medium text-red-600 hover:bg-red-50 disabled:opacity-50 transition-colors",
+                disabled: !T.value || n.isFormDisabled,
+                onClick: (r) => Be(s)
+              }, [...a[6] || (a[6] = [
+                l("svg", {
+                  class: "w-4 h-4 mr-1.5",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, [
+                  l("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+                  })
+                ], -1),
+                H(" Remove account ", -1)
+              ])], 8, Et)
+            ]),
+            ne(t.$slots, "account-fields", {
+              account: s,
+              bankOptions: n.bankOptions,
+              verificationState: z(A)(s),
+              onVerify: () => z(u)(s),
+              onRetry: () => z(x)(s)
+            }, () => [
+              l("div", Ft, [
+                l("div", null, [
+                  a[7] || (a[7] = l("label", { class: "mb-1.5 block text-sm font-medium text-gray-700" }, "Bank", -1)),
+                  ee(ft, {
+                    "model-value": s.bank,
+                    options: n.bankOptions,
+                    placeholder: "Select bank",
+                    disabled: !!n.isFormDisabled,
+                    "onUpdate:modelValue": (r) => {
+                      s.bank = r, z(u)(s), Z(s);
+                    }
+                  }, null, 8, ["model-value", "options", "disabled", "onUpdate:modelValue"])
+                ]),
+                l("div", null, [
+                  a[8] || (a[8] = l("label", { class: "mb-1.5 block text-sm font-medium text-gray-700" }, "Account number", -1)),
+                  oe(l("input", {
+                    "onUpdate:modelValue": (r) => s.account_number = r,
+                    type: "text",
+                    maxlength: "10",
+                    inputmode: "numeric",
+                    class: "w-full rounded-lg border border-gray-300 bg-white px-3 py-2.5 text-sm focus:border-primary focus:ring-1 focus:ring-primary",
+                    placeholder: "10 digits",
+                    onBlur: (r) => {
+                      z(u)(s), Z(s);
+                    }
+                  }, null, 40, Dt), [
+                    [re, s.account_number]
+                  ])
+                ]),
+                l("div", null, [
+                  a[9] || (a[9] = l("label", { class: "mb-1.5 block text-sm font-medium text-gray-700" }, "Account name", -1)),
+                  l("input", {
+                    value: s.account_name,
+                    type: "text",
+                    readonly: "",
+                    class: "w-full cursor-default rounded-lg border border-gray-200 bg-gray-50 px-3 py-2.5 text-sm text-gray-700",
+                    placeholder: "Enter bank and account number to verify"
+                  }, null, 8, Tt),
+                  n.verifyBankAccount ? (c(), p("div", jt, [
+                    z(A)(s).isLoading ? (c(), p("span", Mt, "Verifying…")) : z(A)(s).isSuccess ? (c(), p("span", Lt, "Account verified")) : z(A)(s).isError ? (c(), p("span", zt, [
+                      l("span", Rt, M(z(A)(s).errorMessage), 1),
+                      l("button", {
+                        type: "button",
+                        class: "rounded px-2 py-0.5 text-gray-600 hover:bg-gray-100",
+                        onClick: (r) => z(x)(s)
+                      }, "Retry", 8, Nt)
+                    ])) : P("", !0)
+                  ])) : P("", !0)
+                ])
+              ])
+            ]),
+            me(s.bank) ? (c(), p("div", Kt, [
+              ee(et, {
+                account: s,
+                "edoc-banks": z($),
+                "bank-options": n.bankOptions,
+                api: { get: n.api.get, post: n.api.post },
+                "company-email": N.value,
+                "industrial-sector": K(),
+                "application-id": n.applicationId,
+                "integration-base-url": n.integrationBaseUrl,
+                disabled: n.isFormDisabled,
+                "onUpdate:consentId": (r) => Ce(s, r),
+                onStatementRetrieved: (r) => Ae(s, r),
+                onError: Ie
+              }, null, 8, ["account", "edoc-banks", "bank-options", "api", "company-email", "industrial-sector", "application-id", "integration-base-url", "disabled", "onUpdate:consentId", "onStatementRetrieved"]),
+              s.statement_generated || s.edoc_status === "completed" ? (c(), p("p", Xt, " Succeeded. ")) : P("", !0)
+            ])) : P("", !0),
+            me(s.bank) ? P("", !0) : (c(), p("div", Wt, [
+              a[11] || (a[11] = l("p", { class: "mb-3 text-sm font-medium text-gray-700" }, "Upload bank statement (PDF)", -1)),
+              ne(t.$slots, "file-upload", {
+                account: s,
+                afterUpload: pe(s)
+              }, () => [
+                ee(xt, {
+                  modelValue: s.bank_statement,
+                  "onUpdate:modelValue": (r) => s.bank_statement = r,
+                  "view-storage-path": ae(s),
+                  post: (r, E, R) => n.api.post(r, E, R),
+                  "upload-url": i.value,
+                  "view-api-base": b.value || void 0,
+                  placeholder: "Choose 12 months bank statement (PDF)",
+                  accept: ".pdf",
+                  "max-size": 20 * 1024 * 1024,
+                  "allowed-types": ["application/pdf"],
+                  "upload-context": "bank_statement",
+                  "after-upload": pe(s),
+                  disabled: n.isFormDisabled,
+                  onUploaded: (r) => xe(s, String(r))
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "view-storage-path", "post", "upload-url", "view-api-base", "after-upload", "disabled", "onUploaded"]),
+                l("div", Gt, [
+                  l("div", Ht, [
+                    a[10] || (a[10] = l("span", { class: "text-sm font-medium text-gray-600" }, "Bank statement status:", -1)),
+                    l("span", {
+                      class: X([we(s.edoc_status || "pending"), "inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium capitalize"])
+                    }, [
+                      s.edoc_status === "processing" ? (c(), p("span", Jt)) : P("", !0),
+                      H(" " + M(s.edoc_status || "pending"), 1)
+                    ], 2)
+                  ]),
+                  s.edoc_status === "processing" ? (c(), p("p", Qt, " Processing in progress. Please wait… ")) : P("", !0),
+                  s.edoc_status === "failed" ? (c(), p("p", qt, " Processing failed. Please re-upload a valid bank statement or try another method. ")) : P("", !0)
+                ])
+              ])
+            ])),
+            O.value ? (c(), p("div", Yt, [
+              l("p", Zt, M(O.value), 1),
+              l("button", {
+                type: "button",
+                class: "shrink-0 rounded p-1 text-red-600 hover:bg-red-100",
+                onClick: Ve,
+                "aria-label": "Dismiss"
+              }, "×")
+            ])) : P("", !0)
+          ])), [
+            [Pe, _.value === m]
+          ])), 128)),
+          l("div", ea, [
+            ee(Re, {
+              type: "button",
+              variant: "default",
+              size: "lg",
+              disabled: !D.value || n.isFormDisabled || !n.applicationId,
+              onClick: $e
+            }, {
+              default: Oe(() => [...a[12] || (a[12] = [
+                l("svg", {
+                  class: "w-4 h-4",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, [
+                  l("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M12 4v16m8-8H4"
+                  })
+                ], -1),
+                H(" Add account ", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ], 64))
+      ])
+    ], 40, wt));
+  }
+});
+function ta(n) {
+}
+const oa = {
+  install: ta
+};
+export {
+  ft as BankSelect,
+  na as BankStatementIntegration,
+  De as BoiButton,
+  Re as Button,
+  et as EmtsIntegration,
+  xt as FileInput,
+  st as bankStatementsApi,
+  ot as bankStatementsUrls,
+  oa as default,
+  Q as edocApi,
+  le as filesApi,
+  ta as install,
+  nt as useAccountVerification,
+  at as useEdocBanks
+};
+//# sourceMappingURL=boi-ui.js.map