@opexa/portal-components 0.0.12 → 0.0.13

package/dist/components/DepositWithdrawal/AmountChoices.mjs

@@ -5,20 +5,19 @@ import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
-import "react";
 import { dataAttr as u } from "../../utils/dataAttr.mjs";
 import { formatNumber as s } from "../../utils/formatNumber.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/parseDecimal.mjs";
-import "../../utils/toaster.mjs";
-import { useControllableState as d } from "../../hooks/useControllableState.mjs";
+import { useControllableState as d } from "../../client/hooks/useControllableState.mjs";
 import "lodash-es";
+import "react";
 import "@opexa/portal-sdk-core/object-id";
-import "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as f } from "../../hooks/useLocaleInfo.mjs";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useLocaleInfo as f } from "../../client/hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
@@ -39,9 +38,9 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-function rt(t) {
+function ot(t) {
   var r;
-  const e = t.min ?? 0, a = t.max ?? 9999999, l = f(), o = (r = t.options) != null && r.length ? t.options : [500, 750, 1e3, 2e3], [p, c] = d({
+  const e = t.min ?? 0, a = t.max ?? 9999999, l = f(), o = (r = t.options) != null && r.length ? t.options : [500, 750, 1e3, 2e3], [c, p] = d({
     value: t.value,
     defaultValue: t.defaultValue ?? o[0],
     onChange: t.onChange
@@ -52,10 +51,10 @@ function rt(t) {
       variant: "outline",
       colorScheme: "gray",
       onClick: () => {
-        c(m);
+        p(m);
       },
       disabled: e > m || a < m,
-      "data-selected": u(p === m),
+      "data-selected": u(c === m),
       children: s(m, {
         currency: l.currency.code,
         minDecimalPlaces: 0,
@@ -66,5 +65,5 @@ function rt(t) {
   )) });
 }
 export {
-  rt as AmountChoices
+  ot as AmountChoices
 };

package/dist/components/DepositWithdrawal/AvailablePromos.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@ark-ui/react"),h=require("next/image"),q=require("next/link"),g=require("tailwind-merge"),m=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");const x=require("../../hooks/useAvailablePromosQuery.js"),b=require("../../hooks/useControllableState.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const C=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const j=require("../../icons/CheckIcon.js"),v=require("../../icons/ChevronLeftIcon.js"),N=require("../../icons/ChevronRightIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");const s=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");require("../../ui/Field/Field.js");const a=require("../../ui/IconButton/IconButton.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function w(l){const n=C.useGlobalStore(m.useShallow(r=>({depositWithdrawal:r.depositWithdrawal}))),t=x.useAvailablePromosQuery().data??[],[o,u]=b.useControllableState({value:l.value,defaultValue:l.defaultValue??null,onChange:l.onChange});return e.jsxs(i.Carousel.Root,{slideCount:t.length,className:l.className,spacing:"16px",slidesPerPage:2,children:[e.jsxs("div",{className:"flex items-center gap-xl",children:[e.jsxs("div",{className:"grow",children:[e.jsx("h2",{className:"text-lg font-semibold leading-tight",children:"Available Promotions"}),e.jsx("p",{className:"text-gray-500 mt-1 text-sm leading-tight",children:"Select a promotion with your deposit. Only one can be active at a time."})]}),e.jsxs(i.Carousel.Control,{children:[e.jsx(i.Carousel.PrevTrigger,{asChild:!0,children:e.jsx(a.IconButton,{variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",children:e.jsx(v.ChevronLeftIcon,{})})}),e.jsx(i.Carousel.NextTrigger,{asChild:!0,children:e.jsx(a.IconButton,{variant:"outline",colorScheme:"gray",className:"rounded-l-none",children:e.jsx(N.ChevronRightIcon,{})})})]})]}),e.jsx(i.Carousel.ItemGroup,{className:"mt-3xl",children:t.map((r,c)=>e.jsx(i.Carousel.Item,{index:c,children:e.jsxs("div",{className:"relative select-none p-0.5",children:[e.jsx("div",{className:g.twMerge("block rounded-lg",r.id===o&&"ring-gray-500/25 ring-2"),children:r.banner.url&&e.jsx(h,{src:r.banner.url,alt:"",width:288,height:184,className:"rounded-lg"})}),e.jsxs(s.Root,{checked:r.id===o,onCheckedChange:d=>{u(d.checked?r.id:null)},className:"absolute right-3 top-3 rounded-md border border-white/50 bg-white/60 p-lg backdrop-blur-sm",children:[e.jsx(s.Control,{className:"bg-white",children:e.jsx(s.Indicator,{asChild:!0,children:e.jsx(j.CheckIcon,{})})}),e.jsx(s.HiddenInput,{})]}),e.jsx(q,{href:`/promos/${r.id}`,className:"absolute bottom-3 right-3 rounded-md border border-white/50 bg-white/60 px-lg py-md text-sm font-semibold backdrop-blur-sm",onClick:()=>{n.depositWithdrawal.setOpen(!1)},children:"Promo Details"})]})},r.id))})]})}exports.AvailablePromos=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@ark-ui/react"),h=require("next/image"),q=require("next/link"),g=require("tailwind-merge"),m=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const x=require("../../client/hooks/useAvailablePromosQuery.js"),b=require("../../client/hooks/useControllableState.js");require("lodash-es");require("react");require("@opexa/portal-sdk-core/object-id");const C=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const j=require("../../icons/CheckIcon.js"),v=require("../../icons/ChevronLeftIcon.js"),N=require("../../icons/ChevronRightIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");const s=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");require("../../ui/Field/Field.js");const a=require("../../ui/IconButton/IconButton.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function w(l){const n=C.useGlobalStore(m.useShallow(r=>({depositWithdrawal:r.depositWithdrawal}))),t=x.useAvailablePromosQuery().data??[],[o,u]=b.useControllableState({value:l.value,defaultValue:l.defaultValue??null,onChange:l.onChange});return e.jsxs(i.Carousel.Root,{slideCount:t.length,className:l.className,spacing:"16px",slidesPerPage:2,children:[e.jsxs("div",{className:"flex items-center gap-xl",children:[e.jsxs("div",{className:"grow",children:[e.jsx("h2",{className:"text-lg font-semibold leading-tight",children:"Available Promotions"}),e.jsx("p",{className:"text-gray-500 mt-1 text-sm leading-tight",children:"Select a promotion with your deposit. Only one can be active at a time."})]}),e.jsxs(i.Carousel.Control,{children:[e.jsx(i.Carousel.PrevTrigger,{asChild:!0,children:e.jsx(a.IconButton,{variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",children:e.jsx(v.ChevronLeftIcon,{})})}),e.jsx(i.Carousel.NextTrigger,{asChild:!0,children:e.jsx(a.IconButton,{variant:"outline",colorScheme:"gray",className:"rounded-l-none",children:e.jsx(N.ChevronRightIcon,{})})})]})]}),e.jsx(i.Carousel.ItemGroup,{className:"mt-3xl",children:t.map((r,c)=>e.jsx(i.Carousel.Item,{index:c,children:e.jsxs("div",{className:"relative select-none p-0.5",children:[e.jsx("div",{className:g.twMerge("block rounded-lg",r.id===o&&"ring-gray-500/25 ring-2"),children:r.banner.url&&e.jsx(h,{src:r.banner.url,alt:"",width:288,height:184,className:"rounded-lg"})}),e.jsxs(s.Root,{checked:r.id===o,onCheckedChange:d=>{u(d.checked?r.id:null)},className:"absolute right-3 top-3 rounded-md border border-white/50 bg-white/60 p-lg backdrop-blur-sm",children:[e.jsx(s.Control,{className:"bg-white",children:e.jsx(s.Indicator,{asChild:!0,children:e.jsx(j.CheckIcon,{})})}),e.jsx(s.HiddenInput,{})]}),e.jsx(q,{href:`/promos/${r.id}`,className:"absolute bottom-3 right-3 rounded-md border border-white/50 bg-white/60 px-lg py-md text-sm font-semibold backdrop-blur-sm",onClick:()=>{n.depositWithdrawal.setOpen(!1)},children:"Promo Details"})]})},r.id))})]})}exports.AvailablePromos=w;

package/dist/components/DepositWithdrawal/AvailablePromos.mjs

@@ -9,18 +9,17 @@ import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
-import "react";
 import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import "../../utils/toaster.mjs";
-import { useAvailablePromosQuery as b } from "../../hooks/useAvailablePromosQuery.mjs";
-import { useControllableState as f } from "../../hooks/useControllableState.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 "../../hooks/useGlobalStore.mjs";
-import "../../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";
@@ -43,7 +42,7 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-function ve(i) {
+function fe(i) {
   const n = v(
     g((r) => ({
       depositWithdrawal: r.depositWithdrawal
@@ -138,5 +137,5 @@ function ve(i) {
   );
 }
 export {
-  ve as AvailablePromos
+  fe as AvailablePromos
 };

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

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

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

@@ -1,5 +1,5 @@
-import { jsx as r, jsxs as A, Fragment as M } from "react/jsx-runtime";
-import { useState as D, useEffect as N } from "react";
+import { jsx as r, jsxs as u, Fragment as c } from "react/jsx-runtime";
+import { useState as M, useEffect as D } from "react";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -8,72 +8,48 @@ import "../../../utils/capitalize.mjs";
 import "../../../utils/parseDecimal.mjs";
 import "../../../utils/getLocaleInfo.mjs";
 import "../../../utils/getQueryClient.mjs";
-import { onMobileDevice as w } from "../../../utils/isMobile.mjs";
-import "../../../utils/toaster.mjs";
+import { onMobileDevice as N } from "../../../utils/isMobile.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
-import "../../../hooks/useGlobalStore.mjs";
-import "../../../hooks/useInfiniteQueryHelper.mjs";
-import { useOnMMA as E } from "../../../hooks/useOnMMA.mjs";
-import { usePaymentSettingsQuery as G } from "../../../hooks/usePaymentSettingsQuery.mjs";
-import { AlertCircleIcon as P } from "../../../icons/AlertCircleIcon.mjs";
-import { SpinnerIcon as x } from "../../../icons/SpinnerIcon.mjs";
-import { useFeatureFlagContext as y } from "../../FeatureFlagProvider/FeatureFlagContext.mjs";
-import "@ark-ui/react";
-import "../../../ui/AlertDialog/AlertDialog.mjs";
-import "../../../ui/Avatar/Avatar.mjs";
-import "../../../ui/Badge/Badge.mjs";
-import "../../../ui/Button/button.recipe.mjs";
-import "../../../ui/Checkbox/Checkbox.mjs";
-import "../../../ui/Clipboard/Clipboard.mjs";
-import "../../../ui/DatePicker/DatePicker.mjs";
-import "../../../ui/Dialog/Dialog.mjs";
-import "../../../ui/Drawer/Drawer.mjs";
-import "../../../ui/Field/Field.mjs";
-import "../../../ui/IconButton/iconButton.recipe.mjs";
-import "../../../ui/NumberInput/NumberInput.mjs";
-import "../../../ui/PinInput/PinInput.mjs";
-import "../../../ui/Popover/Popover.mjs";
-import "tailwind-merge";
-import "../../../ui/SegmentGroup/SegmentGroup.mjs";
-import "../../../ui/Select/Select.mjs";
-import "../../../ui/Table/Table.mjs";
-import "../../../ui/Tabs/Tabs.mjs";
-import "next/navigation";
-import "usehooks-ts";
-import { PaymentMethods as C } from "../PaymentMethods.mjs";
-import { GCashDeposit as H } from "./GCashDeposit/GCashDeposit.mjs";
-import { MayaAppDeposit as g } from "./MayaAppDeposit/MayaAppDeposit.mjs";
+import "../../../client/hooks/useGlobalStore.mjs";
+import "../../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useOnMMA as w } from "../../../client/hooks/useOnMMA.mjs";
+import { usePaymentSettingsQuery as E } from "../../../client/hooks/usePaymentSettingsQuery.mjs";
+import { AlertCircleIcon as G } from "../../../icons/AlertCircleIcon.mjs";
+import { SpinnerIcon as P } from "../../../icons/SpinnerIcon.mjs";
+import { PaymentMethods as x } from "../PaymentMethods.mjs";
+import { GCashDeposit as y } from "./GCashDeposit/GCashDeposit.mjs";
+import { MayaAppDeposit as H } from "./MayaAppDeposit/MayaAppDeposit.mjs";
 import { MayaDeposit as B } from "./MayaDeposit/MayaDeposit.mjs";
-import { OnlineBankDeposit as Q } from "./OnlineBankDeposit/OnlineBankDeposit.mjs";
-import { QRPHDeposit as I } from "./QRPHDeposit/QRPHDeposit.mjs";
-function go() {
-  const [c] = E(), m = y(), p = G(), o = p.data, t = (() => {
-    var s, n, l, f, b, u, d, h;
-    const e = [];
-    return c ? e.push("MAYA_APP") : w() ? ((s = o == null ? void 0 : o.gcashDepositGatewaySettings) != null && s.mobileWebEnabled && e.push("GCASH"), m.enabled && ((n = o == null ? void 0 : o.mayaDepositGatewaySettings) != null && n.mobileWebEnabled) && e.push("MAYA"), (l = o == null ? void 0 : o.qrphDepositGatewaySettings) != null && l.mobileWebEnabled && e.push("QRPH"), (f = o == null ? void 0 : o.onlineBankDepositGatewaySettings) != null && f.mobileWebEnabled && e.push("ONLINE_BANK")) : ((b = o == null ? void 0 : o.gcashDepositGatewaySettings) != null && b.webEnabled && e.push("GCASH"), m.enabled && ((u = o == null ? void 0 : o.mayaDepositGatewaySettings) != null && u.webEnabled) && e.push("MAYA"), (d = o == null ? void 0 : o.qrphDepositGatewaySettings) != null && d.webEnabled && e.push("QRPH"), (h = o == null ? void 0 : o.onlineBankDepositGatewaySettings) != null && h.webEnabled && e.push("ONLINE_BANK")), e;
-  })(), [i, a] = D();
-  return N(() => {
+import { OnlineBankDeposit as C } from "./OnlineBankDeposit/OnlineBankDeposit.mjs";
+import { QRPHDeposit as Q } from "./QRPHDeposit/QRPHDeposit.mjs";
+function ie() {
+  const [A] = w(), s = E(), e = s.data, t = (() => {
+    var m, p, n, l, f, b, h, d;
+    const o = [];
+    return A ? o.push("MAYA_APP") : N() ? ((m = e == null ? void 0 : e.gcashDepositGatewaySettings) != null && m.mobileWebEnabled && o.push("GCASH"), (p = e == null ? void 0 : e.mayaDepositGatewaySettings) != null && p.mobileWebEnabled && o.push("MAYA"), (n = e == null ? void 0 : e.qrphDepositGatewaySettings) != null && n.mobileWebEnabled && o.push("QRPH"), (l = e == null ? void 0 : e.onlineBankDepositGatewaySettings) != null && l.mobileWebEnabled && o.push("ONLINE_BANK")) : ((f = e == null ? void 0 : e.gcashDepositGatewaySettings) != null && f.webEnabled && o.push("GCASH"), (b = e == null ? void 0 : e.mayaDepositGatewaySettings) != null && b.webEnabled && o.push("MAYA"), (h = e == null ? void 0 : e.qrphDepositGatewaySettings) != null && h.webEnabled && o.push("QRPH"), (d = e == null ? void 0 : e.onlineBankDepositGatewaySettings) != null && d.webEnabled && o.push("ONLINE_BANK")), o;
+  })(), [i, a] = M();
+  return D(() => {
     t.length > 0 && !i && a(t[0]);
-  }, [t, i]), p.isLoading ? /* @__PURE__ */ r(x, { className: "mx-auto size-6" }) : t.length <= 0 ? /* @__PURE__ */ A("div", { className: "border-amber-200 text-amber-700 bg-amber-50 flex items-center gap-1.5 rounded-sm border px-3 py-2.5 text-sm", children: [
-    /* @__PURE__ */ r(P, { className: "size-4" }),
+  }, [t, i]), s.isLoading ? /* @__PURE__ */ r(P, { className: "mx-auto size-6" }) : t.length <= 0 ? /* @__PURE__ */ u("div", { className: "border-amber-200 text-amber-700 bg-amber-50 flex items-center gap-1.5 rounded-sm border px-3 py-2.5 text-sm", children: [
+    /* @__PURE__ */ r(G, { className: "size-4" }),
     "No available payment methods"
-  ] }) : /* @__PURE__ */ A(M, { children: [
+  ] }) : /* @__PURE__ */ u(c, { children: [
     /* @__PURE__ */ r(
-      C,
+      x,
       {
         value: i,
         onChange: a,
         options: t
       }
     ),
-    i === "QRPH" && /* @__PURE__ */ r(I, {}),
-    i === "GCASH" && /* @__PURE__ */ r(H, {}),
+    i === "QRPH" && /* @__PURE__ */ r(Q, {}),
+    i === "GCASH" && /* @__PURE__ */ r(y, {}),
     i === "MAYA" && /* @__PURE__ */ r(B, {}),
-    i === "MAYA_APP" && /* @__PURE__ */ r(g, {}),
-    i === "ONLINE_BANK" && /* @__PURE__ */ r(Q, {})
+    i === "MAYA_APP" && /* @__PURE__ */ r(H, {}),
+    i === "ONLINE_BANK" && /* @__PURE__ */ r(C, {})
   ] });
 }
 export {
-  go as Deposit
+  ie as Deposit
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("@ark-ui/react"),w=require("@hookform/resolvers/zod"),M=require("react"),q=require("react-hook-form"),O=require("tiny-invariant"),a=require("zod"),k=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");const i=require("../../../../utils/parseDecimal.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");const Q=require("../../../../utils/toaster.js"),E=require("../../../../hooks/useAvailablePromosQuery.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const F=require("../../../../hooks/useCreateGCashDepositMutation.js"),N=require("../../../../hooks/useDepositsCountQuery.js"),R=require("../../../../hooks/useDisclosure.js"),T=require("../../../../hooks/useGlobalStore.js");require("../../../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const G=require("../../../../hooks/usePaymentSettingsQuery.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=R.useDisclosure(),I=T.useGlobalStore(k.useShallow(o=>({depositWithdrawal:o.depositWithdrawal}))),p=F.useCreateGCashDepositMutation({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=G.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=E.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

@@ -14,17 +14,17 @@ import { parseDecimal as m } from "../../../../utils/parseDecimal.mjs";
 import "../../../../utils/getLocaleInfo.mjs";
 import "../../../../utils/getQueryClient.mjs";
 import "../../../../utils/isMobile.mjs";
-import { toaster as Q } from "../../../../utils/toaster.mjs";
-import { useAvailablePromosQuery as R } from "../../../../hooks/useAvailablePromosQuery.mjs";
+import { useAvailablePromosQuery as Q } from "../../../../client/hooks/useAvailablePromosQuery.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
-import { useCreateGCashDepositMutation as F } from "../../../../hooks/useCreateGCashDepositMutation.mjs";
-import { useDepositsCountQuery as T } from "../../../../hooks/useDepositsCountQuery.mjs";
-import { useDisclosure as V } from "../../../../hooks/useDisclosure.mjs";
-import { useGlobalStore as $ } from "../../../../hooks/useGlobalStore.mjs";
-import "../../../../hooks/useInfiniteQueryHelper.mjs";
+import { useCreateGCashDepositMutation as R } from "../../../../client/hooks/useCreateGCashDepositMutation.mjs";
+import { useDepositsCountQuery as F } from "../../../../client/hooks/useDepositsCountQuery.mjs";
+import { useDisclosure as T } from "../../../../client/hooks/useDisclosure.mjs";
+import { useGlobalStore as V } from "../../../../client/hooks/useGlobalStore.mjs";
+import "../../../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { usePaymentSettingsQuery as U } from "../../../../hooks/usePaymentSettingsQuery.mjs";
+import { usePaymentSettingsQuery as $ } from "../../../../client/hooks/usePaymentSettingsQuery.mjs";
+import { toaster as U } from "../../../../client/utils/toaster.mjs";
 import { AlertCircleIcon as j } from "../../../../icons/AlertCircleIcon.mjs";
 import { ChevronDownIcon as G } from "../../../../icons/ChevronDownIcon.mjs";
 import { ChevronUpIcon as L } from "../../../../icons/ChevronUpIcon.mjs";
@@ -53,20 +53,20 @@ import { AmountChoices as lo } from "../../AmountChoices.mjs";
 import { AvailablePromos as co } from "../../AvailablePromos.mjs";
 function fe() {
   var y;
-  const l = V(), S = $(
+  const l = T(), S = V(
     N((o) => ({
       depositWithdrawal: o.depositWithdrawal
     }))
-  ), p = F({
+  ), p = R({
     onSuccess(o) {
       z(o.checkoutUrl), window.open(o.checkoutUrl, "_blank", "noopener,noreferrer"), r.reset(), S.depositWithdrawal.setOpen(!1);
     },
     onError(o) {
-      Q.error({
+      U.error({
         description: o.message
       });
     }
-  }), I = T().data ?? 0, h = U(), d = h.data, u = d == null ? void 0 : d.gcashDepositGatewaySettings, c = m(u == null ? void 0 : u.maximumAmount, 0), s = I <= 0 ? m((y = h.data) == null ? void 0 : y.minimumFirstDepositAmount, 0) : m(u == null ? void 0 : u.minimumAmount, 0), g = R().data ?? [], A = a.object({
+  }), I = F().data ?? 0, h = $(), d = h.data, u = d == null ? void 0 : d.gcashDepositGatewaySettings, c = m(u == null ? void 0 : u.maximumAmount, 0), s = I <= 0 ? m((y = h.data) == null ? void 0 : y.minimumFirstDepositAmount, 0) : m(u == null ? void 0 : u.minimumAmount, 0), g = Q().data ?? [], A = a.object({
     amount: a.string().superRefine((o, n) => {
       const t = m(o, 0);
       t < s && n.addIssue({

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("../../../../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=_;
+"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=_;

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

@@ -14,18 +14,18 @@ import { parseDecimal as m } from "../../../../utils/parseDecimal.mjs";
 import "../../../../utils/getLocaleInfo.mjs";
 import "../../../../utils/getQueryClient.mjs";
 import "../../../../utils/isMobile.mjs";
-import { toaster as x } from "../../../../utils/toaster.mjs";
-import { useAvailablePromosQuery as R } from "../../../../hooks/useAvailablePromosQuery.mjs";
+import { useAvailablePromosQuery as R } from "../../../../client/hooks/useAvailablePromosQuery.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
-import { useCreateMayaAppDepositMutation as k } from "../../../../hooks/useCreateMayaAppDepositMutation.mjs";
-import { useDepositsCountQuery as F } from "../../../../hooks/useDepositsCountQuery.mjs";
-import { useDisclosure as T } from "../../../../hooks/useDisclosure.mjs";
-import { useGlobalStore as $ } from "../../../../hooks/useGlobalStore.mjs";
-import "../../../../hooks/useInfiniteQueryHelper.mjs";
-import { useIsMayaSessionValidQuery as j } from "../../../../hooks/useIsMayaSessionValidQuery.mjs";
+import { useCreateMayaAppDepositMutation as k } from "../../../../client/hooks/useCreateMayaAppDepositMutation.mjs";
+import { useDepositsCountQuery as F } from "../../../../client/hooks/useDepositsCountQuery.mjs";
+import { useDisclosure as T } from "../../../../client/hooks/useDisclosure.mjs";
+import { useGlobalStore as $ } from "../../../../client/hooks/useGlobalStore.mjs";
+import "../../../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useIsMayaSessionValidQuery as j } from "../../../../client/hooks/useIsMayaSessionValidQuery.mjs";
 import "usehooks-ts";
-import { usePaymentSettingsQuery as L } from "../../../../hooks/usePaymentSettingsQuery.mjs";
+import { usePaymentSettingsQuery as L } from "../../../../client/hooks/usePaymentSettingsQuery.mjs";
+import { toaster as x } from "../../../../client/utils/toaster.mjs";
 import { AlertCircleIcon as W } from "../../../../icons/AlertCircleIcon.mjs";
 import { ChevronDownIcon as Z } from "../../../../icons/ChevronDownIcon.mjs";
 import { ChevronUpIcon as B } from "../../../../icons/ChevronUpIcon.mjs";

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("../../../../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=_;
+"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

@@ -14,17 +14,17 @@ import { parseDecimal as m } from "../../../../utils/parseDecimal.mjs";
 import "../../../../utils/getLocaleInfo.mjs";
 import "../../../../utils/getQueryClient.mjs";
 import "../../../../utils/isMobile.mjs";
-import { toaster as Q } from "../../../../utils/toaster.mjs";
-import { useAvailablePromosQuery as R } from "../../../../hooks/useAvailablePromosQuery.mjs";
+import { useAvailablePromosQuery as Q } from "../../../../client/hooks/useAvailablePromosQuery.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
-import { useCreateMayaDepositMutation as F } from "../../../../hooks/useCreateMayaDepositMutation.mjs";
-import { useDepositsCountQuery as T } from "../../../../hooks/useDepositsCountQuery.mjs";
-import { useDisclosure as V } from "../../../../hooks/useDisclosure.mjs";
-import { useGlobalStore as $ } from "../../../../hooks/useGlobalStore.mjs";
-import "../../../../hooks/useInfiniteQueryHelper.mjs";
+import { useCreateMayaDepositMutation as R } from "../../../../client/hooks/useCreateMayaDepositMutation.mjs";
+import { useDepositsCountQuery as F } from "../../../../client/hooks/useDepositsCountQuery.mjs";
+import { useDisclosure as T } from "../../../../client/hooks/useDisclosure.mjs";
+import { useGlobalStore as V } from "../../../../client/hooks/useGlobalStore.mjs";
+import "../../../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { usePaymentSettingsQuery as U } from "../../../../hooks/usePaymentSettingsQuery.mjs";
+import { usePaymentSettingsQuery as $ } from "../../../../client/hooks/usePaymentSettingsQuery.mjs";
+import { toaster as U } from "../../../../client/utils/toaster.mjs";
 import { AlertCircleIcon as j } from "../../../../icons/AlertCircleIcon.mjs";
 import { ChevronDownIcon as L } from "../../../../icons/ChevronDownIcon.mjs";
 import { ChevronUpIcon as W } from "../../../../icons/ChevronUpIcon.mjs";
@@ -53,20 +53,20 @@ import { AmountChoices as lo } from "../../AmountChoices.mjs";
 import { AvailablePromos as co } from "../../AvailablePromos.mjs";
 function fe() {
   var C;
-  const l = V(), S = $(
+  const l = T(), S = V(
     N((o) => ({
       depositWithdrawal: o.depositWithdrawal
     }))
-  ), p = F({
+  ), p = R({
     onSuccess(o) {
       z(o.checkoutUrl), window.open(o.checkoutUrl, "_blank", "noopener,noreferrer"), r.reset(), S.depositWithdrawal.setOpen(!1);
     },
     onError(o) {
-      Q.error({
+      U.error({
         description: o.message
       });
     }
-  }), 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({
+  }), I = F().data ?? 0, h = $(), d = h.data, u = d == null ? void 0 : d.mayaDepositGatewaySettings, c = m(u == null ? void 0 : u.maximumAmount, 0), s = I <= 0 ? m((C = h.data) == null ? void 0 : C.minimumFirstDepositAmount, 0) : m(u == null ? void 0 : u.minimumAmount, 0), g = Q().data ?? [], A = a.object({
     amount: a.string().superRefine((o, n) => {
       const t = m(o, 0);
       t < s && n.addIssue({

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