{"version":3,"sources":["store/actions/vendorDirectoryAction.js","components/Common/Header/SearchOptions.js","containers/HeaderSearchBar.js"],"names":["updateVendorDirectory","URL","view","pagenumber","queriedText","dispatch","getState","openAPI","get","then","response","type","actionTypes","payload","data","updateVendorDirectoryAll","sortDataSet","resetDataSet","withRouter","props","className","style","optionLength","length","display","id","options","map","option","index","key","onClick","e","preventDefault","setVendorDirectoryLoadedStatusFalse","doMagic","history","push","slug","href","label","HeaderSearchBar","_isMounted","state","isOpen","jQuery","searchClass","addClass","searchToggleClass","setState","prevState","document","getElementById","focus","removeClass","searchFor","dataListItemClicked","getSuggestion","param","requestURL","process","withCredentials","searchOptions","resetSuggestedOptions","checkAndGetVendorByParams","axios","all","getVendorDirectory","spread","vendorResp","saveVendorDirectory","currentLocation","location","pathname","onChangeHandler","event","persist","target","value","toOptionIndex","bind","this","addEventListener","indexOf","srcElement","getAttribute","error","errorInfo","Fragment","placeholder","name","list","onChange","autoFocus","onKeyDown","keyCode","resetVendorDirectoryData","React","Component","HeaderSearchBarWithRouter","connect"],"mappings":"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","file":"static/js/77.23354c76.chunk.js","sourcesContent":["import axios from 'axios';\nimport * as actionTypes from './actionTypes';\nimport { openAPI } from '../../config';\n\nexport const updateVendorDirectory = (URL, view, pagenumber, queriedText) => {\n  return (dispatch, getState) => {\n    openAPI\n      .get(`${URL}?view=${view}&p=${pagenumber}&q=${queriedText}`)\n      .then((response) => {\n        dispatch({\n          type: actionTypes.SAVE_VENDOR_DIR_DATA,\n          payload: response.data,\n        });\n      });\n  };\n};\n\nexport const updateVendorDirectoryAll = (\n  URL,\n  view,\n  pagenumber,\n  queriedText\n) => {\n  return (dispatch, getState) => {\n    openAPI\n      .get(`${URL}?view=${view}&p=${pagenumber}&q=${queriedText}`)\n      .then((response) => {\n        dispatch({\n          type: actionTypes.SAVE_VENDOR_DIR_DATA,\n          payload: response.data,\n        });\n      });\n  };\n};\n\nexport const sortDataSet = (data) => {\n  return (dispatch, getState) => {\n    dispatch({\n      type: actionTypes.UPDATE_VENDOR_DIR_RESULTS,\n      payload: data,\n    });\n  };\n};\n\nexport const resetDataSet = () => {\n  return (dispatch, getState) => {\n    dispatch({\n      type: actionTypes.UPDATE_VENDOR_DIR_RESULTS,\n      payload: [],\n    });\n  };\n};\n","import React from 'react';\nimport { withRouter } from 'react-router-dom';\n\nconst SearchOption = props => {\n  return (\n    <div\n      className=\"datalist\"\n      style={\n        props.optionLength && props.optionLength.length >= 3\n          ? { display: 'block' }\n          : { display: 'none' }\n      }\n    >\n      <ul id=\"searchOptionSuggestionList\">\n        {props.options.map((option, index) => (\n          <li\n            key={`op-${option.id}-${index}`}\n            onClick={e => {\n              e.preventDefault();\n              props.setVendorDirectoryLoadedStatusFalse();\n              props.doMagic();\n              props.history.push(`/vendor/${option.slug}`);\n            }}\n          >\n            <a href={`/vendor/${option.slug}`} key={option.id}>\n              {option.label}\n            </a>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nexport default withRouter(SearchOption);\n","import React from 'react';\nimport jQuery from 'jquery';\nimport axios from 'axios';\nimport SearchOptions from '../components/Common/Header/SearchOptions';\nimport { withRouter } from 'react-router-dom';\nimport * as actionTypes from '../store/actions/actionTypes';\nimport { connect } from 'react-redux';\nimport { getVendorDirectory } from '../components/Common/CommonMethods';\nimport { resetDataSet } from '../store/actions/vendorDirectoryAction';\nimport { openAPI } from '../config';\n\nclass HeaderSearchBar extends React.Component {\n  _isMounted = false;\n  constructor(props) {\n    super(props);\n    this.state = {\n      isOpen: false,\n      searchFor: '',\n      searchOptions: [],\n      currentLocation: '',\n      searchClass: '.Exp-serach',\n      searchToggleClass: 'Exp-serach-open',\n      toOptionIndex: -1,\n    };\n    this.doMagic = this.doMagic.bind(this);\n    this.onChangeHandler = this.onChangeHandler.bind(this);\n    this.getSuggestion = this.getSuggestion.bind(this);\n    this.resetSuggestedOptions = this.resetSuggestedOptions.bind(this);\n    this.checkAndGetVendorByParams = this.checkAndGetVendorByParams.bind(this);\n  }\n\n  UNSAFE_componentWillMount() {\n    this._isMounted = true;\n    if (this._isMounted) {\n      this.setState({ currentLocation: this.props.location.pathname });\n    }\n    document.addEventListener('click', (e) => {\n      let notClose = [\n        'headersearch',\n        'Exp-serach',\n        'search',\n        'searchiconwrapper',\n        'seachsubmit',\n      ];\n      if (notClose.indexOf(e.srcElement.getAttribute('id')) === -1) {\n        jQuery(`${this.state.searchClass}`).removeClass(\n          `${this.state.searchToggleClass}`\n        );\n        if (this._isMounted) {\n          this.setState((prevState) => {\n            return {\n              isOpen: false,\n              searchFor: '',\n              dataListItemClicked: false,\n            };\n          });\n        }\n      }\n    });\n  }\n\n  componentDidCatch(error, errorInfo) {}\n\n  componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  doMagic = () => {\n    if (this.state.isOpen === false) {\n      jQuery(`${this.state.searchClass}`).addClass(\n        `${this.state.searchToggleClass}`\n      );\n      if (this._isMounted) {\n        this.setState(\n          (prevState) => {\n            return {\n              isOpen: true,\n            };\n          },\n          () => {\n            document.getElementById('search').focus();\n          }\n        );\n      }\n    } else {\n      jQuery(`${this.state.searchClass}`).removeClass(\n        `${this.state.searchToggleClass}`\n      );\n      if (this._isMounted) {\n        this.setState((prevState) => {\n          return {\n            isOpen: false,\n            searchFor: '',\n            dataListItemClicked: false,\n          };\n        });\n      }\n    }\n  };\n\n  getSuggestion = (param) => {\n    const requestURL = `${process.env.REACT_APP_API_URL}/ajax_search?term=${param}`;\n    openAPI\n      .get(requestURL, {\n        withCredentials: true,\n      })\n      .then((response) => {\n        if (this._isMounted) {\n          this.setState({ searchOptions: response.data });\n        }\n      });\n  };\n\n  resetSuggestedOptions = () => {\n    if (this._isMounted) {\n      this.setState({ searchOptions: [] });\n    }\n  };\n\n  checkAndGetVendorByParams = (param) => {\n    axios.all([getVendorDirectory(param)]).then(\n      axios.spread((vendorResp) => {\n        this.props.saveVendorDirectory(vendorResp.data);\n        if (this.state.currentLocation === this.props.location.pathname) {\n          if (this._isMounted) {\n            this.setState({ isOpen: false, searchFor: '' });\n          }\n          jQuery(`${this.state.searchClass}`).removeClass(\n            `${this.state.searchToggleClass}`\n          );\n        }\n      })\n    );\n  };\n\n  onChangeHandler = (event) => {\n    event.persist();\n    if (this._isMounted) {\n      this.setState(\n        (prevState) => {\n          return {\n            searchFor: event.target.value,\n          };\n        },\n        () => {\n          if (this.state.searchFor.length >= 3) {\n            this.getSuggestion(this.state.searchFor);\n          } else {\n            this.resetSuggestedOptions();\n          }\n        }\n      );\n    }\n  };\n\n  render() {\n    return (\n      <React.Fragment>\n        <div id=\"Exp-serach\" className=\"Exp-serach\">\n          <form id=\"searchform\">\n            <input\n              className=\"ExpInput \"\n              placeholder=\"Search\"\n              name=\"vendor\"\n              id=\"search\"\n              list=\"vendorList\"\n              value={this.state.searchFor}\n              onChange={(event) => {\n                this.onChangeHandler(event);\n              }}\n              autoFocus={this.state.isOpen}\n              onKeyDown={(e) => {\n                if (e.keyCode === 13) {\n                  e.preventDefault();\n                  this.props.history.push(`/vendors?q=${this.state.searchFor}`);\n                  this.props.resetVendorDirectoryData();\n                  this.props.setVendorDirectoryLoadedStatusFalse();\n                  this.checkAndGetVendorByParams(`?q=${this.state.searchFor}`);\n                }\n              }}\n            />\n            <input className=\"Expbtn\" type=\"submit\" value=\"\" id=\"seachsubmit\" />\n            <span\n              className=\"ExpIcon\"\n              id=\"searchiconwrapper\"\n              onClick={(e) => {\n                e.preventDefault();\n                if (this.state.searchFor.length >= 3) {\n                  this.props.history.push(`/vendors?q=${this.state.searchFor}`);\n                  this.props.resetVendorDirectoryData();\n                  this.props.setVendorDirectoryLoadedStatusFalse();\n                  this.checkAndGetVendorByParams(`?q=${this.state.searchFor}`);\n                } else {\n                  this.doMagic();\n                }\n              }}\n            >\n              <i id=\"headersearch\" className=\"fa fa-search\"></i>\n            </span>\n          </form>\n        </div>\n        {this.state.searchFor.length && this.state.searchOptions.length ? (\n          <SearchOptions\n            options={this.state.searchOptions}\n            id=\"vendors\"\n            optionLength={this.state.searchFor}\n            setVendorDirectoryLoadedStatusFalse={\n              this.props.setVendorDirectoryLoadedStatusFalse\n            }\n            doMagic={this.doMagic}\n            toOptionIndex={this.state.toOptionIndex}\n          />\n        ) : null}\n      </React.Fragment>\n    );\n  }\n}\n\nconst HeaderSearchBarWithRouter = withRouter(HeaderSearchBar);\n\nconst mapDispatchToProps = (dispatch) => {\n  return {\n    saveVendorDirectory: (data) =>\n      dispatch({ type: actionTypes.SAVE_VENDOR_DIR_DATA, payload: data }),\n    resetVendorDirectoryData: () => dispatch(resetDataSet()),\n    setVendorDirectoryLoadedStatusFalse: () =>\n      dispatch({ type: actionTypes.SET_VENDOR_DIR_DATA_LOADED_FALSE }),\n  };\n};\n\nexport default connect(null, mapDispatchToProps)(HeaderSearchBarWithRouter);\n"],"sourceRoot":""}