@opexa/portal-components 0.0.368 → 0.0.370

package/dist/components/Messages/Messages.lazy.js

@@ -92,7 +92,7 @@ export function MessageDetails() {
     const message = globalStore.message.data;
     return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: globalStore.message.open, onOpenChange: (details) => {
             globalStore.message.setOpen(details.open);
-        }, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "mx-auto max-h-[80vh] min-w-[21.438rem] max-w-[21.438rem] overflow-y-auto rounded-xl p-3xl lg:min-w-[25rem] lg:max-w-[25rem]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-brand-secondary text-text-brand", children: _jsx(MessageIcon, { type: message?.icon ?? 'INFO', className: "size-6" }) }), _jsx(Dialog.Title, { className: "mt-lg text-center font-semibold text-lg lg:mt-xl", children: message?.title }), message?.content && (_jsx(Dialog.Description, { className: "mt-xs pb-5 text-center text-sm text-text-secondary-700", dangerouslySetInnerHTML: {
+        }, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "mx-auto max-h-[80vh] min-w-[21.438rem] max-w-[21.438rem] overflow-y-auto rounded-xl p-3xl lg:min-w-[25rem] lg:max-w-[25rem]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-brand-secondary text-text-brand", children: _jsx(MessageIcon, { type: message?.icon ?? 'INFO', className: "size-6" }) }), _jsx(Dialog.Title, { className: "mt-lg text-center font-semibold text-lg lg:mt-xl", children: message?.title }), message?.content && (_jsx(Dialog.Description, { className: "mt-xs pb-5 text-center text-sm text-text-secondary-700 [&_li]:mb-1 [&_ol]:list-decimal [&_ol]:pl-5 [&_ol]:text-left [&_ul]:list-disc [&_ul]:pl-5 [&_ul]:text-left", dangerouslySetInnerHTML: {
                                     __html: message?.content,
                                 } })), message?.image && (_jsx("div", { className: "mt-5 pb-5", children: _jsx(Image, { src: message?.image, alt: "", width: 400, height: 250, loading: "lazy", unoptimized: true, className: "h-auto w-full rounded-sm" }) })), message?.actions.length ? (_jsx("div", { className: "mt-3xl flex flex-col gap-2 text-center lg:mt-4xl", children: message?.actions.map((action, index) => (_jsx(Button, { asChild: true, children: _jsx(Link, { href: normalizeActionUrl(action.url, {
                                             transactionsPageUrl,

package/dist/components/Messages/MessagesPopup.js

@@ -103,7 +103,7 @@ export function MessagesPopup() {
             disclosure.setOpen(details.open);
         }, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "mx-auto max-h-[80vh] min-w-[21.438rem] max-w-[21.438rem] overflow-y-auto rounded-xl p-3xl lg:min-w-[25rem] lg:max-w-[25rem]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs(Carousel.Root, { page: index, onPageChange: (details) => {
                                     setIndex(details.page);
-                                }, slideCount: messages.length, allowMouseDrag: true, autoplay: false, children: [_jsx(Carousel.ItemGroup, { children: messages.map((message, index) => (_jsxs(Carousel.Item, { index: index, className: "select-none", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-brand-secondary text-text-brand", children: _jsx(MessageIcon, { type: message.icon, className: "size-6" }) }), _jsx("h2", { className: "mt-lg text-center font-semibold text-lg xl:mt-xl", children: message.title }), message.content && (_jsx("div", { dangerouslySetInnerHTML: { __html: message.content }, className: "mt-xs pb-5 text-center text-sm text-text-secondary-700" })), message.image && (_jsx("div", { className: "mt-5 pb-5", children: _jsx(Image, { src: message.image, alt: "", width: 400, height: 250, loading: "lazy", unoptimized: true, className: "h-auto w-full rounded-sm" }) })), message.actions.length ? (_jsx("div", { className: "mt-3xl flex flex-col gap-2 text-center lg:mt-4xl", children: message.actions.map((action, index) => (_jsx(Button, { asChild: true, children: _jsx(Link, { href: normalizeActionUrl(action.url, {
+                                }, slideCount: messages.length, allowMouseDrag: true, autoplay: false, children: [_jsx(Carousel.ItemGroup, { children: messages.map((message, index) => (_jsxs(Carousel.Item, { index: index, className: "select-none", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-brand-secondary text-text-brand", children: _jsx(MessageIcon, { type: message.icon, className: "size-6" }) }), _jsx("h2", { className: "mt-lg text-center font-semibold text-lg xl:mt-xl", children: message.title }), message.content && (_jsx("div", { dangerouslySetInnerHTML: { __html: message.content }, className: "mt-xs pb-5 text-left text-sm text-text-secondary-700 [&_li>ol]:list-decimal [&_li>ol]:pl-5 [&_li>ul]:list-disc [&_li>ul]:pl-5 [&_li]:mb-1 [&_ol]:list-decimal [&_ol]:pl-5 [&_ul]:list-disc [&_ul]:pl-5" })), message.image && (_jsx("div", { className: "mt-5 pb-5", children: _jsx(Image, { src: message.image, alt: "", width: 400, height: 250, loading: "lazy", unoptimized: true, className: "h-auto w-full rounded-sm" }) })), message.actions.length ? (_jsx("div", { className: "mt-3xl flex flex-col gap-2 text-center lg:mt-4xl", children: message.actions.map((action, index) => (_jsx(Button, { asChild: true, children: _jsx(Link, { href: normalizeActionUrl(action.url, {
                                                                 questsPageUrl,
                                                                 transactionsPageUrl,
                                                             }), onClick: () => {

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/handlers/index.d.ts

@@ -6,26 +6,26 @@ interface Context {
     params: Promise<Params>;
 }
 export declare const GET: (req: NextRequest, { params }: Context) => Promise<NextResponse<{
-    ok: true;
-    data?: never;
-} | {
     ok: false;
     message: string;
     __error?: unknown;
+} | {
+    ok: true;
+    data: import("../types").Session;
 }> | NextResponse<{
+    ok: true;
+    data?: never;
+} | {
     ok: false;
     message: string;
     __error?: unknown;
-} | {
-    ok: true;
-    data: Record<string, unknown>;
 }> | NextResponse<{
     ok: false;
     message: string;
     __error?: unknown;
 } | {
     ok: true;
-    data: import("../types").Session;
+    data: Record<string, unknown>;
 }>>;
 export declare const DELETE: (req: NextRequest, { params }: Context) => Promise<NextResponse<{
     ok: true;

package/dist/styles/theme.css

@@ -224,6 +224,7 @@
   --color-bg-overlay: #22262f;
   --color-bg-error-secondary: #d92d20;
   --color-bg-warning-secondary: #dc6803;
+  --color-bg-dark: #202020;
 
   --color-text-brand: #feee95;
   --color-text-brand-700: #a15c07;
@@ -252,6 +253,7 @@
   --color-text-featured-icon-light-success: #abefc6;
   --color-text-featured-icon-light-error: #fecdca;
   --color-text-featured-icon-light-warning: #fedf89;
+  --color-dark-text: #cccccc;
 
   --color-border-primary: #373a41;
   --color-border-secondary: #22262f;
@@ -260,6 +262,7 @@
   --color-border-brand: #fac515;
   --color-border-brand-dark: #6b4328;
   --color-border-brand-solid: #ca8504;
+  --color-border-dark: #373A41;
 
   --color-border-checkbox-primary: #373a41;
 

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';