@opexa/portal-components 0.0.8 → 0.0.10

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositForm.mjs

@@ -1,229 +1,276 @@
-import { createListCollection as A, Portal as O } from "@ark-ui/react";
-import { zodResolver as T } from "../../../../node_modules/.pnpm/@hookform_resolvers@5.0.1_react-hook-form@7.56.4_react@19.1.0_/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
-import { noop as L } from "lodash-es";
-import { useEffect as Q } from "react";
-import { useForm as B, Controller as I } from "react-hook-form";
+import { j as o } from "../../../../_virtual/jsx-runtime.mjs";
+import { createListCollection as T, Portal as L } from "@ark-ui/react";
+import { zodResolver as Q } from "../../../../node_modules/.pnpm/@hookform_resolvers@5.0.1_react-hook-form@7.56.4_react@19.1.0_/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
+import { noop as R } from "lodash-es";
+import { useEffect as B } from "react";
+import { useForm as P, Controller as b } from "react-hook-form";
 import { z as m } from "zod";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../../../constants/index.mjs";
 import "../../../../utils/capitalize.mjs";
-import { parseDecimal as r } from "../../../../utils/parseDecimal.mjs";
+import { parseDecimal as i } from "../../../../utils/parseDecimal.mjs";
 import "../../../../utils/getLocaleInfo.mjs";
 import "../../../../utils/getQueryClient.mjs";
 import "../../../../utils/isMobile.mjs";
 import "../../../../utils/toaster.mjs";
-import { useAvailablePromosQuery as P } from "../../../../hooks/useAvailablePromosQuery.mjs";
-import "../../../../_virtual/index.cjs.mjs";
-import { useDepositsCountQuery as V } from "../../../../hooks/useDepositsCountQuery.mjs";
-import { useDisclosure as $ } from "../../../../hooks/useDisclosure.mjs";
+import { useAvailablePromosQuery as V } from "../../../../hooks/useAvailablePromosQuery.mjs";
+import "../../../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
+import { useDepositsCountQuery as $ } from "../../../../hooks/useDepositsCountQuery.mjs";
+import { useDisclosure as z } from "../../../../hooks/useDisclosure.mjs";
 import "../../../../hooks/useGlobalStore.mjs";
 import "../../../../hooks/useInfiniteQueryHelper.mjs";
-import { useInstapayBankListQuery as z } from "../../../../hooks/useInstapayBankListQuery.mjs";
+import { useInstapayBankListQuery as E } from "../../../../hooks/useInstapayBankListQuery.mjs";
 import "usehooks-ts";
 import { usePaymentSettingsQuery as M } from "../../../../hooks/usePaymentSettingsQuery.mjs";
 import { AlertCircleIcon as N } from "../../../../icons/AlertCircleIcon.mjs";
 import { CheckIcon as F } from "../../../../icons/CheckIcon.mjs";
-import { ChevronDownIcon as x } from "../../../../icons/ChevronDownIcon.mjs";
+import { ChevronDownIcon as D } from "../../../../icons/ChevronDownIcon.mjs";
 import { ChevronUpIcon as w } from "../../../../icons/ChevronUpIcon.mjs";
 import { XIcon as Z } from "../../../../icons/XIcon.mjs";
-import { Root as U, Backdrop as j, Positioner as W, Content as _, Header as q, CloseTrigger as G, Body as H, Title as X, Description as Y, Footer as J } from "../../../../ui/AlertDialog/AlertDialog.mjs";
+import { Root as U, Backdrop as W, Positioner as _, Content as q, Header as G, CloseTrigger as H, Body as X, Title as Y, Description as J, Footer as K } from "../../../../ui/AlertDialog/AlertDialog.mjs";
 import "../../../../ui/Avatar/Avatar.mjs";
 import "../../../../ui/Badge/Badge.mjs";
-import { Button as u } from "../../../../ui/Button/Button.mjs";
+import { Button as p } from "../../../../ui/Button/Button.mjs";
 import "../../../../ui/Checkbox/Checkbox.mjs";
 import "../../../../ui/Clipboard/Clipboard.mjs";
 import "../../../../ui/DatePicker/DatePicker.mjs";
 import "../../../../ui/Dialog/Dialog.mjs";
 import "../../../../ui/Drawer/Drawer.mjs";
-import { Root as K, ErrorText as ee } from "../../../../ui/Field/Field.mjs";
+import { Root as oo, ErrorText as eo } from "../../../../ui/Field/Field.mjs";
 import "../../../../ui/IconButton/iconButton.recipe.mjs";
-import { Root as te, Label as oe, Control as ne, Input as re, IncrementTrigger as ae, DecrementTrigger as me } from "../../../../ui/NumberInput/NumberInput.mjs";
+import { Root as to, Label as ro, Control as no, Input as io, IncrementTrigger as so, DecrementTrigger as mo } from "../../../../ui/NumberInput/NumberInput.mjs";
 import "../../../../ui/PinInput/PinInput.mjs";
 import "../../../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
 import "../../../../ui/SegmentGroup/SegmentGroup.mjs";
-import { Root as ie, Label as le, Trigger as ce, ValueText as se, Indicator as ue, Positioner as pe, Content as de, Item as fe, ItemText as Re, ItemIndicator as Ee } from "../../../../ui/Select/Select.mjs";
+import { Root as ao, Label as uo, Trigger as lo, ValueText as co, Indicator as po, Positioner as xo, Content as ho, Item as fo, ItemText as jo, ItemIndicator as go } from "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
-import { AmountChoices as ge } from "../../AmountChoices.mjs";
-import { AvailablePromos as Ce } from "../../AvailablePromos.mjs";
-import { useOnlineBankDepositContext as he } from "./OnlineBankDepositContext.mjs";
-function vt() {
+import { AmountChoices as Co } from "../../AmountChoices.mjs";
+import { AvailablePromos as yo } from "../../AvailablePromos.mjs";
+import { useOnlineBankDepositContext as vo } from "./OnlineBankDepositContext.mjs";
+function De() {
   var g, C;
-  const b = he(), l = $(), D = V().data ?? 0, p = M(), s = p.data, i = s == null ? void 0 : s.onlineBankDepositGatewaySettings, c = r(i == null ? void 0 : i.maximumAmount, 0), a = D <= 0 ? r((g = p.data) == null ? void 0 : g.minimumFirstDepositAmount, 0) : r(i == null ? void 0 : i.minimumAmount, 0), d = z().data ?? [], f = P().data ?? [], k = m.object({
+  const k = vo(), u = z(), S = $().data ?? 0, d = M(), c = d.data, a = c == null ? void 0 : c.onlineBankDepositGatewaySettings, l = i(a == null ? void 0 : a.maximumAmount, 0), s = S <= 0 ? i((g = d.data) == null ? void 0 : g.minimumFirstDepositAmount, 0) : i(a == null ? void 0 : a.minimumAmount, 0), x = E().data ?? [], h = V().data ?? [], A = m.object({
     amount: m.string().superRefine((e, n) => {
-      const t = r(e, 0);
-      t < a && n.addIssue({
+      const t = i(e, 0);
+      t < s && n.addIssue({
         type: "number",
         code: m.ZodIssueCode.too_small,
         inclusive: !0,
-        minimum: a,
-        message: `Minimum amount is ${a.toLocaleString()}`
-      }), t > c && n.addIssue({
+        minimum: s,
+        message: `Minimum amount is ${s.toLocaleString()}`
+      }), t > l && n.addIssue({
         type: "number",
         code: m.ZodIssueCode.too_big,
         inclusive: !0,
-        maximum: c,
-        message: `Maximum amount is ${c.toLocaleString()}`
+        maximum: l,
+        message: `Maximum amount is ${l.toLocaleString()}`
       });
     }),
     promo: m.string().optional().nullable()
   }).superRefine((e, n) => {
-    const t = f.find((S) => S.id === e.promo), h = r(t == null ? void 0 : t.minimumDepositAmount, 0), y = r(t == null ? void 0 : t.maximumDepositAmount, 0), v = r(e.amount, 0);
-    t && v < h && n.addIssue({
+    const t = h.find((O) => O.id === e.promo), y = i(t == null ? void 0 : t.minimumDepositAmount, 0), v = i(t == null ? void 0 : t.maximumDepositAmount, 0), I = i(e.amount, 0);
+    t && I < y && n.addIssue({
       path: ["amount"],
       code: m.ZodIssueCode.custom,
-      message: `Minimum amount for this promo is ${h.toLocaleString()}`
-    }), t && v > y && n.addIssue({
+      message: `Minimum amount for this promo is ${y.toLocaleString()}`
+    }), t && I > v && n.addIssue({
       path: ["amount"],
       code: m.ZodIssueCode.custom,
-      message: `Maximum amount for this promo is ${y}`
+      message: `Maximum amount for this promo is ${v}`
     });
-  }), o = B({
+  }), r = P({
     mode: "all",
-    resolver: T(k),
+    resolver: Q(A),
     defaultValues: {
       amount: "0",
       promo: null
     }
   });
-  Q(() => {
-    a && o.reset({
-      amount: a.toString(),
+  B(() => {
+    s && r.reset({
+      amount: s.toString(),
       promo: null
     });
-  }, [o, a]);
-  const R = o.handleSubmit(async (e) => {
-    b.generateVca(
+  }, [r, s]);
+  const f = r.handleSubmit(async (e) => {
+    k.generateVca(
       {
         amount: e.amount.toString(),
         promo: e.promo ?? void 0
       },
       {
         onSuccess() {
-          o.reset();
+          r.reset();
         }
       }
     );
-  }), E = A({
-    items: d,
+  }), j = T({
+    items: x,
     itemToValue: (e) => e.code,
     itemToString: (e) => e.name
   });
-  return /* @__PURE__ */ React.createElement("form", { onSubmit: R, noValidate: !0 }, /* @__PURE__ */ React.createElement(
-    ie,
-    {
-      lazyMount: !0,
-      collection: E,
-      positioning: { sameWidth: !0 },
-      value: [((C = d.at(0)) == null ? void 0 : C.code) ?? ""],
-      onValueChange: L
-    },
-    /* @__PURE__ */ React.createElement(le, null, "Select bank"),
-    /* @__PURE__ */ React.createElement(ce, null, /* @__PURE__ */ React.createElement(se, null), /* @__PURE__ */ React.createElement(ue, { asChild: !0 }, /* @__PURE__ */ React.createElement(x, null))),
-    /* @__PURE__ */ React.createElement(pe, null, /* @__PURE__ */ React.createElement(de, null, E.items.map((e) => /* @__PURE__ */ React.createElement(fe, { key: e.id, item: e }, /* @__PURE__ */ React.createElement(Re, null, e.name), /* @__PURE__ */ React.createElement(Ee, { asChild: !0 }, /* @__PURE__ */ React.createElement(F, null))))))
-  ), /* @__PURE__ */ React.createElement(
-    I,
-    {
-      control: o.control,
-      name: "amount",
-      render: (e) => {
-        var n;
-        return /* @__PURE__ */ React.createElement(K, { invalid: !!o.formState.errors.amount, className: "mt-4" }, /* @__PURE__ */ React.createElement(
-          te,
-          {
-            min: 0,
-            step: 1,
-            value: e.field.value,
-            onValueChange: (t) => {
-              e.field.onChange(t.value);
-            },
-            formatOptions: {
-              maximumFractionDigits: 2,
-              minimumFractionDigits: 0
-            },
-            allowMouseWheel: !0
-          },
-          /* @__PURE__ */ React.createElement(oe, null, "Enter amount you want to deposit"),
-          /* @__PURE__ */ React.createElement(ne, null, /* @__PURE__ */ React.createElement(re, null), /* @__PURE__ */ React.createElement(ae, null, /* @__PURE__ */ React.createElement(w, null)), /* @__PURE__ */ React.createElement(me, null, /* @__PURE__ */ React.createElement(x, null)))
-        ), /* @__PURE__ */ React.createElement(ee, null, (n = o.formState.errors.amount) == null ? void 0 : n.message));
+  return /* @__PURE__ */ o.jsxs("form", { onSubmit: f, noValidate: !0, children: [
+    /* @__PURE__ */ o.jsxs(
+      ao,
+      {
+        lazyMount: !0,
+        collection: j,
+        positioning: { sameWidth: !0 },
+        value: [((C = x.at(0)) == null ? void 0 : C.code) ?? ""],
+        onValueChange: R,
+        children: [
+          /* @__PURE__ */ o.jsx(uo, { children: "Select bank" }),
+          /* @__PURE__ */ o.jsxs(lo, { children: [
+            /* @__PURE__ */ o.jsx(co, {}),
+            /* @__PURE__ */ o.jsx(po, { asChild: !0, children: /* @__PURE__ */ o.jsx(D, {}) })
+          ] }),
+          /* @__PURE__ */ o.jsx(xo, { children: /* @__PURE__ */ o.jsx(ho, { children: j.items.map((e) => /* @__PURE__ */ o.jsxs(fo, { item: e, children: [
+            /* @__PURE__ */ o.jsx(jo, { children: e.name }),
+            /* @__PURE__ */ o.jsx(go, { asChild: !0, children: /* @__PURE__ */ o.jsx(F, {}) })
+          ] }, e.id)) }) })
+        ]
       }
-    }
-  ), /* @__PURE__ */ React.createElement(
-    ge,
-    {
-      value: r(o.watch("amount"), 0),
-      onChange: (e) => {
-        o.setValue("amount", e.toString(), {
-          shouldTouch: !0,
-          shouldDirty: !0,
-          shouldValidate: !0
-        });
-      },
-      min: a,
-      max: c,
-      className: "mt-xl"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    I,
-    {
-      control: o.control,
-      name: "promo",
-      render: (e) => /* @__PURE__ */ React.createElement(
-        Ce,
-        {
-          className: "mt-4xl",
-          value: e.field.value,
-          onChange: e.field.onChange
+    ),
+    /* @__PURE__ */ o.jsx(
+      b,
+      {
+        control: r.control,
+        name: "amount",
+        render: (e) => {
+          var n;
+          return /* @__PURE__ */ o.jsxs(oo, { invalid: !!r.formState.errors.amount, className: "mt-4", children: [
+            /* @__PURE__ */ o.jsxs(
+              to,
+              {
+                min: 0,
+                step: 1,
+                value: e.field.value,
+                onValueChange: (t) => {
+                  e.field.onChange(t.value);
+                },
+                formatOptions: {
+                  maximumFractionDigits: 2,
+                  minimumFractionDigits: 0
+                },
+                allowMouseWheel: !0,
+                children: [
+                  /* @__PURE__ */ o.jsx(ro, { children: "Enter amount you want to deposit" }),
+                  /* @__PURE__ */ o.jsxs(no, { children: [
+                    /* @__PURE__ */ o.jsx(io, {}),
+                    /* @__PURE__ */ o.jsx(so, { children: /* @__PURE__ */ o.jsx(w, {}) }),
+                    /* @__PURE__ */ o.jsx(mo, { children: /* @__PURE__ */ o.jsx(D, {}) })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ o.jsx(eo, { children: (n = r.formState.errors.amount) == null ? void 0 : n.message })
+          ] });
         }
-      )
-    }
-  ), /* @__PURE__ */ React.createElement("p", { className: "mt-4xl text-xs" }, "Upon clicking the deposit button, you agree to the", " ", /* @__PURE__ */ React.createElement("button", { type: "button", className: "underline underline-offset-2" }, "Terms of Use and Privacy Policy"), "."), /* @__PURE__ */ React.createElement(
-    u,
-    {
-      type: "submit",
-      className: "mt-4.5",
-      onClick: async (e) => {
-        await o.trigger("amount") && (f.length <= 0 || o.getValues("promo") || (e.preventDefault(), l.setOpen(!0)));
       }
-    },
-    "Deposit"
-  ), /* @__PURE__ */ React.createElement(
-    U,
-    {
-      role: "alertdialog",
-      open: l.open,
-      onOpenChange: (e) => {
-        l.setOpen(e.open);
-      },
-      lazyMount: !0,
-      unmountOnExit: !0,
-      closeOnEscape: !1,
-      closeOnInteractOutside: !1
-    },
-    /* @__PURE__ */ React.createElement(O, null, /* @__PURE__ */ React.createElement(j, { className: "!z-[calc(var(--z-dialog)+10)]" }), /* @__PURE__ */ React.createElement(W, { className: "!z-[calc(var(--z-dialog)+25)]" }, /* @__PURE__ */ React.createElement(_, null, /* @__PURE__ */ React.createElement(q, null, /* @__PURE__ */ React.createElement("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]" }, /* @__PURE__ */ React.createElement(N, null)), /* @__PURE__ */ React.createElement(G, null, /* @__PURE__ */ React.createElement(Z, null))), /* @__PURE__ */ React.createElement(H, null, /* @__PURE__ */ React.createElement(X, null, "Submit deposit request without promo?"), /* @__PURE__ */ React.createElement(Y, null, "You haven’t selected a promo. Are you sure you want to proceed without one?")), /* @__PURE__ */ React.createElement(J, null, /* @__PURE__ */ React.createElement(
-      u,
+    ),
+    /* @__PURE__ */ o.jsx(
+      Co,
       {
-        variant: "outline",
-        colorScheme: "gray",
-        onClick: () => {
-          l.setOpen(!1);
-        }
-      },
-      "Cancel"
-    ), /* @__PURE__ */ React.createElement(
-      u,
+        value: i(r.watch("amount"), 0),
+        onChange: (e) => {
+          r.setValue("amount", e.toString(), {
+            shouldTouch: !0,
+            shouldDirty: !0,
+            shouldValidate: !0
+          });
+        },
+        min: s,
+        max: l,
+        className: "mt-xl"
+      }
+    ),
+    /* @__PURE__ */ o.jsx(
+      b,
       {
-        onClick: () => {
-          R(), l.setOpen(!1);
-        }
-      },
-      "Proceed"
-    )))))
-  ));
+        control: r.control,
+        name: "promo",
+        render: (e) => /* @__PURE__ */ o.jsx(
+          yo,
+          {
+            className: "mt-4xl",
+            value: e.field.value,
+            onChange: e.field.onChange
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ o.jsxs("p", { className: "mt-4xl text-xs", children: [
+      "Upon clicking the deposit button, you agree to the",
+      " ",
+      /* @__PURE__ */ o.jsx("button", { type: "button", className: "underline underline-offset-2", children: "Terms of Use and Privacy Policy" }),
+      "."
+    ] }),
+    /* @__PURE__ */ o.jsx(
+      p,
+      {
+        type: "submit",
+        className: "mt-4.5",
+        onClick: async (e) => {
+          await r.trigger("amount") && (h.length <= 0 || r.getValues("promo") || (e.preventDefault(), u.setOpen(!0)));
+        },
+        children: "Deposit"
+      }
+    ),
+    /* @__PURE__ */ o.jsx(
+      U,
+      {
+        role: "alertdialog",
+        open: u.open,
+        onOpenChange: (e) => {
+          u.setOpen(e.open);
+        },
+        lazyMount: !0,
+        unmountOnExit: !0,
+        closeOnEscape: !1,
+        closeOnInteractOutside: !1,
+        children: /* @__PURE__ */ o.jsxs(L, { children: [
+          /* @__PURE__ */ o.jsx(W, { className: "!z-[calc(var(--z-dialog)+10)]" }),
+          /* @__PURE__ */ o.jsx(_, { className: "!z-[calc(var(--z-dialog)+25)]", children: /* @__PURE__ */ o.jsxs(q, { children: [
+            /* @__PURE__ */ o.jsxs(G, { children: [
+              /* @__PURE__ */ o.jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]", children: /* @__PURE__ */ o.jsx(N, {}) }),
+              /* @__PURE__ */ o.jsx(H, { children: /* @__PURE__ */ o.jsx(Z, {}) })
+            ] }),
+            /* @__PURE__ */ o.jsxs(X, { children: [
+              /* @__PURE__ */ o.jsx(Y, { children: "Submit deposit request without promo?" }),
+              /* @__PURE__ */ o.jsx(J, { children: "You haven’t selected a promo. Are you sure you want to proceed without one?" })
+            ] }),
+            /* @__PURE__ */ o.jsxs(K, { children: [
+              /* @__PURE__ */ o.jsx(
+                p,
+                {
+                  variant: "outline",
+                  colorScheme: "gray",
+                  onClick: () => {
+                    u.setOpen(!1);
+                  },
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ o.jsx(
+                p,
+                {
+                  onClick: () => {
+                    f(), u.setOpen(!1);
+                  },
+                  children: "Proceed"
+                }
+              )
+            ] })
+          ] }) })
+        ] })
+      }
+    )
+  ] });
 }
 export {
-  vt as OnlineBankDepositForm
+  De as OnlineBankDepositForm
 };

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositLoading.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../icons/SpinnerIcon.js");function t(){return React.createElement("div",{className:"bg-gray-50 rounded-lg px-10 py-12 lg:py-16"},React.createElement(e.SpinnerIcon,{className:"mx-auto size-8 lg:size-10"}),React.createElement("p",{className:"mt-5 text-center text-lg font-semibold lg:text-xl"},"Processing Your Deposit"),React.createElement("p",{className:"text-gray-700 mt-3 text-center text-sm lg:text-base"},"Your deposit is being processed. Please hold tight as we verify the account details and amount. Once verified, a Virtual Collection Account (VCA) will be displayed for you to copy and paste in a designated field and complete the transaction."))}exports.OnlineBankDepositLoading=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.js"),t=require("../../../../icons/SpinnerIcon.js");function n(){return e.jsxRuntimeExports.jsxs("div",{className:"bg-gray-50 rounded-lg px-10 py-12 lg:py-16",children:[e.jsxRuntimeExports.jsx(t.SpinnerIcon,{className:"mx-auto size-8 lg:size-10"}),e.jsxRuntimeExports.jsx("p",{className:"mt-5 text-center text-lg font-semibold lg:text-xl",children:"Processing Your Deposit"}),e.jsxRuntimeExports.jsx("p",{className:"text-gray-700 mt-3 text-center text-sm lg:text-base",children:"Your deposit is being processed. Please hold tight as we verify the account details and amount. Once verified, a Virtual Collection Account (VCA) will be displayed for you to copy and paste in a designated field and complete the transaction."})]})}exports.OnlineBankDepositLoading=n;

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositLoading.mjs

@@ -1,7 +1,12 @@
-import { SpinnerIcon as e } from "../../../../icons/SpinnerIcon.mjs";
-function a() {
-  return /* @__PURE__ */ React.createElement("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:py-16" }, /* @__PURE__ */ React.createElement(e, { className: "mx-auto size-8 lg:size-10" }), /* @__PURE__ */ React.createElement("p", { className: "mt-5 text-center text-lg font-semibold lg:text-xl" }, "Processing Your Deposit"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-700 mt-3 text-center text-sm lg:text-base" }, "Your deposit is being processed. Please hold tight as we verify the account details and amount. Once verified, a Virtual Collection Account (VCA) will be displayed for you to copy and paste in a designated field and complete the transaction."));
+import { j as e } from "../../../../_virtual/jsx-runtime.mjs";
+import { SpinnerIcon as t } from "../../../../icons/SpinnerIcon.mjs";
+function n() {
+  return /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:py-16", children: [
+    /* @__PURE__ */ e.jsx(t, { className: "mx-auto size-8 lg:size-10" }),
+    /* @__PURE__ */ e.jsx("p", { className: "mt-5 text-center text-lg font-semibold lg:text-xl", children: "Processing Your Deposit" }),
+    /* @__PURE__ */ e.jsx("p", { className: "text-gray-700 mt-3 text-center text-sm lg:text-base", children: "Your deposit is being processed. Please hold tight as we verify the account details and amount. Once verified, a Virtual Collection Account (VCA) will be displayed for you to copy and paste in a designated field and complete the transaction." })
+  ] });
 }
 export {
-  a as OnlineBankDepositLoading
+  n as OnlineBankDepositLoading
 };

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositSuccess.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../icons/CheckCircleBrokenIcon.js");function t(){return React.createElement("div",{className:"bg-gray-50 rounded-lg px-10 py-12 lg:p-16"},React.createElement(e.CheckCircleBrokenIcon,{className:"text-green-600 mx-auto size-8 lg:size-10"}),React.createElement("p",{className:"mt-5 text-center text-lg font-semibold lg:text-xl"},"Deposit Successful!"),React.createElement("p",{className:"text-gray-700 mt-3 text-center text-sm lg:text-base"},"Your funds have been successfully added and are now ready to use in your account."))}exports.OnlineBankDepositSuccess=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.js"),t=require("../../../../icons/CheckCircleBrokenIcon.js");function s(){return e.jsxRuntimeExports.jsxs("div",{className:"bg-gray-50 rounded-lg px-10 py-12 lg:p-16",children:[e.jsxRuntimeExports.jsx(t.CheckCircleBrokenIcon,{className:"text-green-600 mx-auto size-8 lg:size-10"}),e.jsxRuntimeExports.jsx("p",{className:"mt-5 text-center text-lg font-semibold lg:text-xl",children:"Deposit Successful!"}),e.jsxRuntimeExports.jsx("p",{className:"text-gray-700 mt-3 text-center text-sm lg:text-base",children:"Your funds have been successfully added and are now ready to use in your account."})]})}exports.OnlineBankDepositSuccess=s;

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositSuccess.mjs

@@ -1,7 +1,12 @@
-import { CheckCircleBrokenIcon as e } from "../../../../icons/CheckCircleBrokenIcon.mjs";
-function a() {
-  return /* @__PURE__ */ React.createElement("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16" }, /* @__PURE__ */ React.createElement(e, { className: "text-green-600 mx-auto size-8 lg:size-10" }), /* @__PURE__ */ React.createElement("p", { className: "mt-5 text-center text-lg font-semibold lg:text-xl" }, "Deposit Successful!"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-700 mt-3 text-center text-sm lg:text-base" }, "Your funds have been successfully added and are now ready to use in your account."));
+import { j as e } from "../../../../_virtual/jsx-runtime.mjs";
+import { CheckCircleBrokenIcon as t } from "../../../../icons/CheckCircleBrokenIcon.mjs";
+function r() {
+  return /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16", children: [
+    /* @__PURE__ */ e.jsx(t, { className: "text-green-600 mx-auto size-8 lg:size-10" }),
+    /* @__PURE__ */ e.jsx("p", { className: "mt-5 text-center text-lg font-semibold lg:text-xl", children: "Deposit Successful!" }),
+    /* @__PURE__ */ e.jsx("p", { className: "text-gray-700 mt-3 text-center text-sm lg:text-base", children: "Your funds have been successfully added and are now ready to use in your account." })
+  ] });
 }
 export {
-  a as OnlineBankDepositSuccess
+  r as OnlineBankDepositSuccess
 };

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositVCA.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@ark-ui/react"),l=require("../../../../_virtual/image.js"),c=require("../../../../icons/BankIcon.js"),i=require("../../../../icons/XIcon.js"),o=require("../../../../images/bank-icon.png.js");require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const s=require("../../../../ui/Button/Button.js");require("../../../../ui/Checkbox/Checkbox.js");const t=require("../../../../ui/Clipboard/Clipboard.js");require("../../../../ui/DatePicker/DatePicker.js");const e=require("../../../../ui/Dialog/Dialog.js");require("../../../../ui/Drawer/Drawer.js");require("../../../../ui/Field/Field.js");require("../../../../utils/capitalize.js");require("react");require("../../../../utils/parseDecimal.js");require("../../../../constants/index.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");require("../../../../utils/toaster.js");require("../../../../ui/IconButton/iconButton.recipe.js");require("../../../../ui/NumberInput/NumberInput.js");require("../../../../ui/PinInput/PinInput.js");require("../../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../../ui/SegmentGroup/SegmentGroup.js");require("../../../../ui/Select/Select.js");require("../../../../ui/Table/Table.js");require("../../../../ui/Tabs/Tabs.js");const u=require("./OnlineBankDepositContext.js");function m(){const a=u.useOnlineBankDepositContext();return React.createElement("div",{className:"bg-gray-50 rounded-lg px-10 py-12 lg:p-16"},React.createElement(l,{src:o,alt:"",width:52,height:44.2,className:"mx-auto h-auto w-[3.25rem]"}),React.createElement("p",{className:"mt-8 text-center font-semibold"},"Your unique Virtual Collection Account (VCA) is:"),React.createElement(t.Root,{value:a.vca??"",className:"mx-auto mt-6 max-w-[22.5rem]"},React.createElement(t.Control,{className:"flex flex-col gap-4 lg:flex-row"},React.createElement(t.Input,{className:"lg:grow"}),React.createElement(t.Context,null,r=>React.createElement(t.Trigger,{asChild:!0},React.createElement(s.Button,{fullWidth:!1,className:"w-full shrink-0 lg:w-28"},r.copied?"Copied":"Copy VCA"))))),React.createElement(p,null))}function p(){return React.createElement("p",{className:"text-gray-500 mt-6 text-center text-xs"},"Need help using the online bank for payment?"," ",React.createElement(e.Root,{lazyMount:!0,unmountOnExit:!0},React.createElement(e.Trigger,{className:"text-blue-500"},"See instructions"),React.createElement(n.Portal,null,React.createElement(e.Backdrop,{className:"!z-[calc(var(--z-dialog)+2)]"}),React.createElement(e.Positioner,{className:"!z-[calc(var(--z-dialog)+3)] flex items-center justify-center"},React.createElement(e.Content,{className:"mx-auto w-[calc(100%-2rem)] rounded-lg bg-white p-4xl lg:w-[33.625rem]"},React.createElement(e.CloseTrigger,null,React.createElement(i.XIcon,null)),React.createElement(e.Body,null,React.createElement("div",{className:"flex items-center gap-xl"},React.createElement("div",{className:"border-gray-200 flex size-11 items-center justify-center rounded-lg border"},React.createElement(c.BankIcon,{className:"text-gray-600 size-6"})),React.createElement(e.Title,{className:"text-lg font-semibold"},"How to Use Online Bank for Payment")),React.createElement(e.Description,{className:"mt-5"},"Follow these simple steps to complete your transaction:"),React.createElement("ol",{className:"mt-3 list-inside list-decimal space-y-3"},React.createElement("li",null,"Click the 'Copy VCA' button to save your unique account number."),React.createElement("li",null,"Log in to your Online Banking: Open your bank's app or website."),React.createElement("li",null,"Initiate a Deposit: Choose the option to make a deposit."),React.createElement("li",null,"Enter VCA: Paste your VCA in the designated field."),React.createElement("li",null,"Complete Transaction: Follow your bank's prompts to finalize the deposit.")),React.createElement("p",{className:"mt-3"},"Note: Please ensure that the deposit amount you enter matches exactly.")))))))}exports.OnlineBankDepositVCA=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.js"),n=require("@ark-ui/react"),o=require("../../../../_virtual/image.js"),x=require("../../../../icons/BankIcon.js"),l=require("../../../../icons/XIcon.js"),u=require("../../../../images/bank-icon.png.js");require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const a=require("../../../../ui/Button/Button.js");require("../../../../ui/Checkbox/Checkbox.js");const s=require("../../../../ui/Clipboard/Clipboard.js");require("../../../../ui/DatePicker/DatePicker.js");const t=require("../../../../ui/Dialog/Dialog.js");require("../../../../ui/Drawer/Drawer.js");require("../../../../ui/Field/Field.js");require("../../../../utils/capitalize.js");require("react");require("../../../../utils/parseDecimal.js");require("../../../../constants/index.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");require("../../../../utils/toaster.js");require("../../../../ui/IconButton/iconButton.recipe.js");require("../../../../ui/NumberInput/NumberInput.js");require("../../../../ui/PinInput/PinInput.js");require("../../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../../ui/SegmentGroup/SegmentGroup.js");require("../../../../ui/Select/Select.js");require("../../../../ui/Table/Table.js");require("../../../../ui/Tabs/Tabs.js");const c=require("./OnlineBankDepositContext.js");function m(){const r=c.useOnlineBankDepositContext();return e.jsxRuntimeExports.jsxs("div",{className:"bg-gray-50 rounded-lg px-10 py-12 lg:p-16",children:[e.jsxRuntimeExports.jsx(o,{src:u,alt:"",width:52,height:44.2,className:"mx-auto h-auto w-[3.25rem]"}),e.jsxRuntimeExports.jsx("p",{className:"mt-8 text-center font-semibold",children:"Your unique Virtual Collection Account (VCA) is:"}),e.jsxRuntimeExports.jsx(s.Root,{value:r.vca??"",className:"mx-auto mt-6 max-w-[22.5rem]",children:e.jsxRuntimeExports.jsxs(s.Control,{className:"flex flex-col gap-4 lg:flex-row",children:[e.jsxRuntimeExports.jsx(s.Input,{className:"lg:grow"}),e.jsxRuntimeExports.jsx(s.Context,{children:i=>e.jsxRuntimeExports.jsx(s.Trigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(a.Button,{fullWidth:!1,className:"w-full shrink-0 lg:w-28",children:i.copied?"Copied":"Copy VCA"})})})]})}),e.jsxRuntimeExports.jsx(p,{})]})}function p(){return e.jsxRuntimeExports.jsxs("p",{className:"text-gray-500 mt-6 text-center text-xs",children:["Need help using the online bank for payment?"," ",e.jsxRuntimeExports.jsxs(t.Root,{lazyMount:!0,unmountOnExit:!0,children:[e.jsxRuntimeExports.jsx(t.Trigger,{className:"text-blue-500",children:"See instructions"}),e.jsxRuntimeExports.jsxs(n.Portal,{children:[e.jsxRuntimeExports.jsx(t.Backdrop,{className:"!z-[calc(var(--z-dialog)+2)]"}),e.jsxRuntimeExports.jsx(t.Positioner,{className:"!z-[calc(var(--z-dialog)+3)] flex items-center justify-center",children:e.jsxRuntimeExports.jsxs(t.Content,{className:"mx-auto w-[calc(100%-2rem)] rounded-lg bg-white p-4xl lg:w-[33.625rem]",children:[e.jsxRuntimeExports.jsx(t.CloseTrigger,{children:e.jsxRuntimeExports.jsx(l.XIcon,{})}),e.jsxRuntimeExports.jsxs(t.Body,{children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-xl",children:[e.jsxRuntimeExports.jsx("div",{className:"border-gray-200 flex size-11 items-center justify-center rounded-lg border",children:e.jsxRuntimeExports.jsx(x.BankIcon,{className:"text-gray-600 size-6"})}),e.jsxRuntimeExports.jsx(t.Title,{className:"text-lg font-semibold",children:"How to Use Online Bank for Payment"})]}),e.jsxRuntimeExports.jsx(t.Description,{className:"mt-5",children:"Follow these simple steps to complete your transaction:"}),e.jsxRuntimeExports.jsxs("ol",{className:"mt-3 list-inside list-decimal space-y-3",children:[e.jsxRuntimeExports.jsx("li",{children:"Click the 'Copy VCA' button to save your unique account number."}),e.jsxRuntimeExports.jsx("li",{children:"Log in to your Online Banking: Open your bank's app or website."}),e.jsxRuntimeExports.jsx("li",{children:"Initiate a Deposit: Choose the option to make a deposit."}),e.jsxRuntimeExports.jsx("li",{children:"Enter VCA: Paste your VCA in the designated field."}),e.jsxRuntimeExports.jsx("li",{children:"Complete Transaction: Follow your bank's prompts to finalize the deposit."})]}),e.jsxRuntimeExports.jsx("p",{className:"mt-3",children:"Note: Please ensure that the deposit amount you enter matches exactly."})]})]})})]})]})]})}exports.OnlineBankDepositVCA=m;