@windstream/react-shared-components 0.1.45 → 0.1.47

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 (200) hide show
  1. package/README.md +635 -635
  2. package/dist/contentful/index.d.ts +2 -2
  3. package/dist/contentful/index.esm.js +2 -4
  4. package/dist/contentful/index.esm.js.map +1 -1
  5. package/dist/contentful/index.js +2 -4
  6. package/dist/contentful/index.js.map +1 -1
  7. package/dist/core.d.ts +1 -1
  8. package/dist/index.d.ts +3 -3
  9. package/dist/index.esm.js +5 -7
  10. package/dist/index.esm.js.map +1 -1
  11. package/dist/index.js +5 -7
  12. package/dist/index.js.map +1 -1
  13. package/dist/next/index.esm.js +1 -3
  14. package/dist/next/index.esm.js.map +1 -1
  15. package/dist/next/index.js +1 -3
  16. package/dist/next/index.js.map +1 -1
  17. package/dist/styles.css +1 -1
  18. package/dist/utils/index.d.ts +2 -3
  19. package/dist/utils/index.esm.js +1 -1
  20. package/dist/utils/index.esm.js.map +1 -1
  21. package/dist/utils/index.js +1 -1
  22. package/dist/utils/index.js.map +1 -1
  23. package/package.json +185 -185
  24. package/src/components/accordion/Accordion.stories.tsx +230 -230
  25. package/src/components/accordion/index.tsx +70 -70
  26. package/src/components/accordion/types.ts +12 -12
  27. package/src/components/alert-card/AlertCard.stories.tsx +171 -171
  28. package/src/components/alert-card/index.tsx +41 -41
  29. package/src/components/alert-card/types.ts +13 -13
  30. package/src/components/brand-button/BrandButton.stories.tsx +223 -223
  31. package/src/components/brand-button/helpers.ts +35 -35
  32. package/src/components/brand-button/index.tsx +120 -120
  33. package/src/components/brand-button/types.ts +38 -38
  34. package/src/components/button/Button.stories.tsx +108 -108
  35. package/src/components/button/index.tsx +27 -27
  36. package/src/components/button/types.ts +14 -14
  37. package/src/components/call-button/CallButton.stories.tsx +324 -324
  38. package/src/components/call-button/index.tsx +86 -86
  39. package/src/components/call-button/types.ts +11 -11
  40. package/src/components/checkbox/Checkbox.stories.tsx +247 -247
  41. package/src/components/checkbox/index.tsx +197 -197
  42. package/src/components/checkbox/types.ts +27 -27
  43. package/src/components/checklist/Checklist.stories.tsx +150 -150
  44. package/src/components/checklist/index.tsx +61 -61
  45. package/src/components/checklist/types.ts +17 -17
  46. package/src/components/collapse/Collapse.stories.tsx +255 -255
  47. package/src/components/collapse/index.tsx +46 -46
  48. package/src/components/collapse/types.ts +6 -6
  49. package/src/components/divider/Divider.stories.tsx +205 -205
  50. package/src/components/divider/index.tsx +22 -22
  51. package/src/components/divider/type.ts +3 -3
  52. package/src/components/image/Image.stories.tsx +113 -113
  53. package/src/components/image/index.tsx +25 -25
  54. package/src/components/image/types.ts +40 -40
  55. package/src/components/input/Input.stories.tsx +325 -325
  56. package/src/components/input/index.tsx +177 -177
  57. package/src/components/input/types.ts +37 -37
  58. package/src/components/link/Link.stories.tsx +163 -163
  59. package/src/components/link/index.tsx +109 -109
  60. package/src/components/link/types.ts +25 -25
  61. package/src/components/list/List.stories.tsx +272 -272
  62. package/src/components/list/index.tsx +88 -88
  63. package/src/components/list/list-item/index.tsx +38 -38
  64. package/src/components/list/list-item/types.ts +13 -13
  65. package/src/components/list/types.ts +29 -29
  66. package/src/components/material-icon/MaterialIcon.stories.tsx +322 -322
  67. package/src/components/material-icon/constants.ts +98 -98
  68. package/src/components/material-icon/index.tsx +47 -47
  69. package/src/components/material-icon/types.ts +31 -31
  70. package/src/components/modal/Modal.stories.tsx +171 -171
  71. package/src/components/modal/index.tsx +164 -164
  72. package/src/components/modal/types.ts +24 -24
  73. package/src/components/next-image/index.tsx +54 -54
  74. package/src/components/next-image/types.ts +1 -1
  75. package/src/components/pagination/index.tsx +100 -100
  76. package/src/components/pagination/types.ts +6 -6
  77. package/src/components/radio-button/RadioButton.stories.tsx +307 -307
  78. package/src/components/radio-button/index.tsx +75 -75
  79. package/src/components/radio-button/types.ts +21 -21
  80. package/src/components/see-more/SeeMore.stories.tsx +181 -181
  81. package/src/components/see-more/index.tsx +44 -44
  82. package/src/components/see-more/types.ts +4 -4
  83. package/src/components/select/Select.stories.tsx +411 -411
  84. package/src/components/select/index.tsx +155 -155
  85. package/src/components/select/types.ts +36 -36
  86. package/src/components/select-plan-button/SelectPlanButton.stories.tsx +184 -184
  87. package/src/components/select-plan-button/index.tsx +63 -63
  88. package/src/components/select-plan-button/types.ts +17 -17
  89. package/src/components/skeleton/Skeleton.stories.tsx +179 -179
  90. package/src/components/skeleton/index.tsx +61 -61
  91. package/src/components/skeleton/types.ts +4 -4
  92. package/src/components/spinner/Spinner.stories.tsx +335 -335
  93. package/src/components/spinner/index.tsx +44 -44
  94. package/src/components/spinner/types.ts +5 -5
  95. package/src/components/text/Text.stories.tsx +321 -321
  96. package/src/components/text/index.tsx +25 -25
  97. package/src/components/text/types.ts +45 -45
  98. package/src/components/tooltip/Tooltip.stories.tsx +219 -219
  99. package/src/components/tooltip/index.tsx +74 -74
  100. package/src/components/tooltip/types.ts +7 -7
  101. package/src/components/view-cart-button/ViewCartButton.stories.tsx +252 -252
  102. package/src/components/view-cart-button/index.tsx +42 -42
  103. package/src/components/view-cart-button/types.ts +5 -5
  104. package/src/contentful/blocks/accordion/Accordion.stories.tsx +34 -34
  105. package/src/contentful/blocks/accordion/index.tsx +112 -112
  106. package/src/contentful/blocks/accordion/types.ts +34 -34
  107. package/src/contentful/blocks/address-input-banner/index.tsx +52 -52
  108. package/src/contentful/blocks/address-input-banner/types.ts +14 -14
  109. package/src/contentful/blocks/anchored-bottom-banner/index.tsx +70 -70
  110. package/src/contentful/blocks/anchored-bottom-banner/types.ts +10 -10
  111. package/src/contentful/blocks/blogs-grid/index.tsx +134 -134
  112. package/src/contentful/blocks/blogs-grid/types.ts +26 -26
  113. package/src/contentful/blocks/breadcrumbs/index.tsx +51 -51
  114. package/src/contentful/blocks/breadcrumbs/types.ts +5 -5
  115. package/src/contentful/blocks/button/Button.stories.tsx +40 -40
  116. package/src/contentful/blocks/button/index.tsx +130 -130
  117. package/src/contentful/blocks/button/types.ts +39 -39
  118. package/src/contentful/blocks/callout/Callout.stories.tsx +23 -23
  119. package/src/contentful/blocks/callout/index.tsx +88 -88
  120. package/src/contentful/blocks/callout/types.ts +15 -15
  121. package/src/contentful/blocks/cards/Cards.stories.tsx +23 -23
  122. package/src/contentful/blocks/cards/blog-card/index.tsx +110 -110
  123. package/src/contentful/blocks/cards/blog-card/types.ts +18 -18
  124. package/src/contentful/blocks/cards/index.tsx +13 -13
  125. package/src/contentful/blocks/cards/product-card/index.tsx +251 -251
  126. package/src/contentful/blocks/cards/product-card/types.ts +28 -28
  127. package/src/contentful/blocks/cards/simple-card/index.tsx +89 -89
  128. package/src/contentful/blocks/cards/simple-card/types.ts +28 -28
  129. package/src/contentful/blocks/cards/testimonial-card/index.tsx +90 -90
  130. package/src/contentful/blocks/cards/testimonial-card/types.tsx +12 -12
  131. package/src/contentful/blocks/cards/types.ts +1 -1
  132. package/src/contentful/blocks/carousel/Carousel.stories.tsx +23 -23
  133. package/src/contentful/blocks/carousel/helper.tsx +440 -440
  134. package/src/contentful/blocks/carousel/index.tsx +85 -85
  135. package/src/contentful/blocks/carousel/types.ts +144 -144
  136. package/src/contentful/blocks/cartretentionbanner/CartRetentionBanner.tsx +99 -0
  137. package/src/contentful/blocks/cartretentionbanner/types.ts +11 -0
  138. package/src/contentful/blocks/comparison-table/index.tsx +27 -27
  139. package/src/contentful/blocks/comparison-table/types.ts +6 -6
  140. package/src/contentful/blocks/cookiebanner/index.tsx +146 -146
  141. package/src/contentful/blocks/cookiebanner/type.ts +7 -7
  142. package/src/contentful/blocks/cta-callout/CtaCallout.stories.tsx +46 -46
  143. package/src/contentful/blocks/cta-callout/index.tsx +71 -71
  144. package/src/contentful/blocks/cta-callout/types.ts +26 -26
  145. package/src/contentful/blocks/dynamic-tabs/index.tsx +204 -204
  146. package/src/contentful/blocks/dynamic-tabs/types.ts +21 -21
  147. package/src/contentful/blocks/email-input-block/index.tsx +117 -117
  148. package/src/contentful/blocks/email-input-block/types.ts +16 -16
  149. package/src/contentful/blocks/find-kinetic/FindKinetic.stories.tsx +23 -23
  150. package/src/contentful/blocks/find-kinetic/index.tsx +130 -130
  151. package/src/contentful/blocks/find-kinetic/types.ts +19 -19
  152. package/src/contentful/blocks/floating-banner/FloatingBanner.stories.tsx +34 -34
  153. package/src/contentful/blocks/floating-banner/index.tsx +97 -97
  154. package/src/contentful/blocks/floating-banner/types.ts +22 -22
  155. package/src/contentful/blocks/footer/Footer.stories.tsx +30 -30
  156. package/src/contentful/blocks/footer/index.tsx +91 -91
  157. package/src/contentful/blocks/footer/types.ts +13 -13
  158. package/src/contentful/blocks/image-promo-bar/ImagePromoBar.stories.tsx +23 -23
  159. package/src/contentful/blocks/image-promo-bar/helper.tsx +28 -28
  160. package/src/contentful/blocks/image-promo-bar/index.tsx +246 -246
  161. package/src/contentful/blocks/image-promo-bar/types.ts +44 -44
  162. package/src/contentful/blocks/image-promo-bar/vimeo-embed.tsx +93 -93
  163. package/src/contentful/blocks/image-promo-bar/youtube-embed.tsx +46 -46
  164. package/src/contentful/blocks/modal/constants.ts +53 -53
  165. package/src/contentful/blocks/modal/index.tsx +107 -107
  166. package/src/contentful/blocks/modal/types.ts +12 -12
  167. package/src/contentful/blocks/navigation/desktop-link-groups.tsx/index.tsx +113 -113
  168. package/src/contentful/blocks/navigation/index.tsx +394 -394
  169. package/src/contentful/blocks/navigation/mobile-link-groups.tsx/index.tsx +82 -82
  170. package/src/contentful/blocks/navigation/types.ts +41 -41
  171. package/src/contentful/blocks/primary-hero/PrimaryHero.stories.tsx +23 -23
  172. package/src/contentful/blocks/primary-hero/index.tsx +236 -236
  173. package/src/contentful/blocks/primary-hero/types.ts +37 -37
  174. package/src/contentful/blocks/search-block/index.tsx +90 -90
  175. package/src/contentful/blocks/search-block/types.ts +15 -15
  176. package/src/contentful/blocks/shape-background-wrapper/ShapeBackgroundWrapper.stories.tsx +26 -26
  177. package/src/contentful/blocks/shape-background-wrapper/index.tsx +124 -124
  178. package/src/contentful/blocks/shape-background-wrapper/types.ts +36 -36
  179. package/src/contentful/blocks/text/Text.stories.tsx +23 -23
  180. package/src/contentful/blocks/text/index.tsx +12 -12
  181. package/src/contentful/blocks/text/types.ts +1 -1
  182. package/src/contentful/index.ts +99 -99
  183. package/src/hooks/contentful/use-contentful-rich-text.tsx +310 -310
  184. package/src/hooks/contentful/use-processed-check-list.ts +63 -63
  185. package/src/hooks/use-body-scroll-lock.ts +34 -34
  186. package/src/hooks/use-carousel-swipe.ts +264 -264
  187. package/src/hooks/use-outside-click.ts +17 -17
  188. package/src/index.ts +101 -101
  189. package/src/next/index.ts +5 -5
  190. package/src/setupTests.ts +46 -46
  191. package/src/stories/DocsTemplate.tsx +24 -24
  192. package/src/styles/globals.css +343 -343
  193. package/src/types/global.d.ts +9 -9
  194. package/src/types/micro-components.ts +99 -99
  195. package/src/types/utm.ts +49 -49
  196. package/src/utils/contentful/to-document.ts +24 -24
  197. package/src/utils/cookie.ts +84 -84
  198. package/src/utils/cx.ts +49 -49
  199. package/src/utils/index.ts +38 -38
  200. 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
+ }