@opexa/portal-components 0.0.163 → 0.0.165

package/dist/components/Account/Account.lazy.js

@@ -107,12 +107,17 @@ function Wallet() {
 }
 function Links() {
     const accountProps = useAccountPropsContext();
-    const signOutMutation = useSignOutMutation();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         account: ctx.account,
         account__mobile: ctx.account__mobile,
         messages: ctx.messages,
     })));
+    const signOutMutation = useSignOutMutation({
+        onSuccess() {
+            localStorage.clear();
+            sessionStorage.clear();
+        },
+    });
     const unreadMessagesCountQuery = useUnreadMessagesCountQuery({}, { refetchInterval: 5000 });
     const unreadMessagesCount = unreadMessagesCountQuery.data ?? 0;
     const profileCompletionQuery = useProfileCompletionQuery();

package/dist/components/AccountVerification/AccountVerification.js

@@ -13,7 +13,6 @@ import { FaceIdIcon } from '../../icons/FaceIdIcon.js';
 import { FileCheck02Icon } from '../../icons/FileCheck02Icon.js';
 import { FileSearch02Icon } from '../../icons/FileSearch02Icon.js';
 import { FileX02Icon } from '../../icons/FileX02Icon.js';
-import { Globe05Icon } from '../../icons/Globe05Icon.js';
 import { Button } from '../../ui/Button/index.js';
 export function AccountVerification(props) {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
@@ -30,7 +29,7 @@ export function AccountVerification(props) {
         verification?.status === 'UNVERIFIED';
     return (_jsxs("div", { className: props.className, children: [_jsxs("div", { className: "flex items-start gap-8", children: [_jsxs("div", { className: "grow", children: [_jsx("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Verify your identity" }), _jsx("p", { className: "text-text-tertiary-600 text-sm", children: "Complete personal verification to unlock all features and enhance account security." })] }), _jsx(ark.svg, { asChild: true, className: twMerge('size-6', profileCompletion?.accountVerification
                             ? 'text-text-success-primary'
-                            : 'text-text-warning-primary'), children: profileCompletion?.accountVerification ? (_jsx(CheckVerified02Icon, {})) : (_jsx(AlertCircleIcon, {})) })] }), _jsxs("div", { className: "shadow-xs border-border-secondary bg-bg-primary-alt mt-5 rounded-xl border", children: [_jsx("div", { className: "px-4 py-5", children: _jsxs("ul", { className: "space-y-lg", children: [_jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(FileCheck02Icon, {}), "Basic Information"] }), _jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(Globe05Icon, {}), "Proof of address"] }), _jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(CreditCard02Icon, {}), "Government ID"] }), _jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(FaceIdIcon, {}), "Facial Verification"] })] }) }), _jsx("div", { className: "border-border-secondary flex justify-end border-t px-4 py-3 lg:py-xl", children: (!verification || verification?.status === 'REJECTED') && (_jsx(Button, { size: "sm", className: "w-full lg:w-fit", onClick: () => globalStore.kyc.setOpen(true), children: "Verify Now" })) })] }), success && _jsx(VerificationSuccess, {}), pending && _jsx(VerificationInProgress, {}), failed && _jsx(VerificationFailed, {}), empty && _jsx(VerificationNotSubmitted, {})] }));
+                            : 'text-text-warning-primary'), children: profileCompletion?.accountVerification ? (_jsx(CheckVerified02Icon, {})) : (_jsx(AlertCircleIcon, {})) })] }), _jsxs("div", { className: "shadow-xs border-border-secondary bg-bg-primary-alt mt-5 rounded-xl border", children: [_jsx("div", { className: "px-4 py-5", children: _jsxs("ul", { className: "space-y-lg", children: [_jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(FileCheck02Icon, {}), "Basic Information"] }), _jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(CreditCard02Icon, {}), "Government ID"] }), _jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(FaceIdIcon, {}), "Facial Verification"] })] }) }), _jsx("div", { className: "border-border-secondary flex justify-end border-t px-4 py-3 lg:py-xl", children: (!verification || verification?.status === 'REJECTED') && (_jsx(Button, { size: "sm", className: "w-full lg:w-fit", onClick: () => globalStore.kyc.setOpen(true), children: "Verify Now" })) })] }), success && _jsx(VerificationSuccess, {}), pending && _jsx(VerificationInProgress, {}), failed && _jsx(VerificationFailed, {}), empty && _jsx(VerificationNotSubmitted, {})] }));
 }
 function VerificationNotSubmitted() {
     return (_jsxs("div", { className: "shadow-xs border-border-primary bg-bg-primary-alt mt-6 flex flex-col gap-2 rounded-xl border p-xl lg:flex-row", children: [_jsx("div", { className: "border-text-warning-primary/10 flex size-[2.1875rem] items-center justify-center rounded-full border-2", children: _jsx("div", { className: "border-text-warning-primary/30 flex size-[1.666625rem] items-center justify-center rounded-full border-2", children: _jsx(AlertCircleIcon, { className: "text-text-warning-primary size-5" }) }) }), _jsx("p", { className: "text-text-tertiary-600 max-w-[800px] text-sm", children: "To serve you better and unlock all features, please provide valid identification documents. This helps protect your account and makes recovery easier if ever needed." })] }));

package/dist/components/Bonus/Bonus.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { notFound } from 'next/navigation';
-import { DOMAIN } from '../../constants/index.js';
 import { getSession } from '../../server/services/getSession.js';
 import { prefetchBonusQuery } from '../../server/utils/prefetchBonusQuery.js';
 import { getBonus } from '../../services/wallet.js';
@@ -22,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("meta", { name: "twitter:site", content: DOMAIN }), _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.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { notFound } from 'next/navigation';
-import { DOMAIN } from '../../constants/index.js';
 import { prefetchCashbackQuery } from '../../server/utils/prefetchCashbackQuery.js';
 import { getCashback } from '../../services/wallet.js';
 import { stripTags } from '../../utils/stripTags.js';
@@ -11,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("meta", { name: "twitter:site", content: DOMAIN }), _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/CustomPromo/CustomPromo.js

@@ -2,12 +2,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Image from 'next/image';
 import Link from 'next/link';
-import { DOMAIN } from '../../constants/index.js';
 import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.js';
 import { Prose } from '../../ui/Prose/index.js';
 import { stripTags } from '../../utils/stripTags.js';
 export function CustomPromo(props) {
-    return (_jsxs(_Fragment, { children: [_jsx("meta", { name: "description", content: stripTags(props.promo.description) }), _jsx("meta", { name: "og:title", content: props.promo.name }), _jsx("meta", { name: "og:description", content: stripTags(props.promo.description) }), _jsx("meta", { name: "og:image", content: props.promo.banner }), _jsx("meta", { name: "twitter:title", content: props.promo.name }), _jsx("meta", { name: "twitter:description", content: stripTags(props.promo.description) }), _jsx("meta", { name: "twitter:image", content: props.promo.banner }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsx("meta", { name: "twitter:site", content: DOMAIN }), _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"] }), _jsx(Image, { src: props.promo.banner, alt: "", width: 1024, height: 600, priority: true, unoptimized: true, className: "mt-xl h-auto w-full rounded-xl lg:mt-6" }), _jsx("h1", { className: "mt-xl text-2xl font-semibold lg:mt-6 lg:text-3xl", children: props.promo.name }), _jsx(Prose, { className: "mt-2xl lg:mt-6", dangerouslySetInnerHTML: {
+    return (_jsxs(_Fragment, { children: [_jsx("meta", { name: "description", content: stripTags(props.promo.description) }), _jsx("meta", { name: "og:title", content: props.promo.name }), _jsx("meta", { name: "og:description", content: stripTags(props.promo.description) }), _jsx("meta", { name: "og:image", content: props.promo.banner }), _jsx("meta", { name: "twitter:title", content: props.promo.name }), _jsx("meta", { name: "twitter:description", content: stripTags(props.promo.description) }), _jsx("meta", { name: "twitter:image", content: props.promo.banner }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _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"] }), _jsx(Image, { src: props.promo.banner, alt: "", width: 1024, height: 600, priority: true, unoptimized: true, className: "mt-xl h-auto w-full rounded-xl lg:mt-6" }), _jsx("h1", { className: "mt-xl text-2xl font-semibold lg:mt-6 lg:text-3xl", children: props.promo.name }), _jsx(Prose, { className: "mt-2xl lg:mt-6", dangerouslySetInnerHTML: {
                             __html: props.promo.description,
                         } })] })] }));
 }

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositContext.d.ts

@@ -1,6 +1,6 @@
 export declare const OnlineBankDepositContext: (props: {
     value: {
-        view: "vca" | "form";
+        view: "form" | "vca";
         status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
         verify: () => void;
         reset: () => void;
@@ -13,7 +13,7 @@ export declare const OnlineBankDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useOnlineBankDepositContext: () => {
-    view: "vca" | "form";
+    view: "form" | "vca";
     status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.d.ts

@@ -1,7 +1,7 @@
 import type { Deposit } from '../../../../types';
 export type UseOnlineBankDepositReturn = ReturnType<typeof useOnlineBankDeposit>;
 export declare function useOnlineBankDeposit(): {
-    view: "vca" | "form";
+    view: "form" | "vca";
     status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;

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

@@ -1,6 +1,6 @@
 export declare const QRPHDepositContext: (props: {
     value: {
-        view: "qrCode" | "form";
+        view: "form" | "qrCode";
         status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
         verify: () => void;
         reset: () => void;
@@ -13,7 +13,7 @@ export declare const QRPHDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useQRPHDepositContext: () => {
-    view: "qrCode" | "form";
+    view: "form" | "qrCode";
     status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;

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

@@ -1,7 +1,7 @@
 import type { Deposit } from '../../../../types';
 export type UseQRPHDepositReturn = ReturnType<typeof useQRPHDeposit>;
 export declare function useQRPHDeposit(): {
-    view: "qrCode" | "form";
+    view: "form" | "qrCode";
     status: "waiting" | "processing" | "failed" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;

package/dist/components/KYC/AutoOpen.js

@@ -4,6 +4,7 @@ import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
+import { KYC_PROMPT_LOCALSTORAGE_KEY } from '../../constants/index.js';
 export function AutoOpen() {
     const kycStore = useGlobalStore(useShallow((ctx) => ctx.kyc));
     const { data: session } = useSessionQuery();
@@ -12,11 +13,13 @@ export function AutoOpen() {
     const shouldOpen = !account?.realName ||
         !account?.birthDay ||
         !verification ||
-        verification.status === 'REJECTED';
+        verification.status === 'REJECTED' ||
+        verification.status === 'UNVERIFIED';
     useEffect(() => {
         if (session?.status == 'authenticated' &&
             !kycStore['~touched'] &&
-            shouldOpen) {
+            shouldOpen &&
+            localStorage.getItem(KYC_PROMPT_LOCALSTORAGE_KEY) == null) {
             kycStore.setOpen(true);
             return;
         }

package/dist/components/KYC/KYC.lazy.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Image from 'next/image';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+import { KYC_PROMPT_LOCALSTORAGE_KEY } from '../../constants/index.js';
 import { XIcon } from '../../icons/XIcon.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
@@ -20,5 +21,8 @@ export function KYC(props) {
     const kyc = useKYC();
     return (_jsx(KYCContext, { value: kyc, children: _jsx(Dialog.Root, { open: globalStore.kyc.open, onOpenChange: (details) => {
                 globalStore.kyc.setOpen(details.open);
+                if (!details.open) {
+                    localStorage.setItem(KYC_PROMPT_LOCALSTORAGE_KEY, '');
+                }
             }, lazyMount: true, unmountOnExit: true, onExitComplete: kyc.reset, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "bg-bg-primary-alt lg:min-h-auto mx-auto min-h-full w-full lg:w-fit", children: [kyc.capturing === 'SELFIE' && _jsx(CaptureSelfie, {}), kyc.capturing === 'ID_DOCUMENT' && _jsx(CaptureIdDocument, {}), !kyc.capturing && (_jsxs("div", { className: "w-full p-3xl lg:w-[400px]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto mb-5 block h-7.5 w-auto", draggable: false }), _jsx(Indicator, {}), kyc.step === 1 && _jsx(BasicInformation, {}), kyc.step === 2 && _jsx(IdentityVerification, {}), kyc.step === 3 && _jsx(PersonalInformation, {})] }))] }) })] }) }) }));
 }

package/dist/components/News/News.js

@@ -1,12 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Image from 'next/image';
 import Link from 'next/link';
-import { DOMAIN } from '../../constants/index.js';
 import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.js';
 import { Prose } from '../../ui/Prose/index.js';
 import { stripTags } from '../../utils/stripTags.js';
 export function News(props) {
-    return (_jsxs(_Fragment, { children: [_jsx("meta", { name: "description", content: stripTags(props.news.content) }), _jsx("meta", { name: "og:title", content: props.news.title }), _jsx("meta", { name: "og:description", content: stripTags(props.news.content) }), _jsx("meta", { name: "og:image", content: props.news.image }), _jsx("meta", { name: "twitter:title", content: props.news.title }), _jsx("meta", { name: "twitter:description", content: stripTags(props.news.content) }), _jsx("meta", { name: "twitter:image", content: props.news.image }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsx("meta", { name: "twitter:site", content: DOMAIN }), _jsxs("div", { style: props.style, className: props.className, children: [_jsxs(Link, { href: props.viewAllUrl ?? '/news', className: "text-button-secondary-fg flex items-center gap-lg text-lg font-semibold", children: [_jsx(ChevronLeftIcon, { className: "size-6" }), "Back to all News"] }), _jsx(Image, { src: props.news.image, alt: "", width: 1024, height: 600, priority: true, unoptimized: true, className: "mt-3xl block h-auto w-full rounded-xl lg:mt-6" }), _jsx("p", { className: "text-brand-400 mt-xl text-sm font-semibold lg:mt-6", children: props.news.category }), _jsx("h2", { className: "mt-xl text-2xl font-semibold lg:mt-6", children: props.news.title }), _jsx(Prose, { className: "mt-xl lg:mt-6", dangerouslySetInnerHTML: {
+    return (_jsxs(_Fragment, { children: [_jsx("meta", { name: "description", content: stripTags(props.news.content) }), _jsx("meta", { name: "og:title", content: props.news.title }), _jsx("meta", { name: "og:description", content: stripTags(props.news.content) }), _jsx("meta", { name: "og:image", content: props.news.image }), _jsx("meta", { name: "twitter:title", content: props.news.title }), _jsx("meta", { name: "twitter:description", content: stripTags(props.news.content) }), _jsx("meta", { name: "twitter:image", content: props.news.image }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsxs("div", { style: props.style, className: props.className, children: [_jsxs(Link, { href: props.viewAllUrl ?? '/news', className: "text-button-secondary-fg flex items-center gap-lg text-lg font-semibold", children: [_jsx(ChevronLeftIcon, { className: "size-6" }), "Back to all News"] }), _jsx(Image, { src: props.news.image, alt: "", width: 1024, height: 600, priority: true, unoptimized: true, className: "mt-3xl block h-auto w-full rounded-xl lg:mt-6" }), _jsx("p", { className: "text-brand-400 mt-xl text-sm font-semibold lg:mt-6", children: props.news.category }), _jsx("h2", { className: "mt-xl text-2xl font-semibold lg:mt-6", children: props.news.title }), _jsx(Prose, { className: "mt-xl lg:mt-6", dangerouslySetInnerHTML: {
                             __html: props.news.content,
                         } })] })] }));
 }

package/dist/components/Promo/Promo.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { notFound } from 'next/navigation';
-import { DOMAIN } from '../../constants/index.js';
 import { prefetchPromoQuery } from '../../server/utils/prefetchPromoQuery.js';
 import { getPromo } from '../../services/wallet.js';
 import { stripTags } from '../../utils/stripTags.js';
@@ -11,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("meta", { name: "twitter:site", content: DOMAIN }), _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/SignUp/SignUpForm.js

@@ -192,7 +192,8 @@ export function SignUpForm() {
                                     mobileNumber: mobileNumberParser.format(mobileNumber),
                                     verificationCode: verificationCode.join(''),
                                     referralCode: search.get('referralCode') ?? undefined,
-                                    domain: search.get('domain') ?? undefined,
+                                    domain: search.get('domain') ??
+                                        new URL(window.location.href).hostname,
                                     btag: search.get('btag') ?? undefined,
                                 });
                                 const name = mobileNumberParser.format(mobileNumber);

package/dist/constants/EnvVar.d.ts

@@ -3,4 +3,3 @@ export declare const PLATFORM_ID: string;
 export declare const PLATFORM_CODE: string;
 export declare const ENVIRONMENT: "production" | "development";
 export declare const BYPASS_RECAPTCHA: boolean;
-export declare const DOMAIN: string;

package/dist/constants/EnvVar.js

@@ -23,8 +23,3 @@ export const BYPASS_RECAPTCHA = z
     .transform(Boolean)
     .catch(false)
     .parse(process.env.NEXT_PUBLIC_BYPASS_RECAPTCHA);
-export const DOMAIN = z
-    .string()
-    .url()
-    .catch('http://localhost:80')
-    .parse(process.env.NEXT_PUBLIC_DOMAIN);

package/dist/constants/StorageKey.d.ts

@@ -1,2 +1,3 @@
 export declare const ACCESS_TOKEN_COOKIE_NAME: string;
 export declare const REFRESH_TOKEN_COOKIE_NAME: string;
+export declare const KYC_PROMPT_LOCALSTORAGE_KEY: string;

package/dist/constants/StorageKey.js

@@ -1,2 +1,3 @@
 export const ACCESS_TOKEN_COOKIE_NAME = 'WebPortalAuthAccessToken';
 export const REFRESH_TOKEN_COOKIE_NAME = 'WebPortalAuthRefreshToken';
+export const KYC_PROMPT_LOCALSTORAGE_KEY = 'WebPortalKYCPrompted';

package/dist/services/graphqlRequest.js

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { BYPASS_RECAPTCHA, DOMAIN, ENVIRONMENT, PLATFORM_CODE, PLATFORM_ID, RECAPTCHA_HEADER_KEY, SITE_ID, TEST_PASS_HEADER_KEY, } from '../constants/index.js';
+import { BYPASS_RECAPTCHA, ENVIRONMENT, PLATFORM_CODE, PLATFORM_ID, RECAPTCHA_HEADER_KEY, SITE_ID, TEST_PASS_HEADER_KEY, } from '../constants/index.js';
 export async function graphqlRequest(url, query, variables, options) {
     const headers = new Headers();
     headers.set('Role', 'MEMBER');
@@ -9,7 +9,6 @@ export async function graphqlRequest(url, query, variables, options) {
     headers.set('Environment', ENVIRONMENT);
     headers.set('Accept', 'application/json');
     headers.set('Content-Type', 'application/json');
-    headers.set('Domain', DOMAIN);
     new Headers(options?.headers).forEach((value, key) => {
         headers.set(key, value);
     });
@@ -114,7 +113,6 @@ export async function graphqlUpload(url, query, variables, options) {
     headers.set('Platform-ID', PLATFORM_ID);
     headers.set('Platform-Code', PLATFORM_CODE);
     headers.set('Environment', ENVIRONMENT);
-    headers.set('Domain', DOMAIN);
     headers.delete('Content-Type');
     if (BYPASS_RECAPTCHA) {
         headers.set(TEST_PASS_HEADER_KEY, '');

package/dist/services/httpRequest.js

@@ -1,5 +1,5 @@
 import { z } from 'zod';
-import { BYPASS_RECAPTCHA, DOMAIN, ENVIRONMENT, PLATFORM_CODE, PLATFORM_ID, RECAPTCHA_HEADER_KEY, SITE_ID, TEST_PASS_HEADER_KEY, } from '../constants/index.js';
+import { BYPASS_RECAPTCHA, ENVIRONMENT, PLATFORM_CODE, PLATFORM_ID, RECAPTCHA_HEADER_KEY, SITE_ID, TEST_PASS_HEADER_KEY, } from '../constants/index.js';
 export async function httpRequest(url, opts = {}) {
     const headers = new Headers(opts.headers);
     headers.set('Role', 'MEMBER');
@@ -7,7 +7,6 @@ export async function httpRequest(url, opts = {}) {
     headers.set('Platform-ID', PLATFORM_ID);
     headers.set('Platform-Code', PLATFORM_CODE);
     headers.set('Environment', ENVIRONMENT);
-    headers.set('Domain', DOMAIN);
     new Headers(opts.headers).forEach((value, key) => {
         headers.set(key, value);
     });
@@ -45,7 +44,6 @@ httpRequest.json = async (url, opts = {}) => {
     headers.set('Platform-Code', PLATFORM_CODE);
     headers.set('Accept', 'application/json');
     headers.set('Content-Type', 'application/json');
-    headers.set('Domain', DOMAIN);
     new Headers(opts.headers).forEach((value, key) => {
         headers.set(key, value);
     });

package/dist/services/queries.d.ts

@@ -82,7 +82,7 @@ export declare const PLATFORM = "\n  query Platform {\n    timezone\n    currenc
 export declare const PAYMENT_SETTINGS = "\n  fragment DepositGatewaySettingsCoreData on DepositGatewaySettings {\n    minimumAmount\n    maximumAmount\n    webEnabled\n    mobileWebEnabled\n    androidEnabled\n    iosEnabled\n    bankAccountName\n    bankAccountNumber\n    bankIFSCCode\n    upiId\n    upiQRCode {\n      id\n      url\n    }\n  }\n\n  fragment WithdrawalGatewaySettingsCoreData on WithdrawalGatewaySettings {\n    minimumAmount\n    maximumAmount\n    webEnabled\n    mobileWebEnabled\n    androidEnabled\n    iosEnabled\n  }\n\n  query PaymentSettings {\n    minimumFirstDepositAmount\n    restrictWithdrawalsToVerifiedMembers\n    bankDepositGatewaySettings: depositGatewaySettings(gateway: BANK) {\n      ...DepositGatewaySettingsCoreData\n    }\n    gcashDepositGatewaySettings: depositGatewaySettings(gateway: GCASH) {\n      ...DepositGatewaySettingsCoreData\n    }\n    mayaDepositGatewaySettings: depositGatewaySettings(gateway: MAYA) {\n      ...DepositGatewaySettingsCoreData\n    }\n    mayaAppDepositGatewaySettings: depositGatewaySettings(gateway: MAYA_APP) {\n      ...DepositGatewaySettingsCoreData\n    }\n    onlineBankDepositGatewaySettings: depositGatewaySettings(\n      gateway: ONLINE_BANK\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    qrphDepositGatewaySettings: depositGatewaySettings(gateway: QR_PH) {\n      ...DepositGatewaySettingsCoreData\n    }\n    manualBankDepositGatewaySettings: depositGatewaySettings(\n      gateway: MANUAL_BANK\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    manualUPIDepositGatewaySettings: depositGatewaySettings(\n      gateway: MANUAL_UPI\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    bankWithdrawalGatewaySettings: withdrawalGatewaySettings(gateway: BANK) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    gcashWithdrawalGatewaySettings: withdrawalGatewaySettings(gateway: GCASH) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    mayaWithdrawalGatewaySettings: withdrawalGatewaySettings(gateway: MAYA) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    mayaAppWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: MAYA_APP\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    instapayWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: INSTAPAY\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    manualBankWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: MANUAL_BANK\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    manualUPIWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: MANUAL_UPI\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n  }\n";
 export declare const MAYA_SESSION = "\n  query MayaSession($id: ObjectId!) {\n    mayaSession(id: $id) {\n      id\n      member\n      dateTimeCreated\n    }\n  }\n";
 export declare const VALIDATE_MAYA_SESSION = "\n  mutation ValidateMayaSession {\n    validateMayaSession: validMayaSession\n  }\n";
-export declare const ACTIVITY_RECORDS = "\n  query ActivityRecords(\n    $after: Cursor\n    $first: Int\n    $filter: ActivityRecordsFilterInput\n  ) {\n    member {\n      activityRecords(after: $after, first: $first, filter: $filter) {\n        edges {\n          cursor\n          node {\n            ... on MemberActivity {\n              id\n              type\n              domain\n              amount\n              details\n              dateTimeCreated\n            }\n          }\n        }\n        totalCount\n        pageInfo {\n          hasNextPage\n          endCursor\n        }\n      }\n    }\n  }\n";
+export declare const ACTIVITY_RECORDS = "\n  query ActivityRecords(\n    $after: Cursor\n    $first: Int\n    $filter: ActivityRecordsFilterInput\n  ) {\n    member {\n      activityRecords(after: $after, first: $first, filter: $filter) {\n        edges {\n          cursor\n          node {\n            ... on MemberActivity {\n              id\n              type\n              amount\n              details\n              dateTimeCreated\n            }\n          }\n        }\n        totalCount\n        pageInfo {\n          hasNextPage\n          endCursor\n        }\n      }\n    }\n  }\n";
 export declare const REFERRAL_CODE = "\n  query ReferralCode {\n    referralCode\n  }\n";
 export declare const UPDATE_REFERRAL_CODE = "\n  mutation UpdateReferralCode($input: UpdateReferralCodeInput!) {\n    updateReferralCode(input: $input) {\n      ... on ReferralCodeNotAvailableError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const REFERRAL_FRAGMENT = "\n  fragment ReferralFragment on Referral {\n    id\n    upline {\n      id\n      name\n      realName\n    }\n    downline {\n      id\n      name\n      realName\n    }\n    level\n    turnover\n    commission\n    dateTimeCreated\n  }\n";

package/dist/services/queries.js

@@ -1812,7 +1812,6 @@ export const ACTIVITY_RECORDS = /* GraphQL */ `
             ... on MemberActivity {
               id
               type
-              domain
               amount
               details
               dateTimeCreated

package/dist/types/index.d.ts

@@ -606,7 +606,6 @@ export type ActivityRecordType = 'REGISTRATION' | 'LOGIN' | 'DEPOSIT' | 'WITHDRA
 export interface ActivityRecord {
     id: string;
     type: ActivityRecordType;
-    domain?: string | null;
     amount?: string | null;
     details: string;
     dateTimeCreated: string;

package/package.json

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