{"version":3,"sources":["webpack:///./Scripts/Components/ManualsSearchResultTable.js","webpack:///./Scripts/Containers/ManualsSearchModuleContainer.js"],"names":["props","manualSearchResult","query","getUrl","o","url","Url","React","className","translate","map","manual","i","key","articleNumber","ArticleNumber","name","Name","getName","target","href","length","generalManuals","localQuery","setLocalQuery","useState","setManualSearchResult","debouncedQuery","debounce","text","performSearch","abortController","q","abort","AbortController","post","then","response","json","result","value","catch","ex","console","log","role","type","placeholder","autoComplete","decodeURIComponent","onChange","event","encodeURIComponent","e","Link","ManualSearchResultTable"],"mappings":"6IAGA,MAyCA,EAzCsCA,IAElC,MAAM,mBAAEC,EAAkB,MAAEC,GAAUF,EAUhCG,EAAUC,GACLA,EAAEC,IAAMD,EAAEC,IAAMD,EAAEE,IAG7B,OACIC,gBAAA,OAAKC,UAAU,4BACXD,gBAAA,OAAKC,UAAU,kCACXD,gBAAA,QAAMC,UAAU,YAAWC,OAAU,+BACrCF,gBAAA,QAAMC,UAAU,YAAWC,OAAU,+BACrCF,gBAAA,QAAMC,UAAU,sBAAqBC,OAAU,gCAEnDF,gBAAA,UACKN,EAAmBS,KAAI,CAACC,EAAQC,KAC7BL,uBAAA,MAAIM,IAAK,sBAAuBD,GAC5BL,gBAAA,QAAMC,UAAU,YAtBVJ,EAsBsCO,GArBnDG,cAAgBV,EAAEU,cAAgBV,EAAEW,eAsB7BR,gBAAA,QAAMC,UAAU,yCAnBnBJ,IACNA,EAAEY,KAAOZ,EAAEY,KAAOZ,EAAEa,KAkB8CC,CAAQP,IACjEJ,gBAAA,OAAKC,UAAU,qBAAoBD,gBAAA,KAAGC,UAAU,mCAAmCW,OAAO,SAASC,KAAMjB,EAAOQ,KAAUF,OAAU,0BAA0BF,gBAAA,KAAGC,UAAU,8BAxBrKJ,KA0Bb,KAE0B,IAA9BH,EAAmBoB,QAAgBnB,EAAMmB,OAAS,GAC/Cd,gBAAA,WACCE,OAAU,iCAGb,C,kHChCd,MA+EA,EA/EsCT,IAElC,MAAM,eAAEsB,GAAmBtB,GACrBuB,EAAYC,IAAiBC,cAAS,KACtCxB,EAAoByB,IAAyBD,cAAS,IAEtDE,EAAiBC,GAAUC,GAASC,EAAcD,IAAO,KAE/D,IAAIE,EAGJ,MAAMD,EAAiBE,IAEfA,GAAKA,EAAEX,OAAS,IAChBU,GAAmBA,EAAgBE,QACnCF,EAAkB,IAAIG,iBAEtBC,QAAK,qBAAsBH,EAAGD,GAC7BK,MAAMC,GAAaA,EAASC,SAC5BF,MAAMG,IACHb,EAAsBa,EAAOC,MAAM,IAEtCC,OAAOC,GAAOC,QAAQC,IAAIF,MAEd,IAAbV,EAAEX,SACFG,EAAc,IACdE,EAAsB,IAC1B,EAQJ,OACInB,gBAAA,OAAKC,UAAU,oBACXD,gBAAA,OAAKC,UAAU,4BACXD,gBAAA,OAAKC,UAAU,qBAAqBqC,KAAK,UACrCtC,gBAAA,KAAGC,UAAU,8BACbD,gBAAA,SACIC,UAAU,sBACVsC,KAAK,SACLC,aAAatC,OAAU,6BACvBuC,aAAa,MACbR,MAAOS,mBAAmB1B,GAC1B2B,SAAWC,IACP,MAAMtB,EAAOuB,mBAAmBD,EAAMhC,OAAOqB,OAC7ChB,EAAcK,GACdF,EAAeE,EAAK,MAOpCtB,gBAAA,OAAKC,UAAU,6BACXD,gBAAA,OAAKC,UAAU,oCACVC,OAAU,oCAEfF,gBAAA,UACCe,EAAeZ,KAAI,CAACC,EAAQC,KACzB,GA/BO,OADHyC,EAgCU1C,GA/Bf2C,MAA8B,MAAdD,EAAEC,KAAKhD,KAAyB,IAAV+C,EAAEpC,KAgCnC,OAAOV,gBAAA,MAAIM,IAAK,aAAeD,GACnBL,gBAAA,YAAOI,EAAOM,MACdV,gBAAA,OAAKC,UAAU,qBAAoBD,gBAAA,KAAGC,UAAU,mCAAkCY,KAAMT,EAAO2C,KAAKhD,MAAMG,OAAU,0BAA0BF,gBAAA,KAAGC,UAAU,8BAnCvK6C,KAqCA,MAKXpD,GACGM,gBAACgD,UAAuB,CAACtD,mBAAoBA,EAAoBC,MAAOqB,IAE1E,C","file":"892.6a6eb5e5a14ae60088be.js","sourcesContent":["import React from 'react';\nimport { translate } from '../Services/translation';\n\nconst ManualsSearchModuleContainer = (props) => {\n    \n    const { manualSearchResult, query } = props;\n\n    const getArticleNumber = (o) => {\n        return o.articleNumber ? o.articleNumber : o.ArticleNumber;\n    }\n\n    const getName = (o) => {\n        return o.name ? o.name : o.Name;\n    }\n\n    const getUrl = (o) => {\n        return o.url ? o.url : o.Url;\n    }\n\n    return(\n        <div className=\"manuals-s-module__result\">\n            <div className=\"manuals-s-module__result-title\">\n                <span className=\"small-4\">{translate('manual.search.tabletitle-a')}</span>\n                <span className=\"small-4\">{translate('manual.search.tabletitle-p')}</span>\n                <span className=\"small-4 align-end\">{translate('manual.search.tabletitle-d')}</span> \n            </div>\n            <ul>\n                {manualSearchResult.map((manual, i) => (\n                    <li key={\"manual-result-item-\"+ i}>\n                        <span className=\"small-4\">{getArticleNumber(manual)}</span>\n                        <span className=\"small-4 manuals-s-module__result-name\">{getName(manual)}</span>\n                        <div className=\"small-4 align-end\"><a className=\"small-button small-button--light\" target=\"_blank\" href={getUrl(manual)}>{translate('manual.search.download')}<i className=\"far fa-arrow-to-bottom\"></i></a></div>\n                    </li>\n                ))}\n            </ul>\n            {manualSearchResult.length === 0 && query.length > 2 &&\n                <h3>\n                {translate('manual.search.nomanualsfound')}\n                </h3>\n            }\n        </div>\n    );\n}\n\nexport default ManualsSearchModuleContainer;\n","import React, {\n    useState,\n} from 'react';\nimport { post } from '../Services/http';\nimport { translate } from '../Services/translation';\nimport * as debounce from 'lodash.debounce';\nimport ManualSearchResultTable from '../Components/ManualsSearchResultTable';\n\nconst ManualsSearchModuleContainer = (props) => {\n\n    const { generalManuals } = props;\n    const[localQuery, setLocalQuery] = useState(\"\");\n    const[manualSearchResult, setManualSearchResult] = useState([])\n\n    const debouncedQuery = debounce((text) => performSearch(text), 200);\n\n    let abortController;\n\n\n    const performSearch = (q) => {\n\n        if (q && q.length > 2) {\n            abortController && abortController.abort();\n            abortController = new AbortController();\n\n            post('/api/manualssearch', q, abortController)\n            .then((response) => response.json())\n            .then((result) => {\n                setManualSearchResult(result.value);\n            })\n            .catch((ex) => console.log(ex));\n        }\n        if (q.length === 0) {\n            setLocalQuery('')\n            setManualSearchResult([])\n        }\n    }\n\n    const showManual = (e) => {\n        var x = (e.Link != null && e.Link.Url != null && e.Name != \"\");\n        return  x\n    }\n\n    return(\n        <div className=\"manuals-s-module\">\n            <div className=\"manuals-s-module__search\">\n                <div className=\"quick-search__form\" role=\"search\">\n                    <i className=\"quick-search__submit-icon\"></i>\n                    <input\n                        className=\"quick-search__input\"\n                        type=\"search\"\n                        placeholder={translate('manual.search.placeholder')}\n                        autoComplete=\"off\"\n                        value={decodeURIComponent(localQuery)}\n                        onChange={(event) => {\n                            const text = encodeURIComponent(event.target.value);\n                            setLocalQuery(text);\n                            debouncedQuery(text);\n                        }}              \n                    />\n                </div>\n            </div>\n            \n\n            <div className=\"manuals-s-module__general\">\n                <div className=\"manuals-s-module__general-title\">\n                    {translate('manual.search.generaltabletitle')}\n                </div>\n                <ul>\n                {generalManuals.map((manual, i) => {\n                    if(showManual(manual)) {\n                        return <li key={\"genmanual-\" + i}>\n                                    <span>{manual.Name}</span>\n                                    <div className=\"small-4 align-end\"><a className=\"small-button small-button--light\"href={manual.Link.Url}>{translate('manual.search.download')}<i className=\"far fa-arrow-to-bottom\"></i></a></div>\n                                </li>                                            \n                        }\n                    }\n                )}\n                </ul>\n            </div>\n            {manualSearchResult &&\n                <ManualSearchResultTable manualSearchResult={manualSearchResult} query={localQuery}/>\n            }\n        </div>\n    );\n}\n\nexport default ManualsSearchModuleContainer;\n"],"sourceRoot":""}