{"version":3,"sources":["common/components/WeeklyMenu/components/WeeklyMenuIcon.tsx","common/components/WeeklyMenu/interfaces.ts","common/components/WeeklyMenu/components/WeeklyMenuNav.tsx","common/components/WeeklyMenu/components/WeeklyMenuRecipes.tsx","common/components/WeeklyMenu/WeeklyMenu.tsx"],"names":["react__WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","__webpack_exports__","xmlns","width","height","viewBox","fill","d","DayOfWeek","WeeklyMenuNavWrapper","styled_components_browser_esm","nav","withConfig","displayName","componentId","templateObject_1","Object","tslib_es6","props","theme","colors","border","components_WeeklyMenuNav","_a","isEnabled","weekName","hasNextWeek","hasPreviousWeek","onNextWeekClick","onPreviousWeekClick","react","getIconClassNames","isDisabled","IconButton","icon","ArrowLeftIcon","color","undefined","buttonDisabled","size","className","onClick","MediumHeader","ArrowRightIcon","renderRightIcon","WeeklyMenuRecipesWrapper","section","templateObject_3","isStatic","templateObject_2","media","tablet","WeeklyMenuRecipes_templateObject_1","isLoading","ulReset","WeekdayRecipeList","ul","templateObject_5","templateObject_4","WeekdayRecipeListItem","li","templateObject_10","desktop","templateObject_6","templateObject_7","templateObject_8","templateObject_9","WeekendRecipeList","templateObject_12","templateObject_11","WeekendRecipeListItem","templateObject_16","templateObject_13","templateObject_14","templateObject_15","WeekendMenuWrapper","div","templateObject_20","templateObject_17","templateObject_18","templateObject_19","WeekendSidesWrapper","templateObject_22","templateObject_21","EmptyDayNotice","templateObject_24","templateObject_23","getImageUrl","url","components_WeeklyMenuRecipes","Routable","days","onLinkClick","intl","useIntl","getWeekendRecipe","recipe","badgeText","imageUrl","getWeekendRecipes","day","starter","formatMessage","id","dessert","filter","r","recipeName","weekdays","slice","weekend","map","key","title","SmallHeader","maindish","HorizontalRecipeCard","recipesData","isVisible","default","RecipeCard","_b","message","dayOfWeek","Saturday","isSmall","WeeklyMenuWrapper","article","WeeklyMenu_templateObject_5","zIndices","titleBlockTitle","WeeklyMenu_templateObject_1","WeeklyMenu_templateObject_2","WeeklyMenu_templateObject_3","WeeklyMenu_templateObject_4","WeeklyMenuDescription","p","WeeklyMenu_templateObject_8","fonts","secondary","bodyText","WeeklyMenu_templateObject_6","WeeklyMenu_templateObject_7","StaticMobileIconWrapper","WeeklyMenu_templateObject_10","WeeklyMenu_templateObject_9","WeeklyMenu_WeeklyMenu","_super","WeeklyMenu","_this","apply","this","arguments","weeklyMenu","onGoToWeek","previousWeekUrl","nextWeekUrl","prototype","render","siteUrlPrefix","description","weekNumber","values","WeeklyMenuIcon","Boolean","OutlinedButtonLink","href"],"mappings":"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","file":"static/js/weeklymenu.6a1697db.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\nconst WeeklyMenuIcon: React.FC = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default WeeklyMenuIcon;\r\n","import { RecipeCardInterface } from 'styleguide/interfaces/cardInterfaces';\r\nimport { AsyncLoadableState } from '../../interfaces/common';\r\n\r\nexport enum DayOfWeek {\r\n\tSunday = 0,\r\n\tMonday = 1,\r\n\tTuesday = 2,\r\n\tWednesday = 3,\r\n\tThursday = 4,\r\n\tFriday = 5,\r\n\tSaturday = 6,\r\n}\r\n\r\nexport interface WeeklyMenuDay {\r\n\ttitle: string;\r\n\tdayOfWeek: DayOfWeek;\r\n\tstarter: RecipeCardInterface | null;\r\n\tmaindish: RecipeCardInterface | null;\r\n\tdessert: RecipeCardInterface | null;\r\n}\r\n\r\nexport interface WeeklyMenuContent {\r\n\ttitle: string;\r\n\tdescription: string | null;\r\n\tnextWeekUrl: string;\r\n\tpreviousWeekUrl: string;\r\n\tyear: number;\r\n\tweekNumber: number;\r\n\tdays: WeeklyMenuDay[];\r\n}\r\n\r\nexport interface WeeklyMenuState extends AsyncLoadableState {\r\n\tweeklyMenu?: WeeklyMenuContent;\r\n}\r\n","import * as React from 'react';\r\nimport IconButton from 'styleguide/components/Buttons/IconButton/IconButton';\r\nimport ArrowLeftIcon from 'styleguide/components/Icons/NormalIcons/ArrowLeftIcon/ArrowLeftIcon';\r\nimport ArrowRightIcon from 'styleguide/components/Icons/NormalIcons/ArrowRightIcon/ArrowRightIcon';\r\nimport MediumHeader from 'styleguide/components/Typography/MediumHeader/MediumHeader';\r\nimport styled, { ThemeContext } from 'styled-components';\r\n\r\nconst WeeklyMenuNavWrapper = styled.nav`\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\r\n\t.nav-button {\r\n\t\tborder: 1px solid ${props => props.theme.colors.border};\r\n\t\twidth: 24px;\r\n\t\theight: 24px;\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\t.nav-button--disabled {\r\n\t\tcursor: default;\r\n\t}\r\n\r\n\t.medium-header {\r\n\t\tmargin: 8px 20px;\r\n\t}\r\n`;\r\n\r\nexport interface WeeklyMenuNavProps {\r\n\tweekName: string;\r\n\thasNextWeek: boolean;\r\n\thasPreviousWeek: boolean;\r\n\tonNextWeekClick: () => void;\r\n\tonPreviousWeekClick: () => void;\r\n}\r\n\r\nconst WeeklyMenuNav: React.FC = ({\r\n\tweekName,\r\n\thasNextWeek,\r\n\thasPreviousWeek,\r\n\tonNextWeekClick,\r\n\tonPreviousWeekClick,\r\n}) => {\r\n\tconst theme = React.useContext(ThemeContext);\r\n\r\n\tconst renderLeftIcon = (isEnabled: boolean) => {\r\n\t\treturn ;\r\n\t};\r\n\r\n\tconst renderRightIcon = (isEnabled: boolean) => {\r\n\t\treturn ;\r\n\t};\r\n\r\n\tconst getIconClassNames = (isDisabled: boolean) => {\r\n\t\treturn `nav-button ${isDisabled ? 'nav-button--disabled' : ''}`;\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t{weekName}\r\n\t\t\t\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default WeeklyMenuNav;\r\n","import * as React from 'react';\r\nimport SmallHeader from 'styleguide/components/Typography/SmallHeader/SmallHeader';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport HorizontalRecipeCard from 'styleguide/components/Cards/HorizontalRecipeCard/HorizontalRecipeCard';\r\nimport RecipeCard from 'styleguide/components/Cards/RecipeCard/RecipeCard';\r\nimport styled, { css } from 'styled-components';\r\nimport { RecipeCardInterface } from 'styleguide/interfaces/cardInterfaces';\r\nimport { FormattedMessage, useIntl } from 'react-intl';\r\nimport { WeeklyMenuDay, DayOfWeek } from '../interfaces';\r\nimport injectRoutable, { InjectedRoutableProps } from '../../Routing/Routable';\r\n\r\nconst WeeklyMenuRecipesWrapper = styled.section<{ isLoading?: boolean; isStatic?: boolean }>`\r\n\t${props =>\r\n\t\tprops.isStatic\r\n\t\t\t? css`\r\n\t\t\t\t\tdisplay: none;\r\n\r\n\t\t\t\t\t${media.tablet`\r\n\t\t\tdisplay: block;\r\n\t\t`};\r\n\t\t\t `\r\n\t\t\t: ''};\r\n\r\n\t${props => (props.isLoading ? 'opacity: 0.5' : '')};\r\n\r\n\tmax-width: 1080px;\r\n\tmargin: 0 auto;\r\n\r\n\t.recipe-card-image-wrapper {\r\n\t\t/* IE */\r\n\t\tflex-basis: 132px;\r\n\t\tflex-basis: auto;\r\n\t}\r\n`;\r\n\r\nconst ulReset = `\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n`;\r\n\r\nconst WeekdayRecipeList = styled.ul`\r\n\t${ulReset};\r\n\t${media.tablet` \r\n display: flex;\r\n\t\tflex-direction: row;\r\n justify-content: center;\r\n align-items: stretch;\r\n `};\r\n`;\r\n\r\nconst WeekdayRecipeListItem = styled.li`\r\n\ttext-align: center;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\r\n\t${media.desktop`\r\n flex: 1 0 0px;\r\n `};\r\n\r\n\t& + & {\r\n\t\tmargin: 30px 0 0;\r\n\r\n\t\t${media.tablet`\r\n margin: 0 0 0 5px;\r\n `};\r\n\r\n\t\t${media.desktop`\r\n margin: 0 0 0 10px;\r\n `};\r\n\t}\r\n\r\n\t.day-header {\r\n\t\tmargin-bottom: 10px;\r\n\t}\r\n\r\n\t.recipe-card {\r\n\t\tflex: 1;\r\n\r\n\t\t/* IE */\r\n\t\tflex-basis: 168px;\r\n\t\tflex-basis: auto;\r\n\t\tmin-height: 168px;\r\n\t\tmax-width: 208px;\r\n\r\n\t\timg {\r\n\t\t\tmax-height: 132px;\r\n\r\n\t\t\t${media.tablet`\r\n min-height: 115px; \r\n `};\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nconst WeekendRecipeList = styled.ul`\r\n\t${ulReset};\r\n\tmargin-top: 30px;\r\n\r\n\t${media.desktop`\r\n display: flex;\r\n\t\tflex-direction: row;\r\n `};\r\n`;\r\n\r\nconst WeekendRecipeListItem = styled.li`\r\n\t& + & {\r\n\t\tmargin: 30px 0 0;\r\n\r\n\t\t${media.desktop`\r\n margin: 0 0 0 10px;\r\n `};\r\n\t}\r\n\r\n\t${media.desktop`\r\n\t\t/* The first one is for IE */\r\n flex: 1 0 535px;\r\n flex: 1 0 calc(50% - 5px);\r\n `};\r\n\r\n\t.day-header {\r\n\t\ttext-align: center;\r\n\t\tmargin: 0 0 10px;\r\n\r\n\t\t${media.tablet`\r\n margin-left: 20px;\r\n text-align: left;\r\n `};\r\n\t}\r\n`;\r\n\r\nconst WeekendMenuWrapper = styled.div`\r\n\t.recipe-card {\r\n\t\tmax-width: 208px;\r\n\r\n\t\timg {\r\n\t\t\tmax-height: 132px;\r\n\t\t}\r\n\r\n\t\t${media.tablet`\r\n flex: 1 1 20%;\r\n `};\r\n\r\n\t\t${media.desktop`\r\n flex: 1 1 auto;\r\n `};\r\n\t}\r\n\r\n\t${media.tablet`\r\n display: flex;\r\n `};\r\n`;\r\n\r\nconst WeekendSidesWrapper = styled.div`\r\n\tmargin-top: 10px;\r\n\r\n\t${media.tablet`\r\n flex: 2 0 auto;\r\n margin-top: 0;\r\n margin-left: 10px;\r\n\r\n\t\t.horizontal-recipe-card {\r\n\t\t\tmax-width: 320px;\r\n\t\t}\r\n `};\r\n`;\r\n\r\nconst EmptyDayNotice = styled.div`\r\n\tmargin-top: 15px;\r\n\r\n\t${media.tablet`\r\n\t\tmargin-top: 50px;\r\n\t`};\r\n`;\r\n\r\nconst getImageUrl = (url: string) => {\r\n\treturn `${url}/358x231-recipe-highlight`;\r\n};\r\n\r\nexport interface WeeklyMenuRecipesProps {\r\n\tdays: WeeklyMenuDay[];\r\n\tisLoading?: boolean;\r\n\tisStatic?: boolean;\r\n}\r\n\r\nconst WeeklyMenuRecipes: React.FC = ({\r\n\tdays,\r\n\tonLinkClick,\r\n\tisLoading,\r\n\tisStatic,\r\n}) => {\r\n\tconst intl = useIntl();\r\n\r\n\tconst getWeekendRecipe = (recipe: RecipeCardInterface | null, badgeText: string): RecipeCardInterface | null => {\r\n\t\tif (!recipe) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\r\n\t\treturn {\r\n\t\t\t...recipe,\r\n\t\t\tbadgeText,\r\n\t\t\timageUrl: getImageUrl(recipe.imageUrl),\r\n\t\t};\r\n\t};\r\n\r\n\tconst getWeekendRecipes = (day: WeeklyMenuDay): RecipeCardInterface[] => {\r\n\t\treturn [\r\n\t\t\tgetWeekendRecipe(day.starter, intl.formatMessage({ id: 'kitchenmenu_starter_recipe' })),\r\n\t\t\tgetWeekendRecipe(day.dessert, intl.formatMessage({ id: 'kitchenmenu_dessert_recipe' })),\r\n\t\t].filter(r => r && r.recipeName) as RecipeCardInterface[];\r\n\t};\r\n\r\n\tconst weekdays = days.slice(0, 5);\r\n\tconst weekend = days.slice(5);\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t{weekdays.map(day => (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{day.title}\r\n\t\t\t\t\t\t{!day.maindish && tälle päivälle ei ole suositeltavaa annosta}\r\n\r\n\t\t\t\t\t\t{day.maindish && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{day.maindish && (\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))}\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t{weekend.map(day => (\r\n\t\t\t\t\t\r\n\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\t\r\n\t\t\t\t\t\t\t{day.maindish && (\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\t{day.maindish && (\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\t\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))}\r\n\t\t\t\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default injectRoutable(WeeklyMenuRecipes);\r\n","import * as React from 'react';\r\nimport WeeklyMenuNav from './components/WeeklyMenuNav';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport MediumHeader from 'styleguide/components/Typography/MediumHeader/MediumHeader';\r\nimport OutlinedButtonLink from 'styleguide/components/Buttons/OutlinedButton/OutlinedButtonLink';\r\nimport WeeklyMenuRecipes from './components/WeeklyMenuRecipes';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { WeeklyMenuState } from './interfaces';\r\nimport injectRoutable, { InjectedRoutableProps } from '../Routing/Routable';\r\nimport WeeklyMenuIcon from './components/WeeklyMenuIcon';\r\n\r\nconst WeeklyMenuWrapper = styled.article`\r\n\tpadding: 30px 0;\r\n\tposition: relative;\r\n\tz-index: ${props => props.theme.zIndices.titleBlockTitle};\r\n\twidth: 100%;\r\n\r\n\t${media.desktop`\r\n\t\tpadding: 30px 30px 50px;\r\n\t`};\r\n\r\n\t& > .medium-header {\r\n\t\tmargin: 8px auto;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.kitchen-menu-link {\r\n\t\tmargin: 0 auto;\r\n\t\twidth: auto;\r\n\t\tmax-width: 320px;\r\n\t\tpadding: 0 20px;\r\n\r\n\t\t${media.tablet`\r\n\t\t\tmargin-top: 40px;\r\n\t\t`};\r\n\r\n\t\t.kitchen-menu-link__label--mobile {\r\n\t\t\t${media.tablet`\r\n\t\t\t\tdisplay: none;\r\n\t\t\t`};\r\n\t\t}\r\n\t\t.kitchen-menu-link__label--tablet {\r\n\t\t\tdisplay: none;\r\n\r\n\t\t\t${media.tablet`\r\n\t\t\t\tdisplay: block;\r\n\t\t\t`};\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nconst WeeklyMenuDescription = styled.p`\r\n\tfont-family: ${props => props.theme.fonts.secondary};\r\n\tfont-size: 18px;\r\n\tline-height: 21px;\r\n\tcolor: ${props => props.theme.colors.bodyText};\r\n\tpadding: 0 30px;\r\n\tmargin: 20px auto 50px;\r\n\tmax-width: 750px;\r\n\ttext-align: center;\r\n\r\n\t${media.tablet`\r\n\t\tpadding: 0 50px;\r\n\t`};\r\n\r\n\t${media.desktop`\r\n\t\tpadding: 0;\r\n\t`};\r\n`;\r\n\r\nconst StaticMobileIconWrapper = styled.div`\r\n\ttext-align: center;\r\n\r\n\tsvg {\r\n\t\twidth: 60%;\r\n\t\theight: auto;\r\n\t\tmargin: 20px auto;\r\n\t}\r\n\r\n\t${media.tablet`\r\n\t\tdisplay: none;\r\n\t`};\r\n`;\r\n\r\nexport interface WeeklyMenuProps extends WeeklyMenuState {\r\n\tisStatic?: boolean;\r\n\tonGoToWeek?: (url: string) => void;\r\n\tsiteUrlPrefix: string;\r\n}\r\n\r\nclass WeeklyMenu extends React.Component {\r\n\tpublic render() {\r\n\t\tconst { weeklyMenu, isStatic, isLoading, onLinkClick, siteUrlPrefix } = this.props;\r\n\r\n\t\tif (!weeklyMenu) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\r\n\t\tconst { title, nextWeekUrl, previousWeekUrl, description, days, weekNumber } = weeklyMenu;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{isStatic && (\r\n\t\t\t\t\t<>\r\n\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\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)}\r\n\t\t\t\t{!isStatic && (\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{description && {description}}\r\n\r\n\t\t\t\t\r\n\r\n\t\t\t\t{isStatic && (\r\n\t\t\t\t\t\r\n\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\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)}\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n\r\n\tprivate onPreviousWeekClick = () => {\r\n\t\tconst { weeklyMenu, onGoToWeek } = this.props;\r\n\t\tif (weeklyMenu && weeklyMenu.previousWeekUrl && onGoToWeek) {\r\n\t\t\tonGoToWeek(weeklyMenu.previousWeekUrl);\r\n\t\t}\r\n\t};\r\n\r\n\tprivate onNextWeekClick = () => {\r\n\t\tconst { weeklyMenu, onGoToWeek } = this.props;\r\n\t\tif (weeklyMenu && weeklyMenu.nextWeekUrl && onGoToWeek) {\r\n\t\t\tonGoToWeek(weeklyMenu.nextWeekUrl);\r\n\t\t}\r\n\t};\r\n}\r\n\r\nexport default injectRoutable(WeeklyMenu);\r\n"],"sourceRoot":""}