@opexa/portal-components 0.0.6 → 0.0.7

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

@@ -0,0 +1,47 @@
+import { CheckCircleBrokenIcon as e } from "../../../../icons/CheckCircleBrokenIcon.mjs";
+import "../../../../ui/AlertDialog/AlertDialog.mjs";
+import "../../../../ui/Avatar/Avatar.mjs";
+import "../../../../ui/Badge/Badge.mjs";
+import { Button as o } from "../../../../ui/Button/Button.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 "@ark-ui/react";
+import "../../../../utils/capitalize.mjs";
+import "react";
+import "../../../../utils/parseDecimal.mjs";
+import "../../../../constants/index.mjs";
+import "../../../../utils/getLocaleInfo.mjs";
+import "../../../../utils/getQueryClient.mjs";
+import "../../../../utils/isMobile.mjs";
+import "../../../../utils/toaster.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 { useQRPHDepositContext as r } from "./QRPHDepositContext.mjs";
+function G() {
+  const t = r();
+  return /* @__PURE__ */ React.createElement("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16" }, /* @__PURE__ */ React.createElement(e, { className: "text-green-600 mx-auto size-8 lg:size-10" }), /* @__PURE__ */ React.createElement("p", { className: "mt-5 text-center text-lg font-semibold lg:text-xl" }, "Deposit Successful!"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-700 mt-3 text-center text-sm lg:text-base" }, "Your funds have been successfully added and are now ready to use in your account."), /* @__PURE__ */ React.createElement(
+    o,
+    {
+      size: "sm",
+      variant: "outline",
+      colorScheme: "gray",
+      className: "mx-auto mt-6 w-fit",
+      onClick: () => t.reset()
+    },
+    "Generate New QR Code"
+  ));
+}
+export {
+  G as QRPHDepositSuccess
+};

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/useQRPHDeposit.d.ts

@@ -4,7 +4,7 @@ export declare function useQRPHDeposit(): {
     view: View;
     qrCode: string | null;
     verify: () => void;
-    generateQrCode: import("@tanstack/react-query").UseMutateFunction<import("@opexa/portal-sdk-core").Deposit, Error, {
+    generateQrCode: import('@tanstack/react-query').UseMutateFunction<import('@opexa/portal-sdk-core').Deposit, Error, {
         amount: string;
         promo?: string | undefined;
         id?: string | undefined;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),m=require("tiny-invariant");require("@opexa/portal-sdk-core");require("@tanstack/react-query");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 E=require("../../../../utils/toaster.js");require("lodash-es");require("../../../../_virtual/index.cjs.js");const M=require("../../../../hooks/useCreateQRPHDepositMutation.js"),O=require("../../../../hooks/useDepositQuery.js");require("../../../../hooks/useGlobalStore.js");require("../../../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function I(){var d;const[l,t]=r.useState("FORM"),[a,u]=r.useState(null),[C,s]=r.useState(null),[c,n]=r.useState(null),[S,o]=r.useState(null),q=M.useCreateQRPHDepositMutation({onSuccess(e){m(e.qrCode),u(e.id),o(e.qrCode),t("QR_CODE")},onError(e){t("FORM"),E.toaster.error({description:e.message})},onMutate(e){u(null),s(e.promo??null),n(e.amount),o(null),t("LOADING")}}),i=O.useDepositQuery(a??void 0,{enabled:!!a,refetchInterval:l==="VERIFYING"?2500:5e3});r.useEffect(()=>{var e,R;(((e=i.data)==null?void 0:e.status)==="CONFIRMED"||((R=i.data)==null?void 0:R.status)==="APPROVED")&&t("SUCCESS")},[(d=i.data)==null?void 0:d.status]);const p=q.mutate,D=()=>{m(c),q.mutate({amount:c.toString(),promo:C??void 0})},Q=()=>{t("VERIFYING")},f=()=>{u(null),s(null),n(null),o(null),t("FORM")};return r.useEffect(()=>()=>{u(null),s(null),n(null),o(null),t("FORM")},[]),{view:l,qrCode:S,verify:Q,generateQrCode:p,regenerateQrCode:D,reset:f}}exports.useQRPHDeposit=I;

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

@@ -0,0 +1,64 @@
+import { useState as r, useEffect as f } from "react";
+import C from "tiny-invariant";
+import "@opexa/portal-sdk-core";
+import "@tanstack/react-query";
+import "../../../../constants/index.mjs";
+import "../../../../utils/capitalize.mjs";
+import "../../../../utils/parseDecimal.mjs";
+import "../../../../utils/getLocaleInfo.mjs";
+import "../../../../utils/getQueryClient.mjs";
+import "../../../../utils/isMobile.mjs";
+import { toaster as M } from "../../../../utils/toaster.mjs";
+import "lodash-es";
+import "../../../../_virtual/index.cjs.mjs";
+import { useCreateQRPHDepositMutation as Q } from "../../../../hooks/useCreateQRPHDepositMutation.mjs";
+import { useDepositQuery as v } from "../../../../hooks/useDepositQuery.mjs";
+import "../../../../hooks/useGlobalStore.mjs";
+import "../../../../hooks/useInfiniteQueryHelper.mjs";
+import "usehooks-ts";
+function j() {
+  var c;
+  const [m, o] = r("FORM"), [l, e] = r(null), [R, u] = r(null), [p, i] = r(null), [E, n] = r(null), a = Q({
+    onSuccess(t) {
+      C(t.qrCode), e(t.id), n(t.qrCode), o("QR_CODE");
+    },
+    onError(t) {
+      o("FORM"), M.error({
+        description: t.message
+      });
+    },
+    onMutate(t) {
+      e(null), u(t.promo ?? null), i(t.amount), n(null), o("LOADING");
+    }
+  }), s = v(l ?? void 0, {
+    enabled: !!l,
+    refetchInterval: m === "VERIFYING" ? 2500 : 5e3
+  });
+  f(() => {
+    var t, d;
+    (((t = s.data) == null ? void 0 : t.status) === "CONFIRMED" || ((d = s.data) == null ? void 0 : d.status) === "APPROVED") && o("SUCCESS");
+  }, [(c = s.data) == null ? void 0 : c.status]);
+  const I = a.mutate, O = () => {
+    C(p), a.mutate({
+      amount: p.toString(),
+      promo: R ?? void 0
+    });
+  }, D = () => {
+    o("VERIFYING");
+  }, F = () => {
+    e(null), u(null), i(null), n(null), o("FORM");
+  };
+  return f(() => () => {
+    e(null), u(null), i(null), n(null), o("FORM");
+  }, []), {
+    view: m,
+    qrCode: E,
+    verify: D,
+    generateQrCode: I,
+    regenerateQrCode: O,
+    reset: F
+  };
+}
+export {
+  j as useQRPHDeposit
+};

package/dist/components/DepositWithdrawal/DepositWithdrawal.d.ts

@@ -1,6 +1,6 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 interface DepositWithdrawalProps {
     children?: ReactNode;
 }
-export declare function DepositWithdrawal(props: DepositWithdrawalProps): import("react").JSX.Element;
+export declare function DepositWithdrawal(props: DepositWithdrawalProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DepositWithdrawal/DepositWithdrawal.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@ark-ui/react"),g=require("tailwind-merge"),q=require("zod");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const o=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");const E=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const u=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const s=require("../../hooks/useWalletQuery.js"),m=require("../../icons/Wallet02Icon.js"),R=require("../../icons/XIcon.js");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");const e=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("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");const t=require("../../ui/Tabs/Tabs.js"),p=require("./Deposit/Deposit.js"),f=require("./Withdrawal/Withdrawal.js"),h=require("../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.js");function x(l){var i;const r=E.useGlobalStore(h.useShallow(a=>({depositWithdrawal:a.depositWithdrawal}))),n=u.useLocaleInfo(),c=s.useWalletQuery({refetchInterval:5e3});return React.createElement(e.Root,{lazyMount:!0,unmountOnExit:!0,open:r.depositWithdrawal.open,onOpenChange:a=>{r.depositWithdrawal.setOpen(a.open)},closeOnEscape:!1,closeOnInteractOutside:!1},React.createElement(e.Trigger,{asChild:!0},l.children??React.createElement(w,null)),React.createElement(d.Portal,null,React.createElement(e.Backdrop,{className:"!z-[calc(var(--z-dialog)+1)]"}),React.createElement(e.Positioner,{className:"!z-[calc(var(--z-dialog)+2)]"},React.createElement(e.Content,{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"},React.createElement(e.CloseTrigger,null,React.createElement(R.XIcon,null)),React.createElement(e.Header,{className:"flex items-center gap-xl"},React.createElement("div",{className:"border-gray-200 shadow-xs text-gray-700 flex size-12 items-center justify-center rounded-lg border"},React.createElement(m.Wallet02Icon,null)),React.createElement(e.Title,{className:"grow text-lg font-semibold"},"Wallet")),React.createElement(e.Body,{className:"mt-5"},React.createElement("p",{className:"text-gray-500 text-center text-sm font-medium leading-tight"},"Available Balance"),React.createElement("p",{className:"mt-lg text-center text-4xl font-semibold leading-tight tracking-tight"},o.formatNumber((i=c.data)==null?void 0:i.balance,{currency:n.currency.code,minDecimalPlaces:2})),React.createElement(t.Root,{value:r.depositWithdrawal.tab,onValueChange:a=>{r.depositWithdrawal.setTab(q.z.enum(["DEPOSIT","WITHDRAWAL"]).parse(a.value))},lazyMount:!0,unmountOnExit:!0,className:"mt-4xl space-y-4xl"},React.createElement(t.List,{className:"w-full"},React.createElement(t.Trigger,{value:"DEPOSIT",className:"grow"},"Deposit"),React.createElement(t.Trigger,{value:"WITHDRAWAL",className:"grow"},"Withdrawal"),React.createElement(t.Indicator,null)),React.createElement(t.Content,{value:"DEPOSIT",className:"space-y-4xl"},React.createElement(p.Deposit,null)),React.createElement(t.Content,{value:"WITHDRAWAL",className:"space-y-4xl"},React.createElement(f.Withdrawal,null))))))))}function w(l){var c;const r=u.useLocaleInfo(),n=s.useWalletQuery({refetchInterval:5e3});return React.createElement("button",{type:"button",...l,className:g.twMerge("flex",l.className)},React.createElement("div",{className:"border-gray-200 flex h-11 items-center rounded-l-md border border-r-0 px-3.5 font-medium"},o.formatNumber((c=n.data)==null?void 0:c.balance,{currency:r.currency.code,minDecimalPlaces:2})),React.createElement("div",{className:"bg-gray-900 flex h-11 items-center gap-1.5 rounded-r-md px-3.5 font-semibold text-white"},React.createElement(m.Wallet02Icon,{className:"size-5"}),"Wallet"))}exports.DepositWithdrawal=x;

package/dist/components/DepositWithdrawal/DepositWithdrawal.mjs

@@ -0,0 +1,112 @@
+"use client";
+import { Portal as u } from "@ark-ui/react";
+import { twMerge as d } from "tailwind-merge";
+import { z as g } from "zod";
+import "@opexa/portal-sdk-core";
+import "@tanstack/react-query";
+import "tiny-invariant";
+import "../../constants/index.mjs";
+import "../../utils/capitalize.mjs";
+import "react";
+import { formatNumber as n } 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 "lodash-es";
+import "../../_virtual/index.cjs.mjs";
+import { useGlobalStore as f } from "../../hooks/useGlobalStore.mjs";
+import "../../hooks/useInfiniteQueryHelper.mjs";
+import { useLocaleInfo as i } from "../../hooks/useLocaleInfo.mjs";
+import "usehooks-ts";
+import { useWalletQuery as s } from "../../hooks/useWalletQuery.mjs";
+import { Wallet02Icon as p } from "../../icons/Wallet02Icon.mjs";
+import { XIcon as E } 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/DatePicker/DatePicker.mjs";
+import { Root as R, Trigger as x, Backdrop as h, Positioner as w, Content as N, CloseTrigger as b, Header as y, Title as W, Body as I } 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/PinInput/PinInput.mjs";
+import "../../ui/Popover/Popover.mjs";
+import "../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../ui/Select/Select.mjs";
+import "../../ui/Table/Table.mjs";
+import { Root as v, List as T, Trigger as m, Indicator as D, Content as c } from "../../ui/Tabs/Tabs.mjs";
+import { Deposit as O } from "./Deposit/Deposit.mjs";
+import { Withdrawal as z } from "./Withdrawal/Withdrawal.mjs";
+import { useShallow as A } from "../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs";
+function We(a) {
+  var o;
+  const e = f(
+    A((t) => ({
+      depositWithdrawal: t.depositWithdrawal
+    }))
+  ), l = i(), r = s({
+    refetchInterval: 5e3
+  });
+  return /* @__PURE__ */ React.createElement(
+    R,
+    {
+      lazyMount: !0,
+      unmountOnExit: !0,
+      open: e.depositWithdrawal.open,
+      onOpenChange: (t) => {
+        e.depositWithdrawal.setOpen(t.open);
+      },
+      closeOnEscape: !1,
+      closeOnInteractOutside: !1
+    },
+    /* @__PURE__ */ React.createElement(x, { asChild: !0 }, a.children ?? /* @__PURE__ */ React.createElement(C, null)),
+    /* @__PURE__ */ React.createElement(u, null, /* @__PURE__ */ React.createElement(h, { className: "!z-[calc(var(--z-dialog)+1)]" }), /* @__PURE__ */ React.createElement(w, { className: "!z-[calc(var(--z-dialog)+2)]" }, /* @__PURE__ */ React.createElement(N, { 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" }, /* @__PURE__ */ React.createElement(b, null, /* @__PURE__ */ React.createElement(E, null)), /* @__PURE__ */ React.createElement(y, { className: "flex items-center gap-xl" }, /* @__PURE__ */ React.createElement("div", { className: "border-gray-200 shadow-xs text-gray-700 flex size-12 items-center justify-center rounded-lg border" }, /* @__PURE__ */ React.createElement(p, null)), /* @__PURE__ */ React.createElement(W, { className: "grow text-lg font-semibold" }, "Wallet")), /* @__PURE__ */ React.createElement(I, { className: "mt-5" }, /* @__PURE__ */ React.createElement("p", { className: "text-gray-500 text-center text-sm font-medium leading-tight" }, "Available Balance"), /* @__PURE__ */ React.createElement("p", { className: "mt-lg text-center text-4xl font-semibold leading-tight tracking-tight" }, n((o = r.data) == null ? void 0 : o.balance, {
+      currency: l.currency.code,
+      minDecimalPlaces: 2
+    })), /* @__PURE__ */ React.createElement(
+      v,
+      {
+        value: e.depositWithdrawal.tab,
+        onValueChange: (t) => {
+          e.depositWithdrawal.setTab(
+            g.enum(["DEPOSIT", "WITHDRAWAL"]).parse(t.value)
+          );
+        },
+        lazyMount: !0,
+        unmountOnExit: !0,
+        className: "mt-4xl space-y-4xl"
+      },
+      /* @__PURE__ */ React.createElement(T, { className: "w-full" }, /* @__PURE__ */ React.createElement(m, { value: "DEPOSIT", className: "grow" }, "Deposit"), /* @__PURE__ */ React.createElement(m, { value: "WITHDRAWAL", className: "grow" }, "Withdrawal"), /* @__PURE__ */ React.createElement(D, null)),
+      /* @__PURE__ */ React.createElement(c, { value: "DEPOSIT", className: "space-y-4xl" }, /* @__PURE__ */ React.createElement(O, null)),
+      /* @__PURE__ */ React.createElement(c, { value: "WITHDRAWAL", className: "space-y-4xl" }, /* @__PURE__ */ React.createElement(z, null))
+    )))))
+  );
+}
+function C(a) {
+  var r;
+  const e = i(), l = s({
+    refetchInterval: 5e3
+  });
+  return /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "button",
+      ...a,
+      className: d("flex", a.className)
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "border-gray-200 flex h-11 items-center rounded-l-md border border-r-0 px-3.5 font-medium" }, n((r = l.data) == null ? void 0 : r.balance, {
+      currency: e.currency.code,
+      minDecimalPlaces: 2
+    })),
+    /* @__PURE__ */ React.createElement("div", { className: "bg-gray-900 flex h-11 items-center gap-1.5 rounded-r-md px-3.5 font-semibold text-white" }, /* @__PURE__ */ React.createElement(p, { className: "size-5" }), "Wallet")
+  );
+}
+export {
+  We as DepositWithdrawal
+};

package/dist/components/DepositWithdrawal/DepositWithdrawalTrigger.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '@ark-ui/react';
+import { HTMLArkProps } from '@ark-ui/react';
 export interface DepositWithdrawalTriggerProps extends HTMLArkProps<'button'> {
 }
-export declare function DepositWithdrawalTrigger(props: DepositWithdrawalTriggerProps): import("react").JSX.Element;
+export declare function DepositWithdrawalTrigger(props: DepositWithdrawalTriggerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DepositWithdrawal/PaymentMethods.d.ts

@@ -1,4 +1,4 @@
-import { type PaymentMethod } from './utils.js';
+import { PaymentMethod } from './utils';
 interface PaymentMethodsProps {
     value?: PaymentMethod;
     onChange?: (value: PaymentMethod) => void;
@@ -6,5 +6,5 @@ interface PaymentMethodsProps {
     options?: PaymentMethod[];
     className?: string;
 }
-export declare function PaymentMethods(props: PaymentMethodsProps): import("react").JSX.Element;
+export declare function PaymentMethods(props: PaymentMethodsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DepositWithdrawal/PaymentMethods.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/image.js");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 q=require("../../hooks/useControllableState.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const m=require("../../icons/CheckIcon.js"),d=require("../../images/QRPh.png.js"),g=require("../../images/gcash.png.js"),i=require("../../images/maya.png.js"),h=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 t=require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");const v=require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");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 b=require("./utils.js"),n=[{value:"GCASH",label:"GCash",image:g},{value:"MAYA_APP",label:"Maya App",image:i},{value:"MAYA",label:"Maya",image:i},{value:"QRPH",label:"QRPH",image:d},{value:"ONLINE_BANK",label:"Online Bank",image:h}];function y(r){var l;const u=(l=r.options)!=null&&l.length?n.filter(e=>{var a;return(a=r.options)==null?void 0:a.includes(e.value)}):n,[c,o]=q.useControllableState({value:r.value,defaultValue:r.defaultValue??u[0].value,onChange:r.onChange});return React.createElement("div",{className:r.className},React.createElement(v.Label,{asChild:!0},React.createElement("div",null,"Select your payment method")),React.createElement(t.Group,{value:[c],onValueChange:e=>{const a=e.at(-1);a&&o(b.PaymentMethodDefinition.parse(a))},className:"grid grid-cols-2 gap-x-4 gap-y-3"},u.map(e=>React.createElement(t.Root,{key:e.value,value:e.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"},React.createElement("div",{className:"grow"},React.createElement(s,{src:e.image,alt:"",width:200,height:40,className:"h-5 w-auto lg:h-8",draggable:!1})),React.createElement(t.Control,{className:"shrink-0"},React.createElement(t.Indicator,{asChild:!0},React.createElement(m.CheckIcon,null))),React.createElement(t.HiddenInput,null)))))}exports.PaymentMethods=y;

package/dist/components/DepositWithdrawal/PaymentMethods.mjs

@@ -0,0 +1,117 @@
+import c from "../../_virtual/image.mjs";
+import "@opexa/portal-sdk-core";
+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 { useControllableState as p } from "../../hooks/useControllableState.mjs";
+import "lodash-es";
+import "../../_virtual/index.cjs.mjs";
+import "../../hooks/useGlobalStore.mjs";
+import "../../hooks/useInfiniteQueryHelper.mjs";
+import "usehooks-ts";
+import { CheckIcon as u } from "../../icons/CheckIcon.mjs";
+import s from "../../images/QRPh.png.mjs";
+import d from "../../images/gcash.png.mjs";
+import m from "../../images/maya.png.mjs";
+import g from "../../images/online-bank.png.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import "@ark-ui/react";
+import "../../ui/Button/button.recipe.mjs";
+import { Group as h, Root as f, Control as v, Indicator as R, HiddenInput as y } from "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/DatePicker/DatePicker.mjs";
+import "../../ui/Dialog/Dialog.mjs";
+import "../../ui/Drawer/Drawer.mjs";
+import { Label as E } from "../../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 { PaymentMethodDefinition as b } from "./utils.mjs";
+const i = [
+  {
+    value: "GCASH",
+    label: "GCash",
+    image: d
+  },
+  {
+    value: "MAYA_APP",
+    label: "Maya App",
+    image: m
+  },
+  {
+    value: "MAYA",
+    label: "Maya",
+    image: m
+  },
+  {
+    value: "QRPH",
+    label: "QRPH",
+    image: s
+  },
+  {
+    value: "ONLINE_BANK",
+    label: "Online Bank",
+    image: g
+  }
+];
+function se(t) {
+  var o;
+  const r = (o = t.options) != null && o.length ? i.filter((e) => {
+    var a;
+    return (a = t.options) == null ? void 0 : a.includes(e.value);
+  }) : i, [l, n] = p({
+    value: t.value,
+    defaultValue: t.defaultValue ?? r[0].value,
+    onChange: t.onChange
+  });
+  return /* @__PURE__ */ React.createElement("div", { className: t.className }, /* @__PURE__ */ React.createElement(E, { asChild: !0 }, /* @__PURE__ */ React.createElement("div", null, "Select your payment method")), /* @__PURE__ */ React.createElement(
+    h,
+    {
+      value: [l],
+      onValueChange: (e) => {
+        const a = e.at(-1);
+        a && n(b.parse(a));
+      },
+      className: "grid grid-cols-2 gap-x-4 gap-y-3"
+    },
+    r.map((e) => /* @__PURE__ */ React.createElement(
+      f,
+      {
+        key: e.value,
+        value: e.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"
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "grow" }, /* @__PURE__ */ React.createElement(
+        c,
+        {
+          src: e.image,
+          alt: "",
+          width: 200,
+          height: 40,
+          className: "h-5 w-auto lg:h-8",
+          draggable: !1
+        }
+      )),
+      /* @__PURE__ */ React.createElement(v, { className: "shrink-0" }, /* @__PURE__ */ React.createElement(R, { asChild: !0 }, /* @__PURE__ */ React.createElement(u, null))),
+      /* @__PURE__ */ React.createElement(y, null)
+    ))
+  ));
+}
+export {
+  se as PaymentMethods
+};

package/dist/components/DepositWithdrawal/Withdrawal/GCashWithdrawal.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/DepositWithdrawal/Withdrawal/InstapayWithdrawal.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/DepositWithdrawal/Withdrawal/MayaAppWithdrawal.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/DepositWithdrawal/Withdrawal/MayaWithdrawal.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(){return null}exports.Withdrawal=t;

package/dist/components/DepositWithdrawal/Withdrawal/Withdrawal.mjs

@@ -0,0 +1,6 @@
+function n() {
+  return null;
+}
+export {
+  n as Withdrawal
+};

package/dist/components/DepositWithdrawal/index.d.ts

@@ -1 +1 @@
-export * from './DepositWithdrawal.jsx';
+export * from './DepositWithdrawal';

package/dist/components/DepositWithdrawal/utils.js

@@ -1,8 +1 @@
-import { z } from 'zod';
-export var PaymentMethodDefinition = z.enum([
-    'GCASH',
-    'MAYA_APP',
-    'MAYA',
-    'ONLINE_BANK',
-    'QRPH',
-]);
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("zod"),t=e.z.enum(["GCASH","MAYA_APP","MAYA","ONLINE_BANK","QRPH"]);exports.PaymentMethodDefinition=t;

package/dist/components/DepositWithdrawal/utils.mjs

@@ -0,0 +1,11 @@
+import { z as A } from "zod";
+const t = A.enum([
+  "GCASH",
+  "MAYA_APP",
+  "MAYA",
+  "ONLINE_BANK",
+  "QRPH"
+]);
+export {
+  t as PaymentMethodDefinition
+};

package/dist/components/Disclaimer/Disclaimer.d.ts

@@ -1,5 +1,5 @@
-import type { ImageProps } from 'next/image';
+import { ImageProps } from 'next/image';
 export interface DisclaimerProps {
     logo: ImageProps['src'];
 }
-export declare function Disclaimer(props: DisclaimerProps): import("react").JSX.Element;
+export declare function Disclaimer(props: DisclaimerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Disclaimer/Disclaimer.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@ark-ui/react"),t=require("../../_virtual/image.js"),i=require("react"),n=require("../../images/pagcor.png.js"),s=require("../../images/responsible-gaming.png.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const u=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");const e=require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.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 o=require("./useDisclaimer.js");function m(l){const r=o.useDisclaimer(),a=i.useRef(null);return React.createElement(e.Root,{open:r.open,lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,initialFocusEl:()=>a.current},React.createElement(c.Portal,null,React.createElement(e.Backdrop,null),React.createElement(e.Positioner,null,React.createElement(e.Content,{className:"flex h-full w-full flex-col items-start bg-white p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl"},React.createElement(t,{src:l.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),React.createElement("div",{className:"w-full grow"},React.createElement(e.Title,{className:"mt-3xl text-center text-lg font-semibold"},"Age Verification"),React.createElement(e.Description,{className:"text-gray-600 mt-xs text-center text-sm"},"By entering this website I acknowledge and confirmI am 21 years of age and I agree with the"," ",React.createElement("button",{type:"button",className:"text-accent-700 underline underline-offset-2"},"Terms and Conditions.")),React.createElement("div",{className:"mt-5 flex items-center justify-center gap-3xl"},React.createElement(t,{src:n,alt:"",className:"h-[88px] w-auto shrink-0",draggable:!1}),React.createElement(t,{src:s,alt:"",className:"h-[62px] w-auto shrink-0",draggable:!1}))),React.createElement(u.Button,{ref:a,type:"button",className:"mt-4xl",onClick:r.close},"Accept")))))}exports.Disclaimer=m;

package/dist/components/Disclaimer/Disclaimer.mjs

@@ -0,0 +1,93 @@
+"use client";
+import { Portal as o } from "@ark-ui/react";
+import e from "../../_virtual/image.mjs";
+import { useRef as m } from "react";
+import l from "../../images/pagcor.png.mjs";
+import i from "../../images/responsible-gaming.png.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as c } from "../../ui/Button/Button.mjs";
+import "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/DatePicker/DatePicker.mjs";
+import { Root as n, Backdrop as s, Positioner as p, Content as u, Title as f, Description as g } from "../../ui/Dialog/Dialog.mjs";
+import "../../ui/Drawer/Drawer.mjs";
+import "../../ui/Field/Field.mjs";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../constants/index.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../utils/toaster.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 { useDisclaimer as x } from "./useDisclaimer.mjs";
+function W(a) {
+  const t = x(), r = m(null);
+  return /* @__PURE__ */ React.createElement(
+    n,
+    {
+      open: t.open,
+      lazyMount: !0,
+      unmountOnExit: !0,
+      closeOnEscape: !1,
+      closeOnInteractOutside: !1,
+      initialFocusEl: () => r.current
+    },
+    /* @__PURE__ */ React.createElement(o, null, /* @__PURE__ */ React.createElement(s, null), /* @__PURE__ */ React.createElement(p, null, /* @__PURE__ */ React.createElement(u, { className: "flex h-full w-full flex-col items-start bg-white p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl" }, /* @__PURE__ */ React.createElement(
+      e,
+      {
+        src: a.logo,
+        alt: "",
+        width: 200,
+        height: 100,
+        className: "mx-auto h-auto w-[120px]",
+        draggable: !1
+      }
+    ), /* @__PURE__ */ React.createElement("div", { className: "w-full grow" }, /* @__PURE__ */ React.createElement(f, { className: "mt-3xl text-center text-lg font-semibold" }, "Age Verification"), /* @__PURE__ */ React.createElement(g, { className: "text-gray-600 mt-xs text-center text-sm" }, "By entering this website I acknowledge and confirmI am 21 years of age and I agree with the", " ", /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        className: "text-accent-700 underline underline-offset-2"
+      },
+      "Terms and Conditions."
+    )), /* @__PURE__ */ React.createElement("div", { className: "mt-5 flex items-center justify-center gap-3xl" }, /* @__PURE__ */ React.createElement(
+      e,
+      {
+        src: l,
+        alt: "",
+        className: "h-[88px] w-auto shrink-0",
+        draggable: !1
+      }
+    ), /* @__PURE__ */ React.createElement(
+      e,
+      {
+        src: i,
+        alt: "",
+        className: "h-[62px] w-auto shrink-0",
+        draggable: !1
+      }
+    ))), /* @__PURE__ */ React.createElement(
+      c,
+      {
+        ref: r,
+        type: "button",
+        className: "mt-4xl",
+        onClick: t.close
+      },
+      "Accept"
+    ))))
+  );
+}
+export {
+  W as Disclaimer
+};

package/dist/components/Disclaimer/index.d.ts

@@ -1 +1 @@
-export * from './Disclaimer.jsx';
+export * from './Disclaimer';

package/dist/components/Disclaimer/useDisclaimer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("date-fns"),c=require("lodash-es"),i=require("usehooks-ts"),d=require("../../hooks/useGlobalStore.js"),m=require("../../hooks/useSessionQuery.js"),S=require("../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.js");function f(){"use no memo";var n;const t=m.useSessionQuery(),s=d.useGlobalStore(S.useShallow(e=>e.disclaimer)),[r,o]=i.useLocalStorage("WebPortalDisclaimerRefreshPausedUntil",null,{serializer(e){return(e==null?void 0:e.toISOString())??""},deserializer(e){return e?new Date(e):null}}),u=new Date,a=r?c.clamp(r.getTime()-u.getTime(),0,1/0):0;return i.useTimeout(()=>{s.setOpen(!0)},a),{open:t.isLoading||((n=t.data)==null?void 0:n.status)==="authenticated"?!1:s.open,close:()=>{s.setOpen(!1),o(l.addMinutes(new Date,30))}}}exports.useDisclaimer=f;

package/dist/components/Disclaimer/useDisclaimer.mjs

@@ -0,0 +1,38 @@
+import { addMinutes as l } from "date-fns";
+import { clamp as u } from "lodash-es";
+import { useLocalStorage as m, useTimeout as c } from "usehooks-ts";
+import { useGlobalStore as f } from "../../hooks/useGlobalStore.mjs";
+import { useSessionQuery as d } from "../../hooks/useSessionQuery.mjs";
+import { useShallow as p } from "../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs";
+function U() {
+  "use no memo";
+  var o;
+  const s = d(), t = f(
+    p((e) => e.disclaimer)
+  ), [r, i] = m(
+    "WebPortalDisclaimerRefreshPausedUntil",
+    null,
+    {
+      serializer(e) {
+        return (e == null ? void 0 : e.toISOString()) ?? "";
+      },
+      deserializer(e) {
+        return e ? new Date(e) : null;
+      }
+    }
+  ), n = /* @__PURE__ */ new Date(), a = r ? u(r.getTime() - n.getTime(), 0, 1 / 0) : (
+    /* set to zero to trigger timeout function */
+    0
+  );
+  return c(() => {
+    t.setOpen(!0);
+  }, a), {
+    open: s.isLoading || ((o = s.data) == null ? void 0 : o.status) === "authenticated" ? !1 : t.open,
+    close: () => {
+      t.setOpen(!1), i(l(/* @__PURE__ */ new Date(), 30));
+    }
+  };
+}
+export {
+  U as useDisclaimer
+};

package/dist/components/Empty/CloudIcon.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentPropsWithRef } from 'react';
-export declare function CloudIcon(props: ComponentPropsWithRef<'svg'>): import("react").JSX.Element;
+import { ComponentPropsWithRef } from 'react';
+export declare function CloudIcon(props: ComponentPropsWithRef<'svg'>): import("react/jsx-runtime").JSX.Element;