@uncinc/uncinc-react-kitchen-sink 2.8.22 → 2.8.23

package/dist/helpers/utm.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Add UTM parameters to cookie with 15 minutes expire
+ * @returns {void}
+ */
+export function setUtmCookies(): void;
+/**
+ * Get the cookies that start with utm_ from the document
+ * @returns {Array} An array of utm cookies
+ */
+export function getUtmCookies(): any[];
+/**
+ * Add the cookies from the document a url
+ * @param {string} href - The URL we would like to add utm cookies to
+ * @returns {string | null} the mutated URL or nothing
+ */
+export function addUtmQueryString(href: string): string | null;

package/dist/helpers/utm.js

@@ -0,0 +1,47 @@
+import qs from 'query-string';
+import Cookies from 'js-cookie';
+
+/**
+ * Add UTM parameters to cookie with 15 minutes expire
+ * @returns {void}
+ */
+export function setUtmCookies() {
+  var inFifteenMinutes = new Date(new Date().getTime() + 15 * 60 * 1000);
+  var params = qs.parse(window.location.search);
+  var utmKeys = Object.keys(params).filter(function (value) {
+    return value.startsWith('utm_');
+  });
+  utmKeys.forEach(function (key) {
+    Cookies.set(key, params[key], {
+      expires: inFifteenMinutes
+    });
+  });
+}
+
+/**
+ * Get the cookies that start with utm_ from the document
+ * @returns {Array} An array of utm cookies
+ */
+export function getUtmCookies() {
+  return document.cookie.split(';').map(function (cookie) {
+    return cookie.trim();
+  }).filter(function (value) {
+    return value.startsWith('utm_');
+  });
+}
+
+/**
+ * Add the cookies from the document a url
+ * @param {string} href - The URL we would like to add utm cookies to
+ * @returns {string | null} the mutated URL or nothing
+ */
+export function addUtmQueryString(href) {
+  if (!href) {
+    return null;
+  }
+  var utmQueryString = getUtmCookies().join('&');
+  if (utmQueryString) {
+    href += (href.split('?')[1] ? '&' : '?') + utmQueryString;
+  }
+  return href;
+}

package/dist/index.d.ts

@@ -80,4 +80,5 @@ export { default as useValueForCurrentViewPort } from "./helpers/useValueForCurr
 export { getApiAutoCompleteSuggestions } from "./helpers/apiAutoComplete";
 export { default as FormikWrapper, FormikExtendedContextProvider } from "./components/Form/FormikWrapper";
 export { parseDateWithTimezoneOffset, isValidDate, doubleDigits } from "./helpers/date";
+export { setUtmCookies, getUtmCookies, addUtmQueryString } from "./helpers/utm";
 export { isExternalLink, normalizeLink } from "./helpers/link";

package/dist/index.js

@@ -93,5 +93,6 @@ export { default as useWindowDimensions } from './hooks/useWindowDimensions';
 export { default as gtm } from './helpers/gtm';
 export { default as useValueForCurrentViewPort } from './helpers/useValueForCurrentViewPort';
 export { parseDateWithTimezoneOffset, isValidDate, doubleDigits } from './helpers/date';
+export { setUtmCookies, getUtmCookies, addUtmQueryString } from './helpers/utm';
 export { isExternalLink, normalizeLink } from './helpers/link';
 export { getApiAutoCompleteSuggestions } from './helpers/apiAutoComplete';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uncinc/uncinc-react-kitchen-sink",
-  "version": "2.8.22",
+  "version": "2.8.23",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",
@@ -148,6 +148,7 @@
     "jest-junit": "^16.0.0",
     "nodemon": "^3.0.3",
     "prop-types": "^15.8.1",
+    "query-string": "^6.13.1",
     "react-scripts": "^5.0.1",
     "react-test-renderer": "^18.2.0",
     "sinon": "^9.0.2",