@buzztech/boi-ui 0.2.0 → 0.2.1

package/dist/boi-ui.js

@@ -1,47 +1,47 @@
-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({
+import { defineComponent as Y, openBlock as p, createElementBlock as m, normalizeClass as R, renderSlot as ne, createTextVNode as W, toDisplayString as T, unref as M, ref as A, computed as I, Fragment as J, createElementVNode as l, renderList as ae, createVNode as te, withDirectives as oe, vModelText as re, createCommentVNode as O, watch as de, onMounted as ke, onUnmounted as xe, nextTick as Ee, vShow as Oe, withCtx as Fe } from "vue";
+const De = /* @__PURE__ */ Y({
   __name: "BoiButton",
   props: {
     label: {},
     variant: {}
   },
   setup(n) {
-    return (k, e) => (c(), p("button", {
+    return (h, e) => (p(), m("button", {
       type: "button",
-      class: X(["boi-button", [n.variant ? `boi-button--${n.variant}` : "boi-button--primary"]])
+      class: R(["boi-button", [n.variant ? `boi-button--${n.variant}` : "boi-button--primary"]])
     }, [
-      ne(k.$slots, "default", {}, () => [
-        H(M(n.label), 1)
+      ne(h.$slots, "default", {}, () => [
+        W(T(n.label), 1)
       ], !0)
     ], 2));
   }
-}), Fe = (n, k) => {
+}), Te = (n, h) => {
   const e = n.__vccOpts || n;
-  for (const [f, d] of k)
-    e[f] = d;
+  for (const [g, d] of h)
+    e[g] = d;
   return e;
-}, De = /* @__PURE__ */ Fe(Ee, [["__scopeId", "data-v-96425342"]]);
+}, je = /* @__PURE__ */ Te(De, [["__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 = {
+const Me = "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", Le = {
   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 = {
+}, ze = {
   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(" ");
+function Re(n = {}) {
+  const h = n.variant ?? "default", e = n.size ?? "default";
+  return [Me, Le[h], ze[e]].join(" ");
 }
-const ze = ["type", "disabled"], Re = /* @__PURE__ */ q({
+const Ne = ["type", "disabled"], Ke = /* @__PURE__ */ Y({
   __name: "Button",
   props: {
     type: { default: "button" },
@@ -51,35 +51,35 @@ const ze = ["type", "disabled"], Re = /* @__PURE__ */ q({
     disabled: { type: Boolean, default: !1 }
   },
   setup(n) {
-    const k = n;
-    return (e, f) => (c(), p("button", {
+    const h = n;
+    return (e, g) => (p(), m("button", {
       type: n.type,
       disabled: n.disabled,
       "data-slot": "button",
-      class: X(z(ie)(
-        z(Le)({ variant: k.variant, size: k.size }),
-        k.class
+      class: R(M(ie)(
+        M(Re)({ variant: h.variant, size: h.size }),
+        h.class
       ))
     }, [
       ne(e.$slots, "default")
-    ], 10, ze));
+    ], 10, Ne));
   }
-}), Q = {
+}), 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 = {
+}, Xe = { class: "boi-emts-integration space-y-4" }, We = { key: 0 }, Ge = { class: "boi-emts-instructions rounded-lg border border-amber-200 bg-amber-50 p-4 text-sm" }, He = { class: "list-inside list-decimal space-y-1 text-amber-800" }, Je = ["disabled"], Qe = {
   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 = {
+}, qe = { class: "flex flex-wrap items-end gap-3" }, Ye = { class: "min-w-[140px]" }, Ze = ["disabled"], et = {
   key: 1,
   class: "text-sm text-red-600"
-}, Ze = {
+}, tt = {
   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({
+}, be = "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", at = /* @__PURE__ */ Y({
   __name: "EmtsIntegration",
   props: {
     account: {},
@@ -93,42 +93,42 @@ const ze = ["type", "disabled"], Re = /* @__PURE__ */ q({
     integrationBaseUrl: { default: "" }
   },
   emits: ["update:consentId", "statement-retrieved", "error"],
-  setup(n, { emit: k }) {
+  setup(n, { emit: h }) {
     const e = n;
-    function f(o) {
-      const i = (e.integrationBaseUrl ?? "").replace(/\/$/, "");
-      if (!i) return o;
-      const b = o.startsWith("/") ? o : `/${o}`;
-      return `${i}${b}`;
+    function g(i) {
+      const s = (e.integrationBaseUrl ?? "").replace(/\/$/, "");
+      if (!s) return i;
+      const c = i.startsWith("/") ? i : `/${i}`;
+      return `${s}${c}`;
     }
-    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);
+    const d = h, _ = A(!1), $ = A(!1);
+    function v(i) {
+      const s = e.bankOptions.find((c) => c.value === i);
+      return [(s == null ? void 0 : s.label) ?? "", ...(s == null ? void 0 : s.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());
+    function w(i, s = !1) {
+      if (!i || !e.edocBanks.length) return;
+      const c = v(i);
+      return e.edocBanks.find((y) => {
+        const j = y.bankCode === i || y.code === i, P = c.some((K) => {
+          var X;
+          return (X = y.name) == null ? void 0 : X.toLowerCase().includes(K.toLowerCase());
         });
-        return (D || T) && (!i || g.enabled !== !1);
+        return (j || P) && (!s || y.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,
+    const V = (i) => w(i, !1), C = (i) => !!w(i, !0), U = I(() => {
+      var i, s;
+      return !!((s = (i = V(e.account.bank)) == null ? void 0 : i.bankInstructions) != null && s.length);
+    }), x = I(() => {
+      var s;
+      const i = e.account;
+      return !!i.bank && ((s = i.account_number) == null ? void 0 : s.length) === 10 && !_.value && !$.value;
+    }), S = I(() => !!e.account.otp && !$.value), B = (i) => {
+      var s, c, y;
+      return ((c = (s = i == null ? void 0 : i.response) == null ? void 0 : s.data) == null ? void 0 : c.message) ?? ((y = i == null ? void 0 : i.data) == null ? void 0 : y.message) ?? (i == null ? void 0 : i.message) ?? "An unexpected error occurred";
+    }, G = (i) => ({
+      email: i,
       referenceId: `loan_${e.applicationId ?? "new"}_${e.account.id}`,
       firstName: "Company",
       lastName: "Account",
@@ -138,101 +138,101 @@ const ze = ["type", "disabled"], Re = /* @__PURE__ */ q({
       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,
+    async function N(i) {
+      var P, K;
+      const s = e.account.email || e.companyEmail || "", c = await e.api.post(g(q.initializeConsent()), G(s)), y = c == null ? void 0 : c.data;
+      if (!(y != null && y.success)) throw new Error((y == null ? void 0 : y.message) ?? "Failed to initialize consent");
+      const j = (K = (P = y == null ? void 0 : y.data) == null ? void 0 : P.data) == null ? void 0 : K.consentId;
+      if (!j) throw new Error("No consent ID returned");
+      return d("update:consentId", j), await e.api.post(g(q.attachAccount()), {
+        consentId: j,
+        bankId: i.bankId,
         accountNumber: e.account.account_number,
         accountType: "Business",
         statementDuration: "12",
         monthType: "Period",
         uploadType: "Digital"
-      }), D;
+      }), j;
     }
-    async function h() {
-      var i;
-      const o = A(e.account.bank);
+    async function k() {
+      var s;
+      const i = V(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;
+      if (((s = e.account.account_number) == null ? void 0 : s.length) !== 10) return d("error", "Please provide a valid 10-digit account number");
+      if (!i) return d("error", "Selected bank does not support electronic statement retrieval");
+      _.value = !0;
       try {
-        await y(o);
-      } catch (b) {
-        d("error", F(b));
+        await N(i);
+      } catch (c) {
+        d("error", B(c));
       } finally {
-        $.value = !1;
+        _.value = !1;
       }
     }
-    async function w() {
-      var o;
+    async function u() {
+      var i;
       if (!e.account.otp || !e.account.consent_id) return d("error", "Please enter OTP");
-      B.value = !0;
+      $.value = !0;
       try {
-        const i = await e.api.post(f(Q.getTransactions()), {
+        const s = await e.api.post(g(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));
+        }), c = s == null ? void 0 : s.data;
+        if (!(c != null && c.success)) return d("error", (c == null ? void 0 : c.message) ?? "Failed to retrieve transactions");
+        (i = c.data) != null && i.statement && d("statement-retrieved", c.data.statement);
+      } catch (s) {
+        d("error", B(s));
       } finally {
-        B.value = !1;
+        $.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)
+    async function b() {
+      var s, c;
+      const i = V(e.account.bank);
+      if (!e.account.bank || ((s = e.account.account_number) == null ? void 0 : s.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;
+      if (!i) return d("error", "Selected bank does not support electronic statement retrieval");
+      $.value = !0;
       try {
-        const g = await y(o), D = await e.api.post(f(Q.getTransactions()), {
-          consentId: g,
+        const y = await N(i), j = await e.api.post(g(q.getTransactions()), {
+          consentId: y,
           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));
+        }), P = j == null ? void 0 : j.data;
+        if (!(P != null && P.success)) return d("error", (P == null ? void 0 : P.message) ?? "Failed to retrieve transactions");
+        (c = P.data) != null && c.statement && d("statement-retrieved", P.data.statement);
+      } catch (y) {
+        d("error", B(y));
       } finally {
-        B.value = !1;
+        $.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))
+    return (i, s) => {
+      var c;
+      return p(), m("div", Xe, [
+        C(n.account.bank) ? (p(), m("div", We, [
+          U.value && !n.account.statement_generated ? (p(), m(J, { key: 0 }, [
+            l("div", Ge, [
+              s[1] || (s[1] = l("p", { class: "mb-2 font-semibold text-amber-900" }, "Bank-specific instructions", -1)),
+              l("ol", He, [
+                (p(!0), m(J, null, ae((c = V(n.account.bank)) == null ? void 0 : c.bankInstructions, (y, j) => (p(), m("li", { key: j }, T(y), 1))), 128))
               ])
             ]),
-            ee(De, {
-              label: B.value ? "Retrieving…" : "Retrieve statement",
+            te(je, {
+              label: $.value ? "Retrieving…" : "Retrieve statement",
               variant: "primary",
-              disabled: !S.value || n.disabled,
-              onClick: v
+              disabled: !x.value || n.disabled,
+              onClick: b
             }, 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)),
+          ], 64)) : !U.value && !n.account.statement_generated ? (p(), m(J, { key: 1 }, [
+            n.account.showOtpInput ? (p(), m("div", Qe, [
+              s[3] || (s[3] = l("p", { class: "text-sm font-medium text-gray-700" }, "Enter the OTP sent to your bank-registered email.", -1)),
+              l("div", qe, [
+                l("div", Ye, [
+                  s[2] || (s[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),
+                    "onUpdate:modelValue": s[0] || (s[0] = (y) => n.account.otp = y),
                     type: "text",
                     maxlength: "6",
                     placeholder: "6-digit OTP",
@@ -243,132 +243,132 @@ const ze = ["type", "disabled"], Re = /* @__PURE__ */ q({
                 ]),
                 l("button", {
                   type: "button",
-                  class: X(ve),
-                  disabled: !C.value || n.disabled,
-                  onClick: w
-                }, " Verify OTP ", 8, qe)
+                  class: R(be),
+                  disabled: !S.value || n.disabled,
+                  onClick: u
+                }, " Verify OTP ", 8, Ze)
               ])
-            ])) : (c(), p("button", {
+            ])) : (p(), m("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)
+              class: R(be),
+              disabled: !x.value || n.disabled,
+              onClick: k
+            }, T(_.value ? "Sending OTP…" : "Send OTP"), 9, Je))
+          ], 64)) : O("", !0)
+        ])) : O("", !0),
+        n.account.edoc_status === "failed" ? (p(), m("div", et, "Statement retrieval failed. Please try again or upload manually.")) : O("", !0),
+        n.account.edoc_status === "processing" ? (p(), m("div", tt, "Processing…")) : O("", !0)
       ]);
     };
   }
 });
-function tt(n) {
+function nt(n) {
   if (!n || typeof n != "object") return [];
-  const k = n, e = k.success ? k.data : k.data ?? k;
+  const h = n, e = h.success ? h.data : h.data ?? h;
   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 ge(n, h) {
+  return n === void 0 ? h : 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;
+function ot(n) {
+  const { get: h, getBanksUrl: e, fallbackBanksUrl: g } = n, d = A([]), _ = A([]), $ = A(!1), v = A(null);
+  let w = 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;
+    banks: _,
+    loading: $,
+    error: v,
+    loadBanksForStatement: async () => d.value.length > 0 ? d.value : w || ($.value = !0, v.value = null, w = (async () => {
+      var U, x;
       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;
+        const S = await h(ge(e, q.getBanks())), B = nt(S == null ? void 0 : S.data);
+        if (B.length)
+          return d.value = _.value = B, B;
       } catch {
       }
-      const _ = f != null ? be(f, "") : "";
-      if (_)
+      const C = g != null ? ge(g, "") : "";
+      if (C)
         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;
+          const S = await h(C), B = Array.isArray(S == null ? void 0 : S.data) ? S.data : [];
+          return d.value = _.value = B, B;
+        } catch (S) {
+          throw v.value = ((x = (U = S == null ? void 0 : S.response) == null ? void 0 : U.data) == null ? void 0 : x.message) ?? "Failed to load banks", S;
         }
       return [];
     })().finally(() => {
-      B.value = !1, x = null;
-    }), x),
+      $.value = !1, w = null;
+    }), w),
     invalidateCache: () => {
-      d.value = $.value = [], x = null, u.value = null;
+      d.value = _.value = [], w = null, v.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] ?? {
+const Q = A({});
+function st(n) {
+  const h = () => typeof n == "function" && n.length === 0 ? n() : n, e = (v) => `${v.bank ?? ""}_${v.account_number ?? ""}`, g = (v) => {
+    const w = e(v);
+    return Q.value[w] ?? {
       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);
+  }, d = (v) => {
+    v.account_name = "";
+  }, _ = async (v) => {
+    const w = v.bank, V = v.account_number, C = e(v), U = h();
+    if (!U || !w || !V || V.length !== 10) {
+      delete Q.value[C], (V == null ? void 0 : V.length) !== 10 && d(v);
       return;
     }
-    d(u), J.value[_] = { isLoading: !0, isSuccess: !1, isError: !1 };
+    d(v), Q.value[C] = { 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[_] = {
+      const x = await U(V, w), S = (x == null ? void 0 : x.account_name) ?? (x == null ? void 0 : x.accountName) ?? "";
+      S ? (v.account_name = S, Q.value[C] = { isLoading: !1, isSuccess: !0, isError: !1 }) : Q.value[C] = {
         isLoading: !1,
         isSuccess: !1,
         isError: !0,
         errorMessage: "Account verification failed"
       };
-    } catch (S) {
-      J.value[_] = {
+    } catch (x) {
+      Q.value[C] = {
         isLoading: !1,
         isSuccess: !1,
         isError: !0,
-        errorMessage: S instanceof Error ? S.message : "Verification failed"
+        errorMessage: x instanceof Error ? x.message : "Verification failed"
       };
     }
   };
   return {
-    handleAccountVerification: $,
-    retryVerification: (u) => $(u),
-    getVerificationState: f,
+    handleAccountVerification: _,
+    retryVerification: (v) => _(v),
+    getVerificationState: g,
     clearAccountName: d
   };
 }
-const ge = "/api/loan-applications";
-function ot(n, k = "") {
-  const e = k ? `${k.replace(/\/$/, "")}${ge}` : ge, f = String(n);
+const ye = "/api/loan-applications";
+function it(n, h = "") {
+  const e = h ? `${h.replace(/\/$/, "")}${ye}` : ye, g = 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`
+    index: `${e}/${g}/bank-statements`,
+    store: `${e}/${g}/bank-statements`,
+    update: (d) => `${e}/${g}/bank-statements/${d}`,
+    destroy: (d) => `${e}/${g}/bank-statements/${d}`,
+    uploadToEdoc: (d) => `${e}/${g}/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 = {
+const lt = {
+  urls: it
+}, he = "", le = {
+  upload: () => `${he}/api/files/upload`,
+  view: (n) => `${he}/api/files/view?path=${encodeURIComponent(n)}`
+}, rt = ["id", "disabled"], dt = { class: "truncate text-left" }, ut = {
   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 = {
+}, ct = { class: "border-b border-gray-100 p-2" }, pt = { class: "relative" }, mt = { class: "max-h-48 overflow-auto py-1" }, ft = ["onClick"], vt = {
   key: 0,
   class: "px-3 py-2 text-center text-sm italic text-gray-500"
-}, ft = /* @__PURE__ */ q({
+}, bt = /* @__PURE__ */ Y({
   __name: "BankSelect",
   props: {
     modelValue: {},
@@ -378,94 +378,94 @@ const st = {
     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));
+  setup(n, { emit: h }) {
+    const e = n, g = h, d = A(!1), _ = A(null), $ = A(null), v = A(""), w = A(-1);
+    function V(k, u) {
+      if (!u) return !0;
+      const b = [
+        k.label,
+        k.shortName,
+        ...k.searchKeywords ?? []
+      ].filter((s) => s != null && String(s).trim() !== "").map((s) => String(s).toLowerCase());
+      if (b.some((s) => s.includes(u))) return !0;
+      const i = u.split(/\s+/).filter(Boolean);
+      return i.length > 1 ? i.every((s) => b.some((c) => c.includes(s))) : b.some((s) => s.startsWith(u));
     }
-    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(
+    const C = I(() => {
+      var u;
+      if (!((u = e.options) != null && u.length)) return [];
+      if (!v.value.trim()) return e.options;
+      const k = v.value.toLowerCase().trim();
+      return e.options.filter((b) => V(b, k));
+    }), U = I(
       () => {
-        var h;
-        return ((h = e.options) == null ? void 0 : h.find((w) => String(w.value) === String(e.modelValue))) ?? null;
+        var k;
+        return ((k = e.options) == null ? void 0 : k.find((u) => String(u.value) === String(e.modelValue))) ?? null;
       }
-    ), S = V(() => {
-      var h;
-      return ((h = O.value) == null ? void 0 : h.label) ?? e.placeholder;
+    ), x = I(() => {
+      var k;
+      return ((k = U.value) == null ? void 0 : k.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 S() {
+      e.disabled || (d.value = !d.value, d.value && (v.value = "", w.value = C.value.length ? 0 : -1, Ee(() => {
+        var k;
+        return (k = $.value) == null ? void 0 : k.focus();
       })));
     }
-    function F(h) {
-      f("update:modelValue", String(h.value)), d.value = !1, u.value = "";
+    function B(k) {
+      g("update:modelValue", String(k.value)), d.value = !1, v.value = "";
     }
-    function G(h) {
+    function G(k) {
       if (!d.value) return;
-      const w = _.value;
-      switch (h.key) {
+      const u = C.value;
+      switch (k.key) {
         case "ArrowDown":
-          h.preventDefault(), x.value = Math.min(x.value + 1, w.length - 1);
+          k.preventDefault(), w.value = Math.min(w.value + 1, u.length - 1);
           break;
         case "ArrowUp":
-          h.preventDefault(), x.value = Math.max(x.value - 1, 0);
+          k.preventDefault(), w.value = Math.max(w.value - 1, 0);
           break;
         case "Enter":
-          h.preventDefault(), x.value >= 0 && w[x.value] && F(w[x.value]);
+          k.preventDefault(), w.value >= 0 && u[w.value] && B(u[w.value]);
           break;
         case "Escape":
-          h.preventDefault(), d.value = !1;
+          k.preventDefault(), d.value = !1;
           break;
       }
     }
-    function y(h) {
-      $.value && !$.value.contains(h.target) && (d.value = !1);
+    function N(k) {
+      _.value && !_.value.contains(k.target) && (d.value = !1);
     }
-    return de(u, () => {
-      x.value = _.value.length ? 0 : -1;
-    }), he(() => {
-      typeof document < "u" && document.addEventListener("click", y);
+    return de(v, () => {
+      w.value = C.value.length ? 0 : -1;
     }), ke(() => {
-      typeof document < "u" && document.removeEventListener("click", y);
-    }), (h, w) => (c(), p("div", {
+      typeof document < "u" && document.addEventListener("click", N);
+    }), xe(() => {
+      typeof document < "u" && document.removeEventListener("click", N);
+    }), (k, u) => (p(), m("div", {
       ref_key: "selectRef",
-      ref: $,
+      ref: _,
       class: "relative"
     }, [
       l("button", {
         type: "button",
         id: n.id,
         disabled: n.disabled,
-        class: X(z(ie)(
+        class: R(M(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"
+          !U.value && "text-gray-500"
         )),
-        onClick: C
+        onClick: S
       }, [
-        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 }]),
+        l("span", dt, T(x.value), 1),
+        (p(), m("svg", {
+          class: R(["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] = [
+        }, [...u[1] || (u[1] = [
           l("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
@@ -473,11 +473,11 @@ const st = {
             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", {
+      ], 10, rt),
+      d.value ? (p(), m("div", ut, [
+        l("div", ct, [
+          l("div", pt, [
+            u[2] || (u[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",
@@ -492,40 +492,40 @@ const st = {
             ], -1)),
             oe(l("input", {
               ref_key: "searchRef",
-              ref: B,
-              "onUpdate:modelValue": w[0] || (w[0] = (v) => u.value = v),
+              ref: $,
+              "onUpdate:modelValue": u[0] || (u[0] = (b) => v.value = b),
               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]
+              [re, v.value]
             ])
           ])
         ]),
-        l("div", ct, [
-          (c(!0), p(W, null, te(_.value, (v, o) => (c(), p("button", {
-            key: v.value,
+        l("div", mt, [
+          (p(!0), m(J, null, ae(C.value, (b, i) => (p(), m("button", {
+            key: b.value,
             type: "button",
-            class: X(z(ie)(
+            class: R(M(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]"
+              i === w.value ? "bg-gray-100" : "hover:bg-gray-50",
+              String(b.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)
+            onClick: (s) => B(b)
+          }, T(b.label), 11, ft))), 128)),
+          C.value.length === 0 ? (p(), m("p", vt, ' No options found for "' + T(v.value) + '" ', 1)) : O("", !0)
         ])
-      ])) : P("", !0)
+      ])) : O("", !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 = {
+}), gt = { class: "boi-file-input w-full space-y-2" }, yt = ["accept", "disabled", "id"], ht = { class: "truncate text-sm text-gray-600" }, kt = {
   key: 0,
   class: "text-sm text-red-600"
-}, ht = {
+}, xt = {
   key: 1,
   class: "text-xs text-gray-500"
-}, kt = ["href"], xt = /* @__PURE__ */ q({
+}, wt = ["href"], _t = /* @__PURE__ */ Y({
   __name: "FileInput",
   props: {
     modelValue: { default: "" },
@@ -556,8 +556,8 @@ const st = {
     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 = {
+  setup(n, { emit: h }) {
+    const e = n, g = h, d = A(), _ = A(!1), $ = A(""), v = A(""), w = {
       "application/pdf": "PDF",
       "image/jpeg": "JPG",
       "image/jpg": "JPG",
@@ -568,7 +568,7 @@ const st = {
       "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "XLSX",
       "text/plain": "TXT",
       "text/csv": "CSV"
-    }, A = {
+    }, V = {
       pdf: ["application/pdf"],
       jpg: ["image/jpeg", "image/jpg"],
       jpeg: ["image/jpeg", "image/jpg"],
@@ -579,153 +579,159 @@ const st = {
       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;
+    }, C = I(
+      () => [...new Set(e.allowedTypes.map((b) => {
+        var i;
+        return w[b] || ((i = b.split("/")[1]) == null ? void 0 : i.toUpperCase()) || b;
       }))].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);
+    ), U = I(() => Math.round(e.maxSize / (1024 * 1024))), x = I(() => e.disabled || _.value), S = I(() => String(e.viewApiBase ?? "").trim().replace(/\/$/, "")), B = I(() => {
+      const b = String(e.viewStoragePath ?? "").trim();
+      return b || String(e.modelValue ?? "").trim();
+    }), G = I(() => {
+      const b = B.value;
+      if (!b || !e.uploadToServer) return "#";
+      const i = encodeURIComponent(b), s = S.value;
+      return s ? `${s}/api/files/view?path=${i}` : le.view(b);
     });
-    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;
+    function N(b) {
+      var i;
+      if (v.value = "", b.size > e.maxSize) {
+        const s = `File size must be less than ${U.value}MB`;
+        return v.value = s, g("validation-error", s), !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;
+        const s = ((i = b.name.split(".").pop()) == null ? void 0 : i.toLowerCase()) || "";
+        if (!(e.allowedTypes.includes(b.type) || (V[s] || []).some((y) => e.allowedTypes.includes(y)))) {
+          const y = `Only ${C.value} files are allowed`;
+          return v.value = y, g("validation-error", y), !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", "");
+    async function k(b) {
+      var c, y, j, P;
+      v.value = "";
+      const i = b.target, s = (c = i.files) == null ? void 0 : c[0];
+      if (!s) {
+        $.value = "", g("update:modelValue", "");
         return;
       }
-      if (!y(i)) {
-        o.value = "", B.value = "", f("update:modelValue", "");
+      if (!N(s)) {
+        i.value = "", $.value = "", g("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);
+        _.value = !0;
+        const K = e.uploadUrl ?? le.upload(), X = new FormData();
+        X.append("file", s), X.append("folder", "documents"), e.uploadContext && X.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);
+          const L = await e.post(K, X, { headers: { "Content-Type": "multipart/form-data" } }), E = L == null ? void 0 : L.data;
+          if (E != null && E.success && (E != null && E.path))
+            $.value = s.name, E.url && console.log("[FileInput] S3 URL:", E.url), g("update:modelValue", E.path), g("validation-success", "File uploaded successfully"), g("uploaded", E.path), (y = e.afterUpload) == null || y.call(e, E.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", "");
+            const H = (E == null ? void 0 : E.message) ?? "Upload failed";
+            v.value = H, g("validation-error", H), i.value = "", $.value = "", g("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", "");
+          const E = ((P = (j = L == null ? void 0 : L.response) == null ? void 0 : j.data) == null ? void 0 : P.message) ?? (L == null ? void 0 : L.message) ?? "Upload failed";
+          v.value = E, g("validation-error", E), i.value = "", $.value = "", g("update:modelValue", "");
         } finally {
-          $.value = !1;
+          _.value = !1;
         }
       } else
-        B.value = i.name, f("update:modelValue", i.name), f("uploaded", i.name);
+        $.value = s.name, g("update:modelValue", s.name), g("uploaded", s.name);
     }
-    function w() {
-      !S.value && d.value && d.value.click();
+    function u() {
+      !x.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, [
+    return de(() => e.modelValue, (b) => {
+      $.value = (typeof b == "string" && b ? b.split("/").pop() : "") || "";
+    }, { immediate: !0 }), (b, i) => (p(), m("div", gt, [
       l("input", {
         ref_key: "fileInput",
         ref: d,
         type: "file",
         accept: n.accept,
-        disabled: S.value,
+        disabled: x.value,
         id: n.id,
         class: "hidden",
-        onChange: h
-      }, null, 40, bt),
+        onChange: k
+      }, null, 40, yt),
       l("div", {
-        class: X([
+        class: R([
           "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" : ""
+          x.value ? "cursor-not-allowed opacity-50" : "cursor-pointer hover:bg-gray-50",
+          v.value ? "border-red-500" : ""
         ]),
-        onClick: w
+        onClick: u
       }, [
-        l("span", gt, M($.value ? "Uploading..." : B.value || n.placeholder), 1),
-        o[0] || (o[0] = l("span", { class: "text-gray-400" }, "📎", -1))
+        l("span", ht, T(_.value ? "Uploading..." : $.value || n.placeholder), 1),
+        i[0] || (i[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", {
+      v.value ? (p(), m("p", kt, T(v.value), 1)) : O("", !0),
+      n.showRequirements ? (p(), m("p", xt, "Max " + T(U.value) + " MB. Allowed: " + T(C.value) + ".", 1)) : O("", !0),
+      B.value && !_.value && n.uploadToServer ? (p(), m("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)
+      }, " View document >>> ", 8, wt)) : O("", !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 = {
+}), St = ["disabled"], $t = { class: "px-4 pb-4 md:px-6 md:pb-6" }, Bt = { class: "mb-6 rounded-lg border border-blue-200 bg-blue-50 p-4 text-sm" }, Ct = { class: "text-blue-900" }, At = {
   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 = {
+}, It = { class: "list-inside list-disc space-y-0.5 text-xs text-blue-800 columns-2 gap-x-4" }, Vt = {
   key: 1,
   class: "mt-2 text-xs text-blue-700"
-}, It = {
+}, Ut = {
+  key: 2,
+  class: "mt-2 text-xs text-red-700"
+}, Pt = {
+  key: 3,
+  class: "mt-2 text-xs text-blue-700"
+}, Et = {
   key: 0,
   class: "flex items-center justify-center py-10"
-}, Vt = {
+}, Ot = {
   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 = {
+}, Ft = ["onClick"], Dt = { class: "flex items-center justify-between gap-4" }, Tt = { class: "border-b-2 border-primary pb-1 text-base font-semibold text-slate-900" }, jt = ["disabled", "onClick"], Mt = { class: "grid grid-cols-1 gap-4 md:grid-cols-3" }, Lt = ["onUpdate:modelValue", "onBlur"], zt = ["value"], Rt = {
   key: 0,
   class: "mt-1.5 flex flex-wrap items-center gap-2 text-xs"
-}, Mt = {
+}, Nt = {
   key: 0,
   class: "text-blue-600"
-}, Lt = {
+}, Kt = {
   key: 1,
   class: "text-green-600"
-}, zt = {
+}, Xt = {
   key: 2,
   class: "flex items-center gap-1"
-}, Rt = { class: "text-red-600" }, Nt = ["onClick"], Kt = {
+}, Wt = { class: "text-red-600" }, Gt = ["onClick"], Ht = {
   key: 0,
   class: "boi-emts-wrapper"
-}, Xt = {
+}, Jt = {
   key: 0,
   class: "mt-3 text-sm font-medium text-green-800"
-}, Wt = {
+}, Qt = {
   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 = {
+}, qt = { class: "rounded-lg py-3" }, Yt = { class: "flex items-center gap-2" }, Zt = {
   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 = {
+}, ea = {
   key: 0,
   class: "mt-1.5 text-sm text-amber-700"
-}, qt = {
+}, ta = {
   key: 1,
   class: "mt-1.5 text-sm text-red-600"
-}, Yt = {
+}, aa = {
   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({
+}, na = { class: "flex-1 text-sm text-red-800" }, oa = { class: "flex justify-center" }, la = /* @__PURE__ */ Y({
   __name: "BankStatementIntegration",
   props: {
     applicationId: {},
@@ -743,84 +749,89 @@ const st = {
     pollEdocStatus: { type: Boolean, default: !0 }
   },
   emits: ["error"],
-  setup(n, { emit: k }) {
-    const e = n, f = k;
+  setup(n, { emit: h }) {
+    const e = n, g = h;
     function d(t) {
       const a = (e.integrationBaseUrl ?? "").replace(/\/$/, "");
       if (!a) return t;
-      const s = t.startsWith("/") ? t : `/${t}`;
-      return `${a}${s}`;
+      const o = t.startsWith("/") ? t : `/${t}`;
+      return `${a}${o}`;
     }
-    const { edocBanks: $, loadBanksForStatement: B } = at({
+    const {
+      edocBanks: _,
+      loadBanksForStatement: $,
+      loading: v,
+      error: w
+    } = ot({
       get: e.api.get,
-      getBanksUrl: () => d(Q.getBanks())
+      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() {
+      handleAccountVerification: V,
+      retryVerification: C,
+      getVerificationState: U
+    } = st(() => e.verifyBankAccount), x = A(0), S = A(""), B = A(!1), G = A(null);
+    function N() {
       var t;
       (t = e.blockAutoSave) == null || t.call(e);
     }
-    function G() {
+    function k() {
       setTimeout(() => {
         var a;
-        const t = C.value;
+        const t = G.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(
+    const u = A([]), b = A(!1);
+    let i = null;
+    const s = I(
       () => {
         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(
+    ), c = I(
+      () => e.applicationId ? lt.urls(e.applicationId, s.value) : null
+    ), y = I(
       () => 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(() => {
+    ), j = I(() => (e.integrationBaseUrl ?? "").trim().replace(/\/$/, "")), P = I(
+      () => u.value.slice(0, e.maxAccounts)
+    ), K = I(() => u.value.length < e.maxAccounts), X = I(() => u.value.length > 0), L = I(() => {
       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;
+    function E() {
+      var o, f;
+      const t = (o = e.formData) == null ? void 0 : o.industrial_sector_id;
       if (t == null) return;
-      const a = (m = e.industrialSectorOptions) == null ? void 0 : m.find(
+      const a = (f = e.industrialSectorOptions) == null ? void 0 : f.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) {
+    function H(t) {
       if (t == null || t === "") return !1;
       const a = t.trim().toLowerCase();
       return a.includes("edoc/statements/") && a.endsWith(".csv");
     }
-    function U(t) {
+    function ue(t) {
       const a = (t ?? "").trim();
-      return !a || L(a) ? "" : a;
+      return !a || H(a) ? "" : a;
     }
-    function ae(t) {
-      var m, r;
-      const a = (m = t.uploaded_statement_path) == null ? void 0 : m.trim();
+    function we(t) {
+      var f, r;
+      const a = (f = t.uploaded_statement_path) == null ? void 0 : f.trim();
       if (a) return a;
-      const s = ((r = t.bank_statement) == null ? void 0 : r.trim()) ?? "";
-      return s && !L(s) ? s : "";
+      const o = ((r = t.bank_statement) == null ? void 0 : r.trim()) ?? "";
+      return o && !H(o) ? o : "";
     }
-    function xe(t, a) {
-      t.uploaded_statement_path = a.trim(), Z(t);
+    function _e(t, a) {
+      t.uploaded_statement_path = a.trim(), ee(t);
     }
-    function ue(t, a) {
+    function ce(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}`);
+      const o = ((r = e.bankOptions.find((F) => F.value === t.bank)) == null ? void 0 : r.label) ?? "", f = t.account_number ?? "";
+      return o && f ? `${o} (${f})` : o || (f ? `Account (${f})` : `Account ${a + 1}`);
     }
-    function we(t) {
+    function Se(t) {
       const a = {
         pending: "bg-gray-100 text-gray-800",
         processing: "bg-amber-100 text-amber-800",
@@ -829,72 +840,72 @@ const st = {
       };
       return a[t] ?? a.pending;
     }
-    async function _e() {
-      if (o.value)
+    async function $e() {
+      if (c.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,
+          b.value = !0;
+          const t = await e.api.get(c.value.index), a = t == null ? void 0 : t.data;
+          a != null && a.success && Array.isArray(a.data) && (u.value = a.data.map((o) => ({
+            ...o,
             otp: "",
             showOtpInput: !1,
-            uploaded_statement_path: U(s.bank_statement)
+            uploaded_statement_path: ue(o.bank_statement)
           })));
         } catch (t) {
           console.error("Failed to load bank statements", t);
         } finally {
-          h.value = !1;
+          b.value = !1;
         }
     }
-    async function Se() {
-      if (o.value)
+    async function Be() {
+      if (c.value)
         try {
-          const t = await e.api.get(o.value.index), a = t == null ? void 0 : t.data;
+          const t = await e.api.get(c.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 ?? "";
+          const o = ["edoc_status", "consent_id", "csv_url", "statement_generated"];
+          u.value = u.value.map((f) => {
+            const r = a.data.find((D) => D.id === f.id);
+            if (!r) return f;
+            const F = {};
+            for (const D of o)
+              D in r && (F[D] = r[D]);
+            let z = f.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 = "");
+              const D = String(r.bank_statement ?? "");
+              F.bank_statement = r.bank_statement, D && !H(D) ? z = D : D && H(D) && z || D || (z = "");
             }
-            return E.uploaded_statement_path = R, { ...m, ...E };
+            return F.uploaded_statement_path = z, { ...f, ...F };
           });
         } catch (t) {
           console.error("Sync statements failed", t);
         }
     }
-    function ce() {
-      Y(), w = setInterval(() => {
-        if (!y.value.some((a) => a.edoc_status === "processing")) {
-          Y();
+    function pe() {
+      Z(), i = setInterval(() => {
+        if (!u.value.some((a) => a.edoc_status === "processing")) {
+          Z();
           return;
         }
-        Se();
+        Be();
       }, 5e3);
     }
-    function Y() {
-      w && (clearInterval(w), w = null);
+    function Z() {
+      i && (clearInterval(i), i = null);
     }
     de(
-      () => y.value.some((t) => t.edoc_status === "processing"),
+      () => u.value.some((t) => t.edoc_status === "processing"),
       (t) => {
         if (!e.pollEdocStatus) {
-          Y();
+          Z();
           return;
         }
-        t ? ce() : Y();
+        t ? pe() : Z();
       }
     );
-    async function Z(t) {
-      if (!(!o.value || t.id < 0))
+    async function ee(t) {
+      if (!(!c.value || t.id < 0))
         try {
-          await e.api.put(o.value.update(t.id), {
+          await e.api.put(c.value.update(t.id), {
             bank: t.bank,
             account_number: t.account_number,
             account_name: t.account_name,
@@ -907,8 +918,8 @@ const st = {
           console.error("Failed to save bank statement", a);
         }
     }
-    async function $e() {
-      if (!o.value || !D.value) return;
+    async function Ce() {
+      if (!c.value || !K.value) return;
       const t = -Date.now(), a = {
         id: t,
         loan_application_id: Number(e.applicationId),
@@ -917,7 +928,7 @@ const st = {
         account_name: "",
         account_type: "",
         bvn: "",
-        email: N.value,
+        email: L.value,
         bank_statement: "",
         csv_url: "",
         consent_id: "",
@@ -927,144 +938,148 @@ const st = {
         showOtpInput: !1,
         uploaded_statement_path: ""
       };
-      y.value.push(a), _.value = y.value.length - 1;
+      u.value.push(a), x.value = u.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,
+        const o = await e.api.post(c.value.store, { email: L.value }), f = o == null ? void 0 : o.data;
+        if (f != null && f.success && f.data) {
+          const r = u.value.findIndex((F) => F.id === t);
+          r !== -1 && (u.value[r] = {
+            ...f.data,
             otp: "",
             showOtpInput: !1,
-            uploaded_statement_path: U(m.data.bank_statement)
+            uploaded_statement_path: ue(f.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");
+          u.value = u.value.filter((r) => r.id !== t), x.value = Math.max(0, u.value.length - 1);
+      } catch (o) {
+        u.value = u.value.filter((f) => f.id !== t), x.value = Math.max(0, u.value.length - 1), g("error", (o == null ? void 0 : o.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)
+    async function Ae(t) {
+      if (!c.value) return;
+      const a = u.value.findIndex((r) => r.id === t.id), o = { ...t }, f = t.id < 0;
+      if (u.value = u.value.filter((r) => r.id !== t.id), x.value = Math.min(x.value, Math.max(0, u.value.length - 1)), !f)
         try {
-          await e.api.delete(o.value.destroy(t.id));
+          await e.api.delete(c.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");
+          u.value = u.value.slice(0, a).concat(o, u.value.slice(a)), g("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 Ie(t, a) {
+      t.consent_id = a, t.showOtpInput = !0, ee(t);
     }
-    function Ae(t, a) {
-      Object.assign(t, a), Z(t);
+    function Ve(t, a) {
+      Object.assign(t, a), ee(t);
     }
-    function Ie(t) {
-      O.value = t, f("error", t);
+    function Ue(t) {
+      S.value = t, g("error", t);
     }
-    function Ve() {
-      O.value = "";
+    function Pe() {
+      S.value = "";
     }
-    function pe(t) {
+    function me(t) {
       return (a) => {
         var r;
-        if (!o.value) return;
+        if (!c.value) return;
         (r = e.blockAutoSave) == null || r.call(e), t.edoc_status = "processing";
-        const s = K(), m = () => {
+        const o = E(), f = () => {
           setTimeout(() => {
-            var E;
-            return (E = e.unblockAutoSave) == null ? void 0 : E.call(e);
+            var F;
+            return (F = e.unblockAutoSave) == null ? void 0 : F.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);
+        e.api.post(c.value.uploadToEdoc(t.id), { filePath: a, industrialSector: o }).then((F) => {
+          var D;
+          const z = (D = F == null ? void 0 : F.data) == null ? void 0 : D.data;
+          if (z) {
+            const ve = t.uploaded_statement_path ?? "";
+            Object.assign(t, z), ve && z.bank_statement && H(String(z.bank_statement)) && (t.uploaded_statement_path = ve);
           }
-          ce();
+          pe();
         }).catch(() => {
           t.edoc_status = "failed";
-        }).finally(m);
+        }).finally(f);
       };
     }
-    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());
+    const fe = (t) => {
+      if (!t || !_.value.length) return !1;
+      const a = e.bankOptions.find((f) => f.value === t), o = [(a == null ? void 0 : a.label) ?? "", ...(a == null ? void 0 : a.searchKeywords) ?? []].filter(Boolean);
+      return _.value.some((f) => {
+        const r = f.bankCode === t || f.code === t, F = o.some((z) => {
+          var D;
+          return (D = f.name) == null ? void 0 : D.toLowerCase().includes(z.toLowerCase());
         });
-        return (r || E) && m.enabled !== !1;
+        return (r || F) && f.enabled !== !1;
       });
-    }, se = V(
-      () => ($.value || []).filter((t) => t.enabled !== !1).map((t) => t.name || t.bankCode || "Unknown").sort((t, a) => t.localeCompare(a))
+    }, se = I(
+      () => (_.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", {
+    return ke(async () => {
+      $(), e.applicationId && await $e();
+    }), xe(() => {
+      Z();
+    }), (t, a) => (p(), m("fieldset", {
       ref_key: "rootRef",
-      ref: C,
+      ref: G,
       disabled: n.isFormDisabled,
       class: "boi-bank-statement-integration rounded-xl border border-gray-200 bg-white shadow-sm",
-      onFocusin: F,
-      onFocusout: G
+      onFocusin: N,
+      onFocusout: k
     }, [
-      a[13] || (a[13] = l("div", { class: "border-b border-gray-100 px-4 py-3 md:px-6 md:py-4" }, [
+      a[14] || (a[14] = 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)),
+      l("div", $t, [
+        l("div", Bt, [
+          l("p", Ct, [
+            a[1] || (a[1] = W(" 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)),
+            a[3] || (a[3] = W(", so you may not need to upload a PDF. ", -1)),
             l("button", {
               type: "button",
-              onClick: a[0] || (a[0] = (s) => S.value = !S.value),
+              onClick: a[0] || (a[0] = (o) => B.value = !B.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)
+            }, T(B.value ? "Hide" : "See"), 1),
+            W(" " + T(B.value ? "" : " supported banks."), 1)
           ]),
-          S.value && se.value.length ? (c(), p("div", Bt, [
+          B.value && se.value.length ? (p(), m("div", At, [
             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))
+            l("ul", It, [
+              (p(!0), m(J, null, ae(se.value, (o, f) => (p(), m("li", { key: f }, T(o), 1))), 128))
             ])
-          ])) : S.value && !se.value.length ? (c(), p("p", At, " Loading supported banks… ")) : P("", !0)
+          ])) : B.value && M(v) ? (p(), m("p", Vt, " Loading supported banks… ")) : B.value && M(w) ? (p(), m("p", Ut, [...a[5] || (a[5] = [
+            W(" Could not load the EDOC bank list. Check boi-api / ", -1),
+            l("code", { class: "rounded bg-red-50 px-0.5" }, "/api/boi-api", -1),
+            W(" proxy and network errors. ", -1)
+          ])])) : B.value && !se.value.length ? (p(), m("p", Pt, " No banks are returned for electronic retrieval (EDOC list is empty on the API). ")) : O("", !0)
         ]),
-        h.value ? (c(), p("div", It, [...a[5] || (a[5] = [
+        b.value ? (p(), m("div", Et, [...a[6] || (a[6] = [
           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,
+        ])])) : (p(), m(J, { key: 1 }, [
+          P.value.length ? (p(), m("div", Ot, [
+            (p(!0), m(J, null, ae(P.value, (o, f) => (p(), m("button", {
+              key: o.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: R(["shrink-0 rounded-lg px-4 py-2 text-sm font-medium whitespace-nowrap transition-colors", x.value === f ? "bg-primary text-white shadow-sm" : "bg-slate-100 text-slate-700 hover:bg-slate-200"]),
+              onClick: (r) => x.value = f
+            }, T(ce(o, f)), 11, Ft))), 128))
+          ])) : O("", !0),
+          (p(!0), m(J, null, ae(P.value, (o, f) => oe((p(), m("div", {
+            key: o.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("div", Dt, [
+              l("h4", Tt, T(ce(o, f)), 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] = [
+                disabled: !X.value || n.isFormDisabled,
+                onClick: (r) => Ae(o)
+              }, [...a[7] || (a[7] = [
                 l("svg", {
                   class: "w-4 h-4 mr-1.5",
                   fill: "none",
@@ -1078,142 +1093,142 @@ const st = {
                     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)
+                W(" Remove account ", -1)
+              ])], 8, jt)
             ]),
             ne(t.$slots, "account-fields", {
-              account: s,
+              account: o,
               bankOptions: n.bankOptions,
-              verificationState: z(A)(s),
-              onVerify: () => z(u)(s),
-              onRetry: () => z(x)(s)
+              verificationState: M(U)(o),
+              onVerify: () => M(V)(o),
+              onRetry: () => M(C)(o)
             }, () => [
-              l("div", Ft, [
+              l("div", Mt, [
                 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,
+                  a[8] || (a[8] = l("label", { class: "mb-1.5 block text-sm font-medium text-gray-700" }, "Bank", -1)),
+                  te(bt, {
+                    "model-value": o.bank,
                     options: n.bankOptions,
                     placeholder: "Select bank",
                     disabled: !!n.isFormDisabled,
                     "onUpdate:modelValue": (r) => {
-                      s.bank = r, z(u)(s), Z(s);
+                      o.bank = r, M(V)(o), ee(o);
                     }
                   }, 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)),
+                  a[9] || (a[9] = 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,
+                    "onUpdate:modelValue": (r) => o.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);
+                      M(V)(o), ee(o);
                     }
-                  }, null, 40, Dt), [
-                    [re, s.account_number]
+                  }, null, 40, Lt), [
+                    [re, o.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)),
+                  a[10] || (a[10] = l("label", { class: "mb-1.5 block text-sm font-medium text-gray-700" }, "Account name", -1)),
                   l("input", {
-                    value: s.account_name,
+                    value: o.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),
+                  }, null, 8, zt),
+                  n.verifyBankAccount ? (p(), m("div", Rt, [
+                    M(U)(o).isLoading ? (p(), m("span", Nt, "Verifying…")) : M(U)(o).isSuccess ? (p(), m("span", Kt, "Account verified")) : M(U)(o).isError ? (p(), m("span", Xt, [
+                      l("span", Wt, T(M(U)(o).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)
+                        onClick: (r) => M(C)(o)
+                      }, "Retry", 8, Gt)
+                    ])) : O("", !0)
+                  ])) : O("", !0)
                 ])
               ])
             ]),
-            me(s.bank) ? (c(), p("div", Kt, [
-              ee(et, {
-                account: s,
-                "edoc-banks": z($),
+            fe(o.bank) ? (p(), m("div", Ht, [
+              te(at, {
+                account: o,
+                "edoc-banks": M(_),
                 "bank-options": n.bankOptions,
                 api: { get: n.api.get, post: n.api.post },
-                "company-email": N.value,
-                "industrial-sector": K(),
+                "company-email": L.value,
+                "industrial-sector": E(),
                 "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
+                "onUpdate:consentId": (r) => Ie(o, r),
+                onStatementRetrieved: (r) => Ve(o, r),
+                onError: Ue
               }, 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)),
+              o.statement_generated || o.edoc_status === "completed" ? (p(), m("p", Jt, " Succeeded. ")) : O("", !0)
+            ])) : O("", !0),
+            fe(o.bank) ? O("", !0) : (p(), m("div", Qt, [
+              a[12] || (a[12] = 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)
+                account: o,
+                afterUpload: me(o)
               }, () => [
-                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,
+                te(_t, {
+                  modelValue: o.bank_statement,
+                  "onUpdate:modelValue": (r) => o.bank_statement = r,
+                  "view-storage-path": we(o),
+                  post: (r, F, z) => n.api.post(r, F, z),
+                  "upload-url": y.value,
+                  "view-api-base": j.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),
+                  "after-upload": me(o),
                   disabled: n.isFormDisabled,
-                  onUploaded: (r) => xe(s, String(r))
+                  onUploaded: (r) => _e(o, 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("div", qt, [
+                  l("div", Yt, [
+                    a[11] || (a[11] = 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"])
+                      class: R([Se(o.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)
+                      o.edoc_status === "processing" ? (p(), m("span", Zt)) : O("", !0),
+                      W(" " + T(o.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.edoc_status === "processing" ? (p(), m("p", ea, " Processing in progress. Please wait… ")) : O("", !0),
+                  o.edoc_status === "failed" ? (p(), m("p", ta, " Processing failed. Please re-upload a valid bank statement or try another method. ")) : O("", !0)
                 ])
               ])
             ])),
-            O.value ? (c(), p("div", Yt, [
-              l("p", Zt, M(O.value), 1),
+            S.value ? (p(), m("div", aa, [
+              l("p", na, T(S.value), 1),
               l("button", {
                 type: "button",
                 class: "shrink-0 rounded p-1 text-red-600 hover:bg-red-100",
-                onClick: Ve,
+                onClick: Pe,
                 "aria-label": "Dismiss"
               }, "×")
-            ])) : P("", !0)
+            ])) : O("", !0)
           ])), [
-            [Pe, _.value === m]
+            [Oe, x.value === f]
           ])), 128)),
-          l("div", ea, [
-            ee(Re, {
+          l("div", oa, [
+            te(Ke, {
               type: "button",
               variant: "default",
               size: "lg",
-              disabled: !D.value || n.isFormDisabled || !n.applicationId,
-              onClick: $e
+              disabled: !K.value || n.isFormDisabled || !n.applicationId,
+              onClick: Ce
             }, {
-              default: Oe(() => [...a[12] || (a[12] = [
+              default: Fe(() => [...a[13] || (a[13] = [
                 l("svg", {
                   class: "w-4 h-4",
                   fill: "none",
@@ -1227,35 +1242,35 @@ const st = {
                     d: "M12 4v16m8-8H4"
                   })
                 ], -1),
-                H(" Add account ", -1)
+                W(" Add account ", -1)
               ])]),
               _: 1
             }, 8, ["disabled"])
           ])
         ], 64))
       ])
-    ], 40, wt));
+    ], 40, St));
   }
 });
-function ta(n) {
+function sa(n) {
 }
-const oa = {
-  install: ta
+const ra = {
+  install: sa
 };
 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,
+  bt as BankSelect,
+  la as BankStatementIntegration,
+  je as BoiButton,
+  Ke as Button,
+  at as EmtsIntegration,
+  _t as FileInput,
+  lt as bankStatementsApi,
+  it as bankStatementsUrls,
+  ra as default,
+  q as edocApi,
   le as filesApi,
-  ta as install,
-  nt as useAccountVerification,
-  at as useEdocBanks
+  sa as install,
+  st as useAccountVerification,
+  ot as useEdocBanks
 };
 //# sourceMappingURL=boi-ui.js.map