@opexa/portal-components 0.0.1091 → 0.0.1093

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

@@ -1,20 +1,21 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { endOfDay } from 'date-fns';
+import { tz } from '@date-fns/tz';
+import { format } from 'date-fns';
 import { isString } from 'lodash-es';
 import Image from 'next/image';
 import Link from 'next/link';
-import { useMemo } from 'react';
 import { twMerge } from 'tailwind-merge';
 import { useShallow } from 'zustand/shallow';
 import { useAvailablePromosQuery } from '../../client/hooks/useAvailablePromosQuery.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
 import { usePromoQuery } from '../../client/hooks/usePromoQuery.js';
-import { useRemainingTime } from '../../client/hooks/useRemainingTime.js';
 import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.js';
 import { Button } from '../../ui/Button/index.js';
 import { Prose } from '../../ui/Prose/index.js';
 export function Promo__client({ useEndOfDay = false, ...props }) {
+    const localeInfo = useLocaleInfo();
     const availablePromosQuery = useAvailablePromosQuery();
     const availablePromos = availablePromosQuery.data ?? [];
     const promoQuery = usePromoQuery(props.id);
@@ -23,20 +24,6 @@ export function Promo__client({ useEndOfDay = false, ...props }) {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
     })));
-    const targetDateTime = useMemo(() => {
-        if (promo?.daysToClear) {
-            const date = new Date(promo.dateTimeCreated);
-            date.setDate(date.getDate() + Number(promo.daysToClear));
-            return useEndOfDay ? endOfDay(date) : date;
-        }
-        return new Date(promo?.activationEndDateTime ?? 0);
-    }, [
-        promo?.dateTimeCreated,
-        promo?.daysToClear,
-        promo?.activationEndDateTime,
-        useEndOfDay,
-    ]);
-    const remainingTime = useRemainingTime(targetDateTime);
     if (!promo)
         return null;
     const classNames = isString(props.className)
@@ -61,5 +48,7 @@ export function Promo__client({ useEndOfDay = false, ...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 ", remainingTime.toString()] }), _jsx(Prose, { className: twMerge('mt-2xl lg:mt-6', classNames.promoDescription), dangerouslySetInnerHTML: { __html: descriptionHtml } })] }));
+                }, 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', {
+                        in: tz(localeInfo.timezone),
+                    })] }), _jsx(Prose, { className: twMerge('mt-2xl lg:mt-6', classNames.promoDescription), dangerouslySetInnerHTML: { __html: descriptionHtml } })] }));
 }

package/dist/components/Quests/RemainingTime.js

@@ -8,18 +8,14 @@ import { useQuestContext } from './QuestsContext.js';
 export function RemainingTime({ endOfDay: useEndOfDay = false, className, }) {
     const quest = useQuestContext();
     const targetDateTime = useMemo(() => {
-        if (quest.daysToClear) {
-            const date = new Date(quest.dateTimeCreated);
-            date.setDate(date.getDate() + Number(quest.daysToClear));
-            return useEndOfDay ? endOfDay(date) : date;
+        const daysToClear = Number(quest.daysToClear);
+        if (Number.isInteger(daysToClear) && daysToClear > 0) {
+            const now = new Date();
+            now.setDate(now.getDate() + daysToClear);
+            return useEndOfDay ? endOfDay(now) : now;
         }
-        return new Date(quest.endDateTime);
-    }, [
-        quest.dateTimeCreated,
-        quest.daysToClear,
-        quest.endDateTime,
-        useEndOfDay,
-    ]);
+        return 0;
+    }, [quest.daysToClear, useEndOfDay]);
     const remainingTime = useRemainingTime(targetDateTime);
     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.1091",
+	"version": "0.0.1093",
 	"exports": {
 		"./ui/*": {
 			"types": "./dist/ui/*/index.d.ts",