@windstream/react-shared-components 0.2.64 → 0.2.65

package/dist/index.d.ts

@@ -70,7 +70,7 @@ declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAtt
     size?: "slim" | "medium" | "large" | undefined;
     label?: string | undefined;
     errorText?: string | undefined;
-    prefixIconName?: "location_on" | "search" | undefined;
+    prefixIconName?: "search" | "location_on" | undefined;
     prefixIconSize?: 20 | 24 | 40 | 48 | undefined;
     prefixIconFill?: boolean | undefined;
     suffixIconFill?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windstream/react-shared-components",
-  "version": "0.2.64",
+  "version": "0.2.65",
   "type": "module",
   "description": "Shared React components for Kinetic applications",
   "main": "dist/index.js",

package/src/contentful/blocks/anchored-bottom-banner/index.tsx

@@ -178,18 +178,27 @@ export const AnchoredBottomBanner: React.FC<AnchoredBottomBannerProps> = ({
   const [nowMs, setNowMs] = useState(() => Date.now());
   const intervalRef = useRef<number | null>(null);
 
+  const [hasMounted, setHasMounted] = useState(false);
+  useEffect(() => setHasMounted(true), []);
+
   // The message active for "now" (display window + daysToShow) wins.
   const activeMessage = useMemo(
-    () => scheduledMessages?.find(message => isMessageActive(message, nowMs)),
-    [scheduledMessages, nowMs]
+    () =>
+      hasMounted
+        ? scheduledMessages?.find(message => isMessageActive(message, nowMs))
+        : undefined,
+    [scheduledMessages, nowMs, hasMounted]
   );
   const hasActiveMessage = activeMessage !== undefined;
 
   // Expose the resolved result so consumers (analytics) can read what showed.
   const applicableWeekday = schedulingZoneWeekday(nowMs);
   useEffect(() => {
+    // Only report after client-side schedule resolution so analytics never
+    // records the pre-mount hasActiveMessage:false fallback.
+    if (!hasMounted) return;
     onResolved?.({ hasActiveMessage, activeMessage, applicableWeekday });
-  }, [hasActiveMessage, activeMessage, applicableWeekday, onResolved]);
+  }, [hasMounted, hasActiveMessage, activeMessage, applicableWeekday, onResolved]);
 
   // Latest display-window end, so we keep ticking to let messages activate/expire.
   const scheduleMaxEndMs = useMemo(() => {
@@ -328,12 +337,12 @@ export const AnchoredBottomBanner: React.FC<AnchoredBottomBannerProps> = ({
                   className={`${textColorClass} align-text-bottom`}
                 />
               )}
-              {countdown.shouldShow && (
+              {hasMounted && countdown.shouldShow && (
                 <span className="inline-block whitespace-nowrap rounded-lg bg-white px-1 tabular-nums text-text">
                   {countdown.text}
                 </span>
               )}
-              {countdown.shouldShow ? " " : null}
+              {hasMounted && countdown.shouldShow ? " " : null}
               {effectiveCtaButtonLabel && effectiveCtaButtonLabel}{" "}
               {effectiveCtaSuffixText && (
                 <span className="ml-0.5">{effectiveCtaSuffixText}</span>

package/src/contentful/blocks/footer/index.test.tsx

@@ -205,6 +205,23 @@ describe("Footer", () => {
   });
 
   describe("Copyright and terms", () => {
+    it("wraps copyrights in a <div> (not a <p>) so block-level rich text is valid", () => {
+      render(<Footer {...defaultProps} />);
+      const copyEl = screen.getByText("All rights reserved.");
+      expect(copyEl.tagName).toBe("DIV");
+    });
+
+    it("renders block-level rich text in copyrights without invalid <div>-in-<p> nesting", () => {
+      render(
+        <Footer
+          {...defaultProps}
+          copyrights={<div data-testid="rich-copyright">© 2026 Windstream</div>}
+        />
+      );
+      // the rich-text <div> must NOT be nested inside a <p>
+      expect(screen.getByTestId("rich-copyright").closest("p")).toBeNull();
+    });
+
     it("renders copyright year with current year", () => {
       render(<Footer {...defaultProps} />);
       const currentYear = new Date().getFullYear().toString();

package/src/contentful/blocks/footer/index.tsx

@@ -64,7 +64,7 @@ export const Footer: React.FC<FooterProps> = ({
           <p className="terms-text footnote text-white">
             &copy; {new Date().getFullYear()} {terms}
           </p>
-          <p className="copy-rights whitespace-pre-line">{copyrights}</p>
+          <div className="copy-rights whitespace-pre-line">{copyrights}</div>
           <nav aria-label="Footer legal">
             <ul className="bottom-links list-none">
               {bottomLinks?.map((link: any, index: number) => (