empathyco · mnavarroespinosa · Sep 21, 2022 · Apr 16, 2022 · Apr 17, 2022 · Apr 18, 2022
diff --git a/.parcel-cache/311e88e197fce509 b/.parcel-cache/311e88e197fce509
diff --git a/.parcel-cache/763a7cef489022c4 b/.parcel-cache/763a7cef489022c4
diff --git a/.parcel-cache/7dc7401b7c586711.txt b/.parcel-cache/7dc7401b7c586711.txt
@@ -0,0 +1,2 @@
+8363530
+1650222044200960000
diff --git a/.parcel-cache/9c4db7f2c4a2647c b/.parcel-cache/9c4db7f2c4a2647c
diff --git a/.parcel-cache/data.mdb b/.parcel-cache/data.mdb
diff --git a/.parcel-cache/ddccbb135b48c08d b/.parcel-cache/ddccbb135b48c08d
diff --git a/.parcel-cache/lock.mdb b/.parcel-cache/lock.mdb
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/tailwindcss-x/src/main.d.ts b/packages/tailwindcss-x/src/main.d.ts
@@ -0,0 +1,2 @@
+import './css/index.pcss';
+//# sourceMappingURL=main.d.ts.map
diff --git a/packages/tailwindcss-x/src/main.d.ts.map b/packages/tailwindcss-x/src/main.d.ts.map
diff --git a/packages/tailwindcss-x/src/main.js b/packages/tailwindcss-x/src/main.js
diff --git a/packages/tailwindcss-x/src/main.js.map b/packages/tailwindcss-x/src/main.js.map
diff --git a/packages/x-components/package-lock.json b/packages/x-components/package-lock.json
diff --git a/packages/x-components/src/x-modules/search-box/components/__tests__/search-input.spec.ts b/packages/x-components/src/x-modules/search-box/components/__tests__/search-input.spec.ts
@@ -176,6 +176,15 @@ describe('testing search input component', () => {
     }
   );
 
+  it('prevents the query from containing special characters.', () => {
+    const queries: string[] = ['wa>ter', '<water', 'w<>ater', 'wa>ter>', '<>water', 'water><'];
+    for (const query of queries) {
+      input.value = query;
+      mockedSearchInput.trigger('keydown');
+      expect(input.value).toEqual('water');
+    }
+  });
+
   it('focus the input when UserPressedClearSearchBoxButton event is emitted', () => {
     input.blur();
     expect(input).not.toBe(document.activeElement);

@@ -7,6 +7,7 @@
     @input="emitUserIsTypingAQueryEvents"
     @keydown.enter="emitUserPressedEnterKey"
     @keydown.up.down.prevent="emitUserPressedArrowKey"
+    @keydown="preventSpecialKey"
     :maxlength="maxLength"
     :value="query"
     autocomplete="off"
@@ -86,7 +87,7 @@
     /**
      * When event {@link XEventsTypes.UserReachedEmpathizeTop} or
      * {@link SearchBoxXEvents.UserPressedClearSearchBoxButton}
-     * are emitted the search in put is focused.
+     * are emitted the search input is focused.
      *
      * @internal
      */
@@ -231,6 +232,19 @@
     protected emitUserAcceptedAQuery(query: string): void {
       this.$x.emit('UserAcceptedAQuery', query, this.createEventMetadata());
     }
+
+    /**
+     * Prevents the user from typing special characters in the input field.
+     * Checks the input query value and replaces special characters with whitespace.
+     *
+     * @internal
+     */
+    protected preventSpecialKey(): void {
+      this.$refs.input.value = this.$refs.input.value
+        .trim()
+        .replace(/[>]/gi, '')
+        .replace(/[<]/gi, '');
+    }
   }
 </script>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		8363530
wannieman98 marked this conversation as resolved. Show resolved Hide resolved
		1650222044200960000
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		import './css/index.pcss';
wannieman98 marked this conversation as resolved. Show resolved Hide resolved
		//# sourceMappingURL=main.d.ts.map