@opexa/portal-components 0.0.925 → 0.0.927

package/dist/services/wallet.d.ts

@@ -713,4 +713,29 @@ export interface FavoriteGamesQuery {
     favoriteGames: FavoriteGame[];
 }
 export declare const getFavoriteGames: (options?: GraphQLRequestOptions) => Promise<FavoriteGame[]>;
+export type RedeemVoucherError = {
+    name: 'InvalidVoucherError';
+    message: string;
+} | {
+    name: 'VoucherAlreadyRedeemedError';
+    message: string;
+} | {
+    name: 'ExpiredVoucherError';
+    message: string;
+};
+export interface RedeemVoucherMutation {
+    redeemVoucher?: null | RedeemVoucherError;
+}
+declare enum VoucherType {
+    BUILTIN = 0,
+    LAZADA = 1
+}
+export interface RedeemVoucherMutationVariables {
+    input: {
+        type: VoucherType;
+        code: string;
+    };
+}
+export type RedeemVoucherInput = Simplify<RedeemVoucherMutationVariables['input']>;
+export declare const redeemVoucher: (input: RedeemVoucherInput, options?: GraphQLRequestOptions) => Promise<void>;
 export {};

package/dist/services/wallet.js

@@ -2,7 +2,7 @@ import { cache } from 'react';
 import { WALLET_GRAPHQL_ENDPOINT } from '../constants/index.js';
 import { parseDecimal } from '../utils/parseDecimal.js';
 import { graphqlRequest } from './graphqlRequest.js';
-import { AVAILABLE_PROMOS, BONUS, BONUS_BALANCES, BONUS_IDS, BONUSES, CASHBACK, CASHBACK_BONUS, CASHBACK_BONUS_IDS, CASHBACK_BONUSES, CASHBACKS, CLAIM_CASHBACK_BONUS, CLAIM_SPOT_BONUS, CREATE_AIO_GCASH_DEPOSIT, CREATE_AIO_GRAB_PAY_DEPOSIT, CREATE_AIO_INSTAPAY_WITHDRAWAL, CREATE_AIO_INSTAPAY_WITHDRAWAL_NEXT, CREATE_AIO_ONLINE_BANK_DEPOSIT, CREATE_AIO_PALAWAN_PAY_DEPOSIT, CREATE_AIO_PAY_MAYA_DEPOSIT, CREATE_AIO_QRPH_DEPOSIT, CREATE_AURIX_PAY_GCASH_DEPOSIT, CREATE_AURIX_PAY_GRAB_PAY_DEPOSIT, CREATE_AURIX_PAY_PAY_MAYA_DEPOSIT, CREATE_AURIX_PAY_QR_PH_DEPOSIT, CREATE_BANK_WITHDRAWAL, CREATE_GAME_SESSION, CREATE_GCASH_DEPOSIT, CREATE_GCASH_STANDARD_CASH_IN_WITHDRAWAL, CREATE_GCASH_WEBPAY_DEPOSIT, CREATE_GCASH_WITHDRAWAL, CREATE_LIBANGAN_DEPOSIT, CREATE_MANUAL_BANK_DEPOSIT, CREATE_MANUAL_BANK_WITHDRAWAL, CREATE_MANUAL_UPI_DEPOSIT, CREATE_MANUAL_UPI_WITHDRAWAL, CREATE_MAYA_APP_DEPOSIT, CREATE_MAYA_APP_WITHDRAWAL, CREATE_MAYA_DEPOSIT, CREATE_MAYA_WEBPAY_DEPOSIT, CREATE_MAYA_WITHDRAWAL, CREATE_PISO_PAY_DEPOSIT, CREATE_PISO_PAY_WITHDRAWAL, CREATE_VENTAJA_WITHDRAWAL, DEPOSIT, END_GAME_SESSION, FAVORITE_GAMES, GAME_SESSION, INSTAPAY_BANK_LIST, MARK_GAME_AS_FAVORITE, MAYA_SESSION, POINTS_WALLET, PROMO, PROMOS, REDEEM_POINTS_TO_CASH, REMAINING_DAILY_WITHDRAWALS_COUNT, TOUCH_GCASH_DEPOSIT, TOUCH_QRPH_DEPOSIT, UNMARK_GAME_AS_FAVORITE, VALIDATE_MAYA_SESSION, WALLET, } from './queries.js';
+import { AVAILABLE_PROMOS, BONUS, BONUS_BALANCES, BONUS_IDS, BONUSES, CASHBACK, CASHBACK_BONUS, CASHBACK_BONUS_IDS, CASHBACK_BONUSES, CASHBACKS, CLAIM_CASHBACK_BONUS, CLAIM_SPOT_BONUS, CREATE_AIO_GCASH_DEPOSIT, CREATE_AIO_GRAB_PAY_DEPOSIT, CREATE_AIO_INSTAPAY_WITHDRAWAL, CREATE_AIO_INSTAPAY_WITHDRAWAL_NEXT, CREATE_AIO_ONLINE_BANK_DEPOSIT, CREATE_AIO_PALAWAN_PAY_DEPOSIT, CREATE_AIO_PAY_MAYA_DEPOSIT, CREATE_AIO_QRPH_DEPOSIT, CREATE_AURIX_PAY_GCASH_DEPOSIT, CREATE_AURIX_PAY_GRAB_PAY_DEPOSIT, CREATE_AURIX_PAY_PAY_MAYA_DEPOSIT, CREATE_AURIX_PAY_QR_PH_DEPOSIT, CREATE_BANK_WITHDRAWAL, CREATE_GAME_SESSION, CREATE_GCASH_DEPOSIT, CREATE_GCASH_STANDARD_CASH_IN_WITHDRAWAL, CREATE_GCASH_WEBPAY_DEPOSIT, CREATE_GCASH_WITHDRAWAL, CREATE_LIBANGAN_DEPOSIT, CREATE_MANUAL_BANK_DEPOSIT, CREATE_MANUAL_BANK_WITHDRAWAL, CREATE_MANUAL_UPI_DEPOSIT, CREATE_MANUAL_UPI_WITHDRAWAL, CREATE_MAYA_APP_DEPOSIT, CREATE_MAYA_APP_WITHDRAWAL, CREATE_MAYA_DEPOSIT, CREATE_MAYA_WEBPAY_DEPOSIT, CREATE_MAYA_WITHDRAWAL, CREATE_PISO_PAY_DEPOSIT, CREATE_PISO_PAY_WITHDRAWAL, CREATE_VENTAJA_WITHDRAWAL, DEPOSIT, END_GAME_SESSION, FAVORITE_GAMES, GAME_SESSION, INSTAPAY_BANK_LIST, MARK_GAME_AS_FAVORITE, MAYA_SESSION, POINTS_WALLET, PROMO, PROMOS, REDEEM_POINTS_TO_CASH, REMAINING_DAILY_WITHDRAWALS_COUNT, TOUCH_GCASH_DEPOSIT, TOUCH_QRPH_DEPOSIT, UNMARK_GAME_AS_FAVORITE, VALIDATE_MAYA_SESSION, WALLET, REDEEM_VOUCHER, } from './queries.js';
 import { sha256 } from './sha256.js';
 export const getPromos = cache(async (options) => {
     const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, PROMOS, undefined, {
@@ -583,6 +583,21 @@ export const getFavoriteGames = cache(async (options) => {
     const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, FAVORITE_GAMES, undefined, options);
     return res.favoriteGames;
 });
+var VoucherType;
+(function (VoucherType) {
+    VoucherType[VoucherType["BUILTIN"] = 0] = "BUILTIN";
+    VoucherType[VoucherType["LAZADA"] = 1] = "LAZADA";
+})(VoucherType || (VoucherType = {}));
+export const redeemVoucher = async (input, options) => {
+    const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, REDEEM_VOUCHER, { input }, options);
+    if (res.redeemVoucher) {
+        const error = new Error();
+        error.name = res.redeemVoucher.name;
+        error.message = ERROR_CODES_MESSAGE_MAP[res.redeemVoucher.name];
+        Error.captureStackTrace?.(error, redeemVoucher);
+        throw error;
+    }
+};
 const ERROR_CODES_MESSAGE_MAP = {
     PointsNotDivisibleBy100Error: 'Please input points that are multiples of 100.',
     MaximumBonusesCountLimitExceededError: 'Maximum bonuses reached',
@@ -612,4 +627,7 @@ const ERROR_CODES_MESSAGE_MAP = {
     ExpiredSessionError: 'Libangan Session has expired',
     TurnoverRequirementNotYetFulfilledError: 'Turnover requirement not yet fulfilled',
     FirstDepositRequiredError: 'First deposit is required',
+    InvalidVoucherError: 'Invalid voucher code',
+    VoucherAlreadyRedeemedError: 'This voucher has already been redeemed',
+    ExpiredVoucherError: 'This voucher has expired',
 };

package/dist/third-parties/FacebookPixel/FacebookPixel.d.ts

@@ -0,0 +1,4 @@
+export interface FacebookPixelProps {
+    fbId: string;
+}
+export declare function FacebookPixel(props: FacebookPixelProps): null;

package/dist/third-parties/FacebookPixel/FacebookPixel.js

@@ -0,0 +1,4 @@
+export function FacebookPixel(props) {
+    console.log(props);
+    return null;
+}

package/dist/third-parties/FacebookPixel/api.js

@@ -0,0 +1 @@
+"use strict";

package/dist/third-parties/FacebookPixel/index.d.ts

@@ -0,0 +1 @@
+export * from './FacebookPixel';

package/dist/third-parties/FacebookPixel/index.js

@@ -0,0 +1 @@
+export * from './FacebookPixel.js';

package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.d.ts

@@ -0,0 +1,4 @@
+export interface GoogleRecaptchaProps {
+    siteKey: string;
+}
+export declare function GoogleRecaptcha(props: GoogleRecaptchaProps): null;

package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.js

@@ -0,0 +1,4 @@
+export function GoogleRecaptcha(props) {
+    console.log(props);
+    return null;
+}

package/dist/third-parties/GoogleRecaptcha/api.js

@@ -0,0 +1 @@
+"use strict";

package/dist/third-parties/GoogleRecaptcha/index.d.ts

@@ -0,0 +1 @@
+export * from './GoogleRecaptcha';

package/dist/third-parties/GoogleRecaptcha/index.js

@@ -0,0 +1 @@
+export * from './GoogleRecaptcha.js';

package/dist/third-parties/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FacebookPixel';
+export * from './GoogleRecaptcha';

package/dist/third-parties/index.js

@@ -0,0 +1,2 @@
+export * from './FacebookPixel/index.js';
+export * from './GoogleRecaptcha/index.js';

package/dist/ui/QrCode/QrCode.d.ts

@@ -4,8 +4,8 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -14,29 +14,29 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
         [x: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, {
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const DownloadTrigger: import("react").ComponentType<import("@ark-ui/react").Assign<QrCode.DownloadTriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -45,29 +45,29 @@ export declare const DownloadTrigger: import("react").ComponentType<import("@ark
         [x: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, {
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Frame: import("react").ComponentType<import("@ark-ui/react").Assign<QrCode.FrameProps & import("react").RefAttributes<SVGSVGElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -76,29 +76,29 @@ export declare const Frame: import("react").ComponentType<import("@ark-ui/react"
         [x: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, {
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Overlay: import("react").ComponentType<import("@ark-ui/react").Assign<QrCode.OverlayProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -107,29 +107,29 @@ export declare const Overlay: import("react").ComponentType<import("@ark-ui/reac
         [x: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, {
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Pattern: import("react").ComponentType<import("@ark-ui/react").Assign<QrCode.PatternProps & import("react").RefAttributes<SVGPathElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -138,20 +138,20 @@ export declare const Pattern: import("react").ComponentType<import("@ark-ui/reac
         [x: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, {
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Context: (props: QrCode.ContextProps) => import("react").ReactNode;

package/dist/ui/QrCode/qrCode.recipe.d.ts

@@ -3,8 +3,8 @@ export declare const qrCodeRecipe: import("tailwind-variants").TVReturnType<{
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
@@ -13,19 +13,19 @@ export declare const qrCodeRecipe: import("tailwind-variants").TVReturnType<{
         [x: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, {
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             pattern?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             frame?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             downloadTrigger?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;
+} | {}, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"pattern" | "root" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/utils/getLocaleInfo.d.ts

@@ -0,0 +1,79 @@
+import { type ComponentProps, type ComponentType } from 'react';
+export interface CountryInfo {
+    /**
+     * @description The country code
+     * @example 'PHL'
+     */
+    code: 'IDN' | 'IND' | 'MYS' | 'PHL' | 'VNM';
+    /**
+     * @description The country name
+     * @example 'Philippines'
+     */
+    name: string;
+    /**
+     * @description The country flag
+     * @usage
+     * ```tsx
+     * const localeInfo = getLocaleInfo('Asia/Manila');
+     * <localeInfo.country.flag />
+     * ```
+     */
+    flag: ComponentType<ComponentProps<'svg'>>;
+}
+export interface CurrencyInfo {
+    /**
+     * @description The currency code
+     * @example 'PHP'
+     */
+    code: 'IDR' | 'INR' | 'MYR' | 'PHP' | 'USD' | 'VND';
+    /**
+     * @description The currency name
+     * @example 'Philippine Peso'
+     */
+    name: string;
+    /**
+     * @description The currency symbol
+     * @example '₱'
+     */
+    symbol: string;
+    /**
+     * Used in api
+     * @example 'VIRTUAL'
+     */
+    externalCode: 'IDR' | 'INR' | 'MYR' | 'PHP' | 'USD' | 'VIRTUAL' | (string & {});
+}
+export interface MobileNumberInfo {
+    /**
+     * @description The mobile number area code
+     * @example '+63'
+     */
+    areaCode: string;
+    /**
+     * @description The mobile number digits count
+     * @example 10
+     */
+    numOfDigits: number;
+    /**
+     * @description pattern to validate mobile number
+     * @usage
+     * ```ts
+     * const localeInfo = getLocaleInfo('Asia/Manila');
+     * const isValid = localeInfo.mobileNumber.pattern.test('9190000000');
+     * ```
+     */
+    pattern: RegExp;
+    /**
+     * @description The mobile number example
+     * @example '9190000000'
+     */
+    example: string;
+}
+export type Timezone = 'Asia/Manila' | 'Asia/Kolkata' | 'Asia/Jakarta' | 'Asia/Makassar' | 'Asia/Jayapura' | 'Asia/Kuala_Lumpur' | 'Asia/Ho_Chi_Minh' | (string & {});
+export interface LocaleInfo {
+    locale: string;
+    timezone: Timezone;
+    country: CountryInfo;
+    currency: CurrencyInfo;
+    mobileNumber: MobileNumberInfo;
+}
+export declare const getLocaleInfo: (timezone: Timezone) => LocaleInfo;

package/dist/utils/getLocaleInfo.js

@@ -0,0 +1,175 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cache, } from 'react';
+export const getLocaleInfo = cache((timezone) => {
+    switch (timezone.toLowerCase()) {
+        case 'asia/jakarta':
+            return {
+                locale: 'id-ID',
+                timezone: 'Asia/Jakarta',
+                country: {
+                    name: 'Indonesia',
+                    code: 'IDN',
+                    flag: IndonesianFlag,
+                },
+                currency: {
+                    code: 'IDR',
+                    name: 'Indonesian Rupiah',
+                    symbol: 'Rp',
+                    externalCode: 'IDR',
+                },
+                mobileNumber: {
+                    areaCode: '+62',
+                    numOfDigits: 10,
+                    example: `81${''.padStart(8, '0')}`,
+                    pattern: /^(\+?62|0)?8\d{9}$/,
+                },
+            };
+        case 'asia/jayapura':
+            return {
+                locale: 'id-ID',
+                timezone: 'Asia/Jayapura',
+                country: {
+                    code: 'IDN',
+                    name: 'Indonesia',
+                    flag: IndonesianFlag,
+                },
+                currency: {
+                    code: 'IDR',
+                    name: 'Indonesian Rupiah',
+                    symbol: 'Rp',
+                    externalCode: 'IDR',
+                },
+                mobileNumber: {
+                    areaCode: '+62',
+                    numOfDigits: 10,
+                    example: `81${''.padStart(8, '0')}`,
+                    pattern: /^(\+?62|0)?8\d{9}$/,
+                },
+            };
+        case 'asia/makassar':
+            return {
+                locale: 'id-ID',
+                timezone: 'Asia/Makassar',
+                country: {
+                    code: 'IDN',
+                    name: 'Indonesia',
+                    flag: IndonesianFlag,
+                },
+                currency: {
+                    code: 'IDR',
+                    name: 'Indonesian Rupiah',
+                    symbol: 'Rp',
+                    externalCode: 'IDR',
+                },
+                mobileNumber: {
+                    areaCode: '+62',
+                    numOfDigits: 10,
+                    example: `81${''.padStart(8, '0')}`,
+                    pattern: /^(\+?62|0)?8\d{9}$/,
+                },
+            };
+        case 'asia/kuala_lumpur':
+            return {
+                locale: 'ms-MY',
+                timezone: 'Asia/Kuala_Lumpur',
+                country: {
+                    name: 'Malaysia',
+                    code: 'MYS',
+                    flag: MalaysianFlag,
+                },
+                currency: {
+                    code: 'MYR',
+                    name: 'Malaysian Ringgit',
+                    symbol: 'RM',
+                    externalCode: 'MYR',
+                },
+                mobileNumber: {
+                    areaCode: '+60',
+                    numOfDigits: 9,
+                    example: `12${''.padStart(7, '0')}`,
+                    pattern: /^(\+?60|0)?1[0-9]{1}\d{7}$/,
+                },
+            };
+        case 'asia/kolkata':
+            return {
+                locale: 'en-IN',
+                timezone: 'Asia/Kolkata',
+                country: {
+                    code: 'IND',
+                    name: 'India',
+                    flag: IndianFlag,
+                },
+                currency: {
+                    code: 'INR',
+                    name: 'Indian Rupee',
+                    symbol: '₹',
+                    externalCode: 'INR',
+                },
+                mobileNumber: {
+                    areaCode: '+91',
+                    numOfDigits: 10,
+                    example: `919${''.padStart(7, '0')}`,
+                    pattern: /^(\+?91|0)?[789]\d{9}$/,
+                },
+            };
+        case 'asia/ho_chi_minh':
+            return {
+                locale: 'vi-VN',
+                timezone: 'Asia/Ho_Chi_Minh',
+                country: {
+                    code: 'VNM',
+                    name: 'Vietnam',
+                    flag: VietnameseFlag,
+                },
+                currency: {
+                    code: 'VND',
+                    name: 'Vietnamese Dong',
+                    symbol: '₫',
+                    externalCode: 'VIRTUAL',
+                },
+                mobileNumber: {
+                    areaCode: '+84',
+                    numOfDigits: 9,
+                    example: `849${''.padStart(7, '0')}`,
+                    pattern: /^(\+?84|0)?(3[2-9]|5[6|8|9]|7[0|6-9]|8[1-6|8|9]|9[0-9])\d{7}$/,
+                },
+            };
+        default:
+            return {
+                locale: 'en-PH',
+                timezone: 'Asia/Manila',
+                country: {
+                    code: 'PHL',
+                    name: 'Philippines',
+                    flag: PhilippineFlag,
+                },
+                currency: {
+                    code: 'PHP',
+                    name: 'Philippine Peso',
+                    symbol: '₱',
+                    externalCode: 'PHP',
+                },
+                mobileNumber: {
+                    areaCode: '+63',
+                    numOfDigits: 10,
+                    example: `919${''.padStart(7, '0')}`,
+                    pattern: /^(\+?63|0)?9\d{9}$/,
+                },
+            };
+    }
+});
+const PhilippineFlag = (props) => {
+    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4392_27540)", children: [_jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#F0F0F0" }), _jsx("path", { d: "M12.0004 0V12L3.51514 20.4853C5.68671 22.6568 8.68671 24 12.0004 24C18.6278 24 24.0004 18.6274 24.0004 12C24.0004 5.37262 12.0004 0 12.0004 0Z", fill: "#D80027" }), _jsx("path", { d: "M12.0004 0C8.68671 0 5.68671 1.34316 3.51514 3.51469C6.45936 6.45891 7.50453 7.50412 12.0004 12H24.0004C24.0004 5.37262 18.6278 0 12.0004 0Z", fill: "#0052B4" }), _jsx("path", { d: "M8.21723 11.9998L6.75173 11.3104L7.53215 9.89111L5.94074 10.1956L5.73909 8.58789L4.63059 9.77027L3.52213 8.58789L3.32043 10.1956L1.72907 9.89106L2.50949 11.3104L1.04395 11.9998L2.50949 12.6891L1.72907 14.1085L3.32057 13.8041L3.52209 15.4117L4.63059 14.2293L5.73909 15.4117L5.94074 13.8041L7.53205 14.1085L6.75168 12.6892L8.21723 11.9998Z", fill: "#FFDA44" }), _jsx("path", { d: "M3.20082 4.69519L3.68851 5.37689L4.48749 5.12382L3.98977 5.79825L4.47746 6.47996L3.68218 6.21507L3.18451 6.88946L3.19074 6.05133L2.39551 5.78639L3.19463 5.53332L3.20082 4.69519Z", fill: "#FFDA44" }), _jsx("path", { d: "M3.20082 17.1095L3.68851 17.7912L4.48749 17.5381L3.98977 18.2126L4.47746 18.8943L3.68218 18.6294L3.18451 19.3038L3.19074 18.4656L2.39551 18.2007L3.19463 17.9476L3.20082 17.1095Z", fill: "#FFDA44" }), _jsx("path", { d: "M10.1563 10.9032L9.66866 11.5849L8.86963 11.3317L9.36735 12.0062L8.87966 12.688L9.67494 12.423L10.1727 13.0974L10.1664 12.2593L10.9616 11.9944L10.1625 11.7413L10.1563 10.9032Z", fill: "#FFDA44" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4392_27540", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
+};
+const MalaysianFlag = (props) => {
+    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4392_27547)", children: [_jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#F0F0F0" }), _jsx("path", { d: "M11.4783 12.0002H24C24 10.9171 23.8556 9.86791 23.5866 8.86975H11.4783V12.0002Z", fill: "#D80027" }), _jsx("path", { d: "M11.4783 5.73873H22.2387C21.5041 4.54004 20.565 3.48053 19.4698 2.60828H11.4783V5.73873Z", fill: "#D80027" }), _jsx("path", { d: "M12.0001 24.0002C14.8243 24.0002 17.4201 23.024 19.47 21.3915H4.53027C6.58016 23.024 9.17596 24.0002 12.0001 24.0002Z", fill: "#D80027" }), _jsx("path", { d: "M1.76146 18.2601H22.2389C22.8286 17.2978 23.2859 16.2459 23.5868 15.1296H0.413574C0.714371 16.2459 1.17173 17.2978 1.76146 18.2601Z", fill: "#D80027" }), _jsx("path", { d: "M12 12C12 5.37262 12 4.59131 12 0C5.37262 0 0 5.37262 0 12H12Z", fill: "#0052B4" }), _jsx("path", { d: "M7.98001 10.2709C6.34117 10.2709 5.01263 8.94229 5.01263 7.30349C5.01263 5.6647 6.34121 4.33612 7.98001 4.33612C8.491 4.33612 8.97179 4.46535 9.39156 4.69279C8.73306 4.04887 7.8325 3.65137 6.8387 3.65137C4.82171 3.65137 3.18652 5.28651 3.18652 7.30354C3.18652 9.32057 4.82171 10.9557 6.8387 10.9557C7.8325 10.9557 8.73306 10.5582 9.39156 9.91429C8.97179 10.1416 8.49104 10.2709 7.98001 10.2709Z", fill: "#FFDA44" }), _jsx("path", { d: "M8.81671 5.21729L9.34354 6.31894L10.5333 6.04407L10.0005 7.14277L10.9573 7.90153L9.76602 8.17008L9.76935 9.39122L8.81671 8.62725L7.86402 9.39122L7.86731 8.17008L6.67603 7.90153L7.63284 7.14277L7.10001 6.04407L8.28984 6.31894L8.81671 5.21729Z", fill: "#FFDA44" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4392_27547", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
+};
+const IndianFlag = (props) => {
+    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4392_27553)", children: [_jsx("path", { d: "M1.19023 6.78213C0.427387 8.35976 -0.000488281 10.1296 -0.000488281 11.9995C-0.000488281 13.8694 0.427387 15.6393 1.19023 17.2169L11.9995 18.2604L22.8088 17.2169C23.5716 15.6393 23.9995 13.8694 23.9995 11.9995C23.9995 10.1296 23.5716 8.35976 22.8088 6.78213L11.9995 5.73865L1.19023 6.78213Z", fill: "#F0F0F0" }), _jsx("path", { d: "M1.19092 17.2183C3.13182 21.2322 7.24225 24.0009 11.9998 24.0009C16.7573 24.0009 20.8677 21.2322 22.8086 17.2183H1.19092Z", fill: "#6DA544" }), _jsx("path", { d: "M1.19092 6.78238H22.8086C20.8677 2.76843 16.7573 -0.000244141 11.9998 -0.000244141C7.24229 -0.000244141 3.13182 2.76843 1.19092 6.78238Z", fill: "#FF9811" }), _jsx("path", { d: "M12.0001 16.1742C14.3052 16.1742 16.174 14.3055 16.174 12.0003C16.174 9.69513 14.3052 7.82642 12.0001 7.82642C9.69489 7.82642 7.82617 9.69513 7.82617 12.0003C7.82617 14.3055 9.69489 16.1742 12.0001 16.1742Z", fill: "#FF9811" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4392_27553", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
+};
+const IndonesianFlag = (props) => {
+    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_4392_27559)", children: [_jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#F0F0F0" }), _jsx("path", { d: "M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12", fill: "#A2001D" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4392_27559", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
+};
+const VietnameseFlag = (props) => {
+    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsxs("g", { clipPath: "url(#clip0_10544_106556)", children: [_jsx("path", { d: "M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z", fill: "#D80027" }), _jsx("path", { d: "M10.0003 5.2168L11.0795 8.53825H14.5719L11.7464 10.591L12.8257 13.9125L10.0003 11.8597L7.17488 13.9125L8.2541 10.591L5.42871 8.53825H8.92105L10.0003 5.2168Z", fill: "#FFDA44" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_10544_106556", children: _jsx("rect", { width: "20", height: "20", fill: "white" }) }) })] }));
+};

package/dist/utils/mutationKeys.d.ts

@@ -55,3 +55,4 @@ export declare const getCreateAurixPayGCashDepositMutationKey: () => MutationKey
 export declare const getCreateAurixPayQrphDepositMutationKey: () => MutationKey;
 export declare const getCreateAurixPayGrabPayDepositMutationKey: () => MutationKey;
 export declare const getCreateAurixPayPayMayaDepositMutationKey: () => MutationKey;
+export declare const getRedeemVoucherMutationKey: () => MutationKey;

package/dist/utils/mutationKeys.js

@@ -205,3 +205,7 @@ export const getCreateAurixPayPayMayaDepositMutationKey = () => [
     PARENT_KEY,
     'createAurixPayGrabPayDeposit',
 ];
+export const getRedeemVoucherMutationKey = () => [
+    PARENT_KEY,
+    'redeemVoucher',
+];

package/package.json

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