@windstream/react-shared-components 0.1.45 → 0.1.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (196) hide show
  1. package/README.md +635 -635
  2. package/dist/contentful/index.esm.js +3 -3
  3. package/dist/contentful/index.esm.js.map +1 -1
  4. package/dist/contentful/index.js +3 -3
  5. package/dist/contentful/index.js.map +1 -1
  6. package/dist/core.d.ts +1 -1
  7. package/dist/index.d.ts +3 -3
  8. package/dist/index.esm.js +5 -13
  9. package/dist/index.esm.js.map +1 -1
  10. package/dist/index.js +5 -13
  11. package/dist/index.js.map +1 -1
  12. package/dist/next/index.esm.js +2 -2
  13. package/dist/next/index.esm.js.map +1 -1
  14. package/dist/next/index.js +2 -2
  15. package/dist/next/index.js.map +1 -1
  16. package/dist/styles.css +1 -1
  17. package/dist/utils/index.esm.js +1 -1
  18. package/dist/utils/index.esm.js.map +1 -1
  19. package/dist/utils/index.js +1 -1
  20. package/dist/utils/index.js.map +1 -1
  21. package/package.json +185 -185
  22. package/src/components/accordion/Accordion.stories.tsx +230 -230
  23. package/src/components/accordion/index.tsx +70 -70
  24. package/src/components/accordion/types.ts +12 -12
  25. package/src/components/alert-card/AlertCard.stories.tsx +171 -171
  26. package/src/components/alert-card/index.tsx +41 -41
  27. package/src/components/alert-card/types.ts +13 -13
  28. package/src/components/brand-button/BrandButton.stories.tsx +223 -223
  29. package/src/components/brand-button/helpers.ts +35 -35
  30. package/src/components/brand-button/index.tsx +120 -120
  31. package/src/components/brand-button/types.ts +38 -38
  32. package/src/components/button/Button.stories.tsx +108 -108
  33. package/src/components/button/index.tsx +27 -27
  34. package/src/components/button/types.ts +14 -14
  35. package/src/components/call-button/CallButton.stories.tsx +324 -324
  36. package/src/components/call-button/index.tsx +86 -86
  37. package/src/components/call-button/types.ts +11 -11
  38. package/src/components/checkbox/Checkbox.stories.tsx +247 -247
  39. package/src/components/checkbox/index.tsx +197 -197
  40. package/src/components/checkbox/types.ts +27 -27
  41. package/src/components/checklist/Checklist.stories.tsx +150 -150
  42. package/src/components/checklist/index.tsx +61 -61
  43. package/src/components/checklist/types.ts +17 -17
  44. package/src/components/collapse/Collapse.stories.tsx +255 -255
  45. package/src/components/collapse/index.tsx +46 -46
  46. package/src/components/collapse/types.ts +6 -6
  47. package/src/components/divider/Divider.stories.tsx +205 -205
  48. package/src/components/divider/index.tsx +22 -22
  49. package/src/components/divider/type.ts +3 -3
  50. package/src/components/image/Image.stories.tsx +113 -113
  51. package/src/components/image/index.tsx +25 -25
  52. package/src/components/image/types.ts +40 -40
  53. package/src/components/input/Input.stories.tsx +325 -325
  54. package/src/components/input/index.tsx +177 -177
  55. package/src/components/input/types.ts +37 -37
  56. package/src/components/link/Link.stories.tsx +163 -163
  57. package/src/components/link/index.tsx +109 -109
  58. package/src/components/link/types.ts +25 -25
  59. package/src/components/list/List.stories.tsx +272 -272
  60. package/src/components/list/index.tsx +88 -88
  61. package/src/components/list/list-item/index.tsx +38 -38
  62. package/src/components/list/list-item/types.ts +13 -13
  63. package/src/components/list/types.ts +29 -29
  64. package/src/components/material-icon/MaterialIcon.stories.tsx +322 -322
  65. package/src/components/material-icon/constants.ts +98 -98
  66. package/src/components/material-icon/index.tsx +47 -47
  67. package/src/components/material-icon/types.ts +31 -31
  68. package/src/components/modal/Modal.stories.tsx +171 -171
  69. package/src/components/modal/index.tsx +164 -164
  70. package/src/components/modal/types.ts +24 -24
  71. package/src/components/next-image/index.tsx +54 -54
  72. package/src/components/next-image/types.ts +1 -1
  73. package/src/components/pagination/index.tsx +100 -100
  74. package/src/components/pagination/types.ts +6 -6
  75. package/src/components/radio-button/RadioButton.stories.tsx +307 -307
  76. package/src/components/radio-button/index.tsx +75 -75
  77. package/src/components/radio-button/types.ts +21 -21
  78. package/src/components/see-more/SeeMore.stories.tsx +181 -181
  79. package/src/components/see-more/index.tsx +44 -44
  80. package/src/components/see-more/types.ts +4 -4
  81. package/src/components/select/Select.stories.tsx +411 -411
  82. package/src/components/select/index.tsx +155 -155
  83. package/src/components/select/types.ts +36 -36
  84. package/src/components/select-plan-button/SelectPlanButton.stories.tsx +184 -184
  85. package/src/components/select-plan-button/index.tsx +63 -63
  86. package/src/components/select-plan-button/types.ts +17 -17
  87. package/src/components/skeleton/Skeleton.stories.tsx +179 -179
  88. package/src/components/skeleton/index.tsx +61 -61
  89. package/src/components/skeleton/types.ts +4 -4
  90. package/src/components/spinner/Spinner.stories.tsx +335 -335
  91. package/src/components/spinner/index.tsx +44 -44
  92. package/src/components/spinner/types.ts +5 -5
  93. package/src/components/text/Text.stories.tsx +321 -321
  94. package/src/components/text/index.tsx +25 -25
  95. package/src/components/text/types.ts +45 -45
  96. package/src/components/tooltip/Tooltip.stories.tsx +219 -219
  97. package/src/components/tooltip/index.tsx +74 -74
  98. package/src/components/tooltip/types.ts +7 -7
  99. package/src/components/view-cart-button/ViewCartButton.stories.tsx +252 -252
  100. package/src/components/view-cart-button/index.tsx +42 -42
  101. package/src/components/view-cart-button/types.ts +5 -5
  102. package/src/contentful/blocks/accordion/Accordion.stories.tsx +34 -34
  103. package/src/contentful/blocks/accordion/index.tsx +112 -112
  104. package/src/contentful/blocks/accordion/types.ts +34 -34
  105. package/src/contentful/blocks/address-input-banner/index.tsx +52 -52
  106. package/src/contentful/blocks/address-input-banner/types.ts +14 -14
  107. package/src/contentful/blocks/anchored-bottom-banner/index.tsx +70 -70
  108. package/src/contentful/blocks/anchored-bottom-banner/types.ts +10 -10
  109. package/src/contentful/blocks/blogs-grid/index.tsx +134 -134
  110. package/src/contentful/blocks/blogs-grid/types.ts +26 -26
  111. package/src/contentful/blocks/breadcrumbs/index.tsx +51 -51
  112. package/src/contentful/blocks/breadcrumbs/types.ts +5 -5
  113. package/src/contentful/blocks/button/Button.stories.tsx +40 -40
  114. package/src/contentful/blocks/button/index.tsx +130 -130
  115. package/src/contentful/blocks/button/types.ts +39 -39
  116. package/src/contentful/blocks/callout/Callout.stories.tsx +23 -23
  117. package/src/contentful/blocks/callout/index.tsx +88 -88
  118. package/src/contentful/blocks/callout/types.ts +15 -15
  119. package/src/contentful/blocks/cards/Cards.stories.tsx +23 -23
  120. package/src/contentful/blocks/cards/blog-card/index.tsx +110 -110
  121. package/src/contentful/blocks/cards/blog-card/types.ts +18 -18
  122. package/src/contentful/blocks/cards/index.tsx +13 -13
  123. package/src/contentful/blocks/cards/product-card/index.tsx +251 -251
  124. package/src/contentful/blocks/cards/product-card/types.ts +28 -28
  125. package/src/contentful/blocks/cards/simple-card/index.tsx +89 -89
  126. package/src/contentful/blocks/cards/simple-card/types.ts +28 -28
  127. package/src/contentful/blocks/cards/testimonial-card/index.tsx +90 -90
  128. package/src/contentful/blocks/cards/testimonial-card/types.tsx +12 -12
  129. package/src/contentful/blocks/cards/types.ts +1 -1
  130. package/src/contentful/blocks/carousel/Carousel.stories.tsx +23 -23
  131. package/src/contentful/blocks/carousel/helper.tsx +440 -440
  132. package/src/contentful/blocks/carousel/index.tsx +85 -85
  133. package/src/contentful/blocks/carousel/types.ts +144 -144
  134. package/src/contentful/blocks/comparison-table/index.tsx +27 -27
  135. package/src/contentful/blocks/comparison-table/types.ts +6 -6
  136. package/src/contentful/blocks/cookiebanner/index.tsx +146 -146
  137. package/src/contentful/blocks/cookiebanner/type.ts +7 -7
  138. package/src/contentful/blocks/cta-callout/CtaCallout.stories.tsx +46 -46
  139. package/src/contentful/blocks/cta-callout/index.tsx +71 -71
  140. package/src/contentful/blocks/cta-callout/types.ts +26 -26
  141. package/src/contentful/blocks/dynamic-tabs/index.tsx +204 -204
  142. package/src/contentful/blocks/dynamic-tabs/types.ts +21 -21
  143. package/src/contentful/blocks/email-input-block/index.tsx +117 -117
  144. package/src/contentful/blocks/email-input-block/types.ts +16 -16
  145. package/src/contentful/blocks/find-kinetic/FindKinetic.stories.tsx +23 -23
  146. package/src/contentful/blocks/find-kinetic/index.tsx +130 -130
  147. package/src/contentful/blocks/find-kinetic/types.ts +19 -19
  148. package/src/contentful/blocks/floating-banner/FloatingBanner.stories.tsx +34 -34
  149. package/src/contentful/blocks/floating-banner/index.tsx +97 -97
  150. package/src/contentful/blocks/floating-banner/types.ts +22 -22
  151. package/src/contentful/blocks/footer/Footer.stories.tsx +30 -30
  152. package/src/contentful/blocks/footer/index.tsx +91 -91
  153. package/src/contentful/blocks/footer/types.ts +13 -13
  154. package/src/contentful/blocks/image-promo-bar/ImagePromoBar.stories.tsx +23 -23
  155. package/src/contentful/blocks/image-promo-bar/helper.tsx +28 -28
  156. package/src/contentful/blocks/image-promo-bar/index.tsx +246 -246
  157. package/src/contentful/blocks/image-promo-bar/types.ts +44 -44
  158. package/src/contentful/blocks/image-promo-bar/vimeo-embed.tsx +93 -93
  159. package/src/contentful/blocks/image-promo-bar/youtube-embed.tsx +46 -46
  160. package/src/contentful/blocks/modal/constants.ts +53 -53
  161. package/src/contentful/blocks/modal/index.tsx +107 -107
  162. package/src/contentful/blocks/modal/types.ts +12 -12
  163. package/src/contentful/blocks/navigation/desktop-link-groups.tsx/index.tsx +113 -113
  164. package/src/contentful/blocks/navigation/index.tsx +394 -394
  165. package/src/contentful/blocks/navigation/mobile-link-groups.tsx/index.tsx +82 -82
  166. package/src/contentful/blocks/navigation/types.ts +41 -41
  167. package/src/contentful/blocks/primary-hero/PrimaryHero.stories.tsx +23 -23
  168. package/src/contentful/blocks/primary-hero/index.tsx +236 -236
  169. package/src/contentful/blocks/primary-hero/types.ts +37 -37
  170. package/src/contentful/blocks/search-block/index.tsx +90 -90
  171. package/src/contentful/blocks/search-block/types.ts +15 -15
  172. package/src/contentful/blocks/shape-background-wrapper/ShapeBackgroundWrapper.stories.tsx +26 -26
  173. package/src/contentful/blocks/shape-background-wrapper/index.tsx +124 -124
  174. package/src/contentful/blocks/shape-background-wrapper/types.ts +36 -36
  175. package/src/contentful/blocks/text/Text.stories.tsx +23 -23
  176. package/src/contentful/blocks/text/index.tsx +12 -12
  177. package/src/contentful/blocks/text/types.ts +1 -1
  178. package/src/contentful/index.ts +99 -99
  179. package/src/hooks/contentful/use-contentful-rich-text.tsx +310 -310
  180. package/src/hooks/contentful/use-processed-check-list.ts +63 -63
  181. package/src/hooks/use-body-scroll-lock.ts +34 -34
  182. package/src/hooks/use-carousel-swipe.ts +264 -264
  183. package/src/hooks/use-outside-click.ts +17 -17
  184. package/src/index.ts +101 -101
  185. package/src/next/index.ts +5 -5
  186. package/src/setupTests.ts +46 -46
  187. package/src/stories/DocsTemplate.tsx +24 -24
  188. package/src/styles/globals.css +343 -343
  189. package/src/types/global.d.ts +9 -9
  190. package/src/types/micro-components.ts +99 -99
  191. package/src/types/utm.ts +49 -49
  192. package/src/utils/contentful/to-document.ts +24 -24
  193. package/src/utils/cookie.ts +84 -84
  194. package/src/utils/cx.ts +49 -49
  195. package/src/utils/index.ts +38 -38
  196. package/src/utils/utm.ts +221 -221
@@ -1,38 +1,38 @@
1
- export { cx, clsx } from "./cx";
2
- export type { ClassValue } from "./cx";
3
-
4
- // UTM & Cookie utilities
5
- export {
6
- getUTMs,
7
- setUTMs,
8
- removeUTMs,
9
- getCookie,
10
- getParsedCookie,
11
- setCookie,
12
- } from "./cookie";
13
- export {
14
- getUtmParametersFromURL,
15
- combineExistingAndNewUTMs,
16
- getOrganicTrafficUtmParameters,
17
- getCampaignProperties,
18
- buildPreservedQueryHref,
19
- } from "./utm";
20
- export type {
21
- UTMProperty,
22
- UTMProperties,
23
- CampaignProperties,
24
- } from "../types/utm";
25
- export { UTM_PARAM_NAMES } from "../types/utm";
26
-
27
- // Contentful utilities (server-safe, no "use client")
28
- export { toDocument } from "./contentful/to-document";
29
- export {
30
- renderContentfulRichText,
31
- useContentfulRichText,
32
- renderContentfulRichTextTable,
33
- } from "../hooks/contentful/use-contentful-rich-text";
34
- export {
35
- useProcessedChecklist,
36
- label1BoldOptions,
37
- } from "../hooks/contentful/use-processed-check-list";
38
- export type { ProcessedChecklistItem } from "../hooks/contentful/use-processed-check-list";
1
+ export { cx, clsx } from "./cx";
2
+ export type { ClassValue } from "./cx";
3
+
4
+ // UTM & Cookie utilities
5
+ export {
6
+ getUTMs,
7
+ setUTMs,
8
+ removeUTMs,
9
+ getCookie,
10
+ getParsedCookie,
11
+ setCookie,
12
+ } from "./cookie";
13
+ export {
14
+ getUtmParametersFromURL,
15
+ combineExistingAndNewUTMs,
16
+ getOrganicTrafficUtmParameters,
17
+ getCampaignProperties,
18
+ buildPreservedQueryHref,
19
+ } from "./utm";
20
+ export type {
21
+ UTMProperty,
22
+ UTMProperties,
23
+ CampaignProperties,
24
+ } from "../types/utm";
25
+ export { UTM_PARAM_NAMES } from "../types/utm";
26
+
27
+ // Contentful utilities (server-safe, no "use client")
28
+ export { toDocument } from "./contentful/to-document";
29
+ export {
30
+ renderContentfulRichText,
31
+ useContentfulRichText,
32
+ renderContentfulRichTextTable,
33
+ } from "../hooks/contentful/use-contentful-rich-text";
34
+ export {
35
+ useProcessedChecklist,
36
+ label1BoldOptions,
37
+ } from "../hooks/contentful/use-processed-check-list";
38
+ export type { ProcessedChecklistItem } from "../hooks/contentful/use-processed-check-list";
package/src/utils/utm.ts CHANGED
@@ -1,221 +1,221 @@
1
- /**
2
- * UTM Parameter Helpers
3
- *
4
- * Functions for extracting, combining, and mapping UTM parameters
5
- * for marketing campaign attribution.
6
- */
7
- import {
8
- UTM_PARAM_NAMES,
9
- type CampaignProperties,
10
- type UTMProperties,
11
- type UTMProperty,
12
- } from "../types/utm";
13
-
14
- /**
15
- * Extracts UTM parameters from the current page URL.
16
- * Parses window.location.search for the 10 tracked UTM/click-ID params.
17
- * @returns UTMProperties with any found values, or null if none found.
18
- */
19
- export function getUtmParametersFromURL(): UTMProperties | null {
20
- if (typeof window === "undefined") return null;
21
-
22
- const searchParams = new URLSearchParams(window.location.search);
23
- const utms: UTMProperties = {};
24
- let found = false;
25
-
26
- for (const param of UTM_PARAM_NAMES) {
27
- const value = searchParams.get(param);
28
- if (value) {
29
- utms[param] = value;
30
- found = true;
31
- }
32
- }
33
-
34
- return found ? utms : null;
35
- }
36
-
37
- /**
38
- * Smart-merges existing (cookie) UTMs with newly arrived (URL) UTMs.
39
- *
40
- * Logic:
41
- * - If the same campaign (campaign, medium, source, campaign_id, adgroup_id,
42
- * fbclid, gclid, msclkid all match): preserve existing utm_content and
43
- * utm_term (first-touch attribution for ad content/keyword).
44
- * - If only campaign-level UTMs changed (no new content/term provided):
45
- * carry forward existing content/term from cookie.
46
- * - If completely different campaign: new UTMs fully overwrite.
47
- *
48
- * @param existing - UTM values currently stored in cookie.
49
- * @param incoming - UTM values extracted from the current URL.
50
- * @returns Merged UTMProperties.
51
- */
52
- export function combineExistingAndNewUTMs(
53
- existing: UTMProperties | null,
54
- incoming: UTMProperties | null
55
- ): UTMProperties {
56
- if (!incoming) return existing || {};
57
- if (!existing) return incoming;
58
-
59
- // Campaign-level keys used to determine if it's the "same campaign"
60
- const campaignKeys: UTMProperty[] = [
61
- "utm_campaign",
62
- "utm_medium",
63
- "utm_source",
64
- "utm_campaign_id",
65
- "utm_adgroup_id",
66
- "fbclid",
67
- "gclid",
68
- "msclkid",
69
- ];
70
-
71
- const isSameCampaign = campaignKeys.every(
72
- key => (existing[key] || "") === (incoming[key] || "")
73
- );
74
-
75
- if (isSameCampaign) {
76
- // Same campaign — preserve existing content/term (first-touch)
77
- return {
78
- ...incoming,
79
- utm_content: existing.utm_content || incoming.utm_content,
80
- utm_term: existing.utm_term || incoming.utm_term,
81
- };
82
- }
83
-
84
- // Different campaign — check if incoming has content/term
85
- const hasNewContent = !!incoming.utm_content;
86
- const hasNewTerm = !!incoming.utm_term;
87
-
88
- return {
89
- ...incoming,
90
- // Carry forward existing content/term only if incoming doesn't provide them
91
- ...(!hasNewContent &&
92
- existing.utm_content && { utm_content: existing.utm_content }),
93
- ...(!hasNewTerm && existing.utm_term && { utm_term: existing.utm_term }),
94
- };
95
- }
96
-
97
- /**
98
- * Generates synthetic UTM parameters for organic/direct traffic
99
- * based on document.referrer.
100
- *
101
- * - No referrer → direct / direct
102
- * - Google/Bing → organic / google or bing
103
- * - Other external site (not windstream.com) → referral / <domain>
104
- * - Internal (windstream.com) → null (no cookie set)
105
- *
106
- * @returns UTMProperties for organic traffic, or null for internal nav.
107
- */
108
- export function getOrganicTrafficUtmParameters(): UTMProperties | null {
109
- if (typeof document === "undefined") return null;
110
-
111
- const referrer = document.referrer;
112
-
113
- if (!referrer) {
114
- return { utm_medium: "direct", utm_source: "direct" };
115
- }
116
-
117
- let referrerHost: string;
118
- try {
119
- referrerHost = new URL(referrer).hostname.toLowerCase();
120
- } catch {
121
- return { utm_medium: "direct", utm_source: "direct" };
122
- }
123
-
124
- // Internal navigation — don't set organic UTMs
125
- if (
126
- referrerHost.includes("windstream.com") ||
127
- referrerHost.includes("gokinetic.com")
128
- ) {
129
- return null;
130
- }
131
-
132
- // Search engines → organic
133
- if (referrerHost.includes("google.")) {
134
- return { utm_medium: "organic", utm_source: "google" };
135
- }
136
- if (referrerHost.includes("bing.")) {
137
- return { utm_medium: "organic", utm_source: "bing" };
138
- }
139
-
140
- // External referral
141
- return { utm_medium: "referral", utm_source: referrerHost };
142
- }
143
-
144
- /**
145
- * Maps UTMProperties to Segment's campaign context schema.
146
- * @param utms - The UTM properties (typically from cookie).
147
- * @returns CampaignProperties for Segment context.
148
- */
149
- export function getCampaignProperties(
150
- utms: UTMProperties | null
151
- ): CampaignProperties | null {
152
- if (!utms) return null;
153
-
154
- const campaign: CampaignProperties = {};
155
-
156
- if (utms.utm_campaign) campaign.name = utms.utm_campaign;
157
- if (utms.utm_source) campaign.source = utms.utm_source;
158
- if (utms.utm_medium) campaign.medium = utms.utm_medium;
159
- if (utms.utm_term) campaign.term = utms.utm_term;
160
- if (utms.utm_content) campaign.content = utms.utm_content;
161
- if (utms.utm_campaign_id) campaign.campaign_id = utms.utm_campaign_id;
162
- if (utms.utm_adgroup_id) campaign.adgroup_id = utms.utm_adgroup_id;
163
- if (utms.gclid) campaign.gclid = utms.gclid;
164
- if (utms.fbclid) campaign.fbclid = utms.fbclid;
165
- if (utms.msclkid) campaign.msclkid = utms.msclkid;
166
-
167
- return Object.keys(campaign).length > 0 ? campaign : null;
168
- }
169
-
170
- /**
171
- * Builds a URL with non-UTM query params preserved and UTM params stripped.
172
- * Used by the Link/Button component when preserveQueryParameters is true.
173
- *
174
- * @param href - The target URL/path.
175
- * @param currentSearch - The current page's search string (e.g. "?foo=bar&utm_source=google").
176
- * @returns The href with non-UTM params merged and UTM params removed.
177
- */
178
- export function buildPreservedQueryHref(
179
- href: string,
180
- currentSearch: string
181
- ): string {
182
- if (!currentSearch) return href;
183
-
184
- const currentParams = new URLSearchParams(currentSearch);
185
- const utmSet = new Set<string>(UTM_PARAM_NAMES);
186
-
187
- // Also strip common non-UTM params that shouldn't carry forward
188
- const stripParams = new Set([...utmSet, "searchtext", "page"]);
189
-
190
- // Parse the target href to separate path and existing query
191
- let basePath: string;
192
- let targetParams: URLSearchParams;
193
-
194
- try {
195
- // Handle both absolute URLs and relative paths
196
- if (href.startsWith("http://") || href.startsWith("https://")) {
197
- const url = new URL(href);
198
- basePath = url.origin + url.pathname;
199
- targetParams = url.searchParams;
200
- } else {
201
- const [path, query] = href.split("?");
202
- basePath = path;
203
- targetParams = new URLSearchParams(query || "");
204
- }
205
- } catch {
206
- return href;
207
- }
208
-
209
- // Start with target's existing params
210
- const merged = new URLSearchParams(targetParams);
211
-
212
- // Add current page params that aren't UTM and aren't already in target
213
- currentParams.forEach((value, key) => {
214
- if (!stripParams.has(key.toLowerCase()) && !merged.has(key)) {
215
- merged.set(key, value);
216
- }
217
- });
218
-
219
- const queryString = merged.toString();
220
- return queryString ? `${basePath}?${queryString}` : basePath;
221
- }
1
+ /**
2
+ * UTM Parameter Helpers
3
+ *
4
+ * Functions for extracting, combining, and mapping UTM parameters
5
+ * for marketing campaign attribution.
6
+ */
7
+ import {
8
+ UTM_PARAM_NAMES,
9
+ type CampaignProperties,
10
+ type UTMProperties,
11
+ type UTMProperty,
12
+ } from "../types/utm";
13
+
14
+ /**
15
+ * Extracts UTM parameters from the current page URL.
16
+ * Parses window.location.search for the 10 tracked UTM/click-ID params.
17
+ * @returns UTMProperties with any found values, or null if none found.
18
+ */
19
+ export function getUtmParametersFromURL(): UTMProperties | null {
20
+ if (typeof window === "undefined") return null;
21
+
22
+ const searchParams = new URLSearchParams(window.location.search);
23
+ const utms: UTMProperties = {};
24
+ let found = false;
25
+
26
+ for (const param of UTM_PARAM_NAMES) {
27
+ const value = searchParams.get(param);
28
+ if (value) {
29
+ utms[param] = value;
30
+ found = true;
31
+ }
32
+ }
33
+
34
+ return found ? utms : null;
35
+ }
36
+
37
+ /**
38
+ * Smart-merges existing (cookie) UTMs with newly arrived (URL) UTMs.
39
+ *
40
+ * Logic:
41
+ * - If the same campaign (campaign, medium, source, campaign_id, adgroup_id,
42
+ * fbclid, gclid, msclkid all match): preserve existing utm_content and
43
+ * utm_term (first-touch attribution for ad content/keyword).
44
+ * - If only campaign-level UTMs changed (no new content/term provided):
45
+ * carry forward existing content/term from cookie.
46
+ * - If completely different campaign: new UTMs fully overwrite.
47
+ *
48
+ * @param existing - UTM values currently stored in cookie.
49
+ * @param incoming - UTM values extracted from the current URL.
50
+ * @returns Merged UTMProperties.
51
+ */
52
+ export function combineExistingAndNewUTMs(
53
+ existing: UTMProperties | null,
54
+ incoming: UTMProperties | null
55
+ ): UTMProperties {
56
+ if (!incoming) return existing || {};
57
+ if (!existing) return incoming;
58
+
59
+ // Campaign-level keys used to determine if it's the "same campaign"
60
+ const campaignKeys: UTMProperty[] = [
61
+ "utm_campaign",
62
+ "utm_medium",
63
+ "utm_source",
64
+ "utm_campaign_id",
65
+ "utm_adgroup_id",
66
+ "fbclid",
67
+ "gclid",
68
+ "msclkid",
69
+ ];
70
+
71
+ const isSameCampaign = campaignKeys.every(
72
+ key => (existing[key] || "") === (incoming[key] || "")
73
+ );
74
+
75
+ if (isSameCampaign) {
76
+ // Same campaign — preserve existing content/term (first-touch)
77
+ return {
78
+ ...incoming,
79
+ utm_content: existing.utm_content || incoming.utm_content,
80
+ utm_term: existing.utm_term || incoming.utm_term,
81
+ };
82
+ }
83
+
84
+ // Different campaign — check if incoming has content/term
85
+ const hasNewContent = !!incoming.utm_content;
86
+ const hasNewTerm = !!incoming.utm_term;
87
+
88
+ return {
89
+ ...incoming,
90
+ // Carry forward existing content/term only if incoming doesn't provide them
91
+ ...(!hasNewContent &&
92
+ existing.utm_content && { utm_content: existing.utm_content }),
93
+ ...(!hasNewTerm && existing.utm_term && { utm_term: existing.utm_term }),
94
+ };
95
+ }
96
+
97
+ /**
98
+ * Generates synthetic UTM parameters for organic/direct traffic
99
+ * based on document.referrer.
100
+ *
101
+ * - No referrer → direct / direct
102
+ * - Google/Bing → organic / google or bing
103
+ * - Other external site (not windstream.com) → referral / <domain>
104
+ * - Internal (windstream.com) → null (no cookie set)
105
+ *
106
+ * @returns UTMProperties for organic traffic, or null for internal nav.
107
+ */
108
+ export function getOrganicTrafficUtmParameters(): UTMProperties | null {
109
+ if (typeof document === "undefined") return null;
110
+
111
+ const referrer = document.referrer;
112
+
113
+ if (!referrer) {
114
+ return { utm_medium: "direct", utm_source: "direct" };
115
+ }
116
+
117
+ let referrerHost: string;
118
+ try {
119
+ referrerHost = new URL(referrer).hostname.toLowerCase();
120
+ } catch {
121
+ return { utm_medium: "direct", utm_source: "direct" };
122
+ }
123
+
124
+ // Internal navigation — don't set organic UTMs
125
+ if (
126
+ referrerHost.includes("windstream.com") ||
127
+ referrerHost.includes("gokinetic.com")
128
+ ) {
129
+ return null;
130
+ }
131
+
132
+ // Search engines → organic
133
+ if (referrerHost.includes("google.")) {
134
+ return { utm_medium: "organic", utm_source: "google" };
135
+ }
136
+ if (referrerHost.includes("bing.")) {
137
+ return { utm_medium: "organic", utm_source: "bing" };
138
+ }
139
+
140
+ // External referral
141
+ return { utm_medium: "referral", utm_source: referrerHost };
142
+ }
143
+
144
+ /**
145
+ * Maps UTMProperties to Segment's campaign context schema.
146
+ * @param utms - The UTM properties (typically from cookie).
147
+ * @returns CampaignProperties for Segment context.
148
+ */
149
+ export function getCampaignProperties(
150
+ utms: UTMProperties | null
151
+ ): CampaignProperties | null {
152
+ if (!utms) return null;
153
+
154
+ const campaign: CampaignProperties = {};
155
+
156
+ if (utms.utm_campaign) campaign.name = utms.utm_campaign;
157
+ if (utms.utm_source) campaign.source = utms.utm_source;
158
+ if (utms.utm_medium) campaign.medium = utms.utm_medium;
159
+ if (utms.utm_term) campaign.term = utms.utm_term;
160
+ if (utms.utm_content) campaign.content = utms.utm_content;
161
+ if (utms.utm_campaign_id) campaign.campaign_id = utms.utm_campaign_id;
162
+ if (utms.utm_adgroup_id) campaign.adgroup_id = utms.utm_adgroup_id;
163
+ if (utms.gclid) campaign.gclid = utms.gclid;
164
+ if (utms.fbclid) campaign.fbclid = utms.fbclid;
165
+ if (utms.msclkid) campaign.msclkid = utms.msclkid;
166
+
167
+ return Object.keys(campaign).length > 0 ? campaign : null;
168
+ }
169
+
170
+ /**
171
+ * Builds a URL with non-UTM query params preserved and UTM params stripped.
172
+ * Used by the Link/Button component when preserveQueryParameters is true.
173
+ *
174
+ * @param href - The target URL/path.
175
+ * @param currentSearch - The current page's search string (e.g. "?foo=bar&utm_source=google").
176
+ * @returns The href with non-UTM params merged and UTM params removed.
177
+ */
178
+ export function buildPreservedQueryHref(
179
+ href: string,
180
+ currentSearch: string
181
+ ): string {
182
+ if (!currentSearch) return href;
183
+
184
+ const currentParams = new URLSearchParams(currentSearch);
185
+ const utmSet = new Set<string>(UTM_PARAM_NAMES);
186
+
187
+ // Also strip common non-UTM params that shouldn't carry forward
188
+ const stripParams = new Set([...utmSet, "searchtext", "page"]);
189
+
190
+ // Parse the target href to separate path and existing query
191
+ let basePath: string;
192
+ let targetParams: URLSearchParams;
193
+
194
+ try {
195
+ // Handle both absolute URLs and relative paths
196
+ if (href.startsWith("http://") || href.startsWith("https://")) {
197
+ const url = new URL(href);
198
+ basePath = url.origin + url.pathname;
199
+ targetParams = url.searchParams;
200
+ } else {
201
+ const [path, query] = href.split("?");
202
+ basePath = path;
203
+ targetParams = new URLSearchParams(query || "");
204
+ }
205
+ } catch {
206
+ return href;
207
+ }
208
+
209
+ // Start with target's existing params
210
+ const merged = new URLSearchParams(targetParams);
211
+
212
+ // Add current page params that aren't UTM and aren't already in target
213
+ currentParams.forEach((value, key) => {
214
+ if (!stripParams.has(key.toLowerCase()) && !merged.has(key)) {
215
+ merged.set(key, value);
216
+ }
217
+ });
218
+
219
+ const queryString = merged.toString();
220
+ return queryString ? `${basePath}?${queryString}` : basePath;
221
+ }