homeflowjs 1.0.50 → 1.0.52

package/actions/search.actions.js

@@ -32,6 +32,11 @@ export const setSearchField = (payload) => ({
   payload,
 });
 
+export const setTextSearch = (payload) => ({
+  type: SearchActionTypes.SET_TEXT_SEARCH,
+  payload,
+});
+
 export const toggleTag = (payload) => ({
   type: SearchActionTypes.TOGGLE_TAG,
   payload,

package/actions/search.types.js

@@ -2,6 +2,7 @@ const SearchActionTypes = {
   SET_SEARCH: 'SET_SEARCH',
   SET_INITIAL_SEARCH: 'SET_INITIAL_SEARCH',
   SET_SUGGESTIONS: 'SET_SUGGESTIONS',
+  SET_TEXT_SEARCH: 'SET_TEXT_SEARCH',
   SET_CHANNEL: 'SET_CHANNEL',
   SET_SEARCH_FIELD: 'SET_SEARCH_FIELD',
   ADD_TAG: 'ADD_TAG',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "homeflowjs",
-  "version": "1.0.50",
+  "version": "1.0.52",
   "sideEffects": [
     "modal/**/*",
     "user/default-profile/**/*",

package/reducers/search.reducer.js

@@ -11,6 +11,7 @@ const INITIAL_STATE = {
     tags: [],
     poly: '',
     auctionDate: '',
+    text: '',
     viewport: [],
   },
   initialSearch: {}, // original search when the page first loads
@@ -42,6 +43,14 @@ const searchReducer = (state = INITIAL_STATE, action) => {
           suggestions: action.payload,
         },
       };
+    case SearchActionTypes.SET_TEXT_SEARCH:
+      return {
+        ...state,
+        currentSearch: {
+          ...state.currentSearch,
+          text: action.payload,
+        },
+      };
     case SearchActionTypes.SET_CHANNEL:
       // when channel is changed, reset prices to avoid trying to search using wrong prices
       return {

package/search/address-lookup-input/clear-button.component.jsx

@@ -16,10 +16,10 @@ const ClearButton = ({ address, loading, onClear, iconStokeInherit }) => (
       <SearchIcon inherit={iconStokeInherit} />
     )}
     {Object.keys(address.value).length !== 0 && !loading && (
-    <CloseIcon inherit={iconStokeInherit} />
+      <CloseIcon inherit={iconStokeInherit} />
     )}
     {loading && (
-    <LoadingIcon inherit={iconStokeInherit} />
+      <LoadingIcon inherit={iconStokeInherit} />
     )}
   </button>
 );

package/search/index.js

@@ -14,10 +14,12 @@ import RemoveSavedSearchButton from '../properties/remove-saved-property-button/
 import SavedSearch from './saved-search/saved-search.component';
 import propertySearch from './property-search/property-search';
 import generateSearchDescription from './saved-search/generate-description';
+import TextSearchInput from './text-search/text-search.component';
 
 export {
   SearchForm,
   LocationInput,
+  TextSearchInput,
   AddressLookupInput,
   BedroomsSelect,
   ChannelRadioButton,

package/search/text-search/text-search.component.jsx

@@ -0,0 +1,43 @@
+import React from 'react';
+import { setTextSearch } from '../../actions/search.actions';
+import { useDispatch, useSelector } from 'react-redux';
+import PropTypes from 'prop-types';
+
+const TextSearchInput = ({
+  className, placeholder, htmlFor,
+}) => {
+  const dispatch = useDispatch();
+
+  const initialTextSearch = useSelector(state => state.search.currentSearch.text) || '';
+
+  const handleChange = (e) => {
+    dispatch(setTextSearch(e.target.value?.replace('%20', ' ')));
+  }
+
+  return (
+    <input
+      type="text"
+      name="text_search"
+      id="text_search"
+      value={initialTextSearch?.replace('%20', ' ')}
+      {...className && {
+        className: className,
+      }}
+      {...placeholder && {
+        placeholder: placeholder,
+      }}
+      {...htmlFor && {
+        htmlFor: htmlFor,
+      }}
+      onChange={e => handleChange(e)}
+    />
+  );
+};
+
+TextSearchInput.propTypes = {
+  className: PropTypes.string,
+  placeholder: PropTypes.string,
+  htmlFor: PropTypes.string,
+};
+
+export default TextSearchInput;

package/shared/close-icon.component.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CloseIcon = () => (
+const CloseIcon = ({inherit}) => (
   <svg role="img" xmlns="http://www.w3.org/2000/svg" width="20.52" height="20.52" viewBox="0 0 20.52 20.52">
     <title>Close Icon</title>
     <g transform="translate(-336.011 -145.97)">

package/shared/loading-icon.component.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const LoadingIcon = () => (
+const LoadingIcon = ({inherit}) => (
   <svg role="img" className="loading-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <title>Loading Icon</title>
     <path d="M23 4V10H17" stroke={`${inherit ? 'inherit' : '#fff'}`} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />