@windstream/react-shared-components 0.2.58 → 0.2.60

package/package.json

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

package/src/contentful/blocks/award-marquee/index.test.tsx

@@ -28,6 +28,26 @@ describe("AwardMarquee", () => {
     expect(icon.src).toContain("icon-0.png");
   });
 
+  it("renders intrinsic icon dimensions when provided", () => {
+    const [item] = buildItems(1);
+    render(
+      <AwardMarquee
+        items={[{ ...item, iconWidth: 320, iconHeight: 180 }]}
+      />
+    );
+    const icon = screen.getByAltText("Award 0");
+    expect(icon).toHaveAttribute("width", "320");
+    expect(icon).toHaveAttribute("height", "180");
+    expect(icon).toHaveClass("w-[200px]");
+  });
+
+  it("omits intrinsic icon dimensions when unavailable", () => {
+    render(<AwardMarquee items={buildItems(1)} />);
+    const icon = screen.getByAltText("Award 0");
+    expect(icon).not.toHaveAttribute("width");
+    expect(icon).not.toHaveAttribute("height");
+  });
+
   it("renders a static (non-animated) list when scroll is disabled", () => {
     const { container } = render(
       <AwardMarquee items={buildItems(5)} scroll={false} />

package/src/contentful/blocks/award-marquee/index.tsx

@@ -21,14 +21,27 @@ const BACKGROUND_CLASS: Record<AwardMarqueeBackground, string> = {
 };
 
 const renderAwardItem = (
-  { iconUrl, iconAlt, title, description }: AwardMarqueeItem,
+  {
+    iconUrl,
+    iconAlt,
+    iconWidth,
+    iconHeight,
+    title,
+    description,
+  }: AwardMarqueeItem,
   key: React.Key
 ) => (
   <div
     key={key}
     className="ml-4 flex w-auto flex-shrink-0 items-center whitespace-nowrap"
   >
-    <img src={iconUrl} alt={iconAlt ?? ""} width={200} />
+    <img
+      src={iconUrl}
+      alt={iconAlt ?? ""}
+      width={iconWidth}
+      height={iconHeight}
+      className="w-[200px]"
+    />
     <div className="w-[250px] text-center">
       <p className="flex justify-center text-center text-body3 font-bold">
         {title}

package/src/contentful/blocks/award-marquee/types.ts

@@ -5,6 +5,8 @@ export type AwardMarqueeBackground = "cream" | "gray90" | "white";
 export type AwardMarqueeItem = {
   iconUrl: string;
   iconAlt?: string;
+  iconWidth?: number;
+  iconHeight?: number;
   title?: string;
   description?: string;
 };

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

@@ -13,6 +13,7 @@ import type { IconName } from "@shared/components/material-icon/types";
 import { Text } from "@shared/components/text";
 import { cx } from "@shared/utils";
 import { buildPreservedQueryHref } from "@shared/utils/utm";
+import { redirectToWifiGrantUrl } from "@shared/utils/wifi-grant-redirect";
 
 const textVariantClasses: Record<string, string> = {
   primary_brand: "text-text-brand",
@@ -114,13 +115,22 @@ export const Button: React.FC<ButtonProps> = props => {
     }
   }
 
+  // Self-contained: reads base_grant_url/user_continue_url and redirects, no host wiring needed.
+  function handleWifiGrantRedirect() {
+    if (preDefinedFunctionExecution === "wifi grant redirect") {
+      redirectToWifiGrantUrl();
+    }
+  }
+
   function linkClick(event: React.MouseEvent<HTMLAnchorElement>) {
     handleModalClick(event);
+    handleWifiGrantRedirect();
     onClick?.(event);
   }
 
   function buttonClick(event: React.MouseEvent<HTMLButtonElement>) {
     handleModalClick(event);
+    handleWifiGrantRedirect();
     onClick?.(event);
   }
 

package/src/contentful/blocks/dynamic-form/form-field.tsx

@@ -116,7 +116,7 @@ export const FormFieldElement: React.FC<FormFieldElementProps> = props => {
     } else if (fieldType === "Imageupload") {
       const nextFiles = Array.isArray(event) ? event : [];
       context?.setFiles(nextFiles);
-      updateFormData(fieldId!, nextFiles);
+      updateFormData("files", nextFiles);
       return;
     } else {
       const { name, value } = event.target;

package/src/utils/index.ts

@@ -27,6 +27,11 @@ export type {
 } from "../types/utm";
 export { UTM_PARAM_NAMES } from "../types/utm";
 
+export {
+  buildWifiGrantRedirectUrl,
+  redirectToWifiGrantUrl,
+} from "./wifi-grant-redirect";
+
 // Contentful utilities (server-safe, no "use client")
 export { toDocument } from "./contentful/to-document";
 export {

package/src/utils/wifi-grant-redirect.ts

@@ -0,0 +1,49 @@
+/**
+ * Wifi Grant Redirect Helpers
+ *
+ * Builds the captive-portal redirect URL for Wi-Fi splash pages (e.g. /free-public-wifi).
+ * The portal controller appends base_grant_url to the page URL; continue_url always
+ * points at the fixed success page below (not read from the portal's query params).
+ */
+
+const WIFI_GRANT_CONTINUE_URL = "https://www.gokinetic.com/free-public-wifi/success";
+const ALLOWED_BASE_GRANT_PROTOCOL = "https:";
+// Cisco Meraki captive-portal domain; grant URLs use a per-node subdomain (e.g. n143.network-auth.com).
+const ALLOWED_BASE_GRANT_DOMAIN = "network-auth.com";
+
+// Restricts redirects to the known captive-portal domain to prevent open redirect via base_grant_url.
+function getSafeBaseGrantUrl(rawBaseGrantUrl: string): URL | null {
+  try {
+    const parsed = new URL(rawBaseGrantUrl);
+    if (parsed.protocol !== ALLOWED_BASE_GRANT_PROTOCOL) return null;
+    const { hostname } = parsed;
+    const isAllowedHost =
+      hostname === ALLOWED_BASE_GRANT_DOMAIN ||
+      hostname.endsWith(`.${ALLOWED_BASE_GRANT_DOMAIN}`);
+    if (!isAllowedHost) return null;
+    return parsed;
+  } catch {
+    return null;
+  }
+}
+
+export function buildWifiGrantRedirectUrl(): string | null {
+  if (typeof window === "undefined") return null;
+  const params = new URLSearchParams(window.location.search);
+  const baseGrantUrl = params.get("base_grant_url");
+  if (!baseGrantUrl) return null;
+
+  const safeBaseGrantUrl = getSafeBaseGrantUrl(baseGrantUrl);
+  if (!safeBaseGrantUrl) return null;
+
+  safeBaseGrantUrl.searchParams.set("continue_url", WIFI_GRANT_CONTINUE_URL);
+  safeBaseGrantUrl.searchParams.set("duration", "86400");
+  return safeBaseGrantUrl.toString();
+}
+
+export function redirectToWifiGrantUrl(): boolean {
+  const redirectUrl = buildWifiGrantRedirectUrl();
+  if (!redirectUrl) return false;
+  window.location.href = redirectUrl;
+  return true;
+}