{"version":3,"sources":["styleguide/images/diet-less-salt-icon.svg","styleguide/components/Cards/GenericHighlightCard/index.ts","common/components/Widgets/GenericHighlight.tsx","common/components/Widgets/ArticleHighlight.tsx","pagetypes/Search/components/ArticleSearchFilters.tsx","pagetypes/Search/components/ArticleSearchResults.tsx","pagetypes/Search/searchApiHelper.ts","utils/hash-string.ts","utils/scroll.ts","pagetypes/Search/components/SearchArticles.tsx","pagetypes/Search/components/SearchFilter.tsx","pagetypes/Search/components/filters/FilterCount.tsx","pagetypes/Search/components/filters/IconFilter.tsx","pagetypes/Search/components/filters/SimpleFilterDialog.tsx","pagetypes/Search/components/filters/AuthorFilterDialog.tsx","styleguide/components/Icons/AspectGroupIcons/DietLessSaltIcon/DietLessSaltIcon.tsx","pagetypes/Search/components/filters/CookingPreferenceDialog.tsx","pagetypes/Search/components/filters/RecipeProductFilterDialog.tsx","pagetypes/Search/components/RecipeSearchFilters.tsx","pagetypes/Search/components/SearchRecipes.tsx","pagetypes/Search/components/ProductSearchResults.tsx","common/components/General/Truncate.tsx","pagetypes/Search/components/filters/ProductGroupFilterItem.tsx","pagetypes/Search/components/filters/ProductGroupFilter.tsx","pagetypes/Search/components/filters/ProductGroupFilterDialog.tsx","pagetypes/Search/components/filters/BrandFilterDialog.tsx","pagetypes/Search/components/filters/AllergenicFilterDialog.tsx","pagetypes/Search/components/filters/PackageFilterDialog.tsx","pagetypes/Search/components/ProductSearchFilters.tsx","pagetypes/Search/components/SearchProducts.tsx","pagetypes/Search/components/BackToTop.tsx","pagetypes/Search/Search.tsx","common/components/Widgets/constants.ts","styleguide/components/Tags/ContentTag/ContentTag.tsx","pagetypes/Recipe/components/RecipeCooperationIcon.tsx","styleguide/components/Cards/GenericHighlightCard/GenericHighlightCard.tsx","pagetypes/Search/components/SearchResultsGrid.tsx","styleguide/components/Tags/AuthorTag/AuthorTagWrapper.tsx","styleguide/components/Tags/AuthorTag/AuthorTag.tsx","styleguide/components/Tags/NewsTag/NewsTag.tsx","styleguide/components/Tags/NewsTag/index.ts","styleguide/components/Cards/ArticleCard/ArticleCard.tsx","styleguide/components/Cards/ProductCard/ProductCard.tsx","pagetypes/Search/components/RecipeSearchResults.tsx","common/components/ScrollMenu/ScrollMenu.tsx","common/components/Applets/ProductFeatureBrowser/components/IngredientSelectors.tsx"],"names":["module","exports","__webpack_require__","p","Cards_GenericHighlightCard","GenericHighlight","_a","widgetId","title","items","react","id","GenericHighlightTitle","GenericHighlightCards","GenericHighlightContainer","map","item","index","Object","tslib_es6","key","styled_components_browser_esm","h2","withConfig","displayName","componentId","templateObject_1","theme","typography","heading","colors","div","templateObject_4","constants","helpers","tablet","templateObject_2","props","isLeftAligned","desktop1440","templateObject_3","ArticleHighlight","_super","_this","apply","this","arguments","state","truncateLines","getTruncateLength","onResize","lodash_throttle__WEBPACK_IMPORTED_MODULE_2___default","setState","tslib__WEBPACK_IMPORTED_MODULE_0__","prototype","componentDidMount","onMount","styleguide_helpers_window__WEBPACK_IMPORTED_MODULE_4__","w","addEventListener","componentWillUnmount","removeEventListener","render","articles","showAuthor","layoutName","isLoading","onLinkClick","onArticleCLick","event","onArticleClick","react__WEBPACK_IMPORTED_MODULE_1__","_GenericHighlight__WEBPACK_IMPORTED_MODULE_8__","length","className","article","styleguide_components_Cards_ArticleCard_ArticleCard__WEBPACK_IMPORTED_MODULE_5__","url","onClick","truncateLength","_Loading_LoadingSpinner__WEBPACK_IMPORTED_MODULE_7__","innerWidth","styleguide_helpers_media__WEBPACK_IMPORTED_MODULE_3__","phone","desktop","defaultProps","__webpack_exports__","common_components_Routing_Routable__WEBPACK_IMPORTED_MODULE_6__","ArticleSearchFiltersContainer","components_Search","isCentered","media","grid","gutterInPx","FilterGroup","section","templateObject_5","PillFilterWrapper","templateObject_7","templateObject_6","components_ArticleSearchFilters","filters","selectedFilters","filterCount","isResultsLoading","onFilterClick","shortid","SmallHeader","PillFilters","disableCount","ArticleSearchResultsWrapper","ArticleSearchResults_templateObject_3","ArticleSearchResults_templateObject_1","ArticleSearchResults_templateObject_2","ArticleSearchResults_ArticleSearchResults","ArticleSearchResults","results","searchKeyword","searchUrl","zone","NoResults","noResultsButtonLabel","noResultsDescription","components_ArticleSearchResults","Routable","normalizeSearchUrl","startsWith","substr","renameQueryStringParameter","originalKey","newKey","segments","split","lastIndex","lookupValue","replaceIndex","findIndex","s","originalValue","join","getHashString","hashString","location","hash","slice","setHashString","newHashString","clearHashString","getHashSearchPageOrDefault","Number","query_string","setHashSearchPage","pageNumber","toString","saveScrollPositionToHash","window","top","pageYOffset","document","documentElement","scrollTop","Math","round","resumeScrollPositionFromHash","setTimeout","scrollTo","SearchArticles_SearchArticles","SearchArticles","call","initialPageCount","currentPageNumber","isComponentMounted","hasResetScroll","pageSize","resumeScrollIfContentMounted","infiniteScroll","reset","savePageAndScrollPosition","renderFilters","search","availableFilters","professional","isProfessionalSearch","filterName","filterValue","selected","updateSearch","routingState","onInfiniteScroll","siteUrlId","loadMoreArticles","resourceId","count","translateSearchUrlForAPICall","InfiniteScrollHelper","subscribe","bind","doSearchArticles","unsubscribeInfiniteScroll","componentDidUpdate","prevProps","unlockInfiniteScroll","_b","resultsCount","searchType","types","ARTICLE","isProfessional","inlineMobileFilters","LoadingSpinner","searchArticles","searchQuery","searchSubject","components_SearchArticles","es","resource","routing","app","sites","settings","services","query","content","utils","_c","pathname","search_actions","reducers","FilterLabel","button","SearchFilter_templateObject_5","brandPrimary","border","SearchFilter_templateObject_1","SearchFilter_templateObject_2","fonts","secondary","shoppingListGrey","SearchFilter_templateObject_3","SearchFilter_templateObject_4","ModalActionsWrapper","SearchFilter_templateObject_7","filterType","SearchFilter_templateObject_6","FilterModal","Modal","templateObject_9","Media","templateObject_8","ToggleIconWrapper","templateObject_12","isOpen","templateObject_10","templateObject_11","SearchFilter_ToggleIcon","ArrowDownIcon","components_SearchFilter","SearchFilter","toggleOpen","labelRef","prevState","helpers_window","scrollTargetEl","getElementById","current","offsetTop","behavior","label","children","isDisabled","disabled","ref","renderModalFilters","displayType","toggleType","breakpoint","modalTitle","modalDesktopWidth","toLowerCase","desktopWidth","onClose","MediumHeader","tagName","Divider","size","full","direction","horizontal","Button","message","filters_FilterCount","span","FilterCount_templateObject_1","bodyText","StyledIconFilter","IconFilter_templateObject_1","selectedItem","borderHighlight","selectedItemBackground","white","buttonPrimary","inputDisabledBackground","inputDisabledText","Title","IconFilter_templateObject_2","primary","filters_IconFilter","icon","rest","AuthorFilterTypes","IconFilterGrid","SimpleFilterDialog_templateObject_4","SimpleFilterDialog_templateObject_1","SimpleFilterDialog_templateObject_2","SimpleFilterDialog_templateObject_3","getIconFilterWidth","SimpleFilterDialog_PillFilterWrapper","SimpleFilterDialog_templateObject_6","SimpleFilterDialog_templateObject_5","filters_SimpleFilterDialog","filterItems","filterIconMap","iconFilters","pillFilters","forEach","filter","push","iconFilter","name","value","DietLessSaltIcon","FilteredIconImage","diet_less_salt_icon","AuthorFilterDialog_IconFilterGrid","AuthorFilterDialog_templateObject_1","PreferenceFilterTypes","filters_AuthorFilterDialog","intl","useIntl","author","Valio","formatMessage","LogoIcon","some","sf","RecipeCooperationIcon","Cooperation","RecipeProductFilterDialogWrapper","RecipeProductFilterDialog_templateObject_2","RecipeProductFilterDialog_templateObject_1","ProductSearchForm","form","RecipeProductFilterDialog_templateObject_3","SelectedProductWrapper","RecipeProductFilterDialog_templateObject_4","RecipeProductFilterDialog_RecipeProductFilterDialog","RecipeProductFilterDialog","itemClicked","slug","ingredientsParameterName","setProduct","onRemove","productSlug","undefined","searchInputChanged","input","searchProducts","searchResult","isSearching","productTitle","siteUrlPrefix","hasProduct","ProductsIcon","SearchResults","placeholder","showMostPopularKeywords","mostPopularKeywords","onSetSearchText","productResults","loading","autoFocus","inputSize","inputTypes","medium","isDesktopWidthFluid","hideSearchCategoryTitle","hideSearchIcon","Pill","filters_RecipeProductFilterDialog","recipeProductFilter","ingredients","recipeProductFilterSearchProducts","recipeProductFilterSetProduct","injectIntl","CookingPreferenceDialog_IconFilterGrid","CookingPreferenceDialog_templateObject_1","HandIconAdjustedFilter","CookingPreferenceDialog_templateObject_2","IndustrialIconAdjustedFilter","CookingPreferenceDialog_templateObject_3","filters_CookingPreferenceDialog","difficulty","Easy","Icons","maxTime","Quick","Challenge","FILTER_ICON_MAP","bakingBread","BakingBreadIcon","bakingBuns","BakingBunsIcon","bakingCakes","BakingCakesIcon","bakingDough","BakingDoughIcon","bakingMuffins","BakingMuffinsIcon","bakingSavouryPastry","AspectGroupIcons","cheeseTray","soup","SoupIcon","mifu","MifuIcon","dessert","DessertIcon","sweetPastry","meat","MeatIcon","fish","FishIcon","chicken","ChickenIcon","mifuRecipe","MifuRecipeIcon","vegeRecipe","VegeRecipeIcon","mincedMeat","MincedMeatIcon","dietDairyFree","DietDairyFreeIcon","dietEggFree","DietEggFreeIcon","dietLactoseFree","DietLactoseFreeIcon","dietLessSalt","dietLowLactose","DietLowLactoseIcon","dietLight","DietLightIcon","dietProtein","DietProteinIcon","dietGlutenFree","DietGlutenFreeIcon","dietVegetarian","DietVegetarianIcon","dietLowCarb","dietVegan","everyDay","EveryDayIcon","family","FamilyIcon","organic","OrganicIcon","partyBbq","PartyBbqIcon","partyEaster","partyGraduation","PartyGraduationIcon","partyHalloween","PartyHalloweenIcon","partyHarvest","PartyHarvestIcon","partyKids","PartyKidsIcon","partyLabourDay","PartyLabourDayIcon","partyXmas","salad","SaladIcon","logo","recipeCooperation","user","UserIcon","juice","pudding","activeSenior","yogurt","ResponsiveToggle","Toggle","RecipeSearchFilters_templateObject_1","components_RecipeSearchFilters","onRadioFilterClick","simpleFilters","f","recipeTypeFilter","type","imageUrl","context","themes","groups","splice","onQuickFilterClick","isActive","quickFilter","find","onAspectToggleClick","initialState","onToggleClick","_","SearchRecipes_SearchRecipes","SearchRecipes","loadMoreRecipes","recipes","onSortClick","sort","sortParameter","doSearchRecipes","language","hideRecipeInfo","RECIPE","defaultSortValue","getSortValue","sortOptions","getSortOptions","RecipeSearchResults","onRecipeClick","searchRecipes","loadProduct","selectedProductSlug","selectedProductTitle","productSlugs","Array","isArray","translation","hasOwnProperty","translateQueryStringParameter","sortTranslations","sortValue","initialSelectedSort","sortByBestHit","sortByNewestFirst","sortByPopularity","sortByAlphabetical","getDefaultOnly","components_SearchRecipes","sortTranslation","siteId","_d","finc","recipeProductFilterLoadProduct","ProductSearchResultsGrid","SearchResultsGrid","ProductSearchResults_templateObject_3","ProductSearchResults_templateObject_1","ProductSearchResults_templateObject_2","ProductSearchSpinner","ProductSearchResults_templateObject_4","ProductSearchResults_ProductSearchResults","ProductSearchResults","renderResults","onProductClick","product","imgSrc","width","largeImageUrl","displayWidth","ProductCard","components_ProductSearchResults","General_Truncate","truncateAt","output","dangerouslySetInnerHTML","__html","filters_ProductGroupFilterItem","Checkbox","checked","onChange","currentTarget","StyledProductGroupFilter","ProductGroupFilter_templateObject_1","ProductGroupFilterHeader","header","ProductGroupFilter_templateObject_2","FilterIconWrapper","ProductGroupFilter_templateObject_3","FilterTitleWrapper","ProductGroupFilter_templateObject_4","SelectedChildFilterValue","ProductGroupFilter_templateObject_5","ProductGroupFilter_ToggleIconWrapper","ProductGroupFilter_templateObject_6","FilterItemList","ul","ProductGroupFilter_templateObject_7","FilterItem","li","ProductGroupFilter_templateObject_8","filters_ProductGroupFilter","ProductGroupFilter","onToggleChildFilters","stopPropagation","filterRef","onFilterOpen","scrollIntoView","renderSelectedChildFilters","ArrowUpIcon","renderFilterItems","selectedChildren","selectedChildTitles","c","renderFilterItem","childItems","ProductGroupFilterDialog_FILTER_ICON_MAP","milk","MilkIcon","cream","CreamIcon","YogurtIcon","cheese","CheeseIcon","butter","ButterIcon","curd","CurdIcon","souredWholeMilk","SouredWholeMilkIcon","butterMilk","ButterMilkIcon","JuiceIcon","iceCream","IceCreamIcon","PuddingIcon","vege","VegeIcon","powder","PowderIcon","forKids","ForKidsIcon","recipe","RecipeIcon","FILTER_OVERFLOW_PADDING","FiltersContainer","ProductGroupFilterDialog_templateObject_2","ProductGroupFilterDialog_templateObject_1","FilterShadow","ProductGroupFilterDialog_templateObject_4","ProductGroupFilterDialog_templateObject_3","ProductGroupFilterDialog_FilterGroup","ProductGroupFilterDialog_templateObject_7","ProductGroupFilterDialog_templateObject_5","ProductGroupFilterDialog_templateObject_6","FilterGroupContainer","ProductGroupFilterDialog_templateObject_8","hasContainerOverFlow","filters_ProductGroupFilterDialog","ProductGroupFilterDialog","setFilterShadowVisibility","container","containerRef","scrollHeight","offsetHeight","filterGroups","array","groupedFilterItems","groupedFilterItem","BrandGridWrapper","BrandFilterDialog_templateObject_1","contentSectionHiglighted","BrandButtonWrapper","BrandFilterDialog_templateObject_4","phone560","BrandFilterDialog_templateObject_2","BrandFilterDialog_templateObject_3","BrandButton","BrandFilterDialog_templateObject_5","BrandImage","img","BrandFilterDialog_templateObject_6","CountWrapper","BrandFilterDialog_templateObject_7","BrandFilterDialog_renderBrandBlock","brand","onBrandClick","brandParameterName","highlightIcon","utils_import","iconName","src","alt","filters_BrandFilterDialog","brands","SectionWrapper","AllergenicFilterDialog_templateObject_2","AllergenicFilterDialog_templateObject_1","ColumnWrapper","AllergenicFilterDialog_templateObject_4","AllergenicFilterDialog_templateObject_3","IngredientSelectionWrapper","AllergenicFilterDialog_templateObject_5","PillWrapper","AllergenicFilterDialog_templateObject_6","filters_AllergenicFilterDialog","allergenics","onItemSelect","allergenicsTitle","ingredientsTitle","onOptionSelect","mapItemsAndCount","isInclude","a","renderSelectedFilters","itemsName","selection","g","getGroupItems","i","findSelectedFilters","removeId","IngredientSelectors","onIngredientSelect","disableZeroCounts","PackageFilterDialog_IconFilterGrid","PackageFilterDialog_templateObject_1","filters_PackageFilterDialog","options","o","ProductSearchFilters_FILTER_ICON_MAP","dietLessSugar","SugarIcon","ProductSearchFilters_ResponsiveToggle","ProductSearchFilters_templateObject_1","components_ProductSearchFilters","noveltyFilter","productGroupFilter","brandFilter","allergenicFeatureFilter","ingredientsFilter","nutrientFeatureFilter","packageFeatureFilter","SearchProducts_SearchProducts","SearchProducts","loadMoreProducts","products","reduce","memo","bigPackaging","takeaway","doSearchProducts","PRODUCT","components_SearchProducts","BackToTopButton","BackToTop_templateObject_1","components_BackToTop","ScrollMenu","color","SearchContentWrapper","General","Search_templateObject_1","BackToTopWrapper","Search_templateObject_3","Search_templateObject_2","Search_Search","Search","setSearchTextTimeout","clearTimeout","aspectFilters","splittedInput_1","af","si","word","av","replace","trim","aspectTitle","encodeURIComponent","onSearchClear","getSearchPlaceholder","renderPageContents","dataLayer","heroImageDesktop","heroImageMobile","heroImageOffsetY","heroMediaType","canonicalUrl","heroMedia","utils_media","hakuValue","initialSearchTerm","Helmet","rel","href","Hero","mediaSrc","mediaType","offsetY","onClear","default","large","disableSuggestions","ContentCard","WidgetZone","isFullWidth","setQuery","setSearchType","d","WIDGET_SPACING_HUGE","WIDGET_SPACING_LARGE","WIDGET_SPACING_MEDIUM","WIDGET_SPACING_SMALL","TEXT_WIDTH","TEXT_WIDTH_NARROW","getContentTagHeight","isMobile","height","getPadding","padding","StyledContentTag","styled_components__WEBPACK_IMPORTED_MODULE_2__","Boolean","disableMobileSize","styleguide_helpers__WEBPACK_IMPORTED_MODULE_3__","react__WEBPACK_IMPORTED_MODULE_0__","viewBox","xmlns","fill","cx","cy","r","RenderGenericHighlightCardContainer","GenericHighlightCardContainer","GenericHighlightCardWrapper","GenericHighlightCard","contentTagColor","contentTagText","description","linkUrl","isContentTagHidden","GenericHighlightCardImageContainer","GenericHighlightCardImageBorder","GenericHighlightCardContent","GenericHighlightCardContentTag","isHidden","GenericHighlightCardTitle","GenericHighlightCardDescription","divider","imagePlaceHolder","imageSize","templateObject_15","templateObject_13","templateObject_14","styleguide_components_Tags_ContentTag_ContentTag__WEBPACK_IMPORTED_MODULE_4__","templateObject_17","templateObject_16","templateObject_19","templateObject_18","templateObject_20","truncate","str","maxLength","styled_components__WEBPACK_IMPORTED_MODULE_1__","_constants__WEBPACK_IMPORTED_MODULE_3__","styleguide_helpers_media__WEBPACK_IMPORTED_MODULE_2__","AuthorTagWrapper","AuthoredDate","time","bodyTextLight","AuthorImage","AuthorTag_templateObject_3","AuthorTag_templateObject_2","AuthorTag_templateObject_1","AuthorDetails","AuthorTag_templateObject_7","AuthorTag_templateObject_4","AuthorTag_templateObject_6","AuthorTag_templateObject_5","Tags_AuthorTag_AuthorTag","date","formattedDate","utils_date","Date","dateTime","IconWrapper","NewsTag_templateObject_3","brandPrimaryFeatureBackground","NewsTag_templateObject_2","NewsTag_templateObject_1","Tags_NewsTag","ArticleCard_ArticleCard","ArticleCard","loadIcon","titleHtml","contentFamily","isHealthCareContent","resourceType","forceSmallTitle","isNewsArticle","newsArticle","displayTitle","renderArticleImage","getContentTagColor","ArticleTitle","ArticleAuthorTag","Icon","background","backgroundColor","professionalContentBackground","ArticleImage","style","HealthcareIcon","LazyImage","styles","backgroundImage","styleGuideIcon","sent","themeColor","professionalContent","ArticleCard_templateObject_2","ArticleCard_templateObject_1","ArticleCard_templateObject_3","ArticleCard_templateObject_5","ArticleCard_templateObject_4","ProductCardWrapper","_Card__WEBPACK_IMPORTED_MODULE_5__","ProductCardImageWrapper","styledVariations","productCardImage","StyledProductCardTitle","useLargeTextSize","_helpers__WEBPACK_IMPORTED_MODULE_3__","productName","isNovelty","common_contexts_ContentThemeContext__WEBPACK_IMPORTED_MODULE_8__","Consumer","contentTheme","renderImage","_Icons_AspectGroupIcons_NoveltyIcon__WEBPACK_IMPORTED_MODULE_6__","forProduct","imagePresetSuffix","useImagePresets","useLazyImage","_components_LazyImage__WEBPACK_IMPORTED_MODULE_4__","_PicturesAndVideos_Image__WEBPACK_IMPORTED_MODULE_7__","sizes","suffix","srcSet","getImagePreset","preset","_SearchResultsGrid__WEBPACK_IMPORTED_MODULE_5__","common_components_Loading_LoadingSpinner__WEBPACK_IMPORTED_MODULE_4__","_NoResults__WEBPACK_IMPORTED_MODULE_6__","recipeResults","onRecipeCardClick","styleguide_components_Cards_RecipeCard_RecipeCard__WEBPACK_IMPORTED_MODULE_2__","common_components_Routing_Routable__WEBPACK_IMPORTED_MODULE_3__","ScrollMenuWrapper","styled_components__WEBPACK_IMPORTED_MODULE_4__","zIndices","popovers","isVisible","setVisibleState","onScroll","lodash__WEBPACK_IMPORTED_MODULE_2__","scrollY","react__WEBPACK_IMPORTED_MODULE_1___default","createElement","IngredientSelectorsWrapper","styleguide_helpers_media__WEBPACK_IMPORTED_MODULE_4__","IngredientSelectorWell","IngredientSelectorField","react_intl__WEBPACK_IMPORTED_MODULE_6__","styleguide_components_Inputs_Select_Select__WEBPACK_IMPORTED_MODULE_5__","e","target","inlineLabel","aspects","styleguide_components_Typography_SmallHeader_SmallHeader__WEBPACK_IMPORTED_MODULE_3__","react_intl__WEBPACK_IMPORTED_MODULE_7__","contains","doesNotContain"],"mappings":"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","file":"static/js/search.bb20ff12.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/diet-less-salt-icon.54a91fd5.svg\";","import GenericHighlightCard from './GenericHighlightCard';\r\nexport default GenericHighlightCard;\r\n","import * as React from 'react';\r\nimport { GenericHighlightWidgetProps } from './interfaces/GenericHighlight';\r\nimport GenericHighlightCard from '../../../styleguide/components/Cards/GenericHighlightCard';\r\nimport styled from 'styled-components';\r\nimport { WIDGET_SPACING_LARGE } from './constants';\r\nimport { media } from '../../../styleguide/helpers';\r\n\r\nexport default function GenericHighlight({ widgetId, title, items }: GenericHighlightWidgetProps) {\r\n\treturn (\r\n\t\t<div id={widgetId}>\r\n\t\t\t<GenericHighlightTitle>{title}</GenericHighlightTitle>\r\n\t\t\t<GenericHighlightCards items={items} />\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nfunction GenericHighlightCards({ items }: Pick<GenericHighlightWidgetProps, 'items'>) {\r\n\treturn (\r\n\t\t<GenericHighlightContainer>\r\n\t\t\t{items.map((item, index) => (\r\n\t\t\t\t<GenericHighlightCard {...item} key={index} />\r\n\t\t\t))}\r\n\t\t</GenericHighlightContainer>\r\n\t);\r\n}\r\n\r\nconst GenericHighlightTitle = styled.h2`\r\n\t${({ theme }) => theme.typography.heading};\r\n\tcolor: ${({ theme }) => theme.colors.heading};\r\n\tfont-size: 32px;\r\n\tline-height: 1.25;\r\n\ttext-align: center;\r\n`;\r\n\r\ninterface GenericHighlightContainerProps {\r\n\tisLeftAligned?: boolean;\r\n}\r\n\r\nexport const GenericHighlightContainer = styled.div<GenericHighlightContainerProps>`\r\n\tmargin: ${WIDGET_SPACING_LARGE}px auto;\r\n\r\n\t${media.tablet<GenericHighlightContainerProps>`\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\tmargin: ${WIDGET_SPACING_LARGE}px -10px;\r\n\t\tjustify-content: ${props => (props.isLeftAligned ? 'flex-start' : 'center')};\r\n\r\n\t\t/* IE11 */\r\n\t\t*::-ms-backdrop, & {\r\n\t\t\tdisplay: block;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\t`};\r\n\r\n\t${media.desktop1440`\r\n\t\tmargin: ${WIDGET_SPACING_LARGE}px -20px;\r\n\t`};\r\n`;\r\n","import * as React from 'react';\r\nimport throttle from 'lodash/throttle';\r\nimport { ArticleHighlightConfiguration } from './interfaces/ArticleHighlight';\r\nimport { mediaBreakpoints } from 'styleguide/helpers/media';\r\nimport { withWindow } from 'styleguide/helpers/window';\r\nimport ArticleCard from 'styleguide/components/Cards/ArticleCard/ArticleCard';\r\nimport { WidgetCommonProps } from './interfaces/interfaces';\r\nimport injectRoutable, { InjectedRoutableProps } from 'common/components/Routing/Routable';\r\nimport LoadingSpinner from '../Loading/LoadingSpinner';\r\nimport { GenericHighlightCardContainerLayout } from '../../../styleguide/components/Cards/GenericHighlightCard/GenericHighlightCard';\r\nimport { GenericHighlightContainer } from './GenericHighlight';\r\n\r\nexport interface ArticleHighlightProps {\r\n\tisLeftAligned?: boolean;\r\n\tisLoading?: boolean;\r\n\tonArticleClick?: () => void;\r\n\tonMount?: () => void;\r\n}\r\n\r\ninterface ArticleHighlightState {\r\n\ttruncateLines: number;\r\n}\r\n\r\ninterface DefaultProps {\r\n\tlayoutName: GenericHighlightCardContainerLayout;\r\n}\r\n\r\nclass ArticleHighlight extends React.Component<\r\n\tArticleHighlightProps & WidgetCommonProps & ArticleHighlightConfiguration & InjectedRoutableProps,\r\n\tArticleHighlightState\r\n> {\r\n\tpublic static defaultProps: DefaultProps = {\r\n\t\tlayoutName: 'two-column',\r\n\t};\r\n\r\n\tpublic state: ArticleHighlightState = {\r\n\t\ttruncateLines: this.getTruncateLength(),\r\n\t};\r\n\r\n\tprivate onResize = throttle(() => this.setState({ truncateLines: this.getTruncateLength() }), 250);\r\n\r\n\tpublic componentDidMount() {\r\n\t\tif (this.props.onMount) {\r\n\t\t\tthis.props.onMount();\r\n\t\t}\r\n\t\twithWindow(w => {\r\n\t\t\tw.addEventListener('load', this.onResize);\r\n\t\t\tw.addEventListener('resize', this.onResize);\r\n\t\t});\r\n\t}\r\n\r\n\tpublic componentWillUnmount() {\r\n\t\twithWindow(w => {\r\n\t\t\tw.removeEventListener('load', this.onResize);\r\n\t\t\tw.removeEventListener('resize', this.onResize);\r\n\t\t});\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tconst { widgetId, articles, showAuthor, layoutName, isLoading, isLeftAligned, onLinkClick } = this.props;\r\n\t\tconst onArticleCLick: InjectedRoutableProps['onLinkClick'] = event => {\r\n\t\t\tif (this.props.onArticleClick) {\r\n\t\t\t\tthis.props.onArticleClick();\r\n\t\t\t}\r\n\t\t\tonLinkClick(event);\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t<GenericHighlightContainer\r\n\t\t\t\tid={widgetId}\r\n\t\t\t\tisLeftAligned={isLeftAligned && articles.length > 1}\r\n\t\t\t\tclassName=\"article-highlight-wrapper\">\r\n\t\t\t\t{articles.map(article => (\r\n\t\t\t\t\t<ArticleCard\r\n\t\t\t\t\t\tkey={article.url}\r\n\t\t\t\t\t\t{...article}\r\n\t\t\t\t\t\tonClick={onArticleCLick}\r\n\t\t\t\t\t\tlayoutName={layoutName}\r\n\t\t\t\t\t\ttruncateLength={this.state.truncateLines}\r\n\t\t\t\t\t\tshowAuthor={showAuthor}\r\n\t\t\t\t\t/>\r\n\t\t\t\t))}\r\n\t\t\t\t{isLoading && <LoadingSpinner className=\"article-search-spinner\" />}\r\n\t\t\t</GenericHighlightContainer>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getTruncateLength(): number {\r\n\t\tconst { showAuthor } = this.props;\r\n\r\n\t\treturn withWindow(w => {\r\n\t\t\tif (showAuthor) {\r\n\t\t\t\tif (w.innerWidth < mediaBreakpoints.phone) {\r\n\t\t\t\t\treturn 35;\r\n\t\t\t\t}\r\n\t\t\t\treturn 65;\r\n\t\t\t}\r\n\r\n\t\t\tif (w.innerWidth < mediaBreakpoints.desktop) {\r\n\t\t\t\treturn 75;\r\n\t\t\t}\r\n\r\n\t\t\treturn 85;\r\n\t\t});\r\n\t}\r\n}\r\n\r\nexport default injectRoutable(ArticleHighlight);\r\n","import * as React from 'react';\r\nimport { SearchFiltersContainer } from 'common/components/Search';\r\nimport { SearchFilterSection } from '../interfaces';\r\nimport { generate } from 'shortid';\r\nimport SmallHeader from 'styleguide/components/Typography/SmallHeader/SmallHeader';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport { NumberMap, NameAndValue } from 'common/interfaces/common';\r\nimport PillFilters from './filters/PillFilters';\r\nimport styled from 'styled-components';\r\n\r\nconst ArticleSearchFiltersContainer = styled(SearchFiltersContainer)<{ isCentered?: boolean }>`\r\n\tjustify-content: ${props => (props.isCentered ? 'center' : 'space-between')};\r\n\r\n\t${media.desktop`\r\n\t\tpadding: ${({ theme }) => theme.grid.gutterInPx(3)};\r\n\t`};\r\n\r\n\t${media.desktop1440`\r\n\t\tpadding: ${({ theme }) => theme.grid.gutterInPx(3)} 0;\r\n\t`};\r\n`;\r\n\r\nconst FilterGroup = styled.section`\r\n\ttext-align: center;\r\n\r\n\t& + & {\r\n\t\tmargin-top: ${({ theme }) => theme.grid.gutterInPx()};\r\n\r\n\t\t${media.desktop`\r\n\t\t\tmargin-left: ${({ theme }) => theme.grid.gutterInPx(3)};\r\n\t\t`};\r\n\t}\r\n`;\r\n\r\nconst PillFilterWrapper = styled.div`\r\n\ttext-align: center;\r\n\r\n\t${media.desktop`\r\n\t\tmargin: 0 0 -3px;\r\n\t`};\r\n\r\n\t& > button {\r\n\t\tmargin: 3px;\r\n\t}\r\n`;\r\n\r\nexport interface Props {\r\n\tfilters: SearchFilterSection[];\r\n\tfilterCount: NumberMap;\r\n\tselectedFilters: NameAndValue[];\r\n\tonFilterClick: (filterName: string, filterValue: string, selected: boolean) => void;\r\n\tisResultsLoading?: boolean;\r\n\tprofessional: boolean;\r\n}\r\n\r\nconst ArticleSearchFilters: React.FC<Props> = ({\r\n\tfilters,\r\n\tfilterCount,\r\n\tselectedFilters,\r\n\tisResultsLoading,\r\n\tonFilterClick,\r\n}) => {\r\n\treturn (\r\n\t\t<ArticleSearchFiltersContainer isCentered={filters.length === 1}>\r\n\t\t\t{filters.map(({ title, items }) => (\r\n\t\t\t\t<FilterGroup key={generate()}>\r\n\t\t\t\t\t{filters.length > 1 && (\r\n\t\t\t\t\t\t<header>\r\n\t\t\t\t\t\t\t<SmallHeader>{title}</SmallHeader>\r\n\t\t\t\t\t\t</header>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t<PillFilterWrapper>\r\n\t\t\t\t\t\t<PillFilters\r\n\t\t\t\t\t\t\tfilters={items}\r\n\t\t\t\t\t\t\tselectedFilters={selectedFilters}\r\n\t\t\t\t\t\t\tisResultsLoading={isResultsLoading}\r\n\t\t\t\t\t\t\tonFilterClick={onFilterClick}\r\n\t\t\t\t\t\t\tdisableCount\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</PillFilterWrapper>\r\n\t\t\t\t</FilterGroup>\r\n\t\t\t))}\r\n\t\t</ArticleSearchFiltersContainer>\r\n\t);\r\n};\r\n\r\nexport default ArticleSearchFilters;\r\n","import * as React from 'react';\r\nimport injectRoutable, { InjectedRoutableProps } from 'common/components/Routing/Routable';\r\n// import ResourceLoading from 'common/components/Resource/components/ResourceLoading';\r\n// import SearchResultsGrid from './SearchResultsGrid';\r\nimport NoResults from './NoResults';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport { ArticleCardInterface } from 'styleguide/interfaces/cardInterfaces';\r\nimport ArticleHighlight from 'common/components/Widgets/ArticleHighlight';\r\n\r\nconst ArticleSearchResultsWrapper = styled.div`\r\n\twidth: 100%;\r\n\t/* padding: ${props => props.theme.grid.gutterInPx(4)} 0; */\r\n\r\n\t.article-highlight-wrapper {\r\n\t\tmargin: 0 auto;\r\n\r\n\t\t${media.tablet`\r\n\t\t\tmargin: 0 -10px;\r\n\t\t`};\r\n\r\n\t\t${media.desktop1440`\r\n\t\t\tmargin: 0 -20px;\r\n\t\t`};\r\n\t}\r\n\r\n\t.article-search-spinner {\r\n\t\tgrid-column: 1 / -1;\r\n\t}\r\n`;\r\n\r\nexport interface Props {\r\n\tresults: ArticleCardInterface[];\r\n\tisResultsLoading: boolean;\r\n\tonArticleClick: () => void;\r\n\tonMount: () => void;\r\n\tsearchUrl?: string;\r\n\tsearchKeyword?: string;\r\n}\r\n\r\nclass ArticleSearchResults extends React.Component<Props & InjectedRoutableProps> {\r\n\tpublic render() {\r\n\t\tconst { results, isResultsLoading, searchKeyword, searchUrl } = this.props;\r\n\t\tif (!isResultsLoading && results.length === 0) {\r\n\t\t\treturn (\r\n\t\t\t\t<NoResults\r\n\t\t\t\t\tsearchUrl={searchUrl}\r\n\t\t\t\t\tsearchKeyword={searchKeyword}\r\n\t\t\t\t\tnoResultsButtonLabel=\"component_no_results_article_button\"\r\n\t\t\t\t\tnoResultsDescription=\"search_no_results_articles_with_keyword\"\r\n\t\t\t\t/>\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<ArticleSearchResultsWrapper>\r\n\t\t\t\t<ArticleHighlight\r\n\t\t\t\t\tzone=\"article-search-results\"\r\n\t\t\t\t\twidgetId=\"article-search-results\"\r\n\t\t\t\t\tarticles={results}\r\n\t\t\t\t\tlayoutName=\"three-column\"\r\n\t\t\t\t\tisLoading={isResultsLoading}\r\n\t\t\t\t\tisLeftAligned={true}\r\n\t\t\t\t\tshowAuthor\r\n\t\t\t\t\tonArticleClick={this.props.onArticleClick}\r\n\t\t\t\t\tonMount={this.props.onMount}\r\n\t\t\t\t/>\r\n\t\t\t</ArticleSearchResultsWrapper>\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default injectRoutable(ArticleSearchResults);\r\n","export function normalizeSearchUrl(searchUrl: string) {\r\n\tif (searchUrl.startsWith('?')) {\r\n\t\treturn searchUrl.substr(1);\r\n\t}\r\n\treturn searchUrl;\r\n}\r\n\r\nexport function translateQueryStringParameter(\r\n\tsearch: string,\r\n\toriginalKey: string,\r\n\tnewKey: string,\r\n\ttranslation: { [id: string]: string }\r\n): string {\r\n\tif (search.length === 0) {\r\n\t\treturn search;\r\n\t}\r\n\r\n\tconst segments = search.split('&');\r\n\tconst lookupValue = `${originalKey}=`;\r\n\tconst replaceIndex = segments.findIndex(s => s.startsWith(lookupValue));\r\n\r\n\tif (replaceIndex !== -1) {\r\n\t\tconst originalValue = segments[replaceIndex].substr(lookupValue.length);\r\n\t\tif (translation.hasOwnProperty(originalValue)) {\r\n\t\t\tsegments[replaceIndex] = `${newKey}=${translation[originalValue]}`;\r\n\t\t}\r\n\t}\r\n\r\n\treturn segments.join('&');\r\n}\r\n\r\nexport function renameQueryStringParameter(url: string, originalKey: string, newKey: string): string {\r\n\tif (url.length === 0) {\r\n\t\treturn url;\r\n\t}\r\n\r\n\tconst segments = url.split('&');\r\n\r\n\tlet lastIndex = -2;\r\n\twhile (true) {\r\n\t\tconst lookupValue = `${originalKey}=`;\r\n\t\tconst replaceIndex = segments.findIndex(s => s.startsWith(lookupValue));\r\n\r\n\t\tif (replaceIndex === lastIndex) {\r\n\t\t\tbreak;\r\n\t\t}\r\n\t\tlastIndex = replaceIndex;\r\n\r\n\t\tif (replaceIndex !== -1) {\r\n\t\t\tconst originalValue = segments[replaceIndex].substr(lookupValue.length);\r\n\t\t\tsegments[replaceIndex] = `${newKey}=${originalValue}`;\r\n\t\t} else {\r\n\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\r\n\treturn segments.join('&');\r\n}\r\n","import { withWindow } from '../styleguide/helpers';\r\nimport { parseQuery, replaceToSearch } from './query-string';\r\nimport { SEARCH_HASH_PAGE_PARAMETER } from '../pagetypes/Search/constants';\r\n\r\nexport function getHashString() {\r\n\treturn withWindow(w => {\r\n\t\tconst hashString = w.location.hash;\r\n\t\treturn hashString.length < 1 ? '' : hashString.slice(1);\r\n\t});\r\n}\r\n\r\nexport function setHashString(newHashString: string) {\r\n\treturn withWindow(w => {\r\n\t\tw.location.hash = `#${newHashString}`;\r\n\t});\r\n}\r\n\r\nexport function clearHashString() {\r\n\treturn withWindow(w => {\r\n\t\tw.location.hash = '';\r\n\t});\r\n}\r\n\r\nexport function getHashSearchPageOrDefault() {\r\n\treturn Number(parseQuery(getHashString())[SEARCH_HASH_PAGE_PARAMETER]) || 1;\r\n}\r\n\r\nexport function setHashSearchPage(pageNumber: number) {\r\n\tconst newHashString = replaceToSearch(getHashString(), SEARCH_HASH_PAGE_PARAMETER, pageNumber.toString());\r\n\tsetHashString(newHashString);\r\n}\r\n","import { withWindow } from '../styleguide/helpers';\r\nimport { parseQuery, replaceToSearch } from './query-string';\r\nimport { getHashString, setHashString } from './hash-string';\r\nimport { SEARCH_HASH_SCROLL_PARAMETER } from '../pagetypes/Search/constants';\r\n\r\nexport function saveScrollPositionToHash() {\r\n\twithWindow(window => {\r\n\t\tconst top = window.pageYOffset || window.document.documentElement.scrollTop;\r\n\t\tconst newHashString = replaceToSearch(getHashString(), SEARCH_HASH_SCROLL_PARAMETER, Math.round(top).toString());\r\n\t\tsetHashString(newHashString);\r\n\t});\r\n}\r\n\r\nexport function resumeScrollPositionFromHash() {\r\n\twithWindow(window => {\r\n\t\tconst top = Number(parseQuery(getHashString())[SEARCH_HASH_SCROLL_PARAMETER]) || 0;\r\n\t\tsetTimeout(() => window.scrollTo(0, top), 0);\r\n\t});\r\n}\r\n","import * as React from 'react';\r\nimport { SearchState } from '../interfaces';\r\nimport { MapStateToProps, connect } from 'react-redux';\r\nimport { State } from 'common/reducers';\r\nimport ArticleSearchFilters from './ArticleSearchFilters';\r\nimport LoadingSpinner from 'common/components/Loading/LoadingSpinner';\r\nimport { searchActions } from '../reducers/search-actions';\r\nimport { SearchType } from 'pagetypes/Search/types';\r\nimport { SearchActions } from 'common/components/Search';\r\nimport { RoutingState, routingActions } from 'common/components/Routing/reducers';\r\nimport { NameAndValue } from 'common/interfaces/common';\r\nimport { queryToFilters } from '../utils';\r\nimport { SEARCH_API_URL_SEARCH_QUERY, SEARCH_API_URL_SEARCH_SUBJECT, SEARCH_ARTICLES_PAGE_SIZE } from '../constants';\r\nimport InfiniteScrollHelper from 'common/components/InfiniteScroll/InfiniteScrollHelper';\r\nimport ArticleSearchResults from './ArticleSearchResults';\r\nimport { addToSearch, removeFromSearch } from 'utils/query-string';\r\nimport { getSettingValue, getSiteUrlId } from 'common/components/App/services';\r\nimport { normalizeSearchUrl, renameQueryStringParameter } from '../searchApiHelper';\r\nimport { clearHashString, getHashSearchPageOrDefault, setHashSearchPage } from '../../../utils/hash-string';\r\nimport { resumeScrollPositionFromHash, saveScrollPositionToHash } from '../../../utils/scroll';\r\n\r\ntype Props = {} & SearchArticlesStateProps & SearchArticlesDispatchProps;\r\n\r\nclass SearchArticles extends React.Component<Props> {\r\n\tprivate infiniteScroll: InfiniteScrollHelper;\r\n\tprivate initialPageCount = getHashSearchPageOrDefault();\r\n\tprivate currentPageNumber = getHashSearchPageOrDefault();\r\n\tprivate isComponentMounted = false;\r\n\tprivate hasResetScroll = false;\r\n\tprivate readonly pageSize = SEARCH_ARTICLES_PAGE_SIZE;\r\n\r\n\tconstructor(props: Props) {\r\n\t\tsuper(props);\r\n\t\tthis.infiniteScroll = new InfiniteScrollHelper(this.initialPageCount);\r\n\t\tthis.infiniteScroll.subscribe(this.onInfiniteScroll.bind(this));\r\n\t}\r\n\r\n\tpublic componentDidMount() {\r\n\t\tconst { routingState } = this.props;\r\n\t\tthis.doSearchArticles(routingState.search || '');\r\n\t\tthis.isComponentMounted = true;\r\n\t}\r\n\r\n\tpublic componentWillUnmount() {\r\n\t\tthis.infiniteScroll.unsubscribeInfiniteScroll();\r\n\t}\r\n\r\n\tpublic componentDidUpdate(prevProps: Props) {\r\n\t\tthis.infiniteScroll.unlockInfiniteScroll(prevProps.search.articles, this.props.search.articles);\r\n\r\n\t\tif (prevProps.routingState.search !== this.props.routingState.search) {\r\n\t\t\tthis.initialPageCount = 1;\r\n\t\t\tthis.currentPageNumber = 1;\r\n\t\t\tconst { routingState } = this.props;\r\n\t\t\tthis.infiniteScroll.reset();\r\n\t\t\tthis.doSearchArticles(routingState.search || '');\r\n\t\t}\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tconst {\r\n\t\t\tsearch: { isLoading, articles, count, isProfessionalSearch, isResultsLoading },\r\n\t\t\tselectedFilters,\r\n\t\t\tsearchKeyword,\r\n\t\t\tsearchUrl,\r\n\t\t} = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t<SearchActions\r\n\t\t\t\t\trenderFilters={this.renderFilters}\r\n\t\t\t\t\tresultsCount={count}\r\n\t\t\t\t\tsearchType={SearchType.ARTICLE}\r\n\t\t\t\t\tonFilterClick={this.onFilterClick}\r\n\t\t\t\t\tselectedFilters={selectedFilters}\r\n\t\t\t\t\tisProfessional={isProfessionalSearch}\r\n\t\t\t\t\tinlineMobileFilters\r\n\t\t\t\t/>\r\n\t\t\t\t{isLoading && <LoadingSpinner />}\r\n\t\t\t\t{!isLoading && (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<ArticleSearchResults\r\n\t\t\t\t\t\t\tresults={articles}\r\n\t\t\t\t\t\t\tisResultsLoading={!!isResultsLoading}\r\n\t\t\t\t\t\t\tonMount={this.resumeScrollIfContentMounted}\r\n\t\t\t\t\t\t\tonArticleClick={this.savePageAndScrollPosition}\r\n\t\t\t\t\t\t\tsearchUrl={searchUrl}\r\n\t\t\t\t\t\t\tsearchKeyword={searchKeyword}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</>\r\n\t\t\t\t)}\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate resumeScrollIfContentMounted = () => {\r\n\t\tif (this.isComponentMounted && !this.hasResetScroll) {\r\n\t\t\tresumeScrollPositionFromHash();\r\n\t\t\tclearHashString();\r\n\t\t\tthis.infiniteScroll.reset(this.initialPageCount);\r\n\t\t\tthis.hasResetScroll = true;\r\n\t\t}\r\n\t};\r\n\r\n\tprivate savePageAndScrollPosition = () => {\r\n\t\tsaveScrollPositionToHash();\r\n\t\tsetHashSearchPage(this.currentPageNumber);\r\n\t};\r\n\r\n\tprivate renderFilters = () => {\r\n\t\tconst { search, selectedFilters } = this.props;\r\n\t\tconst { availableFilters, filterCount, isResultsLoading } = search;\r\n\t\treturn (\r\n\t\t\t<ArticleSearchFilters\r\n\t\t\t\tfilters={availableFilters}\r\n\t\t\t\tfilterCount={filterCount}\r\n\t\t\t\tselectedFilters={selectedFilters}\r\n\t\t\t\tisResultsLoading={isResultsLoading}\r\n\t\t\t\tprofessional={search.isProfessionalSearch}\r\n\t\t\t\tonFilterClick={this.onFilterClick}\r\n\t\t\t/>\r\n\t\t);\r\n\t};\r\n\r\n\tprivate onFilterClick = (filterName: string, filterValue: string, selected: boolean) => {\r\n\t\tconst { updateSearch, routingState } = this.props;\r\n\t\tconst search = (selected ? addToSearch : removeFromSearch)(routingState.search || '', filterName, filterValue);\r\n\t\tupdateSearch(search);\r\n\t};\r\n\r\n\tprivate onInfiniteScroll = (pageNumber: number) => {\r\n\t\tthis.currentPageNumber = pageNumber;\r\n\t\tconst { siteUrlId, routingState, loadMoreArticles, search, resourceId } = this.props;\r\n\t\tconst { articles, count } = search;\r\n\t\tif (articles.length === count || !resourceId) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst apiSearchUrl = this.translateSearchUrlForAPICall(routingState.search);\r\n\t\tloadMoreArticles(siteUrlId, resourceId, apiSearchUrl || '', this.pageSize, pageNumber);\r\n\t};\r\n\r\n\tprivate doSearchArticles(searchUrl: string) {\r\n\t\tconst { searchArticles, siteUrlId, resourceId } = this.props;\r\n\r\n\t\tif (resourceId) {\r\n\t\t\tconst finalSearchUrl = this.translateSearchUrlForAPICall(searchUrl);\r\n\t\t\tsearchArticles(siteUrlId, resourceId, finalSearchUrl || '', this.pageSize * this.initialPageCount);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate translateSearchUrlForAPICall(search: string | undefined) {\r\n\t\tif (!search) {\r\n\t\t\treturn search;\r\n\t\t}\r\n\r\n\t\tlet searchUrl = normalizeSearchUrl(search);\r\n\r\n\t\tsearchUrl = renameQueryStringParameter(searchUrl, this.props.searchQuery, SEARCH_API_URL_SEARCH_QUERY);\r\n\t\tsearchUrl = renameQueryStringParameter(searchUrl, this.props.searchSubject, SEARCH_API_URL_SEARCH_SUBJECT);\r\n\r\n\t\treturn searchUrl;\r\n\t}\r\n}\r\n\r\ninterface SearchArticlesStateProps {\r\n\tresourceId?: string;\r\n\tsearch: SearchState;\r\n\troutingState: RoutingState;\r\n\tselectedFilters: NameAndValue[];\r\n\tsiteUrlId: string;\r\n\tsearchQuery: string;\r\n\tsearchSubject: string;\r\n\tsearchUrl: string;\r\n\tsearchKeyword: string;\r\n}\r\n\r\nconst mapStateToProps: MapStateToProps<SearchArticlesStateProps, {}, State> = (state: State) => {\r\n\tconst { resource, routing, app } = state;\r\n\tconst sites = (app.settings && app.settings.sites) || [];\r\n\tconst searchQuery = getSettingValue(state, 'Search', 'SearchQuery') ?? SEARCH_API_URL_SEARCH_QUERY;\r\n\tconst searchKeyword = routing.query && searchQuery ? routing.query[searchQuery]?.toString() : '';\r\n\r\n\treturn {\r\n\t\tresourceId: resource.id,\r\n\t\tsearch: resource.content as SearchState,\r\n\t\troutingState: routing,\r\n\t\tselectedFilters: queryToFilters(routing.query || {}),\r\n\t\tsiteUrlId: getSiteUrlId(routing, sites) || '',\r\n\t\tsearchQuery,\r\n\t\tsearchSubject: getSettingValue(state, 'ArticleSearch', 'Subject') ?? SEARCH_API_URL_SEARCH_SUBJECT,\r\n\t\tsearchUrl: routing.pathname,\r\n\t\tsearchKeyword,\r\n\t};\r\n};\r\n\r\ninterface SearchArticlesDispatchProps {\r\n\tsearchArticles: typeof searchActions.searchArticles;\r\n\tloadMoreArticles: typeof searchActions.loadMoreArticles;\r\n\tupdateSearch: typeof routingActions.updateSearch;\r\n}\r\n\r\nexport default connect(mapStateToProps, {\r\n\tsearchArticles: searchActions.searchArticles,\r\n\tloadMoreArticles: searchActions.loadMoreArticles,\r\n\tupdateSearch: routingActions.updateSearch,\r\n})(SearchArticles);\r\n","import * as React from 'react';\r\nimport Modal from 'styleguide/components/Modals/Modal/Modal';\r\nimport MediumHeader from 'styleguide/components/Typography/MediumHeader/MediumHeader';\r\nimport Divider from 'styleguide/components/Divider/Divider';\r\nimport { DividerSize, DividerDirection } from 'styleguide/components/Divider/Divider';\r\nimport Button from 'styleguide/components/Buttons/Button/Button';\r\nimport styled, { css } from 'styled-components';\r\nimport ArrowDownIcon from 'styleguide/components/Icons/NormalIcons/ArrowDownIcon/ArrowDownIcon';\r\nimport { media, mediaBreakpoints } from 'styleguide/helpers/media';\r\nimport { withWindow } from 'styleguide/helpers/window';\r\nimport { SearchFilterType } from 'pagetypes/Search/types';\r\nimport { ModalProps } from 'styleguide/components/Modals/Modal/Modal';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { ToggleMedia, toggleMedia } from 'common/components/Media';\r\n\r\nconst FilterLabel = styled.button`\r\n\t${props => props.theme.typography.heading};\r\n\tfont-size: 18px;\r\n\tline-height: 60px;\r\n\tcolor: ${props => props.theme.colors.brandPrimary};\r\n\ttext-transform: uppercase;\r\n\tbackground: transparent;\r\n\tborder: none;\r\n\tborder-top: 1px solid ${props => props.theme.colors.border};\r\n\tpadding: 0 16px;\r\n\twidth: 100%;\r\n\ttext-align: left;\r\n\tcursor: pointer;\r\n\r\n\t&:last-child {\r\n\t\tborder-bottom: 1px solid ${props => props.theme.colors.border};\r\n\r\n\t\t${media.desktop`\r\n\t\t\tborder: none;\r\n\t\t`};\r\n\t}\r\n\r\n\t${media.desktop`\r\n\t\tfont-family: ${props => props.theme.fonts.secondary};\t\t\r\n\t\tfont-size: 15px;\r\n\t\tfont-weight: 600;\r\n\t\tline-height: 18px;\r\n\t\ttext-transform: none;\r\n\t\tborder: none;\r\n\t\tpadding: 0;\r\n\t\twidth: auto;\r\n\t\twhite-space: nowrap;\r\n\t`};\r\n\r\n\t&:active,\r\n\t&:focus,\r\n\t&:hover {\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t&:disabled {\r\n\t\tcolor: ${({ theme }) => theme.colors.shoppingListGrey};\r\n\t\tcursor: default;\r\n\r\n\t\tpath {\r\n\t\t\tfill: ${({ theme }) => theme.colors.shoppingListGrey};\r\n\t\t}\r\n\t}\r\n\r\n\t& + & {\r\n\t\t${media.desktop`\r\n\t\t\tmargin-left: 14px;\r\n\t\t`};\r\n\r\n\t\t${media.desktop1440`\r\n\t\t\tmargin-left: 30px;\r\n\t\t`};\r\n\t}\r\n`;\r\n\r\ninterface FilterTypeProps {\r\n\tfilterType?: SearchFilterType;\r\n}\r\n\r\nconst ModalActionsWrapper = styled.div<FilterTypeProps>`\r\n\ttext-align: center;\r\n\r\n\t& > button {\r\n\t\tmargin: 0 auto;\r\n\t}\r\n\r\n\t& > .divider {\r\n\t\tmargin: 30px 0;\r\n\t}\r\n\r\n\t${props =>\r\n\t\tprops.filterType === 'ProductGroup'\r\n\t\t\t? css`\r\n\t\t\t\t\tpadding: 30px 0;\r\n\r\n\t\t\t\t\t& > .divider {\r\n\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t}\r\n\t\t\t  `\r\n\t\t\t: ''};\r\n`;\r\n\r\nconst FilterModal = styled(Modal)<ModalProps & React.HTMLAttributes<HTMLDivElement>>`\r\n\toverflow: auto;\r\n\r\n\t${toggleMedia('block', 'show', 'desktop')};\r\n\r\n\t.filter-modal-title {\r\n\t\tmargin: 0 0 30px;\r\n\t}\r\n\r\n\t${props =>\r\n\t\tprops.className === 'filter-modal-productgroup'\r\n\t\t\t? css`\r\n\t\t\t\t\t.modal-content {\r\n\t\t\t\t\t\tpadding: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t.filter-modal-title {\r\n\t\t\t\t\t\tmargin: 0 50px 30px;\r\n\t\t\t\t\t}\r\n\t\t\t  `\r\n\t\t\t: ''};\r\n`;\r\n\r\ninterface ToggleIconProps {\r\n\tisOpen: boolean;\r\n}\r\nconst ToggleIconWrapper = styled.div<ToggleIconProps>`\r\n\tfloat: right;\r\n\tmargin-top: 17px;\r\n\ttransform: ${props => (props.isOpen ? 'rotate(180deg)' : 'none')};\r\n\r\n\t${media.desktop`\r\n\t\tvertical-align: -2px;\r\n\t\tmargin-left: 8px;\r\n\t\tmargin-top: 0;\r\n\t\tfloat: none;\r\n\t\ttransform: none;\r\n\t\tdisplay: inline-block;\r\n\t`};\r\n\r\n\t& > svg {\r\n\t\twidth: 26px;\r\n\t\theight: 26px;\r\n\r\n\t\t${media.desktop`\r\n\t\t\twidth: 14px;\r\n\t\t\theight: 14px;\r\n\t\t`};\r\n\t}\r\n`;\r\nconst ToggleIcon: React.FC<ToggleIconProps> = ({ isOpen }) => {\r\n\treturn (\r\n\t\t<ToggleIconWrapper className=\"toggle-icon\" isOpen={isOpen}>\r\n\t\t\t<ArrowDownIcon />\r\n\t\t</ToggleIconWrapper>\r\n\t);\r\n};\r\n\r\ninterface SearchFilterState {\r\n\tisOpen: boolean;\r\n}\r\n\r\ninterface SearchFilterProps extends FilterTypeProps {\r\n\tlabel: string;\r\n\tisDisabled?: boolean;\r\n\tmodalTitle?: string;\r\n\tmodalDesktopWidth?: string;\r\n}\r\n\r\nclass SearchFilter extends React.Component<SearchFilterProps, SearchFilterState> {\r\n\tpublic labelRef: React.RefObject<any>;\r\n\r\n\tconstructor(props: SearchFilterProps) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tisOpen: false,\r\n\t\t};\r\n\t\tthis.labelRef = React.createRef();\r\n\t}\r\n\r\n\tpublic componentDidUpdate(prevProps: SearchFilterProps, prevState: SearchFilterState) {\r\n\t\tif (prevState.isOpen !== this.state.isOpen && this.state.isOpen) {\r\n\t\t\twithWindow(w => {\r\n\t\t\t\tif (w.innerWidth < mediaBreakpoints.desktop) {\r\n\t\t\t\t\tconst scrollTargetEl = document.getElementById('modal-filters-content-wrapper');\r\n\t\t\t\t\tif (scrollTargetEl) {\r\n\t\t\t\t\t\tconst top = this.labelRef.current.offsetTop;\r\n\t\t\t\t\t\tscrollTargetEl.scrollTo({ top, behavior: 'smooth' });\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tconst { label, children, isDisabled } = this.props;\r\n\t\tconst { isOpen } = this.state;\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t<FilterLabel onClick={this.toggleOpen} disabled={isDisabled} ref={this.labelRef}>\r\n\t\t\t\t\t{label}\r\n\t\t\t\t\t<ToggleIcon isOpen={isOpen} />\r\n\t\t\t\t</FilterLabel>\r\n\t\t\t\t{isOpen && (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t{this.renderModalFilters()}\r\n\t\t\t\t\t\t<ToggleMedia displayType=\"block\" toggleType=\"hide\" breakpoint=\"desktop\">\r\n\t\t\t\t\t\t\t{children}\r\n\t\t\t\t\t\t</ToggleMedia>\r\n\t\t\t\t\t</>\r\n\t\t\t\t)}\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate renderModalFilters() {\r\n\t\tconst { label, modalTitle, modalDesktopWidth, filterType, children } = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t<FilterModal\r\n\t\t\t\tclassName={`filter-modal-${filterType ? filterType.toLowerCase() : ''}`}\r\n\t\t\t\tdesktopWidth={modalDesktopWidth}\r\n\t\t\t\tonClose={this.toggleOpen}>\r\n\t\t\t\t<MediumHeader tagName=\"p\" className=\"filter-modal-title\">\r\n\t\t\t\t\t{modalTitle || label}\r\n\t\t\t\t</MediumHeader>\r\n\t\t\t\t{children}\r\n\t\t\t\t<ModalActionsWrapper filterType={filterType}>\r\n\t\t\t\t\t<Divider className=\"divider\" size={DividerSize.full} direction={DividerDirection.horizontal} />\r\n\t\t\t\t\t<Button onClick={this.toggleOpen}>\r\n\t\t\t\t\t\t<FormattedMessage id=\"global_ready\" />\r\n\t\t\t\t\t</Button>\r\n\t\t\t\t</ModalActionsWrapper>\r\n\t\t\t</FilterModal>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate toggleOpen = () => {\r\n\t\tthis.setState({ isOpen: !this.state.isOpen });\r\n\t};\r\n}\r\n\r\nexport default SearchFilter;\r\n","import styled from 'styled-components';\r\n\r\nconst FilterCount = styled.span`\r\n\tfont-family: ${props => props.theme.fonts.secondary};\r\n\tfont-size: 12px;\r\n\tfont-weight: 400;\r\n\tdisplay: inline-block;\r\n\tcolor: ${props => props.theme.colors.bodyText};\r\n`;\r\n\r\nexport default FilterCount;\r\n","import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport FilterCount from './FilterCount';\r\nimport { NormalIconWrapperProps } from 'styleguide/components/Icons/NormalIcons/NormalIconWrapper';\r\n\r\ninterface StyledIconFilterProps {\r\n\tselected?: boolean;\r\n\tdisabled?: boolean;\r\n}\r\n\r\nconst StyledIconFilter = styled.button<StyledIconFilterProps>`\r\n\tborder: 1px solid ${props => (props.selected ? props.theme.colors.selectedItem : props.theme.colors.borderHighlight)};\r\n\tborder-radius: 4px;\r\n\tbackground: ${props => (props.selected ? props.theme.colors.selectedItemBackground : props.theme.colors.white)};\r\n\tpadding: 5px 10px 10px;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: center;\r\n\tjustify-content: flex-start;\r\n\tcolor: ${props => (props.selected ? props.theme.colors.brandPrimary : props.theme.colors.buttonPrimary)};\r\n\r\n\t&:hover {\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\t&:active,\r\n\t&:focus {\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t&:disabled {\r\n\t\tbackground: ${props => props.theme.colors.inputDisabledBackground};\r\n\t\tborder: 1px solid ${props => props.theme.colors.border};\r\n\t\tcolor: ${props => props.theme.colors.inputDisabledText};\r\n\t\tcursor: default;\r\n\t}\r\n`;\r\n\r\nconst Title = styled.span<StyledIconFilterProps>`\r\n\tfont-family: ${props => props.theme.fonts.primary};\r\n\tfont-size: 13px;\r\n\tdisplay: block;\r\n`;\r\n\r\nexport interface IconFilterProps extends StyledIconFilterProps {\r\n\ticon: React.ReactElement<NormalIconWrapperProps & React.SVGAttributes<SVGElement>>;\r\n\ttitle: string;\r\n\tcount?: number | undefined;\r\n\tfilterName: string;\r\n\tfilterValue: string;\r\n\tonFilterClick: (filterName: string, filterValue: string, selected: boolean) => void;\r\n}\r\n\r\nconst IconFilter: React.FC<IconFilterProps & React.ButtonHTMLAttributes<HTMLButtonElement>> = ({\r\n\ticon,\r\n\tselected,\r\n\ttitle,\r\n\tcount,\r\n\tfilterName,\r\n\tfilterValue,\r\n\tonFilterClick,\r\n\tdisabled,\r\n\t...rest\r\n}) => {\r\n\tconst onClick = () => {\r\n\t\tif (!disabled) {\r\n\t\t\tonFilterClick(filterName, filterValue, !selected);\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t<StyledIconFilter className=\"icon-filter\" selected={selected} disabled={disabled} onClick={onClick} {...rest}>\r\n\t\t\t{icon}\r\n\t\t\t<Title selected={selected} disabled={disabled}>\r\n\t\t\t\t{title}\r\n\t\t\t</Title>\r\n\t\t\t<FilterCount>{count}</FilterCount>\r\n\t\t</StyledIconFilter>\r\n\t);\r\n};\r\n\r\nexport default IconFilter;\r\n","import * as React from 'react';\r\nimport IconFilter from './IconFilter';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport { SearchFilterItem } from '../../interfaces';\r\nimport { NumberMap, NameAndValue, IconMap } from 'common/interfaces/common';\r\nimport { isFilterSelected } from '../../utils';\r\nimport PillFilters from './PillFilters';\r\n\r\nfunction getIconFilterWidth(count: number) {\r\n\tif (count > 5 && count < 8) {\r\n\t\treturn 25;\r\n\t}\r\n\treturn 20;\r\n}\r\n\r\ninterface IconFilterProps {\r\n\tcount: number;\r\n}\r\n\r\nconst IconFilterGrid = styled.div<IconFilterProps>`\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmargin: -6px;\r\n\tflex-wrap: wrap;\r\n\r\n\t${media.desktop`\r\n\t\tjustify-content: center;\r\n\t\talign-items: stretch;\r\n\t`};\r\n\r\n\t.icon-filter {\r\n\t\tflex: 0 1 calc(50% - 12px);\r\n\t\tmargin: 6px;\r\n\r\n\t\t${media.tablet`\r\n\t\t\tflex: 0 1 calc(100% / 3 - 12px);\r\n\t\t`};\r\n\r\n\t\t${media.desktop<IconFilterProps>`\r\n\t\t\tflex: 0 1 calc(${({ count }) => getIconFilterWidth(count)}% - 12px);\r\n\r\n\t\t\t/* IE11 */\r\n\t\t\t*::-ms-backdrop, & {\r\n\t\t\t\tflex: 0 1 162px;\r\n\t\t\t}\r\n\t\t`};\r\n\t}\r\n`;\r\n\r\nconst PillFilterWrapper = styled.div`\r\n\tmargin: 27px 0;\r\n\ttext-align: center;\r\n\r\n\t${media.desktop`\r\n\t\tmargin: 27px 0 -3px;\r\n\t`};\r\n\r\n\t& > button {\r\n\t\tmargin: 3px;\r\n\t}\r\n`;\r\n\r\ninterface SimpleFilterDialogProps {\r\n\tfilterItems: SearchFilterItem[];\r\n\tfilterCount: NumberMap;\r\n\tfilterIconMap?: IconMap;\r\n\tselectedFilters: NameAndValue[];\r\n\tonFilterClick: (filterName: string, filterValue: string, selected: boolean) => void;\r\n\tisResultsLoading?: boolean;\r\n}\r\n\r\nconst SimpleFilterDialog: React.FC<SimpleFilterDialogProps> = ({\r\n\tfilterItems,\r\n\tfilterCount,\r\n\tfilterIconMap,\r\n\tselectedFilters,\r\n\tonFilterClick,\r\n\tisResultsLoading,\r\n}) => {\r\n\tconst iconFilters: SearchFilterItem[] = [];\r\n\tconst pillFilters: SearchFilterItem[] = [];\r\n\r\n\tfilterItems.forEach(filter => {\r\n\t\tif (filter.icon && filterIconMap && filterIconMap[filter.icon]) {\r\n\t\t\ticonFilters.push(filter);\r\n\t\t} else {\r\n\t\t\tpillFilters.push(filter);\r\n\t\t}\r\n\t});\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{iconFilters.length > 0 && (\r\n\t\t\t\t<IconFilterGrid count={iconFilters.length}>\r\n\t\t\t\t\t{iconFilters.map(iconFilter => {\r\n\t\t\t\t\t\tconst { title, name, value, icon } = iconFilter;\r\n\t\t\t\t\t\tconst count = filterCount[value] || 0;\r\n\t\t\t\t\t\tconst selected = isFilterSelected(iconFilter, selectedFilters);\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\ticon &&\r\n\t\t\t\t\t\t\tfilterIconMap &&\r\n\t\t\t\t\t\t\tfilterIconMap[icon] && (\r\n\t\t\t\t\t\t\t\t<IconFilter\r\n\t\t\t\t\t\t\t\t\tkey={value}\r\n\t\t\t\t\t\t\t\t\tfilterName={name}\r\n\t\t\t\t\t\t\t\t\tfilterValue={value}\r\n\t\t\t\t\t\t\t\t\ttitle={title}\r\n\t\t\t\t\t\t\t\t\tcount={count}\r\n\t\t\t\t\t\t\t\t\ticon={filterIconMap[icon]}\r\n\t\t\t\t\t\t\t\t\tonFilterClick={onFilterClick}\r\n\t\t\t\t\t\t\t\t\tselected={selected}\r\n\t\t\t\t\t\t\t\t\tdisabled={count === 0 || (!selected && !!isResultsLoading)}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\t</IconFilterGrid>\r\n\t\t\t)}\r\n\t\t\t{pillFilters.length > 0 && (\r\n\t\t\t\t<PillFilterWrapper>\r\n\t\t\t\t\t<PillFilters\r\n\t\t\t\t\t\tfilters={pillFilters}\r\n\t\t\t\t\t\tfilterCount={filterCount}\r\n\t\t\t\t\t\tselectedFilters={selectedFilters}\r\n\t\t\t\t\t\tisResultsLoading={isResultsLoading}\r\n\t\t\t\t\t\tonFilterClick={onFilterClick}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</PillFilterWrapper>\r\n\t\t\t)}\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default SimpleFilterDialog;\r\n","import * as React from 'react';\r\nimport IconFilter from './IconFilter';\r\nimport styled from 'styled-components';\r\nimport LogoIcon from 'styleguide/components/Logos/Logo/LogoIcon';\r\nimport { NameAndValue } from 'common/interfaces/common';\r\nimport RecipeCooperationIcon from '../../../Recipe/components/RecipeCooperationIcon';\r\nimport { useIntl } from 'react-intl';\r\nimport { SearchFilterName } from '../../types';\r\n\r\nconst IconFilterGrid = styled.div`\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\talign-items: stretch;\r\n\tmargin: 0 -6px;\r\n\r\n\t.icon-filter {\r\n\t\tflex: 1 1 159px;\r\n\t\tmargin: 0 6px;\r\n\r\n\t\t> img {\r\n\t\t\twidth: 64px;\r\n\t\t\tmargin: 25px 0;\r\n\t\t}\r\n\r\n\t\t> svg {\r\n\t\t\tmargin: 26px 0;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nenum AuthorFilterTypes {\r\n\tValio = 'valio_koekeittio',\r\n\tCooperation = 'vieraskauha',\r\n}\r\n\r\nexport interface AuthorFilterDialogProps {\r\n\tselectedFilters: NameAndValue[];\r\n\tonFilterClick: (filterName: string, filterValue: string, selected: boolean) => void;\r\n}\r\n\r\nconst AuthorFilterDialog: React.FC<AuthorFilterDialogProps> = ({ selectedFilters, onFilterClick }) => {\r\n\tconst intl = useIntl();\r\n\r\n\tconst onClick = (filterName: string, filterValue: string, selected: boolean) => {\r\n\t\tonFilterClick(filterName, filterValue, selected);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<IconFilterGrid>\r\n\t\t\t<IconFilter\r\n\t\t\t\tkey=\"valio_koekeittio\"\r\n\t\t\t\tfilterName={SearchFilterName.author}\r\n\t\t\t\tfilterValue={AuthorFilterTypes.Valio}\r\n\t\t\t\ttitle={intl.formatMessage({ id: 'search_filter_author_valio_kitchen' })}\r\n\t\t\t\ticon={<LogoIcon />}\r\n\t\t\t\tonFilterClick={onClick}\r\n\t\t\t\tselected={selectedFilters.some(sf => sf.value === AuthorFilterTypes.Valio)}\r\n\t\t\t/>\r\n\t\t\t<IconFilter\r\n\t\t\t\tkey=\"vieraskauha\"\r\n\t\t\t\tfilterName={SearchFilterName.author}\r\n\t\t\t\tfilterValue=\"vieraskauha\"\r\n\t\t\t\ttitle={intl.formatMessage({ id: 'search_filter_author_cooperation' })}\r\n\t\t\t\ticon={<RecipeCooperationIcon size={40} />}\r\n\t\t\t\tonFilterClick={onClick}\r\n\t\t\t\tselected={selectedFilters.some(sf => sf.value === AuthorFilterTypes.Cooperation)}\r\n\t\t\t/>\r\n\t\t</IconFilterGrid>\r\n\t);\r\n};\r\n\r\nexport default AuthorFilterDialog;\r\n","import * as React from 'react';\r\nimport * as icon from '../../../../images/diet-less-salt-icon.svg';\r\nimport FilteredIconImage from '../FilteredIconImage';\r\n\r\nconst Icon: React.FC<React.HTMLAttributes<HTMLImageElement>> = props => <FilteredIconImage icon={icon} {...props} />;\r\n\r\nexport default Icon;\r\n","import * as React from 'react';\r\nimport IconFilter from './IconFilter';\r\nimport styled from 'styled-components';\r\nimport { NameAndValue } from 'common/interfaces/common';\r\nimport { useIntl } from 'react-intl';\r\nimport { HandIcon, IndustrialIcon, TimeIcon } from 'styleguide/components/Icons';\r\nimport { SearchFilterName } from 'pagetypes/Search/types';\r\n\r\nconst IconFilterGrid = styled.div`\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\talign-items: stretch;\r\n\tmargin: 0 -6px;\r\n\r\n\t.icon-filter {\r\n\t\tflex: 1 1 159px;\r\n\t\tmargin: 0 6px;\r\n\r\n\t\t> img {\r\n\t\t\twidth: 64px;\r\n\t\t\tmargin: 25px 0;\r\n\t\t}\r\n\r\n\t\t> svg {\r\n\t\t\tmargin: 26px 0;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nconst HandIconAdjustedFilter = styled(IconFilter)`\r\n\t&.icon-filter > img {\r\n\t\twidth: 75px;\r\n\t\theight: 92px;\r\n\t\tmargin: 0;\r\n\t}\r\n`;\r\n\r\nconst IndustrialIconAdjustedFilter = styled(IconFilter)`\r\n\t&.icon-filter > img {\r\n\t\twidth: 83px;\r\n\t\theight: 83px;\r\n\t\tmargin: 4px 0 4px;\r\n\t}\r\n`;\r\n\r\nenum PreferenceFilterTypes {\r\n\tEasy = '1',\r\n\tQuick = '40',\r\n\tChallenge = '2,3',\r\n}\r\n\r\nexport interface CookingPreferenceDialogProps {\r\n\tselectedFilters: NameAndValue[];\r\n\tonFilterClick: (filterName: string, filterValue: string, selected: boolean) => void;\r\n}\r\n\r\nconst CookingPreferenceDialog: React.FC<CookingPreferenceDialogProps> = ({ selectedFilters, onFilterClick }) => {\r\n\tconst intl = useIntl();\r\n\r\n\tconst onClick = (filterName: string, filterValue: string, selected: boolean) => {\r\n\t\tonFilterClick(filterName, filterValue, selected);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<IconFilterGrid>\r\n\t\t\t<HandIconAdjustedFilter\r\n\t\t\t\tkey=\"helpot\"\r\n\t\t\t\tfilterName={SearchFilterName.difficulty}\r\n\t\t\t\tfilterValue={PreferenceFilterTypes.Easy}\r\n\t\t\t\ttitle={intl.formatMessage({ id: 'search_filter_preference_easy' })}\r\n\t\t\t\ticon={<HandIcon />}\r\n\t\t\t\tonFilterClick={onClick}\r\n\t\t\t\tselected={selectedFilters.some(sf => sf.value === PreferenceFilterTypes.Easy)}\r\n\t\t\t\tclassName=\"icon-filter\"\r\n\t\t\t/>\r\n\t\t\t<IconFilter\r\n\t\t\t\tkey=\"valmistusaikaMax\"\r\n\t\t\t\tfilterName={SearchFilterName.maxTime}\r\n\t\t\t\tfilterValue={PreferenceFilterTypes.Quick}\r\n\t\t\t\ttitle={intl.formatMessage({ id: 'search_recipe_type_quick' })}\r\n\t\t\t\ticon={<TimeIcon size={40} />}\r\n\t\t\t\tonFilterClick={onClick}\r\n\t\t\t\tselected={selectedFilters.some(sf => sf.value === PreferenceFilterTypes.Quick)}\r\n\t\t\t/>\r\n\t\t\t<IndustrialIconAdjustedFilter\r\n\t\t\t\tkey=\"vaikea\"\r\n\t\t\t\tfilterName={SearchFilterName.difficulty}\r\n\t\t\t\tfilterValue={PreferenceFilterTypes.Challenge}\r\n\t\t\t\ttitle={intl.formatMessage({ id: 'search_filter_preference_hard' })}\r\n\t\t\t\ticon={<IndustrialIcon />}\r\n\t\t\t\tonFilterClick={onClick}\r\n\t\t\t\tselected={selectedFilters.some(sf => sf.value === PreferenceFilterTypes.Challenge)}\r\n\t\t\t\tclassName=\"icon-filter\"\r\n\t\t\t/>\r\n\t\t</IconFilterGrid>\r\n\t);\r\n};\r\n\r\nexport default CookingPreferenceDialog;\r\n","import * as React from 'react';\r\nimport { connect, MapStateToProps } from 'react-redux';\r\nimport styled from 'styled-components';\r\nimport ProductsIcon from 'styleguide/components/Icons/AspectGroupIcons/ProductsIcon/ProductsIcon';\r\nimport Pill from 'styleguide/components/Selection/Pill/Pill';\r\nimport { InputSize } from 'styleguide/types/inputTypes';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport { State } from 'common/reducers';\r\nimport { ProductSearchResult } from 'common/components/GlobalSearch/services/product-search';\r\nimport SearchResults from 'common/components/Navigation/components/SearchResults/SearchResults';\r\nimport { SearchState } from '../../interfaces';\r\nimport { searchActions } from '../../reducers/search-actions';\r\nimport { NavLinkItemProps } from 'common/components/Navigation/interfaces';\r\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\r\nimport { getSiteUrlPrefixOrDefault, getSiteUrlId, getSettingValue } from 'common/components/App/services';\r\nimport { SearchFilterName } from '../../types';\r\n\r\nconst RecipeProductFilterDialogWrapper = styled.div`\r\n\tdisplay: flex;\r\n\r\n\t& > img {\r\n\t\tdisplay: none;\r\n\t\tmargin-right: 15px;\r\n\r\n\t\t${media.tablet`\r\n      display: inline;\r\n    `};\r\n\t}\r\n`;\r\n\r\nconst ProductSearchForm = styled.form`\r\n\twidth: 100%;\r\n\tpadding-top: 21px;\r\n\theight: 200px;\r\n`;\r\n\r\nconst SelectedProductWrapper = styled.div`\r\n\tmargin-top: 15px;\r\n\tpadding: 0 8px;\r\n`;\r\n\r\ninterface RecipeProductFilterDialogProps {\r\n\tonFilterClick: (filterName: string, filterValue: string, selected: boolean) => void;\r\n}\r\n\r\ninterface RecipeProductFilterDialogDispatchProps {\r\n\tsearchProducts: typeof searchActions.recipeProductFilterSearchProducts;\r\n\tsetProduct: typeof searchActions.recipeProductFilterSetProduct;\r\n}\r\n\r\ninterface RecipeProductFilterDialogStateProps {\r\n\tsearchResult?: ProductSearchResult;\r\n\tisSearching?: boolean;\r\n\tproductTitle?: string;\r\n\tproductSlug?: string;\r\n\tsiteUrlPrefix: string;\r\n\tsiteUrlId: string;\r\n\tingredientsParameterName: string;\r\n}\r\n\r\nclass RecipeProductFilterDialog extends React.Component<\r\n\tRecipeProductFilterDialogProps &\r\n\t\tRecipeProductFilterDialogStateProps &\r\n\t\tRecipeProductFilterDialogDispatchProps &\r\n\t\tWrappedComponentProps\r\n> {\r\n\tconstructor(\r\n\t\tprops: RecipeProductFilterDialogProps &\r\n\t\t\tRecipeProductFilterDialogStateProps &\r\n\t\t\tRecipeProductFilterDialogDispatchProps &\r\n\t\t\tWrappedComponentProps\r\n\t) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {};\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\t// const { searchResult, isSearching, productTitle, productSlug } = this.props;\r\n\t\tconst { searchResult, isSearching, productTitle, intl, siteUrlPrefix } = this.props;\r\n\t\tconst hasProduct = !!productTitle; // && !!productSlug;\r\n\r\n\t\treturn (\r\n\t\t\t<RecipeProductFilterDialogWrapper>\r\n\t\t\t\t<ProductsIcon />\r\n\r\n\t\t\t\t<ProductSearchForm>\r\n\t\t\t\t\t<SearchResults\r\n\t\t\t\t\t\tplaceholder={intl.formatMessage({ id: 'search_filter_recipe_product_write_product_name' })}\r\n\t\t\t\t\t\tshowMostPopularKeywords={false}\r\n\t\t\t\t\t\tmostPopularKeywords={[]}\r\n\t\t\t\t\t\tonSetSearchText={this.searchInputChanged}\r\n\t\t\t\t\t\tproductResults={searchResult}\r\n\t\t\t\t\t\tloading={isSearching}\r\n\t\t\t\t\t\tclassName=\"search-results\"\r\n\t\t\t\t\t\titemClicked={this.itemClicked}\r\n\t\t\t\t\t\tautoFocus={true}\r\n\t\t\t\t\t\tinputSize={InputSize.medium}\r\n\t\t\t\t\t\tisDesktopWidthFluid={true}\r\n\t\t\t\t\t\thideSearchCategoryTitle={true}\r\n\t\t\t\t\t\thideSearchIcon={true}\r\n\t\t\t\t\t\tsiteUrlPrefix={siteUrlPrefix}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<SelectedProductWrapper>\r\n\t\t\t\t\t\t{hasProduct && <Pill onRemove={this.onRemove}>{productTitle}</Pill>}\r\n\t\t\t\t\t</SelectedProductWrapper>\r\n\t\t\t\t</ProductSearchForm>\r\n\t\t\t</RecipeProductFilterDialogWrapper>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate itemClicked = (item: NavLinkItemProps) => {\r\n\t\tconst { title, slug } = item;\r\n\t\tconst ingredientsParameterName = this.props.ingredientsParameterName;\r\n\t\tthis.props.onFilterClick(ingredientsParameterName, slug || '', true);\r\n\t\tthis.props.setProduct(title, slug);\r\n\t};\r\n\r\n\tprivate onRemove = () => {\r\n\t\tconst productSlug = this.props.productSlug;\r\n\t\tconst ingredientsParameterName = this.props.ingredientsParameterName;\r\n\t\tthis.props.setProduct('', undefined);\r\n\t\tthis.props.onFilterClick(ingredientsParameterName, productSlug || '', false);\r\n\t};\r\n\r\n\tprivate searchInputChanged = (input: string) => {\r\n\t\tconst { siteUrlId } = this.props;\r\n\t\tthis.props.searchProducts(siteUrlId, input, 24);\r\n\t};\r\n}\r\n\r\nconst mapStateToProps: MapStateToProps<RecipeProductFilterDialogStateProps, RecipeProductFilterDialogProps, State> = (\r\n\tstate\r\n): RecipeProductFilterDialogStateProps => {\r\n\tconst { resource, app, routing } = state;\r\n\tconst search = resource.content as SearchState;\r\n\tconst filter = search && search.recipeProductFilter;\r\n\tconst searchResult = filter && filter.searchResult;\r\n\tconst sites = (app.settings && app.settings.sites) || [];\r\n\tconst ingredientsParameterName =\r\n\t\tgetSettingValue(state, 'RecipeSearch', 'IngredientsParameter') ?? SearchFilterName.ingredients;\r\n\treturn {\r\n\t\tsearchResult,\r\n\t\tisSearching: filter && filter.isSearching,\r\n\t\tproductTitle: filter && filter.productTitle,\r\n\t\tproductSlug: filter && filter.productSlug,\r\n\t\tsiteUrlPrefix: getSiteUrlPrefixOrDefault(routing, sites, '/'),\r\n\t\tsiteUrlId: getSiteUrlId(routing, sites) || '',\r\n\t\tingredientsParameterName,\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n\tsearchProducts: searchActions.recipeProductFilterSearchProducts,\r\n\tsetProduct: searchActions.recipeProductFilterSetProduct,\r\n})(injectIntl(RecipeProductFilterDialog));\r\n","import * as React from 'react';\r\nimport SearchFilter from './SearchFilter';\r\nimport SimpleFilterDialog from './filters/SimpleFilterDialog';\r\nimport Toggle from 'styleguide/components/Inputs/Toggle/Toggle';\r\nimport BakingBreadIcon from 'styleguide/components/Icons/AspectGroupIcons/BakingBreadIcon/BakingBreadIcon';\r\nimport BakingBunsIcon from 'styleguide/components/Icons/AspectGroupIcons/BakingBunsIcon/BakingBunsIcon';\r\nimport BakingCakesIcon from 'styleguide/components/Icons/AspectGroupIcons/BakingCakesIcon/BakingCakesIcon';\r\nimport BakingDoughIcon from 'styleguide/components/Icons/AspectGroupIcons/BakingDoughIcon/BakingDoughIcon';\r\nimport BakingMuffinsIcon from 'styleguide/components/Icons/AspectGroupIcons/BakingMuffinsIcon/BakingMuffinsIcon';\r\nimport {\r\n\tBakingSavouryPastryIcon,\r\n\tSweetPastryIcon,\r\n\tPartyEasterIcon,\r\n\tPartyXmasIcon,\r\n\tVegeIcon,\r\n\tJuiceIcon,\r\n\tPuddingIcon,\r\n\tActiveSeniorIcon,\r\n\tCheeseTrayIcon,\r\n\tYogurtIcon,\r\n\tDietLowCarbIcon,\r\n} from 'styleguide/components/Icons/AspectGroupIcons';\r\nimport SoupIcon from 'styleguide/components/Icons/AspectGroupIcons/SoupIcon/SoupIcon';\r\nimport MifuIcon from 'styleguide/components/Icons/AspectGroupIcons/MifuIcon/MifuIcon';\r\nimport DessertIcon from 'styleguide/components/Icons/AspectGroupIcons/DessertIcon/DessertIcon';\r\nimport MeatIcon from 'styleguide/components/Icons/AspectGroupIcons/MeatIcon/MeatIcon';\r\nimport FishIcon from 'styleguide/components/Icons/AspectGroupIcons/FishIcon/FishIcon';\r\nimport ChickenIcon from 'styleguide/components/Icons/AspectGroupIcons/ChickenIcon/ChickenIcon';\r\nimport MifuRecipeIcon from 'styleguide/components/Icons/AspectGroupIcons/MifuRecipeIcon/MifuRecipeIcon';\r\nimport VegeRecipeIcon from 'styleguide/components/Icons/AspectGroupIcons/VegeRecipeIcon/VegeRecipeIcon';\r\nimport MincedMeatIcon from 'styleguide/components/Icons/AspectGroupIcons/MincedMeatIcon/MincedMeatIcon';\r\nimport DietDairyFreeIcon from 'styleguide/components/Icons/AspectGroupIcons/DietDairyFreeIcon/DietDairyFreeIcon';\r\nimport DietEggFreeIcon from 'styleguide/components/Icons/AspectGroupIcons/DietEggFreeIcon/DietEggFreeIcon';\r\nimport DietLactoseFreeIcon from 'styleguide/components/Icons/AspectGroupIcons/DietLactoseFreeIcon/DietLactoseFreeIcon';\r\nimport DietLowLactoseIcon from 'styleguide/components/Icons/AspectGroupIcons/DietLowLactoseIcon/DietLowLactoseIcon';\r\nimport DietLightIcon from 'styleguide/components/Icons/AspectGroupIcons/DietLightIcon/DietLightIcon';\r\nimport DietProteinIcon from 'styleguide/components/Icons/AspectGroupIcons/DietProteinIcon/DietProteinIcon';\r\nimport DietGlutenFreeIcon from 'styleguide/components/Icons/AspectGroupIcons/DietGlutenFreeIcon/DietGlutenFreeIcon';\r\nimport DietVegetarianIcon from 'styleguide/components/Icons/AspectGroupIcons/DietVegetarianIcon/DietVegetarianIcon';\r\nimport DietLessSaltIcon from 'styleguide/components/Icons/AspectGroupIcons/DietLessSaltIcon/DietLessSaltIcon';\r\nimport EveryDayIcon from 'styleguide/components/Icons/AspectGroupIcons/EveryDayIcon/EveryDayIcon';\r\nimport FamilyIcon from 'styleguide/components/Icons/AspectGroupIcons/FamilyIcon/FamilyIcon';\r\nimport OrganicIcon from 'styleguide/components/Icons/AspectGroupIcons/OrganicIcon/OrganicIcon';\r\nimport PartyBbqIcon from 'styleguide/components/Icons/AspectGroupIcons/PartyBbqIcon/PartyBbqIcon';\r\nimport PartyGraduationIcon from 'styleguide/components/Icons/AspectGroupIcons/PartyGraduationIcon/PartyGraduationIcon';\r\nimport PartyHalloweenIcon from 'styleguide/components/Icons/AspectGroupIcons/PartyHalloweenIcon/PartyHalloweenIcon';\r\nimport PartyHarvestIcon from 'styleguide/components/Icons/AspectGroupIcons/PartyHarvestIcon/PartyHarvestIcon';\r\nimport PartyKidsIcon from 'styleguide/components/Icons/AspectGroupIcons/PartyKidsIcon/PartyKidsIcon';\r\nimport PartyLabourDayIcon from 'styleguide/components/Icons/AspectGroupIcons/PartyLabourDayIcon/PartyLabourDayIcon';\r\nimport LogoIcon from 'styleguide/components/Logos/Logo/LogoIcon';\r\nimport UserIcon from 'styleguide/components/Icons/NormalIcons/UserIcon/UserIcon';\r\nimport SaladIcon from 'styleguide/components/Icons/AspectGroupIcons/SaladIcon/SaladIcon';\r\nimport AuthorFilterDialog from './filters/AuthorFilterDialog';\r\nimport RecipeProductFilterDialog from './filters/RecipeProductFilterDialog';\r\nimport { SearchFilterSection } from '../interfaces';\r\nimport { NumberMap, NameAndValue } from 'common/interfaces/common';\r\nimport { SearchFiltersContainer } from 'common/components/Search';\r\nimport RecipeCooperationIcon from '../../Recipe/components/RecipeCooperationIcon';\r\nimport { useIntl } from 'react-intl';\r\nimport { toggleMedia } from 'common/components/Media';\r\nimport styled from 'styled-components';\r\nimport { SearchFilterName } from '../types';\r\nimport CookingPreferenceDialog from './filters/CookingPreferenceDialog';\r\n\r\nconst FILTER_ICON_MAP = {\r\n\tbakingBread: <BakingBreadIcon />,\r\n\tbakingBuns: <BakingBunsIcon />,\r\n\tbakingCakes: <BakingCakesIcon />,\r\n\tbakingDough: <BakingDoughIcon />,\r\n\tbakingMuffins: <BakingMuffinsIcon />,\r\n\tbakingSavouryPastry: <BakingSavouryPastryIcon />,\r\n\tcheeseTray: <CheeseTrayIcon />,\r\n\tsoup: <SoupIcon />,\r\n\tmifu: <MifuIcon />,\r\n\tdessert: <DessertIcon />,\r\n\tsweetPastry: <SweetPastryIcon />,\r\n\tmeat: <MeatIcon />,\r\n\tfish: <FishIcon />,\r\n\tchicken: <ChickenIcon />,\r\n\tmifuRecipe: <MifuRecipeIcon />,\r\n\tvegeRecipe: <VegeRecipeIcon />,\r\n\tmincedMeat: <MincedMeatIcon />,\r\n\tdietDairyFree: <DietDairyFreeIcon />,\r\n\tdietEggFree: <DietEggFreeIcon />,\r\n\tdietLactoseFree: <DietLactoseFreeIcon />,\r\n\tdietLessSalt: <DietLessSaltIcon />,\r\n\tdietLowLactose: <DietLowLactoseIcon />,\r\n\tdietLight: <DietLightIcon />,\r\n\tdietProtein: <DietProteinIcon />,\r\n\tdietGlutenFree: <DietGlutenFreeIcon />,\r\n\tdietVegetarian: <DietVegetarianIcon />,\r\n\tdietLowCarb: <DietLowCarbIcon />,\r\n\tdietVegan: <VegeIcon />,\r\n\teveryDay: <EveryDayIcon />,\r\n\tfamily: <FamilyIcon />,\r\n\torganic: <OrganicIcon />,\r\n\tpartyBbq: <PartyBbqIcon />,\r\n\tpartyEaster: <PartyEasterIcon />,\r\n\tpartyGraduation: <PartyGraduationIcon />,\r\n\tpartyHalloween: <PartyHalloweenIcon />,\r\n\tpartyHarvest: <PartyHarvestIcon />,\r\n\tpartyKids: <PartyKidsIcon />,\r\n\tpartyLabourDay: <PartyLabourDayIcon />,\r\n\tpartyXmas: <PartyXmasIcon />,\r\n\tsalad: <SaladIcon />,\r\n\tlogo: <LogoIcon />,\r\n\trecipeCooperation: <RecipeCooperationIcon />,\r\n\tuser: <UserIcon />,\r\n\tjuice: <JuiceIcon />,\r\n\tpudding: <PuddingIcon />,\r\n\tactiveSenior: <ActiveSeniorIcon />,\r\n\tyogurt: <YogurtIcon />,\r\n};\r\n\r\nconst ResponsiveToggle = styled(Toggle)`\r\n\t${toggleMedia('flex', 'show', 'desktop')};\r\n`;\r\n\r\ninterface RecipeSearchFiltersProps {\r\n\tfilters: SearchFilterSection[];\r\n\tfilterCount: NumberMap;\r\n\tselectedFilters: NameAndValue[];\r\n\tonFilterClick: (filterName: string, filterValue: string, selected: boolean) => void;\r\n\tonRadioFilterClick: (filterName: string, filterValue: string, selected: boolean) => void;\r\n\tisResultsLoading?: boolean;\r\n\tprofessional: boolean;\r\n}\r\n\r\nconst RecipeSearchFilters: React.FC<RecipeSearchFiltersProps> = ({\r\n\tfilters,\r\n\tfilterCount,\r\n\tselectedFilters,\r\n\tonFilterClick,\r\n\tonRadioFilterClick,\r\n\tisResultsLoading,\r\n\tprofessional,\r\n}) => {\r\n\tconst intl = useIntl();\r\n\r\n\tconst simpleFilters = filters.filter(f => f.items);\r\n\tif (professional) {\r\n\t\tconst recipeTypeFilter: SearchFilterSection = {\r\n\t\t\ttype: 'Aspect',\r\n\t\t\ttitle: intl.formatMessage({ id: 'search_recipe_type' }),\r\n\t\t\titems: [\r\n\t\t\t\t{\r\n\t\t\t\t\ttitle: intl.formatMessage({ id: 'global_food_service' }),\r\n\t\t\t\t\ticon: '',\r\n\t\t\t\t\timageUrl: null,\r\n\t\t\t\t\tname: SearchFilterName.context,\r\n\t\t\t\t\tvalue: 'foodservice',\r\n\t\t\t\t\titems: [],\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\ttitle: intl.formatMessage({ id: 'global_bakery_and_industry' }),\r\n\t\t\t\t\ticon: '',\r\n\t\t\t\t\timageUrl: null,\r\n\t\t\t\t\tname: SearchFilterName.context,\r\n\t\t\t\t\tvalue: 'teollisuus',\r\n\t\t\t\t\titems: [],\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\ttitle: intl.formatMessage({ id: 'search_chef_of_the_year_cooperation' }),\r\n\t\t\t\t\ticon: '',\r\n\t\t\t\t\timageUrl: null,\r\n\t\t\t\t\tname: SearchFilterName.themes,\r\n\t\t\t\t\tvalue: 'vuoden-kokki-ruokaohjeet',\r\n\t\t\t\t\titems: [],\r\n\t\t\t\t},\r\n\t\t\t],\r\n\t\t\tgroups: null,\r\n\t\t};\r\n\t\tsimpleFilters.splice(0, 0, recipeTypeFilter);\r\n\t}\r\n\r\n\tconst onQuickFilterClick = (isActive: boolean) => {\r\n\t\tconst quickFilter = simpleFilters.find(sf => sf.type === 'OnlyQuick');\r\n\t\tquickFilter && onFilterClick(quickFilter.slug!, quickFilter.value!, !isActive);\r\n\t};\r\n\r\n\tconst onAspectToggleClick = (isActive: boolean) => {\r\n\t\tconst filter = simpleFilters.find(sf => sf.type === 'AspectValueToggle');\r\n\t\tfilter && onFilterClick(filter.slug!, filter.value!, !isActive);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<SearchFiltersContainer>\r\n\t\t\t{simpleFilters\r\n\t\t\t\t.filter(sf => sf.type === 'OnlyQuick')\r\n\t\t\t\t.map(({ title, slug }, index) => (\r\n\t\t\t\t\t<ResponsiveToggle\r\n\t\t\t\t\t\tclassName=\"toggle-filter\"\r\n\t\t\t\t\t\tinitialState={selectedFilters.find(f => f.name === slug) !== undefined}\r\n\t\t\t\t\t\tonToggleClick={onQuickFilterClick}\r\n\t\t\t\t\t\tsize={'small'}\r\n\t\t\t\t\t\tkey={index}>\r\n\t\t\t\t\t\t{title}\r\n\t\t\t\t\t</ResponsiveToggle>\r\n\t\t\t\t))}\r\n\r\n\t\t\t{simpleFilters\r\n\t\t\t\t.filter(sf => sf.type === 'ValioProduct')\r\n\t\t\t\t.map((_, index) => (\r\n\t\t\t\t\t<SearchFilter\r\n\t\t\t\t\t\tlabel={intl.formatMessage({ id: 'search_valio_product' })}\r\n\t\t\t\t\t\tmodalTitle={intl.formatMessage({ id: 'search_find_recipe_by_valio_product' })}\r\n\t\t\t\t\t\tmodalDesktopWidth=\"640px\"\r\n\t\t\t\t\t\tkey={index}>\r\n\t\t\t\t\t\t<RecipeProductFilterDialog onFilterClick={onRadioFilterClick} />\r\n\t\t\t\t\t</SearchFilter>\r\n\t\t\t\t))}\r\n\r\n\t\t\t{simpleFilters\r\n\t\t\t\t.filter(sf => sf.type === 'Aspect')\r\n\t\t\t\t.map(({ title, items }, index) => {\r\n\t\t\t\t\tconst availableFilters = items?.filter(item => filterCount[item.value] > 0);\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<SearchFilter\r\n\t\t\t\t\t\t\tkey={`${title}`}\r\n\t\t\t\t\t\t\tlabel={title}\r\n\t\t\t\t\t\t\tmodalDesktopWidth=\"960px\"\r\n\t\t\t\t\t\t\tisDisabled={availableFilters?.length === 0}>\r\n\t\t\t\t\t\t\t<SimpleFilterDialog\r\n\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\tfilterItems={items!}\r\n\t\t\t\t\t\t\t\tfilterCount={filterCount}\r\n\t\t\t\t\t\t\t\tfilterIconMap={FILTER_ICON_MAP}\r\n\t\t\t\t\t\t\t\tselectedFilters={selectedFilters}\r\n\t\t\t\t\t\t\t\tonFilterClick={onFilterClick}\r\n\t\t\t\t\t\t\t\tisResultsLoading={isResultsLoading}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</SearchFilter>\r\n\t\t\t\t\t);\r\n\t\t\t\t})}\r\n\r\n\t\t\t{simpleFilters\r\n\t\t\t\t.filter(sf => sf.type === 'CookingPreference')\r\n\t\t\t\t.map(({ title }, index) => (\r\n\t\t\t\t\t<SearchFilter key={index} label={title} modalDesktopWidth=\"600px\">\r\n\t\t\t\t\t\t<CookingPreferenceDialog onFilterClick={onRadioFilterClick} selectedFilters={selectedFilters} />\r\n\t\t\t\t\t</SearchFilter>\r\n\t\t\t\t))}\r\n\r\n\t\t\t{simpleFilters\r\n\t\t\t\t.filter(sf => sf.type === 'Author')\r\n\t\t\t\t.map(({ title }, index) => (\r\n\t\t\t\t\t<SearchFilter key={index} label={title} modalDesktopWidth=\"600px\">\r\n\t\t\t\t\t\t<AuthorFilterDialog onFilterClick={onRadioFilterClick} selectedFilters={selectedFilters} />\r\n\t\t\t\t\t</SearchFilter>\r\n\t\t\t\t))}\r\n\r\n\t\t\t{simpleFilters\r\n\t\t\t\t.filter(sf => sf.type === 'AspectValueToggle')\r\n\t\t\t\t.map(({ title, slug }, index) => (\r\n\t\t\t\t\t<Toggle\r\n\t\t\t\t\t\tclassName=\"toggle-filter\"\r\n\t\t\t\t\t\tinitialState={selectedFilters.find(f => f.name === slug) !== undefined}\r\n\t\t\t\t\t\tonToggleClick={onAspectToggleClick}\r\n\t\t\t\t\t\tsize={'small'}\r\n\t\t\t\t\t\tkey={index}>\r\n\t\t\t\t\t\t{title}\r\n\t\t\t\t\t</Toggle>\r\n\t\t\t\t))}\r\n\t\t</SearchFiltersContainer>\r\n\t);\r\n};\r\n\r\nexport default RecipeSearchFilters;\r\n","import * as React from 'react';\r\nimport { MapStateToProps, connect } from 'react-redux';\r\nimport LoadingSpinner from 'common/components/Loading/LoadingSpinner';\r\nimport { SearchState } from '../interfaces';\r\nimport { State } from 'common/reducers';\r\nimport RecipeSearchResults from './RecipeSearchResults';\r\nimport { SearchFilterName, SearchType } from 'pagetypes/Search/types';\r\nimport RecipeSearchFilters from './RecipeSearchFilters';\r\nimport { searchActions } from '../reducers/search-actions';\r\nimport { queryToFilters } from '../utils';\r\nimport { NameAndValue } from 'common/interfaces/common';\r\nimport { routingActions, RoutingState } from 'common/components/Routing/reducers';\r\nimport { addToSearch, removeFromSearch, replaceToSearch, parseQuery } from 'utils/query-string';\r\nimport InfiniteScrollHelper from 'common/components/InfiniteScroll/InfiniteScrollHelper';\r\nimport { SearchActions } from 'common/components/Search';\r\nimport { SortOrder } from 'common/components/SortOrder/SortOrderSelect';\r\nimport { ResourceContextName } from 'common/components/Resource/interfaces';\r\nimport {\r\n\tSEARCH_SORT_VALUE_NEWEST,\r\n\tSEARCH_SORT_VALUE_FAVOURITE,\r\n\tSEARCH_SORT_VALUE_BEST_MATCH,\r\n\tSEARCH_SORT_VALUE_ALPHABETICAL,\r\n\tSEARCH_RECIPES_PAGE_SIZE,\r\n\tSEARCH_API_URL_SORT_PARAMETER,\r\n\tSEARCH_API_URL_SEARCH_QUERY,\r\n} from '../constants';\r\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\r\nimport { getSiteUrlId, getSettingValue, getSite, SiteId } from 'common/components/App/services';\r\nimport { normalizeSearchUrl, renameQueryStringParameter, translateQueryStringParameter } from '../searchApiHelper';\r\nimport { clearHashString, getHashSearchPageOrDefault, setHashSearchPage } from '../../../utils/hash-string';\r\nimport { resumeScrollPositionFromHash, saveScrollPositionToHash } from '../../../utils/scroll';\r\n\r\ntype Props = {} & SearchRecipesStateProps & SearchRecipesDispatchProps & WrappedComponentProps;\r\n\r\nclass SearchRecipes extends React.Component<Props> {\r\n\tprivate infiniteScroll: InfiniteScrollHelper;\r\n\tprivate initialPageCount = getHashSearchPageOrDefault();\r\n\tprivate currentPageNumber = getHashSearchPageOrDefault();\r\n\tprivate isComponentMounted = false;\r\n\tprivate hasResetScroll = false;\r\n\tprivate readonly pageSize = SEARCH_RECIPES_PAGE_SIZE;\r\n\r\n\tconstructor(props: Props) {\r\n\t\tsuper(props);\r\n\t\tthis.infiniteScroll = new InfiniteScrollHelper(this.initialPageCount);\r\n\t\tthis.infiniteScroll.subscribe(this.onInfiniteScroll.bind(this));\r\n\t}\r\n\r\n\tpublic componentDidMount() {\r\n\t\tconst { routingState } = this.props;\r\n\t\tthis.doSearchRecipes(routingState.search);\r\n\t\tthis.isComponentMounted = true;\r\n\t}\r\n\r\n\tpublic componentWillUnmount() {\r\n\t\tthis.infiniteScroll.unsubscribeInfiniteScroll();\r\n\t}\r\n\r\n\tpublic componentDidUpdate(prevProps: Props) {\r\n\t\tthis.infiniteScroll.unlockInfiniteScroll(prevProps.search.recipes, this.props.search.recipes);\r\n\r\n\t\tif (prevProps.routingState.search !== this.props.routingState.search) {\r\n\t\t\tthis.initialPageCount = 1;\r\n\t\t\tthis.currentPageNumber = 1;\r\n\t\t\tconst { routingState } = this.props;\r\n\t\t\tthis.infiniteScroll.reset();\r\n\t\t\tthis.doSearchRecipes(routingState.search);\r\n\t\t}\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tconst {\r\n\t\t\tsearch: { isLoading, recipes, count, isResultsLoading, isProfessionalSearch, language, availableFilters },\r\n\t\t\thideRecipeInfo,\r\n\t\t\tsearchUrl,\r\n\t\t\tsearchKeyword,\r\n\t\t} = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t<SearchActions\r\n\t\t\t\t\trenderFilters={this.renderFilters}\r\n\t\t\t\t\tresultsCount={count}\r\n\t\t\t\t\tsearchType={SearchType.RECIPE}\r\n\t\t\t\t\tdefaultSortValue={this.getSortValue(true)}\r\n\t\t\t\t\tsortOptions={this.getSortOptions()}\r\n\t\t\t\t\tonSortClick={this.onSortClick}\r\n\t\t\t\t\tonFilterClick={this.onFilterClick}\r\n\t\t\t\t\tselectedFilters={this.props.selectedFilters}\r\n\t\t\t\t\tisProfessional={isProfessionalSearch}\r\n\t\t\t\t\tfilters={availableFilters}\r\n\t\t\t\t/>\r\n\t\t\t\t{isLoading && <LoadingSpinner />}\r\n\t\t\t\t{!isLoading && (\r\n\t\t\t\t\t<RecipeSearchResults\r\n\t\t\t\t\t\tresults={recipes}\r\n\t\t\t\t\t\tlanguage={language}\r\n\t\t\t\t\t\tsearchType={SearchType.RECIPE}\r\n\t\t\t\t\t\tisResultsLoading={!!isResultsLoading}\r\n\t\t\t\t\t\thideRecipeInfo={isProfessionalSearch || hideRecipeInfo}\r\n\t\t\t\t\t\tonMount={this.resumeScrollIfContentMounted}\r\n\t\t\t\t\t\tonRecipeClick={this.savePageAndScrollPosition}\r\n\t\t\t\t\t\tsearchUrl={searchUrl}\r\n\t\t\t\t\t\tsearchKeyword={searchKeyword}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate resumeScrollIfContentMounted = () => {\r\n\t\tif (this.isComponentMounted && !this.hasResetScroll) {\r\n\t\t\tresumeScrollPositionFromHash();\r\n\t\t\tclearHashString();\r\n\t\t\tthis.infiniteScroll.reset(this.initialPageCount);\r\n\t\t\tthis.hasResetScroll = true;\r\n\t\t}\r\n\t};\r\n\r\n\tprivate savePageAndScrollPosition = () => {\r\n\t\tsaveScrollPositionToHash();\r\n\t\tsetHashSearchPage(this.currentPageNumber);\r\n\t};\r\n\r\n\tprivate renderFilters = () => {\r\n\t\tconst { search, selectedFilters } = this.props;\r\n\t\tconst { availableFilters, filterCount, isResultsLoading } = search;\r\n\r\n\t\treturn (\r\n\t\t\t<RecipeSearchFilters\r\n\t\t\t\tfilters={availableFilters}\r\n\t\t\t\tfilterCount={filterCount}\r\n\t\t\t\tselectedFilters={selectedFilters}\r\n\t\t\t\tisResultsLoading={isResultsLoading}\r\n\t\t\t\tprofessional={search.isProfessionalSearch}\r\n\t\t\t\tonFilterClick={this.onFilterClick}\r\n\t\t\t\tonRadioFilterClick={this.onRadioFilterClick}\r\n\t\t\t/>\r\n\t\t);\r\n\t};\r\n\r\n\tprivate doSearchRecipes(search: string | undefined) {\r\n\t\tconst {\r\n\t\t\tsiteUrlId,\r\n\t\t\tsearchRecipes,\r\n\t\t\tloadProduct,\r\n\t\t\tselectedProductSlug,\r\n\t\t\tselectedProductTitle,\r\n\t\t\tingredientsParameterName,\r\n\t\t} = this.props;\r\n\t\tconst { isProfessionalSearch } = this.props.search;\r\n\r\n\t\tconst parsedQuery = parseQuery(search || '');\r\n\t\t// tslint:disable-next-line:no-string-literal\r\n\t\tconst productSlugs = parsedQuery[ingredientsParameterName];\r\n\t\tconst productSlug = Array.isArray(productSlugs) ? productSlugs[0] : productSlugs;\r\n\t\tif (productSlug && (productSlug !== selectedProductSlug || !selectedProductTitle)) {\r\n\t\t\tloadProduct(productSlug);\r\n\t\t}\r\n\r\n\t\tconst searchUrl = this.translateSearchUrlForAPICall(search);\r\n\r\n\t\tsearchRecipes(siteUrlId, isProfessionalSearch, searchUrl || '', this.pageSize * this.initialPageCount);\r\n\t}\r\n\r\n\tprivate translateSearchUrlForAPICall(search: string | undefined) {\r\n\t\tif (!search) {\r\n\t\t\treturn search;\r\n\t\t}\r\n\r\n\t\tlet searchUrl = normalizeSearchUrl(search);\r\n\r\n\t\tsearchUrl = translateQueryStringParameter(\r\n\t\t\tsearchUrl,\r\n\t\t\tthis.props.sortParameter,\r\n\t\t\tSEARCH_API_URL_SORT_PARAMETER,\r\n\t\t\tthis.props.sortTranslations\r\n\t\t);\r\n\r\n\t\tsearchUrl = renameQueryStringParameter(searchUrl, this.props.searchQuery, SEARCH_API_URL_SEARCH_QUERY);\r\n\r\n\t\treturn searchUrl;\r\n\t}\r\n\r\n\tprivate onInfiniteScroll = (pageNumber: number) => {\r\n\t\tthis.currentPageNumber = pageNumber;\r\n\r\n\t\tconst { siteUrlId, routingState, loadMoreRecipes, search } = this.props;\r\n\t\tconst { recipes, count, isProfessionalSearch } = search;\r\n\t\tif (recipes.length === count) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst apiSearchUrl = this.translateSearchUrlForAPICall(routingState.search);\r\n\t\tloadMoreRecipes(siteUrlId, isProfessionalSearch, apiSearchUrl || '', this.pageSize, pageNumber);\r\n\t};\r\n\r\n\tprivate getSortOptions(): SortOrder[] {\r\n\t\tconst {\r\n\t\t\tintl,\r\n\t\t\tsearch: { isProfessionalSearch },\r\n\t\t} = this.props;\r\n\r\n\t\tconst sortValue = this.getSortValue();\r\n\t\tconst initialSelectedSort = Array.isArray(sortValue) ? sortValue[0] : sortValue;\r\n\r\n\t\tconst sortOptions = [\r\n\t\t\t{\r\n\t\t\t\tvalue: this.props.sortByBestHit,\r\n\t\t\t\tlabel: intl.formatMessage({ id: 'search_recipe_sort_best_hit' }),\r\n\t\t\t\tselected: initialSelectedSort ? initialSelectedSort === this.props.sortByBestHit : true,\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tvalue: this.props.sortByNewestFirst,\r\n\t\t\t\tlabel: intl.formatMessage({ id: 'search_recipe_sort_newest_first' }),\r\n\t\t\t\tselected: initialSelectedSort === this.props.sortByNewestFirst,\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tvalue: this.props.sortByPopularity,\r\n\t\t\t\tlabel: intl.formatMessage({ id: 'search_recipe_sort_most_popular' }),\r\n\t\t\t\tselected: initialSelectedSort === this.props.sortByPopularity,\r\n\t\t\t},\r\n\t\t];\r\n\r\n\t\tif (!isProfessionalSearch) {\r\n\t\t\tsortOptions.push({\r\n\t\t\t\tvalue: this.props.sortByAlphabetical,\r\n\t\t\t\tlabel: intl.formatMessage({ id: 'search_recipe_sort_alphabetical' }),\r\n\t\t\t\tselected: initialSelectedSort === this.props.sortByAlphabetical,\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\treturn sortOptions;\r\n\t}\r\n\r\n\tprivate getSortValue(getDefaultOnly?: boolean) {\r\n\t\tconst { routingState } = this.props;\r\n\r\n\t\tconst sortValue = routingState.query && routingState.query[this.props.sortParameter];\r\n\t\tif (sortValue && !getDefaultOnly) {\r\n\t\t\treturn Array.isArray(sortValue) ? sortValue[0] : sortValue;\r\n\t\t}\r\n\r\n\t\treturn this.props.sortByBestHit;\r\n\t}\r\n\r\n\tprivate onSortClick = (sort: string) => {\r\n\t\tconst { updateSearch, routingState } = this.props;\r\n\t\tconst search = replaceToSearch(routingState.search || '', this.props.sortParameter, sort);\r\n\t\tupdateSearch(search);\r\n\t};\r\n\r\n\tprivate onFilterClick = (filterName: string, filterValue: string, selected: boolean) => {\r\n\t\tconst { updateSearch, routingState } = this.props;\r\n\t\tconst search = (selected ? addToSearch : removeFromSearch)(routingState.search || '', filterName, filterValue);\r\n\t\tupdateSearch(search);\r\n\t};\r\n\r\n\tprivate onRadioFilterClick = (filterName: string, filterValue: string, selected: boolean) => {\r\n\t\tconst { updateSearch, routingState } = this.props;\r\n\t\tconst search = (selected ? replaceToSearch : removeFromSearch)(routingState.search || '', filterName, filterValue);\r\n\t\tupdateSearch(search);\r\n\t};\r\n}\r\n\r\ninterface SearchRecipesStateProps {\r\n\tcontext: ResourceContextName;\r\n\tsearch: SearchState;\r\n\troutingState: RoutingState;\r\n\tselectedFilters: NameAndValue[];\r\n\tselectedProductTitle?: string;\r\n\tselectedProductSlug?: string;\r\n\tsiteUrlId: string;\r\n\thideRecipeInfo: boolean;\r\n\r\n\tsearchQuery: string;\r\n\tsortParameter: string;\r\n\tsortByBestHit: string;\r\n\tsortByNewestFirst: string;\r\n\tsortByPopularity: string;\r\n\tsortByAlphabetical: string;\r\n\tsortTranslations: { [id: string]: string };\r\n\r\n\tingredientsParameterName: string;\r\n\r\n\tsearchUrl: string;\r\n\tsearchKeyword: string;\r\n}\r\n\r\nconst mapStateToProps: MapStateToProps<SearchRecipesStateProps, {}, State> = (state: State) => {\r\n\tconst { resource, routing, app } = state;\r\n\tconst search = resource.content as SearchState;\r\n\tconst filter = search && search.recipeProductFilter;\r\n\tconst sites = (app.settings && app.settings.sites) || [];\r\n\r\n\tconst sortByBestHit = getSettingValue(state, 'RecipeSearch', 'SortByBestHit');\r\n\tconst sortByNewestFirst = getSettingValue(state, 'RecipeSearch', 'SortByNewestFirst');\r\n\tconst sortByPopularity = getSettingValue(state, 'RecipeSearch', 'SortByPopularity');\r\n\tconst sortByAlphabetical = getSettingValue(state, 'RecipeSearch', 'SortByAlphabetical');\r\n\tconst ingredientsParameterName = getSettingValue(state, 'RecipeSearch', 'IngredientsParameter');\r\n\r\n\tconst sortTranslation: { [id: string]: string } = {};\r\n\tif (!!sortByBestHit) {\r\n\t\tsortTranslation[sortByBestHit] = SEARCH_SORT_VALUE_BEST_MATCH;\r\n\t}\r\n\tif (!!sortByNewestFirst) {\r\n\t\tsortTranslation[sortByNewestFirst] = SEARCH_SORT_VALUE_NEWEST;\r\n\t}\r\n\tif (!!sortByPopularity) {\r\n\t\tsortTranslation[sortByPopularity] = SEARCH_SORT_VALUE_FAVOURITE;\r\n\t}\r\n\tif (!!sortByAlphabetical) {\r\n\t\tsortTranslation[sortByAlphabetical] = SEARCH_SORT_VALUE_ALPHABETICAL;\r\n\t}\r\n\r\n\tconst siteId = getSite(state.routing, sites)?.id;\r\n\tconst searchQuery = getSettingValue(state, 'Search', 'SearchQuery') ?? SEARCH_API_URL_SEARCH_QUERY;\r\n\tconst searchKeyword = routing.query && searchQuery ? routing.query[searchQuery]?.toString() : '';\r\n\r\n\treturn {\r\n\t\tcontext: resource.context,\r\n\t\tsearch: resource.content as SearchState,\r\n\t\troutingState: routing,\r\n\t\tselectedFilters: queryToFilters(routing.query || {}),\r\n\t\tselectedProductTitle: filter && filter.productTitle,\r\n\t\tselectedProductSlug: filter && filter.productSlug,\r\n\t\tsiteUrlId: getSiteUrlId(routing, sites) || '',\r\n\r\n\t\tsearchQuery,\r\n\t\tsortParameter: getSettingValue(state, 'RecipeSearch', 'SortParameter') ?? SEARCH_API_URL_SORT_PARAMETER,\r\n\r\n\t\tsortByBestHit: sortByBestHit ?? SEARCH_SORT_VALUE_BEST_MATCH,\r\n\t\tsortByNewestFirst: sortByNewestFirst ?? SEARCH_SORT_VALUE_NEWEST,\r\n\t\tsortByPopularity: sortByPopularity ?? SEARCH_SORT_VALUE_FAVOURITE,\r\n\t\tsortByAlphabetical: sortByAlphabetical ?? SEARCH_SORT_VALUE_ALPHABETICAL,\r\n\r\n\t\tingredientsParameterName: ingredientsParameterName ?? SearchFilterName.ingredients,\r\n\r\n\t\tsortTranslations: sortTranslation,\r\n\t\thideRecipeInfo: siteId === SiteId.finc,\r\n\r\n\t\tsearchUrl: routing.pathname,\r\n\t\tsearchKeyword,\r\n\t};\r\n};\r\n\r\ninterface SearchRecipesDispatchProps {\r\n\tloadMoreRecipes: typeof searchActions.loadMoreRecipes;\r\n\tsearchRecipes: typeof searchActions.searchRecipes;\r\n\tloadProduct: typeof searchActions.recipeProductFilterLoadProduct;\r\n\tupdateSearch: typeof routingActions.updateSearch;\r\n}\r\n\r\nexport default connect(mapStateToProps, {\r\n\tsearchRecipes: searchActions.searchRecipes,\r\n\tloadMoreRecipes: searchActions.loadMoreRecipes,\r\n\tloadProduct: searchActions.recipeProductFilterLoadProduct,\r\n\tupdateSearch: routingActions.updateSearch,\r\n})(injectIntl(SearchRecipes));\r\n","import * as React from 'react';\r\nimport ProductCard from 'styleguide/components/Cards/ProductCard/ProductCard';\r\nimport { ImageSource } from 'styleguide/interfaces/imgInterfaces';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport { SearchType } from 'pagetypes/Search/types';\r\nimport injectRoutable, { InjectedRoutableProps } from 'common/components/Routing/Routable';\r\nimport LoadingSpinner from 'common/components/Loading/LoadingSpinner';\r\nimport SearchResultsGrid from './SearchResultsGrid';\r\nimport { SearchProductCard } from '../interfaces';\r\nimport NoResults from './NoResults';\r\n\r\nexport interface ProductSearchResultsProps {\r\n\tresults: SearchProductCard[];\r\n\tsearchType?: SearchType;\r\n\tisResultsLoading: boolean;\r\n\tlanguage?: string | null;\r\n\tonRecipeClick?: () => void;\r\n\tonMount?: () => void;\r\n\tsearchUrl?: string;\r\n\tsearchKeyword?: string;\r\n}\r\n\r\nconst ProductSearchResultsGrid = styled(SearchResultsGrid)`\r\n\t.search-result-card {\r\n\t\t${media.tablet`\r\n\t\t\t.product-card__name {\r\n\t\t\t\tpadding: 10px 20px;\r\n\t\t\t}\r\n\t\t`};\r\n\r\n\t\t${media.desktop`\r\n\t\t\tpadding-top: 20px;\r\n\t\t\t\r\n\t\t\t.product-card__image-wrapper {\r\n\t\t\t\twidth: 140px;\r\n \t\t\t  height: 140px;\r\n\t\t\t}\r\n\t\t`};\r\n\t}\r\n`;\r\n\r\nconst ProductSearchSpinner = styled.div`\r\n\ttext-align: center;\r\n\twidth: 100%;\r\n\tdisplay: block;\r\n`;\r\n\r\nclass ProductSearchResults extends React.Component<ProductSearchResultsProps & InjectedRoutableProps> {\r\n\tpublic componentDidMount() {\r\n\t\tif (this.props.onMount) {\r\n\t\t\tthis.props.onMount();\r\n\t\t}\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tconst { results, isResultsLoading, searchKeyword, searchUrl } = this.props;\r\n\t\tif (!isResultsLoading && results.length === 0) {\r\n\t\t\treturn (\r\n\t\t\t\t<NoResults\r\n\t\t\t\t\tsearchUrl={searchUrl}\r\n\t\t\t\t\tsearchKeyword={searchKeyword}\r\n\t\t\t\t\tnoResultsButtonLabel=\"component_no_results_product_button\"\r\n\t\t\t\t\tnoResultsDescription=\"search_no_results_products_with_keyword\"\r\n\t\t\t\t/>\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<ProductSearchResultsGrid>\r\n\t\t\t\t{this.renderResults()}\r\n\t\t\t\t{isResultsLoading && (\r\n\t\t\t\t\t<ProductSearchSpinner>\r\n\t\t\t\t\t\t<LoadingSpinner />{' '}\r\n\t\t\t\t\t</ProductSearchSpinner>\r\n\t\t\t\t)}\r\n\t\t\t</ProductSearchResultsGrid>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate renderResults() {\r\n\t\tconst { onLinkClick, results, language } = this.props;\r\n\t\tconst onProductClick: InjectedRoutableProps['onLinkClick'] = event => {\r\n\t\t\tif (this.props.onRecipeClick) {\r\n\t\t\t\tthis.props.onRecipeClick();\r\n\t\t\t}\r\n\t\t\tonLinkClick(event);\r\n\t\t};\r\n\r\n\t\treturn results.map(product => {\r\n\t\t\tconst imgSrc: ImageSource[] = [\r\n\t\t\t\t{\r\n\t\t\t\t\turl: product.imageUrl as string,\r\n\t\t\t\t\tmedia: 'tablet',\r\n\t\t\t\t\twidth: 100,\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\turl: product.largeImageUrl as string,\r\n\t\t\t\t\tmedia: 'desktop',\r\n\t\t\t\t\twidth: 140,\r\n\t\t\t\t\tdisplayWidth: 1000,\r\n\t\t\t\t},\r\n\t\t\t];\r\n\t\t\treturn (\r\n\t\t\t\t<ProductCard\r\n\t\t\t\t\tkey={product.url}\r\n\t\t\t\t\t{...product}\r\n\t\t\t\t\tlanguage={language}\r\n\t\t\t\t\timageUrl={imgSrc}\r\n\t\t\t\t\tonClick={onProductClick}\r\n\t\t\t\t\tclassName=\"search-result-card\"\r\n\t\t\t\t/>\r\n\t\t\t);\r\n\t\t});\r\n\t}\r\n}\r\n\r\nexport default injectRoutable(ProductSearchResults);\r\n","import * as React from 'react';\r\n\r\ninterface TruncateProps {\r\n\tvalue: string;\r\n\ttruncateAt: number;\r\n}\r\n\r\nconst Truncate: React.FC<TruncateProps> = ({ value, truncateAt }) => {\r\n\tconst output = value.substr(0, truncateAt);\r\n\tif (output.length < truncateAt) {\r\n\t\treturn <span>{output}</span>;\r\n\t}\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{output}\r\n\t\t\t<span dangerouslySetInnerHTML={{ __html: '&hellip;' }} />\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default Truncate;\r\n","import * as React from 'react';\r\nimport { SearchFilterItem } from '../../interfaces';\r\nimport Checkbox from 'styleguide/components/Inputs/Checkbox/Checkbox';\r\nimport FilterCount from './FilterCount';\r\n\r\ninterface ProductGroupFilterItemProps extends SearchFilterItem {\r\n\tcount?: number;\r\n\tselected?: boolean;\r\n\tdisabled?: boolean;\r\n\tonFilterClick: (filterName: string, filterValue: string, selected: boolean, items: SearchFilterItem[]) => void;\r\n}\r\n\r\nconst ProductGroupFilterItem: React.FC<ProductGroupFilterItemProps> = ({\r\n\ttitle,\r\n\tcount,\r\n\tname,\r\n\tvalue,\r\n\titems,\r\n\tselected,\r\n\tdisabled,\r\n\tonFilterClick,\r\n}) => {\r\n\tconst onChange = (event: React.FormEvent<HTMLInputElement>) => {\r\n\t\tif (!disabled) {\r\n\t\t\tonFilterClick(name, value, event.currentTarget.checked, items);\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t<Checkbox\r\n\t\t\tname={name}\r\n\t\t\tid={`${name}-${value}`}\r\n\t\t\tvalue={value}\r\n\t\t\tchecked={selected}\r\n\t\t\tdisabled={disabled}\r\n\t\t\tonChange={onChange}>\r\n\t\t\t<FilterCount className=\"filter-count\">{count}</FilterCount>\r\n\t\t\t{title}\r\n\t\t</Checkbox>\r\n\t);\r\n};\r\n\r\nexport default ProductGroupFilterItem;\r\n","import * as React from 'react';\r\nimport { IconWrapperProps } from 'styleguide/interfaces/iconInterfaces';\r\nimport styled from 'styled-components';\r\nimport ArrowDownIcon from 'styleguide/components/Icons/NormalIcons/ArrowDownIcon/ArrowDownIcon';\r\nimport ArrowUpIcon from 'styleguide/components/Icons/NormalIcons/ArrowUpIcon/ArrowUpIcon';\r\nimport FilterCount from './FilterCount';\r\nimport { SearchFilterItem } from '../../interfaces';\r\nimport { NameAndValue, NumberMap } from 'common/interfaces/common';\r\nimport Truncate from 'common/components/General/Truncate';\r\nimport ProductGroupFilterItem from './ProductGroupFilterItem';\r\nimport { isFilterSelected, getSelectedItems } from '../../utils';\r\n\r\nconst SELECTED_VALUE_TRUNCATED_LENGTH = 30;\r\n\r\ninterface StyledProps {\r\n\tselected?: boolean;\r\n\tdisabled?: boolean;\r\n}\r\n\r\nconst StyledProductGroupFilter = styled.article<StyledProps>`\r\n\tborder: 1px solid\r\n\t\t${props =>\r\n\t\t\tprops.disabled\r\n\t\t\t\t? props.theme.colors.border\r\n\t\t\t\t: props.selected\r\n\t\t\t\t? props.theme.colors.selectedItem\r\n\t\t\t\t: props.theme.colors.borderHighlight};\r\n\tbackground: ${props =>\r\n\t\tprops.disabled\r\n\t\t\t? props.theme.colors.inputDisabledBackground\r\n\t\t\t: props.selected\r\n\t\t\t? props.theme.colors.selectedItemBackground\r\n\t\t\t: props.theme.colors.white};\r\n\tcolor: ${props =>\r\n\t\tprops.disabled\r\n\t\t\t? props.theme.colors.inputDisabledText\r\n\t\t\t: props.selected\r\n\t\t\t? props.theme.colors.brandPrimary\r\n\t\t\t: props.theme.colors.buttonPrimary};\r\n\tborder-radius: 4px;\r\n`;\r\n\r\nconst ProductGroupFilterHeader = styled.header`\r\n\t${props => props.theme.typography.heading};\r\n\tfont-size: 15px;\r\n\tpadding: 5px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tcursor: pointer;\r\n`;\r\n\r\nconst FilterIconWrapper = styled.span`\r\n\twidth: 50px;\r\n\theight: 50px;\r\n\tmargin-right: 5px;\r\n\tflex: 0 0 50px;\r\n\r\n\timg {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tdisplay: block;\r\n\t}\r\n`;\r\n\r\nconst FilterTitleWrapper = styled.span`\r\n\tdisplay: block;\r\n\r\n\t.filter-title-count {\r\n\t\tdisplay: inline;\r\n\t\tmargin-left: 5px;\r\n\t}\r\n`;\r\n\r\nconst SelectedChildFilterValue = styled.div`\r\n\tfont-family: ${props => props.theme.fonts.secondary};\r\n\tfont-weight: 400;\r\n\tfont-size: 13px;\r\n\tcolor: ${props => props.theme.colors.bodyText};\r\n\tline-height: 12px;\r\n`;\r\n\r\nconst ToggleIconWrapper = styled.span<StyledProps>`\r\n\tjustify-self: flex-end;\r\n\tmargin-left: auto;\r\n\tmargin-right: 10px;\r\n\twidth: 26px;\r\n\theight: 26px;\r\n\ttext-align: center;\r\n\tcursor: pointer;\r\n\r\n\tsvg {\r\n\t\twidth: 20px;\r\n\t\tpath {\r\n\t\t\tfill: ${props =>\r\n\t\t\t\tprops.disabled\r\n\t\t\t\t\t? props.theme.colors.inputDisabledText\r\n\t\t\t\t\t: props.selected\r\n\t\t\t\t\t? props.theme.colors.brandPrimary\r\n\t\t\t\t\t: props.theme.colors.buttonPrimary};\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nconst FilterItemList = styled.ul`\r\n\tmargin: 6px 0 18px;\r\n\tpadding: 0 20px 0 24px;\r\n\tlist-style: none;\r\n\r\n\tli + li {\r\n\t\tmargin-top: 6px;\r\n\t}\r\n`;\r\n\r\nconst FilterItem = styled.li<StyledProps>`\r\n\t& > .form-field label {\r\n\t\tfont-size: 15px;\r\n\t\tcolor: ${props => (props.disabled ? props.theme.colors.inputDisabledText : props.theme.colors.bodyText)};\r\n\t\tfont-weight: ${props => (props.disabled ? 400 : props.selected ? 600 : 400)};\r\n\t}\r\n\r\n\tul {\r\n\t\tpadding: 0 0 0 30px;\r\n\t\tmargin-bottom: 6px;\r\n\t}\r\n\r\n\t.filter-count {\r\n\t\tfloat: right;\r\n\t\tfont-size: 15px;\r\n\t\tline-height: 24px;\r\n\t\tmargin-left: 6px;\r\n\t}\r\n`;\r\n\r\ninterface ProductGroupFilterProps extends StyledProps {\r\n\ticon?: React.ReactElement<IconWrapperProps & React.SVGAttributes<SVGElement>>;\r\n\ttitle: string;\r\n\tcount: number;\r\n\titems: SearchFilterItem[];\r\n\tfilterCount: NumberMap;\r\n\tselectedFilters: NameAndValue[];\r\n\tfilterName: string;\r\n\tfilterValue: string;\r\n\tisResultsLoading?: boolean;\r\n\tonFilterClick: (filterName: string, filterValue: string, selected: boolean, items: SearchFilterItem[]) => void;\r\n\tonFilterOpen: () => void;\r\n}\r\n\r\ntype Props = ProductGroupFilterProps & React.HTMLAttributes<HTMLDivElement>;\r\n\r\ninterface ProductGroupFilterState {\r\n\tisOpen: boolean;\r\n}\r\n\r\nclass ProductGroupFilter extends React.Component<Props, ProductGroupFilterState> {\r\n\tpublic filterRef: React.RefObject<any>;\r\n\r\n\tconstructor(props: Props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tisOpen: false,\r\n\t\t};\r\n\r\n\t\tthis.filterRef = React.createRef();\r\n\t}\r\n\r\n\tpublic componentDidUpdate(prevProps: ProductGroupFilterProps, prevState: ProductGroupFilterState) {\r\n\t\tif (prevState.isOpen !== this.state.isOpen) {\r\n\t\t\tthis.props.onFilterOpen();\r\n\t\t\tif (this.state.isOpen) {\r\n\t\t\t\tthis.filterRef.current.scrollIntoView({ behavior: 'smooth' });\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tconst { selected, disabled, icon, title, count, items, onFilterClick, onFilterOpen, ...rest } = this.props;\r\n\t\tconst { isOpen } = this.state;\r\n\t\treturn (\r\n\t\t\t<StyledProductGroupFilter selected={selected} disabled={disabled} {...rest} ref={this.filterRef}>\r\n\t\t\t\t<ProductGroupFilterHeader onClick={this.onFilterClick}>\r\n\t\t\t\t\t<FilterIconWrapper>{icon}</FilterIconWrapper>\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t<FilterTitleWrapper>\r\n\t\t\t\t\t\t\t{title}\r\n\t\t\t\t\t\t\t<FilterCount className=\"filter-title-count\">{count}</FilterCount>\r\n\t\t\t\t\t\t</FilterTitleWrapper>\r\n\t\t\t\t\t\t{!isOpen && this.renderSelectedChildFilters()}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t{items.length > 0 && (\r\n\t\t\t\t\t\t<ToggleIconWrapper selected={selected} disabled={disabled} onClick={this.onToggleChildFilters}>\r\n\t\t\t\t\t\t\t{!isOpen && <ArrowDownIcon className=\"filter-toggle\" />}\r\n\t\t\t\t\t\t\t{isOpen && <ArrowUpIcon className=\"filter-toggle\" />}\r\n\t\t\t\t\t\t</ToggleIconWrapper>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</ProductGroupFilterHeader>\r\n\t\t\t\t{isOpen && items.length > 0 && this.renderFilterItems(items)}\r\n\t\t\t</StyledProductGroupFilter>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate renderSelectedChildFilters() {\r\n\t\tconst { items, selectedFilters } = this.props;\r\n\t\tconst selectedChildren = getSelectedItems(items, selectedFilters);\r\n\r\n\t\tif (selectedChildren.length === 0) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\r\n\t\tconst selectedChildTitles = selectedChildren.map(c => c.title);\r\n\r\n\t\treturn (\r\n\t\t\t<SelectedChildFilterValue>\r\n\t\t\t\t<Truncate value={selectedChildTitles.join(', ')} truncateAt={SELECTED_VALUE_TRUNCATED_LENGTH} />\r\n\t\t\t</SelectedChildFilterValue>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate renderFilterItems(filterItems: SearchFilterItem[]): JSX.Element {\r\n\t\treturn <FilterItemList>{filterItems.map(item => this.renderFilterItem(item))}</FilterItemList>;\r\n\t}\r\n\r\n\tprivate renderFilterItem(item: SearchFilterItem): JSX.Element {\r\n\t\tconst { selectedFilters, filterCount, onFilterClick, isResultsLoading } = this.props;\r\n\t\tconst { name, value, items } = item;\r\n\t\tconst selected = isFilterSelected(item, selectedFilters);\r\n\t\tconst count = filterCount[value];\r\n\t\tconst disabled = count === undefined || count === 0 || isResultsLoading;\r\n\r\n\t\tlet childItems;\r\n\r\n\t\tif (selected && items.length > 0) {\r\n\t\t\tchildItems = this.renderFilterItems(items);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<FilterItem key={`${name}-${value}`} selected={selected} disabled={disabled}>\r\n\t\t\t\t<ProductGroupFilterItem\r\n\t\t\t\t\t{...item}\r\n\t\t\t\t\tselected={selected}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\tcount={count}\r\n\t\t\t\t\tonFilterClick={onFilterClick}\r\n\t\t\t\t/>\r\n\t\t\t\t{childItems}\r\n\t\t\t</FilterItem>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate onFilterClick = () => {\r\n\t\tconst { filterName, filterValue, selected, disabled, onFilterClick, items } = this.props;\r\n\r\n\t\tif (!disabled) {\r\n\t\t\tonFilterClick(filterName, filterValue, !selected, items);\r\n\t\t\tthis.setState({ isOpen: !selected });\r\n\t\t}\r\n\t};\r\n\r\n\tprivate onToggleChildFilters = (event: React.MouseEvent<HTMLSpanElement>) => {\r\n\t\tevent.stopPropagation();\r\n\t\tconst { isOpen } = this.state;\r\n\t\tconst { selected, disabled, items, filterName, filterValue, onFilterClick } = this.props;\r\n\t\tif (!disabled && !selected && !isOpen) {\r\n\t\t\tonFilterClick(filterName, filterValue, !selected, items);\r\n\t\t} else if (selected && isOpen) {\r\n\t\t\tonFilterClick(filterName, filterValue, false, items);\r\n\t\t}\r\n\t\tthis.setState({ isOpen: !this.state.isOpen });\r\n\t};\r\n}\r\n\r\nexport default ProductGroupFilter;\r\n","import * as React from 'react';\r\nimport ProductGroupFilter from './ProductGroupFilter';\r\nimport { SearchFilterItem } from '../../interfaces';\r\nimport { NumberMap, NameAndValue } from 'common/interfaces/common';\r\nimport MilkIcon from 'styleguide/components/Icons/AspectGroupIcons/MilkIcon/MilkIcon';\r\nimport CreamIcon from 'styleguide/components/Icons/AspectGroupIcons/CreamIcon/CreamIcon';\r\nimport YogurtIcon from 'styleguide/components/Icons/AspectGroupIcons/YogurtIcon/YogurtIcon';\r\nimport CheeseIcon from 'styleguide/components/Icons/AspectGroupIcons/CheeseIcon/CheeseIcon';\r\nimport ButterIcon from 'styleguide/components/Icons/AspectGroupIcons/ButterIcon/ButterIcon';\r\nimport CurdIcon from 'styleguide/components/Icons/AspectGroupIcons/CurdIcon/CurdIcon';\r\nimport SouredWholeMilkIcon from 'styleguide/components/Icons/AspectGroupIcons/SouredWholeMilkIcon/SouredWholeMilkIcon';\r\nimport ButterMilkIcon from 'styleguide/components/Icons/AspectGroupIcons/ButterMilkIcon/ButterMilkIcon';\r\nimport JuiceIcon from 'styleguide/components/Icons/AspectGroupIcons/JuiceIcon/JuiceIcon';\r\nimport IceCreamIcon from 'styleguide/components/Icons/AspectGroupIcons/IceCreamIcon/IceCreamIcon';\r\nimport SoupIcon from 'styleguide/components/Icons/AspectGroupIcons/SoupIcon/SoupIcon';\r\nimport PuddingIcon from 'styleguide/components/Icons/AspectGroupIcons/PuddingIcon/PuddingIcon';\r\nimport VegeIcon from 'styleguide/components/Icons/AspectGroupIcons/VegeIcon/VegeIcon';\r\nimport MifuIcon from 'styleguide/components/Icons/AspectGroupIcons/MifuIcon/MifuIcon';\r\nimport PowderIcon from 'styleguide/components/Icons/AspectGroupIcons/PowderIcon/PowderIcon';\r\nimport ForKidsIcon from 'styleguide/components/Icons/AspectGroupIcons/ForKidsIcon/ForKidsIcon';\r\nimport RecipeIcon from 'styleguide/components/Icons/AspectGroupIcons/RecipeIcon/RecipeIcon';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport { chunk } from 'utils/array';\r\nimport { isFilterSelected } from '../../utils';\r\n\r\nconst FILTER_ICON_MAP = {\r\n\tmilk: <MilkIcon />,\r\n\tcream: <CreamIcon />,\r\n\tyogurt: <YogurtIcon />,\r\n\tcheese: <CheeseIcon />,\r\n\tbutter: <ButterIcon />,\r\n\tcurd: <CurdIcon />,\r\n\tsouredWholeMilk: <SouredWholeMilkIcon />,\r\n\tbutterMilk: <ButterMilkIcon />,\r\n\tjuice: <JuiceIcon />,\r\n\ticeCream: <IceCreamIcon />,\r\n\tsoup: <SoupIcon />,\r\n\tpudding: <PuddingIcon />,\r\n\tvege: <VegeIcon />,\r\n\tmifu: <MifuIcon />,\r\n\tpowder: <PowderIcon />,\r\n\tforKids: <ForKidsIcon />,\r\n\trecipe: <RecipeIcon />,\r\n};\r\n\r\nconst FILTER_OVERFLOW_PADDING = 30;\r\n\r\nconst FiltersContainer = styled.div`\r\n\t${media.desktop`\r\n\t\tdisplay: flex;\r\n\t\tmax-height: 500px;\r\n\t\toverflow: auto;\r\n\t\tpadding: 0 30px;\r\n\t\tposition: relative;\r\n\t`};\r\n`;\r\n\r\nconst FilterShadow = styled.div`\r\n\tdisplay: none;\r\n\r\n\t${media.desktop`\r\n\t\tdisplay: block;\r\n\t\theight: 10px;\r\n  \tbackground-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));\r\n\t\tposition: absolute;\r\n    width: 100%;\r\n    left: 0;\r\n    bottom: 110px;\r\n\t`};\r\n`;\r\n\r\nconst FilterGroup = styled.div`\r\n\t${media.desktop`\r\n\t\twidth: 33.33%;\r\n\t`};\r\n\r\n\t& + & {\r\n\t\tmargin-top: 6px;\r\n\r\n\t\t${media.desktop`\r\n\t\t\tmargin-top: 0;\r\n\t\t\tmargin-left: 6px;\r\n\t\t`};\r\n\t}\r\n\r\n\t.product-group-filter + .product-group-filter {\r\n\t\tmargin-top: 6px;\r\n\t}\r\n`;\r\n\r\nconst FilterGroupContainer = styled.div<ProductGroupFilterDialogState>`\r\n\tpadding-bottom: ${props => (props.hasContainerOverFlow ? `${FILTER_OVERFLOW_PADDING}px` : '0')};\r\n`;\r\n\r\ninterface ProductGroupFilterDialogProps {\r\n\tfilterItems: SearchFilterItem[];\r\n\tfilterCount: NumberMap;\r\n\tselectedFilters: NameAndValue[];\r\n\tisResultsLoading?: boolean;\r\n\tonFilterClick: (filterName: string, filterValue: string, selected: boolean, items: SearchFilterItem[]) => void;\r\n\tonRadioFilterClick: (filterName: string, filterValue: string, selected: boolean, items: SearchFilterItem[]) => void;\r\n}\r\n\r\ninterface ProductGroupFilterDialogState {\r\n\thasContainerOverFlow: boolean;\r\n}\r\n\r\nclass ProductGroupFilterDialog extends React.Component<ProductGroupFilterDialogProps, ProductGroupFilterDialogState> {\r\n\tpublic containerRef: React.RefObject<any>;\r\n\r\n\tconstructor(props: ProductGroupFilterDialogProps) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\thasContainerOverFlow: false,\r\n\t\t};\r\n\r\n\t\tthis.containerRef = React.createRef();\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tconst { filterItems, filterCount, selectedFilters, isResultsLoading, onFilterClick } = this.props;\r\n\t\tconst { hasContainerOverFlow } = this.state;\r\n\r\n\t\tconst filterGroups = chunk(filterItems, 3);\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t<FiltersContainer ref={this.containerRef}>\r\n\t\t\t\t\t{filterGroups.map((groupedFilterItems, index) => (\r\n\t\t\t\t\t\t<FilterGroup key={`groupedFilterItems-${index}`}>\r\n\t\t\t\t\t\t\t<FilterGroupContainer hasContainerOverFlow={hasContainerOverFlow}>\r\n\t\t\t\t\t\t\t\t{groupedFilterItems.map(groupedFilterItem => {\r\n\t\t\t\t\t\t\t\t\tconst { title, name, value, icon, items } = groupedFilterItem;\r\n\t\t\t\t\t\t\t\t\tconst count = filterCount[value] || 0;\r\n\t\t\t\t\t\t\t\t\tconst selected = isFilterSelected(groupedFilterItem, selectedFilters);\r\n\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<ProductGroupFilter\r\n\t\t\t\t\t\t\t\t\t\t\tkey={value}\r\n\t\t\t\t\t\t\t\t\t\t\tfilterName={name}\r\n\t\t\t\t\t\t\t\t\t\t\tfilterValue={value}\r\n\t\t\t\t\t\t\t\t\t\t\ttitle={title}\r\n\t\t\t\t\t\t\t\t\t\t\tcount={count}\r\n\t\t\t\t\t\t\t\t\t\t\titems={items}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"product-group-filter\"\r\n\t\t\t\t\t\t\t\t\t\t\tfilterCount={filterCount}\r\n\t\t\t\t\t\t\t\t\t\t\tselectedFilters={selectedFilters}\r\n\t\t\t\t\t\t\t\t\t\t\ticon={icon && FILTER_ICON_MAP[icon]}\r\n\t\t\t\t\t\t\t\t\t\t\tselected={selected}\r\n\t\t\t\t\t\t\t\t\t\t\tdisabled={count === 0 || (!selected && !!isResultsLoading)}\r\n\t\t\t\t\t\t\t\t\t\t\tisResultsLoading={isResultsLoading}\r\n\t\t\t\t\t\t\t\t\t\t\tonFilterClick={onFilterClick}\r\n\t\t\t\t\t\t\t\t\t\t\tonFilterOpen={this.setFilterShadowVisibility}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t</FilterGroupContainer>\r\n\t\t\t\t\t\t</FilterGroup>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</FiltersContainer>\r\n\t\t\t\t{hasContainerOverFlow && <FilterShadow />}\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate setFilterShadowVisibility = () => {\r\n\t\tconst container = this.containerRef.current;\r\n\t\tif (container) {\r\n\t\t\tthis.setState({\r\n\t\t\t\thasContainerOverFlow: container.scrollHeight - FILTER_OVERFLOW_PADDING > container.offsetHeight,\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n}\r\n\r\nexport default ProductGroupFilterDialog;\r\n","import * as React from 'react';\r\nimport { connect, MapStateToProps } from 'react-redux';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport { NameAndValue, NumberMap } from 'common/interfaces/common';\r\nimport { SearchFilterItem } from '../../interfaces';\r\nimport { Icon } from 'utils/import';\r\nimport { getSettingValue } from 'common/components/App/services';\r\nimport { State } from 'common/reducers';\r\nimport { useIntl } from 'react-intl';\r\n\r\nconst BrandGridWrapper = styled.div`\r\n\tdisplay: flex;\r\n\tflex-flow: row wrap;\r\n\tjustify-content: flex-start;\r\n\talign-items: stretch;\r\n\tbackground-color: ${props => props.theme.colors.contentSectionHiglighted};\r\n\tmargin: 0 1px 1px;\r\n`;\r\n\r\nconst BrandButtonWrapper = styled.div`\r\n\tflex: 0 0 50%;\r\n\twidth: 50%;\r\n\theight: 100px;\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\ttext-align: center;\r\n\tborder-color: ${props => props.theme.colors.white};\r\n\tborder-style: solid;\r\n\tborder-width: 0px 1px 1px 0px;\r\n\r\n\t${media.phone560`\r\n    flex: 0 0 33.3333%;\r\n    width: 33.3333%;\r\n  `};\r\n\r\n\t${media.desktop`\r\n    flex: 0 0 143px;\r\n    width: 143px;\r\n  `};\r\n`;\r\n\r\nconst BrandButton = styled.button<{ selected: boolean }>`\r\n\tcursor: pointer;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tborder-width: 1px;\r\n\tborder-style: solid;\r\n\tpadding: 1px;\r\n\tbackground: ${props => (props.selected ? props.theme.colors.selectedItemBackground : 'transparent')};\r\n\tborder-color: ${props => (props.selected ? props.theme.colors.selectedItem : 'transparent')};\r\n\r\n\t&:hover {\r\n\t\tcursor: pointer;\r\n\t\tcolor: ${props => props.theme.colors.brandPrimary};\r\n\t\tbackground: ${props => props.theme.colors.selectedItemBackground};\r\n\t\tborder-color: ${props => props.theme.colors.selectedItem};\r\n\t}\r\n\r\n\t&:active,\r\n\t&:focus {\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t> img:not(.brand-image) {\r\n\t\tmax-width: 65px;\r\n\t\tmax-height: 45px;\r\n\t\tposition: absolute;\r\n\t\ttop: 40%;\r\n\t\ttransform: translate(-50%, -50%);\r\n\t\tleft: 50%;\r\n\t}\r\n\r\n\t&:disabled {\r\n\t\tbackground: ${props => props.theme.colors.inputDisabledBackground};\r\n\t\tborder: 1px solid ${props => props.theme.colors.border};\r\n\t\tcolor: ${props => props.theme.colors.inputDisabledText};\r\n\t\tcursor: default;\r\n\r\n\t\t> img {\r\n\t\t\tfilter: url(\"data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg'&gt;&lt;filter id='grayscale'&gt;&lt;feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale\");\r\n\t\t\tfilter: gray;\r\n\t\t\t-webkit-filter: grayscale(100%);\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nconst BrandImage = styled.img`\r\n\tmax-width: 110px;\r\n\tmax-height: 45px;\r\n\tposition: absolute;\r\n\ttop: 40%;\r\n\ttransform: translate(-50%, -50%);\r\n\tleft: 50%;\r\n`;\r\n\r\nconst CountWrapper = styled.div`\r\n\tfont-size: 12px;\r\n\tfont-family: ${props => props.theme.fonts.secondary};\r\n\tcolor: ${props => props.theme.colors.bodyText};\r\n\tposition: absolute;\r\n\tbottom: 15px;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n`;\r\n\r\ninterface BrandBlockProps {\r\n\tfilterCount: NumberMap;\r\n\tselectedFilters: NameAndValue[];\r\n\tonBrandClick: (filterName: string, filterValue: string, selected: boolean) => void;\r\n}\r\n\r\ninterface BrandFilterDialogStateProps {\r\n\tbrandParameterName: string;\r\n}\r\n\r\nexport interface BrandFilterDialogProps extends BrandBlockProps {\r\n\tbrands: SearchFilterItem[];\r\n}\r\n\r\ntype Props = BrandFilterDialogProps & BrandFilterDialogStateProps;\r\n\r\nconst BrandFilterDialog: React.FunctionComponent<Props> = ({ brands, ...rest }) => {\r\n\treturn <BrandGridWrapper>{brands.map(brand => renderBrandBlock({ brand, ...rest }))}</BrandGridWrapper>;\r\n};\r\n\r\nconst renderBrandBlock: React.FunctionComponent<BrandBlockProps &\r\n\tBrandFilterDialogStateProps & { brand: SearchFilterItem }> = ({\r\n\tbrand,\r\n\tonBrandClick,\r\n\tfilterCount,\r\n\tselectedFilters,\r\n\tbrandParameterName,\r\n}) => {\r\n\tconst onItemClick = (filterValue: string) => {\r\n\t\tonBrandClick(\r\n\t\t\tbrandParameterName,\r\n\t\t\tfilterValue,\r\n\t\t\t!selectedFilters.some(sf => sf.name === brandParameterName && sf.value === filterValue)\r\n\t\t);\r\n\t};\r\n\r\n\tconst highlightIcon = <Icon iconName={brand.icon} />;\r\n\tconst intl = useIntl();\r\n\treturn (\r\n\t\t<BrandButtonWrapper key={`${brand.name}=${brand.value}`}>\r\n\t\t\t<BrandButton\r\n\t\t\t\tonClick={onItemClick.bind(null, brand.value)}\r\n\t\t\t\tdisabled={!filterCount[brand.value]}\r\n\t\t\t\tselected={selectedFilters.some(sf => sf.name === brandParameterName && sf.value === brand.value)}>\r\n\t\t\t\t{highlightIcon ? (\r\n\t\t\t\t\thighlightIcon\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<BrandImage className=\"brand-image\" src={`${brand.imageUrl}/125x70-brand-thumbnail`} alt={brand.value} />\r\n\t\t\t\t)}\r\n\t\t\t\t<CountWrapper>\r\n\t\t\t\t\t{filterCount[brand.value] || 0} {intl.formatMessage({ id: 'search_results_product_plural' })}\r\n\t\t\t\t</CountWrapper>\r\n\t\t\t</BrandButton>\r\n\t\t</BrandButtonWrapper>\r\n\t);\r\n};\r\n\r\nconst mapStateToProps: MapStateToProps<BrandFilterDialogStateProps, {}, State> = (state: State) => {\r\n\treturn {\r\n\t\tbrandParameterName: getSettingValue(state, 'ProductSearch', 'BrandParameter') ?? 'brandi',\r\n\t};\r\n};\r\n\r\nexport default connect(mapStateToProps)(BrandFilterDialog);\r\n","import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport SmallHeader from 'styleguide/components/Typography/SmallHeader/SmallHeader';\r\nimport Pill from 'styleguide/components/Selection/Pill/Pill';\r\nimport { mediaBreakpoints, media } from 'styleguide/helpers/media';\r\nimport { NameAndValue, NumberMap } from 'common/interfaces/common';\r\nimport { SearchFilterItem } from '../../interfaces';\r\nimport { IngredientSelectorField } from 'common/components/Applets/ProductFeatureBrowser/components/IngredientSelectors';\r\nimport { useIntl } from 'react-intl';\r\n\r\nconst SectionWrapper = styled.div`\r\n\t${media.desktop`\r\n\t\tdisplay: flex;\r\n\t\tmargin: ${({ theme }) => theme.grid.gutterInPx(-1)};\r\n\t`};\r\n`;\r\n\r\nconst ColumnWrapper = styled.div`\r\n\twidth: 100%;\r\n\tpadding: 0 15px;\r\n\tmargin: 10px auto 20px;\r\n\r\n\t@media (max-width: ${mediaBreakpoints.phone560}px) {\r\n\t\tdiv[class^='FieldWrapper'] {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\tdiv[class^='PillWrapper'] {\r\n\t\t\tmargin-left: 0;\r\n\t\t}\r\n\r\n\t\tlabel {\r\n\t\t\twidth: 100%;\r\n\t\t\tdisplay: block;\r\n\t\t\tfont-size: 16px;\r\n\t\t}\r\n\t}\r\n\r\n\t${media.desktop`\r\n\t\tpadding: 0;\r\n\t\tmargin: ${({ theme }) => theme.grid.gutterInPx()};\r\n\t`};\r\n\r\n\t.form-field {\r\n\t\tmargin-top: ${({ theme }) => theme.grid.gutterInPx(2)};\r\n\t}\r\n`;\r\n\r\nconst IngredientSelectionWrapper = styled.div``;\r\n\r\nconst PillWrapper = styled.div`\r\n\tmargin: ${({ theme }) => theme.grid.gutterInPx(-0.5)};\r\n\tpadding: ${({ theme }) => theme.grid.gutterInPx(2)} 0;\r\n\r\n\t> .selected-filter {\r\n\t\tmargin: ${({ theme }) => theme.grid.gutterInPx(0.5)};\r\n\t}\r\n`;\r\n\r\nexport interface AllergenicFilterDialogProps {\r\n\tallergenics: SearchFilterItem[];\r\n\tallergenicsTitle: string;\r\n\tingredients: SearchFilterItem[];\r\n\tingredientsTitle: string;\r\n\tselectedFilters: NameAndValue[];\r\n\tfilterCount: NumberMap;\r\n\tresultsCount: number;\r\n\tonItemSelect: (filterName: string, filterValue: string, selected: boolean) => void;\r\n}\r\n\r\nconst AllergenicContainsName = 'yliherkkyys-sisaltaa';\r\nconst DoesntContainAllergenicName = 'yliherkkyys-eisisalla';\r\n\r\nconst OtherIngredientsContainsName = 'muut-sisaltaa';\r\nconst DoesntContainOtherIngredientsContainsName = 'muut-eisisalla';\r\n\r\nconst AllergenicFilterDialog: React.FC<AllergenicFilterDialogProps> = ({\r\n\tallergenics,\r\n\tselectedFilters,\r\n\tonItemSelect,\r\n\tallergenicsTitle,\r\n\tfilterCount,\r\n\tingredients,\r\n\tingredientsTitle,\r\n\tresultsCount,\r\n}) => {\r\n\tconst intl = useIntl();\r\n\r\n\tconst getGroupItems = (groups: SearchFilterItem[], itemsName: string) => {\r\n\t\tconst selection = groups.find(g => g.name === itemsName);\r\n\t\treturn selection ? selection.items : null;\r\n\t};\r\n\r\n\tconst findSelectedFilters = (groups: SearchFilterItem[], itemsName: string) => {\r\n\t\tconst items = getGroupItems(groups, itemsName);\r\n\t\tif (!items) {\r\n\t\t\treturn [];\r\n\t\t}\r\n\t\treturn selectedFilters\r\n\t\t\t.filter(sf => sf.name === itemsName && items.some(i => i.value === sf.value))\r\n\t\t\t.map(sf => ({\r\n\t\t\t\tname: sf.name,\r\n\t\t\t\tvalue: sf.value,\r\n\t\t\t\ttitle: (items.find(i => i.value === sf.value) as SearchFilterItem).title,\r\n\t\t\t}));\r\n\t};\r\n\r\n\tconst onOptionSelect = (value: string, filter: string) => {\r\n\t\tonItemSelect(filter, value, !selectedFilters.some(sf => sf.name === filter && sf.value === value));\r\n\t};\r\n\r\n\tconst mapItemsAndCount = (filters: SearchFilterItem[], filterName: string, isInclude: boolean) => {\r\n\t\tconst filter = filters.find(a => a.name === filterName) as SearchFilterItem;\r\n\r\n\t\treturn filter.items.map(f => ({\r\n\t\t\ttitle: f.title,\r\n\t\t\tslug: f.value,\r\n\t\t\tcount: isInclude ? filterCount[f.value] || 0 : resultsCount - (filterCount[f.value] || 0),\r\n\t\t}));\r\n\t};\r\n\r\n\tconst renderSelectedFilters = (groups: SearchFilterItem[], itemsName: string) => {\r\n\t\tconst onRemove = (value: string) => onOptionSelect(value, itemsName);\r\n\t\treturn findSelectedFilters(groups, itemsName).map(sf => (\r\n\t\t\t<Pill key={`${sf.name} ${sf.value}`} className=\"selected-filter\" removeId={sf.value} onRemove={onRemove}>\r\n\t\t\t\t{sf.title}\r\n\t\t\t</Pill>\r\n\t\t));\r\n\t};\r\n\r\n\treturn (\r\n\t\t<SectionWrapper>\r\n\t\t\t<ColumnWrapper>\r\n\t\t\t\t<SmallHeader>{allergenicsTitle}</SmallHeader>\r\n\t\t\t\t<IngredientSelectionWrapper>\r\n\t\t\t\t\t<IngredientSelectorField\r\n\t\t\t\t\t\tlabel={intl.formatMessage({ id: 'product_contains' })}\r\n\t\t\t\t\t\tfilter={AllergenicContainsName}\r\n\t\t\t\t\t\tselection={mapItemsAndCount(allergenics, AllergenicContainsName, true)}\r\n\t\t\t\t\t\tonIngredientSelect={onOptionSelect}\r\n\t\t\t\t\t\tdisableZeroCounts={true}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</IngredientSelectionWrapper>\r\n\t\t\t\t<PillWrapper>{renderSelectedFilters(allergenics, AllergenicContainsName)}</PillWrapper>\r\n\t\t\t\t<IngredientSelectionWrapper>\r\n\t\t\t\t\t<IngredientSelectorField\r\n\t\t\t\t\t\tlabel={intl.formatMessage({ id: 'product_does_not_contain' })}\r\n\t\t\t\t\t\tfilter={DoesntContainAllergenicName}\r\n\t\t\t\t\t\tselection={mapItemsAndCount(allergenics, DoesntContainAllergenicName, false)}\r\n\t\t\t\t\t\tonIngredientSelect={onOptionSelect}\r\n\t\t\t\t\t\tdisableZeroCounts={true}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</IngredientSelectionWrapper>\r\n\t\t\t\t<PillWrapper>{renderSelectedFilters(allergenics, DoesntContainAllergenicName)}</PillWrapper>\r\n\t\t\t</ColumnWrapper>\r\n\t\t\t<ColumnWrapper>\r\n\t\t\t\t<SmallHeader>{ingredientsTitle}</SmallHeader>\r\n\t\t\t\t<IngredientSelectionWrapper>\r\n\t\t\t\t\t<IngredientSelectorField\r\n\t\t\t\t\t\tlabel={intl.formatMessage({ id: 'product_contains' })}\r\n\t\t\t\t\t\tfilter={OtherIngredientsContainsName}\r\n\t\t\t\t\t\tselection={mapItemsAndCount(ingredients, OtherIngredientsContainsName, true)}\r\n\t\t\t\t\t\tonIngredientSelect={onOptionSelect}\r\n\t\t\t\t\t\tdisableZeroCounts={true}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</IngredientSelectionWrapper>\r\n\t\t\t\t<PillWrapper>{renderSelectedFilters(ingredients, OtherIngredientsContainsName)}</PillWrapper>\r\n\t\t\t\t<IngredientSelectionWrapper>\r\n\t\t\t\t\t<IngredientSelectorField\r\n\t\t\t\t\t\tlabel={intl.formatMessage({ id: 'product_does_not_contain' })}\r\n\t\t\t\t\t\tfilter={DoesntContainOtherIngredientsContainsName}\r\n\t\t\t\t\t\tselection={mapItemsAndCount(ingredients, DoesntContainOtherIngredientsContainsName, false)}\r\n\t\t\t\t\t\tonIngredientSelect={onOptionSelect}\r\n\t\t\t\t\t\tdisableZeroCounts={true}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</IngredientSelectionWrapper>\r\n\t\t\t\t<PillWrapper>{renderSelectedFilters(ingredients, DoesntContainOtherIngredientsContainsName)}</PillWrapper>\r\n\t\t\t</ColumnWrapper>\r\n\t\t</SectionWrapper>\r\n\t);\r\n};\r\n\r\nexport default AllergenicFilterDialog;\r\n","import * as React from 'react';\r\nimport IconFilter from './IconFilter';\r\nimport styled from 'styled-components';\r\nimport { NameAndValue } from 'common/interfaces/common';\r\nimport { SearchFilterItem } from 'pagetypes/Search/interfaces';\r\nimport { Icon } from 'utils/import';\r\n\r\nconst IconFilterGrid = styled.div`\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\talign-items: stretch;\r\n\tmargin: 0 -6px;\r\n\r\n\t.icon-filter {\r\n\t\tflex: 1 1 159px;\r\n\t\tmargin: 0 6px;\r\n\r\n\t\t> img {\r\n\t\t\tmargin: 25px 0;\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport interface PackageFilterDialogProps {\r\n\toptions: SearchFilterItem[];\r\n\tselectedFilters: NameAndValue[];\r\n\tonFilterClick: (filterName: string, filterValue: string, selected: boolean) => void;\r\n}\r\n\r\nconst PackageFilterDialog: React.FC<PackageFilterDialogProps> = ({ options, selectedFilters, onFilterClick }) => {\r\n\tconst onClick = (filterName: string, filterValue: string, selected: boolean) => {\r\n\t\tonFilterClick(filterName, filterValue, selected);\r\n\t};\r\n\treturn (\r\n\t\t<IconFilterGrid>\r\n\t\t\t{options.map((o, i) => (\r\n\t\t\t\t<IconFilter\r\n\t\t\t\t\tkey={i}\r\n\t\t\t\t\tfilterName={o.slug!}\r\n\t\t\t\t\tfilterValue={o.value}\r\n\t\t\t\t\ttitle={o.title}\r\n\t\t\t\t\ticon={<Icon iconName={o.icon} />}\r\n\t\t\t\t\tonFilterClick={onClick}\r\n\t\t\t\t\tselected={selectedFilters.some(sf => sf.name === o.slug && sf.value === o.value)}\r\n\t\t\t\t/>\r\n\t\t\t))}\r\n\t\t</IconFilterGrid>\r\n\t);\r\n};\r\n\r\nexport default PackageFilterDialog;\r\n","import * as React from 'react';\r\nimport Toggle from 'styleguide/components/Inputs/Toggle/Toggle';\r\nimport ProductGroupFilterDialog from './filters/ProductGroupFilterDialog';\r\nimport { SearchFilterSection, SearchFilterItem } from '../interfaces';\r\nimport { NumberMap, NameAndValue } from 'common/interfaces/common';\r\nimport SearchFilter from './SearchFilter';\r\nimport BrandFilterDialog from './filters/BrandFilterDialog';\r\nimport { SearchFiltersContainer } from 'common/components/Search';\r\nimport SimpleFilterDialog from './filters/SimpleFilterDialog';\r\nimport AllergenicFilterDialog from './filters/AllergenicFilterDialog';\r\nimport PackageFilterDialog from './filters/PackageFilterDialog';\r\nimport { useIntl } from 'react-intl';\r\nimport { toggleMedia } from 'common/components/Media';\r\nimport styled from 'styled-components';\r\nimport DietLactoseFreeIcon from 'styleguide/components/Icons/AspectGroupIcons/DietLactoseFreeIcon/DietLactoseFreeIcon';\r\nimport DietGlutenFreeIcon from 'styleguide/components/Icons/AspectGroupIcons/DietGlutenFreeIcon/DietGlutenFreeIcon';\r\nimport VegeIcon from 'styleguide/components/Icons/AspectGroupIcons/VegeIcon/VegeIcon';\r\nimport SugarIcon from 'styleguide/components/Icons/AspectGroupIcons/SugarIcon/SugarIcon';\r\n\r\nconst FILTER_ICON_MAP = {\r\n\tdietLactoseFree: <DietLactoseFreeIcon />,\r\n\tdietGlutenFree: <DietGlutenFreeIcon />,\r\n\tdietVegan: <VegeIcon />,\r\n\tdietLessSugar: <SugarIcon />,\r\n};\r\n\r\nconst ResponsiveToggle = styled(Toggle)`\r\n\t${toggleMedia('flex', 'show', 'desktop')};\r\n`;\r\n\r\ninterface ProductSearchFiltersProps {\r\n\tfilters: SearchFilterSection[];\r\n\tfilterCount: NumberMap;\r\n\tresultsCount: number;\r\n\tselectedFilters: NameAndValue[];\r\n\tonFilterClick: (filterName: string, filterValue: string, selected: boolean, items?: SearchFilterItem[]) => void;\r\n\tonRadioFilterClick: (filterName: string, filterValue: string, selected: boolean) => void;\r\n\tisResultsLoading?: boolean;\r\n}\r\n\r\nconst ProductSearchFilters: React.FC<ProductSearchFiltersProps> = ({\r\n\tfilters,\r\n\tfilterCount,\r\n\tselectedFilters,\r\n\tonFilterClick,\r\n\tonRadioFilterClick,\r\n\tisResultsLoading,\r\n\tresultsCount,\r\n}) => {\r\n\tconst intl = useIntl();\r\n\r\n\tconst noveltyFilter = filters.find(f => f.type === 'Novelty');\r\n\tconst productGroupFilter = filters.find(f => f.type === 'ProductGroup');\r\n\tconst brandFilter = filters.find(f => f.type === 'Brand');\r\n\tconst allergenicFeatureFilter = filters.find(f => f.type === 'AllergenicFeature');\r\n\tconst ingredientsFilter = filters.find(f => f.type === 'Ingredient');\r\n\tconst nutrientFeatureFilter = filters.find(f => f.type === 'NutrientFeature');\r\n\tconst packageFeatureFilter = filters.find(f => f.type === 'PackageFeature');\r\n\r\n\tconst onNoveltyFilterClick = (isActive: boolean) => {\r\n\t\tnoveltyFilter && onFilterClick(noveltyFilter.slug!, noveltyFilter.value!, !isActive);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<SearchFiltersContainer>\r\n\t\t\t{noveltyFilter && (\r\n\t\t\t\t<ResponsiveToggle\r\n\t\t\t\t\tclassName=\"toggle-filter\"\r\n\t\t\t\t\tinitialState={selectedFilters.find(f => f.name === noveltyFilter.slug) !== undefined}\r\n\t\t\t\t\tonToggleClick={onNoveltyFilterClick}\r\n\t\t\t\t\tsize={'small'}>\r\n\t\t\t\t\t{noveltyFilter.title}\r\n\t\t\t\t</ResponsiveToggle>\r\n\t\t\t)}\r\n\t\t\t{productGroupFilter && (\r\n\t\t\t\t<SearchFilter\r\n\t\t\t\t\tkey={`${productGroupFilter.title}`}\r\n\t\t\t\t\tlabel={productGroupFilter.title}\r\n\t\t\t\t\tfilterType={productGroupFilter.type}\r\n\t\t\t\t\tmodalDesktopWidth=\"960px\">\r\n\t\t\t\t\t<ProductGroupFilterDialog\r\n\t\t\t\t\t\tkey={productGroupFilter.type}\r\n\t\t\t\t\t\tfilterItems={productGroupFilter.items!}\r\n\t\t\t\t\t\tfilterCount={filterCount}\r\n\t\t\t\t\t\tselectedFilters={selectedFilters}\r\n\t\t\t\t\t\tonFilterClick={onFilterClick}\r\n\t\t\t\t\t\tonRadioFilterClick={onRadioFilterClick}\r\n\t\t\t\t\t\tisResultsLoading={isResultsLoading}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</SearchFilter>\r\n\t\t\t)}\r\n\t\t\t{brandFilter && (\r\n\t\t\t\t<SearchFilter key={`${brandFilter.title}`} label={brandFilter.title} modalDesktopWidth=\"960px\">\r\n\t\t\t\t\t<BrandFilterDialog\r\n\t\t\t\t\t\tkey={brandFilter.type}\r\n\t\t\t\t\t\tbrands={brandFilter.items as SearchFilterItem[]}\r\n\t\t\t\t\t\tfilterCount={filterCount}\r\n\t\t\t\t\t\tonBrandClick={onFilterClick}\r\n\t\t\t\t\t\tselectedFilters={selectedFilters}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</SearchFilter>\r\n\t\t\t)}\r\n\t\t\t{nutrientFeatureFilter && (\r\n\t\t\t\t<SearchFilter\r\n\t\t\t\t\tkey={`${nutrientFeatureFilter.title}`}\r\n\t\t\t\t\tlabel={nutrientFeatureFilter.title}\r\n\t\t\t\t\tmodalDesktopWidth=\"960px\">\r\n\t\t\t\t\t<SimpleFilterDialog\r\n\t\t\t\t\t\tkey={nutrientFeatureFilter.type}\r\n\t\t\t\t\t\tfilterItems={nutrientFeatureFilter.items!}\r\n\t\t\t\t\t\tfilterCount={filterCount}\r\n\t\t\t\t\t\tfilterIconMap={FILTER_ICON_MAP}\r\n\t\t\t\t\t\tselectedFilters={selectedFilters}\r\n\t\t\t\t\t\tonFilterClick={onFilterClick}\r\n\t\t\t\t\t\tisResultsLoading={isResultsLoading}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</SearchFilter>\r\n\t\t\t)}\r\n\t\t\t{allergenicFeatureFilter && ingredientsFilter && (\r\n\t\t\t\t<SearchFilter\r\n\t\t\t\t\tkey={`${allergenicFeatureFilter.title}`}\r\n\t\t\t\t\tlabel={intl.formatMessage({ id: 'product_ingredients' })}\r\n\t\t\t\t\tmodalDesktopWidth=\"960px\">\r\n\t\t\t\t\t<AllergenicFilterDialog\r\n\t\t\t\t\t\tkey={allergenicFeatureFilter.type}\r\n\t\t\t\t\t\tallergenics={allergenicFeatureFilter.groups as SearchFilterItem[]}\r\n\t\t\t\t\t\tallergenicsTitle={allergenicFeatureFilter.title}\r\n\t\t\t\t\t\tingredients={ingredientsFilter.groups as SearchFilterItem[]}\r\n\t\t\t\t\t\tingredientsTitle={ingredientsFilter.title}\r\n\t\t\t\t\t\tfilterCount={filterCount}\r\n\t\t\t\t\t\tonItemSelect={onFilterClick}\r\n\t\t\t\t\t\tselectedFilters={selectedFilters}\r\n\t\t\t\t\t\tresultsCount={resultsCount}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</SearchFilter>\r\n\t\t\t)}\r\n\t\t\t{packageFeatureFilter && (\r\n\t\t\t\t<SearchFilter label={packageFeatureFilter.title} modalDesktopWidth=\"600px\">\r\n\t\t\t\t\t<PackageFilterDialog\r\n\t\t\t\t\t\tonFilterClick={onRadioFilterClick}\r\n\t\t\t\t\t\tselectedFilters={selectedFilters}\r\n\t\t\t\t\t\toptions={packageFeatureFilter.items!}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</SearchFilter>\r\n\t\t\t)}\r\n\t\t</SearchFiltersContainer>\r\n\t);\r\n};\r\n\r\nexport default ProductSearchFilters;\r\n","import * as React from 'react';\r\nimport { connect, MapStateToProps } from 'react-redux';\r\nimport { State } from 'common/reducers';\r\nimport { SearchState, SearchFilterItem } from '../interfaces';\r\nimport LoadingSpinner from 'common/components/Loading/LoadingSpinner';\r\nimport ProductSearchResults from './ProductSearchResults';\r\nimport { SearchFilterName, SearchType } from 'pagetypes/Search/types';\r\nimport ProductSearchFilters from './ProductSearchFilters';\r\nimport { searchActions } from '../reducers/search-actions';\r\nimport { SearchActions } from 'common/components/Search';\r\nimport { queryToFilters, getSelectedItems } from '../utils';\r\nimport { NameAndValue } from 'common/interfaces/common';\r\nimport { routingActions, RoutingState } from 'common/components/Routing/reducers';\r\nimport { addToSearch, removeFromSearch, removeKeyFromSearch, replaceToSearch } from 'utils/query-string';\r\nimport InfiniteScrollHelper from 'common/components/InfiniteScroll/InfiniteScrollHelper';\r\nimport { getSettingValue, getSiteUrlId } from 'common/components/App/services';\r\nimport { normalizeSearchUrl, renameQueryStringParameter } from '../searchApiHelper';\r\nimport { SEARCH_API_URL_SEARCH_QUERY, SEARCH_PRODUCTS_PAGE_SIZE } from '../constants';\r\nimport { clearHashString, getHashSearchPageOrDefault, setHashSearchPage } from '../../../utils/hash-string';\r\nimport { resumeScrollPositionFromHash, saveScrollPositionToHash } from '../../../utils/scroll';\r\n\r\ntype Props = {} & SearchProductsStateProps & SearchProductsDispatchProps;\r\n\r\nclass SearchProducts extends React.Component<Props> {\r\n\tprivate infiniteScroll: InfiniteScrollHelper;\r\n\tprivate initialPageCount = getHashSearchPageOrDefault();\r\n\tprivate currentPageNumber = getHashSearchPageOrDefault();\r\n\tprivate isComponentMounted = false;\r\n\tprivate hasResetScroll = false;\r\n\tprivate readonly pageSize = SEARCH_PRODUCTS_PAGE_SIZE;\r\n\r\n\tconstructor(props: Props) {\r\n\t\tsuper(props);\r\n\t\tthis.infiniteScroll = new InfiniteScrollHelper(this.initialPageCount);\r\n\t\tthis.infiniteScroll.subscribe(this.onInfiniteScroll.bind(this));\r\n\t}\r\n\r\n\tpublic componentDidMount() {\r\n\t\tconst { routingState } = this.props;\r\n\t\tthis.doSearchProducts(routingState.search || '');\r\n\t\tthis.isComponentMounted = true;\r\n\t}\r\n\r\n\tpublic componentWillUnmount() {\r\n\t\tthis.infiniteScroll.unsubscribeInfiniteScroll();\r\n\t}\r\n\r\n\tpublic componentDidUpdate(prevProps: Props) {\r\n\t\tthis.infiniteScroll.unlockInfiniteScroll(prevProps.search.products, this.props.search.products);\r\n\r\n\t\tif (prevProps.routingState.search !== this.props.routingState.search) {\r\n\t\t\tthis.initialPageCount = 1;\r\n\t\t\tthis.currentPageNumber = 1;\r\n\t\t\tconst { routingState } = this.props;\r\n\t\t\tthis.infiniteScroll.reset();\r\n\t\t\tthis.doSearchProducts(routingState.search || '');\r\n\t\t}\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tconst { search, selectedFilters, searchKeyword, searchUrl } = this.props;\r\n\t\tconst { isLoading, products, count, isResultsLoading, language, availableFilters } = search;\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t<SearchActions\r\n\t\t\t\t\trenderFilters={this.renderFilters}\r\n\t\t\t\t\tresultsCount={count}\r\n\t\t\t\t\tsearchType={SearchType.PRODUCT}\r\n\t\t\t\t\tselectedFilters={selectedFilters}\r\n\t\t\t\t\tonFilterClick={this.onFilterClick}\r\n\t\t\t\t\tfilters={availableFilters}\r\n\t\t\t\t/>\r\n\t\t\t\t{isLoading && <LoadingSpinner />}\r\n\t\t\t\t{!isLoading && (\r\n\t\t\t\t\t<ProductSearchResults\r\n\t\t\t\t\t\tresults={products}\r\n\t\t\t\t\t\tlanguage={language}\r\n\t\t\t\t\t\tisResultsLoading={!!isResultsLoading}\r\n\t\t\t\t\t\tsearchType={SearchType.PRODUCT}\r\n\t\t\t\t\t\tonMount={this.resumeScrollIfContentMounted}\r\n\t\t\t\t\t\tonRecipeClick={this.savePageAndScrollPosition}\r\n\t\t\t\t\t\tsearchUrl={searchUrl}\r\n\t\t\t\t\t\tsearchKeyword={searchKeyword}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate resumeScrollIfContentMounted = () => {\r\n\t\tif (this.isComponentMounted && !this.hasResetScroll) {\r\n\t\t\tresumeScrollPositionFromHash();\r\n\t\t\tclearHashString();\r\n\t\t\tthis.infiniteScroll.reset(this.initialPageCount);\r\n\t\t\tthis.hasResetScroll = true;\r\n\t\t}\r\n\t};\r\n\r\n\tprivate savePageAndScrollPosition = () => {\r\n\t\tsaveScrollPositionToHash();\r\n\t\tsetHashSearchPage(this.currentPageNumber);\r\n\t};\r\n\r\n\tprivate doSearchProducts(searchUrl: string) {\r\n\t\tconst { siteUrlId, searchProducts } = this.props;\r\n\r\n\t\tconst finalSearchUrl = this.translateSearchUrlForAPICall(searchUrl);\r\n\t\tsearchProducts(siteUrlId, finalSearchUrl || '', this.pageSize * this.initialPageCount);\r\n\t}\r\n\r\n\tprivate translateSearchUrlForAPICall(search: string | undefined) {\r\n\t\tif (!search) {\r\n\t\t\treturn search;\r\n\t\t}\r\n\r\n\t\tlet searchUrl = normalizeSearchUrl(search);\r\n\r\n\t\tsearchUrl = renameQueryStringParameter(searchUrl, this.props.searchQuery, SEARCH_API_URL_SEARCH_QUERY);\r\n\r\n\t\treturn searchUrl;\r\n\t}\r\n\r\n\tprivate renderFilters = () => {\r\n\t\tconst {\r\n\t\t\tsearch: { count, availableFilters, filterCount, isResultsLoading },\r\n\t\t\tselectedFilters,\r\n\t\t} = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t<ProductSearchFilters\r\n\t\t\t\tfilters={availableFilters}\r\n\t\t\t\tfilterCount={filterCount}\r\n\t\t\t\tresultsCount={count}\r\n\t\t\t\tselectedFilters={selectedFilters}\r\n\t\t\t\tonFilterClick={this.onFilterClick}\r\n\t\t\t\tonRadioFilterClick={this.onRadioFilterClick}\r\n\t\t\t\tisResultsLoading={isResultsLoading}\r\n\t\t\t/>\r\n\t\t);\r\n\t};\r\n\r\n\tprivate onInfiniteScroll = (pageNumber: number) => {\r\n\t\tthis.currentPageNumber = pageNumber;\r\n\t\tconst { siteUrlId, routingState, loadMoreProducts, search } = this.props;\r\n\t\tconst { products, count } = search;\r\n\t\tif (products.length === count) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst apiSearchUrl = this.translateSearchUrlForAPICall(routingState.search);\r\n\t\tloadMoreProducts(siteUrlId, apiSearchUrl || '', this.pageSize, pageNumber);\r\n\t};\r\n\r\n\tprivate onFilterClick = (filterName: string, filterValue: string, selected: boolean, items?: SearchFilterItem[]) => {\r\n\t\tconst { updateSearch, routingState, selectedFilters } = this.props;\r\n\t\tlet search = routingState.search || '';\r\n\t\tif (!selected && items && items.length > 0) {\r\n\t\t\tconst selectedChildren = getSelectedItems(items, selectedFilters);\r\n\t\t\tsearch = selectedChildren.reduce((memo, { name, value }) => {\r\n\t\t\t\treturn removeFromSearch(memo, name, value);\r\n\t\t\t}, search);\r\n\t\t}\r\n\t\tsearch = (selected ? addToSearch : removeFromSearch)(search, filterName, filterValue);\r\n\t\tupdateSearch(search);\r\n\t};\r\n\r\n\tprivate onRadioFilterClick = (filterName: string, filterValue: string, selected: boolean) => {\r\n\t\tconst { updateSearch, routingState } = this.props;\r\n\t\tlet search = routingState.search || '';\r\n\t\tif (filterName === SearchFilterName.bigPackaging || filterName === SearchFilterName.takeaway) {\r\n\t\t\tsearch = removeKeyFromSearch(search, SearchFilterName.bigPackaging);\r\n\t\t\tsearch = removeKeyFromSearch(search, SearchFilterName.takeaway);\r\n\t\t\tif (selected) {\r\n\t\t\t\tsearch = replaceToSearch(search, filterName, filterValue);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tsearch = (selected ? replaceToSearch : removeFromSearch)(routingState.search || '', filterName, filterValue);\r\n\t\t}\r\n\t\tupdateSearch(search);\r\n\t};\r\n}\r\n\r\ninterface SearchProductsStateProps {\r\n\tresourceId: string;\r\n\tsearch: SearchState;\r\n\troutingState: RoutingState;\r\n\tselectedFilters: NameAndValue[];\r\n\tsiteUrlId: string;\r\n\tsearchQuery: string;\r\n\tsearchUrl: string;\r\n\tsearchKeyword: string;\r\n}\r\n\r\nconst mapStateToProps: MapStateToProps<SearchProductsStateProps, {}, State> = (state: State) => {\r\n\tconst { resource, routing, app } = state;\r\n\tconst sites = (app.settings && app.settings.sites) || [];\r\n\tconst searchQuery = getSettingValue(state, 'Search', 'SearchQuery') ?? SEARCH_API_URL_SEARCH_QUERY;\r\n\tconst searchKeyword = routing.query && searchQuery ? routing.query[searchQuery]?.toString() : '';\r\n\r\n\treturn {\r\n\t\tresourceId: resource.id || '',\r\n\t\tsearch: resource.content as SearchState,\r\n\t\troutingState: routing,\r\n\t\tselectedFilters: queryToFilters(routing.query || {}),\r\n\t\tsiteUrlId: getSiteUrlId(routing, sites) || '',\r\n\t\tsearchQuery,\r\n\t\tsearchUrl: routing.pathname,\r\n\t\tsearchKeyword,\r\n\t};\r\n};\r\n\r\ninterface SearchProductsDispatchProps {\r\n\tloadMoreProducts: typeof searchActions.loadMoreProducts;\r\n\tsearchProducts: typeof searchActions.searchProducts;\r\n\tupdateSearch: typeof routingActions.updateSearch;\r\n}\r\n\r\nexport default connect(mapStateToProps, {\r\n\tsearchProducts: searchActions.searchProducts,\r\n\tloadMoreProducts: searchActions.loadMoreProducts,\r\n\tupdateSearch: routingActions.updateSearch,\r\n})(SearchProducts);\r\n","import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { ArrowUpIcon } from 'styleguide/components/Icons';\r\nimport { withWindow } from 'styleguide/helpers';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport ScrollMenu from 'common/components/ScrollMenu/ScrollMenu';\r\n\r\nconst BackToTopButton = styled.button`\r\n\tbackground-color: ${({ theme }) => theme.colors.brandPrimary};\r\n\tfont-weight: 600;\r\n\tfont-family: ${({ theme }) => theme.fonts.primary};\r\n\ttext-transform: uppercase;\r\n\tcolor: #fff;\r\n\ttext-align: center;\r\n\tline-height: 60px;\r\n\twidth: 100%;\r\n\tborder: 0 none;\r\n\r\n\t> svg {\r\n\t\tposition: absolute;\r\n\t\tright: 30px;\r\n\t\ttop: 50%;\r\n\t\ttransform: translateY(-50%);\r\n\t}\r\n`;\r\n\r\nconst BackToTop: React.FC = () => {\r\n\tconst onButtonClick = () => {\r\n\t\twithWindow(w => {\r\n\t\t\tw.scrollTo({ top: 0, behavior: 'smooth' });\r\n\t\t});\r\n\t};\r\n\r\n\treturn (\r\n\t\t<ScrollMenu>\r\n\t\t\t<BackToTopButton onClick={onButtonClick}>\r\n\t\t\t\t<FormattedMessage id=\"search_edit_search\" /> <ArrowUpIcon color=\"#fff\" />\r\n\t\t\t</BackToTopButton>\r\n\t\t</ScrollMenu>\r\n\t);\r\n};\r\n\r\nexport default BackToTop;\r\n","import * as React from 'react';\r\nimport { MapStateToProps, connect } from 'react-redux';\r\nimport { FrontHeader, ContentWrapper, FrontTitle } from 'common/components/General';\r\nimport Hero from 'styleguide/components/HeroBanners/Hero';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport { InputSize } from 'styleguide/types/inputTypes';\r\nimport styled from 'styled-components';\r\nimport { getHeroMediaSource } from 'utils/media';\r\nimport SearchResults from 'common/components/Navigation/components/SearchResults/SearchResults';\r\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\r\nimport ContentCard from 'common/components/General/ContentCard';\r\nimport { SearchType } from 'pagetypes/Search/types';\r\nimport injectRoutable, { InjectedRoutableProps } from 'common/components/Routing/Routable';\r\nimport SearchArticles from './components/SearchArticles';\r\nimport SearchRecipes from './components/SearchRecipes';\r\nimport SearchProducts from './components/SearchProducts';\r\nimport { State } from 'common/reducers';\r\nimport { searchActions } from './reducers/search-actions';\r\nimport { SearchState, ResourceAspectFilter } from './interfaces';\r\nimport { routingActions, RoutingState } from 'common/components/Routing/reducers';\r\nimport { replaceToSearch, addToSearch } from 'utils/query-string';\r\nimport { Helmet } from 'react-helmet';\r\nimport BackToTop from './components/BackToTop';\r\nimport { getSettingValue, getSiteUrlPrefixOrDefault } from 'common/components/App/services';\r\nimport { pushOtherPageLoad } from 'utils/dataLayer';\r\nimport { SEARCH_API_URL_SEARCH_QUERY } from './constants';\r\nimport WidgetZone from 'common/components/Widgets/WidgetZone';\r\n\r\nconst SearchContentWrapper = styled(ContentWrapper)`\r\n\tposition: relative;\r\n\tpadding-bottom: 60px;\r\n\toverflow: hidden;\r\n`;\r\n\r\nconst BackToTopWrapper = styled.div`\r\n\tdisplay: block;\r\n\r\n\t${media.desktop`\r\n    display: none;\r\n  `};\r\n`;\r\n\r\ntype Props = SearchStateProps & SearchDispatchProps & WrappedComponentProps & InjectedRoutableProps;\r\n\r\nclass Search extends React.Component<Props> {\r\n\tprivate setSearchTextTimeout: NodeJS.Timer;\r\n\r\n\tpublic componentDidMount() {\r\n\t\tpushOtherPageLoad();\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tconst {\r\n\t\t\tsearchType,\r\n\t\t\troutingState,\r\n\t\t\ttitle,\r\n\t\t\theroImageDesktop,\r\n\t\t\theroImageMobile,\r\n\t\t\theroImageOffsetY,\r\n\t\t\theroMediaType,\r\n\t\t\tcanonicalUrl,\r\n\t\t\tprofessional,\r\n\t\t\tsiteUrlPrefix,\r\n\t\t\tsearchQuery,\r\n\t\t} = this.props;\r\n\r\n\t\tconst heroMedia = getHeroMediaSource(heroMediaType, heroImageDesktop, heroImageMobile, 'recipe-front-hero');\r\n\r\n\t\tconst hakuValue = routingState.query && routingState.query[searchQuery];\r\n\t\tconst initialSearchTerm = Array.isArray(hakuValue) ? hakuValue[0] : hakuValue;\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{canonicalUrl && (\r\n\t\t\t\t\t<Helmet>\r\n\t\t\t\t\t\t<link rel=\"canonical\" href={canonicalUrl} />\r\n\t\t\t\t\t</Helmet>\r\n\t\t\t\t)}\r\n\t\t\t\t<Hero\r\n\t\t\t\t\tclassName=\"search-hero\"\r\n\t\t\t\t\tsrc={heroMedia.mediaSrc}\r\n\t\t\t\t\tmediaType={heroMedia.mediaType}\r\n\t\t\t\t\toffsetY={heroImageOffsetY}\r\n\t\t\t\t\tsize=\"medium\">\r\n\t\t\t\t\t<FrontHeader>\r\n\t\t\t\t\t\t<FrontTitle>{title}</FrontTitle>\r\n\t\t\t\t\t\t<SearchResults\r\n\t\t\t\t\t\t\tid={`${searchType}-search`}\r\n\t\t\t\t\t\t\tplaceholder={this.props.intl.formatMessage({ id: this.getSearchPlaceholder(searchType) })}\r\n\t\t\t\t\t\t\tshowMostPopularKeywords={false}\r\n\t\t\t\t\t\t\tmostPopularKeywords={[]}\r\n\t\t\t\t\t\t\tonSetSearchText={this.onSetSearchText}\r\n\t\t\t\t\t\t\tonClear={this.onSearchClear}\r\n\t\t\t\t\t\t\tinputSize={{ default: InputSize.medium, tablet: InputSize.large, desktop: InputSize.large }}\r\n\t\t\t\t\t\t\tdisableSuggestions={true}\r\n\t\t\t\t\t\t\tclassName=\"search-results\"\r\n\t\t\t\t\t\t\tinitialSearchTerm={initialSearchTerm}\r\n\t\t\t\t\t\t\tprofessional={professional}\r\n\t\t\t\t\t\t\tsiteUrlPrefix={siteUrlPrefix}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</FrontHeader>\r\n\t\t\t\t</Hero>\r\n\r\n\t\t\t\t<ContentCard />\r\n\r\n\t\t\t\t<WidgetZone name=\"Header\" isFullWidth={true} />\r\n\t\t\t\t<WidgetZone name=\"Main\" isFullWidth={true} />\r\n\r\n\t\t\t\t<SearchContentWrapper>{this.renderPageContents(searchType)}</SearchContentWrapper>\r\n\r\n\t\t\t\t<BackToTopWrapper>\r\n\t\t\t\t\t<BackToTop />\r\n\t\t\t\t</BackToTopWrapper>\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate onSetSearchText = (input: string) => {\r\n\t\tif (this.setSearchTextTimeout) {\r\n\t\t\tclearTimeout(this.setSearchTextTimeout);\r\n\t\t}\r\n\r\n\t\tthis.setSearchTextTimeout = setTimeout(() => {\r\n\t\t\tconst { updateSearch, routingState, searchType, aspectFilters } = this.props;\r\n\t\t\tlet search = routingState.search || '';\r\n\r\n\t\t\tif (searchType === SearchType.RECIPE && !!aspectFilters) {\r\n\t\t\t\tconst splittedInput = input.toLowerCase().split(' ');\r\n\r\n\t\t\t\taspectFilters\r\n\t\t\t\t\t.filter(af => splittedInput.some(si => af.word === si))\r\n\t\t\t\t\t.forEach(av => {\r\n\t\t\t\t\t\tinput = input.replace(av.word, '').trim();\r\n\t\t\t\t\t\tsearch = addToSearch(search, av.aspectTitle, av.slug);\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\tsearch = replaceToSearch(search, this.props.searchQuery, encodeURIComponent(input));\r\n\t\t\tupdateSearch(search.toLowerCase());\r\n\t\t}, 250);\r\n\t};\r\n\r\n\tprivate onSearchClear = () => {\r\n\t\tconst { updateSearch, routingState } = this.props;\r\n\t\tconst search = replaceToSearch(routingState.search || '', this.props.searchQuery);\r\n\t\tupdateSearch(search);\r\n\t};\r\n\r\n\tprivate getSearchPlaceholder = (searchType: SearchType) => {\r\n\t\tswitch (searchType) {\r\n\t\t\tcase SearchType.RECIPE:\r\n\t\t\t\treturn 'search_recipe_front_search_placeholder';\r\n\t\t\tcase SearchType.PRODUCT:\r\n\t\t\t\treturn 'search_product_front_search_placeholder';\r\n\t\t\tcase SearchType.ARTICLE:\r\n\t\t\t\treturn 'search_article_search_placeholder';\r\n\t\t\tdefault:\r\n\t\t\t\treturn 'search_search_page_search_placeholder';\r\n\t\t}\r\n\t};\r\n\r\n\tprivate renderPageContents = (searchType: SearchType) => {\r\n\t\tif (searchType === SearchType.RECIPE) {\r\n\t\t\treturn <SearchRecipes />;\r\n\t\t} else if (searchType === SearchType.PRODUCT) {\r\n\t\t\treturn <SearchProducts />;\r\n\t\t} else if (searchType === SearchType.ARTICLE) {\r\n\t\t\treturn <SearchArticles />;\r\n\t\t}\r\n\r\n\t\treturn null;\r\n\t};\r\n}\r\n\r\ninterface SearchStateProps {\r\n\tquery: string;\r\n\tsearchType: SearchType;\r\n\troutingState: RoutingState;\r\n\ttitle?: string;\r\n\theroImageDesktop?: string;\r\n\theroImageMobile?: string;\r\n\theroImageOffsetY: number;\r\n\theroMediaType?: string;\r\n\tcanonicalUrl?: string;\r\n\tprofessional: boolean;\r\n\taspectFilters?: ResourceAspectFilter[];\r\n\tsiteUrlPrefix: string;\r\n\tsearchQuery: string;\r\n}\r\n\r\nconst mapStateToProps: MapStateToProps<SearchStateProps, {}, State> = (state: State) => {\r\n\tconst { resource, routing, app } = state;\r\n\tconst { query, searchType, isProfessionalSearch, aspectFilters } = resource.content as SearchState;\r\n\tconst { title, heroImageDesktop, heroImageMobile, heroImageOffsetY, heroMediaType, canonicalUrl } = resource;\r\n\tconst sites = (app.settings && app.settings.sites) || [];\r\n\treturn {\r\n\t\tquery,\r\n\t\tsearchType,\r\n\t\troutingState: routing,\r\n\t\ttitle,\r\n\t\theroImageDesktop,\r\n\t\theroImageMobile,\r\n\t\theroImageOffsetY,\r\n\t\theroMediaType,\r\n\t\tcanonicalUrl,\r\n\t\tprofessional: isProfessionalSearch,\r\n\t\taspectFilters,\r\n\t\tsiteUrlPrefix: getSiteUrlPrefixOrDefault(routing, sites, '/'),\r\n\t\tsearchQuery: getSettingValue(state, 'Search', 'SearchQuery') ?? SEARCH_API_URL_SEARCH_QUERY,\r\n\t};\r\n};\r\ninterface SearchDispatchProps {\r\n\tsetQuery: typeof searchActions.setQuery;\r\n\tsetSearchType: typeof searchActions.setSearchType;\r\n\tupdateSearch: typeof routingActions.updateSearch;\r\n}\r\n\r\nexport default connect(mapStateToProps, {\r\n\tsetQuery: searchActions.setQuery,\r\n\tsetSearchType: searchActions.setSearchType,\r\n\tupdateSearch: routingActions.updateSearch,\r\n})(injectRoutable(injectIntl(Search)));\r\n","export const WIDGET_SPACING_HUGE = 80;\r\nexport const WIDGET_SPACING_LARGE = 60;\r\nexport const WIDGET_SPACING_MEDIUM = 50;\r\nexport const WIDGET_SPACING_SMALL = 30;\r\n\r\nexport const TEXT_WIDTH = 720;\r\nexport const TEXT_WIDTH_NARROW = 600;\r\n","import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers';\r\n\r\nexport interface ContentTagProps {\r\n\tclassName?: string;\r\n\tcolor?: string;\r\n\tsize?: 'small' | 'large';\r\n\tdisableMobileSize?: boolean;\r\n}\r\n\r\nexport const getContentTagHeight = (size?: 'small' | 'large', isMobile?: boolean) => {\r\n\tlet height = isMobile ? '24px' : '30px';\r\n\tif (size === 'large') {\r\n\t\theight = isMobile ? '40px' : '60px';\r\n\t}\r\n\treturn height;\r\n};\r\n\r\nconst getPadding = (size?: 'small' | 'large', isMobile?: boolean) => {\r\n\tlet padding = '0 12px';\r\n\tif (size === 'large') {\r\n\t\tpadding = isMobile ? '0 30px' : '0 38px';\r\n\t}\r\n\treturn padding;\r\n};\r\n\r\nconst StyledContentTag = styled.span<ContentTagProps>`\r\n\tbackground: ${props => props.color || props.theme.colors.brandPrimary};\r\n\tcolor: ${props => props.theme.colors.white};\r\n\tfont-family: ${props => props.theme.fonts.secondary};\r\n\tfont-size: 11px;\r\n\tfont-weight: 600;\r\n\tline-height: ${props => getContentTagHeight(props.size, !Boolean(props.disableMobileSize))};\r\n\tletter-spacing: 1.4px;\r\n\ttext-transform: uppercase;\r\n\tpadding: ${props => getPadding(props.size, !Boolean(props.disableMobileSize))};\r\n\theight: ${props => getContentTagHeight(props.size, !Boolean(props.disableMobileSize))};\r\n\tborder-radius: 2px;\r\n\tdisplay: inline-block;\r\n\twhite-space: nowrap;\r\n\tmax-width: 185px;\r\n\ttext-overflow: ellipsis;\r\n\toverflow: hidden;\r\n\r\n\t${media.desktop<ContentTagProps>`\r\n\t\tpadding: ${props => getPadding(props.size)};\r\n\t\tfont-size: ${props => (props.size === 'large' ? '14px' : '12px')};\r\n\t\tline-height: ${props => getContentTagHeight(props.size)};\r\n\t\theight: ${props => getContentTagHeight(props.size)};\r\n\t\tletter-spacing: ${props => (props.size === 'large' ? '3px' : '1.5px')};\r\n\t\tmax-width: calc(100% + 75px);\r\n\t`};\r\n`;\r\n\r\nconst ContentTag: React.FC<ContentTagProps & React.HTMLAttributes<HTMLSpanElement>> = ({\r\n\tcolor,\r\n\tsize,\r\n\tdisableMobileSize,\r\n\tclassName,\r\n\tchildren,\r\n}) => {\r\n\treturn (\r\n\t\t<StyledContentTag color={color} size={size} disableMobileSize={disableMobileSize} className={className}>\r\n\t\t\t{children}\r\n\t\t</StyledContentTag>\r\n\t);\r\n};\r\n\r\nexport default ContentTag;\r\n","import * as React from 'react';\r\n\r\nconst RecipeCooperationIcon: React.FC<{ size?: number }> = ({ size = 114 }) => {\r\n\treturn (\r\n\t\t<svg width={size} height={size} viewBox=\"0 0 114 114\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t\t<circle fill=\"#8969AA\" cx=\"57\" cy=\"57\" r=\"57\" />\r\n\t\t\t<path\r\n\t\t\t\td=\"M76.12 30.177c-2.77-.742-5.647.919-6.39 3.69l-8.606 32.116a11.824 11.824 0 00-1.56-1.663c-2.167-1.926-5.286-3.537-8.937-4.515-3.652-.98-7.158-1.143-10-.56-2.846.583-5.236 1.984-5.885 4.406-.993 3.706-1.082 7.975.305 11.755 1.382 3.783 4.367 7.05 9.165 8.337 4.799 1.286 9.019-.052 12.106-2.638 3.09-2.58 5.149-6.321 6.142-10.027l9.79-36.537a2.588 2.588 0 013.195-1.845 2.588 2.588 0 011.845 3.195l-.338 1.26 2.52.675.338-1.26c.742-2.77-.92-5.647-3.69-6.39zM49.95 62.326c3.309.886 6.11 2.375 7.889 3.949 1.773 1.572 2.385 3.07 2.1 4.129-.282 1.058-1.561 2.05-3.883 2.525-2.326.473-5.498.362-8.805-.524-3.308-.886-6.11-2.376-7.888-3.95-1.773-1.572-2.385-3.07-2.101-4.128.283-1.058 1.562-2.05 3.884-2.525 2.326-.474 5.498-.363 8.805.524zm-13.33 7.067c.32.35.65.69 1.017 1.016 2.168 1.926 5.287 3.537 8.939 4.516 3.65.978 7.157 1.142 9.999.558.48-.098.937-.23 1.386-.372-.904 1.525-2.014 2.91-3.312 3.997-2.568 2.14-5.74 3.194-9.761 2.116-4.021-1.077-6.242-3.577-7.396-6.713-.581-1.59-.85-3.345-.87-5.118h-.001z\"\r\n\t\t\t\tfill=\"#FFF\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n};\r\n\r\nexport default RecipeCooperationIcon;\r\n","import * as React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { media } from 'styleguide/helpers';\r\nimport ContentTag, { ContentTagProps, getContentTagHeight } from 'styleguide/components/Tags/ContentTag/ContentTag';\r\nimport { GenericHighlightWidgetItem } from '../../../../common/components/Widgets/interfaces/GenericHighlight';\r\n\r\nexport type GenericHighlightCardContainerLayout = 'two-column' | 'three-column';\r\nexport type GenericHighlightCardImageSize = 'small';\r\n\r\nexport interface GenericHighlightCardContainerProps {\r\n\tlayoutName?: GenericHighlightCardContainerLayout;\r\n\timageSize?: GenericHighlightCardImageSize;\r\n}\r\n\r\nfunction RenderGenericHighlightCardContainer({\r\n\thref,\r\n\tlayoutName,\r\n\tchildren,\r\n}: React.PropsWithChildren<{ href: string; layoutName?: GenericHighlightCardContainerLayout }>) {\r\n\treturn href ? (\r\n\t\t<GenericHighlightCardContainer href={href} layoutName={layoutName}>\r\n\t\t\t{children}\r\n\t\t</GenericHighlightCardContainer>\r\n\t) : (\r\n\t\t<GenericHighlightCardWrapper layoutName={layoutName}>{children}</GenericHighlightCardWrapper>\r\n\t);\r\n}\r\n\r\nexport default function GenericHighlightCard({\r\n\talt,\r\n\tcontentTagColor,\r\n\tcontentTagText,\r\n\tdescription,\r\n\timageUrl,\r\n\tlinkUrl,\r\n\ttitle,\r\n}: GenericHighlightWidgetItem) {\r\n\tconst layoutName = 'two-column';\r\n\tconst isContentTagHidden = contentTagText === undefined || contentTagText === null;\r\n\treturn (\r\n\t\t<RenderGenericHighlightCardContainer href={linkUrl} layoutName={layoutName}>\r\n\t\t\t<GenericHighlightCardImageContainer layoutName={layoutName}>\r\n\t\t\t\t<GenericHighlightCardImageBorder>\r\n\t\t\t\t\t<img src={imageUrl} alt={alt} />\r\n\t\t\t\t</GenericHighlightCardImageBorder>\r\n\t\t\t</GenericHighlightCardImageContainer>\r\n\t\t\t<GenericHighlightCardContent layoutName={layoutName}>\r\n\t\t\t\t<GenericHighlightCardContentTag color={contentTagColor || undefined} isHidden={isContentTagHidden}>\r\n\t\t\t\t\t{contentTagText}\r\n\t\t\t\t</GenericHighlightCardContentTag>\r\n\t\t\t\t<GenericHighlightCardTitle isContentTagHidden={isContentTagHidden}>{title}</GenericHighlightCardTitle>\r\n\t\t\t\t<GenericHighlightCardDescription>{description}</GenericHighlightCardDescription>\r\n\t\t\t</GenericHighlightCardContent>\r\n\t\t</RenderGenericHighlightCardContainer>\r\n\t);\r\n}\r\n\r\nexport const GenericHighlightCardContainer = styled.a<GenericHighlightCardContainerProps>`\r\n\tdisplay: flex;\r\n\tmargin: 10px 0;\r\n\tcolor: ${props => props.theme.colors.bodyText};\r\n\ttext-decoration: none;\r\n\r\n\t${media.tablet`\r\n\t\tflex: 1 1 calc(50% - 20px);\r\n\t\tmargin: 10px;\r\n\t\tmin-width: 0;\r\n\r\n\t\t/* IE11 */\r\n\t\t*::-ms-backdrop, & {\r\n\t\t\twidth: calc(50% - 20px);\r\n\t\t\tfloat: left;\r\n\t\t}\r\n\t`};\r\n\r\n\t${media.desktop<GenericHighlightCardContainerProps>`\r\n\t\tmargin: 20px;\r\n\r\n\t\t${props => {\r\n\t\t\tconst divider = props.layoutName === 'three-column' ? 3 : 2;\r\n\t\t\treturn css`\r\n\t\t\t\tflex: 0 0 calc(100% / ${divider} - 40px);\r\n\t\t\t\twidth: calc(100% / ${divider} - 40px);\r\n\r\n\t\t\t\t/* IE11 */\r\n\t\t\t\t*::-ms-backdrop,\r\n\t\t\t\t& {\r\n\t\t\t\t\twidth: calc(100% / ${divider} - 41px);\r\n\t\t\t\t}\r\n\t\t\t`;\r\n\t\t}};\r\n\t`};\r\n`;\r\n\r\nconst GenericHighlightCardWrapper = styled.div<GenericHighlightCardContainerProps>`\r\n\tdisplay: flex;\r\n\tmargin: 10px 0;\r\n\tcolor: ${props => props.theme.colors.bodyText};\r\n\ttext-decoration: none;\r\n\r\n\t${media.tablet`\r\n\t\tflex: 1 1 calc(50% - 20px);\r\n\t\tmargin: 10px;\r\n\t\tmin-width: 0;\r\n\r\n\t\t/* IE11 */\r\n\t\t*::-ms-backdrop, & {\r\n\t\t\twidth: calc(50% - 20px);\r\n\t\t\tfloat: left;\r\n\t\t}\r\n\t`};\r\n\r\n\t${media.desktop<GenericHighlightCardContainerProps>`\r\n\t\tmargin: 20px;\r\n\r\n\t\t${props => {\r\n\t\t\tconst divider = props.layoutName === 'three-column' ? 3 : 2;\r\n\t\t\treturn css`\r\n\t\t\t\tflex: 0 0 calc(100% / ${divider} - 40px);\r\n\t\t\t\twidth: calc(100% / ${divider} - 40px);\r\n\r\n\t\t\t\t/* IE11 */\r\n\t\t\t\t*::-ms-backdrop,\r\n\t\t\t\t& {\r\n\t\t\t\t\twidth: calc(100% / ${divider} - 41px);\r\n\t\t\t\t}\r\n\t\t\t`;\r\n\t\t}};\r\n\t`};\r\n`;\r\n\r\nexport const GenericHighlightCardImageContainer = styled.div<GenericHighlightCardContainerProps>`\r\n\tbackground-color: ${props => props.theme.colors.imagePlaceHolder};\r\n\tflex: 1 0 45%;\r\n\twidth: 45%;\r\n\tmin-height: 180px;\r\n\timg {\r\n\t\tmax-height: calc(180px - ${({ theme }) => theme.grid.gutterInPx(4)});\r\n\t}\r\n\r\n\t${media.desktop<GenericHighlightCardContainerProps>`\r\n\t\tflex: 1 0 50%;\r\n\t\twidth: 50%;\r\n\t\tmin-height: ${props => (props.imageSize === 'small' || props.layoutName === 'three-column' ? 244 : 300)}px;\r\n\t\t\r\n\t\timg {\r\n\t\t\tmax-height: calc(${props => (props.imageSize === 'small' || props.layoutName === 'three-column' ? 244 : 300)}px - ${({\r\n\t\ttheme,\r\n\t}) => theme.grid.gutterInPx(6)});\r\n\t\t}\r\n\t`};\r\n\r\n\timg {\r\n\t\tmax-width: 100%;\r\n\t\theight: auto;\r\n\t}\r\n`;\r\n\r\nexport const GenericHighlightCardImageBorder = styled.div`\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\tbox-sizing: border-box;\r\n\tpadding: ${({ theme }) => theme.grid.gutterInPx(2)};\r\n\r\n\t${media.desktop<GenericHighlightCardContainerProps>`\r\n\t\tpadding: ${({ theme }) => theme.grid.gutterInPx(3)};\r\n\t`};\r\n`;\r\n\r\nexport const GenericHighlightCardContent = styled.div<GenericHighlightCardContainerProps>`\r\n\tpadding: 0 15px 5px;\r\n\tposition: relative;\r\n\tflex: 1 0 55%;\r\n\twidth: 55%;\r\n\r\n\t${media.desktop<GenericHighlightCardContainerProps>`\r\n\t\tflex: 1 0 50%;\r\n\t\twidth: 50%;\r\n\t\tpadding: ${props => (props.layoutName === 'two-column' ? '0 30px 20px' : '0 15px 5px')};\r\n\t`};\r\n\r\n\t${media.desktop1440`\r\n\t\tflex: 0 1 50%;\r\n\t\twidth: 50%;\r\n\r\n\t\t/* IE11 */\r\n\t\t*::-ms-backdrop, & {\r\n\t\t\tflex: 1 0 50%;\r\n\t\t\twidth: 50%;\r\n\t\t}\r\n\r\n\t`};\r\n`;\r\n\r\ninterface GenericHighlightCardContentTagProps extends ContentTagProps {\r\n\tisHidden?: boolean;\r\n}\r\n\r\nexport const GenericHighlightCardContentTag = styled(ContentTag)<GenericHighlightCardContentTagProps>`\r\n\tposition: relative;\r\n\tleft: -60px;\r\n\tmargin: 20px 0;\r\n\tdisplay: ${props => (props.isHidden ? 'none' : 'inline-block')};\r\n\r\n\t${media.desktop<ContentTagProps>`\r\n\t\tleft: -${props => (props.size === 'small' ? 60 : 70)}px;\r\n\t\tmargin: ${props => (props.size === 'small' ? 20 : 30)}px 0;\r\n\t`};\r\n`;\r\n\r\ninterface GenericHighlightCardTitleProps extends ContentTagProps {\r\n\tisContentTagHidden: boolean;\r\n}\r\n\r\nconst getHighlightCardTitleMargin = (isContentTagHidden: boolean, size?: 'small' | 'large', isMobile?: boolean) => {\r\n\tif (!isContentTagHidden) {\r\n\t\treturn -10;\r\n\t}\r\n\tconst contentTagHeight = Number(getContentTagHeight(size, isMobile).replace('px', ''));\r\n\treturn contentTagHeight + 40;\r\n};\r\n\r\nconst getHighlightCardTitleDesktopMargin = (\r\n\tisContentTagHidden: boolean,\r\n\tsize?: 'small' | 'large',\r\n\tisMobile?: boolean\r\n) => {\r\n\tif (!isContentTagHidden) {\r\n\t\treturn -10;\r\n\t}\r\n\r\n\tconst contentTagHeight = Number(getContentTagHeight(size, isMobile).replace('px', ''));\r\n\treturn contentTagHeight + (size === 'small' ? 40 : 60);\r\n};\r\n\r\nconst GenericHighlightCardTitle = styled.div<GenericHighlightCardTitleProps>`\r\n\t${({ theme }) => theme.typography.heading};\r\n\tcolor: ${({ theme }) => theme.colors.heading};\r\n\tmargin-top: ${props =>\r\n\t\tgetHighlightCardTitleMargin(props.isContentTagHidden, props.size, !Boolean(props.disableMobileSize))}px;\r\n\tfont-size: 16px;\r\n\tfont-weight: bold;\r\n\tline-height: 1.25;\r\n\t${media.desktop<GenericHighlightCardTitleProps>`\r\n\t\t\tmargin-top: ${props =>\r\n\t\t\t\tgetHighlightCardTitleDesktopMargin(props.isContentTagHidden, props.size, !Boolean(props.disableMobileSize))}px;\r\n\t`};\r\n`;\r\n\r\nconst GenericHighlightCardDescription = styled.div`\r\n\tmargin-top: ${({ theme }) => theme.grid.gutterInPx(2)};\r\n\tfont-family: ${({ theme }) => theme.fonts.secondary};\r\n\tcolor: ${({ theme }) => theme.colors.bodyText};\r\n\tfont-size: 14px;\r\n\tline-height: 1.43;\r\n`;\r\n\r\nexport function truncate(str: string, maxLength: number) {\r\n\tif (str.length > maxLength) {\r\n\t\treturn `${str.slice(0, maxLength).replace(/(\\&|\\&s|\\&sh|\\&shy|\\&shy;)$/, '')}&hellip;`;\r\n\t}\r\n\treturn str;\r\n}\r\n","import styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport { SEARCH_RESULTS_GRID_MARGIN } from '../constants';\r\n\r\nconst SearchResultsGrid = styled.div`\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tmargin: -${SEARCH_RESULTS_GRID_MARGIN}px;\r\n\twidth: 100%;\r\n\tjustify-content: center;\r\n\r\n\t${media.desktop`\r\n\t\tpadding: 0 10px;\r\n\t\tmax-width: 1112px;\r\n\t\tmargin-top: 12px;\r\n\t`};\r\n\r\n\t${media.desktop1440`\r\n\t\tpadding: 0 70px;\r\n\t\tmax-width: none;\r\n\t`};\r\n\r\n\t& + & {\r\n\t\tborder-top: 1px solid ${props => props.theme.colors.border};\r\n\t}\r\n\r\n\t.search-result-card {\r\n\t\tmargin: ${SEARCH_RESULTS_GRID_MARGIN}px;\r\n\t\tflex: 0 1 290px;\r\n\t\tflex: 0 1 auto;\r\n\t\twidth: calc(50% - ${SEARCH_RESULTS_GRID_MARGIN * 2}px);\r\n\r\n\t\t${media.phone`\r\n      .recipe-card-image-wrapper {\r\n        min-height: 110px;\r\n\t\t\t\t& > img {\r\n\t\t\t\t\tmin-height: 110px;\r\n\t\t\t\t}\r\n      }\r\n    `};\r\n\r\n\t\t${media.tablet`\r\n\t\t\twidth: calc(100% / 3 - ${SEARCH_RESULTS_GRID_MARGIN * 2}px);\r\n      .recipe-card-image-wrapper {\r\n        min-height: 159px;\r\n\t\t\t\t& > img {\r\n\t\t\t\t\tmin-height: 159px;\r\n\t\t\t\t}\r\n      }\r\n\t\t`};\r\n\r\n\t\t${media.desktop`\r\n\t\t\twidth: calc(25% - ${SEARCH_RESULTS_GRID_MARGIN * 2}px);\r\n\t\t`};\r\n\t}\r\n`;\r\n\r\nexport default SearchResultsGrid;\r\n","import styled, { css } from 'styled-components';\r\nimport { media } from 'styleguide/helpers';\r\n\r\nexport interface AuthorTagStyleProps {\r\n\tsize?: 'small' | 'large';\r\n}\r\n\r\nexport const AuthorTagWrapper = styled.div<AuthorTagStyleProps>`\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tmargin-top: 10px;\r\n\r\n\t${media.desktop<AuthorTagStyleProps>`\r\n\t\t${props =>\r\n\t\t\tprops.size === 'small'\r\n\t\t\t\t? ''\r\n\t\t\t\t: css`\r\n\t\t\t\t\t\tmargin-top: 20px;\r\n\t\t\t\t  `}\r\n  `};\r\n`;\r\n\r\nexport const AuthoredDate = styled.time<AuthorTagStyleProps>`\r\n\tfont-size: 12px;\r\n\tfont-weight: normal;\r\n\tfont-style: italic;\r\n\tline-height: 1.25;\r\n\tcolor: ${props => props.theme.colors.bodyTextLight};\r\n\tdisplay: block;\r\n\r\n\t${media.phone<AuthorTagStyleProps>`\r\n\t\tline-height: ${props => (props.size === 'small' ? '1.25' : '20px')};\r\n\t`};\r\n\r\n\t${media.desktop<AuthorTagStyleProps>`\r\n\t\t${props =>\r\n\t\t\tprops.size === 'small'\r\n\t\t\t\t? ''\r\n\t\t\t\t: css`\r\n\t\t\t\t\t\tfont-size: 13px;\r\n\t\t\t\t  `}\r\n  `};\r\n`;\r\n","import * as React from 'react';\r\nimport { getFormattedFullDate } from 'utils/date';\r\nimport styled, { css } from 'styled-components';\r\nimport { media } from 'styleguide/helpers';\r\nimport { useIntl } from 'react-intl';\r\nimport { AuthorTagStyleProps, AuthorTagWrapper, AuthoredDate } from './AuthorTagWrapper';\r\n\r\nconst AuthorImage = styled.img<AuthorTagStyleProps>`\r\n\tborder-radius: 50%;\r\n\twidth: 32px;\r\n\theight: 32px;\r\n\tflex: 0 0 32px;\r\n\r\n\t${media.desktop<AuthorTagStyleProps>`\r\n\t\t${props =>\r\n\t\t\tprops.size === 'small'\r\n\t\t\t\t? ''\r\n\t\t\t\t: css`\r\n\t\t\t\t\t\twidth: 64px;\r\n\t\t\t\t\t\theight: 64px;\r\n\t\t\t\t\t\tflex: 0 0 64px;\r\n\t\t\t\t  `}\r\n  `};\r\n`;\r\n\r\nconst AuthorDetails = styled.span<AuthorTagStyleProps>`\r\n\tfont-size: 13px;\r\n\tfont-weight: 600;\r\n\tline-height: 1.25;\r\n\tmargin-left: 8px;\r\n\r\n\t${media.phone<AuthorTagStyleProps>`\r\n\t\tline-height: ${props => (props.size === 'small' ? '1.25' : '20px')};\r\n\t`};\r\n\r\n\t${media.desktop<AuthorTagStyleProps>`\r\n\t\t${props =>\r\n\t\t\tprops.size === 'small'\r\n\t\t\t\t? ''\r\n\t\t\t\t: css`\r\n\t\t\t\t\t\tfont-size: 15px;\r\n\t\t\t\t\t\tmargin-left: 15px;\r\n\t\t\t\t  `}\r\n  `};\r\n`;\r\n\r\nexport interface AuthorTagProps extends AuthorTagStyleProps {\r\n\tclassName?: string;\r\n\timageUrl: string;\r\n\tname: string;\r\n\tdate: string;\r\n}\r\n\r\nconst AuthorTag: React.FC<AuthorTagProps> = ({ className, imageUrl, name, date, size }) => {\r\n\tconst intl = useIntl();\r\n\tconst formattedDate = getFormattedFullDate(intl, new Date(date));\r\n\treturn (\r\n\t\t<AuthorTagWrapper className={className} size={size}>\r\n\t\t\t<AuthorImage src={imageUrl} size={size} />\r\n\t\t\t<AuthorDetails size={size}>\r\n\t\t\t\t{name}\r\n\t\t\t\t<AuthoredDate dateTime={date} size={size}>\r\n\t\t\t\t\t{formattedDate}\r\n\t\t\t\t</AuthoredDate>\r\n\t\t\t</AuthorDetails>\r\n\t\t</AuthorTagWrapper>\r\n\t);\r\n};\r\n\r\nexport default AuthorTag;\r\n","import * as React from 'react';\r\nimport { NewsIcon } from 'styleguide/components/Icons';\r\nimport { getFormattedFullDate } from 'utils/date';\r\nimport styled, { css } from 'styled-components';\r\nimport { media } from 'styleguide/helpers';\r\nimport { AuthorTagStyleProps, AuthorTagWrapper, AuthoredDate } from '../AuthorTag/AuthorTagWrapper';\r\nimport { useIntl } from 'react-intl';\r\n\r\nconst IconWrapper = styled.div<AuthorTagStyleProps>`\r\n\tborder-radius: 50%;\r\n\twidth: 32px;\r\n\theight: 32px;\r\n\tflex: 0 0 32px;\r\n\tbackground: ${({ theme }) => theme.colors.brandPrimaryFeatureBackground};\r\n\tmargin-right: ${({ theme }) => theme.grid.gutterInPx()};\r\n\r\n\t${media.desktop<AuthorTagStyleProps>`\r\n\t\t${({ size, theme }) => {\r\n\t\t\tif (size !== 'small') {\r\n\t\t\t\treturn css`\r\n\t\t\t\t\twidth: 64px;\r\n\t\t\t\t\theight: 64px;\r\n\t\t\t\t\tflex: 0 0 64px;\r\n\t\t\t\t\tmargin-right: ${theme.grid.gutterInPx(2)};\r\n\t\t\t\t`;\r\n\t\t\t}\r\n\t\t\treturn null;\r\n\t\t}}\r\n  `};\r\n\r\n\timg {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n`;\r\n\r\ninterface Props extends AuthorTagStyleProps {\r\n\tclassName?: string;\r\n\tdate: string;\r\n}\r\n\r\nconst NewsTag: React.FC<Props> = ({ date, className, size }) => {\r\n\tconst intl = useIntl();\r\n\tconst formattedDate = getFormattedFullDate(intl, new Date(date));\r\n\r\n\treturn (\r\n\t\t<AuthorTagWrapper className={className} size={size}>\r\n\t\t\t<IconWrapper size={size}>\r\n\t\t\t\t<NewsIcon />\r\n\t\t\t</IconWrapper>\r\n\t\t\t<AuthoredDate dateTime={date} size={size}>\r\n\t\t\t\t{formattedDate}\r\n\t\t\t</AuthoredDate>\r\n\t\t</AuthorTagWrapper>\r\n\t);\r\n};\r\n\r\nexport default NewsTag;\r\n","import NewsTag from './NewsTag';\r\nexport default NewsTag;\r\n","import * as React from 'react';\r\nimport styled, { DefaultTheme, withTheme } from 'styled-components';\r\nimport { media } from 'styleguide/helpers';\r\nimport { styleguideImport } from 'utils/import';\r\nimport AuthorTag, { AuthorTagProps } from 'styleguide/components/Tags/AuthorTag/AuthorTag';\r\nimport HealthcareIcon from 'styleguide/components/Icons/AspectGroupIcons/HealthcareIcon/HealthcareIcon';\r\nimport { ArticleCardInterface } from 'styleguide/interfaces/cardInterfaces';\r\nimport NewsTag from 'styleguide/components/Tags/NewsTag';\r\nimport { ResourceType } from 'common/components/Resource/types';\r\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\r\nimport { LazyImage, LazyImageProps } from 'styleguide/components/LazyImage';\r\nimport {\r\n\tGenericHighlightCardContainerProps,\r\n\tGenericHighlightCardContainer,\r\n\tGenericHighlightCardImageContainer,\r\n\tGenericHighlightCardContent,\r\n\tGenericHighlightCardContentTag,\r\n\ttruncate,\r\n} from '../GenericHighlightCard/GenericHighlightCard';\r\n\r\ninterface ArticleProps extends GenericHighlightCardContainerProps {\r\n\tshowAuthor?: boolean;\r\n\tforceSmallTitle?: boolean;\r\n}\r\n\r\ninterface ArticleCardProps extends ArticleProps {\r\n\ttheme: DefaultTheme;\r\n\ttruncateLength: number;\r\n}\r\n\r\ninterface ArticleCardState {\r\n\thighlightIcon: React.FC | React.ComponentClass | null;\r\n}\r\n\r\ntype Props = ArticleCardProps &\r\n\tArticleCardInterface &\r\n\tWrappedComponentProps &\r\n\tReact.AnchorHTMLAttributes<HTMLAnchorElement>;\r\n\r\nclass ArticleCard extends React.Component<Props, ArticleCardState> {\r\n\tpublic state: ArticleCardState = {\r\n\t\thighlightIcon: null,\r\n\t};\r\n\r\n\tpublic componentDidMount() {\r\n\t\tconst { icon } = this.props;\r\n\t\tthis.loadIcon(icon);\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tconst {\r\n\t\t\ttitle,\r\n\t\t\ttitleHtml,\r\n\t\t\turl,\r\n\t\t\tauthor,\r\n\t\t\tdate,\r\n\t\t\tcontentFamily,\r\n\t\t\tisHealthCareContent,\r\n\t\t\tresourceType,\r\n\t\t\ttruncateLength,\r\n\t\t\tonClick,\r\n\t\t\tlayoutName,\r\n\t\t\timageSize,\r\n\t\t\tshowAuthor,\r\n\t\t\tforceSmallTitle,\r\n\t\t\tintl,\r\n\t\t} = this.props;\r\n\t\tconst isNewsArticle = resourceType === ResourceType.newsArticle;\r\n\r\n\t\tconst displayTitle = titleHtml ? titleHtml : title;\r\n\r\n\t\treturn (\r\n\t\t\t<GenericHighlightCardContainer href={url} onClick={onClick} layoutName={layoutName}>\r\n\t\t\t\t<GenericHighlightCardImageContainer layoutName={layoutName} imageSize={imageSize}>\r\n\t\t\t\t\t{this.renderArticleImage()}\r\n\t\t\t\t</GenericHighlightCardImageContainer>\r\n\t\t\t\t<GenericHighlightCardContent layoutName={layoutName}>\r\n\t\t\t\t\t<GenericHighlightCardContentTag\r\n\t\t\t\t\t\tcolor={this.getContentTagColor()}\r\n\t\t\t\t\t\tsize={layoutName === 'three-column' ? 'small' : undefined}>\r\n\t\t\t\t\t\t{isHealthCareContent && !isNewsArticle && intl.formatMessage({ id: 'page_cms_content_for_professionals' })}\r\n\t\t\t\t\t\t{isNewsArticle && !isHealthCareContent && intl.formatMessage({ id: 'global_news_item' })}\r\n\t\t\t\t\t\t{!isHealthCareContent && !isNewsArticle && contentFamily}\r\n\t\t\t\t\t</GenericHighlightCardContentTag>\r\n\t\t\t\t\t<ArticleTitle\r\n\t\t\t\t\t\tlayoutName={layoutName}\r\n\t\t\t\t\t\tshowAuthor={showAuthor}\r\n\t\t\t\t\t\tforceSmallTitle={forceSmallTitle}\r\n\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: truncate(displayTitle, truncateLength) }}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t{showAuthor && isNewsArticle && date && (\r\n\t\t\t\t\t\t<NewsTag\r\n\t\t\t\t\t\t\tclassName=\"article-highlight-news-tag\"\r\n\t\t\t\t\t\t\tdate={date}\r\n\t\t\t\t\t\t\tsize={layoutName === 'three-column' ? 'small' : undefined}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{showAuthor && author && !isNewsArticle && (\r\n\t\t\t\t\t\t<ArticleAuthorTag {...author} date={date} size={layoutName === 'three-column' ? 'small' : undefined} />\r\n\t\t\t\t\t)}\r\n\t\t\t\t</GenericHighlightCardContent>\r\n\t\t\t</GenericHighlightCardContainer>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate renderArticleImage() {\r\n\t\tconst { isHealthCareContent, icon, layoutName, imageUrl, theme } = this.props;\r\n\t\tconst { highlightIcon } = this.state;\r\n\r\n\t\tconst Icon = highlightIcon ? highlightIcon : 'span';\r\n\r\n\t\tlet background: React.CSSProperties = {};\r\n\r\n\t\tif (isHealthCareContent) {\r\n\t\t\tbackground = {\r\n\t\t\t\tbackgroundColor: `${theme.colors.professionalContentBackground}`,\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\tif (icon) {\r\n\t\t\tbackground = {\r\n\t\t\t\tbackgroundColor: `${theme.colors.brandPrimaryFeatureBackground}`,\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\tif (isHealthCareContent || icon) {\r\n\t\t\treturn (\r\n\t\t\t\t<ArticleImage style={background} layoutName={layoutName}>\r\n\t\t\t\t\t{isHealthCareContent && <HealthcareIcon />}\r\n\t\t\t\t\t{icon && <Icon />}\r\n\t\t\t\t</ArticleImage>\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tconst renderImage = ({ src }: LazyImageProps) => {\r\n\t\t\tconst styles = {\r\n\t\t\t\tbackgroundImage: `url(${src})`,\r\n\t\t\t};\r\n\r\n\t\t\treturn <ArticleImage style={styles} layoutName={layoutName} />;\r\n\t\t};\r\n\r\n\t\treturn <LazyImage src={`${imageUrl}/300x300-article-highlight`} render={renderImage} />;\r\n\t}\r\n\r\n\tprivate async loadIcon(icon: string | null) {\r\n\t\tif (icon) {\r\n\t\t\tconst styleGuideIcon = await styleguideImport(icon);\r\n\t\t\tif (styleGuideIcon) {\r\n\t\t\t\tthis.setState({ highlightIcon: styleGuideIcon });\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getContentTagColor() {\r\n\t\tconst { isHealthCareContent, resourceType, icon, themeColor, theme } = this.props;\r\n\r\n\t\tif (isHealthCareContent) {\r\n\t\t\treturn theme.colors.professionalContent;\r\n\t\t}\r\n\r\n\t\tif (icon || resourceType === ResourceType.newsArticle) {\r\n\t\t\treturn theme.colors.brandPrimary;\r\n\t\t}\r\n\r\n\t\treturn themeColor;\r\n\t}\r\n}\r\n\r\nexport default injectIntl(withTheme(ArticleCard));\r\n\r\nconst ArticleAuthorTag = styled(AuthorTag)`\r\n\tmargin-top: 5px;\r\n\tposition: absolute;\r\n\tbottom: 5px;\r\n\r\n\t${media.desktop<AuthorTagProps>`\r\n\t\tbottom: ${props => (props.size === 'small' ? 5 : 20)}px;\r\n\t`};\r\n`;\r\n\r\nconst ArticleImage = styled.div<GenericHighlightCardContainerProps>`\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: 50% 50%;\r\n\tbackground-size: cover;\r\n\tborder-radius: 2px;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n`;\r\n\r\nconst ArticleTitle = styled.div<ArticleProps>`\r\n\tmargin-top: -10px;\r\n\tfont-size: 18px;\r\n\tline-height: 21px;\r\n\tfont-weight: 600;\r\n\tletter-spacing: -0.2px;\r\n\ttext-decoration: none;\r\n\r\n\t${media.desktop<ArticleProps>`\r\n\t\t${props =>\r\n\t\t\t(props.layoutName === 'two-column' || !props.showAuthor) && !props.forceSmallTitle\r\n\t\t\t\t? `\r\n\t\t\t\t\tfont-size: 24px;\r\n\t\t\t\t\tline-height: 26px;\r\n\t\t\t\t\tletter-spacing: -0.2px;\r\n\t\t\t\t`\r\n\t\t\t\t: ''}\r\n\t`};\r\n`;\r\n","import * as React from 'react';\r\nimport { Component } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { media, mediaBreakpoints } from '../../../helpers';\r\nimport { ProductCardInterface } from '../../../interfaces';\r\nimport { LazyImage } from '../../../components/LazyImage';\r\nimport { CardTitle, CardWrapper } from '../Card';\r\nimport NoveltyIcon from '../../Icons/AspectGroupIcons/NoveltyIcon';\r\nimport { CardWrapperProps } from '../Card/CardWrapper';\r\nimport Image from '../../PicturesAndVideos/Image';\r\nimport { ContentThemeContext } from 'common/contexts/ContentThemeContext';\r\n\r\nconst BORDER_RADIUS = 3; // px\r\n\r\nconst ProductCardWrapper = styled(CardWrapper)<\r\n\tProductCardProps & CardWrapperProps & React.AnchorHTMLAttributes<HTMLAnchorElement>\r\n>`\r\n\tmax-width: ${({ size }) => (size === 'small' ? '174px' : 'none')};\r\n`;\r\n\r\nconst ProductCardImageWrapper = styled('div')<ProductCardProps>`\r\n\tborder-radius: ${BORDER_RADIUS}px ${BORDER_RADIUS}px 0 0;\r\n\ttext-align: center;\r\n\tmargin: 0 auto;\r\n\tposition: relative;\r\n\r\n\t${({ theme, size }) => theme.styledVariations.productCardImage(size)};\r\n\r\n\t& > img {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t> .novelty-icon {\r\n\t\tposition: absolute;\r\n\r\n\t\t${props => {\r\n\t\t\tif (props.size === 'medium' || props.size === 'large') {\r\n\t\t\t\treturn css`\r\n\t\t\t\t\tleft: -30px;\r\n\t\t\t\t\tbottom: -10px;\r\n\t\t\t\t\twidth: 80px;\r\n\t\t\t\t\theight: 80px;\r\n\t\t\t\t`;\r\n\t\t\t}\r\n\t\t\treturn css`\r\n\t\t\t\tleft: -20px;\r\n\t\t\t\tbottom: -5px;\r\n\t\t\t\twidth: 60px;\r\n\t\t\t\theight: 60px;\r\n\t\t\t`;\r\n\t\t}};\r\n\t}\r\n`;\r\n\r\nconst StyledProductCardTitle = styled(CardTitle)<{ useLargeTextSize?: boolean }>`\r\n\ttext-align: center;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\tword-break: unset;\r\n\tbackground: transparent;\r\n\r\n\t${({ useLargeTextSize }) => {\r\n\t\tif (useLargeTextSize) {\r\n\t\t\treturn css`\r\n\t\t\t\tfont-size: 16px;\r\n\r\n\t\t\t\t${media.phone`\r\n\t\t\t\t\tfont-size: 18px;\r\n\t\t\t\t`};\r\n\t\t\t`;\r\n\t\t}\r\n\t\treturn null;\r\n\t}};\r\n\r\n\t${media.phone`\r\n\t\tjustify-content: flex-start;\r\n\t`};\r\n`;\r\n\r\nexport type ProductCardSizes = 'small' | 'medium' | 'large';\r\n\r\ninterface ProductCardProps {\r\n\tsize?: ProductCardSizes;\r\n\tuseLazyImage?: boolean;\r\n\tuseImagePresets?: boolean;\r\n\tuseLargeTextSize?: boolean;\r\n\tlanguage?: string | null;\r\n}\r\n\r\ntype Props = ProductCardProps & ProductCardInterface & React.AnchorHTMLAttributes<HTMLAnchorElement>;\r\n\r\nclass ProductCard extends Component<Props> {\r\n\tpublic static defaultProps = {\r\n\t\tuseLazyImage: true,\r\n\t\tsize: 'small',\r\n\t};\r\n\r\n\tpublic render() {\r\n\t\tconst { size, url, imageUrl, productName, className, isNovelty, useLargeTextSize, language, ...rest } = this.props;\r\n\t\treturn (\r\n\t\t\t<ContentThemeContext.Consumer>\r\n\t\t\t\t{contentTheme => (\r\n\t\t\t\t\t<ProductCardWrapper {...rest} href={url} size={size} className={`product-card ${className ? className : ''}`}>\r\n\t\t\t\t\t\t<ProductCardImageWrapper className=\"product-card__image-wrapper\" size={size}>\r\n\t\t\t\t\t\t\t{this.renderImage()}\r\n\t\t\t\t\t\t\t{!!isNovelty && <NoveltyIcon className=\"novelty-icon\" language={language} forProduct={true} />}\r\n\t\t\t\t\t\t</ProductCardImageWrapper>\r\n\t\t\t\t\t\t<StyledProductCardTitle\r\n\t\t\t\t\t\t\tuseLargeTextSize={useLargeTextSize}\r\n\t\t\t\t\t\t\tclassName=\"product-card__name\"\r\n\t\t\t\t\t\t\tcolor={contentTheme.color}>\r\n\t\t\t\t\t\t\t{productName}\r\n\t\t\t\t\t\t</StyledProductCardTitle>\r\n\t\t\t\t\t</ProductCardWrapper>\r\n\t\t\t\t)}\r\n\t\t\t</ContentThemeContext.Consumer>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate renderImage() {\r\n\t\tconst { imageUrl, imagePresetSuffix, productName, useImagePresets, size, useLazyImage } = this.props;\r\n\t\tif (!useImagePresets || typeof imageUrl !== 'string') {\r\n\t\t\tif (useLazyImage) {\r\n\t\t\t\treturn <LazyImage src={imageUrl} alt={productName} />;\r\n\t\t\t}\r\n\t\t\treturn <Image src={imageUrl} alt={productName} />;\r\n\t\t}\r\n\r\n\t\tconst suffix = imagePresetSuffix ? `-${imagePresetSuffix}` : '';\r\n\t\tlet srcSet = [\r\n\t\t\t`${imageUrl}/100x100${suffix} 1x`,\r\n\t\t\t`${imageUrl}/140x140${suffix} 1.5x`,\r\n\t\t\t`${imageUrl}/200x200${suffix} 2x`,\r\n\t\t];\r\n\t\tlet sizes;\r\n\r\n\t\tif (size === 'medium' || size === 'large') {\r\n\t\t\tsrcSet = [\r\n\t\t\t\t`${imageUrl}/100x100${suffix} 100w`,\r\n\t\t\t\t`${imageUrl}/140x140${suffix} 140w`,\r\n\t\t\t\t`${imageUrl}/200x200${suffix} 200w`,\r\n\t\t\t\t`${imageUrl}/200x200${suffix} 2x`,\r\n\t\t\t];\r\n\t\t}\r\n\r\n\t\tif (size === 'medium') {\r\n\t\t\tsizes = [\r\n\t\t\t\t`(max-width: ${mediaBreakpoints.desktop - 1}) 100px`,\r\n\t\t\t\t`(min-width: ${mediaBreakpoints.desktop}) 140px`,\r\n\t\t\t\t'140px',\r\n\t\t\t];\r\n\t\t}\r\n\r\n\t\tif (size === 'large') {\r\n\t\t\tsizes = [\r\n\t\t\t\t`(max-width: ${mediaBreakpoints.tablet - 1}) 100px`,\r\n\t\t\t\t`(min-width: ${mediaBreakpoints.tablet}) 140px`,\r\n\t\t\t\t`(min-width: ${mediaBreakpoints.desktop}) 200px`,\r\n\t\t\t\t'200px',\r\n\t\t\t];\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<LazyImage src={imageUrl}>\r\n\t\t\t\t<img\r\n\t\t\t\t\tsrcSet={srcSet.join(',')}\r\n\t\t\t\t\tsizes={sizes && sizes.join(',')}\r\n\t\t\t\t\tsrc={`${imageUrl}${this.getImagePreset()}`}\r\n\t\t\t\t\talt={productName}\r\n\t\t\t\t/>\r\n\t\t\t</LazyImage>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getImagePreset() {\r\n\t\tconst { imagePresetSuffix, size, useImagePresets } = this.props;\r\n\r\n\t\tif (!useImagePresets) {\r\n\t\t\treturn '';\r\n\t\t}\r\n\r\n\t\tconst suffix = imagePresetSuffix ? `-${imagePresetSuffix}` : '';\r\n\r\n\t\tlet preset = '100x100';\r\n\t\tif (size === 'medium') {\r\n\t\t\tpreset = '140x140';\r\n\t\t}\r\n\t\tif (size === 'large') {\r\n\t\t\tpreset = '200x200';\r\n\t\t}\r\n\r\n\t\treturn `/${preset}${suffix}`;\r\n\t}\r\n}\r\n\r\nexport default ProductCard;\r\n","import * as React from 'react';\r\nimport { RecipeCardInterface } from 'styleguide/interfaces/cardInterfaces';\r\nimport RecipeCard from 'styleguide/components/Cards/RecipeCard/RecipeCard';\r\nimport { SearchType } from 'pagetypes/Search/types';\r\nimport injectRoutable, { InjectedRoutableProps } from 'common/components/Routing/Routable';\r\nimport LoadingSpinner from 'common/components/Loading/LoadingSpinner';\r\nimport SearchResultsGrid from './SearchResultsGrid';\r\nimport NoResults from './NoResults';\r\n\r\nexport interface RecipeSearchResultsProps {\r\n\tresults: RecipeCardInterface[];\r\n\tsearchType?: SearchType;\r\n\tisResultsLoading: boolean;\r\n\thideRecipeInfo?: boolean;\r\n\tlanguage?: string | null;\r\n\tonRecipeClick?: () => void;\r\n\tonMount?: () => void;\r\n\tsearchUrl?: string;\r\n\tsearchKeyword?: string;\r\n}\r\n\r\nclass RecipeSearchResults extends React.Component<RecipeSearchResultsProps & InjectedRoutableProps> {\r\n\tpublic componentDidMount() {\r\n\t\tif (this.props.onMount) {\r\n\t\t\tthis.props.onMount();\r\n\t\t}\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tconst { results, isResultsLoading, searchKeyword, searchUrl } = this.props;\r\n\t\tif (!isResultsLoading && results.length === 0) {\r\n\t\t\treturn (\r\n\t\t\t\t<NoResults\r\n\t\t\t\t\tsearchUrl={searchUrl}\r\n\t\t\t\t\tsearchKeyword={searchKeyword}\r\n\t\t\t\t\tnoResultsButtonLabel=\"component_no_results_recipe_button\"\r\n\t\t\t\t\tnoResultsDescription=\"search_no_results_recipes_with_keyword\"\r\n\t\t\t\t/>\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<SearchResultsGrid>\r\n\t\t\t\t{this.renderResults(results)}\r\n\t\t\t\t{isResultsLoading && <LoadingSpinner />}\r\n\t\t\t</SearchResultsGrid>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate renderResults(recipeResults: RecipeCardInterface[]) {\r\n\t\tconst { onLinkClick, hideRecipeInfo, language } = this.props;\r\n\t\tconst onRecipeCardClick: InjectedRoutableProps['onLinkClick'] = event => {\r\n\t\t\tif (this.props.onRecipeClick) {\r\n\t\t\t\tthis.props.onRecipeClick();\r\n\t\t\t}\r\n\t\t\tonLinkClick(event);\r\n\t\t};\r\n\r\n\t\treturn recipeResults.map(recipe => (\r\n\t\t\t<RecipeCard\r\n\t\t\t\tkey={recipe.url}\r\n\t\t\t\t{...recipe}\r\n\t\t\t\tlanguage={language}\r\n\t\t\t\tonClick={onRecipeCardClick}\r\n\t\t\t\tclassName=\"search-result-card\"\r\n\t\t\t\thideRecipeInfo={hideRecipeInfo}\r\n\t\t\t/>\r\n\t\t));\r\n\t}\r\n}\r\n\r\nexport default injectRoutable(RecipeSearchResults);\r\n","import React, { useState, useEffect } from 'react';\r\nimport { throttle } from 'lodash';\r\nimport { withWindow } from 'styleguide/helpers';\r\nimport styled from 'styled-components';\r\n\r\nconst ScrollMenuWrapper = styled.div<ScrollMenuState>`\r\n\twidth: 100%;\r\n\tposition: fixed;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\tborder: 0 none;\r\n\ttransition: all ease-out 0.4s;\r\n\tz-index: ${({ theme }) => theme.zIndices.popovers};\r\n\r\n\t${props =>\r\n\t\tprops.isVisible\r\n\t\t\t? `\r\n      bottom: 0;\r\n    `\r\n\t\t\t: `\r\n      bottom: -100%;\r\n  `};\r\n`;\r\n\r\ninterface ScrollMenuState {\r\n\tisVisible: boolean;\r\n}\r\n\r\nconst ScrollMenu: React.FC = ({ children }) => {\r\n\tconst [isVisible, setVisibleState] = useState(false);\r\n\r\n\tconst onScrollWithWindow = (window: Window) => {\r\n\t\tif (window.scrollY > 695) {\r\n\t\t\tsetVisibleState(true);\r\n\t\t} else if (window.scrollY < 200) {\r\n\t\t\tsetVisibleState(false);\r\n\t\t}\r\n\t};\r\n\r\n\tconst onScroll = throttle(() => withWindow(w => onScrollWithWindow(w)));\r\n\r\n\tuseEffect(() => {\r\n\t\twithWindow(w => w.addEventListener('scroll', onScroll));\r\n\r\n\t\treturn function cleanup() {\r\n\t\t\twithWindow(w => w.removeEventListener('scroll', onScroll));\r\n\t\t};\r\n\t});\r\n\r\n\treturn <ScrollMenuWrapper isVisible={isVisible}>{children}</ScrollMenuWrapper>;\r\n};\r\n\r\nexport default ScrollMenu;\r\n","import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport SmallHeader from 'styleguide/components/Typography/SmallHeader/SmallHeader';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport Select from 'styleguide/components/Inputs/Select/Select';\r\nimport { ProductFeatures, ProductFeature } from '../interfaces';\r\nimport { FormattedMessage, useIntl } from 'react-intl';\r\n\r\nconst IngredientSelectorsWrapper = styled.div`\r\n\tmargin: ${({ theme }) => theme.grid.gutterInPx(3)} auto;\r\n\r\n\t${media.tablet`\r\n\t\tmargin: ${({ theme }) => theme.grid.gutterInPx(4)} auto;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-content: space-between;\r\n  `};\r\n`;\r\n\r\nconst IngredientSelectorWell = styled.div`\r\n\tpadding: ${({ theme }) => theme.grid.gutterInPx(2)};\r\n\tborder: 1px solid ${({ theme }) => theme.colors.border};\r\n\tborder-radius: 4px;\r\n\tmargin-top: ${({ theme }) => theme.grid.gutterInPx(2)};\r\n\r\n\t${media.tablet`\r\n\t\tmargin-top: 0;\r\n\t\tflex: 1 1 auto;\r\n\t\tflex: 1 1 calc(50% - ${({ theme }) => theme.grid.gutterInPx(1.5)});\r\n\t\twidth: calc(50% - ${({ theme }) => theme.grid.gutterInPx(1.5)});\r\n\t\tpadding: ${({ theme }) => theme.grid.gutterInPx(3)};\r\n\r\n\t\t& + & {\r\n\t\t\tmargin-left: ${({ theme }) => theme.grid.gutterInPx(3)};\r\n\t\t}\r\n\t`};\r\n\r\n\t${media.desktop`\r\n\t\tflex: 1 1 auto;\r\n\t\tflex: 1 1 calc(50% - ${({ theme }) => theme.grid.gutterInPx(2)});\r\n\t\twidth: calc(50% - ${({ theme }) => theme.grid.gutterInPx(2)});\r\n\t\tpadding: ${({ theme }) => theme.grid.gutterInPx(4)};\r\n\r\n\t\t& + & {\r\n\t\t\tmargin-left: ${({ theme }) => theme.grid.gutterInPx(4)};\r\n\t\t}\r\n\t`};\r\n\r\n\t.form-field {\r\n\t\tmargin-top: ${({ theme }) => theme.grid.gutterInPx(3)};\r\n\t}\r\n`;\r\n\r\nconst IngredientSelectorField: React.FC<{\r\n\tlabel: string;\r\n\tfilter: string;\r\n\tselection: ProductFeature[];\r\n\tdisableZeroCounts?: boolean;\r\n\tonIngredientSelect: (value: string, filterType: string) => void;\r\n}> = ({ label, filter, selection, onIngredientSelect, disableZeroCounts }) => {\r\n\tconst intl = useIntl();\r\n\r\n\tconst onSelect = (e: React.ChangeEvent<HTMLSelectElement>) => {\r\n\t\tconst { value } = e.target;\r\n\t\tonIngredientSelect(value, filter);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<Select name={filter} label={label} onChange={onSelect} inlineLabel>\r\n\t\t\t<option value=\"\">{intl.formatMessage({ id: 'global_choose' })}</option>\r\n\t\t\t{selection.map((item, i) => (\r\n\t\t\t\t<option key={i} value={item.slug} disabled={!!disableZeroCounts && item.count === 0}>\r\n\t\t\t\t\t{item.count !== undefined ? `${item.title} (${item.count})` : item.title}\r\n\t\t\t\t</option>\r\n\t\t\t))}\r\n\t\t</Select>\r\n\t);\r\n};\r\n\r\ninterface IngredientSelectorsProps {\r\n\taspects: ProductFeatures;\r\n\tonIngredientSelect: (value: string, filterType: string) => void;\r\n}\r\n\r\nconst IngredientSelectors: React.FC<IngredientSelectorsProps> = ({ aspects, onIngredientSelect }) => {\r\n\tconst intl = useIntl();\r\n\treturn (\r\n\t\t<IngredientSelectorsWrapper>\r\n\t\t\t<IngredientSelectorWell>\r\n\t\t\t\t<SmallHeader>\r\n\t\t\t\t\t<FormattedMessage id=\"product_ingredients_allergy_or_intolerance_ingredients\" />\r\n\t\t\t\t</SmallHeader>\r\n\t\t\t\t<IngredientSelectorField\r\n\t\t\t\t\tlabel={intl.formatMessage({ id: 'product_contains' })}\r\n\t\t\t\t\tfilter=\"yliherkkyys-sisaltaa\"\r\n\t\t\t\t\tselection={aspects.allergenics.contains}\r\n\t\t\t\t\tonIngredientSelect={onIngredientSelect}\r\n\t\t\t\t/>\r\n\t\t\t\t<IngredientSelectorField\r\n\t\t\t\t\tlabel={intl.formatMessage({ id: 'product_does_not_contain' })}\r\n\t\t\t\t\tfilter=\"yliherkkyys-eisisalla\"\r\n\t\t\t\t\tselection={aspects.allergenics.doesNotContain}\r\n\t\t\t\t\tonIngredientSelect={onIngredientSelect}\r\n\t\t\t\t/>\r\n\t\t\t</IngredientSelectorWell>\r\n\t\t\t<IngredientSelectorWell>\r\n\t\t\t\t<SmallHeader>\r\n\t\t\t\t\t<FormattedMessage id=\"product_other_ingredients\" />\r\n\t\t\t\t</SmallHeader>\r\n\t\t\t\t<IngredientSelectorField\r\n\t\t\t\t\tlabel={intl.formatMessage({ id: 'product_contains' })}\r\n\t\t\t\t\tfilter=\"muut-sisaltaa\"\r\n\t\t\t\t\tselection={aspects.ingredients.contains}\r\n\t\t\t\t\tonIngredientSelect={onIngredientSelect}\r\n\t\t\t\t/>\r\n\t\t\t\t<IngredientSelectorField\r\n\t\t\t\t\tlabel={intl.formatMessage({ id: 'product_does_not_contain' })}\r\n\t\t\t\t\tfilter=\"muut-eisisalla\"\r\n\t\t\t\t\tselection={aspects.ingredients.doesNotContain}\r\n\t\t\t\t\tonIngredientSelect={onIngredientSelect}\r\n\t\t\t\t/>\r\n\t\t\t</IngredientSelectorWell>\r\n\t\t</IngredientSelectorsWrapper>\r\n\t);\r\n};\r\n\r\nexport { IngredientSelectors as default, IngredientSelectorField };\r\n"],"sourceRoot":""}