Merge pull request #153 from vtex-apps/fix/safe-decode-uri

Safely decoding the URI in case there is any breaking character such as "%"

CHANGELOG.md

@@ -6,6 +6,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
+### Fixed
+- Safely decoding URI components to prevent errors when the search query contains breaking characters such as "%"
 
 ## [1.5.0] - 2021-10-08
 

react/components/Autocomplete/index.tsx

@@ -143,7 +143,12 @@ class AutoComplete extends React.Component<
     const path = window.location.href.split("_q=");
     if (path[1]) {
       const term = path[1].split("&")[0];
-      this.client.prependSearchHistory(decodeURI(term));
+
+      try {
+        this.client.prependSearchHistory(decodeURI(term));
+      } catch {
+        this.client.prependSearchHistory(term);
+      }
     }
   }
 

react/utils/dom-utils.ts

@@ -49,7 +49,15 @@ export function getCookie(name: string): string | null {
   const regex = new RegExp(`(^|;)[ ]*${name}=([^;]*)`);
   const match = regex.exec(document.cookie);
 
-  return match ? decodeURIComponent(match[2]) : null;
+  if (!match) {
+    return null;
+  }
+
+  try {
+    return decodeURIComponent(match[2]);
+  } catch {
+    return match[2];
+  }
 }
 
 export function setCookie(