@opexa/portal-components 0.0.17 → 0.0.18

package/dist/components/DepositWithdrawal/DepositWithdrawal.mjs

@@ -1,15 +1,15 @@
 "use client";
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { Portal as h } from "@ark-ui/react";
-import { twMerge as g } from "tailwind-merge";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Portal as u } from "@ark-ui/react";
+import { twMerge as h } from "tailwind-merge";
 import { z as f } from "zod";
-import { useShallow as x } from "zustand/shallow";
+import { useShallow as g } from "zustand/shallow";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
-import { formatNumber as c } from "../../utils/formatNumber.mjs";
+import { formatNumber as s } from "../../utils/formatNumber.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
@@ -17,75 +17,78 @@ import "../../utils/parseDecimal.mjs";
 import "react";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
-import { useGlobalStore as w } from "../../client/hooks/useGlobalStore.mjs";
+import { useGlobalStore as x } from "../../client/hooks/useGlobalStore.mjs";
 import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as d } from "../../client/hooks/useLocaleInfo.mjs";
+import { useLocaleInfo as p } from "../../client/hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
-import { useWalletQuery as p } from "../../client/hooks/useWalletQuery.mjs";
-import { Wallet02Icon as u } from "../../icons/Wallet02Icon.mjs";
-import { XIcon as N } from "../../icons/XIcon.mjs";
+import { useWalletQuery as d } from "../../client/hooks/useWalletQuery.mjs";
+import { Wallet02Icon as b } from "../../icons/Wallet02Icon.mjs";
+import { XIcon as y } from "../../icons/XIcon.mjs";
 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/Collapsible/Collapsible.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
-import { Root as b, Trigger as y, Backdrop as W, Positioner as I, Content as v, CloseTrigger as T, Header as D, Title as O, Body as z } from "../../ui/Dialog/Dialog.mjs";
+import { Root as w, Trigger as N, Backdrop as W, Positioner as I, Content as v, CloseTrigger as D, Header as T, Title as O, Body as z } from "../../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/PasswordInput/PasswordInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
 import "../../ui/Popover/Popover.mjs";
+import "../../ui/Progress/Progress.mjs";
 import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
-import { Root as A, List as C, Trigger as n, Indicator as P, Content as s } from "../../ui/Tabs/Tabs.mjs";
+import { Root as A, List as C, Trigger as n, Indicator as P, Content as c } from "../../ui/Tabs/Tabs.mjs";
 import { Deposit as E } from "./Deposit/Deposit.mjs";
 import { Withdrawal as R } from "./Withdrawal/Withdrawal.mjs";
-function De(l) {
+function Ae(l) {
   var m;
-  const r = w(
-    x((o) => ({
+  const t = x(
+    g((o) => ({
       depositWithdrawal: o.depositWithdrawal
     }))
-  ), i = d(), a = p({
+  ), a = p(), i = d({
     refetchInterval: 5e3
   });
-  return /* @__PURE__ */ t(
-    b,
+  return /* @__PURE__ */ r(
+    w,
     {
       lazyMount: !0,
       unmountOnExit: !0,
-      open: r.depositWithdrawal.open,
+      open: t.depositWithdrawal.open,
       onOpenChange: (o) => {
-        r.depositWithdrawal.setOpen(o.open);
+        t.depositWithdrawal.setOpen(o.open);
       },
       closeOnEscape: !1,
       closeOnInteractOutside: !1,
       children: [
-        /* @__PURE__ */ e(y, { asChild: !0, children: l.children ?? /* @__PURE__ */ e(S, {}) }),
-        /* @__PURE__ */ t(h, { children: [
+        /* @__PURE__ */ e(N, { asChild: !0, children: l.children ?? /* @__PURE__ */ e(S, {}) }),
+        /* @__PURE__ */ r(u, { children: [
           /* @__PURE__ */ e(W, { className: "!z-[calc(var(--z-dialog)+1)]" }),
-          /* @__PURE__ */ e(I, { className: "!z-[calc(var(--z-dialog)+2)]", children: /* @__PURE__ */ t(v, { className: "lg:min-h-auto mx-auto min-h-full w-full bg-white p-2xl shadow-xl lg:w-[640px] lg:rounded-xl lg:p-3xl", children: [
-            /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(N, {}) }),
-            /* @__PURE__ */ t(D, { className: "flex items-center gap-xl", children: [
-              /* @__PURE__ */ e("div", { className: "border-gray-200 shadow-xs text-gray-700 flex size-12 items-center justify-center rounded-lg border", children: /* @__PURE__ */ e(u, {}) }),
+          /* @__PURE__ */ e(I, { className: "!z-[calc(var(--z-dialog)+2)]", children: /* @__PURE__ */ r(v, { className: "lg:min-h-auto mx-auto min-h-full w-full p-2xl lg:w-[640px] lg:rounded-xl lg:p-3xl", children: [
+            /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(y, {}) }),
+            /* @__PURE__ */ r(T, { className: "flex items-center gap-xl", children: [
+              /* @__PURE__ */ e("div", { className: "border-border-secondary shadow-xs text-gray-700 flex size-12 items-center justify-center rounded-lg border", children: /* @__PURE__ */ e(b, {}) }),
               /* @__PURE__ */ e(O, { className: "grow text-lg font-semibold", children: "Wallet" })
             ] }),
-            /* @__PURE__ */ t(z, { className: "mt-5", children: [
+            /* @__PURE__ */ r(z, { className: "mt-5", children: [
               /* @__PURE__ */ e("p", { className: "text-gray-500 text-center text-sm font-medium leading-tight", children: "Available Balance" }),
-              /* @__PURE__ */ e("p", { className: "mt-lg text-center text-4xl font-semibold leading-tight tracking-tight", children: c((m = a.data) == null ? void 0 : m.balance, {
-                currency: i.currency.code,
+              /* @__PURE__ */ e("p", { className: "mt-lg text-center text-4xl font-semibold leading-tight tracking-tight", children: s((m = i.data) == null ? void 0 : m.balance, {
+                currency: a.currency.code,
                 minDecimalPlaces: 2
               }) }),
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ r(
                 A,
                 {
-                  value: r.depositWithdrawal.tab,
+                  value: t.depositWithdrawal.tab,
                   onValueChange: (o) => {
-                    r.depositWithdrawal.setTab(
+                    t.depositWithdrawal.setTab(
                       f.enum(["DEPOSIT", "WITHDRAWAL"]).parse(o.value)
                     );
                   },
@@ -93,13 +96,13 @@ function De(l) {
                   unmountOnExit: !0,
                   className: "mt-4xl space-y-4xl",
                   children: [
-                    /* @__PURE__ */ t(C, { className: "w-full", children: [
+                    /* @__PURE__ */ r(C, { className: "w-full", children: [
                       /* @__PURE__ */ e(n, { value: "DEPOSIT", className: "grow", children: "Deposit" }),
                       /* @__PURE__ */ e(n, { value: "WITHDRAWAL", className: "grow", children: "Withdrawal" }),
                       /* @__PURE__ */ e(P, {})
                     ] }),
-                    /* @__PURE__ */ e(s, { value: "DEPOSIT", className: "space-y-4xl", children: /* @__PURE__ */ e(E, {}) }),
-                    /* @__PURE__ */ e(s, { value: "WITHDRAWAL", className: "space-y-4xl", children: /* @__PURE__ */ e(R, {}) })
+                    /* @__PURE__ */ e(c, { value: "DEPOSIT", className: "space-y-4xl", children: /* @__PURE__ */ e(E, {}) }),
+                    /* @__PURE__ */ e(c, { value: "WITHDRAWAL", className: "space-y-4xl", children: /* @__PURE__ */ e(R, {}) })
                   ]
                 }
               )
@@ -111,29 +114,26 @@ function De(l) {
   );
 }
 function S(l) {
-  var a;
-  const r = d(), i = p({
+  var i;
+  const t = p(), a = d({
     refetchInterval: 5e3
   });
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ r(
     "button",
     {
       type: "button",
       ...l,
-      className: g("flex", l.className),
+      className: h("flex", l.className),
       children: [
-        /* @__PURE__ */ e("div", { className: "border-gray-200 flex h-11 items-center rounded-l-md border border-r-0 px-3.5 font-medium", children: c((a = i.data) == null ? void 0 : a.balance, {
-          currency: r.currency.code,
+        /* @__PURE__ */ e("div", { className: "border-border-primary flex h-10 items-center rounded-l-md border border-r-0 px-3.5", children: s((i = a.data) == null ? void 0 : i.balance, {
+          currency: t.currency.code,
           minDecimalPlaces: 2
         }) }),
-        /* @__PURE__ */ t("div", { className: "bg-gray-900 flex h-11 items-center gap-1.5 rounded-r-md px-3.5 font-semibold text-white", children: [
-          /* @__PURE__ */ e(u, { className: "size-5" }),
-          "Wallet"
-        ] })
+        /* @__PURE__ */ e("div", { className: "bg-button-primary-bg text-button-primary-fg flex h-10 items-center gap-1.5 rounded-r-md px-3.5 text-sm font-semibold", children: "Deposit" })
       ]
     }
   );
 }
 export {
-  De as DepositWithdrawal
+  Ae as DepositWithdrawal
 };

package/dist/components/DepositWithdrawal/PaymentMethods.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("next/image");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 d=require("../../client/hooks/useControllableState.js");require("lodash-es");require("react");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const h=require("../../icons/CheckIcon.js"),g=require("../../images/QRPh.png.js"),m=require("../../images/gcash.png.js"),v=require("../../images/instapay.png.js"),t=require("../../images/maya.png.js"),x=require("../../images/online-bank.png.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("@ark-ui/react");require("../../ui/Button/button.recipe.js");const u=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");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 y=require("./utils.js"),s=[{value:"GCASH",label:"GCash",image:m},{value:"MAYA_APP",label:"Maya App",image:t},{value:"MAYA",label:"Maya",image:t},{value:"QRPH",label:"QRPH",image:g},{value:"ONLINE_BANK",label:"Online Bank",image:x},{value:"INSTAPAY",label:"Instapay",image:v}];function j(i){var n;const l=(n=i.options)!=null&&n.length?s.filter(r=>{var a;return(a=i.options)==null?void 0:a.includes(r.value)}):s,[c,o]=d.useControllableState({value:i.value,defaultValue:i.defaultValue??l[0].value,onChange:i.onChange});return e.jsxs("div",{className:i.className,children:[e.jsx(b.Label,{asChild:!0,children:e.jsx("div",{children:"Select your payment method"})}),e.jsx(u.Group,{value:[c],onValueChange:r=>{const a=r.at(-1);a&&o(y.PaymentMethodDefinition.parse(a))},className:"grid grid-cols-2 gap-x-4 gap-y-3",children:l.map(r=>e.jsxs(u.Root,{value:r.value,className:"border-gray-200 ui-checked:border-gray-900 ui-checked:outline-solid ui-checked:outline-gray-900 flex cursor-pointer rounded-xl border p-xl ui-checked:outline",children:[e.jsx("div",{className:"grow",children:e.jsx(q,{src:r.image,alt:"",width:200,height:40,className:"h-5 w-auto lg:h-8",draggable:!1})}),e.jsx(u.Control,{className:"shrink-0",children:e.jsx(u.Indicator,{asChild:!0,children:e.jsx(h.CheckIcon,{})})}),e.jsx(u.HiddenInput,{})]},r.value))})]})}exports.PaymentMethods=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("next/image");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 d=require("../../client/hooks/useControllableState.js");require("lodash-es");require("react");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const h=require("../../icons/CheckIcon.js"),g=require("../../images/QRPh.png.js"),m=require("../../images/gcash.png.js"),v=require("../../images/instapay.png.js"),s=require("../../images/maya.png.js"),b=require("../../images/online-bank.png.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("@ark-ui/react");require("../../ui/Button/button.recipe.js");const a=require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");const x=require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const y=require("./utils.js"),t=[{value:"GCASH",label:"GCash",image:m},{value:"MAYA_APP",label:"Maya App",image:s},{value:"MAYA",label:"Maya",image:s},{value:"QRPH",label:"QRPH",image:g},{value:"ONLINE_BANK",label:"Online Bank",image:b},{value:"INSTAPAY",label:"Instapay",image:v}];function j(i){var n;const l=(n=i.options)!=null&&n.length?t.filter(r=>{var u;return(u=i.options)==null?void 0:u.includes(r.value)}):t,[o,c]=d.useControllableState({value:i.value,defaultValue:i.defaultValue??l[0].value,onChange:i.onChange});return e.jsxs("div",{className:i.className,children:[e.jsx(x.Label,{asChild:!0,children:e.jsx("div",{children:"Select your payment method"})}),e.jsx(a.Group,{value:[o],onValueChange:r=>{const u=r.at(-1);u&&c(y.PaymentMethodDefinition.parse(u))},className:"grid grid-cols-2 gap-x-4 gap-y-3",children:l.map(r=>e.jsxs(a.Root,{value:r.value,className:"border-border-secondary ui-checked:border-gray-900 ui-checked:outline-solid ui-checked:outline-border-secondary flex cursor-pointer rounded-xl border p-xl ui-checked:outline",children:[e.jsx("div",{className:"grow",children:e.jsx(q,{src:r.image,alt:"",width:200,height:40,className:"h-5 w-auto lg:h-8",draggable:!1})}),e.jsx(a.Control,{className:"shrink-0",children:e.jsx(a.Indicator,{asChild:!0,children:e.jsx(h.CheckIcon,{})})}),e.jsx(a.HiddenInput,{})]},r.value))})]})}exports.PaymentMethods=j;

package/dist/components/DepositWithdrawal/PaymentMethods.mjs

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import c from "next/image";
+import d from "next/image";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -9,14 +9,14 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import { useControllableState as s } from "../../client/hooks/useControllableState.mjs";
+import { useControllableState as c } from "../../client/hooks/useControllableState.mjs";
 import "lodash-es";
 import "react";
 import "@opexa/portal-sdk-core/object-id";
 import "../../client/hooks/useGlobalStore.mjs";
 import "../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { CheckIcon as d } from "../../icons/CheckIcon.mjs";
+import { CheckIcon as s } from "../../icons/CheckIcon.mjs";
 import h from "../../images/QRPh.png.mjs";
 import g from "../../images/gcash.png.mjs";
 import f from "../../images/instapay.png.mjs";
@@ -27,17 +27,20 @@ import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
 import "@ark-ui/react";
 import "../../ui/Button/button.recipe.mjs";
-import { Group as y, Root as b, Control as N, Indicator as A, HiddenInput as C } from "../../ui/Checkbox/Checkbox.mjs";
+import { Group as b, Root as y, Control as N, Indicator as A, HiddenInput as C } from "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/Collapsible/Collapsible.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
 import { Label as k } from "../../ui/Field/Field.mjs";
 import "../../ui/IconButton/iconButton.recipe.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
 import "../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
+import "../../ui/Progress/Progress.mjs";
 import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
@@ -75,35 +78,35 @@ const p = [
     image: f
   }
 ];
-function fe(i) {
-  var t;
-  const a = (t = i.options) != null && t.length ? p.filter((r) => {
-    var o;
-    return (o = i.options) == null ? void 0 : o.includes(r.value);
-  }) : p, [n, u] = s({
-    value: i.value,
-    defaultValue: i.defaultValue ?? a[0].value,
-    onChange: i.onChange
+function ye(o) {
+  var a;
+  const t = (a = o.options) != null && a.length ? p.filter((r) => {
+    var i;
+    return (i = o.options) == null ? void 0 : i.includes(r.value);
+  }) : p, [n, u] = c({
+    value: o.value,
+    defaultValue: o.defaultValue ?? t[0].value,
+    onChange: o.onChange
   });
-  return /* @__PURE__ */ m("div", { className: i.className, children: [
+  return /* @__PURE__ */ m("div", { className: o.className, children: [
     /* @__PURE__ */ e(k, { asChild: !0, children: /* @__PURE__ */ e("div", { children: "Select your payment method" }) }),
     /* @__PURE__ */ e(
-      y,
+      b,
       {
         value: [n],
         onValueChange: (r) => {
-          const o = r.at(-1);
-          o && u(I.parse(o));
+          const i = r.at(-1);
+          i && u(I.parse(i));
         },
         className: "grid grid-cols-2 gap-x-4 gap-y-3",
-        children: a.map((r) => /* @__PURE__ */ m(
-          b,
+        children: t.map((r) => /* @__PURE__ */ m(
+          y,
           {
             value: r.value,
-            className: "border-gray-200 ui-checked:border-gray-900 ui-checked:outline-solid ui-checked:outline-gray-900 flex cursor-pointer rounded-xl border p-xl ui-checked:outline",
+            className: "border-border-secondary ui-checked:border-gray-900 ui-checked:outline-solid ui-checked:outline-border-secondary flex cursor-pointer rounded-xl border p-xl ui-checked:outline",
             children: [
               /* @__PURE__ */ e("div", { className: "grow", children: /* @__PURE__ */ e(
-                c,
+                d,
                 {
                   src: r.image,
                   alt: "",
@@ -113,7 +116,7 @@ function fe(i) {
                   draggable: !1
                 }
               ) }),
-              /* @__PURE__ */ e(N, { className: "shrink-0", children: /* @__PURE__ */ e(A, { asChild: !0, children: /* @__PURE__ */ e(d, {}) }) }),
+              /* @__PURE__ */ e(N, { className: "shrink-0", children: /* @__PURE__ */ e(A, { asChild: !0, children: /* @__PURE__ */ e(s, {}) }) }),
               /* @__PURE__ */ e(C, {})
             ]
           },
@@ -124,5 +127,5 @@ function fe(i) {
   ] });
 }
 export {
-  fe as PaymentMethods
+  ye as PaymentMethods
 };

package/dist/components/DepositWithdrawal/Withdrawal/GCashWithdrawal/GCashWithdrawal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),S=require("@hookform/resolvers/zod"),v=require("react"),x=require("react-hook-form"),n=require("zod"),y=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");const c=require("../../../../utils/parseDecimal.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const C=require("../../../../client/hooks/useCreateGCashWithdrawalMutation.js"),I=require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");const P=require("../../../../client/hooks/useLocaleInfo.js"),D=require("../../../../client/hooks/useMobileNumberParser.js");require("usehooks-ts");const M=require("../../../../client/hooks/usePaymentSettingsQuery.js"),g=require("../../../../client/utils/toaster.js"),W=require("../../../../icons/ChevronDownIcon.js"),z=require("../../../../icons/ChevronUpIcon.js"),R=require("../../../../icons/SpinnerIcon.js");require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const T=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 t=require("../../../../ui/Field/Field.js");require("@ark-ui/react");require("../../../../ui/IconButton/iconButton.recipe.js");const a=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");function L(){var q,p;const f=I.useGlobalStore(y.useShallow(s=>({depositWithdrawal:s.depositWithdrawal}))),b=P.useLocaleInfo(),j=D.useMobileNumberParser(),d=C.useCreateGCashWithdrawalMutation({onSuccess(){r.reset(),f.depositWithdrawal.setOpen(!1),g.toaster.success({description:"Withdrawal request submitted successfully."})},onError(s){g.toaster.error({description:s.message})}}),h=M.usePaymentSettingsQuery().data,i=h==null?void 0:h.gcashWithdrawalGatewaySettings,o=c.parseDecimal(i==null?void 0:i.minimumAmount,0),m=c.parseDecimal(i==null?void 0:i.maximumAmount,0),w=n.z.object({amount:n.z.string().superRefine((s,u)=>{const l=c.parseDecimal(s,0);l<o&&u.addIssue({type:"number",code:n.z.ZodIssueCode.too_small,inclusive:!0,minimum:o,message:`Minimum amount is ${o.toLocaleString()}`}),l>m&&u.addIssue({type:"number",code:n.z.ZodIssueCode.too_big,inclusive:!0,maximum:m,message:`Maximum amount is ${m.toLocaleString()}`})}),password:n.z.string().min(8,"Password must be 8 or more characters").max(64,"Password must be not be more than 64 characters"),mobileNumber:n.z.string().regex(b.mobileNumber.pattern,"Invalid mobile number")}),r=x.useForm({mode:"all",resolver:S.zodResolver(w),defaultValues:{amount:"0",password:"",mobileNumber:""}});v.useEffect(()=>{o&&r.reset({amount:o.toString(),password:"",mobileNumber:""})},[r,o]);const N=r.handleSubmit(async s=>{d.mutate({amount:s.amount,recipientMobileNumber:j.format(s.mobileNumber),transactionPassword:s.password})});return e.jsxs("form",{onSubmit:N,noValidate:!0,autoComplete:"off",children:[e.jsxs(t.Root,{invalid:!!r.formState.errors.mobileNumber,children:[e.jsx(t.Label,{children:"Mobile Number"}),e.jsxs("div",{className:"relative",children:[e.jsx(b.country.flag,{className:"pointer-events-none absolute left-3.5 top-1/2 size-5 -translate-y-1/2"}),e.jsx(t.Input,{className:"pl-10.5",...r.register("mobileNumber")})]}),e.jsx(t.ErrorText,{children:(q=r.formState.errors.mobileNumber)==null?void 0:q.message})]}),e.jsx(x.Controller,{control:r.control,name:"amount",render:s=>{var u;return e.jsxs(t.Root,{invalid:!!r.formState.errors.amount,className:"mt-3xl",children:[e.jsxs(a.Root,{min:0,step:1,value:s.field.value,onValueChange:l=>{s.field.onChange(l.value)},formatOptions:{maximumFractionDigits:2,minimumFractionDigits:0},allowMouseWheel:!0,children:[e.jsx(a.Label,{children:"Enter amount you want to withdraw"}),e.jsxs(a.Control,{children:[e.jsx(a.Input,{}),e.jsx(a.IncrementTrigger,{children:e.jsx(z.ChevronUpIcon,{})}),e.jsx(a.DecrementTrigger,{children:e.jsx(W.ChevronDownIcon,{})})]})]}),e.jsx(t.ErrorText,{children:(u=r.formState.errors.amount)==null?void 0:u.message})]})}}),e.jsx(G.AmountChoices,{value:c.parseDecimal(r.watch("amount"),0),onChange:s=>{r.setValue("amount",s.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:o,max:m,className:"mt-xl"}),e.jsxs(t.Root,{className:"mt-3xl",invalid:!!r.formState.errors.password,children:[e.jsx(t.Label,{children:"Password"}),e.jsx(t.Input,{type:"password",...r.register("password")}),e.jsx(t.ErrorText,{children:(p=r.formState.errors.password)==null?void 0:p.message})]}),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(T.Button,{type:"submit",className:"mt-4.5",disabled:d.isPending,children:d.isPending?e.jsxs(e.Fragment,{children:[e.jsx(R.SpinnerIcon,{}),"Processing..."]}):"Deposit"})]})}exports.GCashWithdrawal=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),N=require("@hookform/resolvers/zod"),S=require("react"),f=require("react-hook-form"),n=require("zod"),C=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");const d=require("../../../../utils/parseDecimal.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const v=require("../../../../client/hooks/useCreateGCashWithdrawalMutation.js"),P=require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");const D=require("../../../../client/hooks/useLocaleInfo.js"),M=require("../../../../client/hooks/useMobileNumberParser.js");require("usehooks-ts");const W=require("../../../../client/hooks/usePaymentSettingsQuery.js"),g=require("../../../../client/utils/toaster.js"),z=require("../../../../icons/ChevronDownIcon.js"),E=require("../../../../icons/ChevronUpIcon.js"),R=require("../../../../icons/EyeIcon.js"),T=require("../../../../icons/EyeOffIcon.js"),G=require("../../../../icons/SpinnerIcon.js");require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const L=require("../../../../ui/Button/Button.js");require("../../../../ui/Checkbox/Checkbox.js");require("../../../../ui/Clipboard/Clipboard.js");require("../../../../ui/Collapsible/Collapsible.js");require("../../../../ui/DatePicker/DatePicker.js");require("../../../../ui/Dialog/Dialog.js");require("../../../../ui/Drawer/Drawer.js");const o=require("../../../../ui/Field/Field.js");require("@ark-ui/react");require("../../../../ui/IconButton/iconButton.recipe.js");const u=require("../../../../ui/NumberInput/NumberInput.js"),a=require("../../../../ui/PasswordInput/PasswordInput.js");require("../../../../ui/PinInput/PinInput.js");require("../../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../../ui/Progress/Progress.js");require("../../../../ui/SegmentGroup/SegmentGroup.js");require("../../../../ui/Select/Select.js");require("../../../../ui/Table/Table.js");require("../../../../ui/Tabs/Tabs.js");const A=require("../../AmountChoices.js");function F(){var x,p;const j=P.useGlobalStore(C.useShallow(s=>({depositWithdrawal:s.depositWithdrawal}))),q=D.useLocaleInfo(),w=M.useMobileNumberParser(),h=v.useCreateGCashWithdrawalMutation({onSuccess(){r.reset(),j.depositWithdrawal.setOpen(!1),g.toaster.success({description:"Withdrawal request submitted successfully."})},onError(s){g.toaster.error({description:s.message})}}),b=W.usePaymentSettingsQuery().data,i=b==null?void 0:b.gcashWithdrawalGatewaySettings,t=d.parseDecimal(i==null?void 0:i.minimumAmount,0),m=d.parseDecimal(i==null?void 0:i.maximumAmount,0),y=n.z.object({amount:n.z.string().superRefine((s,l)=>{const c=d.parseDecimal(s,0);c<t&&l.addIssue({type:"number",code:n.z.ZodIssueCode.too_small,inclusive:!0,minimum:t,message:`Minimum amount is ${t.toLocaleString()}`}),c>m&&l.addIssue({type:"number",code:n.z.ZodIssueCode.too_big,inclusive:!0,maximum:m,message:`Maximum amount is ${m.toLocaleString()}`})}),password:n.z.string().min(8,"Password must be 8 or more characters").max(64,"Password must be not be more than 64 characters"),mobileNumber:n.z.string().regex(q.mobileNumber.pattern,"Invalid mobile number")}),r=f.useForm({mode:"all",resolver:N.zodResolver(y),defaultValues:{amount:"0",password:"",mobileNumber:""}});S.useEffect(()=>{t&&r.reset({amount:t.toString(),password:"",mobileNumber:""})},[r,t]);const I=r.handleSubmit(async s=>{h.mutate({amount:s.amount,recipientMobileNumber:w.format(s.mobileNumber),transactionPassword:s.password})});return e.jsxs("form",{onSubmit:I,noValidate:!0,autoComplete:"off",children:[e.jsxs(o.Root,{invalid:!!r.formState.errors.mobileNumber,children:[e.jsx(o.Label,{children:"Mobile Number"}),e.jsxs("div",{className:"relative",children:[e.jsx(q.country.flag,{className:"pointer-events-none absolute left-3.5 top-1/2 size-5 -translate-y-1/2"}),e.jsx(o.Input,{className:"pl-10.5",...r.register("mobileNumber")})]}),e.jsx(o.ErrorText,{children:(x=r.formState.errors.mobileNumber)==null?void 0:x.message})]}),e.jsx(f.Controller,{control:r.control,name:"amount",render:s=>{var l;return e.jsxs(o.Root,{invalid:!!r.formState.errors.amount,className:"mt-3xl",children:[e.jsxs(u.Root,{min:0,step:1,value:s.field.value,onValueChange:c=>{s.field.onChange(c.value)},formatOptions:{maximumFractionDigits:2,minimumFractionDigits:0},allowMouseWheel:!0,children:[e.jsx(u.Label,{children:"Enter amount you want to withdraw"}),e.jsxs(u.Control,{children:[e.jsx(u.Input,{}),e.jsx(u.IncrementTrigger,{children:e.jsx(E.ChevronUpIcon,{})}),e.jsx(u.DecrementTrigger,{children:e.jsx(z.ChevronDownIcon,{})})]})]}),e.jsx(o.ErrorText,{children:(l=r.formState.errors.amount)==null?void 0:l.message})]})}}),e.jsx(A.AmountChoices,{value:d.parseDecimal(r.watch("amount"),0),onChange:s=>{r.setValue("amount",s.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:t,max:m,className:"mt-xl"}),e.jsxs(o.Root,{className:"mt-3xl",invalid:!!r.formState.errors.password,children:[e.jsxs(a.Root,{children:[e.jsx(a.Label,{children:"Password"}),e.jsxs(a.Control,{children:[e.jsx(a.Input,{...r.register("password")}),e.jsx(a.VisibilityTrigger,{children:e.jsx(a.Indicator,{fallback:e.jsx(T.EyeOffIcon,{}),asChild:!0,children:e.jsx(R.EyeIcon,{})})})]})]}),e.jsx(o.ErrorText,{children:(p=r.formState.errors.password)==null?void 0:p.message})]}),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(L.Button,{type:"submit",className:"mt-4.5",disabled:h.isPending,children:h.isPending?e.jsxs(e.Fragment,{children:[e.jsx(G.SpinnerIcon,{}),"Processing..."]}):"Deposit"})]})}exports.GCashWithdrawal=F;