@opexa/portal-components 0.0.11 → 0.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Account/Account.js +1 -1
- package/dist/components/Account/Account.mjs +9 -9
- package/dist/components/BetRecords/BetRecords.js +1 -1
- package/dist/components/BetRecords/BetRecords.mjs +1 -1
- package/dist/components/DepositWithdrawal/AmountChoices.js +1 -1
- package/dist/components/DepositWithdrawal/AmountChoices.mjs +1 -1
- package/dist/components/DepositWithdrawal/AvailablePromos.js +1 -1
- package/dist/components/DepositWithdrawal/AvailablePromos.mjs +17 -17
- package/dist/components/DepositWithdrawal/Deposit/Deposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/Deposit.mjs +1 -1
- package/dist/components/DepositWithdrawal/Deposit/GCashDeposit/GCashDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/GCashDeposit/GCashDeposit.mjs +45 -45
- package/dist/components/DepositWithdrawal/Deposit/MayaAppDeposit/MayaAppDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/MayaAppDeposit/MayaAppDeposit.mjs +46 -46
- package/dist/components/DepositWithdrawal/Deposit/MayaDeposit/MayaDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/MayaDeposit/MayaDeposit.mjs +45 -45
- package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositForm.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositForm.mjs +1 -1
- package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.mjs +1 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositForm.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositForm.mjs +1 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/useQRPHDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/useQRPHDeposit.mjs +1 -1
- package/dist/components/DepositWithdrawal/DepositWithdrawal.js +1 -1
- package/dist/components/DepositWithdrawal/DepositWithdrawal.mjs +23 -23
- package/dist/components/DepositWithdrawal/PaymentMethods.js +1 -1
- package/dist/components/DepositWithdrawal/PaymentMethods.mjs +1 -1
- package/dist/components/Disclaimer/useDisclaimer.js +1 -1
- package/dist/components/Disclaimer/useDisclaimer.mjs +5 -5
- package/dist/components/GameLaunch/GameLaunch.js +1 -1
- package/dist/components/GameLaunch/GameLaunch.mjs +22 -22
- package/dist/components/GameLaunch/GameLaunchTrigger.js +1 -1
- package/dist/components/GameLaunch/GameLaunchTrigger.mjs +11 -11
- package/dist/components/Games/Games.js +1 -1
- package/dist/components/Games/Games.mjs +11 -10
- package/dist/components/JackpotCounter/JackpotCounter.js +1 -1
- package/dist/components/JackpotCounter/JackpotCounter.mjs +1 -1
- package/dist/components/JackpotCounter/JackpotCounterItem.js +1 -1
- package/dist/components/JackpotCounter/JackpotCounterItem.mjs +1 -1
- package/dist/components/Promo/PromoContent.js +1 -1
- package/dist/components/Promo/PromoContent.mjs +1 -1
- package/dist/components/Promos/PromoCarousel.js +1 -1
- package/dist/components/Promos/PromoCarousel.mjs +1 -1
- package/dist/components/Promos/PromoGrid.js +1 -1
- package/dist/components/Promos/PromoGrid.mjs +1 -1
- package/dist/components/Protected/Protected.js +1 -1
- package/dist/components/Protected/Protected.mjs +1 -1
- package/dist/components/SignIn/SignIn.js +1 -1
- package/dist/components/SignIn/SignIn.mjs +13 -13
- package/dist/components/SignIn/SignInForm.js +1 -1
- package/dist/components/SignIn/SignInForm.mjs +31 -31
- package/dist/components/SignUp/SignUp.js +1 -1
- package/dist/components/SignUp/SignUp.mjs +14 -14
- package/dist/components/SignUp/SignUpForm.js +1 -1
- package/dist/components/SignUp/SignUpForm.mjs +28 -28
- package/dist/components/TopWins/TopWins.js +1 -1
- package/dist/components/TopWins/TopWins.mjs +1 -1
- package/dist/components/TournamentCounter/TournamentCounter.js +1 -1
- package/dist/components/TournamentCounter/TournamentCounter.mjs +1 -1
- package/dist/components/TournamentCounter/TournamentCounterItem.js +1 -1
- package/dist/components/TournamentCounter/TournamentCounterItem.mjs +1 -1
- package/dist/components/TransactionRecords/DepositRecordsTable.js +1 -1
- package/dist/components/TransactionRecords/DepositRecordsTable.mjs +1 -1
- package/dist/components/TransactionRecords/TableFilters.js +1 -1
- package/dist/components/TransactionRecords/TableFilters.mjs +1 -1
- package/dist/components/TransactionRecords/TransactionRecordsTable.js +1 -1
- package/dist/components/TransactionRecords/TransactionRecordsTable.mjs +1 -1
- package/dist/components/TransactionRecords/WithdrawalRecordsTable.js +1 -1
- package/dist/components/TransactionRecords/WithdrawalRecordsTable.mjs +1 -1
- package/dist/handlers.d.ts +1 -1
- package/dist/hooks/useCreateGCashDepositMutation.js +1 -1
- package/dist/hooks/useCreateGCashDepositMutation.mjs +1 -1
- package/dist/hooks/useCreateGameSessionMutation.js +1 -1
- package/dist/hooks/useCreateGameSessionMutation.mjs +1 -1
- package/dist/hooks/useCreateMayaAppDepositMutation.js +1 -1
- package/dist/hooks/useCreateMayaAppDepositMutation.mjs +1 -1
- package/dist/hooks/useCreateMayaDepositMutation.js +1 -1
- package/dist/hooks/useCreateMayaDepositMutation.mjs +1 -1
- package/dist/hooks/useCreateOnlineBankDepositMutation.js +1 -1
- package/dist/hooks/useCreateOnlineBankDepositMutation.mjs +1 -1
- package/dist/hooks/useCreateQRPHDepositMutation.js +1 -1
- package/dist/hooks/useCreateQRPHDepositMutation.mjs +1 -1
- package/dist/utils/toaster.d.ts +1 -1
- package/dist/utils/toaster.js +1 -1
- package/dist/utils/toaster.mjs +1 -1
- package/package.json +1 -1
- package/dist/_virtual/_commonjsHelpers.js +0 -1
- package/dist/_virtual/_commonjsHelpers.mjs +0 -8
- package/dist/_virtual/browser.js +0 -1
- package/dist/_virtual/browser.mjs +0 -5
- package/dist/_virtual/browser2.js +0 -1
- package/dist/_virtual/browser2.mjs +0 -7
- package/dist/_virtual/browser3.js +0 -1
- package/dist/_virtual/browser3.mjs +0 -4
- package/dist/_virtual/browser4.js +0 -1
- package/dist/_virtual/browser4.mjs +0 -4
- package/dist/_virtual/index.js +0 -1
- package/dist/_virtual/index.mjs +0 -7
- package/dist/_virtual/index2.js +0 -1
- package/dist/_virtual/index2.mjs +0 -4
- package/dist/_virtual/index3.js +0 -1
- package/dist/_virtual/index3.mjs +0 -4
- package/dist/_virtual/index4.js +0 -1
- package/dist/_virtual/index4.mjs +0 -4
- package/dist/_virtual/index5.js +0 -1
- package/dist/_virtual/index5.mjs +0 -4
- package/dist/node_modules/.pnpm/@ark-ui_react@5.9.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@ark-ui/react/dist/components/toast/create-toaster.js +0 -1
- package/dist/node_modules/.pnpm/@ark-ui_react@5.9.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@ark-ui/react/dist/components/toast/create-toaster.mjs +0 -6
- package/dist/node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js +0 -1
- package/dist/node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs +0 -66
- package/dist/node_modules/.pnpm/@zag-js_anatomy@1.12.4/node_modules/@zag-js/anatomy/dist/index.js +0 -1
- package/dist/node_modules/.pnpm/@zag-js_anatomy@1.12.4/node_modules/@zag-js/anatomy/dist/index.mjs +0 -25
- package/dist/node_modules/.pnpm/@zag-js_toast@1.12.4/node_modules/@zag-js/toast/dist/index.js +0 -1
- package/dist/node_modules/.pnpm/@zag-js_toast@1.12.4/node_modules/@zag-js/toast/dist/index.mjs +0 -123
- package/dist/node_modules/.pnpm/@zag-js_utils@1.12.4/node_modules/@zag-js/utils/dist/index.js +0 -1
- package/dist/node_modules/.pnpm/@zag-js_utils@1.12.4/node_modules/@zag-js/utils/dist/index.mjs +0 -21
- package/dist/node_modules/.pnpm/base-x@4.0.0/node_modules/base-x/src/index.js +0 -1
- package/dist/node_modules/.pnpm/base-x@4.0.0/node_modules/base-x/src/index.mjs +0 -76
- package/dist/node_modules/.pnpm/base64-js@1.5.1/node_modules/base64-js/index.js +0 -1
- package/dist/node_modules/.pnpm/base64-js@1.5.1/node_modules/base64-js/index.mjs +0 -52
- package/dist/node_modules/.pnpm/bs58@5.0.0/node_modules/bs58/index.js +0 -1
- package/dist/node_modules/.pnpm/bs58@5.0.0/node_modules/bs58/index.mjs +0 -8
- package/dist/node_modules/.pnpm/buffer@6.0.3/node_modules/buffer/index.js +0 -6
- package/dist/node_modules/.pnpm/buffer@6.0.3/node_modules/buffer/index.mjs +0 -953
- package/dist/node_modules/.pnpm/crypto-hash@1.3.0/node_modules/crypto-hash/browser.js +0 -1
- package/dist/node_modules/.pnpm/crypto-hash@1.3.0/node_modules/crypto-hash/browser.mjs +0 -34
- package/dist/node_modules/.pnpm/ieee754@1.2.1/node_modules/ieee754/index.js +0 -1
- package/dist/node_modules/.pnpm/ieee754@1.2.1/node_modules/ieee754/index.mjs +0 -30
- package/dist/node_modules/.pnpm/randombytes@2.1.0/node_modules/randombytes/browser.js +0 -2
- package/dist/node_modules/.pnpm/randombytes@2.1.0/node_modules/randombytes/browser.mjs +0 -32
- package/dist/node_modules/.pnpm/safe-buffer@5.2.1/node_modules/safe-buffer/index.js +0 -1
- package/dist/node_modules/.pnpm/safe-buffer@5.2.1/node_modules/safe-buffer/index.mjs +0 -38
- package/dist/node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.js +0 -1
- package/dist/node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs +0 -12
- package/dist/node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/vanilla/shallow.js +0 -1
- package/dist/node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/vanilla/shallow.mjs +0 -30
|
@@ -1 +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");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("../../../../utils/toaster.js"),
|
|
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("../../../../utils/toaster.js"),V=require("../../../../hooks/useAvailablePromosQuery.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const F=require("../../../../hooks/useCreateMayaAppDepositMutation.js"),N=require("../../../../hooks/useDepositsCountQuery.js"),k=require("../../../../hooks/useDisclosure.js"),R=require("../../../../hooks/useGlobalStore.js");require("../../../../hooks/useInfiniteQueryHelper.js");const T=require("../../../../hooks/useIsMayaSessionValidQuery.js");require("usehooks-ts");const B=require("../../../../hooks/usePaymentSettingsQuery.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=_;
|
|
@@ -4,6 +4,7 @@ import { zodResolver as E } from "@hookform/resolvers/zod";
|
|
|
4
4
|
import { useEffect as V } from "react";
|
|
5
5
|
import { useForm as z, Controller as b } from "react-hook-form";
|
|
6
6
|
import { z as a } from "zod";
|
|
7
|
+
import { useShallow as N } from "zustand/shallow";
|
|
7
8
|
import "@opexa/portal-sdk-core";
|
|
8
9
|
import "@tanstack/react-query";
|
|
9
10
|
import "tiny-invariant";
|
|
@@ -14,23 +15,23 @@ import "../../../../utils/getLocaleInfo.mjs";
|
|
|
14
15
|
import "../../../../utils/getQueryClient.mjs";
|
|
15
16
|
import "../../../../utils/isMobile.mjs";
|
|
16
17
|
import { toaster as x } from "../../../../utils/toaster.mjs";
|
|
17
|
-
import { useAvailablePromosQuery as
|
|
18
|
+
import { useAvailablePromosQuery as R } from "../../../../hooks/useAvailablePromosQuery.mjs";
|
|
18
19
|
import "lodash-es";
|
|
19
|
-
import "
|
|
20
|
-
import { useCreateMayaAppDepositMutation as
|
|
21
|
-
import { useDepositsCountQuery as
|
|
22
|
-
import { useDisclosure as
|
|
23
|
-
import { useGlobalStore as
|
|
20
|
+
import "@opexa/portal-sdk-core/object-id";
|
|
21
|
+
import { useCreateMayaAppDepositMutation as k } from "../../../../hooks/useCreateMayaAppDepositMutation.mjs";
|
|
22
|
+
import { useDepositsCountQuery as F } from "../../../../hooks/useDepositsCountQuery.mjs";
|
|
23
|
+
import { useDisclosure as T } from "../../../../hooks/useDisclosure.mjs";
|
|
24
|
+
import { useGlobalStore as $ } from "../../../../hooks/useGlobalStore.mjs";
|
|
24
25
|
import "../../../../hooks/useInfiniteQueryHelper.mjs";
|
|
25
|
-
import { useIsMayaSessionValidQuery as
|
|
26
|
+
import { useIsMayaSessionValidQuery as j } from "../../../../hooks/useIsMayaSessionValidQuery.mjs";
|
|
26
27
|
import "usehooks-ts";
|
|
27
|
-
import { usePaymentSettingsQuery as
|
|
28
|
-
import { AlertCircleIcon as
|
|
29
|
-
import { ChevronDownIcon as
|
|
30
|
-
import { ChevronUpIcon as
|
|
31
|
-
import { SpinnerIcon as
|
|
32
|
-
import { XIcon as
|
|
33
|
-
import { Root as
|
|
28
|
+
import { usePaymentSettingsQuery as L } from "../../../../hooks/usePaymentSettingsQuery.mjs";
|
|
29
|
+
import { AlertCircleIcon as W } from "../../../../icons/AlertCircleIcon.mjs";
|
|
30
|
+
import { ChevronDownIcon as Z } from "../../../../icons/ChevronDownIcon.mjs";
|
|
31
|
+
import { ChevronUpIcon as B } from "../../../../icons/ChevronUpIcon.mjs";
|
|
32
|
+
import { SpinnerIcon as U } from "../../../../icons/SpinnerIcon.mjs";
|
|
33
|
+
import { XIcon as G } from "../../../../icons/XIcon.mjs";
|
|
34
|
+
import { Root as _, Backdrop as q, Positioner as H, Content as X, Header as Y, CloseTrigger as J, Body as K, Title as oo, Description as eo, Footer as to } from "../../../../ui/AlertDialog/AlertDialog.mjs";
|
|
34
35
|
import "../../../../ui/Avatar/Avatar.mjs";
|
|
35
36
|
import "../../../../ui/Badge/Badge.mjs";
|
|
36
37
|
import { Button as f } from "../../../../ui/Button/Button.mjs";
|
|
@@ -39,9 +40,9 @@ import "../../../../ui/Clipboard/Clipboard.mjs";
|
|
|
39
40
|
import "../../../../ui/DatePicker/DatePicker.mjs";
|
|
40
41
|
import "../../../../ui/Dialog/Dialog.mjs";
|
|
41
42
|
import "../../../../ui/Drawer/Drawer.mjs";
|
|
42
|
-
import { Root as
|
|
43
|
+
import { Root as ro, ErrorText as io } from "../../../../ui/Field/Field.mjs";
|
|
43
44
|
import "../../../../ui/IconButton/iconButton.recipe.mjs";
|
|
44
|
-
import { Root as
|
|
45
|
+
import { Root as no, Label as mo, Control as so, Input as ao, IncrementTrigger as uo, DecrementTrigger as lo } from "../../../../ui/NumberInput/NumberInput.mjs";
|
|
45
46
|
import "../../../../ui/PinInput/PinInput.mjs";
|
|
46
47
|
import "../../../../ui/Popover/Popover.mjs";
|
|
47
48
|
import "tailwind-merge";
|
|
@@ -49,17 +50,16 @@ import "../../../../ui/SegmentGroup/SegmentGroup.mjs";
|
|
|
49
50
|
import "../../../../ui/Select/Select.mjs";
|
|
50
51
|
import "../../../../ui/Table/Table.mjs";
|
|
51
52
|
import "../../../../ui/Tabs/Tabs.mjs";
|
|
52
|
-
import { AmountChoices as
|
|
53
|
-
import { AvailablePromos as
|
|
54
|
-
import { SessionExpired as
|
|
55
|
-
import { useShallow as fo } from "../../../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs";
|
|
53
|
+
import { AmountChoices as po } from "../../AmountChoices.mjs";
|
|
54
|
+
import { AvailablePromos as co } from "../../AvailablePromos.mjs";
|
|
55
|
+
import { SessionExpired as fo } from "./SessionExpired.mjs";
|
|
56
56
|
function ve() {
|
|
57
57
|
var C;
|
|
58
|
-
const l =
|
|
59
|
-
|
|
58
|
+
const l = T(), A = $(
|
|
59
|
+
N((e) => ({
|
|
60
60
|
depositWithdrawal: e.depositWithdrawal
|
|
61
61
|
}))
|
|
62
|
-
), c =
|
|
62
|
+
), c = k({
|
|
63
63
|
onSuccess() {
|
|
64
64
|
r.reset(), A.depositWithdrawal.setOpen(!1), x.success({
|
|
65
65
|
description: "Deposit success!"
|
|
@@ -70,7 +70,7 @@ function ve() {
|
|
|
70
70
|
description: e.message
|
|
71
71
|
});
|
|
72
72
|
}
|
|
73
|
-
}), I =
|
|
73
|
+
}), I = j().data ?? !0, M = F().data ?? 0, h = L(), d = h.data, u = d == null ? void 0 : d.mayaAppDepositGatewaySettings, p = m(u == null ? void 0 : u.maximumAmount, 0), s = M <= 0 ? m((C = h.data) == null ? void 0 : C.minimumFirstDepositAmount, 0) : m(u == null ? void 0 : u.minimumAmount, 0), g = R().data ?? [], O = a.object({
|
|
74
74
|
amount: a.string().superRefine((e, n) => {
|
|
75
75
|
const t = m(e, 0);
|
|
76
76
|
t < s && n.addIssue({
|
|
@@ -127,9 +127,9 @@ function ve() {
|
|
|
127
127
|
name: "amount",
|
|
128
128
|
render: (e) => {
|
|
129
129
|
var n;
|
|
130
|
-
return /* @__PURE__ */ i(
|
|
130
|
+
return /* @__PURE__ */ i(ro, { invalid: !!r.formState.errors.amount, children: [
|
|
131
131
|
/* @__PURE__ */ i(
|
|
132
|
-
|
|
132
|
+
no,
|
|
133
133
|
{
|
|
134
134
|
min: 0,
|
|
135
135
|
step: 1,
|
|
@@ -143,22 +143,22 @@ function ve() {
|
|
|
143
143
|
},
|
|
144
144
|
allowMouseWheel: !0,
|
|
145
145
|
children: [
|
|
146
|
-
/* @__PURE__ */ o(
|
|
147
|
-
/* @__PURE__ */ i(
|
|
148
|
-
/* @__PURE__ */ o(
|
|
149
|
-
/* @__PURE__ */ o(
|
|
150
|
-
/* @__PURE__ */ o(
|
|
146
|
+
/* @__PURE__ */ o(mo, { children: "Enter amount you want to deposit" }),
|
|
147
|
+
/* @__PURE__ */ i(so, { children: [
|
|
148
|
+
/* @__PURE__ */ o(ao, {}),
|
|
149
|
+
/* @__PURE__ */ o(uo, { children: /* @__PURE__ */ o(B, {}) }),
|
|
150
|
+
/* @__PURE__ */ o(lo, { children: /* @__PURE__ */ o(Z, {}) })
|
|
151
151
|
] })
|
|
152
152
|
]
|
|
153
153
|
}
|
|
154
154
|
),
|
|
155
|
-
/* @__PURE__ */ o(
|
|
155
|
+
/* @__PURE__ */ o(io, { children: (n = r.formState.errors.amount) == null ? void 0 : n.message })
|
|
156
156
|
] });
|
|
157
157
|
}
|
|
158
158
|
}
|
|
159
159
|
),
|
|
160
160
|
/* @__PURE__ */ o(
|
|
161
|
-
|
|
161
|
+
po,
|
|
162
162
|
{
|
|
163
163
|
value: m(r.watch("amount"), 0),
|
|
164
164
|
onChange: (e) => {
|
|
@@ -179,7 +179,7 @@ function ve() {
|
|
|
179
179
|
control: r.control,
|
|
180
180
|
name: "promo",
|
|
181
181
|
render: (e) => /* @__PURE__ */ o(
|
|
182
|
-
|
|
182
|
+
co,
|
|
183
183
|
{
|
|
184
184
|
className: "mt-4xl",
|
|
185
185
|
value: e.field.value,
|
|
@@ -204,13 +204,13 @@ function ve() {
|
|
|
204
204
|
await r.trigger("amount") && (g.length <= 0 || r.getValues("promo") || (e.preventDefault(), l.setOpen(!0)));
|
|
205
205
|
},
|
|
206
206
|
children: c.isPending ? /* @__PURE__ */ i(Q, { children: [
|
|
207
|
-
/* @__PURE__ */ o(
|
|
207
|
+
/* @__PURE__ */ o(U, {}),
|
|
208
208
|
"Processing..."
|
|
209
209
|
] }) : "Deposit"
|
|
210
210
|
}
|
|
211
211
|
),
|
|
212
212
|
/* @__PURE__ */ o(
|
|
213
|
-
|
|
213
|
+
_,
|
|
214
214
|
{
|
|
215
215
|
role: "alertdialog",
|
|
216
216
|
open: l.open,
|
|
@@ -222,17 +222,17 @@ function ve() {
|
|
|
222
222
|
closeOnEscape: !1,
|
|
223
223
|
closeOnInteractOutside: !1,
|
|
224
224
|
children: /* @__PURE__ */ i(w, { children: [
|
|
225
|
-
/* @__PURE__ */ o(
|
|
226
|
-
/* @__PURE__ */ o(
|
|
227
|
-
/* @__PURE__ */ i(
|
|
228
|
-
/* @__PURE__ */ o("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]", children: /* @__PURE__ */ o(
|
|
229
|
-
/* @__PURE__ */ o(
|
|
225
|
+
/* @__PURE__ */ o(q, { className: "!z-[calc(var(--z-dialog)+10)]" }),
|
|
226
|
+
/* @__PURE__ */ o(H, { className: "!z-[calc(var(--z-dialog)+25)]", children: /* @__PURE__ */ i(X, { children: [
|
|
227
|
+
/* @__PURE__ */ i(Y, { children: [
|
|
228
|
+
/* @__PURE__ */ o("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]", children: /* @__PURE__ */ o(W, {}) }),
|
|
229
|
+
/* @__PURE__ */ o(J, { children: /* @__PURE__ */ o(G, {}) })
|
|
230
230
|
] }),
|
|
231
|
-
/* @__PURE__ */ i(
|
|
232
|
-
/* @__PURE__ */ o(
|
|
233
|
-
/* @__PURE__ */ o(
|
|
231
|
+
/* @__PURE__ */ i(K, { children: [
|
|
232
|
+
/* @__PURE__ */ o(oo, { children: "Submit deposit request without promo?" }),
|
|
233
|
+
/* @__PURE__ */ o(eo, { children: "You haven’t selected a promo. Are you sure you want to proceed without one?" })
|
|
234
234
|
] }),
|
|
235
|
-
/* @__PURE__ */ i(
|
|
235
|
+
/* @__PURE__ */ i(to, { children: [
|
|
236
236
|
/* @__PURE__ */ o(
|
|
237
237
|
f,
|
|
238
238
|
{
|
|
@@ -258,7 +258,7 @@ function ve() {
|
|
|
258
258
|
] })
|
|
259
259
|
}
|
|
260
260
|
)
|
|
261
|
-
] }) : /* @__PURE__ */ o(
|
|
261
|
+
] }) : /* @__PURE__ */ o(fo, {});
|
|
262
262
|
}
|
|
263
263
|
export {
|
|
264
264
|
ve as MayaAppDeposit
|
|
@@ -1 +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");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
|
|
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("../../../../utils/toaster.js"),E=require("../../../../hooks/useAvailablePromosQuery.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const F=require("../../../../hooks/useCreateMayaDepositMutation.js"),N=require("../../../../hooks/useDepositsCountQuery.js"),R=require("../../../../hooks/useDisclosure.js"),T=require("../../../../hooks/useGlobalStore.js");require("../../../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const B=require("../../../../hooks/usePaymentSettingsQuery.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=R.useDisclosure(),I=T.useGlobalStore(k.useShallow(o=>({depositWithdrawal:o.depositWithdrawal}))),p=F.useCreateMayaDepositMutation({onSuccess(o){O(o.checkoutUrl),window.open(o.checkoutUrl,"_blank","noopener,noreferrer"),t.reset(),I.depositWithdrawal.setOpen(!1)},onError(o){Q.toaster.error({description:o.message})}}),S=N.useDepositsCountQuery().data??0,g=B.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=E.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=_;
|
|
@@ -5,6 +5,7 @@ import { useEffect as k } from "react";
|
|
|
5
5
|
import { useForm as E, Controller as x } from "react-hook-form";
|
|
6
6
|
import z from "tiny-invariant";
|
|
7
7
|
import { z as a } from "zod";
|
|
8
|
+
import { useShallow as N } from "zustand/shallow";
|
|
8
9
|
import "@opexa/portal-sdk-core";
|
|
9
10
|
import "@tanstack/react-query";
|
|
10
11
|
import "../../../../constants/index.mjs";
|
|
@@ -13,23 +14,23 @@ import { parseDecimal as m } from "../../../../utils/parseDecimal.mjs";
|
|
|
13
14
|
import "../../../../utils/getLocaleInfo.mjs";
|
|
14
15
|
import "../../../../utils/getQueryClient.mjs";
|
|
15
16
|
import "../../../../utils/isMobile.mjs";
|
|
16
|
-
import { toaster as
|
|
17
|
-
import { useAvailablePromosQuery as
|
|
17
|
+
import { toaster as Q } from "../../../../utils/toaster.mjs";
|
|
18
|
+
import { useAvailablePromosQuery as R } from "../../../../hooks/useAvailablePromosQuery.mjs";
|
|
18
19
|
import "lodash-es";
|
|
19
|
-
import "
|
|
20
|
-
import { useCreateMayaDepositMutation as
|
|
21
|
-
import { useDepositsCountQuery as
|
|
22
|
-
import { useDisclosure as
|
|
23
|
-
import { useGlobalStore as
|
|
20
|
+
import "@opexa/portal-sdk-core/object-id";
|
|
21
|
+
import { useCreateMayaDepositMutation as F } from "../../../../hooks/useCreateMayaDepositMutation.mjs";
|
|
22
|
+
import { useDepositsCountQuery as T } from "../../../../hooks/useDepositsCountQuery.mjs";
|
|
23
|
+
import { useDisclosure as V } from "../../../../hooks/useDisclosure.mjs";
|
|
24
|
+
import { useGlobalStore as $ } from "../../../../hooks/useGlobalStore.mjs";
|
|
24
25
|
import "../../../../hooks/useInfiniteQueryHelper.mjs";
|
|
25
26
|
import "usehooks-ts";
|
|
26
|
-
import { usePaymentSettingsQuery as
|
|
27
|
-
import { AlertCircleIcon as
|
|
28
|
-
import { ChevronDownIcon as
|
|
29
|
-
import { ChevronUpIcon as
|
|
30
|
-
import { SpinnerIcon as
|
|
31
|
-
import { XIcon as
|
|
32
|
-
import { Root as
|
|
27
|
+
import { usePaymentSettingsQuery as U } from "../../../../hooks/usePaymentSettingsQuery.mjs";
|
|
28
|
+
import { AlertCircleIcon as j } from "../../../../icons/AlertCircleIcon.mjs";
|
|
29
|
+
import { ChevronDownIcon as L } from "../../../../icons/ChevronDownIcon.mjs";
|
|
30
|
+
import { ChevronUpIcon as W } from "../../../../icons/ChevronUpIcon.mjs";
|
|
31
|
+
import { SpinnerIcon as Z } from "../../../../icons/SpinnerIcon.mjs";
|
|
32
|
+
import { XIcon as B } from "../../../../icons/XIcon.mjs";
|
|
33
|
+
import { Root as _, Backdrop as G, Positioner as q, Content as H, Header as X, CloseTrigger as Y, Body as J, Title as K, Description as oo, Footer as eo } from "../../../../ui/AlertDialog/AlertDialog.mjs";
|
|
33
34
|
import "../../../../ui/Avatar/Avatar.mjs";
|
|
34
35
|
import "../../../../ui/Badge/Badge.mjs";
|
|
35
36
|
import { Button as f } from "../../../../ui/Button/Button.mjs";
|
|
@@ -38,9 +39,9 @@ import "../../../../ui/Clipboard/Clipboard.mjs";
|
|
|
38
39
|
import "../../../../ui/DatePicker/DatePicker.mjs";
|
|
39
40
|
import "../../../../ui/Dialog/Dialog.mjs";
|
|
40
41
|
import "../../../../ui/Drawer/Drawer.mjs";
|
|
41
|
-
import { Root as
|
|
42
|
+
import { Root as to, ErrorText as ro } from "../../../../ui/Field/Field.mjs";
|
|
42
43
|
import "../../../../ui/IconButton/iconButton.recipe.mjs";
|
|
43
|
-
import { Root as
|
|
44
|
+
import { Root as io, Label as no, Control as mo, Input as so, IncrementTrigger as ao, DecrementTrigger as uo } from "../../../../ui/NumberInput/NumberInput.mjs";
|
|
44
45
|
import "../../../../ui/PinInput/PinInput.mjs";
|
|
45
46
|
import "../../../../ui/Popover/Popover.mjs";
|
|
46
47
|
import "tailwind-merge";
|
|
@@ -48,25 +49,24 @@ import "../../../../ui/SegmentGroup/SegmentGroup.mjs";
|
|
|
48
49
|
import "../../../../ui/Select/Select.mjs";
|
|
49
50
|
import "../../../../ui/Table/Table.mjs";
|
|
50
51
|
import "../../../../ui/Tabs/Tabs.mjs";
|
|
51
|
-
import { AmountChoices as
|
|
52
|
-
import { AvailablePromos as
|
|
53
|
-
import { useShallow as co } from "../../../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs";
|
|
52
|
+
import { AmountChoices as lo } from "../../AmountChoices.mjs";
|
|
53
|
+
import { AvailablePromos as co } from "../../AvailablePromos.mjs";
|
|
54
54
|
function fe() {
|
|
55
55
|
var C;
|
|
56
|
-
const l =
|
|
57
|
-
|
|
56
|
+
const l = V(), S = $(
|
|
57
|
+
N((o) => ({
|
|
58
58
|
depositWithdrawal: o.depositWithdrawal
|
|
59
59
|
}))
|
|
60
|
-
), p =
|
|
60
|
+
), p = F({
|
|
61
61
|
onSuccess(o) {
|
|
62
62
|
z(o.checkoutUrl), window.open(o.checkoutUrl, "_blank", "noopener,noreferrer"), r.reset(), S.depositWithdrawal.setOpen(!1);
|
|
63
63
|
},
|
|
64
64
|
onError(o) {
|
|
65
|
-
|
|
65
|
+
Q.error({
|
|
66
66
|
description: o.message
|
|
67
67
|
});
|
|
68
68
|
}
|
|
69
|
-
}), I =
|
|
69
|
+
}), I = T().data ?? 0, h = U(), 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 = R().data ?? [], A = a.object({
|
|
70
70
|
amount: a.string().superRefine((o, n) => {
|
|
71
71
|
const t = m(o, 0);
|
|
72
72
|
t < s && n.addIssue({
|
|
@@ -123,9 +123,9 @@ function fe() {
|
|
|
123
123
|
name: "amount",
|
|
124
124
|
render: (o) => {
|
|
125
125
|
var n;
|
|
126
|
-
return /* @__PURE__ */ i(
|
|
126
|
+
return /* @__PURE__ */ i(to, { invalid: !!r.formState.errors.amount, children: [
|
|
127
127
|
/* @__PURE__ */ i(
|
|
128
|
-
|
|
128
|
+
io,
|
|
129
129
|
{
|
|
130
130
|
min: 0,
|
|
131
131
|
step: 1,
|
|
@@ -139,22 +139,22 @@ function fe() {
|
|
|
139
139
|
},
|
|
140
140
|
allowMouseWheel: !0,
|
|
141
141
|
children: [
|
|
142
|
-
/* @__PURE__ */ e(
|
|
143
|
-
/* @__PURE__ */ i(
|
|
144
|
-
/* @__PURE__ */ e(
|
|
145
|
-
/* @__PURE__ */ e(
|
|
146
|
-
/* @__PURE__ */ e(
|
|
142
|
+
/* @__PURE__ */ e(no, { children: "Enter amount you want to deposit" }),
|
|
143
|
+
/* @__PURE__ */ i(mo, { children: [
|
|
144
|
+
/* @__PURE__ */ e(so, {}),
|
|
145
|
+
/* @__PURE__ */ e(ao, { children: /* @__PURE__ */ e(W, {}) }),
|
|
146
|
+
/* @__PURE__ */ e(uo, { children: /* @__PURE__ */ e(L, {}) })
|
|
147
147
|
] })
|
|
148
148
|
]
|
|
149
149
|
}
|
|
150
150
|
),
|
|
151
|
-
/* @__PURE__ */ e(
|
|
151
|
+
/* @__PURE__ */ e(ro, { children: (n = r.formState.errors.amount) == null ? void 0 : n.message })
|
|
152
152
|
] });
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
155
|
),
|
|
156
156
|
/* @__PURE__ */ e(
|
|
157
|
-
|
|
157
|
+
lo,
|
|
158
158
|
{
|
|
159
159
|
value: m(r.watch("amount"), 0),
|
|
160
160
|
onChange: (o) => {
|
|
@@ -175,7 +175,7 @@ function fe() {
|
|
|
175
175
|
control: r.control,
|
|
176
176
|
name: "promo",
|
|
177
177
|
render: (o) => /* @__PURE__ */ e(
|
|
178
|
-
|
|
178
|
+
co,
|
|
179
179
|
{
|
|
180
180
|
className: "mt-4xl",
|
|
181
181
|
value: o.field.value,
|
|
@@ -200,13 +200,13 @@ function fe() {
|
|
|
200
200
|
await r.trigger("amount") && (g.length <= 0 || r.getValues("promo") || (o.preventDefault(), l.setOpen(!0)));
|
|
201
201
|
},
|
|
202
202
|
children: p.isPending ? /* @__PURE__ */ i(M, { children: [
|
|
203
|
-
/* @__PURE__ */ e(
|
|
203
|
+
/* @__PURE__ */ e(Z, {}),
|
|
204
204
|
"Processing..."
|
|
205
205
|
] }) : "Deposit"
|
|
206
206
|
}
|
|
207
207
|
),
|
|
208
208
|
/* @__PURE__ */ e(
|
|
209
|
-
|
|
209
|
+
_,
|
|
210
210
|
{
|
|
211
211
|
role: "alertdialog",
|
|
212
212
|
open: l.open,
|
|
@@ -218,17 +218,17 @@ function fe() {
|
|
|
218
218
|
closeOnEscape: !1,
|
|
219
219
|
closeOnInteractOutside: !1,
|
|
220
220
|
children: /* @__PURE__ */ i(O, { children: [
|
|
221
|
-
/* @__PURE__ */ e(
|
|
222
|
-
/* @__PURE__ */ e(
|
|
223
|
-
/* @__PURE__ */ i(
|
|
224
|
-
/* @__PURE__ */ e("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]", children: /* @__PURE__ */ e(
|
|
225
|
-
/* @__PURE__ */ e(
|
|
221
|
+
/* @__PURE__ */ e(G, { className: "!z-[calc(var(--z-dialog)+10)]" }),
|
|
222
|
+
/* @__PURE__ */ e(q, { className: "!z-[calc(var(--z-dialog)+25)]", children: /* @__PURE__ */ i(H, { children: [
|
|
223
|
+
/* @__PURE__ */ i(X, { children: [
|
|
224
|
+
/* @__PURE__ */ e("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]", children: /* @__PURE__ */ e(j, {}) }),
|
|
225
|
+
/* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(B, {}) })
|
|
226
226
|
] }),
|
|
227
|
-
/* @__PURE__ */ i(
|
|
228
|
-
/* @__PURE__ */ e(
|
|
229
|
-
/* @__PURE__ */ e(
|
|
227
|
+
/* @__PURE__ */ i(J, { children: [
|
|
228
|
+
/* @__PURE__ */ e(K, { children: "Submit deposit request without promo?" }),
|
|
229
|
+
/* @__PURE__ */ e(oo, { children: "You haven’t selected a promo. Are you sure you want to proceed without one?" })
|
|
230
230
|
] }),
|
|
231
|
-
/* @__PURE__ */ i(
|
|
231
|
+
/* @__PURE__ */ i(eo, { children: [
|
|
232
232
|
/* @__PURE__ */ e(
|
|
233
233
|
f,
|
|
234
234
|
{
|
package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositForm.js
CHANGED
|
@@ -1 +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");require("../../../../utils/toaster.js");const M=require("../../../../hooks/useAvailablePromosQuery.js");require("
|
|
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");require("../../../../utils/toaster.js");const M=require("../../../../hooks/useAvailablePromosQuery.js");require("@opexa/portal-sdk-core/object-id");const N=require("../../../../hooks/useDepositsCountQuery.js"),V=require("../../../../hooks/useDisclosure.js");require("../../../../hooks/useGlobalStore.js");require("../../../../hooks/useInfiniteQueryHelper.js");const E=require("../../../../hooks/useInstapayBankListQuery.js");require("usehooks-ts");const R=require("../../../../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=_;
|
package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositForm.mjs
CHANGED
|
@@ -16,7 +16,7 @@ import "../../../../utils/getQueryClient.mjs";
|
|
|
16
16
|
import "../../../../utils/isMobile.mjs";
|
|
17
17
|
import "../../../../utils/toaster.mjs";
|
|
18
18
|
import { useAvailablePromosQuery as z } from "../../../../hooks/useAvailablePromosQuery.mjs";
|
|
19
|
-
import "
|
|
19
|
+
import "@opexa/portal-sdk-core/object-id";
|
|
20
20
|
import { useDepositsCountQuery as M } from "../../../../hooks/useDepositsCountQuery.mjs";
|
|
21
21
|
import { useDisclosure as N } from "../../../../hooks/useDisclosure.mjs";
|
|
22
22
|
import "../../../../hooks/useGlobalStore.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),O=require("tiny-invariant");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");require("react/jsx-runtime");require("../../../../utils/parseDecimal.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");const f=require("../../../../utils/toaster.js");require("lodash-es");require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),O=require("tiny-invariant");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");require("react/jsx-runtime");require("../../../../utils/parseDecimal.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");const f=require("../../../../utils/toaster.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const R=require("../../../../hooks/useCreateOnlineBankDepositMutation.js"),g=require("../../../../hooks/useDepositQuery.js");require("../../../../hooks/useGlobalStore.js");require("../../../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function C(){var q;const[S,r]=t.useState("FORM"),[a,u]=t.useState(null),[p,n]=t.useState(null),[d,s]=t.useState(null),[l,o]=t.useState(null),c=R.useCreateOnlineBankDepositMutation({onSuccess(e){O(e.vca),u(e.id),n(e.vca),r("VCA")},onError(e){r("FORM"),f.toaster.error({description:e.message})},onMutate(e){u(null),n(null),s(e.promo??null),o(e.amount),r("LOADING")}}),i=g.useDepositQuery(a??void 0,{enabled:!!a,refetchInterval:5e3});t.useEffect(()=>{var e,m;(((e=i.data)==null?void 0:e.status)==="CONFIRMED"||((m=i.data)==null?void 0:m.status)==="APPROVED")&&r("SUCCESS")},[(q=i.data)==null?void 0:q.status]);const v=c.mutate,D=()=>{O(l),c.mutate({amount:l.toString(),promo:d??void 0})},M=()=>{u(null),n(null),s(null),o(null),r("FORM")};return t.useEffect(()=>()=>{u(null),n(null),s(null),o(null),r("FORM")},[]),{vca:p,view:S,generateVca:v,regenerateVca:D,reset:M}}exports.useOnlineBankDeposit=C;
|
package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.mjs
CHANGED
|
@@ -11,7 +11,7 @@ import "../../../../utils/getQueryClient.mjs";
|
|
|
11
11
|
import "../../../../utils/isMobile.mjs";
|
|
12
12
|
import { toaster as V } from "../../../../utils/toaster.mjs";
|
|
13
13
|
import "lodash-es";
|
|
14
|
-
import "
|
|
14
|
+
import "@opexa/portal-sdk-core/object-id";
|
|
15
15
|
import { useCreateOnlineBankDepositMutation as C } from "../../../../hooks/useCreateOnlineBankDepositMutation.mjs";
|
|
16
16
|
import { useDepositQuery as E } from "../../../../hooks/useDepositQuery.mjs";
|
|
17
17
|
import "../../../../hooks/useGlobalStore.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("@ark-ui/react"),Q=require("@hookform/resolvers/zod"),S=require("react"),h=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("../../../../utils/toaster.js");const R=require("../../../../hooks/useAvailablePromosQuery.js");require("lodash-es");require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("@ark-ui/react"),Q=require("@hookform/resolvers/zod"),S=require("react"),h=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("../../../../utils/toaster.js");const R=require("../../../../hooks/useAvailablePromosQuery.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const O=require("../../../../hooks/useDepositsCountQuery.js"),F=require("../../../../hooks/useDisclosure.js");require("../../../../hooks/useGlobalStore.js");require("../../../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const M=require("../../../../hooks/usePaymentSettingsQuery.js"),N=require("../../../../icons/AlertCircleIcon.js"),k=require("../../../../icons/ChevronDownIcon.js"),E=require("../../../../icons/ChevronUpIcon.js"),T=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 v=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"),B=require("../../AvailablePromos.js"),H=require("./QRPHDepositContext.js");function V(){var j;const b=H.useQRPHDepositContext(),m=F.useDisclosure(),I=O.useDepositsCountQuery().data??0,q=M.usePaymentSettingsQuery(),p=q.data,c=p==null?void 0:p.qrphDepositGatewaySettings,d=i.parseDecimal(c==null?void 0:c.maximumAmount,0),u=I<=0?i.parseDecimal((j=q.data)==null?void 0:j.minimumFirstDepositAmount,0):i.parseDecimal(c==null?void 0:c.minimumAmount,0),g=R.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=g.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),y=i.parseDecimal(o.amount,0);r&&y<C&&s.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Minimum amount for this promo is ${C.toLocaleString()}`}),r&&y>D&&s.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Maximum amount for this promo is ${D}`})}),t=h.useForm({mode:"all",resolver:Q.zodResolver(A),defaultValues:{amount:"0",promo:null}});S.useEffect(()=>{u&&t.reset({amount:u.toString(),promo:null})},[t,u]);const f=t.handleSubmit(async o=>{b.generateQrCode({amount:o.amount.toString(),promo:o.promo??void 0},{onSuccess(){t.reset()}})});return e.jsxs("form",{onSubmit:f,noValidate:!0,children:[e.jsx(h.Controller,{control:t.control,name:"amount",render:o=>{var s;return e.jsxs(v.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(E.ChevronUpIcon,{})}),e.jsx(l.DecrementTrigger,{children:e.jsx(k.ChevronDownIcon,{})})]})]}),e.jsx(v.ErrorText,{children:(s=t.formState.errors.amount)==null?void 0:s.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(h.Controller,{control:t.control,name:"promo",render:o=>e.jsx(B.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",onClick:async o=>{await t.trigger("amount")&&(g.length<=0||t.getValues("promo")||(o.preventDefault(),m.setOpen(!0)))},children:"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(P.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(N.AlertCircleIcon,{})}),e.jsx(n.CloseTrigger,{children:e.jsx(T.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:()=>{f(),m.setOpen(!1)},children:"Proceed"})]})]})})]})})]})}exports.QRPHDepositForm=V;
|
|
@@ -16,7 +16,7 @@ import "../../../../utils/isMobile.mjs";
|
|
|
16
16
|
import "../../../../utils/toaster.mjs";
|
|
17
17
|
import { useAvailablePromosQuery as z } from "../../../../hooks/useAvailablePromosQuery.mjs";
|
|
18
18
|
import "lodash-es";
|
|
19
|
-
import "
|
|
19
|
+
import "@opexa/portal-sdk-core/object-id";
|
|
20
20
|
import { useDepositsCountQuery as E } from "../../../../hooks/useDepositsCountQuery.mjs";
|
|
21
21
|
import { useDisclosure as M } from "../../../../hooks/useDisclosure.mjs";
|
|
22
22
|
import "../../../../hooks/useGlobalStore.mjs";
|