@opexa/portal-components 0.0.1090 → 0.0.1092

package/dist/components/KYC/KYCDefault/PersonalInformation.js

@@ -153,8 +153,16 @@ export function PersonalInformation() {
                     status: 'PENDING',
                 };
             });
-            //refetch fresh data to show kyc reminder modal when verification lock & pending status
-            queryClient.invalidateQueries({ queryKey: getAccountQueryKey() });
+            queryClient.setQueryData(getAccountQueryKey(), (prev) => {
+                if (!prev)
+                    return prev;
+                return {
+                    ...prev,
+                    verification: {
+                        status: 'PENDING',
+                    },
+                };
+            });
             kyc.setDone(true);
             globalStore.kyc.setOpen(false);
             globalStore.kycAccountVerificationRequired.setOpen(false);

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/package.json

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