@opexa/portal-components 0.0.15 → 0.0.17

package/dist/components/DepositWithdrawal/{AvailablePromos.mjs → Deposit/AvailablePromos.mjs}

@@ -7,41 +7,41 @@ import { useShallow as g } from "zustand/shallow";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
-import "../../constants/index.mjs";
-import "../../utils/capitalize.mjs";
-import "../../utils/parseDecimal.mjs";
-import "../../utils/getLocaleInfo.mjs";
-import "../../utils/getQueryClient.mjs";
-import "../../utils/isMobile.mjs";
-import { useAvailablePromosQuery as b } from "../../client/hooks/useAvailablePromosQuery.mjs";
-import { useControllableState as f } from "../../client/hooks/useControllableState.mjs";
+import "../../../constants/index.mjs";
+import "../../../utils/capitalize.mjs";
+import "../../../utils/parseDecimal.mjs";
+import "../../../utils/getLocaleInfo.mjs";
+import "../../../utils/getQueryClient.mjs";
+import "../../../utils/isMobile.mjs";
+import { useAvailablePromosQuery as b } from "../../../client/hooks/useAvailablePromosQuery.mjs";
+import { useControllableState as f } from "../../../client/hooks/useControllableState.mjs";
 import "lodash-es";
 import "react";
 import "@opexa/portal-sdk-core/object-id";
-import { useGlobalStore as v } from "../../client/hooks/useGlobalStore.mjs";
-import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useGlobalStore as v } from "../../../client/hooks/useGlobalStore.mjs";
+import "../../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { CheckIcon as C } from "../../icons/CheckIcon.mjs";
-import { ChevronLeftIcon as N } from "../../icons/ChevronLeftIcon.mjs";
-import { ChevronRightIcon as w } from "../../icons/ChevronRightIcon.mjs";
-import "../../ui/AlertDialog/AlertDialog.mjs";
-import "../../ui/Avatar/Avatar.mjs";
-import "../../ui/Badge/Badge.mjs";
-import "../../ui/Button/button.recipe.mjs";
-import { Root as x, Control as y, Indicator as k, HiddenInput as I } from "../../ui/Checkbox/Checkbox.mjs";
-import "../../ui/Clipboard/Clipboard.mjs";
-import "../../ui/DatePicker/DatePicker.mjs";
-import "../../ui/Dialog/Dialog.mjs";
-import "../../ui/Drawer/Drawer.mjs";
-import "../../ui/Field/Field.mjs";
-import { IconButton as m } from "../../ui/IconButton/IconButton.mjs";
-import "../../ui/NumberInput/NumberInput.mjs";
-import "../../ui/PinInput/PinInput.mjs";
-import "../../ui/Popover/Popover.mjs";
-import "../../ui/SegmentGroup/SegmentGroup.mjs";
-import "../../ui/Select/Select.mjs";
-import "../../ui/Table/Table.mjs";
-import "../../ui/Tabs/Tabs.mjs";
+import { CheckIcon as C } from "../../../icons/CheckIcon.mjs";
+import { ChevronLeftIcon as N } from "../../../icons/ChevronLeftIcon.mjs";
+import { ChevronRightIcon as w } from "../../../icons/ChevronRightIcon.mjs";
+import "../../../ui/AlertDialog/AlertDialog.mjs";
+import "../../../ui/Avatar/Avatar.mjs";
+import "../../../ui/Badge/Badge.mjs";
+import "../../../ui/Button/button.recipe.mjs";
+import { Root as x, Control as y, Indicator as k, HiddenInput as I } from "../../../ui/Checkbox/Checkbox.mjs";
+import "../../../ui/Clipboard/Clipboard.mjs";
+import "../../../ui/DatePicker/DatePicker.mjs";
+import "../../../ui/Dialog/Dialog.mjs";
+import "../../../ui/Drawer/Drawer.mjs";
+import "../../../ui/Field/Field.mjs";
+import { IconButton as m } from "../../../ui/IconButton/IconButton.mjs";
+import "../../../ui/NumberInput/NumberInput.mjs";
+import "../../../ui/PinInput/PinInput.mjs";
+import "../../../ui/Popover/Popover.mjs";
+import "../../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../../ui/Select/Select.mjs";
+import "../../../ui/Table/Table.mjs";
+import "../../../ui/Tabs/Tabs.mjs";
 function fe(i) {
   const n = v(
     g((r) => ({

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");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=_;

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

@@ -50,7 +50,7 @@ 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";
+import { AvailablePromos as co } from "../AvailablePromos.mjs";
 function fe() {
   var y;
   const l = T(), S = V(

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("../../AvailablePromos.js"),X=require("./SessionExpired.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,g=B.usePaymentSettingsQuery(),h=g.data,c=h==null?void 0:h.mayaAppDepositGatewaySettings,d=i.parseDecimal(c==null?void 0:c.maximumAmount,0),u=M<=0?i.parseDecimal((j=g.data)==null?void 0:j.minimumFirstDepositAmount,0):i.parseDecimal(c==null?void 0:c.minimumAmount,0),y=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=y.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(H.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")&&(y.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(X.SessionExpired,{})}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 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=_;

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

@@ -51,8 +51,8 @@ import "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
 import { AmountChoices as po } from "../../AmountChoices.mjs";
-import { AvailablePromos as co } from "../../AvailablePromos.mjs";
-import { SessionExpired as fo } from "./SessionExpired.mjs";
+import { MayaSessionExpired as co } from "../../MayaSessionExpired.mjs";
+import { AvailablePromos as fo } from "../AvailablePromos.mjs";
 function ve() {
   var C;
   const l = T(), A = $(
@@ -179,7 +179,7 @@ function ve() {
         control: r.control,
         name: "promo",
         render: (e) => /* @__PURE__ */ o(
-          co,
+          fo,
           {
             className: "mt-4xl",
             value: e.field.value,
@@ -258,7 +258,7 @@ function ve() {
         ] })
       }
     )
-  ] }) : /* @__PURE__ */ o(fo, {});
+  ] }) : /* @__PURE__ */ o(co, {});
 }
 export {
   ve 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");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=_;

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

@@ -50,7 +50,7 @@ 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";
+import { AvailablePromos as co } from "../AvailablePromos.mjs";
 function fe() {
   var C;
   const l = T(), S = V(

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"),A=require("@ark-ui/react"),T=require("@hookform/resolvers/zod"),L=require("lodash-es"),F=require("react"),x=require("react-hook-form"),c=require("zod");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");const u=require("../../../../utils/parseDecimal.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");const M=require("../../../../client/hooks/useAvailablePromosQuery.js");require("@opexa/portal-sdk-core/object-id");const N=require("../../../../client/hooks/useDepositsCountQuery.js"),V=require("../../../../client/hooks/useDisclosure.js");require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");const E=require("../../../../client/hooks/useInstapayBankListQuery.js");require("usehooks-ts");const R=require("../../../../client/hooks/usePaymentSettingsQuery.js"),w=require("../../../../icons/AlertCircleIcon.js"),$=require("../../../../icons/CheckIcon.js"),S=require("../../../../icons/ChevronDownIcon.js"),U=require("../../../../icons/ChevronUpIcon.js"),Z=require("../../../../icons/XIcon.js"),n=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 z=require("../../../../ui/Field/Field.js");require("../../../../ui/IconButton/iconButton.recipe.js");const m=require("../../../../ui/NumberInput/NumberInput.js");require("../../../../ui/PinInput/PinInput.js");require("../../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../../ui/SegmentGroup/SegmentGroup.js");const s=require("../../../../ui/Select/Select.js");require("../../../../ui/Table/Table.js");require("../../../../ui/Tabs/Tabs.js");const H=require("../../AmountChoices.js"),W=require("../../AvailablePromos.js"),X=require("./OnlineBankDepositContext.js");function _(){var D,I;const B=X.useOnlineBankDepositContext(),d=V.useDisclosure(),O=N.useDepositsCountQuery().data??0,j=R.usePaymentSettingsQuery(),h=j.data,l=h==null?void 0:h.onlineBankDepositGatewaySettings,p=u.parseDecimal(l==null?void 0:l.maximumAmount,0),a=O<=0?u.parseDecimal((D=j.data)==null?void 0:D.minimumFirstDepositAmount,0):u.parseDecimal(l==null?void 0:l.minimumAmount,0),g=E.useInstapayBankListQuery().data??[],C=M.useAvailablePromosQuery().data??[],Q=c.z.object({amount:c.z.string().superRefine((o,i)=>{const r=u.parseDecimal(o,0);r<a&&i.addIssue({type:"number",code:c.z.ZodIssueCode.too_small,inclusive:!0,minimum:a,message:`Minimum amount is ${a.toLocaleString()}`}),r>p&&i.addIssue({type:"number",code:c.z.ZodIssueCode.too_big,inclusive:!0,maximum:p,message:`Maximum amount is ${p.toLocaleString()}`})}),promo:c.z.string().optional().nullable()}).superRefine((o,i)=>{const r=C.find(P=>P.id===o.promo),v=u.parseDecimal(r==null?void 0:r.minimumDepositAmount,0),b=u.parseDecimal(r==null?void 0:r.maximumDepositAmount,0),k=u.parseDecimal(o.amount,0);r&&k<v&&i.addIssue({path:["amount"],code:c.z.ZodIssueCode.custom,message:`Minimum amount for this promo is ${v.toLocaleString()}`}),r&&k>b&&i.addIssue({path:["amount"],code:c.z.ZodIssueCode.custom,message:`Maximum amount for this promo is ${b}`})}),t=x.useForm({mode:"all",resolver:T.zodResolver(Q),defaultValues:{amount:"0",promo:null}});F.useEffect(()=>{a&&t.reset({amount:a.toString(),promo:null})},[t,a]);const y=t.handleSubmit(async o=>{B.generateVca({amount:o.amount.toString(),promo:o.promo??void 0},{onSuccess(){t.reset()}})}),f=A.createListCollection({items:g,itemToValue:o=>o.code,itemToString:o=>o.name});return e.jsxs("form",{onSubmit:y,noValidate:!0,children:[e.jsxs(s.Root,{lazyMount:!0,collection:f,positioning:{sameWidth:!0},value:[((I=g.at(0))==null?void 0:I.code)??""],onValueChange:L.noop,children:[e.jsx(s.Label,{children:"Select bank"}),e.jsxs(s.Trigger,{children:[e.jsx(s.ValueText,{}),e.jsx(s.Indicator,{asChild:!0,children:e.jsx(S.ChevronDownIcon,{})})]}),e.jsx(s.Positioner,{children:e.jsx(s.Content,{children:f.items.map(o=>e.jsxs(s.Item,{item:o,children:[e.jsx(s.ItemText,{children:o.name}),e.jsx(s.ItemIndicator,{asChild:!0,children:e.jsx($.CheckIcon,{})})]},o.id))})})]}),e.jsx(x.Controller,{control:t.control,name:"amount",render:o=>{var i;return e.jsxs(z.Root,{invalid:!!t.formState.errors.amount,className:"mt-4",children:[e.jsxs(m.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(m.Label,{children:"Enter amount you want to deposit"}),e.jsxs(m.Control,{children:[e.jsx(m.Input,{}),e.jsx(m.IncrementTrigger,{children:e.jsx(U.ChevronUpIcon,{})}),e.jsx(m.DecrementTrigger,{children:e.jsx(S.ChevronDownIcon,{})})]})]}),e.jsx(z.ErrorText,{children:(i=t.formState.errors.amount)==null?void 0:i.message})]})}}),e.jsx(H.AmountChoices,{value:u.parseDecimal(t.watch("amount"),0),onChange:o=>{t.setValue("amount",o.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:a,max:p,className:"mt-xl"}),e.jsx(x.Controller,{control:t.control,name:"promo",render:o=>e.jsx(W.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(q.Button,{type:"submit",className:"mt-4.5",onClick:async o=>{await t.trigger("amount")&&(C.length<=0||t.getValues("promo")||(o.preventDefault(),d.setOpen(!0)))},children:"Deposit"}),e.jsx(n.Root,{role:"alertdialog",open:d.open,onOpenChange:o=>{d.setOpen(o.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(A.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(w.AlertCircleIcon,{})}),e.jsx(n.CloseTrigger,{children:e.jsx(Z.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(q.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{d.setOpen(!1)},children:"Cancel"}),e.jsx(q.Button,{onClick:()=>{y(),d.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");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=$;

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

@@ -1,9 +1,9 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import { createListCollection as Q, Portal as B } from "@ark-ui/react";
-import { zodResolver as P } from "@hookform/resolvers/zod";
-import { noop as R } from "lodash-es";
-import { useEffect as V } from "react";
-import { useForm as $, Controller as k } from "react-hook-form";
+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";
@@ -14,21 +14,19 @@ import { parseDecimal as m } from "../../../../utils/parseDecimal.mjs";
 import "../../../../utils/getLocaleInfo.mjs";
 import "../../../../utils/getQueryClient.mjs";
 import "../../../../utils/isMobile.mjs";
-import { useAvailablePromosQuery as z } from "../../../../client/hooks/useAvailablePromosQuery.mjs";
+import { useAvailablePromosQuery as M } from "../../../../client/hooks/useAvailablePromosQuery.mjs";
 import "@opexa/portal-sdk-core/object-id";
-import { useDepositsCountQuery as M } from "../../../../client/hooks/useDepositsCountQuery.mjs";
-import { useDisclosure as N } from "../../../../client/hooks/useDisclosure.mjs";
+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 { useInstapayBankListQuery as E } from "../../../../client/hooks/useInstapayBankListQuery.mjs";
 import "usehooks-ts";
-import { usePaymentSettingsQuery as F } from "../../../../client/hooks/usePaymentSettingsQuery.mjs";
-import { AlertCircleIcon as w } from "../../../../icons/AlertCircleIcon.mjs";
-import { CheckIcon as j } from "../../../../icons/CheckIcon.mjs";
-import { ChevronDownIcon as S } from "../../../../icons/ChevronDownIcon.mjs";
-import { ChevronUpIcon as Z } from "../../../../icons/ChevronUpIcon.mjs";
-import { XIcon as U } from "../../../../icons/XIcon.mjs";
-import { Root as W, Backdrop as _, Positioner as q, Content as G, Header as H, CloseTrigger as X, Body as Y, Title as J, Description as K, Footer as oo } from "../../../../ui/AlertDialog/AlertDialog.mjs";
+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";
@@ -37,22 +35,22 @@ import "../../../../ui/Clipboard/Clipboard.mjs";
 import "../../../../ui/DatePicker/DatePicker.mjs";
 import "../../../../ui/Dialog/Dialog.mjs";
 import "../../../../ui/Drawer/Drawer.mjs";
-import { Root as eo, ErrorText as to } from "../../../../ui/Field/Field.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 ro, Label as no, Control as io, Input as mo, IncrementTrigger as so, DecrementTrigger as ao } from "../../../../ui/NumberInput/NumberInput.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/PinInput/PinInput.mjs";
 import "../../../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
 import "../../../../ui/SegmentGroup/SegmentGroup.mjs";
-import { Root as uo, Label as lo, Trigger as co, ValueText as po, Indicator as ho, Positioner as fo, Content as go, Item as Co, ItemText as yo, ItemIndicator as vo } from "../../../../ui/Select/Select.mjs";
+import "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
-import { AmountChoices as xo } from "../../AmountChoices.mjs";
-import { AvailablePromos as Io } from "../../AvailablePromos.mjs";
-import { useOnlineBankDepositContext as bo } from "./OnlineBankDepositContext.mjs";
-function ke() {
-  var v, x;
-  const A = bo(), l = N(), O = M().data ?? 0, h = F(), p = h.data, u = p == null ? void 0 : p.onlineBankDepositGatewaySettings, c = m(u == null ? void 0 : u.maximumAmount, 0), s = O <= 0 ? m((v = h.data) == null ? void 0 : v.minimumFirstDepositAmount, 0) : m(u == null ? void 0 : u.minimumAmount, 0), f = E().data ?? [], g = z().data ?? [], T = a.object({
+import { AmountChoices as io } from "../../AmountChoices.mjs";
+import { AvailablePromos as mo } from "../AvailablePromos.mjs";
+import { useOnlineBankDepositContext as so } from "./OnlineBankDepositContext.mjs";
+function se() {
+  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({
@@ -71,79 +69,58 @@ function ke() {
     }),
     promo: a.string().optional().nullable()
   }).superRefine((e, i) => {
-    const t = g.find((L) => L.id === e.promo), I = m(t == null ? void 0 : t.minimumDepositAmount, 0), b = m(t == null ? void 0 : t.maximumDepositAmount, 0), D = m(e.amount, 0);
-    t && D < I && i.addIssue({
+    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 ${I.toLocaleString()}`
-    }), t && D > b && i.addIssue({
+      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 ${b}`
+      message: `Maximum amount for this promo is ${v}`
     });
-  }), n = $({
+  }), r = B({
     mode: "all",
-    resolver: P(T),
+    resolver: N(O),
     defaultValues: {
       amount: "0",
       promo: null
     }
   });
-  V(() => {
-    s && n.reset({
+  z(() => {
+    s && r.reset({
       amount: s.toString(),
       promo: null
     });
-  }, [n, s]);
-  const C = n.handleSubmit(async (e) => {
-    A.generateVca(
+  }, [r, s]);
+  const g = r.handleSubmit(async (e) => {
+    I.generateVca(
       {
         amount: e.amount.toString(),
         promo: e.promo ?? void 0
       },
       {
         onSuccess() {
-          n.reset();
+          r.reset();
         }
       }
     );
-  }), y = Q({
-    items: f,
-    itemToValue: (e) => e.code,
-    itemToString: (e) => e.name
   });
-  return /* @__PURE__ */ r("form", { onSubmit: C, noValidate: !0, children: [
-    /* @__PURE__ */ r(
-      uo,
-      {
-        lazyMount: !0,
-        collection: y,
-        positioning: { sameWidth: !0 },
-        value: [((x = f.at(0)) == null ? void 0 : x.code) ?? ""],
-        onValueChange: R,
-        children: [
-          /* @__PURE__ */ o(lo, { children: "Select bank" }),
-          /* @__PURE__ */ r(co, { children: [
-            /* @__PURE__ */ o(po, {}),
-            /* @__PURE__ */ o(ho, { asChild: !0, children: /* @__PURE__ */ o(S, {}) })
-          ] }),
-          /* @__PURE__ */ o(fo, { children: /* @__PURE__ */ o(go, { children: y.items.map((e) => /* @__PURE__ */ r(Co, { item: e, children: [
-            /* @__PURE__ */ o(yo, { children: e.name }),
-            /* @__PURE__ */ o(vo, { asChild: !0, children: /* @__PURE__ */ o(j, {}) })
-          ] }, e.id)) }) })
-        ]
-      }
-    ),
+  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(
-      k,
+      b,
       {
-        control: n.control,
+        control: r.control,
         name: "amount",
         render: (e) => {
           var i;
-          return /* @__PURE__ */ r(eo, { invalid: !!n.formState.errors.amount, className: "mt-4", children: [
-            /* @__PURE__ */ r(
-              ro,
+          return /* @__PURE__ */ n(D, { invalid: !!r.formState.errors.amount, className: "mt-4", children: [
+            /* @__PURE__ */ n(
+              J,
               {
                 min: 0,
                 step: 1,
@@ -157,26 +134,26 @@ function ke() {
                 },
                 allowMouseWheel: !0,
                 children: [
-                  /* @__PURE__ */ o(no, { children: "Enter amount you want to deposit" }),
-                  /* @__PURE__ */ r(io, { children: [
-                    /* @__PURE__ */ o(mo, {}),
-                    /* @__PURE__ */ o(so, { children: /* @__PURE__ */ o(Z, {}) }),
-                    /* @__PURE__ */ o(ao, { children: /* @__PURE__ */ o(S, {}) })
+                  /* @__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(to, { children: (i = n.formState.errors.amount) == null ? void 0 : i.message })
+            /* @__PURE__ */ o(Y, { children: (i = r.formState.errors.amount) == null ? void 0 : i.message })
           ] });
         }
       }
     ),
     /* @__PURE__ */ o(
-      xo,
+      io,
       {
-        value: m(n.watch("amount"), 0),
+        value: m(r.watch("amount"), 0),
         onChange: (e) => {
-          n.setValue("amount", e.toString(), {
+          r.setValue("amount", e.toString(), {
             shouldTouch: !0,
             shouldDirty: !0,
             shouldValidate: !0
@@ -188,21 +165,21 @@ function ke() {
       }
     ),
     /* @__PURE__ */ o(
-      k,
+      b,
       {
-        control: n.control,
+        control: r.control,
         name: "promo",
         render: (e) => /* @__PURE__ */ o(
-          Io,
+          mo,
           {
-            className: "mt-4xl",
+            className: "mt-3xl",
             value: e.field.value,
             onChange: e.field.onChange
           }
         )
       }
     ),
-    /* @__PURE__ */ r("p", { className: "mt-4xl text-xs", children: [
+    /* @__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" }),
@@ -214,13 +191,13 @@ function ke() {
         type: "submit",
         className: "mt-4.5",
         onClick: async (e) => {
-          await n.trigger("amount") && (g.length <= 0 || n.getValues("promo") || (e.preventDefault(), l.setOpen(!0)));
+          await r.trigger("amount") && (h.length <= 0 || r.getValues("promo") || (e.preventDefault(), l.setOpen(!0)));
         },
         children: "Deposit"
       }
     ),
     /* @__PURE__ */ o(
-      W,
+      w,
       {
         role: "alertdialog",
         open: l.open,
@@ -231,18 +208,18 @@ function ke() {
         unmountOnExit: !0,
         closeOnEscape: !1,
         closeOnInteractOutside: !1,
-        children: /* @__PURE__ */ r(B, { children: [
-          /* @__PURE__ */ o(_, { className: "!z-[calc(var(--z-dialog)+10)]" }),
-          /* @__PURE__ */ o(q, { className: "!z-[calc(var(--z-dialog)+25)]", children: /* @__PURE__ */ r(G, { children: [
-            /* @__PURE__ */ r(H, { children: [
-              /* @__PURE__ */ o("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]", children: /* @__PURE__ */ o(w, {}) }),
-              /* @__PURE__ */ o(X, { children: /* @__PURE__ */ o(U, {}) })
+        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__ */ r(Y, { children: [
-              /* @__PURE__ */ o(J, { children: "Submit deposit request without promo?" }),
-              /* @__PURE__ */ o(K, { children: "You haven’t selected a promo. Are you sure you want to proceed without one?" })
+            /* @__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__ */ r(oo, { children: [
+            /* @__PURE__ */ n(K, { children: [
               /* @__PURE__ */ o(
                 d,
                 {
@@ -258,7 +235,7 @@ function ke() {
                 d,
                 {
                   onClick: () => {
-                    C(), l.setOpen(!1);
+                    g(), l.setOpen(!1);
                   },
                   children: "Proceed"
                 }
@@ -271,5 +248,5 @@ function ke() {
   ] });
 }
 export {
-  ke as OnlineBankDepositForm
+  se as OnlineBankDepositForm
 };