@opexa/portal-components 0.0.26 → 0.0.28

package/dist/components/DepositWithdrawal/Deposit/MayaDeposit/MayaDeposit.mjs

@@ -1,266 +0,0 @@
-import { jsxs as i, jsx as e, Fragment as M } from "react/jsx-runtime";
-import { Portal as O } from "@ark-ui/react";
-import { zodResolver as P } from "@hookform/resolvers/zod";
-import { useEffect as k } from "react";
-import { useForm as E, Controller as x } from "react-hook-form";
-import z from "tiny-invariant";
-import { z as a } from "zod";
-import { useShallow as N } from "zustand/shallow";
-import "@opexa/portal-sdk-core";
-import "@tanstack/react-query";
-import "../../../../constants/index.mjs";
-import "../../../../utils/capitalize.mjs";
-import { parseDecimal as m } from "../../../../utils/parseDecimal.mjs";
-import "../../../../utils/getLocaleInfo.mjs";
-import "../../../../utils/getQueryClient.mjs";
-import "../../../../utils/isMobile.mjs";
-import "../../../../client/services/getSession.mjs";
-import { useAvailablePromosQuery as Q } from "../../../../client/hooks/useAvailablePromosQuery.mjs";
-import "lodash-es";
-import "@opexa/portal-sdk-core/object-id";
-import { useCreateMayaDepositMutation as R } from "../../../../client/hooks/useCreateMayaDepositMutation.mjs";
-import { useDepositsCountQuery as F } from "../../../../client/hooks/useDepositsCountQuery.mjs";
-import { useDisclosure as T } from "../../../../client/hooks/useDisclosure.mjs";
-import { useGlobalStore as V } from "../../../../client/hooks/useGlobalStore.mjs";
-import "../../../../client/hooks/useInfiniteQueryHelper.mjs";
-import "usehooks-ts";
-import { usePaymentSettingsQuery as $ } from "../../../../client/hooks/usePaymentSettingsQuery.mjs";
-import { toaster as U } from "../../../../client/utils/toaster.mjs";
-import { AlertCircleIcon as j } from "../../../../icons/AlertCircleIcon.mjs";
-import { ChevronDownIcon as L } from "../../../../icons/ChevronDownIcon.mjs";
-import { ChevronUpIcon as W } from "../../../../icons/ChevronUpIcon.mjs";
-import { SpinnerIcon as Z } from "../../../../icons/SpinnerIcon.mjs";
-import { XIcon as B } from "../../../../icons/XIcon.mjs";
-import { Root as _, Backdrop as G, Positioner as q, Content as H, Header as X, CloseTrigger as Y, Body as J, Title as K, Description as oo, Footer as eo } from "../../../../ui/AlertDialog/AlertDialog.mjs";
-import "../../../../ui/Avatar/Avatar.mjs";
-import "../../../../ui/Badge/Badge.mjs";
-import { Button as f } from "../../../../ui/Button/Button.mjs";
-import "../../../../ui/Checkbox/Checkbox.mjs";
-import "../../../../ui/Clipboard/Clipboard.mjs";
-import "../../../../ui/Collapsible/Collapsible.mjs";
-import "../../../../ui/Combobox/Combobox.mjs";
-import "../../../../ui/DatePicker/DatePicker.mjs";
-import "../../../../ui/Dialog/Dialog.mjs";
-import "../../../../ui/Drawer/Drawer.mjs";
-import { Root as to, ErrorText as ro } from "../../../../ui/Field/Field.mjs";
-import "../../../../ui/IconButton/iconButton.recipe.mjs";
-import { Root as io, Label as no, Control as mo, Input as so, IncrementTrigger as ao, DecrementTrigger as uo } from "../../../../ui/NumberInput/NumberInput.mjs";
-import "../../../../ui/PasswordInput/PasswordInput.mjs";
-import "../../../../ui/PinInput/PinInput.mjs";
-import "../../../../ui/Popover/Popover.mjs";
-import "tailwind-merge";
-import "../../../../ui/Progress/Progress.mjs";
-import "../../../../ui/SegmentGroup/SegmentGroup.mjs";
-import "../../../../ui/Select/Select.mjs";
-import "../../../../ui/Table/Table.mjs";
-import "../../../../ui/Tabs/Tabs.mjs";
-import { AmountChoices as lo } from "../../AmountChoices.mjs";
-import { AvailablePromos as po } from "../AvailablePromos.mjs";
-function ve() {
-  var C;
-  const l = T(), S = V(
-    N((o) => ({
-      depositWithdrawal: o.depositWithdrawal
-    }))
-  ), c = R({
-    onSuccess(o) {
-      z(o.checkoutUrl), window.open(o.checkoutUrl, "_blank", "noopener,noreferrer"), r.reset(), S.depositWithdrawal.setOpen(!1);
-    },
-    onError(o) {
-      U.error({
-        description: o.message
-      });
-    }
-  }), I = F().data ?? 0, h = $(), d = h.data, u = d == null ? void 0 : d.mayaDepositGatewaySettings, p = m(u == null ? void 0 : u.maximumAmount, 0), s = I <= 0 ? m((C = h.data) == null ? void 0 : C.minimumFirstDepositAmount, 0) : m(u == null ? void 0 : u.minimumAmount, 0), g = Q().data ?? [], A = a.object({
-    amount: a.string().superRefine((o, n) => {
-      const t = m(o, 0);
-      t < s && n.addIssue({
-        type: "number",
-        code: a.ZodIssueCode.too_small,
-        inclusive: !0,
-        minimum: s,
-        message: `Minimum amount is ${s.toLocaleString()}`
-      }), t > p && n.addIssue({
-        type: "number",
-        code: a.ZodIssueCode.too_big,
-        inclusive: !0,
-        maximum: p,
-        message: `Maximum amount is ${p.toLocaleString()}`
-      });
-    }),
-    promo: a.string().optional().nullable()
-  }).superRefine((o, n) => {
-    const t = g.find((w) => w.id === o.promo), v = m(t == null ? void 0 : t.minimumDepositAmount, 0), b = m(t == null ? void 0 : t.maximumDepositAmount, 0), D = m(o.amount, 0);
-    t && D < v && n.addIssue({
-      path: ["amount"],
-      code: a.ZodIssueCode.custom,
-      message: `Minimum amount for this promo is ${v.toLocaleString()}`
-    }), t && D > b && n.addIssue({
-      path: ["amount"],
-      code: a.ZodIssueCode.custom,
-      message: `Maximum amount for this promo is ${b}`
-    });
-  }), r = E({
-    mode: "all",
-    resolver: P(A),
-    defaultValues: {
-      amount: "0",
-      promo: null
-    }
-  });
-  k(() => {
-    s && r.reset({
-      amount: s.toString(),
-      promo: null
-    });
-  }, [r, s]);
-  const y = r.handleSubmit(async (o) => {
-    c.mutate({
-      amount: o.amount.toString(),
-      promo: o.promo ?? void 0
-    });
-  });
-  return /* @__PURE__ */ i("form", { onSubmit: y, noValidate: !0, children: [
-    /* @__PURE__ */ e(
-      x,
-      {
-        control: r.control,
-        name: "amount",
-        render: (o) => {
-          var n;
-          return /* @__PURE__ */ i(to, { invalid: !!r.formState.errors.amount, children: [
-            /* @__PURE__ */ i(
-              io,
-              {
-                min: 0,
-                step: 1,
-                value: o.field.value,
-                onValueChange: (t) => {
-                  o.field.onChange(t.value);
-                },
-                formatOptions: {
-                  maximumFractionDigits: 2,
-                  minimumFractionDigits: 0
-                },
-                allowMouseWheel: !0,
-                children: [
-                  /* @__PURE__ */ e(no, { children: "Enter amount you want to deposit" }),
-                  /* @__PURE__ */ i(mo, { children: [
-                    /* @__PURE__ */ e(so, {}),
-                    /* @__PURE__ */ e(ao, { children: /* @__PURE__ */ e(W, {}) }),
-                    /* @__PURE__ */ e(uo, { children: /* @__PURE__ */ e(L, {}) })
-                  ] })
-                ]
-              }
-            ),
-            /* @__PURE__ */ e(ro, { children: (n = r.formState.errors.amount) == null ? void 0 : n.message })
-          ] });
-        }
-      }
-    ),
-    /* @__PURE__ */ e(
-      lo,
-      {
-        value: m(r.watch("amount"), 0),
-        onChange: (o) => {
-          r.setValue("amount", o.toString(), {
-            shouldTouch: !0,
-            shouldDirty: !0,
-            shouldValidate: !0
-          });
-        },
-        min: s,
-        max: p,
-        className: "mt-xl"
-      }
-    ),
-    /* @__PURE__ */ e(
-      x,
-      {
-        control: r.control,
-        name: "promo",
-        render: (o) => /* @__PURE__ */ e(
-          po,
-          {
-            className: "mt-4xl",
-            value: o.field.value,
-            onChange: o.field.onChange
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ i("p", { className: "mt-4xl text-xs", children: [
-      "Upon clicking the deposit button, you agree to the",
-      " ",
-      /* @__PURE__ */ e("button", { type: "button", className: "underline underline-offset-2", children: "Terms of Use and Privacy Policy" }),
-      "."
-    ] }),
-    /* @__PURE__ */ e(
-      f,
-      {
-        type: "submit",
-        className: "mt-4.5",
-        disabled: c.isPending,
-        onClick: async (o) => {
-          await r.trigger("amount") && (g.length <= 0 || r.getValues("promo") || (o.preventDefault(), l.setOpen(!0)));
-        },
-        children: c.isPending ? /* @__PURE__ */ i(M, { children: [
-          /* @__PURE__ */ e(Z, {}),
-          "Processing..."
-        ] }) : "Deposit"
-      }
-    ),
-    /* @__PURE__ */ e(
-      _,
-      {
-        role: "alertdialog",
-        open: l.open,
-        onOpenChange: (o) => {
-          l.setOpen(o.open);
-        },
-        lazyMount: !0,
-        unmountOnExit: !0,
-        closeOnEscape: !1,
-        closeOnInteractOutside: !1,
-        children: /* @__PURE__ */ i(O, { children: [
-          /* @__PURE__ */ e(G, { className: "!z-[calc(var(--z-dialog)+10)]" }),
-          /* @__PURE__ */ e(q, { className: "!z-[calc(var(--z-dialog)+25)]", children: /* @__PURE__ */ i(H, { children: [
-            /* @__PURE__ */ i(X, { children: [
-              /* @__PURE__ */ e("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]", children: /* @__PURE__ */ e(j, {}) }),
-              /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(B, {}) })
-            ] }),
-            /* @__PURE__ */ i(J, { children: [
-              /* @__PURE__ */ e(K, { children: "Submit deposit request without promo?" }),
-              /* @__PURE__ */ e(oo, { children: "You haven’t selected a promo. Are you sure you want to proceed without one?" })
-            ] }),
-            /* @__PURE__ */ i(eo, { children: [
-              /* @__PURE__ */ e(
-                f,
-                {
-                  variant: "outline",
-                  colorScheme: "gray",
-                  onClick: () => {
-                    l.setOpen(!1);
-                  },
-                  children: "Cancel"
-                }
-              ),
-              /* @__PURE__ */ e(
-                f,
-                {
-                  onClick: () => {
-                    y(), l.setOpen(!1);
-                  },
-                  children: "Proceed"
-                }
-              )
-            ] })
-          ] }) })
-        ] })
-      }
-    )
-  ] });
-}
-export {
-  ve as MayaDeposit
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("./OnlineBankDepositContext.js"),s=require("./OnlineBankDepositForm.js"),t=require("./OnlineBankDepositLoading.js"),o=require("./OnlineBankDepositSuccess.js"),r=require("./OnlineBankDepositVCA.js"),a=require("./useOnlineBankDeposit.js");function l(){const e=a.useOnlineBankDeposit();return n.jsxs(i.OnlineBankDepositContext,{value:e,children:[e.view==="FORM"&&n.jsx(s.OnlineBankDepositForm,{}),e.view==="LOADING"&&n.jsx(t.OnlineBankDepositLoading,{}),e.view==="SUCCESS"&&n.jsx(o.OnlineBankDepositSuccess,{}),e.view==="VCA"&&n.jsx(r.OnlineBankDepositVCA,{})]})}exports.OnlineBankDeposit=l;

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

@@ -1,19 +0,0 @@
-import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import { OnlineBankDepositContext as e } from "./OnlineBankDepositContext.mjs";
-import { OnlineBankDepositForm as t } from "./OnlineBankDepositForm.mjs";
-import { OnlineBankDepositLoading as r } from "./OnlineBankDepositLoading.mjs";
-import { OnlineBankDepositSuccess as m } from "./OnlineBankDepositSuccess.mjs";
-import { OnlineBankDepositVCA as p } from "./OnlineBankDepositVCA.mjs";
-import { useOnlineBankDeposit as s } from "./useOnlineBankDeposit.mjs";
-function c() {
-  const n = s();
-  return /* @__PURE__ */ o(e, { value: n, children: [
-    n.view === "FORM" && /* @__PURE__ */ i(t, {}),
-    n.view === "LOADING" && /* @__PURE__ */ i(r, {}),
-    n.view === "SUCCESS" && /* @__PURE__ */ i(m, {}),
-    n.view === "VCA" && /* @__PURE__ */ i(p, {})
-  ] });
-}
-export {
-  c as OnlineBankDeposit
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o=require("tiny-invariant"),n=t.createContext(null),i=()=>{const e=t.useContext(n);return o(e),e};exports.OnlineBankDepositContext=n;exports.useOnlineBankDepositContext=i;

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

@@ -1,10 +0,0 @@
-import { createContext as n, useContext as e } from "react";
-import o from "tiny-invariant";
-const r = n(null), x = () => {
-  const t = e(r);
-  return o(t), t;
-};
-export {
-  r as OnlineBankDepositContext,
-  x as useOnlineBankDepositContext
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),O=require("@ark-ui/react"),S=require("@hookform/resolvers/zod"),k=require("lodash-es"),B=require("react"),x=require("react-hook-form"),a=require("zod");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");const i=require("../../../../utils/parseDecimal.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");require("../../../../client/services/getSession.js");const N=require("../../../../client/hooks/useAvailablePromosQuery.js");require("@opexa/portal-sdk-core/object-id");const P=require("../../../../client/hooks/useDepositsCountQuery.js"),Q=require("../../../../client/hooks/useDisclosure.js");require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const E=require("../../../../client/hooks/usePaymentSettingsQuery.js"),F=require("../../../../icons/AlertCircleIcon.js"),M=require("../../../../icons/ChevronDownIcon.js"),R=require("../../../../icons/ChevronUpIcon.js"),T=require("../../../../icons/XIcon.js"),t=require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const q=require("../../../../ui/Button/Button.js");require("../../../../ui/Checkbox/Checkbox.js");require("../../../../ui/Clipboard/Clipboard.js");require("../../../../ui/Collapsible/Collapsible.js");require("../../../../ui/Combobox/Combobox.js");require("../../../../ui/DatePicker/DatePicker.js");require("../../../../ui/Dialog/Dialog.js");require("../../../../ui/Drawer/Drawer.js");const d=require("../../../../ui/Field/Field.js");require("../../../../ui/IconButton/iconButton.recipe.js");const c=require("../../../../ui/NumberInput/NumberInput.js");require("../../../../ui/PasswordInput/PasswordInput.js");require("../../../../ui/PinInput/PinInput.js");require("../../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../../ui/Progress/Progress.js");require("../../../../ui/SegmentGroup/SegmentGroup.js");require("../../../../ui/Select/Select.js");require("../../../../ui/Table/Table.js");require("../../../../ui/Tabs/Tabs.js");const w=require("../../AmountChoices.js"),V=require("../AvailablePromos.js"),L=require("./OnlineBankDepositContext.js");function $(){var C;const b=L.useOnlineBankDepositContext(),m=Q.useDisclosure(),I=P.useDepositsCountQuery().data??0,g=E.usePaymentSettingsQuery(),h=g.data,l=h==null?void 0:h.onlineBankDepositGatewaySettings,p=i.parseDecimal(l==null?void 0:l.maximumAmount,0),u=I<=0?i.parseDecimal((C=g.data)==null?void 0:C.minimumFirstDepositAmount,0):i.parseDecimal(l==null?void 0:l.minimumAmount,0),j=N.useAvailablePromosQuery().data??[],A=a.z.object({amount:a.z.string().superRefine((o,s)=>{const r=i.parseDecimal(o,0);r<u&&s.addIssue({type:"number",code:a.z.ZodIssueCode.too_small,inclusive:!0,minimum:u,message:`Minimum amount is ${u.toLocaleString()}`}),r>p&&s.addIssue({type:"number",code:a.z.ZodIssueCode.too_big,inclusive:!0,maximum:p,message:`Maximum amount is ${p.toLocaleString()}`})}),promo:a.z.string().optional().nullable()}).superRefine((o,s)=>{const r=j.find(z=>z.id===o.promo),D=i.parseDecimal(r==null?void 0:r.minimumDepositAmount,0),y=i.parseDecimal(r==null?void 0:r.maximumDepositAmount,0),v=i.parseDecimal(o.amount,0);r&&v<D&&s.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Minimum amount for this promo is ${D.toLocaleString()}`}),r&&v>y&&s.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Maximum amount for this promo is ${y}`})}),n=x.useForm({mode:"all",resolver:S.zodResolver(A),defaultValues:{amount:"0",promo:null}});B.useEffect(()=>{u&&n.reset({amount:u.toString(),promo:null})},[n,u]);const f=n.handleSubmit(async o=>{b.generateVca({amount:o.amount.toString(),promo:o.promo??void 0},{onSuccess(){n.reset()}})});return e.jsxs("form",{onSubmit:f,noValidate:!0,children:[e.jsxs(d.Root,{children:[e.jsx(d.Label,{children:"Bank"}),e.jsx(d.Input,{value:"BANKNET",onChange:k.noop,readOnly:!0})]}),e.jsx(x.Controller,{control:n.control,name:"amount",render:o=>{var s;return e.jsxs(d.Root,{invalid:!!n.formState.errors.amount,className:"mt-4",children:[e.jsxs(c.Root,{min:0,step:1,value:o.field.value,onValueChange:r=>{o.field.onChange(r.value)},formatOptions:{maximumFractionDigits:2,minimumFractionDigits:0},allowMouseWheel:!0,children:[e.jsx(c.Label,{children:"Enter amount you want to deposit"}),e.jsxs(c.Control,{children:[e.jsx(c.Input,{}),e.jsx(c.IncrementTrigger,{children:e.jsx(R.ChevronUpIcon,{})}),e.jsx(c.DecrementTrigger,{children:e.jsx(M.ChevronDownIcon,{})})]})]}),e.jsx(d.ErrorText,{children:(s=n.formState.errors.amount)==null?void 0:s.message})]})}}),e.jsx(w.AmountChoices,{value:i.parseDecimal(n.watch("amount"),0),onChange:o=>{n.setValue("amount",o.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:u,max:p,className:"mt-xl"}),e.jsx(x.Controller,{control:n.control,name:"promo",render:o=>e.jsx(V.AvailablePromos,{className:"mt-3xl",value:o.field.value,onChange:o.field.onChange})}),e.jsxs("p",{className:"mt-4xl text-xs",children:["Upon clicking the deposit button, you agree to the"," ",e.jsx("button",{type:"button",className:"underline underline-offset-2",children:"Terms of Use and Privacy Policy"}),"."]}),e.jsx(q.Button,{type:"submit",className:"mt-4.5",onClick:async o=>{await n.trigger("amount")&&(j.length<=0||n.getValues("promo")||(o.preventDefault(),m.setOpen(!0)))},children:"Deposit"}),e.jsx(t.Root,{role:"alertdialog",open:m.open,onOpenChange:o=>{m.setOpen(o.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(O.Portal,{children:[e.jsx(t.Backdrop,{className:"!z-[calc(var(--z-dialog)+10)]"}),e.jsx(t.Positioner,{className:"!z-[calc(var(--z-dialog)+25)]",children:e.jsxs(t.Content,{children:[e.jsxs(t.Header,{children:[e.jsx("div",{className:"flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]",children:e.jsx(F.AlertCircleIcon,{})}),e.jsx(t.CloseTrigger,{children:e.jsx(T.XIcon,{})})]}),e.jsxs(t.Body,{children:[e.jsx(t.Title,{children:"Submit deposit request without promo?"}),e.jsx(t.Description,{children:"You haven’t selected a promo. Are you sure you want to proceed without one?"})]}),e.jsxs(t.Footer,{children:[e.jsx(q.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{m.setOpen(!1)},children:"Cancel"}),e.jsx(q.Button,{onClick:()=>{f(),m.setOpen(!1)},children:"Proceed"})]})]})})]})})]})}exports.OnlineBankDepositForm=$;

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

@@ -1,257 +0,0 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { Portal as k } from "@ark-ui/react";
-import { zodResolver as N } from "@hookform/resolvers/zod";
-import { noop as E } from "lodash-es";
-import { useEffect as z } from "react";
-import { useForm as B, Controller as b } from "react-hook-form";
-import { z as a } 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 m } from "../../../../utils/parseDecimal.mjs";
-import "../../../../utils/getLocaleInfo.mjs";
-import "../../../../utils/getQueryClient.mjs";
-import "../../../../utils/isMobile.mjs";
-import "../../../../client/services/getSession.mjs";
-import { useAvailablePromosQuery as M } from "../../../../client/hooks/useAvailablePromosQuery.mjs";
-import "@opexa/portal-sdk-core/object-id";
-import { useDepositsCountQuery as P } from "../../../../client/hooks/useDepositsCountQuery.mjs";
-import { useDisclosure as Q } from "../../../../client/hooks/useDisclosure.mjs";
-import "../../../../client/hooks/useGlobalStore.mjs";
-import "../../../../client/hooks/useInfiniteQueryHelper.mjs";
-import "usehooks-ts";
-import { usePaymentSettingsQuery as R } from "../../../../client/hooks/usePaymentSettingsQuery.mjs";
-import { AlertCircleIcon as T } from "../../../../icons/AlertCircleIcon.mjs";
-import { ChevronDownIcon as $ } from "../../../../icons/ChevronDownIcon.mjs";
-import { ChevronUpIcon as F } from "../../../../icons/ChevronUpIcon.mjs";
-import { XIcon as V } from "../../../../icons/XIcon.mjs";
-import { Root as w, Backdrop as L, Positioner as j, Content as Z, Header as U, CloseTrigger as _, Body as q, Title as G, Description as H, Footer as K } from "../../../../ui/AlertDialog/AlertDialog.mjs";
-import "../../../../ui/Avatar/Avatar.mjs";
-import "../../../../ui/Badge/Badge.mjs";
-import { Button as d } from "../../../../ui/Button/Button.mjs";
-import "../../../../ui/Checkbox/Checkbox.mjs";
-import "../../../../ui/Clipboard/Clipboard.mjs";
-import "../../../../ui/Collapsible/Collapsible.mjs";
-import "../../../../ui/Combobox/Combobox.mjs";
-import "../../../../ui/DatePicker/DatePicker.mjs";
-import "../../../../ui/Dialog/Dialog.mjs";
-import "../../../../ui/Drawer/Drawer.mjs";
-import { Root as D, Label as W, Input as X, ErrorText as Y } from "../../../../ui/Field/Field.mjs";
-import "../../../../ui/IconButton/iconButton.recipe.mjs";
-import { Root as J, Label as oo, Control as eo, Input as to, IncrementTrigger as ro, DecrementTrigger as no } from "../../../../ui/NumberInput/NumberInput.mjs";
-import "../../../../ui/PasswordInput/PasswordInput.mjs";
-import "../../../../ui/PinInput/PinInput.mjs";
-import "../../../../ui/Popover/Popover.mjs";
-import "tailwind-merge";
-import "../../../../ui/Progress/Progress.mjs";
-import "../../../../ui/SegmentGroup/SegmentGroup.mjs";
-import "../../../../ui/Select/Select.mjs";
-import "../../../../ui/Table/Table.mjs";
-import "../../../../ui/Tabs/Tabs.mjs";
-import { AmountChoices as io } from "../../AmountChoices.mjs";
-import { AvailablePromos as mo } from "../AvailablePromos.mjs";
-import { useOnlineBankDepositContext as so } from "./OnlineBankDepositContext.mjs";
-function pe() {
-  var C;
-  const I = so(), l = Q(), A = P().data ?? 0, f = R(), p = f.data, u = p == null ? void 0 : p.onlineBankDepositGatewaySettings, c = m(u == null ? void 0 : u.maximumAmount, 0), s = A <= 0 ? m((C = f.data) == null ? void 0 : C.minimumFirstDepositAmount, 0) : m(u == null ? void 0 : u.minimumAmount, 0), h = M().data ?? [], O = a.object({
-    amount: a.string().superRefine((e, i) => {
-      const t = m(e, 0);
-      t < s && i.addIssue({
-        type: "number",
-        code: a.ZodIssueCode.too_small,
-        inclusive: !0,
-        minimum: s,
-        message: `Minimum amount is ${s.toLocaleString()}`
-      }), t > c && i.addIssue({
-        type: "number",
-        code: a.ZodIssueCode.too_big,
-        inclusive: !0,
-        maximum: c,
-        message: `Maximum amount is ${c.toLocaleString()}`
-      });
-    }),
-    promo: a.string().optional().nullable()
-  }).superRefine((e, i) => {
-    const t = h.find((S) => S.id === e.promo), y = m(t == null ? void 0 : t.minimumDepositAmount, 0), v = m(t == null ? void 0 : t.maximumDepositAmount, 0), x = m(e.amount, 0);
-    t && x < y && i.addIssue({
-      path: ["amount"],
-      code: a.ZodIssueCode.custom,
-      message: `Minimum amount for this promo is ${y.toLocaleString()}`
-    }), t && x > v && i.addIssue({
-      path: ["amount"],
-      code: a.ZodIssueCode.custom,
-      message: `Maximum amount for this promo is ${v}`
-    });
-  }), r = B({
-    mode: "all",
-    resolver: N(O),
-    defaultValues: {
-      amount: "0",
-      promo: null
-    }
-  });
-  z(() => {
-    s && r.reset({
-      amount: s.toString(),
-      promo: null
-    });
-  }, [r, s]);
-  const g = r.handleSubmit(async (e) => {
-    I.generateVca(
-      {
-        amount: e.amount.toString(),
-        promo: e.promo ?? void 0
-      },
-      {
-        onSuccess() {
-          r.reset();
-        }
-      }
-    );
-  });
-  return /* @__PURE__ */ n("form", { onSubmit: g, noValidate: !0, children: [
-    /* @__PURE__ */ n(D, { children: [
-      /* @__PURE__ */ o(W, { children: "Bank" }),
-      /* @__PURE__ */ o(X, { value: "BANKNET", onChange: E, readOnly: !0 })
-    ] }),
-    /* @__PURE__ */ o(
-      b,
-      {
-        control: r.control,
-        name: "amount",
-        render: (e) => {
-          var i;
-          return /* @__PURE__ */ n(D, { invalid: !!r.formState.errors.amount, className: "mt-4", children: [
-            /* @__PURE__ */ n(
-              J,
-              {
-                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(oo, { children: "Enter amount you want to deposit" }),
-                  /* @__PURE__ */ n(eo, { children: [
-                    /* @__PURE__ */ o(to, {}),
-                    /* @__PURE__ */ o(ro, { children: /* @__PURE__ */ o(F, {}) }),
-                    /* @__PURE__ */ o(no, { children: /* @__PURE__ */ o($, {}) })
-                  ] })
-                ]
-              }
-            ),
-            /* @__PURE__ */ o(Y, { children: (i = r.formState.errors.amount) == null ? void 0 : i.message })
-          ] });
-        }
-      }
-    ),
-    /* @__PURE__ */ o(
-      io,
-      {
-        value: m(r.watch("amount"), 0),
-        onChange: (e) => {
-          r.setValue("amount", e.toString(), {
-            shouldTouch: !0,
-            shouldDirty: !0,
-            shouldValidate: !0
-          });
-        },
-        min: s,
-        max: c,
-        className: "mt-xl"
-      }
-    ),
-    /* @__PURE__ */ o(
-      b,
-      {
-        control: r.control,
-        name: "promo",
-        render: (e) => /* @__PURE__ */ o(
-          mo,
-          {
-            className: "mt-3xl",
-            value: e.field.value,
-            onChange: e.field.onChange
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ n("p", { className: "mt-4xl text-xs", children: [
-      "Upon clicking the deposit button, you agree to the",
-      " ",
-      /* @__PURE__ */ o("button", { type: "button", className: "underline underline-offset-2", children: "Terms of Use and Privacy Policy" }),
-      "."
-    ] }),
-    /* @__PURE__ */ o(
-      d,
-      {
-        type: "submit",
-        className: "mt-4.5",
-        onClick: async (e) => {
-          await r.trigger("amount") && (h.length <= 0 || r.getValues("promo") || (e.preventDefault(), l.setOpen(!0)));
-        },
-        children: "Deposit"
-      }
-    ),
-    /* @__PURE__ */ o(
-      w,
-      {
-        role: "alertdialog",
-        open: l.open,
-        onOpenChange: (e) => {
-          l.setOpen(e.open);
-        },
-        lazyMount: !0,
-        unmountOnExit: !0,
-        closeOnEscape: !1,
-        closeOnInteractOutside: !1,
-        children: /* @__PURE__ */ n(k, { children: [
-          /* @__PURE__ */ o(L, { className: "!z-[calc(var(--z-dialog)+10)]" }),
-          /* @__PURE__ */ o(j, { className: "!z-[calc(var(--z-dialog)+25)]", children: /* @__PURE__ */ n(Z, { children: [
-            /* @__PURE__ */ n(U, { children: [
-              /* @__PURE__ */ o("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]", children: /* @__PURE__ */ o(T, {}) }),
-              /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(V, {}) })
-            ] }),
-            /* @__PURE__ */ n(q, { children: [
-              /* @__PURE__ */ o(G, { children: "Submit deposit request without promo?" }),
-              /* @__PURE__ */ o(H, { children: "You haven’t selected a promo. Are you sure you want to proceed without one?" })
-            ] }),
-            /* @__PURE__ */ n(K, { children: [
-              /* @__PURE__ */ o(
-                d,
-                {
-                  variant: "outline",
-                  colorScheme: "gray",
-                  onClick: () => {
-                    l.setOpen(!1);
-                  },
-                  children: "Cancel"
-                }
-              ),
-              /* @__PURE__ */ o(
-                d,
-                {
-                  onClick: () => {
-                    g(), l.setOpen(!1);
-                  },
-                  children: "Proceed"
-                }
-              )
-            ] })
-          ] }) })
-        ] })
-      }
-    )
-  ] });
-}
-export {
-  pe as OnlineBankDepositForm
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../icons/SpinnerIcon.js");function n(){return e.jsxs("div",{className:"bg-gray-50 rounded-lg px-10 py-12 lg:py-16",children:[e.jsx(t.SpinnerIcon,{className:"mx-auto size-8 lg:size-10"}),e.jsx("p",{className:"mt-5 text-center text-lg font-semibold lg:text-xl",children:"Processing Your Deposit"}),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."})]})}exports.OnlineBankDepositLoading=n;

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

@@ -1,12 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { SpinnerIcon as i } from "../../../../icons/SpinnerIcon.mjs";
-function s() {
-  return /* @__PURE__ */ t("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:py-16", children: [
-    /* @__PURE__ */ e(i, { className: "mx-auto size-8 lg:size-10" }),
-    /* @__PURE__ */ e("p", { className: "mt-5 text-center text-lg font-semibold lg:text-xl", children: "Processing Your Deposit" }),
-    /* @__PURE__ */ e("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 {
-  s as OnlineBankDepositLoading
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../icons/CheckCircleBrokenIcon.js");function s(){return e.jsxs("div",{className:"bg-gray-50 rounded-lg px-10 py-12 lg:p-16",children:[e.jsx(t.CheckCircleBrokenIcon,{className:"text-green-600 mx-auto size-8 lg:size-10"}),e.jsx("p",{className:"mt-5 text-center text-lg font-semibold lg:text-xl",children:"Deposit Successful!"}),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."})]})}exports.OnlineBankDepositSuccess=s;

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

@@ -1,12 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { CheckCircleBrokenIcon as s } from "../../../../icons/CheckCircleBrokenIcon.mjs";
-function c() {
-  return /* @__PURE__ */ t("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16", children: [
-    /* @__PURE__ */ e(s, { className: "text-green-600 mx-auto size-8 lg:size-10" }),
-    /* @__PURE__ */ e("p", { className: "mt-5 text-center text-lg font-semibold lg:text-xl", children: "Deposit Successful!" }),
-    /* @__PURE__ */ e("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 {
-  c as OnlineBankDepositSuccess
-};

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

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