@windstream/react-shared-components 0.1.79 → 0.1.80

package/src/utils/index.ts

@@ -1,41 +1,41 @@
-export { cx, clsx } from "./cx";
-export type { ClassValue } from "./cx";
-
-// Decorative SVG generators
-export { SpeedCardBg } from "./speed-card-bg";
-
-// UTM & Cookie utilities
-export {
-  getUTMs,
-  setUTMs,
-  removeUTMs,
-  getCookie,
-  getParsedCookie,
-  setCookie,
-} from "./cookie";
-export {
-  getUtmParametersFromURL,
-  combineExistingAndNewUTMs,
-  getOrganicTrafficUtmParameters,
-  getCampaignProperties,
-  buildPreservedQueryHref,
-} from "./utm";
-export type {
-  UTMProperty,
-  UTMProperties,
-  CampaignProperties,
-} from "../types/utm";
-export { UTM_PARAM_NAMES } from "../types/utm";
-
-// Contentful utilities (server-safe, no "use client")
-export { toDocument } from "./contentful/to-document";
-export {
-  renderContentfulRichText,
-  useContentfulRichText,
-  renderContentfulRichTextTable,
-} from "../hooks/contentful/use-contentful-rich-text";
-export {
-  useProcessedChecklist,
-  label1BoldOptions,
-} from "../hooks/contentful/use-processed-check-list";
-export type { ProcessedChecklistItem } from "../hooks/contentful/use-processed-check-list";
+export { cx, clsx } from "./cx";
+export type { ClassValue } from "./cx";
+
+// Decorative SVG generators
+export { SpeedCardBg } from "./speed-card-bg";
+
+// UTM & Cookie utilities
+export {
+  getUTMs,
+  setUTMs,
+  removeUTMs,
+  getCookie,
+  getParsedCookie,
+  setCookie,
+} from "./cookie";
+export {
+  getUtmParametersFromURL,
+  combineExistingAndNewUTMs,
+  getOrganicTrafficUtmParameters,
+  getCampaignProperties,
+  buildPreservedQueryHref,
+} from "./utm";
+export type {
+  UTMProperty,
+  UTMProperties,
+  CampaignProperties,
+} from "../types/utm";
+export { UTM_PARAM_NAMES } from "../types/utm";
+
+// Contentful utilities (server-safe, no "use client")
+export { toDocument } from "./contentful/to-document";
+export {
+  renderContentfulRichText,
+  useContentfulRichText,
+  renderContentfulRichTextTable,
+} from "../hooks/contentful/use-contentful-rich-text";
+export {
+  useProcessedChecklist,
+  label1BoldOptions,
+} from "../hooks/contentful/use-processed-check-list";
+export type { ProcessedChecklistItem } from "../hooks/contentful/use-processed-check-list";

package/src/utils/speed-card-bg.ts

@@ -1,24 +1,24 @@
-/**
- * Returns an inline SVG string for the SpeedCard pinwheel decorative
- * background. The two paths are filled with the provided color so callers
- * can theme the background dynamically (used by SimpleCard when
- * `showBackgroundImage` is enabled and a `pinwheelColor` is provided).
- *
- * Output is intended to be embedded as a `data:image/svg+xml;utf8,...`
- * `background-image`. Encode the result with `encodeURIComponent`.
- */
-export const SpeedCardBg = (color: string = "#24A76A"): string => {
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="684" height="107" viewBox="0 0 684 107" fill="none">
-    <g clip-path="url(#clip0_12352_9042)">
-      <path d="M154.09 -70.5605C173.769 -7.58032 204.79 24.8889 328.202 55.2823C444.619 83.9133 629.479 141.332 667.653 80.7015C691.679 45.2165 678.322 -5.62201 670.537 -46.3554C664.452 -73.1846 658.327 -97.1939 652.913 -123.475C651.135 -132.091 638.766 -131.974 637.067 -123.318C628.136 -77.6888 612.526 -44.9062 577.593 -22.4637C517.962 20.1889 377.954 -6.48361 303.148 -38.287C223.245 -70.7171 200.918 -132.366 195.425 -199.341C193.37 -235.257 198.467 -269.841 208.07 -299.569C210.915 -308.303 199.218 -314.178 193.844 -306.697C151.324 -247.751 137.69 -140.395 154.129 -70.5213" fill="${color}" />
-      <path d="M167.605 -417.382C104.062 -397.877 71.302 -367.131 40.6368 -244.813C11.7499 -129.428 -46.182 53.7941 14.9903 91.6292C50.7927 115.443 102.086 102.204 143.183 94.4883C170.253 88.4567 194.476 82.3858 220.992 77.02C229.686 75.2574 229.568 62.9983 220.834 61.3141C174.797 52.4624 141.721 36.9915 119.078 2.36813C76.0441 -56.7345 102.955 -195.502 135.043 -269.645C167.763 -348.84 229.963 -370.969 297.537 -376.414C333.774 -378.45 368.667 -373.398 398.661 -363.88C407.473 -361.06 413.401 -372.654 405.853 -377.98C346.38 -420.124 238.064 -433.636 167.565 -417.343" fill="${color}" />
-    </g>
-    <defs>
-      <clipPath id="clip0_12352_9042">
-        <rect width="684" height="107" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>`;
-};
-
-export default SpeedCardBg;
+/**
+ * Returns an inline SVG string for the SpeedCard pinwheel decorative
+ * background. The two paths are filled with the provided color so callers
+ * can theme the background dynamically (used by SimpleCard when
+ * `showBackgroundImage` is enabled and a `pinwheelColor` is provided).
+ *
+ * Output is intended to be embedded as a `data:image/svg+xml;utf8,...`
+ * `background-image`. Encode the result with `encodeURIComponent`.
+ */
+export const SpeedCardBg = (color: string = "#24A76A"): string => {
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="684" height="107" viewBox="0 0 684 107" fill="none">
+    <g clip-path="url(#clip0_12352_9042)">
+      <path d="M154.09 -70.5605C173.769 -7.58032 204.79 24.8889 328.202 55.2823C444.619 83.9133 629.479 141.332 667.653 80.7015C691.679 45.2165 678.322 -5.62201 670.537 -46.3554C664.452 -73.1846 658.327 -97.1939 652.913 -123.475C651.135 -132.091 638.766 -131.974 637.067 -123.318C628.136 -77.6888 612.526 -44.9062 577.593 -22.4637C517.962 20.1889 377.954 -6.48361 303.148 -38.287C223.245 -70.7171 200.918 -132.366 195.425 -199.341C193.37 -235.257 198.467 -269.841 208.07 -299.569C210.915 -308.303 199.218 -314.178 193.844 -306.697C151.324 -247.751 137.69 -140.395 154.129 -70.5213" fill="${color}" />
+      <path d="M167.605 -417.382C104.062 -397.877 71.302 -367.131 40.6368 -244.813C11.7499 -129.428 -46.182 53.7941 14.9903 91.6292C50.7927 115.443 102.086 102.204 143.183 94.4883C170.253 88.4567 194.476 82.3858 220.992 77.02C229.686 75.2574 229.568 62.9983 220.834 61.3141C174.797 52.4624 141.721 36.9915 119.078 2.36813C76.0441 -56.7345 102.955 -195.502 135.043 -269.645C167.763 -348.84 229.963 -370.969 297.537 -376.414C333.774 -378.45 368.667 -373.398 398.661 -363.88C407.473 -361.06 413.401 -372.654 405.853 -377.98C346.38 -420.124 238.064 -433.636 167.565 -417.343" fill="${color}" />
+    </g>
+    <defs>
+      <clipPath id="clip0_12352_9042">
+        <rect width="684" height="107" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>`;
+};
+
+export default SpeedCardBg;

package/src/utils/utm.ts

@@ -1,221 +1,221 @@
-/**
- * UTM Parameter Helpers
- *
- * Functions for extracting, combining, and mapping UTM parameters
- * for marketing campaign attribution.
- */
-import {
-  UTM_PARAM_NAMES,
-  type CampaignProperties,
-  type UTMProperties,
-  type UTMProperty,
-} from "../types/utm";
-
-/**
- * Extracts UTM parameters from the current page URL.
- * Parses window.location.search for the 10 tracked UTM/click-ID params.
- * @returns UTMProperties with any found values, or null if none found.
- */
-export function getUtmParametersFromURL(): UTMProperties | null {
-  if (typeof window === "undefined") return null;
-
-  const searchParams = new URLSearchParams(window.location.search);
-  const utms: UTMProperties = {};
-  let found = false;
-
-  for (const param of UTM_PARAM_NAMES) {
-    const value = searchParams.get(param);
-    if (value) {
-      utms[param] = value;
-      found = true;
-    }
-  }
-
-  return found ? utms : null;
-}
-
-/**
- * Smart-merges existing (cookie) UTMs with newly arrived (URL) UTMs.
- *
- * Logic:
- * - If the same campaign (campaign, medium, source, campaign_id, adgroup_id,
- *   fbclid, gclid, msclkid all match): preserve existing utm_content and
- *   utm_term (first-touch attribution for ad content/keyword).
- * - If only campaign-level UTMs changed (no new content/term provided):
- *   carry forward existing content/term from cookie.
- * - If completely different campaign: new UTMs fully overwrite.
- *
- * @param existing - UTM values currently stored in cookie.
- * @param incoming - UTM values extracted from the current URL.
- * @returns Merged UTMProperties.
- */
-export function combineExistingAndNewUTMs(
-  existing: UTMProperties | null,
-  incoming: UTMProperties | null
-): UTMProperties {
-  if (!incoming) return existing || {};
-  if (!existing) return incoming;
-
-  // Campaign-level keys used to determine if it's the "same campaign"
-  const campaignKeys: UTMProperty[] = [
-    "utm_campaign",
-    "utm_medium",
-    "utm_source",
-    "utm_campaign_id",
-    "utm_adgroup_id",
-    "fbclid",
-    "gclid",
-    "msclkid",
-  ];
-
-  const isSameCampaign = campaignKeys.every(
-    key => (existing[key] || "") === (incoming[key] || "")
-  );
-
-  if (isSameCampaign) {
-    // Same campaign — preserve existing content/term (first-touch)
-    return {
-      ...incoming,
-      utm_content: existing.utm_content || incoming.utm_content,
-      utm_term: existing.utm_term || incoming.utm_term,
-    };
-  }
-
-  // Different campaign — check if incoming has content/term
-  const hasNewContent = !!incoming.utm_content;
-  const hasNewTerm = !!incoming.utm_term;
-
-  return {
-    ...incoming,
-    // Carry forward existing content/term only if incoming doesn't provide them
-    ...(!hasNewContent &&
-      existing.utm_content && { utm_content: existing.utm_content }),
-    ...(!hasNewTerm && existing.utm_term && { utm_term: existing.utm_term }),
-  };
-}
-
-/**
- * Generates synthetic UTM parameters for organic/direct traffic
- * based on document.referrer.
- *
- * - No referrer → direct / direct
- * - Google/Bing → organic / google or bing
- * - Other external site (not windstream.com) → referral / <domain>
- * - Internal (windstream.com) → null (no cookie set)
- *
- * @returns UTMProperties for organic traffic, or null for internal nav.
- */
-export function getOrganicTrafficUtmParameters(): UTMProperties | null {
-  if (typeof document === "undefined") return null;
-
-  const referrer = document.referrer;
-
-  if (!referrer) {
-    return { utm_medium: "direct", utm_source: "direct" };
-  }
-
-  let referrerHost: string;
-  try {
-    referrerHost = new URL(referrer).hostname.toLowerCase();
-  } catch {
-    return { utm_medium: "direct", utm_source: "direct" };
-  }
-
-  // Internal navigation — don't set organic UTMs
-  if (
-    referrerHost.includes("windstream.com") ||
-    referrerHost.includes("gokinetic.com")
-  ) {
-    return null;
-  }
-
-  // Search engines → organic
-  if (referrerHost.includes("google.")) {
-    return { utm_medium: "organic", utm_source: "google" };
-  }
-  if (referrerHost.includes("bing.")) {
-    return { utm_medium: "organic", utm_source: "bing" };
-  }
-
-  // External referral
-  return { utm_medium: "referral", utm_source: referrerHost };
-}
-
-/**
- * Maps UTMProperties to Segment's campaign context schema.
- * @param utms - The UTM properties (typically from cookie).
- * @returns CampaignProperties for Segment context.
- */
-export function getCampaignProperties(
-  utms: UTMProperties | null
-): CampaignProperties | null {
-  if (!utms) return null;
-
-  const campaign: CampaignProperties = {};
-
-  if (utms.utm_campaign) campaign.name = utms.utm_campaign;
-  if (utms.utm_source) campaign.source = utms.utm_source;
-  if (utms.utm_medium) campaign.medium = utms.utm_medium;
-  if (utms.utm_term) campaign.term = utms.utm_term;
-  if (utms.utm_content) campaign.content = utms.utm_content;
-  if (utms.utm_campaign_id) campaign.campaign_id = utms.utm_campaign_id;
-  if (utms.utm_adgroup_id) campaign.adgroup_id = utms.utm_adgroup_id;
-  if (utms.gclid) campaign.gclid = utms.gclid;
-  if (utms.fbclid) campaign.fbclid = utms.fbclid;
-  if (utms.msclkid) campaign.msclkid = utms.msclkid;
-
-  return Object.keys(campaign).length > 0 ? campaign : null;
-}
-
-/**
- * Builds a URL with non-UTM query params preserved and UTM params stripped.
- * Used by the Link/Button component when preserveQueryParameters is true.
- *
- * @param href - The target URL/path.
- * @param currentSearch - The current page's search string (e.g. "?foo=bar&utm_source=google").
- * @returns The href with non-UTM params merged and UTM params removed.
- */
-export function buildPreservedQueryHref(
-  href: string,
-  currentSearch: string
-): string {
-  if (!currentSearch) return href;
-
-  const currentParams = new URLSearchParams(currentSearch);
-  const utmSet = new Set<string>(UTM_PARAM_NAMES);
-
-  // Also strip common non-UTM params that shouldn't carry forward
-  const stripParams = new Set([...utmSet, "searchtext", "page"]);
-
-  // Parse the target href to separate path and existing query
-  let basePath: string;
-  let targetParams: URLSearchParams;
-
-  try {
-    // Handle both absolute URLs and relative paths
-    if (href.startsWith("http://") || href.startsWith("https://")) {
-      const url = new URL(href);
-      basePath = url.origin + url.pathname;
-      targetParams = url.searchParams;
-    } else {
-      const [path, query] = href.split("?");
-      basePath = path;
-      targetParams = new URLSearchParams(query || "");
-    }
-  } catch {
-    return href;
-  }
-
-  // Start with target's existing params
-  const merged = new URLSearchParams(targetParams);
-
-  // Add current page params that aren't UTM and aren't already in target
-  currentParams.forEach((value, key) => {
-    if (!stripParams.has(key.toLowerCase()) && !merged.has(key)) {
-      merged.set(key, value);
-    }
-  });
-
-  const queryString = merged.toString();
-  return queryString ? `${basePath}?${queryString}` : basePath;
-}
+/**
+ * UTM Parameter Helpers
+ *
+ * Functions for extracting, combining, and mapping UTM parameters
+ * for marketing campaign attribution.
+ */
+import {
+  UTM_PARAM_NAMES,
+  type CampaignProperties,
+  type UTMProperties,
+  type UTMProperty,
+} from "../types/utm";
+
+/**
+ * Extracts UTM parameters from the current page URL.
+ * Parses window.location.search for the 10 tracked UTM/click-ID params.
+ * @returns UTMProperties with any found values, or null if none found.
+ */
+export function getUtmParametersFromURL(): UTMProperties | null {
+  if (typeof window === "undefined") return null;
+
+  const searchParams = new URLSearchParams(window.location.search);
+  const utms: UTMProperties = {};
+  let found = false;
+
+  for (const param of UTM_PARAM_NAMES) {
+    const value = searchParams.get(param);
+    if (value) {
+      utms[param] = value;
+      found = true;
+    }
+  }
+
+  return found ? utms : null;
+}
+
+/**
+ * Smart-merges existing (cookie) UTMs with newly arrived (URL) UTMs.
+ *
+ * Logic:
+ * - If the same campaign (campaign, medium, source, campaign_id, adgroup_id,
+ *   fbclid, gclid, msclkid all match): preserve existing utm_content and
+ *   utm_term (first-touch attribution for ad content/keyword).
+ * - If only campaign-level UTMs changed (no new content/term provided):
+ *   carry forward existing content/term from cookie.
+ * - If completely different campaign: new UTMs fully overwrite.
+ *
+ * @param existing - UTM values currently stored in cookie.
+ * @param incoming - UTM values extracted from the current URL.
+ * @returns Merged UTMProperties.
+ */
+export function combineExistingAndNewUTMs(
+  existing: UTMProperties | null,
+  incoming: UTMProperties | null
+): UTMProperties {
+  if (!incoming) return existing || {};
+  if (!existing) return incoming;
+
+  // Campaign-level keys used to determine if it's the "same campaign"
+  const campaignKeys: UTMProperty[] = [
+    "utm_campaign",
+    "utm_medium",
+    "utm_source",
+    "utm_campaign_id",
+    "utm_adgroup_id",
+    "fbclid",
+    "gclid",
+    "msclkid",
+  ];
+
+  const isSameCampaign = campaignKeys.every(
+    key => (existing[key] || "") === (incoming[key] || "")
+  );
+
+  if (isSameCampaign) {
+    // Same campaign — preserve existing content/term (first-touch)
+    return {
+      ...incoming,
+      utm_content: existing.utm_content || incoming.utm_content,
+      utm_term: existing.utm_term || incoming.utm_term,
+    };
+  }
+
+  // Different campaign — check if incoming has content/term
+  const hasNewContent = !!incoming.utm_content;
+  const hasNewTerm = !!incoming.utm_term;
+
+  return {
+    ...incoming,
+    // Carry forward existing content/term only if incoming doesn't provide them
+    ...(!hasNewContent &&
+      existing.utm_content && { utm_content: existing.utm_content }),
+    ...(!hasNewTerm && existing.utm_term && { utm_term: existing.utm_term }),
+  };
+}
+
+/**
+ * Generates synthetic UTM parameters for organic/direct traffic
+ * based on document.referrer.
+ *
+ * - No referrer → direct / direct
+ * - Google/Bing → organic / google or bing
+ * - Other external site (not windstream.com) → referral / <domain>
+ * - Internal (windstream.com) → null (no cookie set)
+ *
+ * @returns UTMProperties for organic traffic, or null for internal nav.
+ */
+export function getOrganicTrafficUtmParameters(): UTMProperties | null {
+  if (typeof document === "undefined") return null;
+
+  const referrer = document.referrer;
+
+  if (!referrer) {
+    return { utm_medium: "direct", utm_source: "direct" };
+  }
+
+  let referrerHost: string;
+  try {
+    referrerHost = new URL(referrer).hostname.toLowerCase();
+  } catch {
+    return { utm_medium: "direct", utm_source: "direct" };
+  }
+
+  // Internal navigation — don't set organic UTMs
+  if (
+    referrerHost.includes("windstream.com") ||
+    referrerHost.includes("gokinetic.com")
+  ) {
+    return null;
+  }
+
+  // Search engines → organic
+  if (referrerHost.includes("google.")) {
+    return { utm_medium: "organic", utm_source: "google" };
+  }
+  if (referrerHost.includes("bing.")) {
+    return { utm_medium: "organic", utm_source: "bing" };
+  }
+
+  // External referral
+  return { utm_medium: "referral", utm_source: referrerHost };
+}
+
+/**
+ * Maps UTMProperties to Segment's campaign context schema.
+ * @param utms - The UTM properties (typically from cookie).
+ * @returns CampaignProperties for Segment context.
+ */
+export function getCampaignProperties(
+  utms: UTMProperties | null
+): CampaignProperties | null {
+  if (!utms) return null;
+
+  const campaign: CampaignProperties = {};
+
+  if (utms.utm_campaign) campaign.name = utms.utm_campaign;
+  if (utms.utm_source) campaign.source = utms.utm_source;
+  if (utms.utm_medium) campaign.medium = utms.utm_medium;
+  if (utms.utm_term) campaign.term = utms.utm_term;
+  if (utms.utm_content) campaign.content = utms.utm_content;
+  if (utms.utm_campaign_id) campaign.campaign_id = utms.utm_campaign_id;
+  if (utms.utm_adgroup_id) campaign.adgroup_id = utms.utm_adgroup_id;
+  if (utms.gclid) campaign.gclid = utms.gclid;
+  if (utms.fbclid) campaign.fbclid = utms.fbclid;
+  if (utms.msclkid) campaign.msclkid = utms.msclkid;
+
+  return Object.keys(campaign).length > 0 ? campaign : null;
+}
+
+/**
+ * Builds a URL with non-UTM query params preserved and UTM params stripped.
+ * Used by the Link/Button component when preserveQueryParameters is true.
+ *
+ * @param href - The target URL/path.
+ * @param currentSearch - The current page's search string (e.g. "?foo=bar&utm_source=google").
+ * @returns The href with non-UTM params merged and UTM params removed.
+ */
+export function buildPreservedQueryHref(
+  href: string,
+  currentSearch: string
+): string {
+  if (!currentSearch) return href;
+
+  const currentParams = new URLSearchParams(currentSearch);
+  const utmSet = new Set<string>(UTM_PARAM_NAMES);
+
+  // Also strip common non-UTM params that shouldn't carry forward
+  const stripParams = new Set([...utmSet, "searchtext", "page"]);
+
+  // Parse the target href to separate path and existing query
+  let basePath: string;
+  let targetParams: URLSearchParams;
+
+  try {
+    // Handle both absolute URLs and relative paths
+    if (href.startsWith("http://") || href.startsWith("https://")) {
+      const url = new URL(href);
+      basePath = url.origin + url.pathname;
+      targetParams = url.searchParams;
+    } else {
+      const [path, query] = href.split("?");
+      basePath = path;
+      targetParams = new URLSearchParams(query || "");
+    }
+  } catch {
+    return href;
+  }
+
+  // Start with target's existing params
+  const merged = new URLSearchParams(targetParams);
+
+  // Add current page params that aren't UTM and aren't already in target
+  currentParams.forEach((value, key) => {
+    if (!stripParams.has(key.toLowerCase()) && !merged.has(key)) {
+      merged.set(key, value);
+    }
+  });
+
+  const queryString = merged.toString();
+  return queryString ? `${basePath}?${queryString}` : basePath;
+}