@opexa/portal-components 0.0.17 → 0.0.19

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),h=require("react");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../../constants/index.js");require("../../../utils/capitalize.js");require("../../../utils/parseDecimal.js");require("../../../utils/getLocaleInfo.js");require("../../../utils/getQueryClient.js");const M=require("../../../utils/isMobile.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../../client/hooks/useGlobalStore.js");require("../../../client/hooks/useInfiniteQueryHelper.js");const D=require("../../../client/hooks/useOnMMA.js"),f=require("../../../client/hooks/usePaymentSettingsQuery.js"),x=require("../../../icons/AlertCircleIcon.js"),P=require("../../../icons/SpinnerIcon.js"),m=require("../PaymentMethods.js"),y=require("./GCashDeposit/GCashDeposit.js"),G=require("./MayaAppDeposit/MayaAppDeposit.js"),N=require("./MayaDeposit/MayaDeposit.js"),j=require("./OnlineBankDeposit/OnlineBankDeposit.js"),w=require("./QRPHDeposit/QRPHDeposit.js");function E(){const[A]=D.useOnMMA(),t=f.usePaymentSettingsQuery(),e=t.data,o=(()=>{var n,u,l,c,b,p,q,d;const i=[];return A?i.push("MAYA_APP"):M.onMobileDevice()?((n=e==null?void 0:e.gcashDepositGatewaySettings)!=null&&n.mobileWebEnabled&&i.push("GCASH"),(u=e==null?void 0:e.mayaDepositGatewaySettings)!=null&&u.mobileWebEnabled&&i.push("MAYA"),(l=e==null?void 0:e.qrphDepositGatewaySettings)!=null&&l.mobileWebEnabled&&i.push("QRPH"),(c=e==null?void 0:e.onlineBankDepositGatewaySettings)!=null&&c.mobileWebEnabled&&i.push("ONLINE_BANK")):((b=e==null?void 0:e.gcashDepositGatewaySettings)!=null&&b.webEnabled&&i.push("GCASH"),(p=e==null?void 0:e.mayaDepositGatewaySettings)!=null&&p.webEnabled&&i.push("MAYA"),(q=e==null?void 0:e.qrphDepositGatewaySettings)!=null&&q.webEnabled&&i.push("QRPH"),(d=e==null?void 0:e.onlineBankDepositGatewaySettings)!=null&&d.webEnabled&&i.push("ONLINE_BANK")),i})(),[r,a]=h.useState();return h.useEffect(()=>{o.length>0&&!r&&a(o[0])},[o,r]),t.isLoading?s.jsx(P.SpinnerIcon,{className:"mx-auto size-6"}):o.length<=0?s.jsxs("div",{className:"border-amber-200 text-amber-700 bg-amber-50 flex items-center gap-1.5 rounded-sm border px-3 py-2.5 text-sm",children:[s.jsx(x.AlertCircleIcon,{className:"size-4"}),"No available payment methods"]}):s.jsxs(s.Fragment,{children:[s.jsx(m.PaymentMethods,{value:r,onChange:a,options:o}),r==="QRPH"&&s.jsx(w.QRPHDeposit,{}),r==="GCASH"&&s.jsx(y.GCashDeposit,{}),r==="MAYA"&&s.jsx(N.MayaDeposit,{}),r==="MAYA_APP"&&s.jsx(G.MayaAppDeposit,{}),r==="ONLINE_BANK"&&s.jsx(j.OnlineBankDeposit,{})]})}exports.Deposit=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),h=require("react");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../../constants/index.js");require("../../../utils/capitalize.js");require("../../../utils/parseDecimal.js");require("../../../utils/getLocaleInfo.js");require("../../../utils/getQueryClient.js");const M=require("../../../utils/isMobile.js");require("../../../client/services/getSession.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../../client/hooks/useGlobalStore.js");require("../../../client/hooks/useInfiniteQueryHelper.js");const D=require("../../../client/hooks/useOnMMA.js"),f=require("../../../client/hooks/usePaymentSettingsQuery.js"),x=require("../../../icons/AlertCircleIcon.js"),P=require("../../../icons/SpinnerIcon.js"),m=require("../PaymentMethods.js"),y=require("./GCashDeposit/GCashDeposit.js"),G=require("./MayaAppDeposit/MayaAppDeposit.js"),N=require("./MayaDeposit/MayaDeposit.js"),j=require("./OnlineBankDeposit/OnlineBankDeposit.js"),w=require("./QRPHDeposit/QRPHDeposit.js");function E(){const[A]=D.useOnMMA(),t=f.usePaymentSettingsQuery(),e=t.data,o=(()=>{var n,u,l,c,b,p,q,d;const r=[];return A?r.push("MAYA_APP"):M.onMobileDevice()?((n=e==null?void 0:e.gcashDepositGatewaySettings)!=null&&n.mobileWebEnabled&&r.push("GCASH"),(u=e==null?void 0:e.mayaDepositGatewaySettings)!=null&&u.mobileWebEnabled&&r.push("MAYA"),(l=e==null?void 0:e.qrphDepositGatewaySettings)!=null&&l.mobileWebEnabled&&r.push("QRPH"),(c=e==null?void 0:e.onlineBankDepositGatewaySettings)!=null&&c.mobileWebEnabled&&r.push("ONLINE_BANK")):((b=e==null?void 0:e.gcashDepositGatewaySettings)!=null&&b.webEnabled&&r.push("GCASH"),(p=e==null?void 0:e.mayaDepositGatewaySettings)!=null&&p.webEnabled&&r.push("MAYA"),(q=e==null?void 0:e.qrphDepositGatewaySettings)!=null&&q.webEnabled&&r.push("QRPH"),(d=e==null?void 0:e.onlineBankDepositGatewaySettings)!=null&&d.webEnabled&&r.push("ONLINE_BANK")),r})(),[i,a]=h.useState();return h.useEffect(()=>{o.length>0&&!i&&a(o[0])},[o,i]),t.isLoading?s.jsx(P.SpinnerIcon,{className:"mx-auto size-6"}):o.length<=0?s.jsxs("div",{className:"border-amber-200 text-amber-700 bg-amber-50 flex items-center gap-1.5 rounded-sm border px-3 py-2.5 text-sm",children:[s.jsx(x.AlertCircleIcon,{className:"size-4"}),"No available payment methods"]}):s.jsxs(s.Fragment,{children:[s.jsx(m.PaymentMethods,{value:i,onChange:a,options:o}),i==="QRPH"&&s.jsx(w.QRPHDeposit,{}),i==="GCASH"&&s.jsx(y.GCashDeposit,{}),i==="MAYA"&&s.jsx(N.MayaDeposit,{}),i==="MAYA_APP"&&s.jsx(G.MayaAppDeposit,{}),i==="ONLINE_BANK"&&s.jsx(j.OnlineBankDeposit,{})]})}exports.Deposit=E;

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

@@ -9,6 +9,7 @@ import "../../../utils/parseDecimal.mjs";
 import "../../../utils/getLocaleInfo.mjs";
 import "../../../utils/getQueryClient.mjs";
 import { onMobileDevice as N } from "../../../utils/isMobile.mjs";
+import "../../../client/services/getSession.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
 import "../../../client/hooks/useGlobalStore.mjs";
@@ -23,7 +24,7 @@ import { MayaAppDeposit as H } from "./MayaAppDeposit/MayaAppDeposit.mjs";
 import { MayaDeposit as B } from "./MayaDeposit/MayaDeposit.mjs";
 import { OnlineBankDeposit as C } from "./OnlineBankDeposit/OnlineBankDeposit.mjs";
 import { QRPHDeposit as Q } from "./QRPHDeposit/QRPHDeposit.mjs";
-function ie() {
+function re() {
   const [A] = w(), s = E(), e = s.data, t = (() => {
     var m, p, n, l, f, b, h, d;
     const o = [];
@@ -51,5 +52,5 @@ function ie() {
   ] });
 }
 export {
-  ie as Deposit
+  re as Deposit
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("@ark-ui/react"),w=require("@hookform/resolvers/zod"),M=require("react"),q=require("react-hook-form"),O=require("tiny-invariant"),a=require("zod"),k=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");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");const Q=require("../../../../client/hooks/useAvailablePromosQuery.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const E=require("../../../../client/hooks/useCreateGCashDepositMutation.js"),F=require("../../../../client/hooks/useDepositsCountQuery.js"),N=require("../../../../client/hooks/useDisclosure.js"),R=require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const T=require("../../../../client/hooks/usePaymentSettingsQuery.js"),G=require("../../../../client/utils/toaster.js"),B=require("../../../../icons/AlertCircleIcon.js"),U=require("../../../../icons/ChevronDownIcon.js"),V=require("../../../../icons/ChevronUpIcon.js"),$=require("../../../../icons/SpinnerIcon.js"),L=require("../../../../icons/XIcon.js"),s=require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const x=require("../../../../ui/Button/Button.js");require("../../../../ui/Checkbox/Checkbox.js");require("../../../../ui/Clipboard/Clipboard.js");require("../../../../ui/DatePicker/DatePicker.js");require("../../../../ui/Dialog/Dialog.js");require("../../../../ui/Drawer/Drawer.js");const b=require("../../../../ui/Field/Field.js");require("../../../../ui/IconButton/iconButton.recipe.js");const l=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 W=require("../../AmountChoices.js"),Z=require("../AvailablePromos.js");function _(){var C;const m=N.useDisclosure(),I=R.useGlobalStore(k.useShallow(o=>({depositWithdrawal:o.depositWithdrawal}))),p=E.useCreateGCashDepositMutation({onSuccess(o){O(o.checkoutUrl),window.open(o.checkoutUrl,"_blank","noopener,noreferrer"),t.reset(),I.depositWithdrawal.setOpen(!1)},onError(o){G.toaster.error({description:o.message})}}),S=F.useDepositsCountQuery().data??0,g=T.usePaymentSettingsQuery(),h=g.data,c=h==null?void 0:h.gcashDepositGatewaySettings,d=i.parseDecimal(c==null?void 0:c.maximumAmount,0),u=S<=0?i.parseDecimal((C=g.data)==null?void 0:C.minimumFirstDepositAmount,0):i.parseDecimal(c==null?void 0:c.minimumAmount,0),f=Q.useAvailablePromosQuery().data??[],A=a.z.object({amount:a.z.string().superRefine((o,n)=>{const r=i.parseDecimal(o,0);r<u&&n.addIssue({type:"number",code:a.z.ZodIssueCode.too_small,inclusive:!0,minimum:u,message:`Minimum amount is ${u.toLocaleString()}`}),r>d&&n.addIssue({type:"number",code:a.z.ZodIssueCode.too_big,inclusive:!0,maximum:d,message:`Maximum amount is ${d.toLocaleString()}`})}),promo:a.z.string().optional().nullable()}).superRefine((o,n)=>{const r=f.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&&n.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Minimum amount for this promo is ${D.toLocaleString()}`}),r&&v>y&&n.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Maximum amount for this promo is ${y}`})}),t=q.useForm({mode:"all",resolver:w.zodResolver(A),defaultValues:{amount:"0",promo:null}});M.useEffect(()=>{u&&t.reset({amount:u.toString(),promo:null})},[t,u]);const j=t.handleSubmit(async o=>{p.mutate({amount:o.amount.toString(),promo:o.promo??void 0})});return e.jsxs("form",{onSubmit:j,noValidate:!0,children:[e.jsx(q.Controller,{control:t.control,name:"amount",render:o=>{var n;return e.jsxs(b.Root,{invalid:!!t.formState.errors.amount,children:[e.jsxs(l.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(l.Label,{children:"Enter amount you want to deposit"}),e.jsxs(l.Control,{children:[e.jsx(l.Input,{}),e.jsx(l.IncrementTrigger,{children:e.jsx(V.ChevronUpIcon,{})}),e.jsx(l.DecrementTrigger,{children:e.jsx(U.ChevronDownIcon,{})})]})]}),e.jsx(b.ErrorText,{children:(n=t.formState.errors.amount)==null?void 0:n.message})]})}}),e.jsx(W.AmountChoices,{value:i.parseDecimal(t.watch("amount"),0),onChange:o=>{t.setValue("amount",o.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:u,max:d,className:"mt-xl"}),e.jsx(q.Controller,{control:t.control,name:"promo",render:o=>e.jsx(Z.AvailablePromos,{className:"mt-4xl",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(x.Button,{type:"submit",className:"mt-4.5",disabled:p.isPending,onClick:async o=>{await t.trigger("amount")&&(f.length<=0||t.getValues("promo")||(o.preventDefault(),m.setOpen(!0)))},children:p.isPending?e.jsxs(e.Fragment,{children:[e.jsx($.SpinnerIcon,{}),"Processing..."]}):"Deposit"}),e.jsx(s.Root,{role:"alertdialog",open:m.open,onOpenChange:o=>{m.setOpen(o.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(P.Portal,{children:[e.jsx(s.Backdrop,{className:"!z-[calc(var(--z-dialog)+10)]"}),e.jsx(s.Positioner,{className:"!z-[calc(var(--z-dialog)+25)]",children:e.jsxs(s.Content,{children:[e.jsxs(s.Header,{children:[e.jsx("div",{className:"flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]",children:e.jsx(B.AlertCircleIcon,{})}),e.jsx(s.CloseTrigger,{children:e.jsx(L.XIcon,{})})]}),e.jsxs(s.Body,{children:[e.jsx(s.Title,{children:"Submit deposit request without promo?"}),e.jsx(s.Description,{children:"You haven’t selected a promo. Are you sure you want to proceed without one?"})]}),e.jsxs(s.Footer,{children:[e.jsx(x.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{m.setOpen(!1)},children:"Cancel"}),e.jsx(x.Button,{onClick:()=>{j(),m.setOpen(!1)},children:"Proceed"})]})]})})]})})]})}exports.GCashDeposit=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("@ark-ui/react"),w=require("@hookform/resolvers/zod"),M=require("react"),q=require("react-hook-form"),O=require("tiny-invariant"),a=require("zod"),k=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");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 Q=require("../../../../client/hooks/useAvailablePromosQuery.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const E=require("../../../../client/hooks/useCreateGCashDepositMutation.js"),F=require("../../../../client/hooks/useDepositsCountQuery.js"),N=require("../../../../client/hooks/useDisclosure.js"),R=require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const T=require("../../../../client/hooks/usePaymentSettingsQuery.js"),G=require("../../../../client/utils/toaster.js"),B=require("../../../../icons/AlertCircleIcon.js"),U=require("../../../../icons/ChevronDownIcon.js"),V=require("../../../../icons/ChevronUpIcon.js"),$=require("../../../../icons/SpinnerIcon.js"),L=require("../../../../icons/XIcon.js"),s=require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const x=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 b=require("../../../../ui/Field/Field.js");require("../../../../ui/IconButton/iconButton.recipe.js");const l=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"),Z=require("../AvailablePromos.js");function _(){var C;const m=N.useDisclosure(),I=R.useGlobalStore(k.useShallow(r=>({depositWithdrawal:r.depositWithdrawal}))),p=E.useCreateGCashDepositMutation({onSuccess(r){O(r.checkoutUrl),window.open(r.checkoutUrl,"_blank","noopener,noreferrer"),t.reset(),I.depositWithdrawal.setOpen(!1)},onError(r){G.toaster.error({description:r.message})}}),S=F.useDepositsCountQuery().data??0,g=T.usePaymentSettingsQuery(),h=g.data,c=h==null?void 0:h.gcashDepositGatewaySettings,d=i.parseDecimal(c==null?void 0:c.maximumAmount,0),u=S<=0?i.parseDecimal((C=g.data)==null?void 0:C.minimumFirstDepositAmount,0):i.parseDecimal(c==null?void 0:c.minimumAmount,0),f=Q.useAvailablePromosQuery().data??[],A=a.z.object({amount:a.z.string().superRefine((r,n)=>{const o=i.parseDecimal(r,0);o<u&&n.addIssue({type:"number",code:a.z.ZodIssueCode.too_small,inclusive:!0,minimum:u,message:`Minimum amount is ${u.toLocaleString()}`}),o>d&&n.addIssue({type:"number",code:a.z.ZodIssueCode.too_big,inclusive:!0,maximum:d,message:`Maximum amount is ${d.toLocaleString()}`})}),promo:a.z.string().optional().nullable()}).superRefine((r,n)=>{const o=f.find(z=>z.id===r.promo),D=i.parseDecimal(o==null?void 0:o.minimumDepositAmount,0),y=i.parseDecimal(o==null?void 0:o.maximumDepositAmount,0),v=i.parseDecimal(r.amount,0);o&&v<D&&n.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Minimum amount for this promo is ${D.toLocaleString()}`}),o&&v>y&&n.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Maximum amount for this promo is ${y}`})}),t=q.useForm({mode:"all",resolver:w.zodResolver(A),defaultValues:{amount:"0",promo:null}});M.useEffect(()=>{u&&t.reset({amount:u.toString(),promo:null})},[t,u]);const j=t.handleSubmit(async r=>{p.mutate({amount:r.amount.toString(),promo:r.promo??void 0})});return e.jsxs("form",{onSubmit:j,noValidate:!0,children:[e.jsx(q.Controller,{control:t.control,name:"amount",render:r=>{var n;return e.jsxs(b.Root,{invalid:!!t.formState.errors.amount,children:[e.jsxs(l.Root,{min:0,step:1,value:r.field.value,onValueChange:o=>{r.field.onChange(o.value)},formatOptions:{maximumFractionDigits:2,minimumFractionDigits:0},allowMouseWheel:!0,children:[e.jsx(l.Label,{children:"Enter amount you want to deposit"}),e.jsxs(l.Control,{children:[e.jsx(l.Input,{}),e.jsx(l.IncrementTrigger,{children:e.jsx(V.ChevronUpIcon,{})}),e.jsx(l.DecrementTrigger,{children:e.jsx(U.ChevronDownIcon,{})})]})]}),e.jsx(b.ErrorText,{children:(n=t.formState.errors.amount)==null?void 0:n.message})]})}}),e.jsx(W.AmountChoices,{value:i.parseDecimal(t.watch("amount"),0),onChange:r=>{t.setValue("amount",r.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:u,max:d,className:"mt-xl"}),e.jsx(q.Controller,{control:t.control,name:"promo",render:r=>e.jsx(Z.AvailablePromos,{className:"mt-4xl",value:r.field.value,onChange:r.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(x.Button,{type:"submit",className:"mt-4.5",disabled:p.isPending,onClick:async r=>{await t.trigger("amount")&&(f.length<=0||t.getValues("promo")||(r.preventDefault(),m.setOpen(!0)))},children:p.isPending?e.jsxs(e.Fragment,{children:[e.jsx($.SpinnerIcon,{}),"Processing..."]}):"Deposit"}),e.jsx(s.Root,{role:"alertdialog",open:m.open,onOpenChange:r=>{m.setOpen(r.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(P.Portal,{children:[e.jsx(s.Backdrop,{className:"!z-[calc(var(--z-dialog)+10)]"}),e.jsx(s.Positioner,{className:"!z-[calc(var(--z-dialog)+25)]",children:e.jsxs(s.Content,{children:[e.jsxs(s.Header,{children:[e.jsx("div",{className:"flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]",children:e.jsx(B.AlertCircleIcon,{})}),e.jsx(s.CloseTrigger,{children:e.jsx(L.XIcon,{})})]}),e.jsxs(s.Body,{children:[e.jsx(s.Title,{children:"Submit deposit request without promo?"}),e.jsx(s.Description,{children:"You haven’t selected a promo. Are you sure you want to proceed without one?"})]}),e.jsxs(s.Footer,{children:[e.jsx(x.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{m.setOpen(!1)},children:"Cancel"}),e.jsx(x.Button,{onClick:()=>{j(),m.setOpen(!1)},children:"Proceed"})]})]})})]})})]})}exports.GCashDeposit=_;

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

@@ -14,6 +14,7 @@ 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";
@@ -36,28 +37,32 @@ 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 co } from "../AvailablePromos.mjs";
-function fe() {
+import { AvailablePromos as po } from "../AvailablePromos.mjs";
+function ve() {
   var y;
   const l = T(), S = V(
     N((o) => ({
       depositWithdrawal: o.depositWithdrawal
     }))
-  ), p = R({
+  ), c = R({
     onSuccess(o) {
       z(o.checkoutUrl), window.open(o.checkoutUrl, "_blank", "noopener,noreferrer"), r.reset(), S.depositWithdrawal.setOpen(!1);
     },
@@ -66,7 +71,7 @@ function fe() {
         description: o.message
       });
     }
-  }), I = F().data ?? 0, h = $(), d = h.data, u = d == null ? void 0 : d.gcashDepositGatewaySettings, c = m(u == null ? void 0 : u.maximumAmount, 0), s = I <= 0 ? m((y = h.data) == null ? void 0 : y.minimumFirstDepositAmount, 0) : m(u == null ? void 0 : u.minimumAmount, 0), g = Q().data ?? [], A = a.object({
+  }), I = F().data ?? 0, h = $(), d = h.data, u = d == null ? void 0 : d.gcashDepositGatewaySettings, p = m(u == null ? void 0 : u.maximumAmount, 0), s = I <= 0 ? m((y = h.data) == null ? void 0 : y.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({
@@ -75,12 +80,12 @@ function fe() {
         inclusive: !0,
         minimum: s,
         message: `Minimum amount is ${s.toLocaleString()}`
-      }), t > c && n.addIssue({
+      }), t > p && n.addIssue({
         type: "number",
         code: a.ZodIssueCode.too_big,
         inclusive: !0,
-        maximum: c,
-        message: `Maximum amount is ${c.toLocaleString()}`
+        maximum: p,
+        message: `Maximum amount is ${p.toLocaleString()}`
       });
     }),
     promo: a.string().optional().nullable()
@@ -110,7 +115,7 @@ function fe() {
     });
   }, [r, s]);
   const C = r.handleSubmit(async (o) => {
-    p.mutate({
+    c.mutate({
       amount: o.amount.toString(),
       promo: o.promo ?? void 0
     });
@@ -165,7 +170,7 @@ function fe() {
           });
         },
         min: s,
-        max: c,
+        max: p,
         className: "mt-xl"
       }
     ),
@@ -175,7 +180,7 @@ function fe() {
         control: r.control,
         name: "promo",
         render: (o) => /* @__PURE__ */ e(
-          co,
+          po,
           {
             className: "mt-4xl",
             value: o.field.value,
@@ -195,11 +200,11 @@ function fe() {
       {
         type: "submit",
         className: "mt-4.5",
-        disabled: p.isPending,
+        disabled: c.isPending,
         onClick: async (o) => {
           await r.trigger("amount") && (g.length <= 0 || r.getValues("promo") || (o.preventDefault(), l.setOpen(!0)));
         },
-        children: p.isPending ? /* @__PURE__ */ i(O, { children: [
+        children: c.isPending ? /* @__PURE__ */ i(O, { children: [
           /* @__PURE__ */ e(W, {}),
           "Processing..."
         ] }) : "Deposit"
@@ -257,5 +262,5 @@ function fe() {
   ] });
 }
 export {
-  fe as GCashDeposit
+  ve as GCashDeposit
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),Q=require("@ark-ui/react"),w=require("@hookform/resolvers/zod"),O=require("react"),q=require("react-hook-form"),a=require("zod"),E=require("zustand/shallow");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");const V=require("../../../../client/hooks/useAvailablePromosQuery.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const F=require("../../../../client/hooks/useCreateMayaAppDepositMutation.js"),N=require("../../../../client/hooks/useDepositsCountQuery.js"),k=require("../../../../client/hooks/useDisclosure.js"),R=require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");const T=require("../../../../client/hooks/useIsMayaSessionValidQuery.js");require("usehooks-ts");const B=require("../../../../client/hooks/usePaymentSettingsQuery.js"),v=require("../../../../client/utils/toaster.js"),$=require("../../../../icons/AlertCircleIcon.js"),L=require("../../../../icons/ChevronDownIcon.js"),U=require("../../../../icons/ChevronUpIcon.js"),W=require("../../../../icons/SpinnerIcon.js"),Z=require("../../../../icons/XIcon.js"),t=require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const x=require("../../../../ui/Button/Button.js");require("../../../../ui/Checkbox/Checkbox.js");require("../../../../ui/Clipboard/Clipboard.js");require("../../../../ui/DatePicker/DatePicker.js");require("../../../../ui/Dialog/Dialog.js");require("../../../../ui/Drawer/Drawer.js");const b=require("../../../../ui/Field/Field.js");require("../../../../ui/IconButton/iconButton.recipe.js");const l=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 G=require("../../AmountChoices.js"),H=require("../../MayaSessionExpired.js"),X=require("../AvailablePromos.js");function _(){var j;const m=k.useDisclosure(),A=R.useGlobalStore(E.useShallow(o=>({depositWithdrawal:o.depositWithdrawal}))),p=F.useCreateMayaAppDepositMutation({onSuccess(){s.reset(),A.depositWithdrawal.setOpen(!1),v.toaster.success({description:"Deposit success!"})},onError(o){v.toaster.error({description:o.message})}}),I=T.useIsMayaSessionValidQuery().data??!0,M=N.useDepositsCountQuery().data??0,y=B.usePaymentSettingsQuery(),h=y.data,c=h==null?void 0:h.mayaAppDepositGatewaySettings,d=i.parseDecimal(c==null?void 0:c.maximumAmount,0),u=M<=0?i.parseDecimal((j=y.data)==null?void 0:j.minimumFirstDepositAmount,0):i.parseDecimal(c==null?void 0:c.minimumAmount,0),g=V.useAvailablePromosQuery().data??[],z=a.z.object({amount:a.z.string().superRefine((o,n)=>{const r=i.parseDecimal(o,0);r<u&&n.addIssue({type:"number",code:a.z.ZodIssueCode.too_small,inclusive:!0,minimum:u,message:`Minimum amount is ${u.toLocaleString()}`}),r>d&&n.addIssue({type:"number",code:a.z.ZodIssueCode.too_big,inclusive:!0,maximum:d,message:`Maximum amount is ${d.toLocaleString()}`})}),promo:a.z.string().optional().nullable()}).superRefine((o,n)=>{const r=g.find(P=>P.id===o.promo),D=i.parseDecimal(r==null?void 0:r.minimumDepositAmount,0),C=i.parseDecimal(r==null?void 0:r.maximumDepositAmount,0),S=i.parseDecimal(o.amount,0);r&&S<D&&n.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Minimum amount for this promo is ${D.toLocaleString()}`}),r&&S>C&&n.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Maximum amount for this promo is ${C}`})}),s=q.useForm({mode:"all",resolver:w.zodResolver(z),defaultValues:{amount:"0",promo:null}});O.useEffect(()=>{u&&s.reset({amount:u.toString(),promo:null})},[s,u]);const f=s.handleSubmit(async o=>{p.mutate({amount:o.amount.toString(),promo:o.promo??void 0})});return I?e.jsxs("form",{onSubmit:f,noValidate:!0,children:[e.jsx(q.Controller,{control:s.control,name:"amount",render:o=>{var n;return e.jsxs(b.Root,{invalid:!!s.formState.errors.amount,children:[e.jsxs(l.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(l.Label,{children:"Enter amount you want to deposit"}),e.jsxs(l.Control,{children:[e.jsx(l.Input,{}),e.jsx(l.IncrementTrigger,{children:e.jsx(U.ChevronUpIcon,{})}),e.jsx(l.DecrementTrigger,{children:e.jsx(L.ChevronDownIcon,{})})]})]}),e.jsx(b.ErrorText,{children:(n=s.formState.errors.amount)==null?void 0:n.message})]})}}),e.jsx(G.AmountChoices,{value:i.parseDecimal(s.watch("amount"),0),onChange:o=>{s.setValue("amount",o.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:u,max:d,className:"mt-xl"}),e.jsx(q.Controller,{control:s.control,name:"promo",render:o=>e.jsx(X.AvailablePromos,{className:"mt-4xl",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(x.Button,{type:"submit",className:"mt-4.5",disabled:p.isPending,onClick:async o=>{await s.trigger("amount")&&(g.length<=0||s.getValues("promo")||(o.preventDefault(),m.setOpen(!0)))},children:p.isPending?e.jsxs(e.Fragment,{children:[e.jsx(W.SpinnerIcon,{}),"Processing..."]}):"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(Q.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($.AlertCircleIcon,{})}),e.jsx(t.CloseTrigger,{children:e.jsx(Z.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(x.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{m.setOpen(!1)},children:"Cancel"}),e.jsx(x.Button,{onClick:()=>{f(),m.setOpen(!1)},children:"Proceed"})]})]})})]})})]}):e.jsx(H.MayaSessionExpired,{})}exports.MayaAppDeposit=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),Q=require("@ark-ui/react"),w=require("@hookform/resolvers/zod"),O=require("react"),q=require("react-hook-form"),a=require("zod"),E=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");const n=require("../../../../utils/parseDecimal.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");require("../../../../client/services/getSession.js");const V=require("../../../../client/hooks/useAvailablePromosQuery.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const F=require("../../../../client/hooks/useCreateMayaAppDepositMutation.js"),N=require("../../../../client/hooks/useDepositsCountQuery.js"),k=require("../../../../client/hooks/useDisclosure.js"),R=require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");const T=require("../../../../client/hooks/useIsMayaSessionValidQuery.js");require("usehooks-ts");const B=require("../../../../client/hooks/usePaymentSettingsQuery.js"),v=require("../../../../client/utils/toaster.js"),$=require("../../../../icons/AlertCircleIcon.js"),L=require("../../../../icons/ChevronDownIcon.js"),U=require("../../../../icons/ChevronUpIcon.js"),W=require("../../../../icons/SpinnerIcon.js"),Z=require("../../../../icons/XIcon.js"),t=require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const x=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 b=require("../../../../ui/Field/Field.js");require("../../../../ui/IconButton/iconButton.recipe.js");const l=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 G=require("../../AmountChoices.js"),H=require("../../MayaSessionExpired.js"),X=require("../AvailablePromos.js");function _(){var j;const m=k.useDisclosure(),A=R.useGlobalStore(E.useShallow(r=>({depositWithdrawal:r.depositWithdrawal}))),p=F.useCreateMayaAppDepositMutation({onSuccess(){s.reset(),A.depositWithdrawal.setOpen(!1),v.toaster.success({description:"Deposit success!"})},onError(r){v.toaster.error({description:r.message})}}),I=T.useIsMayaSessionValidQuery().data??!0,M=N.useDepositsCountQuery().data??0,y=B.usePaymentSettingsQuery(),h=y.data,c=h==null?void 0:h.mayaAppDepositGatewaySettings,d=n.parseDecimal(c==null?void 0:c.maximumAmount,0),u=M<=0?n.parseDecimal((j=y.data)==null?void 0:j.minimumFirstDepositAmount,0):n.parseDecimal(c==null?void 0:c.minimumAmount,0),g=V.useAvailablePromosQuery().data??[],z=a.z.object({amount:a.z.string().superRefine((r,i)=>{const o=n.parseDecimal(r,0);o<u&&i.addIssue({type:"number",code:a.z.ZodIssueCode.too_small,inclusive:!0,minimum:u,message:`Minimum amount is ${u.toLocaleString()}`}),o>d&&i.addIssue({type:"number",code:a.z.ZodIssueCode.too_big,inclusive:!0,maximum:d,message:`Maximum amount is ${d.toLocaleString()}`})}),promo:a.z.string().optional().nullable()}).superRefine((r,i)=>{const o=g.find(P=>P.id===r.promo),D=n.parseDecimal(o==null?void 0:o.minimumDepositAmount,0),C=n.parseDecimal(o==null?void 0:o.maximumDepositAmount,0),S=n.parseDecimal(r.amount,0);o&&S<D&&i.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Minimum amount for this promo is ${D.toLocaleString()}`}),o&&S>C&&i.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Maximum amount for this promo is ${C}`})}),s=q.useForm({mode:"all",resolver:w.zodResolver(z),defaultValues:{amount:"0",promo:null}});O.useEffect(()=>{u&&s.reset({amount:u.toString(),promo:null})},[s,u]);const f=s.handleSubmit(async r=>{p.mutate({amount:r.amount.toString(),promo:r.promo??void 0})});return I?e.jsxs("form",{onSubmit:f,noValidate:!0,children:[e.jsx(q.Controller,{control:s.control,name:"amount",render:r=>{var i;return e.jsxs(b.Root,{invalid:!!s.formState.errors.amount,children:[e.jsxs(l.Root,{min:0,step:1,value:r.field.value,onValueChange:o=>{r.field.onChange(o.value)},formatOptions:{maximumFractionDigits:2,minimumFractionDigits:0},allowMouseWheel:!0,children:[e.jsx(l.Label,{children:"Enter amount you want to deposit"}),e.jsxs(l.Control,{children:[e.jsx(l.Input,{}),e.jsx(l.IncrementTrigger,{children:e.jsx(U.ChevronUpIcon,{})}),e.jsx(l.DecrementTrigger,{children:e.jsx(L.ChevronDownIcon,{})})]})]}),e.jsx(b.ErrorText,{children:(i=s.formState.errors.amount)==null?void 0:i.message})]})}}),e.jsx(G.AmountChoices,{value:n.parseDecimal(s.watch("amount"),0),onChange:r=>{s.setValue("amount",r.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:u,max:d,className:"mt-xl"}),e.jsx(q.Controller,{control:s.control,name:"promo",render:r=>e.jsx(X.AvailablePromos,{className:"mt-4xl",value:r.field.value,onChange:r.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(x.Button,{type:"submit",className:"mt-4.5",disabled:p.isPending,onClick:async r=>{await s.trigger("amount")&&(g.length<=0||s.getValues("promo")||(r.preventDefault(),m.setOpen(!0)))},children:p.isPending?e.jsxs(e.Fragment,{children:[e.jsx(W.SpinnerIcon,{}),"Processing..."]}):"Deposit"}),e.jsx(t.Root,{role:"alertdialog",open:m.open,onOpenChange:r=>{m.setOpen(r.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(Q.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($.AlertCircleIcon,{})}),e.jsx(t.CloseTrigger,{children:e.jsx(Z.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(x.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{m.setOpen(!1)},children:"Cancel"}),e.jsx(x.Button,{onClick:()=>{f(),m.setOpen(!1)},children:"Proceed"})]})]})})]})})]}):e.jsx(H.MayaSessionExpired,{})}exports.MayaAppDeposit=_;

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

@@ -14,6 +14,7 @@ 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 R } from "../../../../client/hooks/useAvailablePromosQuery.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
@@ -37,15 +38,19 @@ 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 ro, ErrorText as io } from "../../../../ui/Field/Field.mjs";
 import "../../../../ui/IconButton/iconButton.recipe.mjs";
 import { Root as no, Label as mo, Control as so, Input as ao, IncrementTrigger as uo, DecrementTrigger as lo } 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";
@@ -53,7 +58,7 @@ import "../../../../ui/Tabs/Tabs.mjs";
 import { AmountChoices as po } from "../../AmountChoices.mjs";
 import { MayaSessionExpired as co } from "../../MayaSessionExpired.mjs";
 import { AvailablePromos as fo } from "../AvailablePromos.mjs";
-function ve() {
+function Ae() {
   var C;
   const l = T(), A = $(
     N((e) => ({
@@ -261,5 +266,5 @@ function ve() {
   ] }) : /* @__PURE__ */ o(co, {});
 }
 export {
-  ve as MayaAppDeposit
+  Ae as MayaAppDeposit
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),M=require("@ark-ui/react"),P=require("@hookform/resolvers/zod"),w=require("react"),q=require("react-hook-form"),O=require("tiny-invariant"),a=require("zod"),k=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");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");const Q=require("../../../../client/hooks/useAvailablePromosQuery.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const E=require("../../../../client/hooks/useCreateMayaDepositMutation.js"),F=require("../../../../client/hooks/useDepositsCountQuery.js"),N=require("../../../../client/hooks/useDisclosure.js"),R=require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const T=require("../../../../client/hooks/usePaymentSettingsQuery.js"),B=require("../../../../client/utils/toaster.js"),U=require("../../../../icons/AlertCircleIcon.js"),V=require("../../../../icons/ChevronDownIcon.js"),$=require("../../../../icons/ChevronUpIcon.js"),L=require("../../../../icons/SpinnerIcon.js"),W=require("../../../../icons/XIcon.js"),n=require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const x=require("../../../../ui/Button/Button.js");require("../../../../ui/Checkbox/Checkbox.js");require("../../../../ui/Clipboard/Clipboard.js");require("../../../../ui/DatePicker/DatePicker.js");require("../../../../ui/Dialog/Dialog.js");require("../../../../ui/Drawer/Drawer.js");const b=require("../../../../ui/Field/Field.js");require("../../../../ui/IconButton/iconButton.recipe.js");const c=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 Z=require("../../AmountChoices.js"),G=require("../AvailablePromos.js");function _(){var y;const m=N.useDisclosure(),I=R.useGlobalStore(k.useShallow(o=>({depositWithdrawal:o.depositWithdrawal}))),p=E.useCreateMayaDepositMutation({onSuccess(o){O(o.checkoutUrl),window.open(o.checkoutUrl,"_blank","noopener,noreferrer"),t.reset(),I.depositWithdrawal.setOpen(!1)},onError(o){B.toaster.error({description:o.message})}}),S=F.useDepositsCountQuery().data??0,g=T.usePaymentSettingsQuery(),h=g.data,l=h==null?void 0:h.mayaDepositGatewaySettings,d=i.parseDecimal(l==null?void 0:l.maximumAmount,0),u=S<=0?i.parseDecimal((y=g.data)==null?void 0:y.minimumFirstDepositAmount,0):i.parseDecimal(l==null?void 0:l.minimumAmount,0),f=Q.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>d&&s.addIssue({type:"number",code:a.z.ZodIssueCode.too_big,inclusive:!0,maximum:d,message:`Maximum amount is ${d.toLocaleString()}`})}),promo:a.z.string().optional().nullable()}).superRefine((o,s)=>{const r=f.find(z=>z.id===o.promo),C=i.parseDecimal(r==null?void 0:r.minimumDepositAmount,0),D=i.parseDecimal(r==null?void 0:r.maximumDepositAmount,0),v=i.parseDecimal(o.amount,0);r&&v<C&&s.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Minimum amount for this promo is ${C.toLocaleString()}`}),r&&v>D&&s.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Maximum amount for this promo is ${D}`})}),t=q.useForm({mode:"all",resolver:P.zodResolver(A),defaultValues:{amount:"0",promo:null}});w.useEffect(()=>{u&&t.reset({amount:u.toString(),promo:null})},[t,u]);const j=t.handleSubmit(async o=>{p.mutate({amount:o.amount.toString(),promo:o.promo??void 0})});return e.jsxs("form",{onSubmit:j,noValidate:!0,children:[e.jsx(q.Controller,{control:t.control,name:"amount",render:o=>{var s;return e.jsxs(b.Root,{invalid:!!t.formState.errors.amount,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($.ChevronUpIcon,{})}),e.jsx(c.DecrementTrigger,{children:e.jsx(V.ChevronDownIcon,{})})]})]}),e.jsx(b.ErrorText,{children:(s=t.formState.errors.amount)==null?void 0:s.message})]})}}),e.jsx(Z.AmountChoices,{value:i.parseDecimal(t.watch("amount"),0),onChange:o=>{t.setValue("amount",o.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:u,max:d,className:"mt-xl"}),e.jsx(q.Controller,{control:t.control,name:"promo",render:o=>e.jsx(G.AvailablePromos,{className:"mt-4xl",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(x.Button,{type:"submit",className:"mt-4.5",disabled:p.isPending,onClick:async o=>{await t.trigger("amount")&&(f.length<=0||t.getValues("promo")||(o.preventDefault(),m.setOpen(!0)))},children:p.isPending?e.jsxs(e.Fragment,{children:[e.jsx(L.SpinnerIcon,{}),"Processing..."]}):"Deposit"}),e.jsx(n.Root,{role:"alertdialog",open:m.open,onOpenChange:o=>{m.setOpen(o.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(M.Portal,{children:[e.jsx(n.Backdrop,{className:"!z-[calc(var(--z-dialog)+10)]"}),e.jsx(n.Positioner,{className:"!z-[calc(var(--z-dialog)+25)]",children:e.jsxs(n.Content,{children:[e.jsxs(n.Header,{children:[e.jsx("div",{className:"flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]",children:e.jsx(U.AlertCircleIcon,{})}),e.jsx(n.CloseTrigger,{children:e.jsx(W.XIcon,{})})]}),e.jsxs(n.Body,{children:[e.jsx(n.Title,{children:"Submit deposit request without promo?"}),e.jsx(n.Description,{children:"You haven’t selected a promo. Are you sure you want to proceed without one?"})]}),e.jsxs(n.Footer,{children:[e.jsx(x.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{m.setOpen(!1)},children:"Cancel"}),e.jsx(x.Button,{onClick:()=>{j(),m.setOpen(!1)},children:"Proceed"})]})]})})]})})]})}exports.MayaDeposit=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),M=require("@ark-ui/react"),P=require("@hookform/resolvers/zod"),w=require("react"),q=require("react-hook-form"),O=require("tiny-invariant"),a=require("zod"),k=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");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 Q=require("../../../../client/hooks/useAvailablePromosQuery.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const E=require("../../../../client/hooks/useCreateMayaDepositMutation.js"),F=require("../../../../client/hooks/useDepositsCountQuery.js"),N=require("../../../../client/hooks/useDisclosure.js"),R=require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const T=require("../../../../client/hooks/usePaymentSettingsQuery.js"),B=require("../../../../client/utils/toaster.js"),U=require("../../../../icons/AlertCircleIcon.js"),V=require("../../../../icons/ChevronDownIcon.js"),$=require("../../../../icons/ChevronUpIcon.js"),L=require("../../../../icons/SpinnerIcon.js"),W=require("../../../../icons/XIcon.js"),n=require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const x=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 b=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 Z=require("../../AmountChoices.js"),G=require("../AvailablePromos.js");function _(){var y;const m=N.useDisclosure(),I=R.useGlobalStore(k.useShallow(r=>({depositWithdrawal:r.depositWithdrawal}))),p=E.useCreateMayaDepositMutation({onSuccess(r){O(r.checkoutUrl),window.open(r.checkoutUrl,"_blank","noopener,noreferrer"),t.reset(),I.depositWithdrawal.setOpen(!1)},onError(r){B.toaster.error({description:r.message})}}),S=F.useDepositsCountQuery().data??0,g=T.usePaymentSettingsQuery(),h=g.data,l=h==null?void 0:h.mayaDepositGatewaySettings,d=i.parseDecimal(l==null?void 0:l.maximumAmount,0),u=S<=0?i.parseDecimal((y=g.data)==null?void 0:y.minimumFirstDepositAmount,0):i.parseDecimal(l==null?void 0:l.minimumAmount,0),f=Q.useAvailablePromosQuery().data??[],A=a.z.object({amount:a.z.string().superRefine((r,s)=>{const o=i.parseDecimal(r,0);o<u&&s.addIssue({type:"number",code:a.z.ZodIssueCode.too_small,inclusive:!0,minimum:u,message:`Minimum amount is ${u.toLocaleString()}`}),o>d&&s.addIssue({type:"number",code:a.z.ZodIssueCode.too_big,inclusive:!0,maximum:d,message:`Maximum amount is ${d.toLocaleString()}`})}),promo:a.z.string().optional().nullable()}).superRefine((r,s)=>{const o=f.find(z=>z.id===r.promo),C=i.parseDecimal(o==null?void 0:o.minimumDepositAmount,0),D=i.parseDecimal(o==null?void 0:o.maximumDepositAmount,0),v=i.parseDecimal(r.amount,0);o&&v<C&&s.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Minimum amount for this promo is ${C.toLocaleString()}`}),o&&v>D&&s.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Maximum amount for this promo is ${D}`})}),t=q.useForm({mode:"all",resolver:P.zodResolver(A),defaultValues:{amount:"0",promo:null}});w.useEffect(()=>{u&&t.reset({amount:u.toString(),promo:null})},[t,u]);const j=t.handleSubmit(async r=>{p.mutate({amount:r.amount.toString(),promo:r.promo??void 0})});return e.jsxs("form",{onSubmit:j,noValidate:!0,children:[e.jsx(q.Controller,{control:t.control,name:"amount",render:r=>{var s;return e.jsxs(b.Root,{invalid:!!t.formState.errors.amount,children:[e.jsxs(c.Root,{min:0,step:1,value:r.field.value,onValueChange:o=>{r.field.onChange(o.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($.ChevronUpIcon,{})}),e.jsx(c.DecrementTrigger,{children:e.jsx(V.ChevronDownIcon,{})})]})]}),e.jsx(b.ErrorText,{children:(s=t.formState.errors.amount)==null?void 0:s.message})]})}}),e.jsx(Z.AmountChoices,{value:i.parseDecimal(t.watch("amount"),0),onChange:r=>{t.setValue("amount",r.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:u,max:d,className:"mt-xl"}),e.jsx(q.Controller,{control:t.control,name:"promo",render:r=>e.jsx(G.AvailablePromos,{className:"mt-4xl",value:r.field.value,onChange:r.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(x.Button,{type:"submit",className:"mt-4.5",disabled:p.isPending,onClick:async r=>{await t.trigger("amount")&&(f.length<=0||t.getValues("promo")||(r.preventDefault(),m.setOpen(!0)))},children:p.isPending?e.jsxs(e.Fragment,{children:[e.jsx(L.SpinnerIcon,{}),"Processing..."]}):"Deposit"}),e.jsx(n.Root,{role:"alertdialog",open:m.open,onOpenChange:r=>{m.setOpen(r.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(M.Portal,{children:[e.jsx(n.Backdrop,{className:"!z-[calc(var(--z-dialog)+10)]"}),e.jsx(n.Positioner,{className:"!z-[calc(var(--z-dialog)+25)]",children:e.jsxs(n.Content,{children:[e.jsxs(n.Header,{children:[e.jsx("div",{className:"flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]",children:e.jsx(U.AlertCircleIcon,{})}),e.jsx(n.CloseTrigger,{children:e.jsx(W.XIcon,{})})]}),e.jsxs(n.Body,{children:[e.jsx(n.Title,{children:"Submit deposit request without promo?"}),e.jsx(n.Description,{children:"You haven’t selected a promo. Are you sure you want to proceed without one?"})]}),e.jsxs(n.Footer,{children:[e.jsx(x.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{m.setOpen(!1)},children:"Cancel"}),e.jsx(x.Button,{onClick:()=>{j(),m.setOpen(!1)},children:"Proceed"})]})]})})]})})]})}exports.MayaDeposit=_;

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

@@ -14,6 +14,7 @@ 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";
@@ -36,28 +37,32 @@ 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 co } from "../AvailablePromos.mjs";
-function fe() {
+import { AvailablePromos as po } from "../AvailablePromos.mjs";
+function ve() {
   var C;
   const l = T(), S = V(
     N((o) => ({
       depositWithdrawal: o.depositWithdrawal
     }))
-  ), p = R({
+  ), c = R({
     onSuccess(o) {
       z(o.checkoutUrl), window.open(o.checkoutUrl, "_blank", "noopener,noreferrer"), r.reset(), S.depositWithdrawal.setOpen(!1);
     },
@@ -66,7 +71,7 @@ function fe() {
         description: o.message
       });
     }
-  }), I = F().data ?? 0, h = $(), d = h.data, u = d == null ? void 0 : d.mayaDepositGatewaySettings, c = 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({
+  }), 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({
@@ -75,12 +80,12 @@ function fe() {
         inclusive: !0,
         minimum: s,
         message: `Minimum amount is ${s.toLocaleString()}`
-      }), t > c && n.addIssue({
+      }), t > p && n.addIssue({
         type: "number",
         code: a.ZodIssueCode.too_big,
         inclusive: !0,
-        maximum: c,
-        message: `Maximum amount is ${c.toLocaleString()}`
+        maximum: p,
+        message: `Maximum amount is ${p.toLocaleString()}`
       });
     }),
     promo: a.string().optional().nullable()
@@ -110,7 +115,7 @@ function fe() {
     });
   }, [r, s]);
   const y = r.handleSubmit(async (o) => {
-    p.mutate({
+    c.mutate({
       amount: o.amount.toString(),
       promo: o.promo ?? void 0
     });
@@ -165,7 +170,7 @@ function fe() {
           });
         },
         min: s,
-        max: c,
+        max: p,
         className: "mt-xl"
       }
     ),
@@ -175,7 +180,7 @@ function fe() {
         control: r.control,
         name: "promo",
         render: (o) => /* @__PURE__ */ e(
-          co,
+          po,
           {
             className: "mt-4xl",
             value: o.field.value,
@@ -195,11 +200,11 @@ function fe() {
       {
         type: "submit",
         className: "mt-4.5",
-        disabled: p.isPending,
+        disabled: c.isPending,
         onClick: async (o) => {
           await r.trigger("amount") && (g.length <= 0 || r.getValues("promo") || (o.preventDefault(), l.setOpen(!0)));
         },
-        children: p.isPending ? /* @__PURE__ */ i(M, { children: [
+        children: c.isPending ? /* @__PURE__ */ i(M, { children: [
           /* @__PURE__ */ e(Z, {}),
           "Processing..."
         ] }) : "Deposit"
@@ -257,5 +262,5 @@ function fe() {
   ] });
 }
 export {
-  fe as MayaDeposit
+  ve as MayaDeposit
 };

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

@@ -1 +1 @@
-"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");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/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/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 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=$;
+"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

@@ -14,6 +14,7 @@ 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";
@@ -32,15 +33,19 @@ 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";
@@ -48,7 +53,7 @@ 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 se() {
+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) => {
@@ -248,5 +253,5 @@ function se() {
   ] });
 }
 export {
-  se as OnlineBankDepositForm
+  pe as OnlineBankDepositForm
 };

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

@@ -1 +1 @@
-"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 t=require("../../../../ui/Clipboard/Clipboard.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/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 d=require("./OnlineBankDepositContext.js");function x(){const i=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(t.Root,{value:i.vca??"",className:"mx-auto mt-6 max-w-[22.5rem]",children:e.jsxs(t.Control,{className:"flex flex-col gap-4 lg:flex-row",children:[e.jsx(t.Input,{className:"lg:grow"}),e.jsx(t.Context,{children:s=>e.jsx(t.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;
+"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;