Voice Search support (#894)

Add support for voice search This includes updating the styling of the icons and adding the default config J=SLAP-1444 TEST=manual Point the test site to the SDK with voice search and see the icon appear and work correctly. Test adding custom icons and confirm the styling looks good
yext · Aug 2, 2021 · 48094d7 · 48094d7
1 parent 31a5c36
commit 48094d7
Show file tree

Hide file tree

Showing 6 changed files with 31 additions and 1 deletion.
diff --git a/templates/universal-standard/page-config.json b/templates/universal-standard/page-config.json
@@ -25,6 +25,11 @@
       "loadingIndicator": {
         "display": true //Optional, whether to include a loading indicator on seachbar
         // "iconUrl": "" //Optional, use custom icon url instead of the default loading indicator animation
+      },
+      "voiceSearch": {
+        "enabled": false // Whether or not voice search is enabled
+        // "customMicIconUrl": "", // Path to override the voice start icon
+        // "customListeningIconUrl": "" // Path to override the voice stop icon
       }
     }
   },

diff --git a/templates/vertical-full-page-map/page-config.json b/templates/vertical-full-page-map/page-config.json
@@ -45,6 +45,11 @@
       "loadingIndicator": {
         "display": true //Optional, whether to include a loading indicator on seachbar
         // "iconUrl": "" //Optional, use custom icon url instead of the default loading indicator animation
+      },
+      "voiceSearch": {
+        "enabled": false // Whether or not voice search is enabled
+        // "customMicIconUrl": "", // Path to override the voice start icon
+        // "customListeningIconUrl": "" // Path to override the voice stop icon
       }
     },
     "Pagination": {

diff --git a/templates/vertical-grid/page-config.json b/templates/vertical-grid/page-config.json
@@ -47,6 +47,11 @@
       "loadingIndicator": {
         "display": true //Optional, whether to include a loading indicator on seachbar
         // "iconUrl": "" //Optional, use custom icon url instead of the default loading indicator animation
+      },
+      "voiceSearch": {
+        "enabled": false // Whether or not voice search is enabled
+        // "customMicIconUrl": "", // Path to override the voice start icon
+        // "customListeningIconUrl": "" // Path to override the voice stop icon
       }
     },
     "Pagination": {

diff --git a/templates/vertical-map/page-config.json b/templates/vertical-map/page-config.json
@@ -47,6 +47,11 @@
       "loadingIndicator": {
         "display": true //Optional, whether to include a loading indicator on seachbar
         // "iconUrl": "" //Optional, use custom icon url instead of the default loading indicator animation
+      },
+      "voiceSearch": {
+        "enabled": false // Whether or not voice search is enabled
+        // "customMicIconUrl": "", // Path to override the voice start icon
+        // "customListeningIconUrl": "" // Path to override the voice stop icon
       }
     },
     "Pagination": {

diff --git a/templates/vertical-standard/page-config.json b/templates/vertical-standard/page-config.json
@@ -47,6 +47,11 @@
       "loadingIndicator": {
         "display": true //Optional, whether to include a loading indicator on seachbar
         // "iconUrl": "" //Optional, use custom icon url instead of the default loading indicator animation
+      },
+      "voiceSearch": {
+        "enabled": false // Whether or not voice search is enabled
+        // "customMicIconUrl": "", // Path to override the voice start icon
+        // "customListeningIconUrl": "" // Path to override the voice stop icon
       }
     },
     "Pagination": {

diff --git a/test-site/config/index.json b/test-site/config/index.json
@@ -26,7 +26,12 @@
       }
     },
     "SearchBar": {
-      "placeholderText": "Search" // The placeholder text in the answers search bar
+      "placeholderText": "Search", // The placeholder text in the answers search bar
+      "voiceSearch": {
+        "enabled": false
+        // "customMicIconUrl": "", // Optional, display a custom microphone icon
+        // "customListeningIconUrl": "" // Optional, displays a custom while voice search is active
+      }
     }
   },
   "verticalsToConfig": {