@sonic-equipment/ui 0.0.105 → 0.0.107

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,18 @@ 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()));
     useEffect(() => {
+        if (endDate && now() >= endDate)
+            return;
         const interval = setInterval(() => {
-            if (endDate && endDate < new Date()) {
-                onDismiss?.(announcement.id);
-            }
+            setIsVisible((!startDate || startDate <= now()) && (!endDate || endDate > now()));
         }, 1 * TIME.MINUTE);
         return () => clearInterval(interval);
-    }, [endDate, onDismiss, announcement.id]);
-    if (startDate && startDate > new Date())
+    }, [endDate, startDate]);
+    if (!isVisible)
         return null;
     return jsx(Announcement, { announcement: announcement, onDismiss: onDismiss });
 }
@@ -8337,23 +8339,18 @@ var styles$B = {"announcement-provider":"announcement-provider-module-sVIKY","an
 
 function AnnouncementProvider() {
     const languageCode = useLanguageCode();
+    const nodeRef = useRef(null);
     const { data: announcements } = useFetchAnnouncements({
         languageCode,
     });
     const [dismissedIds, setDismissedIds] = useLocalStorage('dismissedAnnouncementIds', []);
     const filteredAnnouncements = announcements?.filter(({ id }) => !dismissedIds.includes(id));
-    return (jsx(TransitionGroup, { className: styles$B['announcement-provider'], children: filteredAnnouncements?.map(({ href, id, text, title, type }) => (jsx(CSSTransition, { classNames: {
+    return (jsx(TransitionGroup, { className: styles$B['announcement-provider'], children: filteredAnnouncements?.map(announcement => (jsx(CSSTransition, { classNames: {
                 enter: styles$B['announcement-enter'],
                 enterActive: styles$B['announcement-enter-active'],
                 exit: styles$B['announcement-exit'],
                 exitActive: styles$B['announcement-exit-active'],
-            }, timeout: 300, children: jsx(ConnectedAnnouncement, { announcement: {
-                    href,
-                    id,
-                    text,
-                    title,
-                    type,
-                }, onDismiss: id => setDismissedIds(dismissedIds => [...dismissedIds, id]) }) }, id))) }));
+            }, nodeRef: nodeRef, timeout: 300, children: jsx(ConnectedAnnouncement, { announcement: announcement, onDismiss: id => setDismissedIds(dismissedIds => [...dismissedIds, id]) }) }, announcement.id))) }));
 }
 
 var styles$A = {"page-container":"page-container-module-PYmbC","inner-page-container":"page-container-module-uD8GF"};

package/dist/src/notifications/announcements/announcement.stories.d.ts

@@ -1,5 +1,6 @@
 import type { StoryObj } from '@storybook/react';
 import { Announcement } from './announcement';
+import { AnnouncementProvider } from './announcement-provider';
 declare const meta: {
     component: typeof Announcement;
     parameters: {
@@ -14,3 +15,4 @@ export declare const Promo: Story;
 export declare const Informative: Story;
 export declare const Notice: Story;
 export declare const Critical: Story;
+export declare const Connected: StoryObj<typeof AnnouncementProvider>;

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.105",
+  "version": "0.0.107",
   "type": "module",
   "license": "MIT",
   "engines": {