\r\n \r\n \r\n )}\r\n \r\n)\r\n\r\nexport default MonoFooter\r\n","import React from 'react'\r\nimport MonoHeader from '../Header/MonoHeader'\r\nimport MenuPrice from './MenuPrice'\r\nimport MonoKiosk from './MonoKiosk'\r\nimport MonoFooter from './MonoFooter'\r\n\r\nimport styled from 'styled-components'\r\n\r\nconst DuoKioskWrapper = styled.div`\r\n display: flex;\r\n flex-direction: row;\r\n`\r\n\r\nconst DuoKiosk = props => {\r\n const {\r\n useCommercialName,\r\n hideComposition,\r\n hideLabels,\r\n hideIntolerences,\r\n dataSource,\r\n isAdministrationPanel,\r\n language,\r\n hideMenuPrice,\r\n hideRecipePoints,\r\n hideEnergyKcal,\r\n showEnergyKcalByPortion\r\n } = props\r\n\r\n let isKiosksEmpty = true\r\n if (props.items.kiosks && props.items.kiosks.length) {\r\n props.items.kiosks.map(kiosk => {\r\n if (kiosk.items.length) {\r\n isKiosksEmpty = false\r\n }\r\n })\r\n }\r\n\r\n if (isKiosksEmpty) {\r\n return (\r\n \r\n \r\n )\r\n }\r\n\r\n return (\r\n \r\n {props.items.kiosks.slice(0, 2).map((kiosk, index) => (\r\n \r\n
\r\n ))}\r\n \r\n )\r\n}\r\n\r\nexport default DuoKiosk\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\n\r\nimport Header from './Header/Header'\r\nimport MonoHeader from './Header/MonoHeader'\r\n\r\nimport Kiosk from '../Kiosk/Kiosk'\r\nimport MonoKiosk from './Kiosk/MonoKiosk'\r\nimport MenuKiosk from './Kiosk/MenuKiosk'\r\n\r\nimport Settings from 'settings'\r\n\r\nimport { KioskWrapper, MasonryWrapper } from './style'\r\nimport NoDataSegment from '../NoDataSegment/NoDataSegment'\r\n\r\nimport DuoKiosk from './Kiosk/DuoKisok'\r\nimport MenuPrice from './Kiosk/MenuPrice'\r\nimport MonoFooter from './Kiosk/MonoFooter'\r\nimport { getLanguage } from '../../utils/Locale'\r\n\r\nconst EmptyMenu = props => (\r\n \r\n \r\n ) : (\r\n \r\n \r\n {items}\r\n \r\n )}\r\n
\r\n ) : (\r\n \r\n
\r\n )\r\n ) : (\r\n \r\n
\r\n )\r\n\r\n return content\r\n}\r\n\r\nexport default kioskView\r\n\r\nconst Grid = styled.div`\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n\r\n .item {\r\n position: relative;\r\n background-color: #fff;\r\n margin: 8px;\r\n padding-top: 2px;\r\n border-radius: 3px;\r\n box-shadow: 0 1px 6px rgba(21, 24, 88, 0.05);\r\n transition: box-shadow 0.5s ease-in-out,\r\n -webkit-box-shadow 0.5s ease-in-out;\r\n border: 1px solid #d5d5d5;\r\n }\r\n`\r\n","import styled, { createGlobalStyle, css } from 'styled-components'\r\nimport { Page } from '../PrintView/style'\r\n\r\nexport const GlobalStyle = createGlobalStyle`\r\n body {\r\n background-color: white !important;\r\n }\r\n @media print {\r\n @page {\r\n ${props =>\r\n props.orientation &&\r\n css`\r\n size: ${props.orientation};\r\n `}\r\n /* size: ${props => props.orientation}; */\r\n /* size: 210mm 297mm; */\r\n \r\n margin: 0;\r\n margin-top: 1cm;\r\n }\r\n }\r\n`\r\n\r\nexport const LabelPage = styled(Page)`\r\n height: auto;\r\n max-height: none;\r\n\r\n margin: auto;\r\n padding: 0 4mm;\r\n\r\n /* display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap; */\r\n\r\n /* display: grid;\r\n grid-template-rows: repeat(1fr, 40mm);\r\n grid-template-columns: repeat(2, 100mm); */\r\n\r\n display: block;\r\n column-count: 2; \r\n column-width: 100mm; \r\n column-gap: 0mm;\r\n`\r\n\r\nexport const ProductLabelContent = styled.div`\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n`\r\n\r\nexport const ProductLabel = styled.div`\r\n height: ${props => props.small ? '30mm' : '39mm'};\r\n position: relative;\r\n \r\n @media print {\r\n page-break-before: ${props => props.breakPage ? 'always' : 'avoid'};\r\n page-break-inside: avoid;\r\n /* margin-top: ${props => props.addMarginTop ? '1cm' : '0'}; */\r\n }\r\n\r\n border-right: 0.255px dashed ${props => props.theme.header_background};\r\n border-left: 0.25px dashed ${props => props.theme.header_background};\r\n\r\n header {\r\n text-align: left;\r\n display: flex;\r\n background-color: ${props => props.theme.header_background};\r\n width: 100%;\r\n height: 15mm;\r\n img {\r\n height: 20mm;\r\n }\r\n\r\n h1 {\r\n margin: 0;\r\n padding-top: 1mm;\r\n min-height: 15mm;\r\n font-size: 15pt;\r\n font-weight: 600;\r\n color: ${props => props.theme.header_font_color};\r\n }\r\n }\r\n\r\n footer {\r\n position: absolute;\r\n bottom: 0;\r\n width: 100%;\r\n padding: 2mm;\r\n\r\n display: flex;\r\n align-items: flex-end;\r\n }\r\n`","import React from 'react'\r\nimport { EnergyKCal, RecipeLabel, RecipePoints, RecipePrice } from '../Kiosk/style'\r\nimport LabelIcons from '../LabelIcons/LabelIcons'\r\nimport { ActionButton, ActionButtons, Page } from '../PrintView/style'\r\nimport {\r\n LabelPage,\r\n ProductLabel,\r\n GlobalStyle,\r\n ProductLabelContent,\r\n} from './style'\r\n\r\nconst LabelView = ({\r\n isAdmin,\r\n size,\r\n items,\r\n concept,\r\n hideLabels,\r\n hideIntolerences,\r\n hideMenuPrice,\r\n hideRecipePoints,\r\n hideEnergyKcal,\r\n showEnergyKcalByPortion,\r\n hideComposition,\r\n dataSource,\r\n}) => {\r\n if (!items || items.length === 0) {\r\n return null\r\n }\r\n\r\n const flatProducts = []\r\n items.forEach((byDate) => {\r\n if (!byDate.kiosks) return\r\n byDate.kiosks.forEach(byKiosk =>\r\n byKiosk.items\r\n .filter(_ => _.menu_board_label)\r\n .forEach(item => flatProducts.push(item))\r\n )\r\n })\r\n\r\n if (flatProducts.length % 2 !== 0) {\r\n flatProducts.push([])\r\n }\r\n\r\n const priceRegex = /(\\d+)[,|.](\\d+)(.*)/\r\n\r\n const formatPrice = (price, currency) => {\r\n let priceInt, priceSup\r\n\r\n const priceMatches = priceRegex.exec(price)\r\n\r\n if (priceMatches) {\r\n priceInt = priceMatches[1]\r\n const decimals =\r\n parseInt(priceMatches[2]) !== 0 ? priceMatches[2] : ''\r\n priceSup = priceMatches[3].trim() + decimals\r\n } else {\r\n return (\r\n \r\n {price}\r\n {currency}\r\n \r\n )\r\n }\r\n\r\n return (\r\n \r\n {priceInt}\r\n {priceSup} \r\n \r\n )\r\n }\r\n\r\n return (\r\n <>\r\n \r\n {flatProducts.map((item, index) => (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n {item.menu_board_label} \r\n \r\n\r\n {!!!hideComposition && (\r\n \r\n {item.composition}\r\n \r\n )}\r\n \r\n \r\n \r\n {!hideLabels && item.label && (\r\n (i.target.style.display = 'none')}\r\n />\r\n )}\r\n {!hideLabels &&\r\n item.caracteristique_produit && (\r\n (i.target.style.display = 'none')}\r\n />\r\n )}\r\n {!hideIntolerences && (\r\n \r\n {!hideEnergyKcal && (\r\n showEnergyKcalByPortion ? (\r\n !!item.energyKCalByPortion && (\r\n \r\n {item.energyKCalByPortion} \r\n \r\n )\r\n ) : (\r\n !!item.energyKCal && (\r\n \r\n \r\n {item.energyKCal}\r\n 100g \r\n \r\n \r\n )\r\n )\r\n )}\r\n {!hideRecipePoints && item.price_point ? (\r\n \r\n {item.price_point} \r\n \r\n ) : null}\r\n {!hideMenuPrice &&\r\n (item.price_currency ||\r\n !!item.price) && (\r\n \r\n {formatPrice(\r\n item.price_currency ||\r\n item.price,\r\n item.currency\r\n )}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n {!isAdmin && (\r\n \r\n window.print()}>\r\n PRINT\r\n \r\n \r\n )}\r\n \r\n )\r\n}\r\n\r\nexport default LabelView\r\n","import React, { Component, Fragment } from 'react'\r\nimport { ThemeProvider } from 'styled-components'\r\nimport Papa from 'papaparse'\r\nimport moment from 'moment'\r\nimport 'moment/min/locales.min'\r\n\r\nimport WeekView from '../../components/WeekView/WeekView'\r\nimport MobileView from '../../components/MobileView/MobileView'\r\nimport PrintView from '../../components/PrintView/PrintView'\r\nimport KioskView from '../../components/KioskView/KioskView'\r\nimport LabelView from '../../components/LabelView/LabelView'\r\n\r\nimport Themes from 'themes'\r\nimport Settings from 'settings'\r\n\r\nimport CryptoJS from 'crypto-js'\r\nimport NoDataSegment from '../../components/NoDataSegment/NoDataSegment'\r\nimport Loader from '../../components/Loader/Loader'\r\nimport { getSlugFromString } from '../../utils/mongo_utils'\r\nimport Axios from 'axios'\r\nimport { LoaderConsumer } from '../../utils/LoadingContext'\r\n\r\nimport { createGlobalStyle } from 'styled-components'\r\nimport { getLanguage } from '../../utils/Locale'\r\n\r\nimport axios from 'axios'\r\n\r\nconst GlobalStyle = createGlobalStyle`\r\n body {\r\n background-color: ${props =>\r\n props.forceWhiteBackground ? '#fff' : props.theme.background};\r\n\r\n font-family: ${props => props.theme.content_font_family}; \r\n }\r\n`\r\n\r\nclass MenuPanel extends Component {\r\n state = {\r\n days: [],\r\n items: [],\r\n }\r\n\r\n componentWillMount() {\r\n const { dataSource } = this.props\r\n if (dataSource === 'excel') {\r\n this.parseCsvFile(this.props)\r\n } else if (dataSource === 'winrest') {\r\n this.fetchWinrestData()\r\n } else if (dataSource === 'winrest2') {\r\n this.fetchWinrestData2()\r\n }\r\n }\r\n\r\n componentDidUpdate = async (prevProps, prevState) => {\r\n const {\r\n dataSource = '',\r\n siteId,\r\n pointOfSaleSlug,\r\n winrestURL,\r\n language,\r\n guestTypeSlug,\r\n mealTypeSlug,\r\n menuSlug,\r\n } = prevProps\r\n const newPrevProps = { ...prevProps }\r\n delete newPrevProps.loading\r\n let { loading, ...restOfCurrent } = this.props\r\n\r\n const isThereChanges =\r\n JSON.stringify(newPrevProps) !== JSON.stringify(restOfCurrent)\r\n\r\n const shouldReloadFile =\r\n this.props.title === prevProps.title &&\r\n this.props.hideMenuPrice === prevProps.hideMenuPrice &&\r\n this.props.hideRecipePoints === prevProps.hideRecipePoints &&\r\n this.props.hideEnergyKcal === prevProps.hideEnergyKcal &&\r\n this.props.showEnergyKcalByPortion === prevProps.showEnergyKcalByPortion && \r\n this.props.hideComposition === prevProps.hideComposition &&\r\n this.props.hideLabels === prevProps.hideLabels &&\r\n this.props.useCommercialName === prevProps.useCommercialName &&\r\n this.props.isDuoKiosk === prevProps.isDuoKiosk &&\r\n this.props.zoom === prevProps.zoom\r\n\r\n if (isThereChanges && shouldReloadFile) {\r\n if (dataSource === 'excel') {\r\n this.parseCsvFile(this.props)\r\n } else if (\r\n dataSource === 'winrest' &&\r\n siteId &&\r\n pointOfSaleSlug &&\r\n winrestURL &&\r\n language &&\r\n guestTypeSlug &&\r\n mealTypeSlug &&\r\n menuSlug\r\n ) {\r\n if (\r\n this.props.recipes !== prevProps.recipes ||\r\n this.props.dayCount !== prevProps.dayCount ||\r\n this.props.startDay !== prevProps.startDay ||\r\n this.props.language !== prevProps.language ||\r\n this.props.displayMode !== prevProps.displayMode ||\r\n this.props.excludedDays !== prevProps.excludedDays\r\n ) {\r\n this.fetchWinrestData()\r\n }\r\n } else if (dataSource === 'winrest2') {\r\n this.fetchWinrestData2()\r\n }\r\n }\r\n }\r\n\r\n getKioskPicture = kiosk => {\r\n const { winrestData, concept } = this.props\r\n if (\r\n winrestData &&\r\n winrestData.pictures &&\r\n winrestData.pictures[concept]\r\n ) {\r\n return winrestData.pictures[concept][kiosk]\r\n } else {\r\n const picturesStr = localStorage.getItem('winrest-recipes-pictures')\r\n if (!picturesStr) {\r\n return null\r\n }\r\n const picturesValue = JSON.parse(picturesStr)\r\n if (!picturesValue[this.props.concept]) {\r\n return null\r\n }\r\n return picturesValue[this.props.concept][kiosk]\r\n }\r\n }\r\n\r\n sortByRecipeTypes = (recipe1, recipe2, recipeTypes) => {\r\n if (!recipeTypes || recipeTypes == '' || recipeTypes == []) return 0\r\n\r\n if (typeof recipeTypes == 'string') {\r\n recipeTypes = recipeTypes.split(',')\r\n }\r\n\r\n const recipeTypesArr = recipeTypes.map((r, i) => {\r\n return { index: i, value: r.toLowerCase() }\r\n })\r\n\r\n const recipe1Type = recipeTypesArr.find(\r\n r => r.value == recipe1.toLowerCase()\r\n )\r\n const recipe2Type = recipeTypesArr.find(\r\n r => r.value == recipe2.toLowerCase()\r\n )\r\n\r\n if (!recipe1Type) return 1\r\n if (!recipe2Type) return -1\r\n\r\n if (recipe1Type.index < recipe2Type.index) return -1\r\n if (recipe1Type.index > recipe2Type.index) return 1\r\n\r\n return 0\r\n }\r\n\r\n fetchWinrestData2 = async () => {\r\n const { winrestData } = this.props\r\n\r\n const baseUrl = winrestData\r\n ? winrestData.baseUrl\r\n : this.props.winrestURL\r\n const siteId = winrestData ? winrestData.siteId : this.props.siteId\r\n const pointOfSaleId = winrestData\r\n ? winrestData.pointOfSaleId\r\n : this.props.pointOfSaleId\r\n const menuId = winrestData ? winrestData.menuId : this.props.menuId\r\n\r\n const recipeTypes = winrestData\r\n ? winrestData.selectedRecipeTypes\r\n : this.props.recipeTypeIds\r\n ? this.props.recipeTypeIds.split(',')\r\n : []\r\n\r\n const pictures = this.props.pictures\r\n ? this.props.pictures.split(',')\r\n : null\r\n\r\n const includedDays = this.getIncludedDays()\r\n\r\n if (!siteId) {\r\n return\r\n }\r\n\r\n let menus = []\r\n let kiosks = []\r\n if (!winrestData) {\r\n this.props.setLoading()\r\n\r\n const urls = []\r\n for (let i = 0; i < includedDays.length; i++) {\r\n const d = includedDays[i].format('YYYY-MM-DD')\r\n const url = `service/v1/sites/${siteId}/pointsOfSale/${d}`\r\n const key = CryptoJS.MD5(`${url}&key=LoungeUpMobileAPI`)\r\n urls.push({\r\n key,\r\n url: `${url}?deliveryId=${pointOfSaleId}&menuId=${menuId}`,\r\n })\r\n }\r\n\r\n // const values = await Promise.all(\r\n // urls.map(_ =>\r\n // axios.get(`https://${baseUrl}/${_.url}`, {\r\n // headers: { bearer: _.key },\r\n // })\r\n // )\r\n // )\r\n const values = []\r\n for (let i = 0; i < urls.length; i++) {\r\n const value = await axios.get(\r\n `https://${baseUrl}/${urls[i].url}`,\r\n {\r\n headers: { bearer: urls[i].key },\r\n }\r\n )\r\n values.push(value)\r\n }\r\n\r\n for (let i = 0; i < values.length; i++) {\r\n if (!values[i].data || !values[i].data[0].menus) {\r\n continue\r\n }\r\n let menu = values[i].data[0].menus[0]\r\n kiosks.push({\r\n date: menu.date.slice(0, 10),\r\n currency: menu.currency,\r\n recipes: {\r\n ...this._groupBy(menu.recipes, 'recipeTypeName'),\r\n ...this._groupBy(menu.recipes, 'defaultKiosk'),\r\n },\r\n })\r\n\r\n const recipesCopy = []\r\n menu.recipes.forEach(_ =>\r\n recipesCopy.push(Object.assign({}, _))\r\n )\r\n const groupedByDefaultKiosk = this._groupBy(\r\n recipesCopy,\r\n 'defaultKiosk'\r\n )\r\n const defaultKiosks = Object.keys(groupedByDefaultKiosk).map(\r\n _ => {\r\n return groupedByDefaultKiosk[_].map(a => {\r\n a.recipeTypeName = a.defaultKiosk\r\n return a\r\n })\r\n }\r\n )\r\n const defaultKiosksFlattenArray = []\r\n defaultKiosks.forEach(_ => {\r\n _.forEach(a => defaultKiosksFlattenArray.push(a))\r\n })\r\n menu = {\r\n ...menu,\r\n recipes: menu.recipes.concat(defaultKiosksFlattenArray),\r\n }\r\n menus.push(menu)\r\n }\r\n } else {\r\n menus = winrestData.menus\r\n kiosks = winrestData.kiosks\r\n }\r\n\r\n let items = []\r\n const pictureValues = JSON.parse(pictures)\r\n\r\n if (this.props.displayMode === 'week') {\r\n const result = []\r\n // Create structure for weekly display (grouped by kiosk, then date)\r\n menus.forEach(menu => {\r\n menu.recipes\r\n .filter(_ => recipeTypes.includes(_.recipeTypeName))\r\n .forEach((recipe, i) => {\r\n const allergensByType = this._groupBy(\r\n recipe.intolerance,\r\n 'allergenType'\r\n )\r\n const allergens = Object.keys(allergensByType).reduce(\r\n (res, _, i) => {\r\n res[`Allergenes ${i + 1}`] = _\r\n return res\r\n },\r\n {}\r\n )\r\n const updatedRecipe = {\r\n ...recipe,\r\n menu_board_label: this.getNameValue(recipe),\r\n ...allergens,\r\n ...(recipe.keywords && {\r\n label: recipe.keywords[0],\r\n caracteristique_produit: recipe.keywords[1]\r\n }),\r\n price_point: recipe.pointPrice\r\n }\r\n const updateDate = menu.date.slice(0, 10)\r\n\r\n const recipeTypeName = this.getRecipeTypeName(recipe)\r\n\r\n const kioskExists = result.find(\r\n _ => _.name === recipeTypeName\r\n )\r\n if (kioskExists) {\r\n const dateExists = kioskExists.items.find(\r\n _ => _.date === updateDate\r\n )\r\n if (dateExists) {\r\n dateExists.items.push(updatedRecipe)\r\n } else {\r\n kioskExists.items.push({\r\n date: updateDate,\r\n items: [updatedRecipe],\r\n })\r\n }\r\n } else {\r\n result.push({\r\n name: recipeTypeName,\r\n order: recipeTypes.indexOf(recipeTypeName),\r\n items: [\r\n {\r\n date: updateDate,\r\n items: [updatedRecipe],\r\n },\r\n ],\r\n //order: 1,\r\n //kioskPicture: kioskPicture\r\n kioskPicture: pictures\r\n ? pictureValues[recipe.recipeTypeName]\r\n : this.getKioskPicture(\r\n recipe.recipeTypeName\r\n ),\r\n })\r\n }\r\n })\r\n })\r\n\r\n result.sort((r1, r2) => {\r\n return r1.order - r2.order\r\n })\r\n\r\n // Fill in the missing dates so that empty days are displayed\r\n items = result\r\n .map(r => {\r\n return {\r\n ...r,\r\n items: includedDays.map(d => {\r\n const item = r.items.find(\r\n _ => _.date === d.format('YYYY-MM-DD')\r\n )\r\n if (item) {\r\n return item\r\n } else {\r\n return {\r\n date: d.format('YYYY-MM-DD'),\r\n items: [],\r\n }\r\n }\r\n }),\r\n }\r\n })\r\n } else {\r\n items = (kiosks || []).map(kiosk => {\r\n return {\r\n kiosks: Object.keys(kiosk.recipes)\r\n .filter(_ => recipeTypes.includes(_))\r\n .sort((r1, r2) =>\r\n this.sortByRecipeTypes(r1, r2, recipeTypes)\r\n )\r\n .map((_, i) => {\r\n return {\r\n name: this.getRecipeTypeName(\r\n kiosk.recipes[_][0]\r\n ),\r\n items: kiosk.recipes[_].map(item => {\r\n const allergensByType = this._groupBy(\r\n item.intolerance,\r\n 'allergenType'\r\n )\r\n const allergens = Object.keys(\r\n allergensByType\r\n ).reduce((res, _, i) => {\r\n res[`Allergenes ${i + 1}`] = _\r\n return res\r\n }, {})\r\n return {\r\n ...item,\r\n menu_board_label: this.getNameValue(\r\n item\r\n ),\r\n composition: this.formatComposition(\r\n item.composition\r\n ),\r\n ...allergens,\r\n energyKCal:\r\n item.energyKCal &&\r\n `${item.energyKCal} kCal`,\r\n energyKCalByPortion: \r\n item.energyKCalByPortion &&\r\n `${item.energyKCalByPortion} kCal`,\r\n currency: kiosk.currency,\r\n price: item.price > 0 ? item.price.toFixed(2) : 0,\r\n ...(item.keywords && {\r\n label: item.keywords[0],\r\n caracteristique_produit:\r\n item.keywords[1],\r\n }),\r\n price_point: item.pointPrice\r\n }\r\n }),\r\n //order: recipeIndex,\r\n kioskPicture: pictures\r\n ? pictureValues[_]\r\n : this.getKioskPicture(_),\r\n }\r\n }),\r\n date: kiosk.date,\r\n currency: kiosk.currency,\r\n }\r\n })\r\n }\r\n\r\n this.setState(\r\n {\r\n items,\r\n currency: '€',\r\n days: includedDays.map(item => {\r\n return {\r\n date: item,\r\n name: item.locale('en').format('dddd'),\r\n }\r\n }),\r\n },\r\n () => this.props.setUnloading()\r\n )\r\n }\r\n\r\n fetchWinrestData = async () => {\r\n let {\r\n winrestURL,\r\n siteId,\r\n siteSlug,\r\n menuSlug,\r\n pointOfSale,\r\n pointOfSaleSlug,\r\n } = this.props\r\n\r\n if (!menuSlug) {\r\n return\r\n }\r\n\r\n this.props.setLoading()\r\n\r\n const keyGenerator = url => CryptoJS.MD5(`${url}&key=LoungeUpMobileAPI`)\r\n\r\n let url = `service/v1/Information`\r\n let key = keyGenerator(url)\r\n let result = await Axios.get(`https://${winrestURL}/${url}`, {\r\n headers: { bearer: key },\r\n })\r\n\r\n if (!result) {\r\n throw new Error(`Can't fetch sites informations `)\r\n }\r\n\r\n const informations = result.data\r\n\r\n if (!siteId && siteSlug) {\r\n const site = result.data.Sites.find(\r\n _ => getSlugFromString(_.name) === siteSlug\r\n )\r\n if (!site) {\r\n throw new Error(`Can't fetch sites informations `)\r\n }\r\n siteId = site.id\r\n }\r\n\r\n const includedDays = this.getIncludedDays()\r\n\r\n const menus = []\r\n\r\n const urls = []\r\n for (let i = 0; i < includedDays.length; i++) {\r\n const date = includedDays[i].format('YYYY-MM-DD')\r\n url = `service/v1/sites/${siteId}/pointsOfSale/${date}`\r\n key = keyGenerator(url)\r\n urls.push({ key, url })\r\n }\r\n\r\n const values = await Promise.all(\r\n urls.map(_ =>\r\n Axios.get(`https://${winrestURL}/${_.url}`, {\r\n headers: { bearer: _.key },\r\n })\r\n )\r\n )\r\n\r\n for (let i = 0; i < values.length; i++) {\r\n const result = values[i]\r\n\r\n if (result && result.data) {\r\n const posName = pointOfSale || pointOfSaleSlug\r\n //console.log('posName', posName)\r\n const data = result.data.find(\r\n _ => getSlugFromString(_.name) === posName\r\n )\r\n if (!data) {\r\n console.error(`[ERR] there is no ${posName} pos`)\r\n continue\r\n }\r\n //console.log('menu', menuSlug)\r\n const menu = data.menus.find(\r\n _ => getSlugFromString(_.name) === menuSlug\r\n )\r\n if (!menu) {\r\n console.error(`[ERR] there is no ${menuSlug} menu`)\r\n continue\r\n }\r\n menus.push(menu)\r\n }\r\n }\r\n\r\n const { recipes, language } = this.props\r\n\r\n const allRecipes = menus.reduce((res, menu) => {\r\n res.push(\r\n ...menu.recipes.map(_ => ({\r\n ..._,\r\n date: menu.date.slice(0, 10),\r\n }))\r\n )\r\n return res\r\n }, [])\r\n\r\n let items\r\n\r\n if (this.props.displayMode === 'week') {\r\n const recipesGroupedByType = this._groupBy(\r\n allRecipes,\r\n 'recipeTypeId'\r\n )\r\n items = Object.keys(recipesGroupedByType)\r\n .reduce((res, _) => {\r\n const recipeType = informations.TypeRecipes.find(\r\n t => t.id === parseInt(_)\r\n )\r\n const recipeIndex = recipes.findIndex(\r\n _ =>\r\n _.split('-')[0] ===\r\n getSlugFromString(recipeType.name)\r\n )\r\n const recipe = recipes[recipeIndex]\r\n if (!recipe) {\r\n return res\r\n }\r\n\r\n const kioskPicture = recipe.split('-')[1]\r\n\r\n const recipesGroupedByDate = this._groupBy(\r\n recipesGroupedByType[_],\r\n 'date'\r\n )\r\n\r\n res.push({\r\n name: recipeType.name,\r\n\r\n items: includedDays.map(d => {\r\n const date = d.format('YYYY-MM-DD')\r\n if (!recipesGroupedByDate[date]) {\r\n return {\r\n date,\r\n items: [],\r\n }\r\n }\r\n return {\r\n date,\r\n items: recipesGroupedByDate[date]\r\n .map(_ => {\r\n const allergensByType = this._groupBy(\r\n _.intolerance,\r\n 'allergenType'\r\n )\r\n const allergens = Object.keys(\r\n allergensByType\r\n ).reduce((res, _, i) => {\r\n res[`Allergenes ${i + 1}`] = _\r\n return res\r\n }, {})\r\n\r\n return {\r\n ..._,\r\n ...allergens,\r\n menu_board_label: this.getNameValue(\r\n _\r\n ),\r\n }\r\n })\r\n .sort((a, b) => b.id - a.id),\r\n }\r\n }),\r\n order: recipeIndex, // recipeType.order,\r\n kioskPicture: kioskPicture,\r\n })\r\n return res\r\n }, [])\r\n .sort((a, b) => {\r\n return a.order - b.order\r\n })\r\n } else {\r\n items = menus.map(_ => {\r\n const date = _.date.slice(0, 10)\r\n const name = _.name\r\n const currency = this.props.currency || _.currency || 'e'\r\n\r\n const recipesGroupedByType = this._groupBy(\r\n _.recipes,\r\n 'recipeTypeId'\r\n )\r\n const kiosks = Object.keys(recipesGroupedByType)\r\n .map(_ => {\r\n const recipeType = informations.TypeRecipes.find(\r\n t => t.id === parseInt(_)\r\n )\r\n //console.log('recipeType.name', recipeType.name)\r\n const recipeIndex = recipes.findIndex(\r\n _ =>\r\n _.split('-')[0] ===\r\n getSlugFromString(recipeType.name)\r\n )\r\n const recipe = recipes[recipeIndex]\r\n if (!recipe) {\r\n console.error(\r\n `[ERR] there is no ${getSlugFromString(\r\n recipeType.name\r\n )} recipe`\r\n )\r\n return\r\n }\r\n\r\n const kioskPicture = recipe.split('-')[1]\r\n\r\n return {\r\n name: recipeType.name,\r\n items: recipesGroupedByType[_].map(r => {\r\n const allergensByType = this._groupBy(\r\n r.intolerance,\r\n 'allergenType'\r\n )\r\n const allergens = Object.keys(\r\n allergensByType\r\n ).reduce((res, _, i) => {\r\n res[`Allergenes ${i + 1}`] = _\r\n return res\r\n }, {})\r\n return {\r\n menu_board_label: this.getNameValue(r),\r\n ...r,\r\n ...allergens,\r\n composition: this.formatComposition(\r\n r.composition\r\n ),\r\n price_point:\r\n r.energyKCal && `${r.energyKCal} kCal`,\r\n //price_currency: r.price.toFixed(2)\r\n currency,\r\n }\r\n }).sort((a, b) => b.id - a.id),\r\n kioskPicture: kioskPicture,\r\n order: recipeIndex,\r\n }\r\n })\r\n .filter(_ => _)\r\n .sort((a, b) => {\r\n return a.order - b.order\r\n })\r\n\r\n return {\r\n date,\r\n name,\r\n kiosks,\r\n currency,\r\n }\r\n })\r\n }\r\n\r\n this.setState(\r\n {\r\n items,\r\n currency: '€',\r\n days: includedDays.map(item => {\r\n return {\r\n date: item,\r\n name: item.locale(getLanguage(language)).format('dddd'),\r\n }\r\n }),\r\n },\r\n () => this.props.setUnloading()\r\n )\r\n }\r\n\r\n getNameValue = item => {\r\n const { language } = this.props\r\n let winrestLanguage = language\r\n if (language.indexOf('_') !== -1) {\r\n winrestLanguage = winrestLanguage.split('_')[0]\r\n } else {\r\n winrestLanguage = 'commercialName1'\r\n }\r\n return item[winrestLanguage]\r\n }\r\n\r\n getRecipeTypeName = recipeType => {\r\n const { language } = this.props\r\n let winrestLanguage = language\r\n if (\r\n language.indexOf('_') !== -1 &&\r\n winrestLanguage.split('_')[0] === 'commercialName2'\r\n ) {\r\n winrestLanguage = 'recipeTypeCommercialName2'\r\n } else {\r\n winrestLanguage = 'recipeTypeCommercialName1'\r\n }\r\n\r\n return recipeType[winrestLanguage]\r\n }\r\n\r\n formatComposition = composition => {\r\n if (!composition) {\r\n return ''\r\n }\r\n const compositionArray = composition.split(' - ')\r\n let newComposition = ''\r\n let nextComposition = ''\r\n let ingredientsFinished = false\r\n\r\n compositionArray.map((ingredient, i) => {\r\n nextComposition = newComposition + ingredient\r\n if (i + 1 === compositionArray.length && !ingredientsFinished) {\r\n const replacement = '.'\r\n newComposition = nextComposition.replace(\r\n /,([^,]*)$/,\r\n replacement + '$1'\r\n )\r\n } else if (nextComposition.length > 105 && !ingredientsFinished) {\r\n ingredientsFinished = true\r\n newComposition = newComposition + '...'\r\n return\r\n } else if (!ingredientsFinished) {\r\n newComposition = nextComposition + ', '\r\n }\r\n })\r\n\r\n if (newComposition.length > 120) {\r\n newComposition = newComposition.substr(0, 120)\r\n }\r\n\r\n return newComposition\r\n }\r\n\r\n getIncludedDays = () => {\r\n let { language, excludedDays = [], startDay } = this.props\r\n const date = moment(this.props.date)\r\n let includedDays = [date]\r\n if (this.props.dayCount > 1 && this.props.displayMode !== 'print') {\r\n // const firstDayOfWeek = date.locale(this.props.language).startOf('week');\r\n const days = [\r\n 'sunday',\r\n 'monday',\r\n 'tuesday',\r\n 'wednesday',\r\n 'thurday',\r\n 'friday',\r\n 'saturday',\r\n ]\r\n moment.updateLocale(getLanguage(language), {\r\n week: {\r\n dow:\r\n startDay === 'today'\r\n ? moment().day()\r\n : days\r\n .filter(day => day !== 'today')\r\n .indexOf(startDay),\r\n },\r\n })\r\n const firstDayOfWeek = date\r\n .locale(getLanguage(language))\r\n .startOf('week')\r\n includedDays = [firstDayOfWeek]\r\n for (let i = 0; i < this.props.dayCount - 1; i++) {\r\n if (!includedDays[i]) {\r\n continue\r\n }\r\n const dayToAdd = includedDays[i].clone().add(1, 'd')\r\n includedDays.push(dayToAdd)\r\n }\r\n }\r\n return includedDays.filter(_ => excludedDays.indexOf(_.day()) === -1)\r\n }\r\n\r\n parseCsvFile = props => {\r\n const { language } = props\r\n moment.locale(getLanguage(language))\r\n this.props.setLoading()\r\n\r\n const rootPath = Settings.data_root_path[process.env.NODE_ENV]\r\n const filePath = `${rootPath}/${props.entityId}/${props.siteId}/${\r\n props.file\r\n }?_=${new Date().getTime()}`\r\n Papa.parse(filePath, {\r\n delimiter: ';',\r\n header: true,\r\n delimiter: ';',\r\n download: true,\r\n skipEmptyLines: true,\r\n complete: this.onParseComplete,\r\n error: this.onParseError,\r\n })\r\n }\r\n\r\n onParseComplete = result => {\r\n const includedDays = this.getIncludedDays()\r\n /**\r\n * Structure items based on display mode\r\n */\r\n const items =\r\n this.props.displayMode === 'week'\r\n ? this.getWeeklyItems(result, includedDays)\r\n : this.getDailyItems(result, includedDays)\r\n\r\n /**\r\n * Update the state\r\n */\r\n this.setState({\r\n items,\r\n days: includedDays.map(item => {\r\n return {\r\n date: item,\r\n name: item.format('dddd'),\r\n }\r\n }),\r\n })\r\n this.props.setUnloading()\r\n }\r\n\r\n onParseError = (err, file, inputElem, reason) => {\r\n console.log(err)\r\n }\r\n\r\n /**\r\n * Get items structure for daily display\r\n */\r\n getDailyItems = (result, includedDays) => {\r\n const filteredResult = this.getFilteredData(result.data)\r\n\r\n const includedDaysStr = includedDays.map(_ => _.format('YYYY-MM-DD'))\r\n\r\n const groupedByDate = this._groupBy(filteredResult, 'date')\r\n\r\n const kiosksNames = this.props.kiosks.map(kiosk => kiosk.split('-')[0])\r\n const selectedMenu = result.data.find(\r\n it => it.menu_code == this.props.menu\r\n )\r\n const dailyItems = Object.keys(groupedByDate)\r\n .reduce((result, date) => {\r\n if (includedDaysStr.indexOf(date) !== -1) {\r\n const byKiosk = this._groupBy(\r\n groupedByDate[date],\r\n 'kiosk_code'\r\n )\r\n\r\n const kiosks = Object.keys(byKiosk).reduce(\r\n (result, kiosk) => {\r\n if (\r\n kiosksNames[0] === 'all' ||\r\n kiosksNames.indexOf(kiosk) !== -1\r\n ) {\r\n result.push({\r\n name: kiosk,\r\n displayName: byKiosk[kiosk][0].kiosk_name,\r\n kioskPicture: this.props.kiosks\r\n .find(\r\n singleKiosk =>\r\n singleKiosk.split('-')[0] ===\r\n kiosk\r\n )\r\n .split('-')[1],\r\n items: byKiosk[kiosk],\r\n order: kiosksNames.indexOf(kiosk),\r\n })\r\n }\r\n return result\r\n },\r\n []\r\n )\r\n\r\n result.push({\r\n date: date,\r\n kiosks: kiosks.sort((a, b) => {\r\n return a.order - b.order\r\n }),\r\n menus: this._groupBy(groupedByDate[date], 'menu_code'),\r\n price_currency: selectedMenu.offer1_price_currency,\r\n menu_label: selectedMenu.menu_label,\r\n })\r\n }\r\n return result\r\n }, [])\r\n .sort((a, b) => {\r\n return a.order - b.order\r\n })\r\n .sort((a, b) => {\r\n return a.date < b.date ? -1 : a.date > b.date ? 1 : 0\r\n })\r\n includedDaysStr.map((day, i) => {\r\n if (!dailyItems.find(item => item.date === day)) {\r\n dailyItems.splice(i, 0, { date: day, kiosks: [] })\r\n }\r\n })\r\n\r\n const filteredDailyItems = dailyItems.filter(_ => {\r\n return _.kiosks.length > 0\r\n })\r\n\r\n return filteredDailyItems\r\n }\r\n\r\n /**\r\n * Get items structure for weekly display\r\n */\r\n getWeeklyItems = (result, includedDays) => {\r\n const filteredResult = this.getFilteredData(result.data)\r\n\r\n const groupedByKiosk = this._groupBy(filteredResult, 'kiosk_code')\r\n const kiosksNames = this.props.kiosks.map(kiosk => kiosk.split('-')[0])\r\n const weeklyItems = Object.keys(groupedByKiosk)\r\n .reduce((result, item) => {\r\n if (\r\n kiosksNames[0] === 'all' ||\r\n kiosksNames.indexOf(item) !== -1\r\n ) {\r\n const byDate = this._groupBy(groupedByKiosk[item], 'date')\r\n const items = includedDays.map(day => {\r\n return {\r\n date: day.format('YYYY-MM-DD'),\r\n items: byDate[day.format('YYYY-MM-DD')],\r\n }\r\n })\r\n\r\n result.push({\r\n name: item,\r\n items: items,\r\n kioskPicture: this.props.kiosks\r\n .find(\r\n singleKiosk =>\r\n singleKiosk.split('-')[0] === item\r\n )\r\n .split('-')[1],\r\n order: kiosksNames.indexOf(item),\r\n })\r\n }\r\n return result\r\n }, [])\r\n .sort((a, b) => {\r\n return a.order - b.order\r\n })\r\n\r\n return weeklyItems\r\n }\r\n\r\n getFilteredData = data =>\r\n data.filter(\r\n _ =>\r\n !!_.date &&\r\n _.language === this.props.language &&\r\n _.service === this.props.service\r\n )\r\n\r\n render() {\r\n const {\r\n dataSource,\r\n language,\r\n hideMenuPrice,\r\n hideRecipePoints,\r\n hideEnergyKcal,\r\n showEnergyKcalByPortion,\r\n currency = this.state.currency || '',\r\n useCommercialName,\r\n hideComposition,\r\n hideLabels,\r\n hideIntolerences,\r\n isDuoKiosk,\r\n isAdministrationPanel,\r\n } = this.props\r\n const { days = [], items = [] } = this.state\r\n const { loading } = this.props\r\n // if (loading && isAdministrationPanel) return \r\n \r\n )\r\n }\r\n\r\n const today = moment().format('YYYY-MM-DD')\r\n let selectedIndex = this.state.items.findIndex(_ => {\r\n return _.date === today\r\n })\r\n if (selectedIndex === -1) {\r\n selectedIndex = 0\r\n }\r\n\r\n let theme = Themes[this.props.concept]\r\n if (!theme) {\r\n theme = Themes[Object.keys(Themes)[0]]\r\n }\r\n\r\n if (!items) {\r\n return null\r\n }\r\n\r\n return (\r\n \r\n \r\n {this.props.displayMode === 'print' ||\r\n (this.props.print && this.props.displayMode !== 'week') ? (\r\n \r\n \r\n )\r\n }\r\n\r\n _groupBy = (xs, key) => {\r\n return xs.reduce(function(rv, x) {\r\n if (x[key] === '') return rv\r\n ;(rv[x[key]] = rv[x[key]] || []).push(x)\r\n return rv\r\n }, {})\r\n }\r\n}\r\n\r\nexport default LoaderConsumer(MenuPanel)\r\n","import React, { Component } from 'react'\r\n\r\nimport axios from 'axios'\r\nimport styled from 'styled-components'\r\nimport Papa from 'papaparse'\r\nimport moment from 'moment'\r\n\r\nimport MenuSettings from './MenuSettings'\r\nimport MenuPanel from '../MenuPanel/MenuPanel'\r\nimport CryptoJS from 'crypto-js'\r\n\r\nimport Settings from 'settings'\r\nimport NoDataSegment from '../../components/NoDataSegment/NoDataSegment'\r\n\r\n// DEVELOPMENT\r\nimport {\r\n setCountryDatabase,\r\n setSiteDatabase,\r\n resetDatabase,\r\n resetSiteDatabase,\r\n saveDbToLocalStorage,\r\n getDbFromLocalStorage,\r\n getSlugFromString,\r\n MongoMenus,\r\n MongoTypeRecipes,\r\n} from '../../utils/mongo_utils'\r\nimport { LoaderConsumer } from '../../utils/LoadingContext'\r\nimport slugify from 'slugify'\r\n\r\nconst SAVED_STATE_KEY = 'newrest-menu'\r\nexport const SAVED_RECIPES_PICTURES_WINREST = 'winrest-recipes-pictures'\r\nexport const SAVED_RECIPES_PICTURES_EXCEL = 'excel-recipes-pictures'\r\nconst EXCEL_CONCEPT = ''\r\nconst WINREST_CONCEPT = 'stdr'\r\n\r\nconst DEFAULT_STATE = {\r\n winrestURL: '',\r\n title: null,\r\n subtitle: null,\r\n\r\n date: moment().format('YYYY-MM-DD'),\r\n dayCount: 1,\r\n recipes: [],\r\n\r\n entityId: null,\r\n siteId: '',\r\n concept: null,\r\n forceToday: false,\r\n\r\n service: '',\r\n language: 'en',\r\n uiLanguage: 'en',\r\n winrestLanguage: 'commercialName1',\r\n menu: '',\r\n\r\n zoom: 1,\r\n orientation: 'landscape',\r\n size: 'A4',\r\n showDate: false,\r\n\r\n minDate: null,\r\n maxDate: null,\r\n kiosks: [],\r\n services: [],\r\n languages: [],\r\n concepts: [],\r\n menus: [],\r\n data: [],\r\n\r\n displayMode: 'kiosk',\r\n displayModes: [\r\n { name: 'Screen', value: 'kiosk', visible: true },\r\n { name: 'Carrousel', value: 'day', visible: true },\r\n { name: 'Week', value: 'week', visible: false },\r\n //{ name: 'Print', value: 'print' },\r\n { name: 'Labels', value: 'printlabel', visible: true },\r\n ],\r\n hideMenuPrice: false,\r\n hideRecipePoints: false,\r\n hideEnergyKcal: false,\r\n showEnergyKcalByPortion: false,\r\n hideComposition: false,\r\n hideLabels: false,\r\n hideIntolerences: false,\r\n\r\n settingsDrawerOpen: true,\r\n errorFileNotFound: false,\r\n days: [\r\n 'today',\r\n 'sunday',\r\n 'monday',\r\n 'tuesday',\r\n 'wednesday',\r\n 'thurday',\r\n 'friday',\r\n 'saturday',\r\n ],\r\n startDay: 'monday',\r\n excludedDays: [],\r\n}\r\n\r\nclass AdminPanel extends Component {\r\n state = { ...DEFAULT_STATE, dataSource: 'none', loading: true }\r\n\r\n componentWillMount() {\r\n //this.getLocalStorageDatas()\r\n\r\n const { defaultValues } = this.props\r\n\r\n let newState = {\r\n loading: false,\r\n concepts: Settings.concepts.sort((a, b) =>\r\n a.name.localeCompare(b.name)\r\n ),\r\n }\r\n\r\n if (defaultValues) {\r\n newState = {\r\n ...newState,\r\n dataSource: defaultValues.dataSource,\r\n concept: defaultValues.concept || 'stdr',\r\n date: defaultValues.date || moment().format('YYYY-MM-DD'),\r\n defaultValues: {\r\n baseUrl: defaultValues.winrestURL,\r\n siteId: defaultValues.siteId,\r\n pointOfSaleId: defaultValues.pointOfSaleId,\r\n guestTypeId: defaultValues.guestTypeId,\r\n mealTypeId: defaultValues.mealTypeId,\r\n menuId: defaultValues.menuId,\r\n },\r\n }\r\n }\r\n\r\n this.setState({ ...newState })\r\n\r\n // const { defaultValues } = this.props\r\n // if (defaultValues) {\r\n // console.log('defaultValues', defaultValues)\r\n // this.setState({\r\n // dataSource: defaultValues.dataSource,\r\n // concept: 'stdr',\r\n // date: defaultValues.date || moment().format('YYYY-MM-DD'),\r\n // // defaultValues: {\r\n // // baseUrl: defaultValues.winrestURL,\r\n // // siteId: defaultValues.siteSlug,\r\n // // },\r\n // loading: false,\r\n // })\r\n\r\n // // dataSource: defaultValues.dataSource,\r\n // // winrestURL: defaultValues.winrestURL,\r\n // // siteId: defaultValues.siteSlug,\r\n // // concept: 'stdr',\r\n // // date: defaultValues.date,\r\n // // pointOfSaleSlug: getSlugFromString(\r\n // // decodeURIComponent(defaultValues.pointOfSale)\r\n // // ),\r\n // // guestTypeSlug: getSlugFromString(\r\n // // decodeURIComponent(defaultValues.guestTypeSlug)\r\n // // ),\r\n // // mealTypeSlug: getSlugFromString(\r\n // // decodeURIComponent(defaultValues.mealTypeSlug)\r\n // // ),\r\n // // menuSlug: getSlugFromString(\r\n // // decodeURIComponent(defaultValues.menuSlug)\r\n // // ),\r\n // // language: 'commercialName1_en',\r\n // // },\r\n // // async () => {\r\n // // try {\r\n // // await this.winrestApiFetcher('winrestURL')\r\n // // await this.winrestApiFetcher('siteId')\r\n // // await this.winrestApiFetcher('pointOfSale')\r\n // // } catch (err) {\r\n // // console.log('[ERR]', err)\r\n // // }\r\n // // this.setState({ loading: false })\r\n // } else {\r\n // this.setState({ loading: false })\r\n // }\r\n }\r\n\r\n componentDidMount() {\r\n //window.addEventListener('beforeunload', this.saveState)\r\n }\r\n\r\n componentWillUnmount() {\r\n //window.removeEventListener('beforeunload', this.saveState)\r\n }\r\n\r\n saveRecipesPictures = () => {\r\n const { recipes, concept, dataSource, kiosks } = this.state\r\n const typedRecipesPics =\r\n JSON.parse(\r\n localStorage.getItem(\r\n dataSource === 'excel'\r\n ? SAVED_RECIPES_PICTURES_EXCEL\r\n : SAVED_RECIPES_PICTURES_WINREST\r\n )\r\n ) || {}\r\n const newRecipesTyped = { ...typedRecipesPics }\r\n if (!newRecipesTyped[concept]) {\r\n newRecipesTyped[concept] = {}\r\n }\r\n if (dataSource === 'winrest') {\r\n recipes.map(recipe => {\r\n const thisRecipe = recipe.split('-')\r\n newRecipesTyped[concept][thisRecipe[0]] = thisRecipe[1]\r\n })\r\n } else if (dataSource === 'winrest2') {\r\n recipes.map(recipe => {\r\n const thisRecipe = [\r\n recipe.slice(0, recipe.lastIndexOf('-')), \r\n recipe.slice(recipe.lastIndexOf('-') + 1, recipe.length)\r\n ]\r\n newRecipesTyped[concept][thisRecipe[0]] = thisRecipe[1]\r\n })\r\n } else {\r\n kiosks.map(({ kioskPicture = '', name }) => {\r\n newRecipesTyped[concept][name] = kioskPicture\r\n })\r\n }\r\n localStorage.setItem(\r\n dataSource === 'excel'\r\n ? SAVED_RECIPES_PICTURES_EXCEL\r\n : SAVED_RECIPES_PICTURES_WINREST,\r\n JSON.stringify(newRecipesTyped)\r\n )\r\n }\r\n\r\n // saveState = e => {\r\n // const {\r\n // entityId,\r\n // siteId,\r\n // concept,\r\n // file,\r\n // winrestURL,\r\n // date,\r\n // pointOfSaleSlug,\r\n // language,\r\n // guestTypeSlug,\r\n // mealTypeSlug,\r\n // dataSource,\r\n // } = this.state\r\n // localStorage.setItem(\r\n // SAVED_STATE_KEY,\r\n // JSON.stringify({\r\n // dataSource,\r\n // entityId,\r\n // siteId,\r\n // concept,\r\n // file,\r\n // winrestURL,\r\n // date,\r\n // pointOfSaleSlug,\r\n // language,\r\n // guestTypeSlug,\r\n // mealTypeSlug,\r\n // })\r\n // )\r\n // saveDbToLocalStorage()\r\n // return false\r\n // }\r\n\r\n // getLocalStorageDatas = () => {\r\n // let savedState = null\r\n // getDbFromLocalStorage()\r\n // const localStorageContent = localStorage.getItem(SAVED_STATE_KEY)\r\n // if (localStorageContent) {\r\n // savedState = JSON.parse(localStorageContent) || {}\r\n // this.props.setUnloading()\r\n // this.setState(\r\n // {\r\n // file: savedState\r\n // ? savedState.file\r\n // : `menu-${Settings.concepts[0].code}.${Settings.csvFileVersion}.csv`,\r\n // ...savedState,\r\n // concepts: Settings.concepts.sort((a, b) =>\r\n // a.name.localeCompare(b.name)\r\n // ),\r\n // settingsDrawerOpen: true,\r\n // },\r\n // () => {\r\n // //localStorage.removeItem(SAVED_STATE_KEY)\r\n // if (this.state.dataSource === 'excel') {\r\n // this.parseFileAndUpdateState()\r\n // }\r\n // }\r\n // )\r\n // }\r\n // }\r\n\r\n handleChange = (event, source = null, args = null) => {\r\n if (source === 'winrest2') {\r\n this.handleChangeWinrest2(args)\r\n return\r\n }\r\n\r\n if (!event) {\r\n return\r\n }\r\n\r\n const { concept } = this.state\r\n const { target } = event\r\n let { name, value, checked, type } = target\r\n if (type === 'checkbox') {\r\n value = checked\r\n }\r\n\r\n const computedState = {}\r\n\r\n if (name.startsWith('kiosk')) {\r\n const newKiosks = [...this.state.kiosks]\r\n const kioskArray = name.replace('kiosk_', '').split('-')\r\n const kioskIndex = parseInt(kioskArray[0])\r\n const kioskPic = kioskArray[1]\r\n newKiosks[kioskIndex].enabled = value\r\n newKiosks[kioskIndex].kioskPicture = kioskPic\r\n name = 'kiosks'\r\n value = [...newKiosks]\r\n } else if (name === 'concept') {\r\n computedState.recipes = []\r\n const newKiosks = [...this.state.kiosks]\r\n computedState.kiosks = newKiosks.map(item => ({\r\n ...item,\r\n enabled: false,\r\n kioskPicture: false,\r\n }))\r\n const newFile = `menu-${value}.${Settings.csvFileVersion}.csv`\r\n this.setState({\r\n file: newFile,\r\n dayCount: '1',\r\n displayMode: 'kiosk',\r\n })\r\n } else if (name === 'forceToday') {\r\n this.setState({\r\n date: value\r\n ? moment().format('YYYY-MM-DD')\r\n : this.state.minDate || moment().format('YYYY-MM-DD'),\r\n })\r\n } else if (name.startsWith('recipe_')) {\r\n const { recipes = [] } = this.state\r\n const newRecipes = [...recipes]\r\n const recipeId = name.replace('recipe_', '')\r\n const recipeIndex = newRecipes.indexOf(recipeId)\r\n const isThere = recipeIndex > -1\r\n\r\n // have to do this cause it's the same event\r\n // for select / deselect a kiosk and change it's picture\r\n const pictureUpdated = event.target.src !== ''\r\n if (isThere && !pictureUpdated) {\r\n newRecipes.splice(recipeIndex, 1)\r\n } else {\r\n let isChanged = false\r\n let newIndex = -1\r\n newRecipes.map((recipe, i) => {\r\n if (recipe.split('-')[0] === recipeId.split('-')[0]) {\r\n isChanged = true\r\n newIndex = i\r\n }\r\n })\r\n\r\n if (isChanged) {\r\n newRecipes[newIndex] = recipeId\r\n } else {\r\n newRecipes.push(recipeId)\r\n }\r\n }\r\n value = [...newRecipes]\r\n name = 'recipes'\r\n } else if (name === 'winrestURL') {\r\n computedState.siteId = ''\r\n computedState.pointOfSaleSlug = ''\r\n computedState.guestTypeSlug = ''\r\n computedState.menuSlug = ''\r\n computedState.mealTypeSlug = ''\r\n computedState.recipes = []\r\n computedState.language = 'commercialName1_en'\r\n } else if (name === 'siteId') {\r\n resetSiteDatabase()\r\n computedState.pointOfSaleSlug = ''\r\n computedState.guestTypeSlug = ''\r\n computedState.menuSlug = ''\r\n computedState.mealTypeSlug = ''\r\n computedState.recipes = []\r\n } else if (name === 'date') {\r\n computedState.pointOfSaleSlug = ''\r\n computedState.guestTypeSlug = ''\r\n computedState.menuSlug = ''\r\n computedState.mealTypeSlug = ''\r\n computedState.recipes = []\r\n } else if (name === 'pointOfSaleSlug') {\r\n computedState.guestTypeSlug = ''\r\n computedState.menuSlug = ''\r\n computedState.mealTypeSlug = ''\r\n computedState.recipes = []\r\n } else if (name === 'guestTypeSlug') {\r\n computedState.menuSlug = ''\r\n computedState.mealTypeSlug = ''\r\n computedState.recipes = []\r\n } else if (name === 'mealTypeSlug') {\r\n computedState.menuSlug = ''\r\n computedState.recipes = []\r\n } else if (name === 'menuSlug') {\r\n computedState.recipes = []\r\n computedState.currency = (\r\n MongoMenus.findOne({\r\n slug: value,\r\n }) || {}\r\n ).currency\r\n }\r\n\r\n this.setState(\r\n {\r\n ...computedState,\r\n [name]: typeof value === 'undefined' ? '' : value,\r\n isChecked: null,\r\n },\r\n () => {\r\n if (name === 'dataSource') {\r\n this.props.setLoading()\r\n this.setState({\r\n ...DEFAULT_STATE,\r\n concept:\r\n (value === 'winrest' || value === 'winrest2')\r\n ? WINREST_CONCEPT\r\n : EXCEL_CONCEPT,\r\n file: ``,\r\n concepts: Settings.concepts.sort((a, b) =>\r\n a.name.localeCompare(b.name)\r\n ),\r\n })\r\n if (value === 'excel') {\r\n resetDatabase()\r\n //his.getLocalStorageDatas()\r\n }\r\n }\r\n if (\r\n (name === 'entityId' ||\r\n name === 'siteId' ||\r\n name === 'concept' ||\r\n name === 'file' ||\r\n name === 'startDay' ||\r\n name === 'dataSource') &&\r\n this.state.dataSource === 'excel'\r\n ) {\r\n this.props.setLoading()\r\n this.parseFileAndUpdateState()\r\n } else if (\r\n name === 'menu' ||\r\n name === 'dayCount' ||\r\n name === 'concept'\r\n ) {\r\n this.updateDisplayModes()\r\n } else if (\r\n ((name === 'siteId' ||\r\n name === 'date' ||\r\n name === 'forceToday') &&\r\n this.state.dataSource === 'winrest') ||\r\n (name === 'winrestURL' && value.indexOf('.newrest.eu') > -1)\r\n ) {\r\n if (name === 'winrestURL') {\r\n resetDatabase()\r\n }\r\n this.winrestApiFetcher(name)\r\n } else if (name === 'recipes' || name === 'kiosks') {\r\n this.saveRecipesPictures()\r\n } else if (name === 'displayMode') {\r\n this.setState({ print: false })\r\n } else if (name === 'uiLanguage') {\r\n const language = this.state.winrestLanguage + '_' + value\r\n this.setState({ language })\r\n } else if (name === 'winrestLanguage') {\r\n const language = value + '_' + this.state.uiLanguage\r\n this.setState({ language })\r\n }\r\n }\r\n )\r\n }\r\n\r\n handleChangeWinrest2 = args => {\r\n this.props.setLoading()\r\n this.setState(\r\n {\r\n winrestData: { ...this.state.winrestData, ...args },\r\n defaultValues: null,\r\n },\r\n () => this.props.setUnloading()\r\n )\r\n }\r\n\r\n setExcludedDays = event => {\r\n let value = Array.from(\r\n event.target.selectedOptions,\r\n option => option.value\r\n )\r\n value = value.map(_ => parseInt(_))\r\n this.setState({ excludedDays: value })\r\n }\r\n\r\n updateDisplayModes = () => {\r\n const newDisplayModes = [...this.state.displayModes]\r\n if (!!this.state.menu) {\r\n newDisplayModes.map(_ =>\r\n _.value !== 'kiosk' ? (_.visible = false) : (_.visible = true)\r\n )\r\n } else {\r\n if (this.state.dayCount > 1) {\r\n newDisplayModes.map(_ =>\r\n _.value === 'kiosk'\r\n ? (_.visible = false)\r\n : (_.visible = true)\r\n )\r\n } else {\r\n newDisplayModes.map(_ =>\r\n _.value === 'week'\r\n ? (_.visible = false)\r\n : (_.visible = true)\r\n )\r\n }\r\n }\r\n\r\n const firstVisibleDisplayMode = newDisplayModes.filter(\r\n _ => _.visible\r\n )[0].value\r\n const shouldUpdate =\r\n firstVisibleDisplayMode !== this.state.displayMode &&\r\n this.state.displayMode !== 'day'\r\n const isWeekMode =\r\n this.state.dayCount > 1 && this.state.displayMode === 'week'\r\n\r\n this.setState({\r\n displayMode:\r\n shouldUpdate && !isWeekMode\r\n ? firstVisibleDisplayMode\r\n : this.state.displayMode,\r\n displayModes: newDisplayModes,\r\n print: this.state.displayMode === 'week',\r\n })\r\n }\r\n\r\n parseFileAndUpdateState = () => {\r\n const rootPath = Settings.data_root_path[process.env.NODE_ENV]\r\n const filePath = `${rootPath}/${this.state.entityId}/${this.state.siteId}/${this.state.file}`\r\n\r\n axios.get(filePath).then(response => {\r\n if (response.status !== 404) {\r\n this.props.setUnloading()\r\n this.setState({ errorFileNotFound: false })\r\n Papa.parse(filePath, {\r\n delimiter: \";\",\r\n header: true,\r\n delimiter: \";\",\r\n download: true,\r\n skipEmptyLines: true,\r\n complete: this.onParseComplete,\r\n error: this.onParseError,\r\n })\r\n } else {\r\n this.props.setUnloading()\r\n console.log(`Impossible de trouver le fichier ${filePath}`)\r\n this.setState({ errorFileNotFound: true })\r\n return\r\n }\r\n })\r\n }\r\n\r\n onParseComplete = result => {\r\n console.log(result)\r\n this.setState({ settingsDrawerOpen: true })\r\n if (result.errors.length > 0) {\r\n return\r\n }\r\n\r\n const data = result.data.filter(_ => !!_.date)\r\n const storedTypedKiosks =\r\n JSON.parse(localStorage.getItem(SAVED_RECIPES_PICTURES_EXCEL)) || {}\r\n\r\n const kiosks = [...new Set(data.map(_ => _.kiosk_code))].map(_ => {\r\n return {\r\n name: _,\r\n enabled: true,\r\n kioskPicture: (storedTypedKiosks[this.state.concept] || {})[_],\r\n }\r\n })\r\n const services = [...new Set(data.map(_ => _.service))]\r\n const languages = [...new Set(data.map(_ => _.language))]\r\n const menus = [...new Set(data.map(_ => _.menu_code))]\r\n const dates = [...new Set(data.map(_ => moment(_.date)))]\r\n const minDate = moment.min(dates)\r\n const maxDate = moment.max(dates)\r\n\r\n this.setState(\r\n {\r\n kiosks,\r\n date: minDate.format('YYYY-MM-DD'),\r\n minDate: minDate.format('YYYY-MM-DD'),\r\n maxDate: maxDate.format('YYYY-MM-DD'),\r\n services,\r\n languages,\r\n menus,\r\n data,\r\n\r\n service: services[0],\r\n language: languages[0],\r\n menu: '',\r\n },\r\n () => {\r\n //this.saveState()\r\n this.updateDisplayModes()\r\n }\r\n )\r\n }\r\n\r\n openPrintDialog = () => window.print()\r\n\r\n handleOpenDrawerClick = () => {\r\n if (!this.state.settingsDrawerOpen) {\r\n this.setState({ settingsDrawerOpen: true })\r\n }\r\n }\r\n\r\n handleCloseDrawerClick = () => {\r\n this.setState(prevState => {\r\n return { settingsDrawerOpen: !prevState.settingsDrawerOpen }\r\n })\r\n }\r\n\r\n winrestApiFetcher = async currentField => {\r\n const { date, winrestURL, siteId } = this.state\r\n let url = ''\r\n let callback\r\n\r\n if (winrestURL && currentField === 'winrestURL') {\r\n url = 'service/v1/Information'\r\n callback = async ({ data = [] }) =>\r\n await setCountryDatabase({ data })\r\n } else if (\r\n winrestURL &&\r\n siteId &&\r\n date &&\r\n ['date', 'siteId', 'forceToday'].indexOf(currentField) > -1\r\n ) {\r\n url = `service/v1/sites/${siteId}/pointsOfSale/${date}`\r\n callback = async ({ data = [] }) =>\r\n await setSiteDatabase({ data, date })\r\n }\r\n\r\n if (url) {\r\n this.props.setLoading()\r\n const winrest_key = CryptoJS.MD5(`${url}&key=LoungeUpMobileAPI`)\r\n const result = await axios.get(`https://${winrestURL}/${url}`, {\r\n headers: { bearer: winrest_key },\r\n })\r\n const { data = {} } = result\r\n if (data) {\r\n await callback({ data })\r\n }\r\n this.props.setUnloading()\r\n }\r\n }\r\n\r\n render = () =>\r\n this.state.loading ? (\r\n
\r\n ) : (\r\n \r\n
\r\n \r\n this.setState(({ settingsDrawerOpen }) => ({\r\n settingsDrawerOpen: !settingsDrawerOpen,\r\n }))\r\n }\r\n >\r\n {this.state.settingsDrawerOpen ? 'X' : '|||'}\r\n \r\n File not found }\r\n\r\n {!this.state.errorFileNotFound &&\r\n this.state.dataSource === 'choose' && (\r\n \r\n {\r\n if (item.enabled) {\r\n result.push(\r\n `${item.name}-${\r\n item.kioskPicture\r\n ? item.kioskPicture\r\n : item.name\r\n }`\r\n )\r\n }\r\n return result\r\n },\r\n []\r\n )}\r\n />\r\n
\r\n )}\r\n \r\n )\r\n}\r\n\r\nexport default LoaderConsumer(AdminPanel)\r\n\r\nconst OpenButton = styled.button`\r\n position: absolute;\r\n z-index: 1;\r\n right: ${({ opened }) => (opened ? '33px' : '85%')};\r\n top: 12px;\r\n border-radius: 50%;\r\n color: #edeff0;\r\n border: 1px solid #edeff0;\r\n height: 35px;\r\n width: 35px;\r\n font-size: ${({ opened }) => (opened ? 21 : 17)}px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n cursor: pointer;\r\n outline: none;\r\n transition: all 0.35s ease-in-out;\r\n\r\n ${({ opened }) => (opened ? '' : 'transform: rotate(90deg);')}\r\n background-color: rgba(34, 49, 58, 0.93);\r\n @media print {\r\n display: none;\r\n }\r\n`\r\n","import { AuthenticationContext, adalFetch, withAdalLogin } from 'react-adal'\r\n\r\nexport const endpoint = '44bdb687-c0c3-4f9a-85b6-a4c9a0055a2c'\r\n\r\nconst adalConfig = {\r\n tenant: '9d018226-59aa-4566-bd12-0316c4486c94',\r\n clientId: '44bdb687-c0c3-4f9a-85b6-a4c9a0055a2c',\r\n // postLogoutRedirectUri: window.location.origin,\r\n // redirectUri: 'http://localhost:3000/',\r\n cacheLocation: 'localStorage',\r\n endpoints: {\r\n api: endpoint,\r\n },\r\n}\r\n\r\nexport const authContext = new AuthenticationContext(adalConfig)\r\n\r\nexport const adalApiFetch = (fetch, url, options) =>\r\n adalFetch(authContext, adalConfig.endpoints.api, fetch, url, options);\r\n\r\nexport const withAdalLoginApi = withAdalLogin(authContext, adalConfig.endpoints.api);","import { authContext, endpoint } from './AdalConfig'\r\n\r\nexport default class AuthService {\r\n authenticateToken = () => {\r\n if (authContext.getCachedUser()) {\r\n return true\r\n }\r\n if (authContext.isCallback(window.location.hash)) {\r\n authContext.handleWindowCallback()\r\n return true\r\n }\r\n return false\r\n }\r\n\r\n login() {\r\n authContext.login()\r\n }\r\n\r\n loggedIn() {\r\n return this.getUser() ? true : false\r\n }\r\n\r\n logout() {\r\n authContext.logOut()\r\n }\r\n\r\n getToken() {\r\n return authContext.getCachedToken(endpoint)\r\n }\r\n\r\n getUser() {\r\n return authContext.getCachedUser()\r\n }\r\n}\r\n","export const getUrlParam = (parameter, defaultvalue) => {\n var urlparameter = defaultvalue\n if (window.location.href.indexOf(parameter) > -1) {\n urlparameter = getUrlVars()[parameter]\n }\n return urlparameter ? decodeURIComponent(urlparameter) : defaultvalue\n}\n\nexport const getUrlVars = () => {\n var vars = {}\n window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(\n m,\n key,\n value\n ) {\n vars[key] = value\n })\n return vars\n}\n","import React, { Component, Fragment } from 'react'\r\nimport moment from 'moment'\r\n\r\nimport AdminPanel from '../AdminPanel/AdminPanel'\r\nimport MenuPanel from '../MenuPanel/MenuPanel'\r\nimport Settings from 'settings'\r\nimport AuthService from '../../utils/AuthService'\r\n\r\nimport ReactGA from 'react-ga'\r\nimport { getLanguage } from '../../utils/Locale'\r\nimport { getUrlParam, getUrlVars } from '../../utils/UrlUtils'\r\n\r\nclass Main extends Component {\r\n authService = new AuthService()\r\n\r\n state = {\r\n displayMode: null,\r\n date: null,\r\n dayCount: null,\r\n concept: null,\r\n entityId: null,\r\n siteId: null,\r\n service: null,\r\n language: 'fr',\r\n menu: '',\r\n kiosks: [],\r\n\r\n file: null,\r\n\r\n isAdmin: false,\r\n isAuthenticated: false,\r\n }\r\n componentWillMount() {\r\n const parametersCount = Object.keys(getUrlVars()).length\r\n\r\n if (getUrlVars().utm_source) {\r\n this.setState({ isAuthenticated: true, useDefaultValues: true })\r\n }\r\n if (parametersCount === 0) {\r\n this.setState({ isAuthenticated: true })\r\n return\r\n }\r\n\r\n let dataSource = getUrlParam('dataSource', '')\r\n if (dataSource === 'winrest') {\r\n if (!getUrlParam('siteSlug')) {\r\n dataSource = 'winrest2'\r\n }\r\n }\r\n\r\n const displayMode = getUrlParam('mode', 'week')\r\n\r\n let date = getUrlParam('date', moment().format('YYYY-MM-DD'))\r\n if (date === 'today') {\r\n date = moment().format('YYYY-MM-DD')\r\n }\r\n const dayCount = getUrlParam('dayCount', 5)\r\n const startDay = getUrlParam('startDay', null)\r\n\r\n const concept = getUrlParam('mkt', 'lppdc')\r\n const entityId = getUrlParam('entityId', null)\r\n const siteId = getUrlParam('siteId', null)\r\n const file = getUrlParam('f', null)\r\n let title = getUrlParam('t', null)\r\n if (title) {\r\n title = decodeURIComponent(title)\r\n }\r\n let subtitle = getUrlParam('st', null)\r\n if (subtitle) {\r\n subtitle = decodeURIComponent(subtitle)\r\n }\r\n\r\n const service = getUrlParam('s', null)\r\n const language = getUrlParam('l', null)\r\n const menu = getUrlParam('menu', '')\r\n\r\n const print = getUrlParam('print', null)\r\n const showDate = JSON.parse(getUrlParam('showDate') || false)\r\n\r\n const includedKiosks = getUrlParam('kiosks', 'all')\r\n\r\n const zoom = getUrlParam('zoom', 1)\r\n const orientation = getUrlParam('orientation', 'landscape')\r\n const size = getUrlParam('size', 'A4')\r\n\r\n // winrest Params\r\n const recipes = getUrlParam('recipes', '')\r\n const winrestURL = getUrlParam('url', '')\r\n const pointOfSale = getUrlParam('pointOfSaleSlug', '')\r\n const mealTypeSlug = getUrlParam('mealTypeSlug', '')\r\n const menuSlug = getUrlParam('menuSlug', '')\r\n const siteSlug = getUrlParam('siteSlug', '')\r\n const guestTypeSlug = getUrlParam('guestTypeSlug', '')\r\n const hideMenuPrice = JSON.parse(getUrlParam('hideMenuPrice') || 'true')\r\n const hideRecipePoints = JSON.parse(\r\n getUrlParam('hideRecipePoints') || 'true'\r\n )\r\n const hideEnergyKcal = JSON.parse(\r\n getUrlParam('hideEnergyKcal') || 'false'\r\n )\r\n const showEnergyKcalByPortion = JSON.parse(\r\n getUrlParam('showEnergyKcalByPortion') || 'false'\r\n )\r\n const hideComposition = JSON.parse(\r\n getUrlParam('hideComposition') || 'false'\r\n )\r\n const hideLabels = JSON.parse(getUrlParam('hideLabels') || 'false')\r\n const hideIntolerences = JSON.parse(getUrlParam('hideIntolerences') || 'false')\r\n const isDuoKiosk = JSON.parse(getUrlParam('isDuoKiosk') || 'false')\r\n const useCommercialName =\r\n getUrlParam('useCommercialName') === 'true' ? true : false\r\n\r\n const columns = getUrlParam('columns', null)\r\n\r\n const excludedDays = getUrlParam('excludedDays', '')\r\n .split(',')\r\n .map(_ => parseInt(_))\r\n\r\n /** New WINREST initialization query params */\r\n const pointOfSaleId = getUrlParam('pointOfSaleId', '')\r\n const guestTypeId = getUrlParam('guestTypeId', '')\r\n const mealTypeId = getUrlParam('mealTypeId', '')\r\n const menuId = getUrlParam('menuId', '')\r\n const recipeTypeIds = getUrlParam('recipeTypeIds', '')\r\n const pictures = getUrlParam('pictures', '')\r\n const currency = getUrlParam('currency', '')\r\n\r\n this.setState({\r\n recipes: recipes.split(','),\r\n winrestURL,\r\n pointOfSale,\r\n mealTypeSlug,\r\n hideMenuPrice,\r\n hideRecipePoints,\r\n hideEnergyKcal,\r\n showEnergyKcalByPortion,\r\n hideComposition,\r\n hideLabels,\r\n hideIntolerences,\r\n isDuoKiosk,\r\n menuSlug,\r\n siteSlug,\r\n useCommercialName,\r\n guestTypeSlug,\r\n dataSource: dataSource || 'excel',\r\n displayMode,\r\n date,\r\n dayCount: parseInt(dayCount),\r\n startDay,\r\n\r\n concept,\r\n entityId,\r\n siteId,\r\n file,\r\n title,\r\n subtitle,\r\n service,\r\n language,\r\n menu,\r\n\r\n zoom,\r\n orientation,\r\n size,\r\n print,\r\n showDate,\r\n kiosks: includedKiosks.split(','),\r\n columns,\r\n excludedDays,\r\n\r\n pointOfSaleId,\r\n guestTypeId,\r\n mealTypeId,\r\n menuId,\r\n recipeTypeIds,\r\n pictures,\r\n currency\r\n })\r\n\r\n const gaEntity = dataSource === 'winrest' ? winrestURL : entityId\r\n const gaSite = dataSource === 'winrest' ? siteSlug : siteId\r\n const gaPointOfSale = dataSource === 'winrest' ? pointOfSale : siteId\r\n\r\n ReactGA.initialize('UA-151593081-1', {\r\n debug: false,\r\n siteSpeedSampleRate: 100,\r\n })\r\n ReactGA.set({ dimension1: dataSource })\r\n ReactGA.set({ dimension2: gaEntity })\r\n ReactGA.set({ dimension3: gaSite })\r\n ReactGA.set({ dimension4: gaPointOfSale })\r\n ReactGA.set({ dimension5: displayMode })\r\n ReactGA.pageview(window.location.pathname + window.location.search)\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.state.isAuthenticated ? (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default Main\r\n","import React, { Component } from 'react'\r\n\r\nclass ErrorBoundary extends Component {\r\n state = { error: null, info: null }\r\n\r\n componentDidCatch(error, info) {\r\n this.setState({\r\n error: error,\r\n info: info,\r\n })\r\n }\r\n\r\n render() {\r\n if (this.state.info) {\r\n return (\r\n \r\n
Something went wrong. \r\n \r\n {this.state.error && this.state.error.toString()}\r\n \r\n \r\n )\r\n }\r\n\r\n return this.props.children\r\n }\r\n}\r\n\r\nexport default ErrorBoundary\r\n","import React, { Component } from 'react'\r\nimport './App.css'\r\n\r\nimport Main from './containers/Main/Main'\r\nimport ErrorBoundary from './containers/ErrorBoundary/ErrorBoundary'\r\nimport { LoaderProvider } from './utils/LoadingContext'\r\n\r\nclass App extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default App\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read http://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n)\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href)\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config)\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit http://bit.ly/CRA-PWA'\r\n )\r\n })\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config)\r\n }\r\n })\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing\r\n if (installingWorker == null) {\r\n return\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See http://bit.ly/CRA-PWA.'\r\n )\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration)\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.')\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration)\r\n }\r\n }\r\n }\r\n }\r\n }\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error)\r\n })\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type')\r\n if (\r\n response.status === 404 ||\r\n (contentType != null &&\r\n contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload()\r\n })\r\n })\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config)\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n )\r\n })\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister()\r\n })\r\n }\r\n}\r\n","import React from 'react'\r\nimport ReactDOM from 'react-dom'\r\nimport './index.css'\r\nimport App from './App'\r\nimport * as serviceWorker from './serviceWorker'\r\n\r\nimport { runWithAdal } from 'react-adal'\r\nimport { authContext } from './utils/AdalConfig'\r\nimport { getUrlVars } from './utils/UrlUtils'\r\n\r\nif (getUrlVars()[\"mode\"]) {\r\n ReactDOM.render( ![](\"img/edit.svg\")
\r\n \r\n )\r\n }\r\n}\r\n\r\nclass printKiosk extends React.Component {\r\n state = {\r\n editedItems: [],\r\n }\r\n\r\n render() {\r\n const {\r\n dataSource,\r\n isMonoKiosk,\r\n name,\r\n concept,\r\n kioskPicture,\r\n items,\r\n monoKioskTitle,\r\n useCommercialName,\r\n hideMenuPrice,\r\n hideRecipePoints,\r\n hideEnergyKcal,\r\n showEnergyKcalByPortion,\r\n hideLabels,\r\n hideIntolerences,\r\n zoom,\r\n isAdmin,\r\n centered,\r\n currency,\r\n showDate,\r\n } = this.props\r\n\r\n const { editedItems } = this.state\r\n\r\n items.map(item => {\r\n if (item.price_currency && !!item.price_currency) {\r\n const priceRegex = /(\\d+)[,|.](\\d+)(.*)/\r\n const priceMatches = priceRegex.exec(item.price_currency)\r\n if (priceMatches) {\r\n item.priceInt = priceMatches[1]\r\n const decimals =\r\n parseInt(priceMatches[2]) !== 0 ? priceMatches[2] : ''\r\n item.priceSup = priceMatches[3].trim() + decimals\r\n }\r\n }\r\n\r\n // if (!!item.price_point) {\r\n // item.price_point = item.price_point.replace(/\\D/g, '')\r\n // }\r\n\r\n if (item.price) {\r\n const priceArray = item.price.toString().split('.')\r\n item.priceInt =\r\n priceArray[0].toString() + item.currency || currency\r\n item.priceSup = priceArray[1]\r\n ? priceArray[1].length > 1\r\n ? priceArray[1]\r\n : `${priceArray[1]}0`\r\n : ''\r\n }\r\n return item\r\n })\r\n\r\n const handleEditItem = item => {\r\n this.setState({ editedItems: [item, ...editedItems] })\r\n }\r\n\r\n return (\r\n