@opexa/portal-components 0.0.1071 → 0.0.1073

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

@@ -32,7 +32,6 @@ import { Badge } from '../../ui/Badge/index.js';
 import { Drawer } from '../../ui/Drawer/index.js';
 import { Popover } from '../../ui/Popover/index.js';
 import { Portal } from '../../ui/Portal/index.js';
-import { capitalize } from '../../utils/capitalize.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { parseDecimal } from '../../utils/parseDecimal.js';
 import { getSessionQueryKey } from '../../utils/queryKeys.js';
@@ -102,9 +101,19 @@ function Profile() {
                 return 'danger';
         }
     };
-    return (_jsxs("div", { className: "flex shrink-0 items-center gap-lg", children: [_jsx(Image, { src: accountProps.avatar || avatarPlaceholder, alt: "", width: 48, height: 48, className: "size-12" }), _jsxs("div", { className: "grow", children: [_jsx("p", { className: "font-semibold text-text-secondary-700 leading-tight", children: account?.name }), _jsxs("div", { className: "flex", children: [_jsxs("p", { className: "grow items-center text-text-tertiary-600 leading-tight", children: ["ID: ", account?.id] }), accountProps.shouldShowAccountStatus && (_jsxs(Badge.Root, { colorScheme: getVerificationColorScheme(account?.verification?.status), className: "self-start", children: [_jsx(Badge.Indicator, {}), _jsx(Badge.Label, { children: account?.verification?.status === 'REJECTED'
-                                            ? 'Unverified'
-                                            : capitalize(account?.verification?.status || '') })] }))] })] })] }));
+    const getVerificationStatusLabel = (status) => {
+        switch (status) {
+            case 'VERIFIED':
+                return 'Verified';
+            case 'APPROVED':
+                return 'Verified';
+            case 'PENDING':
+                return 'Pending';
+            default:
+                return 'Unverified';
+        }
+    };
+    return (_jsxs("div", { className: "flex shrink-0 items-center gap-lg", children: [_jsx(Image, { src: accountProps.avatar || avatarPlaceholder, alt: "", width: 48, height: 48, className: "size-12" }), _jsxs("div", { className: "grow", children: [_jsx("p", { className: "font-semibold text-text-secondary-700 leading-tight", children: account?.name }), _jsxs("div", { className: "flex", children: [_jsxs("p", { className: "grow items-center text-text-tertiary-600 leading-tight", children: ["ID: ", account?.id] }), accountProps.shouldShowAccountStatus && (_jsxs(Badge.Root, { colorScheme: getVerificationColorScheme(account?.verification?.status), className: "self-start", children: [_jsx(Badge.Indicator, {}), _jsx(Badge.Label, { children: getVerificationStatusLabel(account?.verification?.status) })] }))] })] })] }));
 }
 function Links({ router, classNames, }) {
     const accountProps = useAccountPropsContext();

package/dist/components/Promo/Promo.client.js

@@ -48,7 +48,7 @@ export function Promo__client(props) {
     return (_jsxs("div", { className: classNames.root, children: [_jsxs(Link, { href: props.viewAllPromosUrl ?? '/promos', className: "flex w-fit items-center gap-lg font-semibold text-button-tertiary-fg text-lg", children: [_jsx(ChevronLeftIcon, { className: "size-6" }), "Back to all Promotions"] }), promo.banner.url && (_jsx(Image, { src: promo.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(promo.id);
-                }, children: "Deposit Now" })), _jsx("h1", { className: "mt-xl font-semibold text-2xl lg:mt-6 lg:text-3xl", children: promo.name }), _jsxs("p", { className: "mt-xl text-text-secondary-700 lg:mt-6", children: ["Ends", ' ', format(promo.activationEndDateTime, 'MM/dd/yyy hh:mm:ss', {
+                }, children: "Deposit Now" })), _jsx("h1", { className: "mt-xl font-semibold text-2xl lg:mt-6 lg:text-3xl", children: promo.name }), _jsxs("p", { className: "mt-xl text-text-secondary-700 lg:mt-6", children: ["Ends", ' ', format(promo.daysToClear, 'MM/dd/yyy hh:mm:ss', {
                         in: tz(localeInfo.timezone),
                     })] }), _jsx(Prose, { className: twMerge('mt-2xl lg:mt-6', classNames.promoDescription), dangerouslySetInnerHTML: { __html: descriptionHtml } })] }));
 }

package/dist/components/Quests/RemainingTime.js

@@ -1,15 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { endOfDay } from 'date-fns';
+import { useMemo } from 'react';
 import { useRemainingTime } from '../../client/hooks/useRemainingTime.js';
 import { ClockStopWatchIcon } from '../../icons/ClockStopWatchIcon.js';
 import { Badge } from '../../ui/Badge/index.js';
 import { useQuestContext } from './QuestsContext.js';
 export function RemainingTime({ endOfDay: useEndOfDay = false, className, }) {
     const quest = useQuestContext();
-    const targetDateTime = useEndOfDay
-        ? endOfDay(new Date(quest.endDateTime)).toISOString()
-        : quest.endDateTime;
-    const remainingTime = useRemainingTime(targetDateTime);
+    const targetDate = useMemo(() => {
+        const date = new Date(quest.dateTimeCreated);
+        date.setDate(date.getDate() + Number(quest.daysToClear ?? 0));
+        return date;
+    }, [quest.dateTimeCreated, quest.daysToClear]);
+    const remainingTime = useRemainingTime(targetDate);
     if (quest.status === 'COMPLETED') {
         return (_jsx(Badge.Root, { size: "lg", colorScheme: "success", round: false, className: className?.completedBadgeRoot, children: _jsx(Badge.Label, { className: className?.completedBadgeLabel, children: "Completed" }) }));
     }

package/package.json

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