npm - @opexa/portal-components - Versions diffs - 0.0.178 → 0.0.181 - Mend

@opexa/portal-components 0.0.178 → 0.0.181

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

package/dist/client/hooks/useAuthenticateMutation.js CHANGED Viewed

@@ -13,7 +13,9 @@ export const useAuthenticateMutation = (config) => {
             const session = await getSession();
             await authenticate(input, {
                 headers: {
-                    Domain: session.domain,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
                 },
             });
             await queryClient.invalidateQueries({

package/dist/client/hooks/useCreateDigitainGameSessionMutatio.js CHANGED Viewed

@@ -20,7 +20,9 @@ export const useCreateDigitainGameSessionMutatio = (config) => {
             }, {
                 headers: {
                     Authorization: `Bearer ${session.token}`,
-                    Domain: session.domain,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
                 },
             });
             const data = await createPoll(async () => {

package/dist/client/hooks/useCreateGCashDepositMutation.js CHANGED Viewed

@@ -22,7 +22,9 @@ export const useCreateGCashDepositMutation = (config) => {
             await createGCashDeposit({ ...input, id }, {
                 headers: {
                     Authorization: `Bearer ${session.token}`,
-                    Domain: session.domain,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
                 },
             });
             const poll = createPoll(async () => {

package/dist/client/hooks/useCreateGCashWithdrawalMutation.js CHANGED Viewed

@@ -16,7 +16,9 @@ export const useCreateGCashWithdrawalMutation = (config) => {
             await createGCashWithdrawal({ ...input, id }, {
                 headers: {
                     Authorization: `Bearer ${session.token}`,
-                    Domain: session.domain,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
                 },
             });
             return id;

package/dist/client/hooks/useCreateGameSessionMutation.js CHANGED Viewed

@@ -22,8 +22,10 @@ export const useCreateGameSessionMutation = (config) => {
                     game: 'reference' in game ? game.reference : game.id,
                 }, {
                     headers: {
-                        Domain: session.domain,
                         Authorization: `Bearer ${session.token}`,
+                        ...(session.domain && {
+                            Domain: session.domain,
+                        }),
                     },
                 });
                 const data = await createPoll(async () => {
@@ -54,7 +56,9 @@ export const useCreateGameSessionMutation = (config) => {
                 }, {
                     headers: {
                         Authorization: `Bearer ${session.token}`,
-                        Domain: session.domain,
+                        ...(session.domain && {
+                            Domain: session.domain,
+                        }),
                     },
                 });
                 const data = await createPoll(async () => {

package/dist/client/hooks/useCreateInstapayWithdrawalMutation.js CHANGED Viewed

@@ -16,7 +16,9 @@ export const useCreateInstapayWithdrawalMutation = (config) => {
             await createAIOInstapayWithdrawal({ ...input, id }, {
                 headers: {
                     Authorization: `Bearer ${session.token}`,
-                    Domain: session.domain,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
                 },
             });
             return id;

package/dist/client/hooks/useCreateMayaAppDepositMutation.js CHANGED Viewed

@@ -22,6 +22,9 @@ export const useCreateMayaAppDepositMutation = (config) => {
             await createMayaAppDeposit({ ...input, id }, {
                 headers: {
                     Authorization: `Bearer ${session.token}`,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
                 },
             });
             const poll = createPoll(async () => {
@@ -30,7 +33,6 @@ export const useCreateMayaAppDepositMutation = (config) => {
                 return await getDeposit(id, {
                     headers: {
                         Authorization: `Bearer ${session.token}`,
-                        Domain: session.domain,
                     },
                 });
             }, {

package/dist/client/hooks/useCreateMayaAppWithdrawalMutation.js CHANGED Viewed

@@ -16,7 +16,9 @@ export const useCreateMayaAppWithdrawalMutation = (config) => {
             await createMayaAppWithdrawal({ ...input, id }, {
                 headers: {
                     Authorization: `Bearer ${session.token}`,
-                    Domain: session.domain,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
                 },
             });
             return id;

package/dist/client/hooks/useCreateMayaDepositMutation.js CHANGED Viewed

@@ -22,7 +22,9 @@ export const useCreateMayaDepositMutation = (config) => {
             await createMayaDeposit({ ...input, id }, {
                 headers: {
                     Authorization: `Bearer ${session.token}`,
-                    Domain: session.domain,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
                 },
             });
             const poll = createPoll(async () => {

package/dist/client/hooks/useCreateMayaWithdrawalMutation.js CHANGED Viewed

@@ -16,7 +16,9 @@ export const useCreateMayaWithdrawalMutation = (config) => {
             await createMayaWithdrawal({ ...input, id }, {
                 headers: {
                     Authorization: `Bearer ${session.token}`,
-                    Domain: session.domain,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
                 },
             });
             return id;

package/dist/client/hooks/useCreateOnlineBankDepositMutation.js CHANGED Viewed

@@ -22,7 +22,9 @@ export const useCreateOnlineBankDepositMutation = (config) => {
             await createAIOOnlineBankDeposit({ ...input, id }, {
                 headers: {
                     Authorization: `Bearer ${session.token}`,
-                    Domain: session.domain,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
                 },
             });
             const poll = createPoll(async () => {

package/dist/client/hooks/useCreateQRPHDepositMutation.js CHANGED Viewed

@@ -22,7 +22,9 @@ export const useCreateQRPHDepositMutation = (config) => {
             await createAIOQRPHDeposit({ ...input, id }, {
                 headers: {
                     Authorization: `Bearer ${session.token}`,
-                    Domain: session.domain,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
                 },
             });
             const poll = createPoll(async () => {

package/dist/client/hooks/useSignInMutation.js CHANGED Viewed

@@ -13,7 +13,9 @@ export const useSignInMutation = (config) => {
             const session = await getSession();
             const authenticator = await signIn(input, {
                 headers: {
-                    Domain: session.domain,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
                 },
             });
             if (!authenticator) {

package/dist/client/hooks/useSignUpMutation.js CHANGED Viewed

@@ -10,7 +10,9 @@ export const useSignUpMutation = (config) => {
             const session = await getSession();
             return await registerMemberAccountViaMobile(input, {
                 headers: {
-                    Domain: session.domain,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
                 },
             });
         },

package/dist/client/services/getSession.js CHANGED Viewed

@@ -2,7 +2,5 @@ import { cache } from 'react';
 import { httpRequest, } from '../../services/httpRequest.js';
 export const getSession = cache(async (options) => {
     const res = await httpRequest.json('/api/sessions', options);
-    return res.ok
-        ? res.data
-        : { status: 'unauthenticated', domain: window.location.origin };
+    return res.ok ? res.data : { status: 'unauthenticated', domain: null };
 });

package/dist/components/Bonus/Bonus.js CHANGED Viewed

@@ -21,7 +21,7 @@ export async function Bonus(props) {
         prefetchBonusQuery(props.id),
     ]);
     if (result.status === 'fulfilled' && result.value) {
-        return (_jsxs(_Fragment, { children: [_jsx("meta", { name: "description", content: stripTags(result.value.promo.description) }), _jsx("meta", { name: "og:title", content: result.value.promo.name }), _jsx("meta", { name: "og:description", content: stripTags(result.value.promo.description) }), _jsx("meta", { name: "og:image", content: result.value.promo.banner.url }), _jsx("meta", { name: "twitter:title", content: result.value.promo.name }), _jsx("meta", { name: "twitter:description", content: stripTags(result.value.promo.description) }), _jsx("meta", { name: "twitter:image", content: result.value.promo.banner.url }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsx(Bonus__client, { ...props })] }));
+        return (_jsxs(_Fragment, { children: [_jsx("meta", { name: "description", content: stripTags(result.value.promo.description) }), _jsx("meta", { name: "og:title", content: result.value.promo.name }), _jsx("meta", { name: "og:description", content: stripTags(result.value.promo.description) }), _jsx("meta", { name: "og:image", content: result.value.promo.banner?.url }), _jsx("meta", { name: "twitter:title", content: result.value.promo.name }), _jsx("meta", { name: "twitter:description", content: stripTags(result.value.promo.description) }), _jsx("meta", { name: "twitter:image", content: result.value.promo.banner?.url }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsx(Bonus__client, { ...props })] }));
     }
     else {
         return notFound();

package/dist/components/Cashback/Cashback.client.js CHANGED Viewed

@@ -24,7 +24,7 @@ export function Cashback__client(props) {
     })));
     if (!cashback)
         return null;
-    return (_jsxs("div", { className: props.className, children: [_jsxs(Link, { href: props.viewAllPromosUrl ?? '/promos', className: "text-button-tertiary-fg flex w-fit items-center gap-lg text-lg font-semibold", children: [_jsx(ChevronLeftIcon, { className: "size-6" }), "Back to all Promotions"] }), cashback.banner.url && (_jsx(Image, { src: cashback.banner.url, alt: "", width: 1024, height: 600, priority: true, unoptimized: true, className: "mt-xl h-auto w-full rounded-xl lg:mt-6" })), claimable && (_jsx(Button, { className: "mt-xl lg:mt-6", onClick: () => {
+    return (_jsxs("div", { className: props.className, children: [_jsxs(Link, { href: props.viewAllPromosUrl ?? '/promos', className: "text-button-tertiary-fg flex w-fit items-center gap-lg text-lg font-semibold", children: [_jsx(ChevronLeftIcon, { className: "size-6" }), "Back to all Promotions"] }), cashback.banner?.url && (_jsx(Image, { src: cashback.banner.url, alt: "", width: 1024, height: 600, priority: true, unoptimized: true, className: "mt-xl h-auto w-full rounded-xl lg:mt-6" })), claimable && (_jsx(Button, { className: "mt-xl lg:mt-6", onClick: () => {
                     globalStore.depositWithdrawal.setOpen(true);
                     globalStore.depositWithdrawal.setPromo(cashback.id);
                 }, children: "Deposit Now" })), _jsx("h1", { className: "mt-xl text-2xl font-semibold lg:mt-6 lg:text-3xl", children: cashback.name }), _jsxs("p", { className: "text-text-secondary-700 mt-xl lg:mt-6", children: ["Ends", ' ', format(cashback.activationEndDateTime, 'MM/dd/yyy hh:mm:ss a', {

package/dist/components/Cashback/Cashback.js CHANGED Viewed

@@ -10,7 +10,7 @@ export async function Cashback(props) {
         prefetchCashbackQuery(props.id),
     ]);
     if (result.status === 'fulfilled' && result.value) {
-        return (_jsxs(_Fragment, { children: [_jsx("meta", { name: "description", content: stripTags(result.value.description) }), _jsx("meta", { name: "og:title", content: result.value.name }), _jsx("meta", { name: "og:description", content: stripTags(result.value.description) }), _jsx("meta", { name: "og:image", content: result.value.banner.url }), _jsx("meta", { name: "twitter:title", content: result.value.name }), _jsx("meta", { name: "twitter:description", content: stripTags(result.value.description) }), _jsx("meta", { name: "twitter:image", content: result.value.banner.url }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsx(Cashback__client, { ...props })] }));
+        return (_jsxs(_Fragment, { children: [_jsx("meta", { name: "description", content: stripTags(result.value.description) }), _jsx("meta", { name: "og:title", content: result.value.name }), _jsx("meta", { name: "og:description", content: stripTags(result.value.description) }), _jsx("meta", { name: "og:image", content: result.value.banner?.url }), _jsx("meta", { name: "twitter:title", content: result.value.name }), _jsx("meta", { name: "twitter:description", content: stripTags(result.value.description) }), _jsx("meta", { name: "twitter:image", content: result.value.banner?.url }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsx(Cashback__client, { ...props })] }));
     }
     else {
         return notFound();

package/dist/components/PortalProvider/SetupDomain.js CHANGED Viewed

@@ -1,20 +1,37 @@
 'use client';
 import { useSearchParams } from 'next/navigation';
 import { useTimeout } from 'usehooks-ts';
+import { z } from 'zod';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { useUpdateSessionMutation } from '../../client/hooks/useUpdateSessionMutation.js';
+const MarketSchema = z
+    .string()
+    .min(5)
+    .max(6)
+    .regex(/^[0-9]+$/)
+    .nullable()
+    .optional()
+    .catch(null);
 export function SetupDomain() {
-    const searchParams = useSearchParams();
-    const sessionQuery = useSessionQuery();
-    const updateSessionMutation = useUpdateSessionMutation();
+    const query = useSessionQuery();
+    const mutation = useUpdateSessionMutation();
+    const params = useSearchParams();
     useTimeout(() => {
-        const market = searchParams.get('m');
-        const domain = market
-            ? `${window.location.host}/${market}`
+        const oldDomain = query.data?.domain;
+        const newMarket = MarketSchema.parse(params.get('m'));
+        const newDomain = newMarket
+            ? `${window.location.host}/${newMarket}`
             : `${window.location.host}`;
-        if (domain === sessionQuery.data?.domain)
+        /* No domain set */
+        if (!oldDomain)
+            return mutation.mutate({ domain: newDomain });
+        /* No market ID */
+        if (!newMarket)
             return;
-        updateSessionMutation.mutate({ domain });
-    }, sessionQuery.isPending ? null : 1000);
+        /* Same domain with market */
+        if (oldDomain === newDomain)
+            return;
+        return mutation.mutate({ domain: newDomain });
+    }, query.isPending ? null : 1000);
     return null;
 }

package/dist/components/Promo/Promo.js CHANGED Viewed

@@ -10,7 +10,7 @@ export async function Promo(props) {
         prefetchPromoQuery(props.id),
     ]);
     if (result.status === 'fulfilled' && result.value) {
-        return (_jsxs(_Fragment, { children: [_jsx("meta", { name: "description", content: stripTags(result.value.description) }), _jsx("meta", { name: "og:title", content: result.value.name }), _jsx("meta", { name: "og:description", content: stripTags(result.value.description) }), _jsx("meta", { name: "og:image", content: result.value.banner.url }), _jsx("meta", { name: "twitter:title", content: result.value.name }), _jsx("meta", { name: "twitter:description", content: stripTags(result.value.description) }), _jsx("meta", { name: "twitter:image", content: result.value.banner.url }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsx(Promo__client, { ...props })] }));
+        return (_jsxs(_Fragment, { children: [_jsx("meta", { name: "description", content: stripTags(result.value.description) }), _jsx("meta", { name: "og:title", content: result.value.name }), _jsx("meta", { name: "og:description", content: stripTags(result.value.description) }), _jsx("meta", { name: "og:image", content: result.value.banner?.url }), _jsx("meta", { name: "twitter:title", content: result.value.name }), _jsx("meta", { name: "twitter:description", content: stripTags(result.value.description) }), _jsx("meta", { name: "twitter:image", content: result.value.banner.url }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsx(Promo__client, { ...props })] }));
     }
     else {
         return notFound();

package/dist/components/Promos/Cashback.js CHANGED Viewed

@@ -11,7 +11,7 @@ export function Cashback({ data, viewDetailsUrl }) {
     })));
     const claimablePromos = useAvailablePromosQuery().data ?? [];
     const claimable = claimablePromos.find((availablePromo) => availablePromo.id === data.id);
-    return (_jsxs("div", { className: "border-border-secondary bg-accent-50 bg-bg-primary-alt relative flex h-full flex-col overflow-hidden rounded-2xl border", children: [data.banner.url && (_jsx(Image, { src: data.banner.url, alt: data.name, width: 400, height: 202, loading: "lazy", unoptimized: true, className: "block aspect-[365/180] w-full object-cover" })), _jsxs("div", { className: "flex flex-grow flex-col px-4 pb-3xl pt-2xl", children: [_jsx("div", { className: "w-full grow text-center text-xl font-semibold", children: data.name }), _jsxs("div", { className: "mt-auto flex flex-col gap-3 pt-4 lg:flex-row", children: [claimable && (_jsx(Button, { size: "sm", onClick: () => {
+    return (_jsxs("div", { className: "border-border-secondary bg-accent-50 bg-bg-primary-alt relative flex h-full flex-col overflow-hidden rounded-2xl border", children: [data.banner?.url && (_jsx(Image, { src: data.banner.url, alt: data.name, width: 400, height: 202, loading: "lazy", unoptimized: true, className: "block aspect-[365/180] w-full object-cover" })), _jsxs("div", { className: "flex flex-grow flex-col px-4 pb-3xl pt-2xl", children: [_jsx("div", { className: "w-full grow text-center text-xl font-semibold", children: data.name }), _jsxs("div", { className: "mt-auto flex flex-col gap-3 pt-4 lg:flex-row", children: [claimable && (_jsx(Button, { size: "sm", onClick: () => {
                                     globalStore.depositWithdrawal.setOpen(true);
                                     globalStore.depositWithdrawal.setPromo(data.id);
                                 }, children: "Get bonus" })), _jsx(Button, { size: "sm", variant: "outline", asChild: true, children: _jsxs(Link, { href: `${viewDetailsUrl}/${data.id}`, children: ["Read more", _jsxs("span", { className: "sr-only", children: [" about ", data.name] })] }) })] })] })] }));

package/dist/components/Promos/Promo.js CHANGED Viewed

@@ -11,7 +11,7 @@ export function Promo({ data, viewDetailsUrl }) {
     })));
     const claimablePromos = useAvailablePromosQuery().data ?? [];
     const claimable = claimablePromos.find((availablePromo) => availablePromo.id === data.id);
-    return (_jsxs("div", { className: "border-border-secondary bg-accent-50 bg-bg-primary-alt relative flex h-full flex-col overflow-hidden rounded-2xl border", children: [data.banner.url && (_jsx(Image, { src: data.banner.url, alt: data.name, width: 400, height: 202, loading: "lazy", unoptimized: true, className: "block aspect-[365/180] w-full object-cover" })), _jsxs("div", { className: "flex flex-grow flex-col px-4 pb-3xl pt-2xl", children: [_jsx("div", { className: "w-full grow text-center text-xl font-semibold", children: data.name }), _jsxs("div", { className: "mt-auto flex flex-col gap-3 pt-4 lg:flex-row", children: [claimable && (_jsx(Button, { size: "sm", onClick: () => {
+    return (_jsxs("div", { className: "border-border-secondary bg-accent-50 bg-bg-primary-alt relative flex h-full flex-col overflow-hidden rounded-2xl border", children: [data.banner?.url && (_jsx(Image, { src: data.banner.url, alt: data.name, width: 400, height: 202, loading: "lazy", unoptimized: true, className: "block aspect-[365/180] w-full object-cover" })), _jsxs("div", { className: "flex flex-grow flex-col px-4 pb-3xl pt-2xl", children: [_jsx("div", { className: "w-full grow text-center text-xl font-semibold", children: data.name }), _jsxs("div", { className: "mt-auto flex flex-col gap-3 pt-4 lg:flex-row", children: [claimable && (_jsx(Button, { size: "sm", onClick: () => {
                                     globalStore.depositWithdrawal.setOpen(true);
                                     globalStore.depositWithdrawal.setPromo(data.id);
                                 }, children: "Get bonus" })), _jsx(Button, { size: "sm", variant: "outline", asChild: true, children: _jsxs(Link, { href: `${viewDetailsUrl}/${data.id}`, children: ["Read more", _jsxs("span", { className: "sr-only", children: [" about ", data.name] })] }) })] })] })] }));

package/dist/handlers.js CHANGED Viewed

@@ -62,7 +62,7 @@ export const GET = async (request, { params }) => {
     if (path === 'sessions') {
         const accessToken = request.cookies.get(ACCESS_TOKEN_COOKIE_NAME)?.value;
         const refreshToken = request.cookies.get(REFRESH_TOKEN_COOKIE_NAME)?.value;
-        const domain = request.cookies.get(DOMAIN_COOKIE_NAME)?.value ?? request.nextUrl.host;
+        const domain = request.cookies.get(DOMAIN_COOKIE_NAME)?.value;
         if (!refreshToken) {
             const response = NextResponse.json({
                 ok: true,

package/dist/server/services/getSession.js CHANGED Viewed

@@ -1,14 +1,10 @@
-import { cookies, headers } from 'next/headers';
+import { cookies } from 'next/headers';
 import { cache } from 'react';
 import { ACCESS_TOKEN_COOKIE_NAME, DOMAIN_COOKIE_NAME } from '../../constants/index.js';
 export const getSession = cache(async () => {
     const Cookies = await cookies();
-    const Headers = await headers();
     const token = Cookies.get(ACCESS_TOKEN_COOKIE_NAME)?.value;
-    const domain = Cookies.get(DOMAIN_COOKIE_NAME)?.value ??
-        Headers.get('host') ??
-        Headers.get('x-forwarded-host') ??
-        'localhost';
+    const domain = Cookies.get(DOMAIN_COOKIE_NAME)?.value;
     return token
         ? {
             status: 'authenticated',

package/dist/types/index.d.ts CHANGED Viewed

@@ -7,11 +7,11 @@ import type { ImageProps } from 'next/image';
  */
 export type Session = {
     status: 'authenticated';
-    domain: string;
+    domain?: string | null;
     token: string;
 } | {
     status: 'unauthenticated';
-    domain: string;
+    domain?: string | null;
     token?: null;
 };
 /**

package/package.json CHANGED Viewed

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