@opexa/portal-components 0.0.564 → 0.0.565

package/dist/components/SessionWatcher/SessionWatcher.js

@@ -0,0 +1,20 @@
+'use client';
+import { useRouter } from 'next/navigation';
+import { useCallback, useEffect } from 'react';
+import { useSessionHealthQuery } from '../../client/hooks/useSessionHealthQuery.js';
+import { useSignOutMutation } from '../../client/hooks/useSignOutMutation.js';
+export function SessionWatcher() {
+    const router = useRouter();
+    const query = useSessionHealthQuery({ refetchInterval: 1000 * 5 });
+    const healthy = query.data ?? true;
+    const mutation = useSignOutMutation();
+    const signOut = useCallback(async () => {
+        await mutation.mutateAsync();
+        router.refresh();
+    }, [mutation, router]);
+    useEffect(() => {
+        if (!healthy)
+            signOut();
+    }, [healthy, signOut]);
+    return null;
+}

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

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

package/dist/components/SessionWatcher/index.js

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

package/dist/components/SignIn/utils.d.ts

@@ -0,0 +1,8 @@
+type Options = {
+    accountName?: string;
+    siteName?: string;
+    signInOptions?: 'MOBILE_NUMBER' | 'NAME_AND_PASSWORD';
+};
+export type ErrorCode = 'MEMBER_ACCOUNT_BLACKLISTED' | 'MEMBER_ACCOUNT_SUSPENDED' | 'INVALID_RECAPTCHA_RESPONSE' | 'MEMBER_NOT_FOUND' | 'RATE_LIMIT_REACH' | 'NOT_READY_TO_SEND_VERIFICATION_ERROR' | 'Forbidden';
+export declare function getFriendlyErrorMessage(code: ErrorCode, options?: Options): string;
+export {};

package/dist/components/SignIn/utils.js

@@ -0,0 +1,26 @@
+export function getFriendlyErrorMessage(code, options) {
+    const accountName = options?.accountName ?? '';
+    const siteName = options?.siteName ?? '';
+    const signInOptions = options?.signInOptions ?? 'NAME_AND_PASSWORD';
+    switch (code) {
+        case 'MEMBER_ACCOUNT_BLACKLISTED':
+            return `Your account ${accountName} has been blacklisted due to a serious violation of our policies. For more information or to appeal, please contact the ${siteName} Chat Support team.`;
+        case 'MEMBER_ACCOUNT_SUSPENDED':
+            return `Your account ${accountName} has been temporarily suspended. Please reach out to the ${siteName} Chat Support team to learn more and get help with resolving the issue.`;
+        case 'INVALID_RECAPTCHA_RESPONSE':
+            return 'Invalid reCAPTCHA response';
+        case 'MEMBER_NOT_FOUND':
+            return 'Account not found. Please check your username and try again.';
+        case 'RATE_LIMIT_REACH':
+            return 'Rate limit exceeded';
+        case 'NOT_READY_TO_SEND_VERIFICATION_ERROR':
+            return 'Your account is not ready to send verification requests. Please try again later.';
+        case 'Forbidden':
+            if (signInOptions === 'MOBILE_NUMBER') {
+                return 'Invalid verification code. Please check the code and try again.';
+            }
+            return 'Invalid username or password, please try again.';
+        default:
+            return 'Something went wrong. Please try again later.';
+    }
+}

package/dist/constants/Branches.d.ts

@@ -0,0 +1,2 @@
+import type { Branch } from '../types';
+export declare const BRANCHES: Branch[];

package/dist/constants/Branches.js

@@ -0,0 +1,42 @@
+export const BRANCHES = [
+    {
+        code: 'BRCAL',
+        name: 'Bingo Republic 2nd floor Primark Center Deparo St., Caloocan City',
+    },
+    {
+        code: 'BRNAG',
+        name: 'Bingo Republic 3rd floor Robinsons Mall, Naga City, Camarines Sur',
+    },
+    {
+        code: 'BRANT',
+        name: 'Bingo Republic 2nd floor Robinsons Mall, San Vicente,Antique',
+    },
+    {
+        code: 'BRCLA',
+        name: 'Clark',
+    },
+    {
+        code: 'BRLAG',
+        name: 'Laguna',
+    },
+    {
+        code: 'BREAS',
+        name: 'Eastwood City, Quezon City',
+    },
+    {
+        code: 'BRMAR',
+        name: 'Bingo ng Bayan 4th floor Marikina Public Market, Marikina City',
+    },
+    {
+        code: 'BRILO',
+        name: 'Iloilo',
+    },
+    {
+        code: 'BRFIM',
+        name: 'Fisher Mall,Quezon City',
+    },
+    {
+        code: 'BRCAC',
+        name: 'Villa Caceres Hotel, Naga City,Camsur',
+    },
+];

package/dist/services/queries.d.ts

@@ -31,7 +31,7 @@ export declare const REMAINING_DAILY_WITHDRAWALS_COUNT = "\n  query RemainingDai
 export declare const DEPOSIT_RECORDS = "\n  query DepositRecords(\n    $after: Cursor\n    $first: Int\n    $filter: DepositRecordFilterInput\n  ) {\n    member {\n      depositRecords(after: $after, first: $first, filter: $filter) {\n        edges {\n          cursor\n          node {\n            ... on DepositRecord {\n              id\n              type\n              amount\n              netAmount\n              fee\n              status\n              deposit\n              reference\n              depositNumber\n              dateTimeCreated\n              dateTimeLastUpdated\n            }\n          }\n        }\n        totalCount\n        pageInfo {\n          hasNextPage\n          endCursor\n        }\n      }\n    }\n  }\n";
 export declare const CREATE_GCASH_DEPOSIT = "\n  mutation CreateGCashDeposit($input: CreateGCashDepositInput!) {\n    createGCashDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on ReCAPTCHAVerificationFailedError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_GCASH_DIRECT_WEBPAY_DEPOSIT = "\n  mutation CreateGCashDirectWebpayDeposit(\n    $input: CreateGCashDirectWebpayDepositInput!\n  ) {\n    createGCashDirectWebpayDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
-export declare const CREATE_LIBANGAN_DEPOSIT = "\n  mutation CreateLibanganPayInDeposit(\n    $input: CreateLibanganPayInDepositInput!\n  ) {\n    createLibanganPayInDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
+export declare const CREATE_LIBANGAN_DEPOSIT = "\n  mutation CreateLibanganPayInDeposit(\n    $input: CreateLibanganPayInDepositInput!\n  ) {\n    createLibanganPayInDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on ExpiredSessionError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_PISO_PAY_DEPOSIT = "\n  mutation CreatePisoPayDeposit($input: CreatePisoPayCheckoutDepositInput!) {\n    createPisoPayCheckoutDeposit(input: $input) {\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_MAYA_DEPOSIT = "\n  mutation CreateMayaDeposit($input: CreateMayaDepositInput!) {\n    createMayaDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_MAYA_APP_DEPOSIT = "\n  mutation CreateMayaAppDeposit($input: CreateMayaAppDepositInput!) {\n    createMayaAppDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";

package/dist/services/queries.js

@@ -901,6 +901,10 @@ export const CREATE_LIBANGAN_DEPOSIT = /* GraphQL */ `
         name: __typename
         message
       }
+      ... on ExpiredSessionError {
+        name: __typename
+        message
+      }
     }
   }
 `;

package/dist/services/wallet.d.ts

@@ -121,6 +121,13 @@ export type CreateDepositError = {
 } | {
     name: 'GCashDirectApiRequestError';
     message: string;
+} | {
+    name: 'ExpiredSessionError';
+    message: string;
+};
+export type CreateLibanganDepositError = CreateDepositError | {
+    name: 'ExpiredSessionError';
+    message: string;
 };
 export interface CreateGCashDepositMutation {
     createGCashDeposit?: null | CreateDepositError;
@@ -144,7 +151,7 @@ export interface CreateLibanganDepositMutationVariables {
 }
 export type CreateLibanganDepositInput = Simplify<CreateLibanganDepositMutationVariables['input']>;
 export interface CreateLibanganDepositMutation {
-    createLibanganPayInDeposit?: null | CreateDepositError;
+    createLibanganPayInDeposit?: null | CreateLibanganDepositError;
 }
 export interface CreateLibanganDepositMutationVariables {
     input: {

package/dist/services/wallet.js

@@ -511,4 +511,5 @@ const ERROR_CODES_MESSAGE_MAP = {
     ReCAPTCHAVerificationFailedError: 'Invalid reCAPTCHA',
     UPIReferenceNotAvailableError: 'UPI reference is no longer available',
     GCashDirectApiRequestError: 'GCash direct API request error',
+    ExpiredSessionError: 'Libangan Session 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/Badge/Badge.d.ts

@@ -37,7 +37,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -72,7 +72,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -107,7 +107,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 interface BadgeLabelProps extends ComponentPropsWithRef<'span'> {
     asChild?: boolean;
 }
@@ -146,7 +146,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -181,7 +181,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -216,7 +216,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 interface BadgeIndicatorProps extends ComponentPropsWithRef<'svg'> {
     asChild?: boolean;
 }
@@ -255,7 +255,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -290,7 +290,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -325,7 +325,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 interface BadgeIconProps extends ComponentPropsWithRef<'svg'> {
     asChild?: boolean;
 }
@@ -364,7 +364,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -399,7 +399,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -434,5 +434,5 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export {};

package/dist/ui/Badge/badge.anatomy.d.ts

@@ -1 +1 @@
-export declare const badgeAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"label" | "root" | "icon" | "indicator">;
+export declare const badgeAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"label" | "root" | "indicator" | "icon">;

package/dist/ui/Badge/badge.recipe.d.ts

@@ -33,7 +33,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -68,7 +68,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -103,4 +103,4 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
             root: string;
         };
     };
-}, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>;