@opexa/portal-components 0.0.888 → 0.0.890

package/dist/ui/Table/Table.d.ts

@@ -12,7 +12,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -26,7 +26,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -40,7 +40,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Header: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableSectionElement> & import("react").HTMLAttributes<HTMLTableSectionElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -55,7 +55,7 @@ export declare const Header: import("react").ComponentType<import("@ark-ui/react
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -69,7 +69,7 @@ export declare const Header: import("react").ComponentType<import("@ark-ui/react
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -83,7 +83,7 @@ export declare const Header: import("react").ComponentType<import("@ark-ui/react
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Body: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableSectionElement> & import("react").HTMLAttributes<HTMLTableSectionElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -98,7 +98,7 @@ export declare const Body: import("react").ComponentType<import("@ark-ui/react")
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -112,7 +112,7 @@ export declare const Body: import("react").ComponentType<import("@ark-ui/react")
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -126,7 +126,7 @@ export declare const Body: import("react").ComponentType<import("@ark-ui/react")
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Footer: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableSectionElement> & import("react").HTMLAttributes<HTMLTableSectionElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -141,7 +141,7 @@ export declare const Footer: import("react").ComponentType<import("@ark-ui/react
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -155,7 +155,7 @@ export declare const Footer: import("react").ComponentType<import("@ark-ui/react
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -169,7 +169,7 @@ export declare const Footer: import("react").ComponentType<import("@ark-ui/react
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Row: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableRowElement> & import("react").HTMLAttributes<HTMLTableRowElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -184,7 +184,7 @@ export declare const Row: import("react").ComponentType<import("@ark-ui/react").
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -198,7 +198,7 @@ export declare const Row: import("react").ComponentType<import("@ark-ui/react").
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -212,7 +212,7 @@ export declare const Row: import("react").ComponentType<import("@ark-ui/react").
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Heading: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableHeaderCellElement> & import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -227,7 +227,7 @@ export declare const Heading: import("react").ComponentType<import("@ark-ui/reac
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -241,7 +241,7 @@ export declare const Heading: import("react").ComponentType<import("@ark-ui/reac
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -255,7 +255,7 @@ export declare const Heading: import("react").ComponentType<import("@ark-ui/reac
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Cell: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableDataCellElement> & import("react").TdHTMLAttributes<HTMLTableDataCellElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -270,7 +270,7 @@ export declare const Cell: import("react").ComponentType<import("@ark-ui/react")
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -284,7 +284,7 @@ export declare const Cell: import("react").ComponentType<import("@ark-ui/react")
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -298,4 +298,4 @@ export declare const Cell: import("react").ComponentType<import("@ark-ui/react")
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;

package/dist/ui/Table/table.anatomy.d.ts

@@ -1 +1 @@
-export declare const tableAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row">;
+export declare const tableAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row">;

package/dist/ui/Table/table.recipe.d.ts

@@ -12,7 +12,7 @@ export declare const tableRecipe: import("tailwind-variants").TVReturnType<{
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -26,7 +26,7 @@ export declare const tableRecipe: import("tailwind-variants").TVReturnType<{
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -40,4 +40,4 @@ export declare const tableRecipe: import("tailwind-variants").TVReturnType<{
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "heading" | "root" | "cell" | "row", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/utils/capitalize.d.ts

@@ -14,12 +14,23 @@ export interface CapitalizeConfig {
      * @default true
      */
     trim?: boolean;
+    /**
+     * @description A record of known words to return as is, without modification.
+     * @example
+     * ```ts
+     * {
+     *   Foo: 'Bar',
+     *   Bar: 'Baz',
+     * }
+     */
+    knownWords?: Record<string, string>;
 }
 /**
  * @example
  * ```ts
  * capitalize('foo bar baz') // 'Foo Bar Baz'
  * capitalize('foo_bar_baz', { delimiter: capitalize.delimiters.UNDERSCORE }) // 'Foo Bar Baz'
+ * capitalize('foo', { knownWords: { foo: 'Bar' } }) // 'Bar'
  * ```
  */
 export declare function capitalize(subject: string, config?: CapitalizeConfig): string;

package/dist/utils/capitalize.js

@@ -2,30 +2,73 @@ const SPACE = /\s/g;
 const UNDERSCORE = /_/g;
 const DASH = /-/g;
 const PASCAL = /(?=[A-Z])/;
+const KNOWN_WORDS = {
+    GCASH: 'GCash',
+    GCASH_STANDARD_CASH_IN: 'GCash Standard Cash In',
+    QR_PH: 'QR PH',
+    PISOPAY_CHECKOUT: 'Pisopay',
+    PISOPAY_REMITTANCE: 'PisoPay Remittance',
+    PISO_PAY_CHECKOUT: 'PisoPay',
+    PISO_PAY_REMITTANCE: ' PisoPay Remittance',
+    BTI: 'BTI',
+    DRBINGO: 'Dr Bingo',
+    CQ9: 'CQ9',
+    E2E: 'E2E',
+    RTG: 'RTG',
+    BNG: 'BNG',
+    HOLLYWOODTV: 'Hollywood TV',
+    KINGMIDAS: 'King Midas',
+    SAGAMING: 'SA Gaming',
+    DG: 'Dynasty Gaming',
+    JDB: 'JDB',
+    MEGA2SPIN: 'Mega2Spin',
+    YELLOWBAT: 'Yellow Bat',
+    PGSOFT: 'PG Soft',
+    ONEAPI_SPADEGAMING: 'OneAPI Spade Gaming',
+    ONEAPI_EVOLUTION: 'OneAPI Evolution',
+    MANUAL_BANK: 'Bank Account',
+    MANUAL_UPI: 'UPI ID',
+    JK8: 'JK8',
+};
 /**
  * @example
  * ```ts
  * capitalize('foo bar baz') // 'Foo Bar Baz'
  * capitalize('foo_bar_baz', { delimiter: capitalize.delimiters.UNDERSCORE }) // 'Foo Bar Baz'
+ * capitalize('foo', { knownWords: { foo: 'Bar' } }) // 'Bar'
  * ```
  */
 export function capitalize(subject, config) {
+    let copy = subject;
+    if (typeof copy !== 'string')
+        return copy;
     const trim = config?.trim ?? true;
     const lower = config?.lower ?? true;
     const delimiter = config?.delimiter ?? SPACE;
+    const knownWords = {
+        ...KNOWN_WORDS,
+        ...config?.knownWords,
+    };
+    if (knownWords[copy]) {
+        return knownWords[copy];
+    }
     if (trim)
-        subject = subject.trim();
-    if (subject.length < 2) {
-        return subject.toUpperCase();
+        copy = copy.trim();
+    if (copy.length < 2) {
+        return copy.toUpperCase();
     }
     if (delimiter instanceof RegExp) {
         delimiter.lastIndex = 0;
     }
-    return subject
+    return copy
         .split(delimiter)
         .map((word) => {
-        if (word.length < 2)
+        if (knownWords[word]) {
+            return knownWords[word];
+        }
+        if (word.length < 2) {
             return word.toUpperCase();
+        }
         const firstChar = word.charAt(0).toUpperCase();
         const otherChars = lower
             ? word.substring(1).toLowerCase()

package/dist/utils/countries/types.d.ts

@@ -3,7 +3,7 @@ export type CountryCode = 'DZ' | 'AW' | 'AU' | 'AT' | 'BH' | 'BE' | 'BR' | 'BN'
 export interface CountryInfo {
     /**
      * @description The country code
-     * @example 'PHL'
+     * @example 'PH'
      */
     code: CountryCode;
     /**

package/dist/utils/downloadImage.d.ts

@@ -0,0 +1,4 @@
+export declare function downloadImage(dataUrl: string, fileName: string): Promise<{
+    success: boolean;
+    message: string;
+}>;

package/dist/utils/downloadImage.js

@@ -0,0 +1,47 @@
+import { Capacitor } from '@capacitor/core';
+export async function downloadImage(dataUrl, fileName) {
+    if (Capacitor.isNativePlatform()) {
+        try {
+            const { Filesystem, Directory } = await import('@capacitor/filesystem');
+            const base64Data = dataUrl.split(',')[1];
+            await Filesystem.writeFile({
+                path: fileName,
+                data: base64Data,
+                directory: Directory.Documents,
+                recursive: true,
+            });
+            return {
+                success: true,
+                message: 'QR Code saved successfully to Documents folder',
+            };
+        }
+        catch (error) {
+            console.error('Error downloading image on mobile:', error);
+            return {
+                success: false,
+                message: 'Failed to save QR Code. Please try again.',
+            };
+        }
+    }
+    else {
+        try {
+            const link = document.createElement('a');
+            link.href = dataUrl;
+            link.download = fileName;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            return {
+                success: true,
+                message: 'QR Code downloaded successfully',
+            };
+        }
+        catch (error) {
+            console.error('Error downloading image on web:', error);
+            return {
+                success: false,
+                message: 'Failed to download QR Code. Please try again.',
+            };
+        }
+    }
+}

package/dist/utils/mutationKeys.d.ts

@@ -48,3 +48,7 @@ export declare const getUpdateSessionMutationKey: () => MutationKey;
 export declare const getUnlinkGoogleMutationKey: () => MutationKey;
 export declare const getGenerateSumsubVerificationTokenMutationKey: () => MutationKey;
 export declare const getUnlinkFacebookMutationKey: () => MutationKey;
+export declare const getCreateAurixPayGCashDepositMutationKey: () => MutationKey;
+export declare const getCreateAurixPayQrphDepositMutationKey: () => MutationKey;
+export declare const getCreateAurixPayGrabPayDepositMutationKey: () => MutationKey;
+export declare const getCreateAurixPayPayMayaDepositMutationKey: () => MutationKey;

package/dist/utils/mutationKeys.js

@@ -177,3 +177,19 @@ export const getUnlinkFacebookMutationKey = () => [
     PARENT_KEY,
     'unlinkFacebook',
 ];
+export const getCreateAurixPayGCashDepositMutationKey = () => [
+    PARENT_KEY,
+    'createAurixPayGcashDeposit',
+];
+export const getCreateAurixPayQrphDepositMutationKey = () => [
+    PARENT_KEY,
+    'createAurixPayQRPHDeposit',
+];
+export const getCreateAurixPayGrabPayDepositMutationKey = () => [
+    PARENT_KEY,
+    'createAurixPayGrabPayDeposit',
+];
+export const getCreateAurixPayPayMayaDepositMutationKey = () => [
+    PARENT_KEY,
+    'createAurixPayGrabPayDeposit',
+];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@opexa/portal-components",
-	"version": "0.0.888",
+	"version": "0.0.890",
 	"exports": {
 		"./ui/*": {
 			"types": "./dist/ui/*/index.d.ts",

package/dist/components/Banner/Banner.client.d.ts

@@ -1,12 +0,0 @@
-import type { ImageProps } from 'next/image';
-export interface BannerEntry {
-    src: ImageProps['src'];
-    redirectUrl?: string;
-}
-export interface BannerProps {
-    banners: BannerEntry[];
-    imageWidth?: number | [mobile: number, desktop: number];
-    imageHeight?: number | [mobile: number, desktop: number];
-    className?: string;
-}
-export declare function Banner__client(props: BannerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Banner/Banner.client.js

@@ -1,49 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import emblaCarouselAutoplay from 'embla-carousel-autoplay';
-import useEmblaCarousel, {} from 'embla-carousel-react';
-import isMobile from 'is-mobile';
-import Image from 'next/image';
-import Link from 'next/link';
-import { Fragment, useEffect, useState } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { dataAttr } from '../../utils/dataAttr.js';
-export function Banner__client(props) {
-    const [emblaRef, emblaApi] = useEmblaCarousel({
-        loop: true,
-        align: 'start',
-    }, [
-        emblaCarouselAutoplay({
-            playOnInit: true,
-            delay: 5000,
-        }),
-    ]);
-    const [currentIndex, setCurrentIndex] = useState(0);
-    useEffect(() => {
-        function handler(detail) {
-            setCurrentIndex(detail?.selectedScrollSnap() ?? 0);
-        }
-        emblaApi?.on('scroll', handler);
-        emblaApi?.on('init', handler);
-        return () => {
-            emblaApi?.on('init', handler);
-            emblaApi?.off('scroll', handler);
-        };
-    }, [emblaApi]);
-    const imageWidth = !props.imageWidth
-        ? [400, 1200]
-        : Array.isArray(props.imageWidth)
-            ? props.imageWidth
-            : [props.imageWidth, props.imageWidth];
-    const imageHeight = !props.imageHeight
-        ? [225, 300]
-        : Array.isArray(props.imageHeight)
-            ? props.imageHeight
-            : [props.imageHeight, props.imageHeight];
-    return (_jsxs("div", { className: twMerge('relative', props.className), children: [_jsx("div", { ref: emblaRef, className: "overflow-hidden", children: _jsx("div", { className: "flex gap-2", children: props.banners.map((banner, index) => {
-                        const img = (_jsx(Image, { src: banner.src, alt: "", width: isMobile() ? imageWidth[0] : imageWidth[1], height: isMobile() ? imageHeight[0] : imageHeight[1], className: "block h-auto w-full", priority: index === 0 }));
-                        return (_jsx(Fragment, { children: !banner.redirectUrl ? (_jsx("div", { className: "w-full shrink-0", children: img })) : (_jsx(Link, { href: banner.redirectUrl, className: "block w-full shrink-0", "aria-label": `Open ${banner.redirectUrl}`, children: img })) }, index));
-                    }) }) }), _jsx("div", { className: "absolute bottom-lg left-1/2 flex w-fit -translate-x-1/2 gap-2", children: props.banners.map((_, index) => (_jsx("button", { type: "button", className: "ui-active:bg-brand-500 bg-gray-300 size-3 shrink-0 rounded-full border border-white transition-all duration-300 ui-active:w-9", onClick: () => {
-                        emblaApi?.scrollTo(index);
-                    }, "aria-label": `Go to slide ${index + 1}`, "data-active": dataAttr(index === currentIndex) }, index))) })] }));
-}

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

@@ -1,11 +0,0 @@
-import { type AiOeWalletPaymentMethod } from './utils';
-interface AiOPaymentMethodsProps {
-    value?: AiOeWalletPaymentMethod;
-    onChange?: (value: AiOeWalletPaymentMethod) => void;
-    defaultValue?: AiOeWalletPaymentMethod;
-    options?: AiOeWalletPaymentMethod[];
-    className?: string;
-    label?: string;
-}
-export declare function AiOPaymentMethods(props: AiOPaymentMethodsProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/DepositWithdrawal/AiOPaymentMethods.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import { twMerge } from 'tailwind-merge';
-import { useControllableState } from '../../client/hooks/useControllableState.js';
-import { CheckIcon } from '../../icons/CheckIcon.js';
-import gcash from '../../images/gcash.png';
-import grabPay from '../../images/grabpay.png';
-import maya from '../../images/maya.png';
-import palawanPay from '../../images/palawanpay.png';
-import { Checkbox } from '../../ui/Checkbox/index.js';
-import { Field } from '../../ui/Field/index.js';
-import { AiOeWalletPaymentMethodDefinition, } from './utils.js';
-const AIO_EWALLET_OPTIONS = [
-    {
-        value: 'AIO_GCASH',
-        label: 'GCash',
-        image: gcash,
-    },
-    {
-        value: 'AIO_PAY_MAYA',
-        label: 'Maya',
-        image: maya,
-    },
-    {
-        value: 'AIO_GRAB_PAY',
-        label: 'GrabPay',
-        image: grabPay,
-    },
-    {
-        value: 'AIO_PALAWAN_PAY',
-        label: 'Palawan Pay',
-        image: palawanPay,
-    },
-];
-export function AiOPaymentMethods(props) {
-    const options = props.options && props.options.length > 0
-        ? AIO_EWALLET_OPTIONS.filter((option) => props.options?.includes(option.value))
-        : AIO_EWALLET_OPTIONS;
-    const [value, setValue] = useControllableState({
-        value: props.value,
-        defaultValue: props.defaultValue ?? options[0]?.value,
-        onChange: props.onChange,
-    });
-    const parseValue = (val) => {
-        return AiOeWalletPaymentMethodDefinition.parse(val);
-    };
-    return (_jsxs("div", { className: props.className, children: [_jsx(Field.Label, { asChild: true, children: _jsx("div", { children: props.label || 'AIO eWallet payment methods' }) }), _jsx(Checkbox.Group, { value: [value], onValueChange: (newValue) => {
-                    const lastValue = newValue.at(-1);
-                    if (!lastValue)
-                        return;
-                    setValue(parseValue(lastValue));
-                }, className: "grid grid-cols-2 gap-x-4 gap-y-3", children: options.map((option) => (_jsxs(Checkbox.Root, { value: option.value, className: "flex cursor-pointer items-center justify-between rounded-xl border border-border-secondary ui-checked:border-border-brand-solid p-lg", children: [_jsx("div", { className: twMerge('rounded-xs', option.value === 'AIO_GRAB_PAY'
-                                ? 'bg-transparent px-0 py-0'
-                                : 'bg-white px-sm py-[0.688rem]', option.value === 'AIO_GCASH' && 'bg-[#017EFF]', option.value === 'AIO_PALAWAN_PAY' && 'bg-[#026308]', option.value === 'AIO_PAY_MAYA' && 'bg-black'), children: _jsx(Image, { src: option.image, alt: "", width: 200, height: 40, className: twMerge('h-[1.063rem] w-auto', option.value === 'AIO_GRAB_PAY' && 'h-[3rem] rounded-[4px]', option.value === 'AIO_PALAWAN_PAY' && 'h-[2rem]'), draggable: false }) }), _jsx(Checkbox.Control, { className: "shrink-0", children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.HiddenInput, {})] }, option.value))) })] }));
-}

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

@@ -1 +0,0 @@
-export declare function QRPHDepositAlert(): import("react/jsx-runtime").JSX.Element;