{"version":3,"file":"7294.aadf51182e8511654662.js","mappings":"y1BASMA,E,+wBAGOC,KAAa,I,2EAGtBA,C,KAGI,gB,eACsD,G,6BAI1C,GAAP,OAAO,oCACJC,OAAOC,QAAQ,aAAa,GAAG,GAAKC,WAAW,kBAClD,qCAER,+C,CAID,IAAC,e,iEAGG,S,mCAE6BH,EAAAA,cAAa,O,wBAEf,wBACXI,SAAS,KAAoB,eAChB,gBAAWC,QAAa,CACrCC,KAAK,OACLC,UAAUC,oB,YAAe,KAADC,MAAAA,c,4CAEV,SAAM,mBAA6C,0B,mBAMpF,c,iMC/CE,SAASC,EAAeC,GAkC3B,OAAOC,EAAAA,EAAAA,KAjCiB,SAAUC,GAC9B,MAAO,CACHC,MAAOC,EAAAA,GAAAA,MAAqBF,GAC5BG,QAASD,EAAAA,GAAAA,QAAuBF,GAChCI,qBAAsBF,EAAAA,GAAAA,qBAAoCF,GAC1DK,kBAAmBH,EAAAA,GAAAA,kBAAiCF,GACpDM,yBAA0BJ,EAAAA,GAAAA,yBAAwCF,GAClEO,qBAAsBL,EAAAA,GAAAA,qBAAoCF,GAC1DQ,wBAAyBN,EAAAA,GAAAA,wBAAuCF,GAEhES,qBAAsBP,EAAAA,GAAAA,qBAAoCF,GAC1DU,kBAAmBR,EAAAA,GAAAA,kBAAiCF,GACpDW,yBAA0BT,EAAAA,GAAAA,yBAAwCF,GAClEY,qBAAsBV,EAAAA,GAAAA,qBAAoCF,GAC1Da,wBAAyBX,EAAAA,GAAAA,wBAAuCF,OAI7C,SAAUc,GACjC,MAAO,CACHC,aAAcd,SAAAA,GAASa,OAAAA,EAASE,EAAAA,GAAAA,aAAqBf,KACrDgB,aAAcC,SAAAA,GAAYJ,OAAAA,EAASE,EAAAA,GAAAA,aAAqBE,KAExDC,sBAAuB,WAAML,OAAAA,EAASE,EAAAA,GAAAA,0BACtCI,kBAAmB,WAAMN,OAAAA,EAASE,EAAAA,GAAAA,sBAClCK,oBAAqB,WAAMP,OAAAA,EAASE,EAAAA,GAAAA,wBAEpCM,sBAAuB,WAAMR,OAAAA,EAASE,EAAAA,GAAAA,0BACtCO,kBAAmB,WAAMT,OAAAA,EAASE,EAAAA,GAAAA,sBAClCQ,oBAAqB,WAAMV,OAAAA,EAASE,EAAAA,GAAAA,2BAIrCjB,CAA6CD,K,uQChCxD,UAFsBR,SAAAA,GAAS,OAAM,gBAALJ,EAAAA,EAAS,KAAKI","sources":["webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactComponents/Search/search-box.js","webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactReducers/Search/search-composer.js","webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactViews/SearchBox/search-box-view.js"],"sourcesContent":["import React, { Component } from \"react\";\r\nimport IconSearch from \"ReactComponents/Shared/Icons/icon-search\";\r\nimport { searchComposer } from \"../../ReactReducers/Search/search-composer\";\r\n\r\n/**\r\n * @param SearchBoxText (string) the placeholder text\r\n *\r\n */\r\n\r\nclass SearchBox extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.submitHandler = this.submitHandler.bind(this);\r\n }\r\n\r\n submitHandler(e) {\r\n e.preventDefault();\r\n\r\n if (window) {\r\n //window.location = '/soeg?q=' + this.props.query;\r\n if (window.location.pathname.indexOf(\"/soeg\") != -1) {\r\n window.history.replaceState({}, \"\", \"/soeg?q=\" + this.props.query);\r\n this.props.searchSubmit(this.props);\r\n } else {\r\n window.location = \"/soeg?q=\" + this.props.query;\r\n }\r\n }\r\n }\r\n\r\n searchChange(event) {\r\n this.props.queryChanged(event.target.value);\r\n }\r\n\r\n render() {\r\n return (\r\n <div className=\"search-box\">\r\n <form onSubmit={this.submitHandler}>\r\n <input\r\n type=\"text\"\r\n className=\"search-box__input\"\r\n placeholder={this.props.SearchBoxText}\r\n value={this.props.query}\r\n onChange={event => this.searchChange(event)}\r\n />\r\n <button aria-label=\"Søg\" type=\"submit\" className=\"search-box__submit\">\r\n <IconSearch />\r\n </button>\r\n </form>\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nexport default searchComposer(SearchBox);\r\n","import { connect } from \"react-redux\";\r\nimport { searchSelector, searchActions as actions } from \"./search-reducer\";\r\n\r\nexport function searchComposer(Component) {\r\n const mapStateToProps = function (state) {\r\n return {\r\n query: searchSelector.query(state),\r\n pending: searchSelector.pending(state),\r\n contentSearchResults: searchSelector.contentSearchResults(state),\r\n contentSearchPage: searchSelector.contentSearchPage(state),\r\n contentSearchHasPrevious: searchSelector.contentSearchHasPrevious(state),\r\n contentSearchHasNext: searchSelector.contentSearchHasNext(state),\r\n contentSearchTotalCount: searchSelector.contentSearchTotalCount(state),\r\n\r\n productSearchResults: searchSelector.productSearchResults(state),\r\n productSearchPage: searchSelector.productSearchPage(state),\r\n productSearchHasPrevious: searchSelector.productSearchHasPrevious(state),\r\n productSearchHasNext: searchSelector.productSearchHasNext(state),\r\n productSearchTotalCount: searchSelector.productSearchTotalCount(state)\r\n };\r\n };\r\n\r\n const mapDispatchToProps = function (dispatch) {\r\n return {\r\n queryChanged: query => dispatch(actions.queryChanged(query)),\r\n searchSubmit: propsObj => dispatch(actions.searchSubmit(propsObj)),\r\n\r\n contentSearchPrevious: () => dispatch(actions.contentSearchPrevious()),\r\n contentSearchNext: () => dispatch(actions.contentSearchNext()),\r\n contentSearchSubmit: () => dispatch(actions.contentSearchSubmit()),\r\n\r\n productSearchPrevious: () => dispatch(actions.productSearchPrevious()),\r\n productSearchNext: () => dispatch(actions.productSearchNext()),\r\n productSearchSubmit: () => dispatch(actions.productSearchSubmit())\r\n };\r\n };\r\n\r\n return connect(mapStateToProps, mapDispatchToProps)(Component);\r\n}\r\n","import * as React from \"react\";\r\nimport SearchBox from \"@/ReactComponents/Search/search-box\";\r\n\r\nconst SearchBoxView = props => <SearchBox {...props} />;\r\n\r\nexport default SearchBoxView;\r\n"],"names":["SearchBox","submitHandler","window","location","props","className","SearchBoxText","value","onChange","event","searchChange","searchComposer","Component","connect","state","query","searchSelector","pending","contentSearchResults","contentSearchPage","contentSearchHasPrevious","contentSearchHasNext","contentSearchTotalCount","productSearchResults","productSearchPage","productSearchHasPrevious","productSearchHasNext","productSearchTotalCount","dispatch","queryChanged","actions","searchSubmit","propsObj","contentSearchPrevious","contentSearchNext","contentSearchSubmit","productSearchPrevious","productSearchNext","productSearchSubmit"],"sourceRoot":""}