searchParam → queryParam

Author: steven-tey

packages/script/src/index.js

@@ -38,13 +38,13 @@
     const api = script.getAttribute('data-api');
     const am = script.getAttribute('data-attribution-model');
     const co = script.getAttribute('data-cookie-options');
-    const sp = script.getAttribute('data-search-param');
+    const qp = script.getAttribute('data-query-param');
 
     return {
       api: api || 'https://api.dub.co/track/click',
       attributionModel: am || 'last-click',
       cookieOptions: co ? JSON.parse(co) : null,
-      searchParam: sp || 'ref',
+      queryParam: qp || 'ref',
     };
   }
 
@@ -100,13 +100,13 @@
   // Function to check for { keys } in the URL and update cookie if necessary
   function watchForQueryParams() {
     const searchParams = new URLSearchParams(window.location.search);
-    const { api, cookieOptions, attributionModel, searchParam } =
+    const { api, cookieOptions, attributionModel, queryParam } =
       getOptions(script);
 
     let clickId = searchParams.get(CLICK_ID) || searchParams.get(OLD_CLICK_ID);
 
     if (!clickId) {
-      const identifier = searchParams.get(searchParam);
+      const identifier = searchParams.get(queryParam);
 
       if (identifier) {
         fetch(api, {

packages/web/src/generic.ts

@@ -33,8 +33,8 @@ function inject(props: AnalyticsProps): void {
     );
   }
 
-  if (props.searchParam) {
-    script.setAttribute('data-search-param', props.searchParam);
+  if (props.queryParam) {
+    script.setAttribute('data-query-param', props.queryParam);
   }
 
   if (props.scriptProps) {

packages/web/src/types.ts

@@ -108,11 +108,11 @@ export interface AnalyticsProps {
   };
 
   /**
-   * The search parameter to listen to for client-side click-tracking (e.g. `?ref=abc123`)
+   * The query parameter to listen to for client-side click-tracking (e.g. `?ref=abc123`)
    *
    * @default 'ref'
    */
-  searchParam?: string;
+  queryParam?: string;
 
   /**
    * Custom properties to pass to the script.