@sonic-equipment/ui 0.0.106 → 0.0.108

package/dist/index.js

@@ -2126,7 +2126,7 @@ function nextTick(callback, delay) {
   }
   return setTimeout(callback, delay);
 }
-function now() {
+function now$1() {
   return Date.now();
 }
 function getComputedStyle$1(el) {
@@ -2829,7 +2829,7 @@ function freeMode(_ref) {
     }
     data.velocities.push({
       position: touches[swiper.isHorizontal() ? 'currentX' : 'currentY'],
-      time: now()
+      time: now$1()
     });
   }
   function onTouchEnd(_ref2) {
@@ -2845,7 +2845,7 @@ function freeMode(_ref) {
       touchEventsData: data
     } = swiper;
     // Time diff
-    const touchEndTime = now();
+    const touchEndTime = now$1();
     const timeDiff = touchEndTime - data.touchStartTime;
     if (currentPos < -swiper.minTranslate()) {
       swiper.slideTo(swiper.activeIndex);
@@ -2872,7 +2872,7 @@ function freeMode(_ref) {
         }
         // this implies that the user stopped moving a finger then released.
         // There would be no events with distance zero, so the last event is stale.
-        if (time > 150 || now() - lastMoveEvent.time > 300) {
+        if (time > 150 || now$1() - lastMoveEvent.time > 300) {
           swiper.velocity = 0;
         }
       } else {
@@ -5254,7 +5254,7 @@ function onTouchStart(event) {
   });
   touches.startX = startX;
   touches.startY = startY;
-  data.touchStartTime = now();
+  data.touchStartTime = now$1();
   swiper.allowClick = true;
   swiper.updateSize();
   swiper.swipeDirection = undefined;
@@ -5329,7 +5329,7 @@ function onTouchMove(event) {
         currentX: pageX,
         currentY: pageY
       });
-      data.touchStartTime = now();
+      data.touchStartTime = now$1();
     }
     return;
   }
@@ -5590,7 +5590,7 @@ function onTouchEnd(event) {
   }
 
   // Time diff
-  const touchEndTime = now();
+  const touchEndTime = now$1();
   const timeDiff = touchEndTime - data.touchStartTime;
 
   // Tap, doubleTap, Click
@@ -5602,7 +5602,7 @@ function onTouchEnd(event) {
       swiper.emit('doubleTap doubleClick', e);
     }
   }
-  data.lastClickTime = now();
+  data.lastClickTime = now$1();
   nextTick(() => {
     if (!swiper.destroyed) swiper.allowClick = true;
   });
@@ -8319,16 +8319,22 @@ function Announcement({ announcement: { href, id, text, title, type }, onDismiss
     return (jsxs(RouteLink, { className: clsx(styles$C.announcement, styles$C[type]), href: href, children: [jsxs("div", { className: styles$C.wrapper, children: [jsx("div", { className: styles$C.icon, children: iconMap[type] }), jsxs("div", { className: styles$C.content, children: [jsx("h2", { className: styles$C.title, children: title }), jsxs("p", { className: styles$C.text, children: [text, jsx(GlyphsArrowSemiBoldRightIcon, {})] })] })] }), jsx("div", { className: styles$C.close, children: jsx(IconButton, { color: "current-color", onClick: () => onDismiss?.(id), children: jsx(StrokeCloseboxIcon, {}) }) })] }));
 }
 
+const now = () => new Date();
 function ConnectedAnnouncement({ announcement: { endDate, startDate, ...announcement }, onDismiss, }) {
+    const [isVisible, setIsVisible] = useState((!startDate || startDate <= now()) && (!endDate || endDate > now()));
+    const getIsVisible = useCallback(() => isVisible, [isVisible]);
     useEffect(() => {
-        const interval = setInterval(() => {
-            if (endDate && endDate < new Date()) {
-                onDismiss?.(announcement.id);
-            }
+        if (endDate && now() >= endDate)
+            return;
+        const intervalId = setInterval(() => {
+            const isStillVisible = (!startDate || startDate <= now()) && (!endDate || endDate > now());
+            if (getIsVisible() && !isStillVisible)
+                clearInterval(intervalId);
+            setIsVisible(isStillVisible);
         }, 1 * TIME.MINUTE);
-        return () => clearInterval(interval);
-    }, [endDate, onDismiss, announcement.id]);
-    if (startDate && startDate > new Date())
+        return () => clearInterval(intervalId);
+    }, [endDate, getIsVisible, startDate]);
+    if (!isVisible)
         return null;
     return jsx(Announcement, { announcement: announcement, onDismiss: onDismiss });
 }

package/dist/src/notifications/announcements/connected-announcement.d.ts

@@ -1,4 +1,5 @@
 import { AnnouncementProps } from './announcement';
 type ConnectedAnnouncementProps = AnnouncementProps;
+export declare const now: () => Date;
 export declare function ConnectedAnnouncement({ announcement: { endDate, startDate, ...announcement }, onDismiss, }: ConnectedAnnouncementProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "0.0.106",
+  "version": "0.0.108",
   "type": "module",
   "license": "MIT",
   "engines": {