{"version":3,"file":"DetailedSearch.min.js","sources":["DetailedSearch.js"],"sourcesContent":["// ReSharper disable StringLiteralTypo\r\n// ReSharper disable IdentifierTypo\r\n// ReSharper disable UndeclaredGlobalVariableUsing\r\n(function($, _, root) {\r\n    'use strict';\r\n    var assetId = 'uc214-detailedsearch';\r\n    var utils = new Utils();\r\n\r\n    $(function domReady() {\r\n        if (root.umwAssets && root.umwAssets[assetId]) {\r\n            root.umwAssets[assetId].forEach(function(contextModel) {\r\n                if (contextModel) {\r\n                    var mainPanelId = contextModel.mainPanelID;\r\n                    var $mainPanel = $('#' + mainPanelId);\r\n\r\n                    if ($mainPanel.length === 1) {\r\n                        var searchProccessor = new SearchProccessor($mainPanel, contextModel, utils);\r\n                        searchProccessor.init();\r\n                    } else if ($mainPanel.length === 0) {\r\n                        console.warn(assetId + ': detailed search main panel element was not found by id#' + mainPanelId);\r\n                    } else {\r\n                        console.warn(assetId + ': found > 1 detailed search main panel elements with id#' + mainPanelId);\r\n                    }\r\n                }\r\n            });\r\n        }\r\n    });\r\n\r\n    function SearchProccessor($mainPanel, contextModel, utils) {\r\n        var _$body = $('body');\r\n        var _$mainPanel = $mainPanel;\r\n        var _contextModel = contextModel;\r\n        var _utils = utils;\r\n\r\n        var _isFirstLoading = true;\r\n        var _cache = { empty: {} };\r\n        var _$searchInput, _$popupContainer, _$searchClearBtn;\r\n        var _searchDelay = 1000;\r\n        var _popupOpened = false;\r\n        var _searchInProcess = false;\r\n        var _productListController = null;\r\n        var _clearBtnClick = false;\r\n        const detailedSearchEvents = {\r\n            show: 'detailedsearch.popup:show',\r\n            hide: 'detailedsearch.popup:hide',\r\n            onstatechange: 'detailedsearch.popup:onstatechange'\r\n        };\r\n\r\n        function _init() {\r\n            _$searchClearBtn = _$mainPanel.find('.js-search-clear-input-btn');\r\n            _$searchInput = _$mainPanel.find('.js-search-input');\r\n\r\n            if (contextModel.alternativePopupContainerSelector) {\r\n                _$popupContainer = $(contextModel.alternativePopupContainerSelector);\r\n            } else {\r\n                _$popupContainer = $('.js-detailed-search-popup');\r\n            }\r\n\r\n            if (root.PubSub) {\r\n                root.PubSub.subscribe('detailedsearch', function (msg, data) {\r\n                    if(data.detailedSearchId !== _contextModel.mainPanelID) return;                    \r\n                    switch (msg) {\r\n                        case detailedSearchEvents.show:\r\n                            _togglePopup(true);\r\n                            break;\r\n                        case detailedSearchEvents.hide:\r\n                            if (!_searchInProcess) _togglePopup(false);\r\n                            break;\r\n                    }\r\n                });\r\n            }\r\n\r\n            $(document).on('click',\r\n                function (e) {\r\n                    if (!_$searchInput[0].contains(e.target) && !_$popupContainer[0].contains(e.target)) {\r\n                        if (_clearBtnClick) {\r\n                            _clearBtnClick = false;\r\n                            if(_popupOpened){\r\n                                return;\r\n                            }\r\n                        }\r\n                        _togglePopup(false);\r\n                    }\r\n                });\r\n\r\n            /* No need in submit button. Was requested to use clear button instead. Don't delete - can be used in future projects.\r\n            var _$searchBtn = _$mainPanel.find('.js-search-btn');\r\n            _$searchBtn.on('click',\r\n                function(e) {\r\n                    var term = $.trim(_$searchInput.val());\r\n                    if (term && term.length && term.length >= _contextModel.minTermLength) {\r\n                        root.location = root.R + _contextModel.searchUrl + encodeURIComponent(term);\r\n                    } else {\r\n                        e.preventDefault();\r\n                    }\r\n                });\r\n            */\r\n\r\n            _$searchClearBtn.on('click',\r\n                function () {\r\n                    _clearBtnClick = true;\r\n                    _$searchInput.val('').focus();\r\n                    _$mainPanel.attr('data-input-has-term', 'false');\r\n                }\r\n            );\r\n\r\n            _$searchInput\r\n                .on('keyup',\r\n                    function (e) {\r\n                        if (e.key && typeof (e.key) !== 'undefined' && e.key.length && e.key !== 'Unidentified' && !e.repeat) {\r\n                            var term = $.trim(_$searchInput.val());\r\n                            // Has terms data required to show different icons depends on input state.\r\n                            if (term && term.length && term.length > 0) {\r\n                                _$mainPanel.attr('data-input-has-term', 'true');\r\n                            } else {\r\n                                _$mainPanel.attr('data-input-has-term', 'false');\r\n                            }\r\n                            if (e.key.length === 1 || e.key === 'Backspace' || e.key === 'Delete') {\r\n                                if (_searchInProcess) {\r\n                                    return;\r\n                                }\r\n                                _searchInProcess = true;\r\n                                setTimeout(function () {\r\n                                    _search();\r\n                                    _searchInProcess = false;\r\n                                }, _searchDelay);\r\n                            }\r\n                        }\r\n                    })\r\n                .on('keypress', function (e) {\r\n                    if (e.key && typeof (e.key) !== 'undefined' && e.key.length && e.key !== 'Unidentified' && !e.repeat && e.key === 'Enter') {\r\n                        e.preventDefault();\r\n                        var term = $.trim(_$searchInput.val());\r\n                        if (term && term.length && term.length) {\r\n                            root.location = root.R + _contextModel.searchUrl + encodeURIComponent(term);\r\n                        }\r\n                    }\r\n                })\r\n                .on('focus',\r\n                    function () {\r\n                        if (root.PubSub) {\r\n                            root.PubSub.publish('popup.lockRender');\r\n                        }\r\n                        _search();\r\n                    });\r\n        }\r\n\r\n        function _generatePopupHtml(searchResultModel) {\r\n            if (_contextModel.popupTemplate) {\r\n                return _.template(_contextModel.popupTemplate, searchResultModel);\r\n            } else {\r\n                console.error('Popup template does not exists in the context model.');\r\n                return '';\r\n            }\r\n        }\r\n\r\n        function _togglePopup(showOrHide) {\r\n            if (_popupOpened === showOrHide) return;\r\n            // Don't allow to toggle popup state if it's already opened.\r\n            if(showOrHide) {\r\n                //console.log(document.documentElement.getBoundingClientRect().width , window.innerWidth);\r\n                const windowWidth = window.innerWidth;\r\n                const documentWidth = document.documentElement.getBoundingClientRect().width;\r\n\r\n                let scrollCompensation = windowWidth - documentWidth;\r\n\r\n                if(scrollCompensation > 0) {\r\n                    $(\"body\").get(0).style.setProperty('--scrollbar-compensate', `${scrollCompensation}px`);\r\n                }\r\n\r\n                _$popupContainer.removeClass('hidden');\r\n                _$body.addClass('detailed-search-modal-is-shown');\r\n                _popupOpened = true;\r\n            } else {\r\n                $(\"body\").get(0).style.setProperty('--scrollbar-compensate', `0`);\r\n                _$popupContainer.addClass('hidden');\r\n                _$body.removeClass('detailed-search-modal-is-shown');\r\n                _popupOpened = false;\r\n                if (root.PubSub) {\r\n                    root.PubSub.publish('popup.unlockRender');\r\n                }\r\n            }\r\n            if (root.PubSub) {\r\n                root.PubSub.publish(detailedSearchEvents.onstatechange, { toggleState: showOrHide, detailedSearchId: _contextModel.mainPanelID });\r\n            }\r\n        };\r\n\r\n        function _setLoadingUI() {\r\n            if (_isFirstLoading) {\r\n                _isFirstLoading = false;\r\n\r\n                var popupHtml = _generatePopupHtml({ isLoading: true });\r\n                _$popupContainer.empty();\r\n                _$popupContainer.append(popupHtml);\r\n                _togglePopup(true);\r\n            }\r\n        }\r\n\r\n        function _proccessSearchResult(searchResultModel, searchInput) {\r\n            _$popupContainer.empty();\r\n\r\n            var searchResultModelEx = $.extend(searchResultModel,\r\n                {\r\n                    isLoading: false,\r\n                    searchHref: root.R + _contextModel.searchUrl + encodeURIComponent(searchInput),\r\n                    labels: _contextModel.labels,\r\n                });\r\n\r\n            _.each(searchResultModelEx.documentsSection.documents, function (document) {\r\n                // Strip html tags before embedding it into the markup. Documents can contain html which is not compatible with simple text presentation for teaser in detailed search popup.\r\n                document.teaser = document.teaser.replace(/(<([^>]+)>)/gi, '');\r\n            });\r\n            var popupHtml = _generatePopupHtml(searchResultModelEx);\r\n            _$popupContainer.empty();\r\n            _$popupContainer.append(popupHtml);\r\n\r\n            if (searchResultModelEx.productsSection.productListAssetContext) {\r\n                var productListAssetContext = JSON.parse(searchResultModelEx.productsSection.productListAssetContext);\r\n                if (productListAssetContext &&\r\n                    root.createProductListController &&\r\n                    typeof (root.createProductListController) == 'function') {\r\n                    productListAssetContext.skipFilterEvents = true;\r\n                    _productListController = createProductListController(productListAssetContext);\r\n                    if (_productListController) {\r\n                        _productListController.init();\r\n                    }\r\n                }\r\n            }\r\n\r\n            if (searchResultModelEx.productsSection.productsCount && _$popupContainer.find('.lipscore-rating-small').length && lipscore) {\r\n                lipscore.reInitWidgets();\r\n            }\r\n\r\n            _togglePopup(true);\r\n        }\r\n\r\n        function _search() {\r\n            var searchInput = $.trim(_$searchInput.val());\r\n            if (searchInput && searchInput.length && searchInput.length >= _contextModel.minTermLength) {\r\n\r\n                _setLoadingUI();\r\n\r\n                var cacheKey = searchInput;\r\n                if (_cache[cacheKey]) {\r\n                    _proccessSearchResult(_cache[cacheKey], searchInput);\r\n                } else {\r\n                    root.reporWebshopSearchEvent(searchInput);\r\n                    $.ajax({\r\n                            url: root.R + 'handlers/public/ItemSearch.ashx',\r\n                            type: 'GET',\r\n                            data: {\r\n                                action: 'detailedsearch',\r\n                                term: searchInput,\r\n                                productListResultsCount: _contextModel.productListResultsCount,\r\n                                pageResultsCount: _contextModel.pageResultsCount,\r\n                                documentResultsCount: _contextModel.documentResultsCount,\r\n                                eventResultsCount: _contextModel.eventResultsCount,\r\n                                imageWidth: _contextModel.imageWidth\r\n                            }\r\n                        })\r\n                        .success(function (result) {\r\n                            _cache[cacheKey] = result;\r\n                            _proccessSearchResult(result, searchInput);\r\n                        })\r\n                        .error(function (errResp) {\r\n                            var errorMessage = _utils.extractErrorMessageFromResponse(errResp);\r\n                            console.error('Failed to make search request with term \"' + searchInput + '\". ', errorMessage);\r\n                        });\r\n                }\r\n            }\r\n        }\r\n\r\n        return { init: _init }\r\n    }\r\n\r\n    function Utils() {\r\n        return {\r\n            extractErrorMessageFromResponse: function(errorResponse) {\r\n                var message;\r\n                if (typeof errorResponse === 'object' && errorResponse !== null) {\r\n                    // Extract error message\r\n                    try {\r\n                        var parsedResponseBody = JSON.parse(errorResponse.responseText);\r\n                        message = parsedResponseBody.ExceptionMessage ? parsedResponseBody.ExceptionMessage : (parsedResponseBody.Message ? parsedResponseBody.Message : errorResponse.statusText);\r\n                    } catch (e) {\r\n                        message = errorResponse.statusText;\r\n                    }\r\n                } else {\r\n                    message = errorResponse;\r\n                }\r\n\r\n                return message;\r\n            }\r\n        }\r\n    }\r\n\r\n})(jQuery, _, window);"],"names":["$","_","root","assetId","utils","extractErrorMessageFromResponse","errorResponse","parsedResponseBody","JSON","parse","responseText","message","ExceptionMessage","Message","statusText","e","SearchProccessor","$mainPanel","contextModel","_$searchInput","_$popupContainer","_$searchClearBtn","_$body","_$mainPanel","_contextModel","_utils","_isFirstLoading","_cache","empty","_popupOpened","_searchInProcess","_productListController","_clearBtnClick","detailedSearchEvents","show","hide","onstatechange","_generatePopupHtml","searchResultModel","popupTemplate","template","console","error","_togglePopup","showOrHide","scrollCompensation","window","innerWidth","document","documentElement","getBoundingClientRect","width","get","style","setProperty","removeClass","addClass","PubSub","publish","toggleState","detailedSearchId","mainPanelID","_proccessSearchResult","searchInput","searchResultModelEx","extend","isLoading","searchHref","R","searchUrl","encodeURIComponent","labels","popupHtml","each","documentsSection","documents","teaser","replace","append","productsSection","productListAssetContext","createProductListController","skipFilterEvents","init","productsCount","find","length","lipscore","reInitWidgets","_search","cacheKey","trim","val","minTermLength","reporWebshopSearchEvent","ajax","url","type","data","action","term","productListResultsCount","pageResultsCount","documentResultsCount","eventResultsCount","imageWidth","success","result","errResp","errorMessage","alternativePopupContainerSelector","subscribe","msg","on","contains","target","focus","attr","key","repeat","setTimeout","preventDefault","location","umwAssets","forEach","mainPanelId","warn","jQuery"],"mappings":"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"}