{"version":3,"sources":["header-bar/avatar/avatar-icon.svg","header-bar/avatar/arrow-right-icon.svg","header-bar/arrow-right-icon.svg","header-bar/sunware-logo-3x.png","pages/welcome/plus-icon.svg","pages/welcome/archive-icon.svg","button/arrow-left-icon.svg","input/error-icon.svg","input/success-icon.svg","pages/login/login-icon.svg","pages/register/register-icon.svg","pages/wizard/arrow-forward-icon.svg","pages/my-closets/close-icon.svg","pages/my-closets/edit-icon.svg","pages/my-closets/plus-icon.svg","pages/my-closets/share-icon.svg","pages/my-closets/warning-icon.svg","product/delete-icon.svg","product/rotate-icon.svg","pages/configurator/room/color-picker-icon.svg","pages/configurator/boxes/edit-icon.svg","pages/configurator/boxes/rotate-icon.svg","pages/configurator/save/copy-icon.svg","pages/configurator/save/download-pdf-icon.svg","pages/configurator/arrow-right-icon.svg","background-container/mobile-background-3x.jpg","pages/view-closet/arrow-forward-icon.svg","pages/view-closet/arrow-right-icon.svg","background-container/green-background-3x.jpg","box-model/display.js","global-styles/GlobalStyles.js","authur.js","box-model/Flex.js","header-bar/avatar/Avatar.js","header-bar/ShoppingCartButton.js","header-bar/language-selector/LanguageSelector.js","header-bar/HeaderBar.js","box-model/Block.js","background-container/BackgroundContainer.js","button/Button.js","typography/Heading2.js","typography/Paragraph.js","pages/ContentContainer.js","pages/welcome/WelcomePage.js","button/BackTextLink.js","input/SingleLineInput.js","pages/login/LoginPage.js","input/CheckBoxInput.js","input/RadioButtonInput.js","pages/register/RegisterPage.js","pages/password-forgotten/PasswordForgottenPage.js","pages/password-forgotten/SetPasswordPage.js","pages/wizard/BigIconButton.js","pages/wizard/WizardPage.js","pages/my-closets/CopyButton.js","pages/my-closets/MyClosetsPage.js","product/ProductImage.js","product/ProductTooltip.js","product/Product.js","product/PlacedProduct.js","pages/configurator/shelving-unit/HorizontalPlank.js","pages/configurator/shelving-unit/Shelve.js","pages/configurator/shelving-unit/VerticalPlank.js","pages/configurator/shelving-unit/ShelvingUnit.js","pages/configurator/SideMenuIconButton.js","pages/configurator/SideMenu.js","pages/configurator/Pane.js","pages/configurator/RoomPane.js","input/Slider.js","pages/configurator/ClosetPane.js","input/SingleSelect.js","product/ProductSelector.js","pages/configurator/boxes/Color.js","pages/configurator/boxes/ColorsPane.js","pages/configurator/BoxesPane.js","pages/configurator/SavePane.js","utils/hooks/usePrevious.js","pages/configurator/InfoModal.js","pages/configurator/ShoppingCartPane.js","pages/configurator/ConfiguratorPage.js","product/ProductDragLayer.js","background-container/MobileBackgroundContainer.js","pages/mobile/Mobile.js","pages/view-closet/ViewClosetPage.js","AppContainer.js","index.js","pages/configurator/close-icon.svg","product/warning-icon.svg","background-container/light-background-3x.jpg","background-container/brown-background-3x.jpg","background-container/grey-background-3x.jpg","pages/password-forgotten/send-icon.svg","pages/configurator/shelving-unit/medium-dark-wood-texture-horizontal.png","pages/configurator/save/save-icon.svg","product/info-icon.svg","pages/configurator/save/login-icon.svg"],"names":["module","exports","display","position","minWidth","minHeight","globalStyles","css","authDataStorageKey","config","currentAuthData","isInitalized","isProcessing","_onAuthStateChangeCallbacks","_onAuthStateChangeCallbackIds","getTokenQueue","onAuthStateChange","callback","id","push","isAuthenticated","filter","c","signout","setTimeout","async","persistenceClear","_authStateChange","status","forEach","_setAuthData","_newAuthData","expires_at","Date","now","expires_in","persistenceSet","JSON","stringify","_completeProcessing","key","resolve","getToken","Promise","reject","resp","fetch","origin","authPath","method","headers","Accept","body","objectToFormData","grant_type","client_id","window","auth","clientId","client_secret","clientSecret","respData","json","ok","_refreshToken","access_token","initialize","apiPath","persistenceGet","events","debug","noop","Function","authDataRaw","success","persistedAuthData","parse","refresh_token","error","authenticate","username","password","_fetch","fetchPost","url","data","path","options","token","Authorization","obj","Object","keys","map","encodeURIComponent","join","Flex","styled","shouldForwardProp","prop","isPropValid","children","theme","paddingHorizontal","paddingVertical","spaceHorizontal","spaceVertical","otherCssProps","paddingTop","paddingRight","paddingBottom","paddingLeft","marginRight","marginBottom","UserName","span","LogoutLink","a","Avatar","currentUser","onLogout","onUserNameClick","flex","flexDirection","alignItems","src","avatarIconUrl","alt","width","height","onClick","firstName","lastName","arrowRightIconUrl","buttonStyles","whiteButtonStyles","regularButtonStyles","ShoppingCartButton","isDisabled","isRegular","label","style","pointerEvents","cursor","xmlns","viewBox","fill","d","styles","openerStyles","selectedFlagStyles","summaryStyles","menuItemStyles","flagStyles","LanguageSelector","currentLocale","changeLocale","locales","React","useState","isHovered","setIsHovered","activeLocale","find","locale","isoCode","onMouseOver","onMouseOut","flagUrl","aria-label","visibility","index","BackLink","props","boxBuilderLogoLinkStyles","boxBuilderLogoStyles","HeaderBar","currentCloset","getTextContent","isOnMobile","matchesViewClosetPage","toggleShoppingCartPane","buttonTerugNaarSunware","backgroundColor","justifyContent","marginLeft","sunwareLogoUrl","href","alignSelf","to","marginTop","boxes","length","Block","ColoredBackground","div","color","Floor","BackgroundContainer","backgroundOptions","matchesWelcomePage","useRouteMatch","exact","matchesLoginPage","matchesRegisterPage","matchesPasswordForgottenPage","matchesSetPasswordPage","matchesMyClosetsPage","matchesWizardPage","matchesConfiguratorPage","showWelcomePageBackground","showWizardPageBackground","showConfiguratorPageBackground","colour","backgroundGuid","currentClosetBackgroundOption","backgroundOption","guid","greyBackgroundUrl","lightBackgroundUrl","brownBackgroundUrl","image","primaryButtonStyles","secondaryButtonStyles","tertiaryButtonStyles","Button","iconAlt","iconUrl","tag","type","contentContainerStyles","ContentContainer","welcomeParagraphStyles","WelcomePage","reset","useEffect","homeTitle","homeText","homeButtonStart","homeButtonEdit","Heading2","Paragraph","plusIconUrl","archiveIconUrl","pathname","state","next","linkStyles","BackTextLink","history","useHistory","goBack","arrowLeftUrl","boldStyles","FormFieldLabel","SingleLineInput","forwardRef","autocomplete","onChange","isValid","placeholder","readOnly","value","ref","isFocused","setIsFocused","setState","validateInput","useCallback","v","trim","handleChange","event","target","handleFocus","_event","handleBlur","onFocus","onBlur","autoComplete","errorIconUrl","successIconUrl","Form","withComponent","LoginPage","onSubmit","location","useLocation","setError","email","setEmail","setPassword","handleEmailChange","handlePasswordChange","onSubmitButtonClick","preventDefault","catch","inloggenTitel","inloggenEmailadres","inloggenWachtwoord","buttonInloggen","terug","inloggenFooterTekst","emailOfWachtwoordOnjuist","includes","loginIconUrl","dangerouslySetInnerHTML","__html","CheckBoxInput","checked","RadioButtonInput","group","name","RegisterPage","gender","setGender","setFirstName","setLastName","acceptedTerms","setAcceptedTerms","handleGenderChange","handleFirstNameChange","handleLastNameChange","then","result","registrerenTitel","registrerenMan","registrerenVrouw","registrerenVoornaam","registrerenAchternaam","nieuwWachtwoordInstellenWachtwoord","buttonRegistreren","registerenAkkoord","emailInGebruik","parseInt","registerIconUrl","PasswordForgottenPage","nieuwWachtwoordTitel","nieuwWachtwoordTekst","versturen","emailOnjuistOfOnbekend","sendIconUrl","SetPasswordPage","queryParams","URLSearchParams","search","t","get","wachtwoordInstellenTitel","wachtwoordInstellenTekst","instellen","isSelectedStyles","iconStyles","isSelectedIconStyles","BigIconButton","iconSelectedUrl","isSelected","Question","WizardPage","setCurrentCloset","presets","setPresets","selectedPreset","setSelectedPreset","response","Array","isArray","wizardTitel","wizardTekst","wizardInWelkeKamer","volgende","preset","title","isDirty","background","closetTextureGuid","closetTexture","icon","iconActive","arrowForwardIconUrl","CopyButton","Pane","ClosetName","LastModifiedDate","ClosetUrlField","DeleteConfirmationPopup","y","x","PopupHeading","PopupText","months","DeleteConfirmation","onCancel","portalRef","ReactDOM","createPortal","warningIconUrl","current","ClosetRow","closet","isLast","generateDownloadablePDF","showShareButtons","onDeleteButtonClick","onEditButtonClick","onShareButtonClick","popupPortalRef","inputRef","useRef","copyUrlToClipboard","select","document","execCommand","date","useMemo","createDate","showDeleteConfirmationPopup","setShowDeleteConfirmationPopup","delen","bewerken","kopieren","borderBottom","getDate","getMonth","getFullYear","shareIconUrl","editIconUrl","closeIconUrl","replace","MyClosetsPage","closets","deleteCloset","editCloset","showShareButtonsForCloset","setShowShareButtonsForCloset","handleShareButtonClick","closetId","currentClosetId","mijnKastenTitel","mijnKastenStartNieuwButton","mijnKastenLeeg","overflowY","overflowX","maxHeight","ProductImage","product","productIsTooDeep","productIsTooWide","productIsTooHigh","isFullSize","rotated","imageUrl2","imageUrl","depth","StyledTooltip","isPermanent","RedTooltip","ProductInfo","TooltipMenuItem","ProductTooltip","deleteProduct","rotateProduct","rotateProductIsPossible","openInfoModal","productIsTooBig","tooltipPortalRef","isOnViewClosetPage","showRotateTooltip","setShowRotateTooltip","content","productIsTeDiep","productIsTeBreed","productIsTeHoog","productKlikVoorLink","productKlikVoorBewerken","productInformatie","productNietDraaienAnderProduct","productNietDraaienGeenRuimte","productNietDraaienTeDiep","buttonVerwijderen","className","infoIconUrl","rotateIsPossible","possible","reason","onMouseEnter","onMouseLeave","rotateIconUrl","deleteIconUrl","Product","closetDepth","closetWidth","isPlaced","onBeginDrag","onIsDragging","shelveHeight","tooltipScrollContainerRef","tooltipPortalRect","getBoundingClientRect","useDrag","item","begin","canDrag","collect","monitor","isDragging","dropEffect","connectDragSource","connectDragPreview","rect","handleRef","domNode","getEmptyImage","setIsTooltipVisible","tooltipVisibleTimeoutId","isTooltipVisible","handleMouseEnter","clearTimeout","handleMouseLeave","setTooltipIsPermanent","tooltipPosition","setTooltipPosition","handleMouseMove","nativeEvent","offsetX","offsetY","left","top","scrollTop","tooltipIsPermanent","handleClick","zIndex","draggable","onMouseMove","memo","setIsDragging","useSpring","dropX","dropY","mass","tension","friction","clamp","onRest","set","stop","from","HorizontalPlank","isOnTop","thickness","textureUrl","WoodTextureHorizontal","bottom","Shelve","VerticalPlank","isOnTheRight","right","findOtherProductY","otherProductsOnShelf","targetShelfTop","targetShelfBottom","reduce","otherProductY","otherProduct","getSize","ShelvingUnit","onDropProduct","placedProducts","shelveThickness","totalShelves","shelveThicknessRef","totalShelvesRef","shelvesRef","_","placedProductsRef","dropProduct","boundingClientRect","isMovingPlacedProduct","oldX","oldY","rightBound","bottomBound","Math","max","min","shelveTops","_shelve","nearestShelveTopIndex","findIndex","shelveTop","boxId","otherProducts","itemX","itemY","collidingProduct","overlap","hasOverlapX","hasOverlapY","itemCenterX","itemCenterY","otherProductCenterX","otherProductCenterY","factorDistanceX","abs","factorDistanceY","leftPriority","rightPriority","topPriority","bottomPriority","i","priority","findCollidingProductAndOverlapWithItem","leftBound","freeX","freeY","overlapOption","tryX","tryY","findCollidingProductWithItem","findNearestFreePosition","handleDrop","dragSourceClientOffset","getSourceClientOffset","placedProduct","sortedPlacedProducts","slice","sort","productA","productB","l","updatedDroppedProduct","p","droppedProduct","determineIfRotateProductIsPossible","rotatedProductDepth","rotatedProductRightBound","some","useDrop","accept","drop","connectDropTarget","domNodeOrNull","shelve","SideMenuRoomButton","transform","SideMenuClosetButton","SideMenuBoxesButton","SideMenuSaveButton","Separator","SideMenu","onChangePaneButtonClick","matchesRoomPage","matchesClosetPage","matchesBoxesPage","matchesSavePage","borderRadius","boxShadow","paneStyles","Heading","h2","SubHeading","PaneCloseButton","heading","onClosePaneButtonClick","subHeading","Heading3","h3","ColorSquare","ColorPicker","BackgroundThumbnail","RoomPane","setBackgroundToColor","setBackgroundToPhoto","setBackgroundOptions","colorPickerColor","setColorPickerColor","showColorPicker","setShowColorPicker","toggleShowColorPicker","handleColorPickerChange","hex","backgrounds","deKamerTitel","deKamerSubtitel","deKamerFoto","deKamerKleur","deKamerKiesKleur","flexWrap","colorPickerIconUrl","StyledSlider","ReactSlider","StyledThumb","disabled","Thumb","sliderProps","valueNow","suffix","StyledTrack","Track","Slider","renderTrack","renderThumb","MaterialThumbnailSquare","ClosetPane","onClearButtonClick","materialOptions","setMaterialOptions","handleSliderWidthChange","handleSliderHeightChange","handleSliderDepthChange","handleSliderShelvesChange","handleSliderThicknessChange","deKastTitel","deKastSubtitel","deKastMateriaal","deKastBreedte","deKastHoogte","deKastDiepte","deKastHoeveelSchappen","deKastHoeDikZijnDePlanken","deKastLeegmakenTekst","deKastLeegmakenButton","step","materialOption","SingleSelect","optionData","InfoMessage","tableStyles","tableCellStyles","ProductDimensions","PIXELS_PER_CM","ProductSelector","currentColor","currentSeries","deBoxenBezigMetLaden","deBoxenGeenProducten","deBoxenKiesAndere","products","productsAsTable","productsTable","closetHeightMinusShelves","tableRow","volume","widthInCm","heightInCm","depthInCm","ColorContainer","ColorClip","ColorTriangle","rotate","Color","colorOption","colour1","colour2","ColorsPane","colorOptions","deBoxenKleurenVoor","onColorSelect","seriesLabel","RotateButton","RedPopup","TooltipHeading","TooltipText","PopupCloseButton","lastSelectedSeriesGuid","lastSelectedColorGuid","lastRotated","BoxesPane","isColorsPaneVisible","redInfoPopupIsVisible","setIsColorsPaneVisible","setRedInfoPopupIsVisible","seriesOptions","setSeriesOptions","currentSeriesGuid","setCurrentSeriesGuid","handleSeriesSelect","option","setColorOptions","currentColorGuid","setCurrentColorGuid","handleColorSelect","isRotated","setIsRotated","toggleIsRotated","setProducts","series","colors","deBoxenTitel","deBoxenSubtitel","deBoxenProductlijn","deBoxenKleur","deBoxenBoxen","deBoxenBoxenDraaien","deBoxenUitlegTitel","deBoxenUitlegTekst","fontWeight","SavePane","saveCloset","inputName","setInputName","isSaved","setIsSaved","handleSaveButtonClick","wasDirty","usePrevious","shareUrlRef","shareUrl","handleCopyButtonClick","setSelectionRange","handleLoginButtonClick","handleRegisterButtonClick","opslaanTitel","opslaanSubtitel","opslaanKastNaamInvoer","opslaanAdvies","opslaanOpgeslagen","opslaanOpgeslagenAdvies","opslaanTekstIngelogd","opslaanTekstRegistreren","buttonOpslaan","opslaanDelen","opslaanDelenAdvies","opslaanDownloadenPrinten","opslaanDownloadenPrintenAdvies","buttonDownloadPDF","saveIconUrl","copyIconUrl","savePdfIconUrl","modalStyles","ModalCloseButton","Intro","Description","Specs","SpecHeading","Spec","MoreInfoHeading","MoreInfoLink","euro","currency","separator","symbol","decimal","format","InfoModal","onCloseModalButtonClick","infoModalProductInformatie","infoModalSpecificaties","infoModalKleur","infoModalMateriaal","infoModalBinnenmaat","infoModalBuitenmaat","infoModalMeerInformatie","infoModalBekijkKenmerken","colourLabel","price","intro","description","material","innerWidthInCm","innerHeightInCm","innerDepthInCm","externalUrl","ProductName","ProductCount","ProductPrice","ProductPriceSymbol","TotalPrice","TotalPriceSymbol","TotalLabel","LineItem","lineItem","count","totalPrice","externalId","barCodes","sunwareURL","hostname","endsWith","ShoppingCartPane","lineItems","existingLineItem","round","formUrl","toLowerCase","winkelmandjeTotaal","buttonKoopSunware","buttonSlaKastOp","action","colspan","ConfiguratorPage","hideShoppingCartPane","isClosetPaneDisabled","isShoppingCartPaneVisible","savePaneRef","sideMenuRef","matchesRoomPane","matchesClosetPane","matchesBoxesPane","matchesSavePane","matchesInfoModal","gotoPane","paneUrl","closePane","infoModalProduct","setInfoModalProduct","closeInfoModal","handleSaveCloset","closetName","currentClosetMaterialOption","innerStyles","ProductDragLayer","containerRef","useDragLayer","getItem","initialOffset","getInitialSourceClientOffset","navigator","userAgent","indexOf","boundingClientReact","data-product-drag-layer","MobileBackgroundContainer","overflow","Mobile","kleinSchermTitel","kleinSchermTekst","ViewPane","TextLink","ViewClosetPage","kastBekijkenTitelVoorvoegsel","kastBekijkenTekstAchtervoegsel","kastBekijkenInstructie","kastBekijkenSubtitel","kastBekijkenZelfMakenTekst","kastBekijkenZelfMakenButton","kastBekijkenSunwareWebsiteLink","ownerFirstName","NEW_CLOSET","fetchAndUpdateTexts","setTexts","texts","console","log","preload","setLocales","Image","greenBackgroundUrl","fetchLocales","all","HTMLCanvasElement","prototype","toBlob","defineProperty","quality","canvas","this","binStr","atob","toDataURL","split","len","arr","Uint8Array","charCodeAt","Blob","render","backend","MultiBackend","HTML5toTouch","closetIdFromQuery","localeFromQuery","text","setCurrentUser","setClosets","setCurrentLocale","updateClosets","closetsFromBackend","closetFromBackend","boxFromBackend","box","isInitialized","localStorage","val","setItem","storageKey","removeItem","responseJson","message","setIsShoppingCartPaneVisible","handleLogin","handleRegister","languageCode","handlePasswordForgotten","emailAddress","handleSetPassword","handleLogout","productToDelete","productToRotate","handleBeginDrag","emptyCurrentCloset","handleClearButtonClick","handleDropProduct","productOrProducts","newBoxes","handleDropProductOutside","isOver","shallow","handleSetBackgroundToColor","handleSetBackgroundToPhoto","handleUserNameClick","closetToDelete","dataToSave","boxesToSave","boxToSave","toISOString","productGuid","productToSave","undefined","backgroundImage","updatedCloset","lastModifiedDate","screenshotRef","old","html2canvas","imageBlob","form","FormData","append","responseType","blob","pdfBlob","link","createElement","URL","createObjectURL","download","click","isMobile","isTablet","getElementById"],"mappings":"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","file":"static/js/main.a9769795.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/avatar-icon.24e53523.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrow-right-icon.9664665c.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrow-right-icon.8c884754.svg\";","module.exports = __webpack_public_path__ + \"static/media/sunware-logo-3x.42b42749.png\";","module.exports = __webpack_public_path__ + \"static/media/plus-icon.989da413.svg\";","module.exports = __webpack_public_path__ + \"static/media/archive-icon.dac4b1cb.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrow-left-icon.a1c8967f.svg\";","module.exports = __webpack_public_path__ + \"static/media/error-icon.cb7fdaef.svg\";","module.exports = __webpack_public_path__ + \"static/media/success-icon.6604acc7.svg\";","module.exports = __webpack_public_path__ + \"static/media/login-icon.71c507fa.svg\";","module.exports = __webpack_public_path__ + \"static/media/register-icon.71c507fa.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrow-forward-icon.c43a3095.svg\";","module.exports = __webpack_public_path__ + \"static/media/close-icon.9d984e2e.svg\";","module.exports = __webpack_public_path__ + \"static/media/edit-icon.6b50de9b.svg\";","module.exports = __webpack_public_path__ + \"static/media/plus-icon.989da413.svg\";","module.exports = __webpack_public_path__ + \"static/media/share-icon.564b1583.svg\";","module.exports = __webpack_public_path__ + \"static/media/warning-icon.64b3d0f0.svg\";","module.exports = __webpack_public_path__ + \"static/media/delete-icon.c665ec61.svg\";","module.exports = __webpack_public_path__ + \"static/media/rotate-icon.75d85e81.svg\";","module.exports = __webpack_public_path__ + \"static/media/color-picker-icon.c1626176.svg\";","module.exports = __webpack_public_path__ + \"static/media/edit-icon.8979dcb7.svg\";","module.exports = __webpack_public_path__ + \"static/media/rotate-icon.33787451.svg\";","module.exports = __webpack_public_path__ + \"static/media/copy-icon.3a14a25b.svg\";","module.exports = __webpack_public_path__ + \"static/media/download-pdf-icon.7910bf02.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrow-right-icon.8c884754.svg\";","module.exports = __webpack_public_path__ + \"static/media/mobile-background-3x.15f11ffb.jpg\";","module.exports = __webpack_public_path__ + \"static/media/arrow-forward-icon.065d774c.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrow-right-icon.8c884754.svg\";","module.exports = __webpack_public_path__ + \"static/media/green-background-3x.137c1538.jpg\";","const display = display => ({\n\tdisplay,\n\tposition: 'relative',\n\tminWidth: 0,\n\tminHeight: 0\n});\n\nexport default display;\n","import React from 'react';\n\nimport css from '@emotion/css';\nimport { Global } from '@emotion/core';\n\nimport display from '../box-model/display';\n\nconst globalStyles = css`\n\thtml {\n\t\tfont-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;\n\t\tfont-size: 16px;\n\t\t-webkit-font-smoothing: antialiased;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t}\n\thtml,\n\tbody,\n\t#root {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t}\n\tbody,\n\t#root {\n\t\t${display('flex')}\n\n\t\tflex: 1;\n\t}\n\tlabel {\n\t\tdisplay: block;\n\t}\n\t::-ms-tooltip {\n\t\tdisplay: none;\n\t}\n\t:root {\n\t\t--pastel-red: #e85a5a;\n\t\t--greeny-blue: #4acba3;\n\t\t--purple-brown: #401b1d;\n\t\t--dark-mauve: #825a5d;\n\t\t--warm-grey: #707070;\n\t\t--pale-grey: #f4f9f9;\n\t}\n\ta,\n\ta:link,\n\ta:hover,\n\ta:visited {\n\t\ttext-decoration: none;\n\t}\n\t:any-link,\n\t:-webkit-any-link {\n\t\ttext-decoration: none;\n\t}\n`;\n\nexport default function GlobalStyles() {\n\treturn <Global styles={globalStyles} />;\n}\n","// install locally with `npm install ./../shared/authur/`\n\nconst authDataStorageKey = 'authurData';\nlet config;\n// let log = console.log.bind(console);\nlet isInitalized = false;\nlet isProcessing = false;\nlet currentAuthData;\nlet _onAuthStateChangeCallbacks = [];\nlet _onAuthStateChangeCallbackIds = 0;\nlet getTokenQueue = [];\n\nasync function initialize({\n\torigin,\n\tauthPath,\n\tapiPath,\n\tpersistenceGet,\n\tpersistenceSet,\n\tpersistenceClear,\n\tevents,\n\tdebug = true\n}) {\n\tif (isInitalized) {\n\t\t// log('authur: already initialized!');\n\t\treturn;\n\t}\n\n\t// if (!(persistenceGet && persistenceSet)) {\n\t// \tconsole.warn(\n\t// \t\t'authur:',\n\t// \t\t'persistenceGet or persistenceSet is not set - logins will not persist after page reloads'\n\t// \t);\n\t// }\n\t// if (!persistenceClear) {\n\t// \tconsole.warn('authur:', 'persistenceClear is not set - logout will not work as expected');\n\t// }\n\n\tpersistenceGet = persistenceGet || noop;\n\tpersistenceSet = persistenceSet || noop;\n\tpersistenceClear = persistenceClear || noop;\n\n\tisInitalized = true;\n\tisProcessing = true;\n\n\tconfig = { origin, authPath, apiPath, persistenceGet, persistenceSet, persistenceClear, debug };\n\n\t// log('authur: init start');\n\n\tif (events) {\n\t\tif (events.onAuthStateChange && events.onAuthStateChange instanceof Function) {\n\t\t\tonAuthStateChange(events.onAuthStateChange);\n\t\t}\n\t}\n\n\tconst authDataRaw = await persistenceGet(authDataStorageKey);\n\tlet success = false;\n\n\ttry {\n\t\tconst persistedAuthData = JSON.parse(authDataRaw);\n\n\t\tif (persistedAuthData && persistedAuthData.refresh_token) {\n\t\t\t// log('authur: init completed successfully');\n\t\t\tcurrentAuthData = persistedAuthData;\n\t\t\tsuccess = true;\n\t\t\t_authStateChange(success);\n\t\t} else {\n\t\t\t// log(\n\t\t\t// \t'authur: init completed but token is invalid. Signing out! data from storage was:',\n\t\t\t// \tpersistedAuthData\n\t\t\t// );\n\t\t\tsignout();\n\t\t}\n\t} catch (error) {\n\t\t// log(\n\t\t// \t'authur: error getting or parsing token. Signing out! data from storage was:',\n\t\t// \tauthDataRaw,\n\t\t// \terror\n\t\t// );\n\t\tsignout();\n\t}\n\n\t_completeProcessing();\n}\n\n// this goes to /oauth/token\nasync function authenticate({ username, password }) {\n\tconst resp = await fetch(config.origin + config.authPath, {\n\t\tmethod: 'POST',\n\t\theaders: {\n\t\t\t'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',\n\t\t\tAccept: 'application/json'\n\t\t},\n\t\tbody: objectToFormData({\n\t\t\tgrant_type: 'password',\n\t\t\tusername,\n\t\t\tpassword,\n\t\t\tclient_id:\n\t\t\t\twindow.auth && window.auth.clientId ? window.auth.clientId : 'wf9yoP7Quy8kI7qhmvMz',\n\t\t\tclient_secret:\n\t\t\t\twindow.auth && window.auth.clientSecret\n\t\t\t\t\t? window.auth.clientSecret\n\t\t\t\t\t: 'm463tlxXQ9YgfCdT8NN3'\n\t\t})\n\t});\n\n\tif (resp.ok) {\n\t\tconst respData = await resp.json();\n\t\tawait _setAuthData(respData);\n\t\t_authStateChange(true);\n\n\t\treturn {\n\t\t\tok: true\n\t\t};\n\t} else {\n\t\t// log('authur: failed login attempt');\n\t\treturn {\n\t\t\tok: false,\n\t\t\terror: resp.status === 401 ? 'Wrong username or password' : 'Something went wrong'\n\t\t};\n\t}\n}\n\nfunction onAuthStateChange(callback) {\n\tconst id = _onAuthStateChangeCallbackIds++;\n\t_onAuthStateChangeCallbacks.push({ callback, id });\n\n\tcallback(isAuthenticated());\n\n\t// unsubscribe callback\n\treturn () => {\n\t\t_onAuthStateChangeCallbacks = _onAuthStateChangeCallbacks.filter(c => c.id !== id);\n\t};\n}\n\nfunction signout() {\n\t// put it at the end of the event loop\n\tsetTimeout(async () => {\n\t\tcurrentAuthData = null;\n\t\tawait config.persistenceClear(authDataStorageKey);\n\t\tisProcessing = false;\n\n\t\t_authStateChange(false);\n\t});\n}\n\nfunction _authStateChange(status) {\n\t// log('authur: auth state changed to: ' + status);\n\t_onAuthStateChangeCallbacks.forEach(c => {\n\t\tc.callback(status);\n\t});\n}\n\nasync function _setAuthData(_newAuthData) {\n\tif (_newAuthData === null || typeof _newAuthData !== 'object') {\n\t\t// log('authur: data is invalid');\n\t\tsignout();\n\t} else {\n\t\t_newAuthData.expires_at = Date.now() + _newAuthData.expires_in * 1000;\n\t\tcurrentAuthData = _newAuthData;\n\t\tawait config.persistenceSet(authDataStorageKey, JSON.stringify(_newAuthData));\n\t}\n}\n\nfunction _completeProcessing() {\n\tisProcessing = false;\n\n\tfor (const key in getTokenQueue) {\n\t\t// log('authur: processing getToken queue item');\n\t\tgetTokenQueue[key].resolve(getToken());\n\t}\n\n\tgetTokenQueue = [];\n}\n\nasync function getToken() {\n\tif (isProcessing) {\n\t\treturn new Promise((resolve, reject) => getTokenQueue.push({ resolve, reject }));\n\t}\n\n\tawait _refreshToken();\n\n\tif (currentAuthData) {\n\t\treturn currentAuthData.access_token;\n\t}\n\n\treturn null;\n}\n\nasync function _refreshToken() {\n\t// get a new token 3 seconds before the old one expires\n\tif (currentAuthData && Date.now() > currentAuthData.expires_at - 3000) {\n\t\tisProcessing = true;\n\t\t// log('authur: refreshing token');\n\n\t\tconst resp = await fetch(config.origin + config.authPath, {\n\t\t\tmethod: 'POST',\n\t\t\theaders: {\n\t\t\t\t'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',\n\t\t\t\tAccept: 'application/json'\n\t\t\t},\n\t\t\tbody: objectToFormData({\n\t\t\t\tgrant_type: 'refresh_token',\n\t\t\t\tclient_id:\n\t\t\t\t\twindow.auth && window.auth.clientId\n\t\t\t\t\t\t? window.auth.clientId\n\t\t\t\t\t\t: 'wf9yoP7Quy8kI7qhmvMz',\n\t\t\t\tclient_secret:\n\t\t\t\t\twindow.auth && window.auth.clientSecret\n\t\t\t\t\t\t? window.auth.clientSecret\n\t\t\t\t\t\t: 'm463tlxXQ9YgfCdT8NN3',\n\t\t\t\t...currentAuthData\n\t\t\t})\n\t\t});\n\t\tconst respData = await resp.json();\n\n\t\tif (resp.ok) {\n\t\t\tawait _setAuthData(respData);\n\t\t\t// log('authur: token has been refreshed');\n\t\t} else if (resp.status === 401) {\n\t\t\t// log(\n\t\t\t// \t'authur: server returned 401 when trying to refresh token',\n\t\t\t// \tcurrentAuthData,\n\t\t\t// \trespData\n\t\t\t// );\n\t\t\tsignout();\n\t\t} else {\n\t\t\t// log('authur: server returned an error when trying to refresh token', resp, respData);\n\t\t}\n\n\t\t_completeProcessing();\n\t}\n}\n\nfunction isAuthenticated() {\n\treturn !!(currentAuthData && currentAuthData.access_token);\n}\n\nconst auth = {\n\tinitialize,\n\tauthenticate,\n\tsignout,\n\tgetToken,\n\tonAuthStateChange,\n\tisAuthenticated,\n\tfetch: _fetch,\n\tfetchPost: (url, data) => _fetch(url, { method: 'POST', body: JSON.stringify(data) })\n};\n\nexport default auth;\n\n// helpers\n\nasync function _fetch(path, options) {\n\tconst token = await getToken();\n\n\toptions = options || {};\n\toptions.method = options.method || 'GET';\n\toptions.headers = options.headers || {\n\t\tAccept: 'application/json',\n\t\t'Content-Type': 'application/json'\n\t};\n\n\tif (!options.headers.Authorization) {\n\t\toptions.headers.Authorization = `Bearer ${token}`;\n\t}\n\n\tconst resp = await fetch(config.origin + config.apiPath + path, options);\n\n\tif (resp.status === 401) {\n\t\t// log(`authur: recieved 401 from API call. ${!token ? 'Token was null.' : ''}`);\n\t\tsignout();\n\t}\n\n\treturn resp;\n}\n\nfunction objectToFormData(obj) {\n\treturn Object.keys(obj)\n\t\t.map(key => encodeURIComponent(key) + '=' + encodeURIComponent(obj[key]))\n\t\t.join('&');\n}\n\nfunction noop() {}\n","import isPropValid from '@emotion/is-prop-valid';\nimport styled from '@emotion/styled';\n\nimport display from './display';\n\nconst Flex = styled('div', {\n\tshouldForwardProp: prop =>\n\t\tisPropValid(prop) && prop !== 'width' && prop !== 'height' && prop !== 'overflow'\n})(\n\t({\n\t\tchildren: _children,\n\t\ttheme: _theme,\n\t\tpaddingHorizontal,\n\t\tpaddingVertical,\n\t\tspaceHorizontal,\n\t\tspaceVertical,\n\t\t...otherCssProps\n\t}) => ({\n\t\t...display('flex'),\n\n\t\tpaddingTop: paddingVertical,\n\t\tpaddingRight: paddingHorizontal,\n\t\tpaddingBottom: paddingVertical,\n\t\tpaddingLeft: paddingHorizontal,\n\n\t\t'> :not(:last-child)': {\n\t\t\tmarginRight: spaceHorizontal,\n\t\t\tmarginBottom: spaceVertical\n\t\t},\n\n\t\t...otherCssProps\n\t})\n);\n\nexport default Flex;\n","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport styled from '@emotion/styled';\n\nimport Flex from '../../box-model/Flex';\n\nimport avatarIconUrl from './avatar-icon.svg';\nimport arrowRightIconUrl from './arrow-right-icon.svg';\n\nconst UserName = styled.span`\n\tfont-family: Roboto;\n\tfont-size: 16px;\n\tfont-weight: 500;\n\tline-height: 1.13;\n\tcolor: var(--dark-mauve);\n\tcursor: pointer;\n`;\n\nconst LogoutLink = styled.a`\n\tflex: none;\n\tdisplay: flex;\n\tflex-direction: row;\n\tfont-family: Roboto;\n\tfont-size: 14px;\n\tfont-weight: normal;\n\tcolor: var(--warm-grey);\n\talign-items: center;\n\tcursor: pointer;\n\ttext-decoration: none;\n\tmargin-top: -5px;\n\tmargin-right: 2px;\n\n\t:hover {\n\t\tcolor: var(--dark-mauve);\n\t\ttext-decoration: underline;\n\t}\n`;\n\nexport default function Avatar({ currentUser, onLogout, onUserNameClick }) {\n\treturn (\n\t\t<Flex flex=\"none\" flexDirection=\"column\" alignItems=\"flex-end\">\n\t\t\t<Flex\n\t\t\t\tflex=\"none\"\n\t\t\t\tflexDirection=\"row\"\n\t\t\t\talignItems=\"center\"\n\t\t\t\tspaceHorizontal=\"5px\"\n\t\t\t\tmarginRight=\"5px\"\n\t\t\t>\n\t\t\t\t<img src={avatarIconUrl} alt=\"gezicht icoon\" width=\"24\" height=\"24\" />\n\n\t\t\t\t<UserName onClick={onUserNameClick}>\n\t\t\t\t\t{currentUser.firstName} {currentUser.lastName}\n\t\t\t\t</UserName>\n\t\t\t</Flex>\n\n\t\t\t<LogoutLink onClick={onLogout}>\n\t\t\t\t<span>Uitloggen</span>\n\n\t\t\t\t<img src={arrowRightIconUrl} alt=\"uitloggen icoon\" width=\"\" height=\"\" />\n\t\t\t</LogoutLink>\n\t\t</Flex>\n\t);\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\n\nconst buttonStyles = css`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\talign-self: flex-start;\n\n\theight: 40px;\n\n\toutline: none;\n\tborder: none;\n\tborder-radius: 5px;\n\tpadding-left: 10px;\n\tpadding-right: 15px;\n\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: 500;\n\tline-height: 1.88;\n\tcolor: #ffffff;\n\tz-index: 1;\n\n\tcursor: pointer;\n\n\ttransition: background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;\n\n\tsvg {\n\t\tmargin-right: 4px;\n\t}\n\n\tbox-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.08);\n\n\ttransition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n`;\n\nconst whiteButtonStyles = css`\n\t${buttonStyles};\n\n\tbackground-color: #ffffff;\n\tcolor: var(--pastel-red);\n\n\t:hover {\n\t\tbackground-color: var(--pastel-red);\n\t\tcolor: #ffffff;\n\t}\n`;\n\nconst regularButtonStyles = css`\n\t${buttonStyles};\n\n\tbackground-color: var(--pastel-red);\n\tcolor: #ffffff;\n\n\t:hover {\n\t\tbackground-color: #e33131;\n\t}\n`;\n\nexport default function ShoppingCartButton({\n\tisDisabled = false,\n\tisRegular = false,\n\tlabel,\n\tonClick\n}) {\n\treturn (\n\t\t<button\n\t\t\tcss={isRegular ? regularButtonStyles : whiteButtonStyles}\n\t\t\tstyle={{\n\t\t\t\tpointerEvents: isDisabled ? 'none' : 'auto',\n\t\t\t\tcursor: isDisabled ? 'pointer' : 'hand'\n\t\t\t}}\n\t\t\tonClick={isDisabled ? null : onClick}\n\t\t>\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n\t\t\t\t<path fill=\"none\" d=\"M0 0h24v24H0z\" />\n\t\t\t\t<path\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\td=\"M15.55 13a1.991 1.991 0 0 0 1.75-1.03l3.58-6.49A1 1 0 0 0 20.01 4H5.21l-.94-2H1v2h2l3.6 7.59-1.35 2.44A2 2 0 0 0 7 17h12v-2H7l1.1-2zM6.16 6h12.15l-2.76 5H8.53zM7 18a2 2 0 1 0 2 2 2 2 0 0 0-2-2zm10 0a2 2 0 1 0 2 2 2 2 0 0 0-2-2z\"\n\t\t\t\t/>\n\t\t\t</svg>\n\n\t\t\t<span>{label}</span>\n\t\t</button>\n\t);\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\nimport React from 'react';\n\nconst styles = css`\n\t-webkit-font-smoothing: antialiased;\n\t-webkit-text-size-adjust: 100%;\n\t/* z-index: 14; */\n\tborder-color: transparent;\n\tborder-right-color: transparent;\n\tborder-style: solid;\n\tborder-width: 1px 1px 0 1px;\n\tcolor: #333;\n\tdisplay: inline-block;\n\tfont-family: 'Nunito', sans-serif, sans-serif;\n\tfont-size: 15px;\n\theight: 48px;\n\tline-height: 20px;\n\tposition: relative;\n\tvertical-align: top;\n\twhite-space: normal;\n\n\t:hover {\n\t\tborder-color: #e6e6e6;\n\t\tbackground: #fff;\n\t}\n`;\n\nconst openerStyles = css`\n\t-webkit-font-smoothing: antialiased;\n\t-webkit-text-size-adjust: 100%;\n\tbackground: transparent;\n\tcolor: #333;\n\tfont-family: 'Nunito', sans-serif, sans-serif;\n\tfont-size: 15px;\n\theight: 100%;\n\tline-height: 20px;\n\tpadding-bottom: 1px;\n\tposition: relative;\n\t/* visibility: visible; */\n\twhite-space: normal;\n\twidth: 63px;\n\n\t:after {\n\t\tbackground: url('https://www.sunware.com/content/files/icons/arrow-down-grey.png');\n\t\tbottom: 0;\n\t\tcontent: '';\n\t\theight: 5px;\n\t\tmargin: auto;\n\t\tposition: absolute;\n\t\tright: 13px;\n\t\ttop: 0;\n\t\twidth: 11px;\n\t}\n`;\n\nconst selectedFlagStyles = css`\n\t-webkit-font-smoothing: antialiased;\n\t-webkit-text-size-adjust: 100%;\n\tborder-style: none;\n\tbottom: 0;\n\tcolor: #333;\n\tfont-family: 'Nunito', sans-serif, sans-serif;\n\tfont-size: 15px;\n\tleft: 17px;\n\tline-height: 20px;\n\tmargin: auto;\n\tmax-width: 100%;\n\tposition: absolute;\n\ttop: 0;\n\t/* visibility: visible; */\n\twhite-space: normal;\n`;\n\nconst summaryStyles = css`\n\t-webkit-font-smoothing: antialiased;\n\t-webkit-text-size-adjust: 100%;\n\tbackground: #fff;\n\tborder-color: #e6e6e6;\n\tborder-style: solid;\n\tborder-width: 1px;\n\tcolor: #333;\n\tdisplay: block;\n\tfont-family: 'Nunito', sans-serif, sans-serif;\n\tfont-size: 15px;\n\tleft: auto;\n\tline-height: 20px;\n\tmax-height: 80vw;\n\tmin-width: 127px;\n\toverflow-y: auto;\n\tpadding-top: 4px;\n\tposition: absolute;\n\tright: -1px;\n\ttop: 100%;\n\tvisibility: visible;\n\twhite-space: normal;\n\tz-index: 10;\n`;\n\nconst menuItemStyles = css`\n\t-webkit-font-smoothing: antialiased;\n\t-webkit-text-size-adjust: 100%;\n\tbackground-color: transparent;\n\tcolor: #333;\n\tcursor: pointer;\n\tdisplay: block;\n\tfont-family: 'Nunito', sans-serif, sans-serif;\n\tfont-size: 15px;\n\tline-height: 40px;\n\tpadding: 0 30px 0 18px;\n\ttext-decoration: none;\n\t/* visibility: hidden; */\n\twhite-space: nowrap;\n\tword-wrap: break-word;\n\n\t:hover {\n\t\ttext-decoration: none;\n\t\tbackground: #f7f7f7;\n\t}\n`;\n\nconst flagStyles = css`\n\t-webkit-font-smoothing: antialiased;\n\t-webkit-text-size-adjust: 100%;\n\tborder-style: none;\n\tcolor: #333;\n\tcursor: pointer;\n\tfont-family: 'Nunito', sans-serif, sans-serif;\n\tfont-size: 15px;\n\tline-height: 40px;\n\tmargin-right: 13px;\n\tmax-width: 100%;\n\twhite-space: nowrap;\n\tword-wrap: break-word;\n\t//\n\tmin-width: 16px;\n\tmin-height: 11px;\n`;\n\nexport default function LanguageSelector({ currentLocale, changeLocale, locales }) {\n\tconst [isHovered, setIsHovered] = React.useState(false);\n\n\tconst activeLocale = locales.find(locale => locale.isoCode === currentLocale);\n\n\treturn (\n\t\t<div\n\t\t\tcss={styles}\n\t\t\tonMouseOver={() => setIsHovered(true)}\n\t\t\tonMouseOut={() => setIsHovered(false)}\n\t\t>\n\t\t\t{activeLocale && (\n\t\t\t\t<div css={openerStyles}>\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={activeLocale.flagUrl}\n\t\t\t\t\t\taria-label={activeLocale.isoCode}\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tcss={selectedFlagStyles}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div css={summaryStyles} style={{ visibility: isHovered ? 'visible' : 'hidden' }}>\n\t\t\t\t{locales.map((locale, index) => (\n\t\t\t\t\t<span\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tonClick={() => changeLocale(locale.isoCode)}\n\t\t\t\t\t\tcss={menuItemStyles}\n\t\t\t\t\t>\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={locale.flagUrl}\n\t\t\t\t\t\t\taria-label={locale.isoCode}\n\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\tcss={flagStyles}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{locale.label}\n\t\t\t\t\t</span>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\nimport styled from '@emotion/styled/macro';\n\nimport { Link } from 'react-router-dom';\n\nimport Flex from '../box-model/Flex';\n\nimport Avatar from './avatar/Avatar';\n\nimport arrowRightIconUrl from './arrow-right-icon.svg';\nimport sunwareLogoUrl from './sunware-logo-3x.png';\n\nimport ShoppingCartButton from './ShoppingCartButton';\nimport LanguageSelector from './language-selector/LanguageSelector';\n\nconst BackLink = styled.a`\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex: none;\n\talign-items: center;\n\tfont-family: 'Roboto';\n\tfont-size: 14px;\n\tcolor: var(--warm-grey);\n\tcursor: pointer;\n\ttext-decoration: none;\n\tmargin-right: ${props => props.marginRight};\n\n\ttransition: color 0.2s ease-in-out, text-decoration 0.2s ease-in-out;\n\t:hover {\n\t\tcolor: var(--dark-mauve);\n\t\ttext-decoration: underline;\n\t}\n\n\timg {\n\t\tflex: none;\n\t}\n\tspan {\n\t\tflex: none;\n\t}\n`;\n\nconst boxBuilderLogoLinkStyles = css`\n\tz-index: 1;\n\tmargin-left: -1.5px;\n`;\nconst boxBuilderLogoStyles = css`\n\tmargin-top: 18px;\n\tmargin-bottom: 0;\n\n\tfont-family: 'Roboto';\n\tfont-weight: bold;\n\tletter-spacing: normal;\n\tcolor: var(--pastel-red);\n\n\tspan {\n\t\tfont-family: 'Pacifico';\n\t\tfont-weight: normal;\n\t\tfont-size: 42px;\n\t\tcolor: var(--dark-mauve);\n\t}\n`;\n\nexport default function HeaderBar({\n\tchangeLocale,\n\tcurrentLocale,\n\tlocales,\n\tcurrentCloset,\n\tcurrentUser,\n\tgetTextContent,\n\tisOnMobile,\n\tmatchesViewClosetPage,\n\tonLogout,\n\tonUserNameClick,\n\ttoggleShoppingCartPane\n}) {\n\tconst buttonTerugNaarSunware = getTextContent('buttonTerugNaarSunware');\n\n\treturn (\n\t\t<Flex flex=\"none\" flexDirection=\"column\" height={121} width=\"100%\">\n\t\t\t<Flex\n\t\t\t\tflex=\"none\"\n\t\t\t\tflexDirection=\"column\"\n\t\t\t\talignItems=\"center\"\n\t\t\t\theight={50}\n\t\t\t\tbackgroundColor=\"#eeeeee\"\n\t\t\t>\n\t\t\t\t<Flex\n\t\t\t\t\tflex=\"none\"\n\t\t\t\t\tflexDirection=\"row\"\n\t\t\t\t\tjustifyContent=\"space-between\"\n\t\t\t\t\twidth={!isOnMobile ? 1110 : '100%'}\n\t\t\t\t\tmarginLeft={!isOnMobile ? 0 : '28px'}\n\t\t\t\t>\n\t\t\t\t\t<img src={sunwareLogoUrl} width={139} height={50} alt=\"Sunware logo\" />\n\n\t\t\t\t\t<Flex flex=\"none\" flexDirection=\"row\" spaceHorizontal=\"16px\">\n\t\t\t\t\t\t<LanguageSelector\n\t\t\t\t\t\t\tcurrentLocale={currentLocale}\n\t\t\t\t\t\t\tchangeLocale={changeLocale}\n\t\t\t\t\t\t\tlocales={locales}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<BackLink\n\t\t\t\t\t\t\thref=\"https://www.sunware.com/\"\n\t\t\t\t\t\t\tmarginRight={!isOnMobile ? '-4px' : '24px'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>{buttonTerugNaarSunware}</span>\n\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc={arrowRightIconUrl}\n\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\t\talt=\"arrow right icon\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</BackLink>\n\t\t\t\t\t</Flex>\n\t\t\t\t</Flex>\n\t\t\t</Flex>\n\n\t\t\t<Flex\n\t\t\t\tflex=\"none\"\n\t\t\t\tflexDirection=\"row\"\n\t\t\t\twidth={!isOnMobile ? 1110 : '100%'}\n\t\t\t\tmarginLeft={!isOnMobile ? 0 : '28px'}\n\t\t\t\talignSelf=\"center\"\n\t\t\t\tjustifyContent=\"space-between\"\n\t\t\t>\n\t\t\t\t<Link to=\"/\" css={boxBuilderLogoLinkStyles}>\n\t\t\t\t\t<h1 css={boxBuilderLogoStyles}>\n\t\t\t\t\t\t<span>Boxy</span>\n\t\t\t\t\t</h1>\n\t\t\t\t</Link>\n\n\t\t\t\t<Flex\n\t\t\t\t\tflex=\"none\"\n\t\t\t\t\tflexDirection=\"row\"\n\t\t\t\t\talignSelf=\"flex-start\"\n\t\t\t\t\tmarginTop=\"15px\"\n\t\t\t\t\tspaceHorizontal=\"15px\"\n\t\t\t\t>\n\t\t\t\t\t{currentUser && (\n\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\tcurrentUser={currentUser}\n\t\t\t\t\t\t\tonLogout={onLogout}\n\t\t\t\t\t\t\tonUserNameClick={onUserNameClick}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{currentCloset && currentCloset.boxes.length > 0 && !matchesViewClosetPage && (\n\t\t\t\t\t\t<ShoppingCartButton\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tcurrentCloset.boxes.length === 1\n\t\t\t\t\t\t\t\t\t? '1 product'\n\t\t\t\t\t\t\t\t\t: currentCloset.boxes.length + ' producten'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={toggleShoppingCartPane}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</Flex>\n\t\t\t</Flex>\n\t\t</Flex>\n\t);\n}\n","import isPropValid from '@emotion/is-prop-valid';\nimport styled from '@emotion/styled';\n\nimport display from './display';\n\nconst Block = styled('div', {\n\tshouldForwardProp: prop => isPropValid(prop) && prop !== 'width' && prop !== 'height'\n})(\n\t({\n\t\tchildren: _children,\n\t\ttheme: _theme,\n\t\tpaddingHorizontal,\n\t\tpaddingVertical,\n\t\tspaceHorizontal,\n\t\tspaceVertical,\n\t\t...otherCssProps\n\t}) => ({\n\t\t...display('block'),\n\n\t\tpaddingTop: paddingVertical,\n\t\tpaddingRight: paddingHorizontal,\n\t\tpaddingBottom: paddingVertical,\n\t\tpaddingLeft: paddingHorizontal,\n\n\t\t'> :not(:last-child)': {\n\t\t\tmarginRight: spaceHorizontal,\n\t\t\tmarginBottom: spaceVertical\n\t\t},\n\n\t\t...otherCssProps\n\t})\n);\n\nexport default Block;\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\nimport styled from '@emotion/styled';\n\nimport { useRouteMatch } from 'react-router-dom';\n\nimport Block from '../box-model/Block';\n\nimport lightBackgroundUrl from './light-background-3x.jpg';\nimport brownBackgroundUrl from './brown-background-3x.jpg';\nimport greyBackgroundUrl from './grey-background-3x.jpg';\n\nconst ColoredBackground = styled.div`\n\tposition: relative;\n\twidth: 1110px;\n\theight: 608px;\n\tbackground-color: ${props => props.color};\n`;\n\nconst Floor = styled.div`\n\tposition: absolute;\n\twidth: 1110px;\n\theight: 25px;\n\tbottom: 0;\n\topacity: 0.5;\n\tbackground-color: #222222;\n`;\n\nexport default function BackgroundContainer({ backgroundOptions, currentCloset }) {\n\tconst matchesWelcomePage = useRouteMatch({ path: '/', exact: true });\n\tconst matchesLoginPage = useRouteMatch('/inloggen');\n\tconst matchesRegisterPage = useRouteMatch('/registreren');\n\tconst matchesPasswordForgottenPage = useRouteMatch('/wachtwoord-vergeten');\n\tconst matchesSetPasswordPage = useRouteMatch('/wachtwoord-instellen');\n\tconst matchesMyClosetsPage = useRouteMatch('/mijn-kasten');\n\tconst matchesViewClosetPage = useRouteMatch('/bekijken');\n\n\tconst matchesWizardPage = useRouteMatch('/beginnen');\n\tconst matchesConfiguratorPage = useRouteMatch('/aanpassen');\n\n\tconst showWelcomePageBackground =\n\t\tmatchesWelcomePage ||\n\t\tmatchesLoginPage ||\n\t\tmatchesRegisterPage ||\n\t\tmatchesPasswordForgottenPage ||\n\t\tmatchesSetPasswordPage ||\n\t\tmatchesMyClosetsPage;\n\n\tconst showWizardPageBackground = matchesWizardPage;\n\tconst showConfiguratorPageBackground =\n\t\tmatchesConfiguratorPage && !currentCloset.colour && !currentCloset.backgroundGuid;\n\n\tconst currentClosetBackgroundOption =\n\t\tcurrentCloset.backgroundGuid &&\n\t\tbackgroundOptions.find(\n\t\t\tbackgroundOption => backgroundOption.guid === currentCloset.backgroundGuid\n\t\t);\n\n\treturn (\n\t\t<Block width=\"1110px\" height=\"608px\">\n\t\t\t{showWelcomePageBackground && (\n\t\t\t\t<img\n\t\t\t\t\tcss={css(`display: block;`)}\n\t\t\t\t\tsrc={greyBackgroundUrl}\n\t\t\t\t\twidth={1110}\n\t\t\t\t\theight={608}\n\t\t\t\t\talt=\"pagina achtergrond\"\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{showWizardPageBackground && (\n\t\t\t\t<img\n\t\t\t\t\tcss={css(`display: block;`)}\n\t\t\t\t\tsrc={lightBackgroundUrl}\n\t\t\t\t\twidth={1110}\n\t\t\t\t\theight={608}\n\t\t\t\t\talt=\"pagina achtergrond\"\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{showConfiguratorPageBackground && (\n\t\t\t\t<img\n\t\t\t\t\tcss={css(`display: block;`)}\n\t\t\t\t\tsrc={brownBackgroundUrl}\n\t\t\t\t\twidth={1110}\n\t\t\t\t\theight={608}\n\t\t\t\t\talt=\"pagina achtergrond\"\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{!showWelcomePageBackground &&\n\t\t\t\t!showWizardPageBackground &&\n\t\t\t\t(matchesViewClosetPage || matchesConfiguratorPage) &&\n\t\t\t\tcurrentClosetBackgroundOption && (\n\t\t\t\t\t<img\n\t\t\t\t\t\tcss={css(`display: block;`)}\n\t\t\t\t\t\tsrc={currentClosetBackgroundOption.image}\n\t\t\t\t\t\twidth={1110}\n\t\t\t\t\t\theight={608}\n\t\t\t\t\t\talt=\"pagina achtergrond\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t{!showWelcomePageBackground &&\n\t\t\t\t!showWizardPageBackground &&\n\t\t\t\t(matchesViewClosetPage || matchesConfiguratorPage) &&\n\t\t\t\tcurrentCloset.colour && (\n\t\t\t\t\t<ColoredBackground color={currentCloset.colour}>\n\t\t\t\t\t\t<Floor />\n\t\t\t\t\t</ColoredBackground>\n\t\t\t\t)}\n\t\t</Block>\n\t);\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\nimport { Link } from 'react-router-dom';\n\nconst buttonStyles = css`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\talign-self: flex-start;\n\n\theight: 40px;\n\n\toutline: none;\n\tborder: none;\n\tborder-radius: 5px;\n\tpadding-left: 10px;\n\tpadding-right: 15px;\n\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: 500;\n\tline-height: 1.88;\n\tcolor: #ffffff;\n\tz-index: 1;\n\n\tcursor: pointer;\n\n\ttransition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n\n\t> * + * {\n\t\tmargin-left: 4px;\n\t}\n`;\nconst primaryButtonStyles = css`\n\t${buttonStyles}\n\tbackground-color: var(--pastel-red);\n\n\t:hover {\n\t\tbackground-color: #e33131;\n\t}\n`;\nconst secondaryButtonStyles = css`\n\t${buttonStyles}\n\tbackground-color: var(--dark-mauve);\n\n\t:hover {\n\t\tbackground-color: #772d33;\n\t}\n`;\nconst tertiaryButtonStyles = css`\n\t${buttonStyles}\n\tborder: solid 2px var(--dark-mauve);\n\tcolor: var(--dark-mauve);\n\tbackground-color: #ffffff;\n\n\t:hover {\n\t\tborder-color: #772d33;\n\t\tbackground-color: #772d33;\n\t\tcolor: #ffffff;\n\t}\n`;\n\nexport default function Button({\n\tlabel = '',\n\ticonAlt = '',\n\ticonUrl = '',\n\tisDisabled = false,\n\tonClick = null,\n\ttag = 'button',\n\tto = null,\n\ttype = 'primary'\n}) {\n\tlet styles = null;\n\tswitch (type) {\n\t\tcase 'secondary':\n\t\t\tstyles = secondaryButtonStyles;\n\t\t\tbreak;\n\t\tcase 'tertiary':\n\t\t\tstyles = tertiaryButtonStyles;\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tstyles = primaryButtonStyles;\n\t}\n\n\tif (!iconUrl) {\n\t\tstyles = css`\n\t\t\t${styles};\n\t\t\tpadding-left: 15px;\n\t\t`;\n\t}\n\n\tif (!label) {\n\t\tstyles = css`\n\t\t\t${styles};\n\t\t\tpadding-right: 10px;\n\t\t`;\n\t}\n\n\tif (isDisabled) {\n\t\tstyles = css`\n\t\t\t${styles};\n\t\t\tcursor: default;\n\t\t\tpointer-events: none;\n\t\t\topacity: 0.5;\n\t\t`;\n\t}\n\n\tif (!isDisabled && to) {\n\t\treturn (\n\t\t\t<Link to={to}>\n\t\t\t\t<button css={styles}>\n\t\t\t\t\t<img src={iconUrl} width={24} height={24} alt={iconAlt} />\n\t\t\t\t\t<span>{label}</span>\n\t\t\t\t</button>\n\t\t\t</Link>\n\t\t);\n\t}\n\n\tif (tag === 'button') {\n\t\treturn (\n\t\t\t<button css={[styles]} onClick={isDisabled ? null : onClick}>\n\t\t\t\t{iconUrl && <img src={iconUrl} width={24} height={24} alt={iconAlt} />}\n\t\t\t\t{label && <span>{label}</span>}\n\t\t\t</button>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div css={[styles]} onClick={isDisabled ? null : onClick}>\n\t\t\t{iconUrl && <img src={iconUrl} width={24} height={24} alt={iconAlt} />}\n\t\t\t{label && <span>{label}</span>}\n\t\t</div>\n\t);\n}\n","import styled from '@emotion/styled/macro';\n\nexport default styled.h2`\n\tfont-family: 'Pacifico';\n\tfont-weight: normal;\n\tfont-size: 42px;\n\tline-height: 0.71;\n\tcolor: var(--purple-brown);\n`;\n","import styled from '@emotion/styled/macro';\n\nexport default styled.p`\n\tfont-family: 'Roboto';\n\tfont-size: 20px;\n\tfont-weight: 300;\n\tline-height: 1.5;\n\tcolor: var(--warm-grey);\n`;\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\n\nimport Flex from '../box-model/Flex';\n\nconst contentContainerStyles = css`\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n`;\n\nexport default function ContentContainer({\n\tchildren,\n\talignItems = 'center',\n\tjustifyContent = 'center',\n\tflexDirection = 'column',\n\tspaceHorizontal = null\n}) {\n\treturn (\n\t\t<Flex\n\t\t\tcss={contentContainerStyles}\n\t\t\tflexDirection={flexDirection}\n\t\t\tflex=\"1\"\n\t\t\talignItems={alignItems}\n\t\t\tjustifyContent={justifyContent}\n\t\t\tspaceHorizontal={spaceHorizontal}\n\t\t>\n\t\t\t{children}\n\t\t</Flex>\n\t);\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\n\nimport Flex from '../../box-model/Flex';\nimport Button from '../../button/Button';\nimport Heading2 from '../../typography/Heading2';\nimport Paragraph from '../../typography/Paragraph';\n\nimport ContentContainer from '../ContentContainer';\n\nimport plusIconUrl from './plus-icon.svg';\nimport archiveIconUrl from './archive-icon.svg';\nimport { useEffect } from 'react';\n\nconst welcomeParagraphStyles = css`\n\ttext-align: center;\n\twidth: 527px;\n\twhite-space: pre-wrap;\n`;\n\nexport default function WelcomePage({ currentUser, reset, getTextContent }) {\n\tuseEffect(() => {\n\t\treset();\n\t}, [reset]);\n\n\tconst homeTitle = getTextContent('homeTitle');\n\tconst homeText = getTextContent('homeText');\n\tconst homeButtonStart = getTextContent('homeButtonStart');\n\tconst homeButtonEdit = getTextContent('homeButtonEdit');\n\n\treturn (\n\t\t<ContentContainer>\n\t\t\t{homeTitle && <Heading2>{homeTitle}</Heading2>}\n\n\t\t\t{homeText && <Paragraph css={welcomeParagraphStyles}>{homeText}</Paragraph>}\n\n\t\t\t<Flex flex=\"none\" flexDirection=\"row\" justifyContent=\"center\" spaceHorizontal=\"40px\">\n\t\t\t\t{homeButtonStart && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticonAlt=\"plus icon\"\n\t\t\t\t\t\ticonUrl={plusIconUrl}\n\t\t\t\t\t\tlabel={homeButtonStart}\n\t\t\t\t\t\tto=\"/beginnen\"\n\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{homeButtonEdit && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticonAlt=\"archive icon\"\n\t\t\t\t\t\ticonUrl={archiveIconUrl}\n\t\t\t\t\t\tlabel={homeButtonEdit}\n\t\t\t\t\t\tto={\n\t\t\t\t\t\t\tcurrentUser\n\t\t\t\t\t\t\t\t? '/mijn-kasten'\n\t\t\t\t\t\t\t\t: { pathname: '/inloggen', state: { next: '/mijn-kasten' } }\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Flex>\n\t\t</ContentContainer>\n\t);\n}\n","// eslint-disable-next-line no-unused-vars\nimport React from 'react';\n\n/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\nimport { useHistory } from 'react-router-dom';\n\nimport arrowLeftUrl from './arrow-left-icon.svg';\n\nconst linkStyles = css`\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex: none;\n\talign-items: center;\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: 500;\n\tline-height: 1.88;\n\tcolor: var(--warm-grey);\n\tcursor: pointer;\n\ttext-decoration: none;\n\n\ttransition: color 0.2s ease-in-out, text-decoration 0.2s ease-in-out;\n\t:hover {\n\t\tcolor: var(--dark-mauve);\n\t\ttext-decoration: underline;\n\t}\n\n\timg {\n\t\tflex: none;\n\t}\n\tspan {\n\t\tflex: none;\n\t}\n`;\n\nexport default function BackTextLink({ label }) {\n\tconst history = useHistory();\n\n\treturn (\n\t\t<span onClick={() => history.goBack()} css={linkStyles}>\n\t\t\t<img src={arrowLeftUrl} width={24} height={24} alt=\"arrow left icon\" />\n\t\t\t<span>{label || 'Terug'}</span>\n\t\t</span>\n\t);\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\nimport styled from '@emotion/styled';\n\nimport { forwardRef, useCallback, useState } from 'react';\n\nimport errorIconUrl from './error-icon.svg';\nimport successIconUrl from './success-icon.svg';\n\nconst styles = css`\n\tposition: relative;\n\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: space-between;\n\n\theight: 40px;\n\tborder-radius: 5px;\n\tbox-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.08);\n\tbackground-color: #ffffff;\n\n\tpadding-left: 10px;\n\tpadding-right: 10px;\n\n\t> :not(:last-child) {\n\t\tmargin-right: 8px;\n\t}\n\n\tinput {\n\t\ttransition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\t\tborder: none;\n\t\toutline: none;\n\n\t\tflex: 1;\n\n\t\tfont-family: 'Roboto';\n\t\tfont-size: 16px;\n\t\tline-height: 1.25;\n\n\t\tcolor: var(--purple-brown);\n\t}\n\tinput::placeholder {\n\t\tcolor: var(--purple-brown);\n\t\topacity: 0.5;\n\t\tfont-weight: normal;\n\t}\n`;\nconst boldStyles = css`\n\tfont-weight: bold;\n`;\n\nconst FormFieldLabel = styled.span`\n\ttransition: color 0.2s ease-in-out;\n\tposition: absolute;\n\ttop: -20px;\n\tleft: 0;\n\n\tfont-family: 'Roboto';\n\tfont-size: 14px;\n\tfont-weight: bold;\n\tline-height: 1.43;\n\ttext-align: left;\n\tmargin-bottom: 0;\n\tcolor: ${props => {\n\t\tif (props.state === 'error') {\n\t\t\treturn 'var(--pastel-red)';\n\t\t} else if (props.state === 'success') {\n\t\t\treturn 'var(--greeny-blue)';\n\t\t}\n\t\treturn 'var(--purple-brown)';\n\t}};\n`;\n\nconst SingleLineInput = forwardRef(\n\t(\n\t\t{\n\t\t\tautocomplete,\n\t\t\tonChange,\n\t\t\tisValid = () => true,\n\t\t\tplaceholder,\n\t\t\treadOnly = false,\n\t\t\ttype,\n\t\t\tvalue\n\t\t},\n\t\tref\n\t) => {\n\t\tconst [isFocused, setIsFocused] = useState(false);\n\t\tconst [state, setState] = useState(null);\n\n\t\tconst validateInput = useCallback(\n\t\t\tv => {\n\t\t\t\tswitch (type) {\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tif (!v || v.trim() === '' || !isValid(v.trim())) {\n\t\t\t\t\t\t\tsetState('error');\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetState('success');\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t},\n\t\t\t[isValid, type]\n\t\t);\n\n\t\tconst handleChange = useCallback(\n\t\t\tevent => {\n\t\t\t\tonChange(event.target.value);\n\t\t\t\tvalidateInput(event.target.value);\n\t\t\t},\n\t\t\t[onChange, validateInput]\n\t\t);\n\n\t\tconst handleFocus = useCallback(_event => {\n\t\t\tsetIsFocused(true);\n\n\t\t\tsetState(null);\n\t\t}, []);\n\n\t\tconst handleBlur = useCallback(\n\t\t\t_event => {\n\t\t\t\tsetIsFocused(false);\n\n\t\t\t\tvalidateInput(value);\n\t\t\t},\n\t\t\t[validateInput, value]\n\t\t);\n\n\t\treturn (\n\t\t\t<label css={styles}>\n\t\t\t\t{(isFocused || state !== null) && (\n\t\t\t\t\t<FormFieldLabel state={state}>{placeholder}</FormFieldLabel>\n\t\t\t\t)}\n\n\t\t\t\t<input\n\t\t\t\t\ttype={type}\n\t\t\t\t\tcss={type === 'password' && boldStyles}\n\t\t\t\t\tonChange={!readOnly ? handleChange : null}\n\t\t\t\t\tonFocus={!readOnly ? handleFocus : null}\n\t\t\t\t\tonBlur={!readOnly ? handleBlur : null}\n\t\t\t\t\tautoComplete={autocomplete}\n\t\t\t\t\tplaceholder={isFocused || state !== null ? null : placeholder}\n\t\t\t\t\tref={ref}\n\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\tvalue={value}\n\t\t\t\t/>\n\n\t\t\t\t{state === 'error' && (\n\t\t\t\t\t<img src={errorIconUrl} width={24} height={24} alt=\"invoerfout icoon\" />\n\t\t\t\t)}\n\n\t\t\t\t{state === 'success' && (\n\t\t\t\t\t<img src={successIconUrl} width={24} height={24} alt=\"invoer succes icoon\" />\n\t\t\t\t)}\n\t\t\t</label>\n\t\t);\n\t}\n);\n\nexport default SingleLineInput;\n","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport styled from '@emotion/styled/macro';\n\nimport { useState, useCallback } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nimport Flex from '../../box-model/Flex';\n\nimport Button from '../../button/Button';\nimport BackTextLink from '../../button/BackTextLink';\n\nimport SingleLineInput from '../../input/SingleLineInput';\n\nimport Heading2 from '../../typography/Heading2';\n\nimport ContentContainer from '../ContentContainer';\n\nimport loginIconUrl from './login-icon.svg';\n\nconst Paragraph = styled.p`\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: 300;\n\tline-height: 1.25;\n\tcolor: ${props => (props.error ? 'var(--pastel-red)' : 'var(--warm-grey)')};\n\ttext-align: center;\n\tmargin-top: ${props => props.marginTop || '10px'};\n\twhite-space: pre-wrap;\n\n\ta {\n\t\tposition: relative;\n\t\tcolor: var(--warm-grey);\n\t\tcursor: pointer;\n\t\ttext-decoration: none;\n\n\t\ttransition: color 0.2s ease-out;\n\t\tz-index: 1;\n\n\t\t::after {\n\t\t\ttransition: background-color 0.2s ease-out, height 0.2s ease-out;\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tz-index: -1;\n\n\t\t\theight: 12px;\n\t\t\tbottom: -1px;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\n\t\t\tbackground-color: rgba(232, 90, 90, 0.2);\n\t\t}\n\n\t\ttransition: color 0.2s ease-in-out;\n\t\t:hover {\n\t\t\tcolor: #ffffff;\n\n\t\t\t::after {\n\t\t\t\theight: 100%;\n\t\t\t\tbackground-color: var(--pastel-red);\n\t\t\t}\n\t\t}\n\t}\n`;\n\nconst Form = Flex.withComponent('form');\n\nexport default function LoginPage({ getTextContent, onSubmit }) {\n\tconst location = useLocation();\n\tconst next =\n\t\tlocation && location.state && location.state.next ? location.state.next : '/mijn-kasten';\n\n\tconst [error, setError] = useState(false);\n\n\tconst [email, setEmail] = useState('');\n\tconst [password, setPassword] = useState('');\n\n\tconst handleEmailChange = useCallback(value => {\n\t\tsetError(null);\n\t\tsetEmail(value);\n\t}, []);\n\tconst handlePasswordChange = useCallback(value => {\n\t\tsetError(null);\n\t\tsetPassword(value);\n\t}, []);\n\n\tconst onSubmitButtonClick = useCallback(\n\t\tevent => {\n\t\t\tevent.preventDefault();\n\t\t\tonSubmit({ email, password }, next).catch(error => {\n\t\t\t\t// console.log('error', error);\n\t\t\t\tsetError(error);\n\t\t\t});\n\t\t},\n\t\t[email, next, onSubmit, password]\n\t);\n\n\tconst inloggenTitel = getTextContent('inloggenTitel');\n\tconst inloggenEmailadres = getTextContent('inloggenEmailadres');\n\tconst inloggenWachtwoord = getTextContent('inloggenWachtwoord');\n\tconst buttonInloggen = getTextContent('buttonInloggen');\n\tconst terug = getTextContent('terug');\n\tconst inloggenFooterTekst = getTextContent('inloggenFooterTekst');\n\tconst emailOfWachtwoordOnjuist = getTextContent('emailOfWachtwoordOnjuist');\n\n\treturn (\n\t\t<ContentContainer>\n\t\t\t<Flex width={350} flexDirection=\"column\" alignItems=\"center\">\n\t\t\t\t<Heading2>{inloggenTitel}</Heading2>\n\n\t\t\t\t<Form\n\t\t\t\t\tflexDirection=\"column\"\n\t\t\t\t\tspaceVertical=\"24px\"\n\t\t\t\t\talignSelf=\"stretch\"\n\t\t\t\t\talignItems=\"stretch\"\n\t\t\t\t>\n\t\t\t\t\t<SingleLineInput\n\t\t\t\t\t\tplaceholder={inloggenEmailadres}\n\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\tonChange={handleEmailChange}\n\t\t\t\t\t\tvalue={email}\n\t\t\t\t\t\tisValid={value => value && value.includes('@') && value.includes('.')}\n\t\t\t\t\t\tautocomplete=\"username\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<SingleLineInput\n\t\t\t\t\t\tplaceholder={inloggenWachtwoord}\n\t\t\t\t\t\ttype=\"password\"\n\t\t\t\t\t\tonChange={handlePasswordChange}\n\t\t\t\t\t\tvalue={password}\n\t\t\t\t\t\tautocomplete=\"current-password\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t{error && error.error && (\n\t\t\t\t\t\t<Paragraph marginTop=\"0px\" error>\n\t\t\t\t\t\t\t{emailOfWachtwoordOnjuist}\n\t\t\t\t\t\t</Paragraph>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<Flex\n\t\t\t\t\t\talignSelf=\"stretch\"\n\t\t\t\t\t\talignItems=\"stretch\"\n\t\t\t\t\t\tflex=\"1\"\n\t\t\t\t\t\tflexDirection=\"row\"\n\t\t\t\t\t\tjustifyContent=\"space-between\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<BackTextLink label={terug} />\n\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tlabel={buttonInloggen}\n\t\t\t\t\t\t\ticonAlt=\"login icon\"\n\t\t\t\t\t\t\ticonUrl={loginIconUrl}\n\t\t\t\t\t\t\tisDisabled={\n\t\t\t\t\t\t\t\t!email || !password || !email.includes('@') || !email.includes('.')\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={onSubmitButtonClick}\n\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Flex>\n\t\t\t\t</Form>\n\n\t\t\t\t<Paragraph dangerouslySetInnerHTML={{ __html: inloggenFooterTekst }} />\n\t\t\t\t{/* Wachtwoord vergeten? Vraag dan een\n\t\t\t\t\t<br />\n\t\t\t\t\t<Link to={{ pathname: '/wachtwoord-vergeten', state: { next } }}>\n\t\t\t\t\t\tnieuw wachtwoord\n\t\t\t\t\t</Link>{' '}\n\t\t\t\t\taan.\n\t\t\t\t\t<br />\n\t\t\t\t\tOf nog geen account?{' '}\n\t\t\t\t\t<Link to={{ pathname: '/registreren', state: { next } }}>Registreer nu</Link>.\n\t\t\t\t</Paragraph> */}\n\t\t\t</Flex>\n\t\t</ContentContainer>\n\t);\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\n\nconst styles = css`\n\tposition: relative;\n\n\tdisplay: inline-flex;\n\tflex-direction: row;\n\talign-items: center;\n\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tline-height: 1.25;\n\n\tcolor: var(--purple-brown);\n\n\tinput {\n\t\tborder: none;\n\t\toutline: none;\n\t}\n\n\t> :not(:last-child) {\n\t\tmargin-right: 8px;\n\t}\n`;\n\nexport default function CheckBoxInput({ label, checked, onChange }) {\n\treturn (\n\t\t<label css={styles}>\n\t\t\t<input type=\"checkbox\" value={checked} onChange={onChange} />\n\t\t\t<span>{label}</span>\n\t\t</label>\n\t);\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\n\nconst styles = css`\n\tposition: relative;\n\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tline-height: 1.25;\n\n\tcolor: var(--purple-brown);\n\n\tinput {\n\t\tborder: none;\n\t\toutline: none;\n\t}\n\n\t> :not(:last-child) {\n\t\tmargin-right: 8px;\n\t}\n`;\n\nexport default function RadioButtonInput({ label, group, value, checked, onChange }) {\n\treturn (\n\t\t<label css={styles}>\n\t\t\t<input type=\"radio\" name={group} value={value} checked={checked} onChange={onChange} />\n\t\t\t<span>{label}</span>\n\t\t</label>\n\t);\n}\n","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport styled from '@emotion/styled/macro';\n\nimport { useCallback, useState } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nimport Flex from '../../box-model/Flex';\n\nimport Button from '../../button/Button';\nimport BackTextLink from '../../button/BackTextLink';\n\nimport CheckBoxInput from '../../input/CheckBoxInput';\nimport RadioButtonInput from '../../input/RadioButtonInput';\nimport SingleLineInput from '../../input/SingleLineInput';\n\nimport Heading2 from '../../typography/Heading2';\n\nimport ContentContainer from '../ContentContainer';\n\nimport registerIconUrl from './register-icon.svg';\n\nconst Paragraph = styled.p`\n\tfont-family: 'Roboto';\n\tfont-size: 14px;\n\tfont-weight: 300;\n\tline-height: 1.25;\n\tcolor: ${props => (props.error ? 'var(--pastel-red)' : 'var(--warm-grey)')};\n\ttext-align: ${props => (props.error ? 'center' : 'left')};\n\tmargin-top: 0;\n\twhite-space: pre-wrap;\n\n\tp {\n\t\tdisplay: inline;\n\t\tmargin: 0;\n\t}\n\n\ta {\n\t\tposition: relative;\n\t\tcolor: var(--warm-grey);\n\t\tcursor: pointer;\n\t\ttext-decoration: none;\n\n\t\ttransition: color 0.2s ease-out;\n\t\tz-index: 1;\n\n\t\t::after {\n\t\t\ttransition: background-color 0.2s ease-out, height 0.2s ease-out;\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tz-index: -1;\n\n\t\t\theight: 12px;\n\t\t\tbottom: -1px;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\n\t\t\tbackground-color: rgba(232, 90, 90, 0.2);\n\t\t}\n\n\t\ttransition: color 0.2s ease-in-out;\n\t\t:hover {\n\t\t\tcolor: #ffffff;\n\n\t\t\t::after {\n\t\t\t\theight: 100%;\n\t\t\t\tbackground-color: var(--pastel-red);\n\t\t\t}\n\t\t}\n\t}\n`;\n\nconst Form = Flex.withComponent('form');\n\nexport default function RegisterPage({ getTextContent, onSubmit }) {\n\tconst location = useLocation();\n\tconst next =\n\t\tlocation && location.state && location.state.next ? location.state.next : '/mijn-kasten';\n\n\tconst [error, setError] = useState(false);\n\n\tconst [gender, setGender] = useState(null);\n\tconst [firstName, setFirstName] = useState('');\n\tconst [lastName, setLastName] = useState('');\n\tconst [email, setEmail] = useState('');\n\tconst [password, setPassword] = useState('');\n\tconst [acceptedTerms, setAcceptedTerms] = useState(false);\n\n\tconst handleGenderChange = useCallback(value => {\n\t\tsetError(null);\n\t\tsetGender(value);\n\t}, []);\n\tconst handleFirstNameChange = useCallback(value => {\n\t\tsetError(null);\n\t\tsetFirstName(value);\n\t}, []);\n\tconst handleLastNameChange = useCallback(value => {\n\t\tsetError(null);\n\t\tsetLastName(value);\n\t}, []);\n\tconst handleEmailChange = useCallback(value => {\n\t\tsetError(null);\n\t\tsetEmail(value);\n\t}, []);\n\tconst handlePasswordChange = useCallback(value => {\n\t\tsetError(null);\n\t\tsetPassword(value);\n\t}, []);\n\n\tconst onSubmitButtonClick = useCallback(\n\t\tevent => {\n\t\t\tevent.preventDefault();\n\t\t\tonSubmit({ firstName, lastName, email, password }, next).then(error => {\n\t\t\t\tif (error && error.result === 'DuplicateUserName') {\n\t\t\t\t\t// console.log('error', error);\n\t\t\t\t\tsetError(error);\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\t\t[email, firstName, lastName, next, onSubmit, password]\n\t);\n\n\tconst registrerenTitel = getTextContent('registrerenTitel');\n\tconst registrerenMan = getTextContent('registrerenMan');\n\tconst registrerenVrouw = getTextContent('registrerenVrouw');\n\tconst registrerenVoornaam = getTextContent('registrerenVoornaam');\n\tconst registrerenAchternaam = getTextContent('registrerenAchternaam');\n\tconst inloggenEmailadres = getTextContent('inloggenEmailadres');\n\tconst nieuwWachtwoordInstellenWachtwoord = getTextContent('nieuwWachtwoordInstellenWachtwoord');\n\tconst buttonRegistreren = getTextContent('buttonRegistreren');\n\tconst terug = getTextContent('terug');\n\tconst registerenAkkoord = getTextContent('registerenAkkoord');\n\tconst emailInGebruik = getTextContent('emailInGebruik');\n\n\treturn (\n\t\t<ContentContainer>\n\t\t\t<Flex width={350} flexDirection=\"column\" alignItems=\"center\">\n\t\t\t\t<Heading2>{registrerenTitel}</Heading2>\n\n\t\t\t\t<Form\n\t\t\t\t\tflexDirection=\"column\"\n\t\t\t\t\tspaceVertical=\"24px\"\n\t\t\t\t\talignSelf=\"stretch\"\n\t\t\t\t\talignItems=\"stretch\"\n\t\t\t\t>\n\t\t\t\t\t<Flex\n\t\t\t\t\t\talignSelf=\"stretch\"\n\t\t\t\t\t\talignItems=\"stretch\"\n\t\t\t\t\t\tflex=\"1\"\n\t\t\t\t\t\tflexDirection=\"row\"\n\t\t\t\t\t\tspaceHorizontal=\"10px\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<RadioButtonInput\n\t\t\t\t\t\t\tlabel={registrerenMan}\n\t\t\t\t\t\t\tgroup=\"gender\"\n\t\t\t\t\t\t\tvalue={1}\n\t\t\t\t\t\t\tchecked={gender === 1}\n\t\t\t\t\t\t\tonChange={event => handleGenderChange(parseInt(event.target.value, 10))}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<RadioButtonInput\n\t\t\t\t\t\t\tlabel={registrerenVrouw}\n\t\t\t\t\t\t\tgroup=\"gender\"\n\t\t\t\t\t\t\tvalue={0}\n\t\t\t\t\t\t\tchecked={gender === 0}\n\t\t\t\t\t\t\tonChange={event => handleGenderChange(parseInt(event.target.value, 10))}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Flex>\n\n\t\t\t\t\t<SingleLineInput\n\t\t\t\t\t\tplaceholder={registrerenVoornaam}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tonChange={handleFirstNameChange}\n\t\t\t\t\t\tvalue={firstName}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<SingleLineInput\n\t\t\t\t\t\tplaceholder={registrerenAchternaam}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tonChange={handleLastNameChange}\n\t\t\t\t\t\tvalue={lastName}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<SingleLineInput\n\t\t\t\t\t\tplaceholder={inloggenEmailadres}\n\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\tonChange={handleEmailChange}\n\t\t\t\t\t\tisValid={value => value && value.includes('@') && value.includes('.')}\n\t\t\t\t\t\tautocomplete=\"username\"\n\t\t\t\t\t\tvalue={email}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<SingleLineInput\n\t\t\t\t\t\tplaceholder={nieuwWachtwoordInstellenWachtwoord}\n\t\t\t\t\t\ttype=\"password\"\n\t\t\t\t\t\tonChange={handlePasswordChange}\n\t\t\t\t\t\tisValid={value => value && value.length >= 6}\n\t\t\t\t\t\tautocomplete=\"current-password\"\n\t\t\t\t\t\tvalue={password}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<Paragraph>\n\t\t\t\t\t\t<CheckBoxInput\n\t\t\t\t\t\t\tchecked={acceptedTerms}\n\t\t\t\t\t\t\tonChange={event => setAcceptedTerms(acceptedTerms => !acceptedTerms)}\n\t\t\t\t\t\t/>{' '}\n\t\t\t\t\t\t<span dangerouslySetInnerHTML={{ __html: registerenAkkoord }} />\n\t\t\t\t\t</Paragraph>\n\n\t\t\t\t\t{error && (\n\t\t\t\t\t\t<Paragraph marginTop=\"0px\" error>\n\t\t\t\t\t\t\t{emailInGebruik}\n\t\t\t\t\t\t</Paragraph>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<Flex\n\t\t\t\t\t\talignSelf=\"stretch\"\n\t\t\t\t\t\talignItems=\"stretch\"\n\t\t\t\t\t\tflex=\"1\"\n\t\t\t\t\t\tflexDirection=\"row\"\n\t\t\t\t\t\tjustifyContent=\"space-between\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<BackTextLink label={terug} />\n\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tlabel={buttonRegistreren}\n\t\t\t\t\t\t\ticonAlt=\"register icon\"\n\t\t\t\t\t\t\ticonUrl={registerIconUrl}\n\t\t\t\t\t\t\tisDisabled={\n\t\t\t\t\t\t\t\tgender === null ||\n\t\t\t\t\t\t\t\t!firstName ||\n\t\t\t\t\t\t\t\t!lastName ||\n\t\t\t\t\t\t\t\t!email ||\n\t\t\t\t\t\t\t\t!email.includes('@') ||\n\t\t\t\t\t\t\t\t!email.includes('.') ||\n\t\t\t\t\t\t\t\t!password ||\n\t\t\t\t\t\t\t\tpassword.length < 6 ||\n\t\t\t\t\t\t\t\t!acceptedTerms\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={onSubmitButtonClick}\n\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Flex>\n\t\t\t\t</Form>\n\t\t\t</Flex>\n\t\t</ContentContainer>\n\t);\n}\n","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport styled from '@emotion/styled/macro';\n\nimport { useCallback, useState } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nimport Flex from '../../box-model/Flex';\n\nimport Button from '../../button/Button';\nimport BackTextLink from '../../button/BackTextLink';\n\nimport SingleLineInput from '../../input/SingleLineInput';\n\nimport Heading2 from '../../typography/Heading2';\n\nimport ContentContainer from '../ContentContainer';\n\nimport sendIconUrl from './send-icon.svg';\n\nconst Paragraph = styled.p`\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: 300;\n\tline-height: 1.25;\n\tcolor: ${props => (props.error ? 'var(--pastel-red)' : 'var(--warm-grey)')};\n\ttext-align: center;\n\tmargin-top: ${props => props.marginTop || '0px'};\n\tmargin-bottom: 25px;\n\twhite-space: pre-wrap;\n`;\n\nconst Form = Flex.withComponent('form');\n\nexport default function PasswordForgottenPage({ getTextContent, onSubmit }) {\n\tconst location = useLocation();\n\tconst next =\n\t\tlocation && location.state && location.state.next ? location.state.next : '/mijn-kasten';\n\n\tconst [error, setError] = useState(false);\n\n\tconst [email, setEmail] = useState('');\n\n\tconst handleEmailChange = useCallback(value => {\n\t\tsetError(null);\n\t\tsetEmail(value);\n\t}, []);\n\n\tconst onSubmitButtonClick = useCallback(\n\t\tevent => {\n\t\t\tevent.preventDefault();\n\t\t\tonSubmit({ email }, next).then(error => {\n\t\t\t\tif (error && error.result === 'NoUserFound') {\n\t\t\t\t\t// console.log('error', error);\n\t\t\t\t\tsetError(error);\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\t\t[email, next, onSubmit]\n\t);\n\n\tconst nieuwWachtwoordTitel = getTextContent('nieuwWachtwoordTitel');\n\tconst nieuwWachtwoordTekst = getTextContent('nieuwWachtwoordTekst');\n\tconst inloggenEmailadres = getTextContent('inloggenEmailadres');\n\tconst terug = getTextContent('terug');\n\tconst versturen = getTextContent('versturen');\n\tconst emailOnjuistOfOnbekend = getTextContent('emailOnjuistOfOnbekend');\n\n\treturn (\n\t\t<ContentContainer>\n\t\t\t<Flex width={530} flexDirection=\"column\" alignItems=\"center\">\n\t\t\t\t<Heading2>{nieuwWachtwoordTitel}</Heading2>\n\n\t\t\t\t<Flex flexDirection=\"column\" alignItems=\"center\" width={410}>\n\t\t\t\t\t<Paragraph>{nieuwWachtwoordTekst}</Paragraph>\n\n\t\t\t\t\t<Form\n\t\t\t\t\t\tflexDirection=\"column\"\n\t\t\t\t\t\tspaceVertical=\"24px\"\n\t\t\t\t\t\talignItems=\"stretch\"\n\t\t\t\t\t\twidth={350}\n\t\t\t\t\t>\n\t\t\t\t\t\t<SingleLineInput\n\t\t\t\t\t\t\tplaceholder={inloggenEmailadres}\n\t\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\t\tonChange={handleEmailChange}\n\t\t\t\t\t\t\tvalue={email}\n\t\t\t\t\t\t\tisValid={value => value && value.includes('@') && value.includes('.')}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{error && (\n\t\t\t\t\t\t\t<Paragraph marginTop=\"0px\" error>\n\t\t\t\t\t\t\t\t{emailOnjuistOfOnbekend}\n\t\t\t\t\t\t\t</Paragraph>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\talignSelf=\"stretch\"\n\t\t\t\t\t\t\talignItems=\"stretch\"\n\t\t\t\t\t\t\tflex=\"1\"\n\t\t\t\t\t\t\tflexDirection=\"row\"\n\t\t\t\t\t\t\tjustifyContent=\"space-between\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BackTextLink label={terug} />\n\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={versturen}\n\t\t\t\t\t\t\t\ticonAlt=\"send icon\"\n\t\t\t\t\t\t\t\ticonUrl={sendIconUrl}\n\t\t\t\t\t\t\t\tisDisabled={!email || !email.includes('@') || !email.includes('.')}\n\t\t\t\t\t\t\t\tonClick={onSubmitButtonClick}\n\t\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</Form>\n\t\t\t\t</Flex>\n\t\t\t</Flex>\n\t\t</ContentContainer>\n\t);\n}\n","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport styled from '@emotion/styled/macro';\n\nimport { useCallback, useState } from 'react';\n\nimport { useLocation } from 'react-router';\n\nimport Flex from '../../box-model/Flex';\n\nimport Button from '../../button/Button';\nimport BackTextLink from '../../button/BackTextLink';\n\nimport SingleLineInput from '../../input/SingleLineInput';\n\nimport Heading2 from '../../typography/Heading2';\n\nimport ContentContainer from '../ContentContainer';\n\nimport sendIconUrl from './send-icon.svg';\n\nconst Paragraph = styled.p`\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: 300;\n\tline-height: 1.25;\n\tcolor: var(--warm-grey);\n\ttext-align: center;\n\tmargin-top: 0;\n\tmargin-bottom: 25px;\n\twhite-space: pre-wrap;\n`;\n\nconst Form = Flex.withComponent('form');\n\nexport default function SetPasswordPage({ getTextContent, onSubmit }) {\n\tconst location = useLocation();\n\tconst next = location && location.state && location.state.next ? location.state.next : '/';\n\n\tconst queryParams = new URLSearchParams(location.search);\n\n\tconst [password, setPassword] = useState('');\n\n\tconst onSubmitButtonClick = useCallback(\n\t\tevent => {\n\t\t\tevent.preventDefault();\n\t\t\tonSubmit({ password, t: queryParams.get('t') }, next);\n\t\t},\n\t\t[onSubmit, password, queryParams, next]\n\t);\n\n\tconst wachtwoordInstellenTitel = getTextContent('wachtwoordInstellenTitel');\n\tconst wachtwoordInstellenTekst = getTextContent('wachtwoordInstellenTekst');\n\tconst nieuwWachtwoordInstellenWachtwoord = getTextContent('nieuwWachtwoordInstellenWachtwoord');\n\tconst terug = getTextContent('terug');\n\tconst instellen = getTextContent('instellen');\n\n\treturn (\n\t\t<ContentContainer>\n\t\t\t<Flex width={530} flexDirection=\"column\" alignItems=\"center\">\n\t\t\t\t<Heading2>{wachtwoordInstellenTitel}</Heading2>\n\n\t\t\t\t<Flex flexDirection=\"column\" alignItems=\"center\" width={410}>\n\t\t\t\t\t<Paragraph>{wachtwoordInstellenTekst}</Paragraph>\n\n\t\t\t\t\t<Form\n\t\t\t\t\t\tflexDirection=\"column\"\n\t\t\t\t\t\tspaceVertical=\"24px\"\n\t\t\t\t\t\talignItems=\"stretch\"\n\t\t\t\t\t\twidth={350}\n\t\t\t\t\t>\n\t\t\t\t\t\t<SingleLineInput\n\t\t\t\t\t\t\tplaceholder={nieuwWachtwoordInstellenWachtwoord}\n\t\t\t\t\t\t\ttype=\"password\"\n\t\t\t\t\t\t\tonChange={setPassword}\n\t\t\t\t\t\t\tisValid={value => value && value.length >= 6}\n\t\t\t\t\t\t\tvalue={password}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\talignSelf=\"stretch\"\n\t\t\t\t\t\t\talignItems=\"stretch\"\n\t\t\t\t\t\t\tflex=\"1\"\n\t\t\t\t\t\t\tflexDirection=\"row\"\n\t\t\t\t\t\t\tjustifyContent=\"space-between\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BackTextLink label={terug} />\n\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={instellen}\n\t\t\t\t\t\t\t\ticonAlt=\"send icon\"\n\t\t\t\t\t\t\t\ticonUrl={sendIconUrl}\n\t\t\t\t\t\t\t\tisDisabled={!password || password.length < 6}\n\t\t\t\t\t\t\t\tonClick={onSubmitButtonClick}\n\t\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</Form>\n\t\t\t\t</Flex>\n\t\t\t</Flex>\n\t\t</ContentContainer>\n\t);\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\nimport { useState } from 'react';\n\nconst styles = css`\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: 500;\n\tline-height: 1.88;\n\ttext-align: center;\n\n\tcursor: pointer;\n\tborder: none;\n\toutline: none;\n\n\tcolor: var(--dark-mauve);\n\tbackground-color: transparent;\n\n\ttransition: border 0.2s ease-in-out, color 0.2s ease-in-out;\n\t:hover {\n\t\tcolor: var(--pastel-red);\n\t}\n`;\nconst isSelectedStyles = css`\n\t${styles}\n\tpointer-events: none;\n\tcolor: var(--pastel-red);\n`;\n\nconst iconStyles = css`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: center;\n\n\twidth: 100px;\n\theight: 75px;\n\tborder-radius: 4px;\n\tborder: solid 2px rgba(130, 90, 93, 0.25);\n\tbackground-color: #ffffff;\n\n\timg {\n\t\tmargin-right: 4px;\n\t}\n`;\nconst isSelectedIconStyles = css`\n\t${iconStyles}\n\tborder-color: var(--pastel-red);\n`;\n\nexport default function BigIconButton({\n\tlabel,\n\ticonAlt,\n\ticonUrl,\n\ticonSelectedUrl,\n\tisSelected,\n\tonClick\n}) {\n\tconst [isHovered, setIsHovered] = useState(false);\n\n\treturn (\n\t\t<button\n\t\t\tcss={isSelected ? isSelectedStyles : styles}\n\t\t\tonMouseOver={() => setIsHovered(true)}\n\t\t\tonMouseOut={() => setIsHovered(false)}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<div css={isSelected ? isSelectedIconStyles : iconStyles}>\n\t\t\t\t{!isSelected && !isHovered && <img src={iconUrl} alt={iconAlt} />}\n\t\t\t\t{(isSelected || isHovered) && <img src={iconSelectedUrl} alt={iconAlt} />}\n\t\t\t</div>\n\n\t\t\t<span>{label}</span>\n\t\t</button>\n\t);\n}\n","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport styled from '@emotion/styled/macro';\n\nimport { useLocation } from 'react-router';\n\nimport Flex from '../../box-model/Flex';\n\nimport Button from '../../button/Button';\n\nimport Heading2 from '../../typography/Heading2';\n\nimport ContentContainer from '../ContentContainer';\n\nimport BigIconButton from './BigIconButton';\n\nimport arrowForwardIconUrl from './arrow-forward-icon.svg';\nimport { useState, useEffect } from 'react';\n\nconst Paragraph = styled.p`\n\tfont-family: 'Roboto';\n\tfont-size: 20px;\n\tfont-weight: 300;\n\tline-height: 1.5;\n\tcolor: var(--warm-grey);\n\ttext-align: center;\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\twhite-space: pre-wrap;\n`;\n\nconst Question = styled.p`\n\tfont-family: Roboto;\n\tfont-size: 20px;\n\tfont-weight: 500;\n\tline-height: 1.5;\n\tcolor: var(--pastel-red);\n\twhite-space: pre-wrap;\n`;\n\nexport default function WizardPage({ auth, currentLocale, getTextContent, setCurrentCloset }) {\n\tconst location = useLocation();\n\tconst next =\n\t\tlocation && location.state && location.state.next\n\t\t\t? location.state.next\n\t\t\t: '/aanpassen/de-kamer';\n\n\tconst [presets, setPresets] = useState([]);\n\tconst [selectedPreset, setSelectedPreset] = useState(presets[0]);\n\n\tuseEffect(() => {\n\t\tauth.fetch(`/preset?languageCode=${currentLocale}`)\n\t\t\t.then(response => response.json())\n\t\t\t.then(presets => {\n\t\t\t\t// console.log('GET PRESET RESPONSE JSON', presets);\n\n\t\t\t\tif (presets && Array.isArray(presets)) {\n\t\t\t\t\tsetPresets(presets);\n\t\t\t\t} else {\n\t\t\t\t\t// console.log('GET PRESET UNEXPECTED RESPONSE JSON', presets);\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(error => {\n\t\t\t\t// console.log('GET PRESET ERROR', error);\n\t\t\t});\n\t}, [auth, currentLocale]);\n\n\tconst wizardTitel = getTextContent('wizardTitel');\n\tconst wizardTekst = getTextContent('wizardTekst');\n\tconst wizardInWelkeKamer = getTextContent('wizardInWelkeKamer');\n\tconst volgende = getTextContent('volgende');\n\n\treturn (\n\t\t<ContentContainer>\n\t\t\t<Flex width={560} flexDirection=\"column\" alignItems=\"center\">\n\t\t\t\t<Heading2>{wizardTitel}</Heading2>\n\n\t\t\t\t<Flex flexDirection=\"column\" alignItems=\"center\" width={410}>\n\t\t\t\t\t<Paragraph>{wizardTekst}</Paragraph>\n\n\t\t\t\t\t<Question>{wizardInWelkeKamer}</Question>\n\n\t\t\t\t\t<Flex flexDirection=\"row\" justifyContent=\"space-between\" marginBottom=\"24px\">\n\t\t\t\t\t\t{presets.map(preset => (\n\t\t\t\t\t\t\t<BigIconButton\n\t\t\t\t\t\t\t\tkey={preset.guid}\n\t\t\t\t\t\t\t\tisSelected={selectedPreset === preset}\n\t\t\t\t\t\t\t\tlabel={preset.title}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetSelectedPreset(preset);\n\t\t\t\t\t\t\t\t\tsetCurrentCloset(currentCloset => ({\n\t\t\t\t\t\t\t\t\t\t...currentCloset,\n\t\t\t\t\t\t\t\t\t\tisDirty: true,\n\t\t\t\t\t\t\t\t\t\tbackgroundGuid: preset.background.guid,\n\t\t\t\t\t\t\t\t\t\tclosetTextureGuid: preset.closetTexture.guid\n\t\t\t\t\t\t\t\t\t}));\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ticonUrl={preset.icon}\n\t\t\t\t\t\t\t\ticonSelectedUrl={preset.iconActive}\n\t\t\t\t\t\t\t\ticonAlt={preset.title}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Flex>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tlabel={volgende}\n\t\t\t\t\t\ticonAlt=\"arrow forward icon\"\n\t\t\t\t\t\ticonUrl={arrowForwardIconUrl}\n\t\t\t\t\t\tto={next}\n\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t/>\n\t\t\t\t</Flex>\n\t\t\t</Flex>\n\t\t</ContentContainer>\n\t);\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\n\nconst buttonStyles = css`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\talign-self: flex-start;\n\n\theight: 40px;\n\n\toutline: none;\n\tborder: none;\n\tborder-radius: 5px;\n\tpadding-left: 10px;\n\tpadding-right: 15px;\n\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: 500;\n\tline-height: 1.88;\n\tcolor: #ffffff;\n\tz-index: 1;\n\n\tcursor: pointer;\n\n\ttransition: background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;\n\n\tsvg {\n\t\tmargin-right: 4px;\n\t}\n\n\tcolor: var(--dark-mauve);\n\tborder: solid 2px var(--dark-mauve);\n\tbackground-color: #ffffff;\n\n\tbox-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.08);\n\n\ttransition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out,\n\t\tcolor 0.2s ease-in-out;\n\t:hover {\n\t\tborder-color: #772d33;\n\t\tbackground-color: #772d33;\n\t\tcolor: #ffffff;\n\t}\n`;\n\nexport default function CopyButton({ label, onClick }) {\n\treturn (\n\t\t<button css={buttonStyles} onClick={onClick}>\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n\t\t\t\t<path\n\t\t\t\t\td=\"M16 1H4a2.006 2.006 0 0 0-2 2v14h2V3h12zm-1 4H8a2 2 0 0 0-1.99 2L6 21a2 2 0 0 0 1.99 2H19a2.006 2.006 0 0 0 2-2V11zM8 21V7h6v5h5v9z\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t</svg>\n\n\t\t\t<span>{label}</span>\n\t\t</button>\n\t);\n}\n","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport styled from '@emotion/styled/macro';\nimport { useCallback, useRef, useState, useMemo } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport Block from '../../box-model/Block';\nimport Flex from '../../box-model/Flex';\n\nimport Button from '../../button/Button';\n\nimport Heading2 from '../../typography/Heading2';\nimport Paragraph from '../../typography/Paragraph';\n\nimport ContentContainer from '../ContentContainer';\n\nimport CopyButton from './CopyButton';\n\nimport closeIconUrl from './close-icon.svg';\n// import downloadPdfIconUrl from './download-pdf-icon.svg';\nimport editIconUrl from './edit-icon.svg';\nimport plusIconUrl from './plus-icon.svg';\nimport shareIconUrl from './share-icon.svg';\nimport warningIconUrl from './warning-icon.svg';\n\nconst Pane = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: 555px;\n\tbox-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.08);\n\tbackground-color: rgba(255, 255, 255, 0.9);\n\tborder-radius: 5px;\n\tpadding-top: 14px;\n\tpadding-bottom: 14px;\n\tpadding-left: 12px;\n\tpadding-right: 12px;\n\tmargin-bottom: 25px;\n\tmax-height: 350px;\n\toverflow-y: auto;\n\toverflow-x: hidden;\n`;\n\nconst ClosetName = styled.h3`\n\tfont-family: Roboto;\n\tfont-size: 16px;\n\tfont-weight: 500;\n\tcolor: var(--pastel-red);\n\tmargin: 0;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n`;\nconst LastModifiedDate = styled.span`\n\tfont-family: Roboto;\n\tfont-size: 14px;\n\tfont-weight: 300;\n\tcolor: var(--warm-grey);\n`;\n\nconst ClosetUrlField = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex: 1;\n\theight: 40px;\n\tborder-radius: 5px;\n\tbox-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.08);\n\tbackground-color: #ffffff;\n\talign-items: center;\n\n\tpadding-left: 10px;\n\n\tinput {\n\t\tborder: none;\n\t\toutline: none;\n\n\t\tflex: 1;\n\n\t\tfont-family: 'Roboto';\n\t\tfont-size: 16px;\n\t\tline-height: 1.25;\n\n\t\tcolor: var(--purple-brown);\n\t}\n`;\n\nconst DeleteConfirmationPopup = styled.div`\n\tposition: absolute;\n\tdisplay: flex;\n\tflex-direction: row;\n\ttop: ${props => `${props.position.y}px`};\n\tleft: ${props => `${props.position.x}px`};\n\twidth: ${props => props.width || '280px'};\n\tborder-radius: 10px;\n\tbox-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.08);\n\tborder: 1px solid var(--pastel-red);\n\tbackground-color: #ffffff;\n\tpadding: 10px;\n\tz-index: 3;\n\n\t> img {\n\t\tflex: none;\n\t\tmargin-right: 5px;\n\t}\n`;\n\nconst PopupHeading = styled.h3`\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: bold;\n\tline-height: 1.33;\n\ttext-align: left;\n\tcolor: var(--pastel-red);\n\twhite-space: pre-wrap;\n\tmargin: 0;\n`;\nconst PopupText = styled.p`\n\tfont-family: 'Roboto';\n\tfont-size: 14px;\n\tline-height: 1.33;\n\ttext-align: left;\n\tcolor: var(--warm-grey);\n\twhite-space: pre-wrap;\n\tmargin: 0;\n`;\n\nconst months = [\n\t'januari',\n\t'februari',\n\t'maart',\n\t'april',\n\t'mei',\n\t'juni',\n\t'juli',\n\t'augustus',\n\t'september',\n\t'oktober',\n\t'november',\n\t'december'\n];\n\nfunction DeleteConfirmation({ onSubmit, onCancel, portalRef, position }) {\n\treturn ReactDOM.createPortal(\n\t\t<DeleteConfirmationPopup position={position}>\n\t\t\t<img src={warningIconUrl} alt=\"waarschuwing icoon\" width=\"24px\" height=\"24px\" />\n\t\t\t<Block spaceVertical=\"10px\">\n\t\t\t\t<PopupHeading>\n\t\t\t\t\tWeet je zeker dat je deze kast\n\t\t\t\t\t<br />\n\t\t\t\t\twilt verwijderen?\n\t\t\t\t</PopupHeading>\n\n\t\t\t\t<PopupText>Dat kan niet ongedaan gemaakt worden.</PopupText>\n\n\t\t\t\t<Flex flexDirection=\"row\" justifyContent=\"space-between\">\n\t\t\t\t\t<Button label=\"Nee\" onClick={onCancel} type=\"secondary\" />\n\t\t\t\t\t<Button label=\"Ja\" onClick={onSubmit} />\n\t\t\t\t</Flex>\n\t\t\t</Block>\n\t\t</DeleteConfirmationPopup>,\n\t\tportalRef.current\n\t);\n}\n\nfunction ClosetRow({\n\tcloset,\n\tindex,\n\tisLast,\n\tgenerateDownloadablePDF,\n\tgetTextContent,\n\tshowShareButtons,\n\tonDeleteButtonClick,\n\tonEditButtonClick,\n\tonShareButtonClick,\n\tpopupPortalRef\n}) {\n\tconst inputRef = useRef(null);\n\n\tconst copyUrlToClipboard = useCallback(() => {\n\t\tinputRef.current.select();\n\t\twindow.document.execCommand('copy');\n\t}, []);\n\n\tconst date = useMemo(() => {\n\t\treturn new Date(closet.createDate);\n\t}, [closet.createDate]);\n\n\tconst [showDeleteConfirmationPopup, setShowDeleteConfirmationPopup] = useState(false);\n\n\tconst delen = getTextContent('delen');\n\tconst bewerken = getTextContent('bewerken');\n\tconst kopieren = getTextContent('kopieren');\n\n\treturn (\n\t\t<Block\n\t\t\tflex=\"none\"\n\t\t\tpaddingBottom={isLast ? 0 : 12.5}\n\t\t\tmarginBottom={isLast ? 0 : 12.5}\n\t\t\tborderBottom={isLast ? null : '0.5px solid #eeeeee'}\n\t\t>\n\t\t\t{showDeleteConfirmationPopup && (\n\t\t\t\t<DeleteConfirmation\n\t\t\t\t\tonSubmit={() => onDeleteButtonClick(closet)}\n\t\t\t\t\tonCancel={() => setShowDeleteConfirmationPopup(false)}\n\t\t\t\t\tportalRef={popupPortalRef}\n\t\t\t\t\tposition={{ x: 267, y: -35 + index * 66 }}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<Flex flexDirection=\"row\" spaceHorizontal=\"5px\">\n\t\t\t\t<Block flex=\"1\">\n\t\t\t\t\t<ClosetName>{closet.name}</ClosetName>\n\n\t\t\t\t\t<LastModifiedDate>\n\t\t\t\t\t\tLaatst gewijzigd: {date && date.getDate()} {date && months[date.getMonth()]}{' '}\n\t\t\t\t\t\t{date && date.getFullYear()}\n\t\t\t\t\t</LastModifiedDate>\n\t\t\t\t</Block>\n\n\t\t\t\t<Button\n\t\t\t\t\tlabel={delen}\n\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\ticonAlt=\"delen icoon\"\n\t\t\t\t\ticonUrl={shareIconUrl}\n\t\t\t\t\tonClick={() => onShareButtonClick(closet.guid)}\n\t\t\t\t/>\n\n\t\t\t\t<Button\n\t\t\t\t\tlabel={bewerken}\n\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\ticonAlt=\"bewerken icoon\"\n\t\t\t\t\ticonUrl={editIconUrl}\n\t\t\t\t\tonClick={() => onEditButtonClick(closet)}\n\t\t\t\t/>\n\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\ticonAlt=\"verwijder icoon\"\n\t\t\t\t\ticonUrl={closeIconUrl}\n\t\t\t\t\tonClick={() => setShowDeleteConfirmationPopup(true)}\n\t\t\t\t/>\n\t\t\t</Flex>\n\n\t\t\t{showShareButtons && (\n\t\t\t\t<Flex flexDirection=\"row\" spaceHorizontal=\"5px\" marginTop=\"12.5px\">\n\t\t\t\t\t<ClosetUrlField>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\treadOnly={true}\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tref={inputRef}\n\t\t\t\t\t\t\tvalue={`${window.location.href.replace(\n\t\t\t\t\t\t\t\t/\\/mijn-kasten/g,\n\t\t\t\t\t\t\t\t''\n\t\t\t\t\t\t\t)}/bekijken?c=${closet.guid}`}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<CopyButton label={kopieren} onClick={copyUrlToClipboard} />\n\t\t\t\t\t</ClosetUrlField>\n\n\t\t\t\t\t{/* <Button\n\t\t\t\t\t\tlabel=\"Download PDF\"\n\t\t\t\t\t\ttype=\"tertiary\"\n\t\t\t\t\t\ticonAlt=\"download pdf icoon\"\n\t\t\t\t\t\ticonUrl={downloadPdfIconUrl}\n\t\t\t\t\t\tonClick={() => generateDownloadablePDF(closet.guid)}\n\t\t\t\t\t/> */}\n\t\t\t\t</Flex>\n\t\t\t)}\n\t\t</Block>\n\t);\n}\n\nexport default function MyClosetsPage({ closets, deleteCloset, editCloset, getTextContent }) {\n\tconst [showShareButtonsForCloset, setShowShareButtonsForCloset] = useState(null);\n\n\tconst handleShareButtonClick = useCallback(\n\t\tclosetId =>\n\t\t\tsetShowShareButtonsForCloset(currentClosetId =>\n\t\t\t\tclosetId === currentClosetId ? null : closetId\n\t\t\t),\n\t\t[]\n\t);\n\n\tconst popupPortalRef = useRef();\n\n\tconst mijnKastenTitel = getTextContent('mijnKastenTitel');\n\tconst mijnKastenStartNieuwButton = getTextContent('mijnKastenStartNieuwButton');\n\tconst mijnKastenLeeg = getTextContent('mijnKastenLeeg');\n\n\treturn (\n\t\t<ContentContainer>\n\t\t\t<Flex width={555} flexDirection=\"column\" alignItems=\"center\" ref={popupPortalRef}>\n\t\t\t\t<Heading2>{mijnKastenTitel}</Heading2>\n\n\t\t\t\t{closets.length > 0 && (\n\t\t\t\t\t<Pane overflowY=\"auto\" overflowX=\"hidden\" maxHeight=\"350px\">\n\t\t\t\t\t\t{closets.map((closet, index) => (\n\t\t\t\t\t\t\t<ClosetRow\n\t\t\t\t\t\t\t\tkey={closet.guid}\n\t\t\t\t\t\t\t\tcloset={closet}\n\t\t\t\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\tisLast={index === closets.length - 1}\n\t\t\t\t\t\t\t\tshowShareButtons={showShareButtonsForCloset === closet.guid}\n\t\t\t\t\t\t\t\tonShareButtonClick={handleShareButtonClick}\n\t\t\t\t\t\t\t\tonEditButtonClick={editCloset}\n\t\t\t\t\t\t\t\tonDeleteButtonClick={deleteCloset}\n\t\t\t\t\t\t\t\tpopupPortalRef={popupPortalRef}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Pane>\n\t\t\t\t)}\n\n\t\t\t\t{closets.length === 0 && <Paragraph>{mijnKastenLeeg}</Paragraph>}\n\n\t\t\t\t<Button\n\t\t\t\t\ticonAlt=\"plus icon\"\n\t\t\t\t\ticonUrl={plusIconUrl}\n\t\t\t\t\tlabel={mijnKastenStartNieuwButton}\n\t\t\t\t\tto=\"/aanpassen/de-kamer\"\n\t\t\t\t\ttype=\"primary\"\n\t\t\t\t/>\n\t\t\t</Flex>\n\t\t</ContentContainer>\n\t);\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\n\nimport { forwardRef } from 'react';\n\nconst ProductImage = forwardRef(\n\t(\n\t\t{ product, productIsTooDeep, productIsTooWide, productIsTooHigh, isFullSize = false },\n\t\tref\n\t) => {\n\t\treturn (\n\t\t\t<img\n\t\t\t\tref={ref}\n\t\t\t\tsrc={product.rotated ? product.imageUrl2 : product.imageUrl}\n\t\t\t\tcss={css`\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tpointer-events: ${productIsTooDeep || productIsTooWide || productIsTooHigh\n\t\t\t\t\t\t? 'none'\n\t\t\t\t\t\t: 'inherit'};\n\t\t\t\t`}\n\t\t\t\twidth={!isFullSize ? (product.rotated ? product.depth : product.width) : 'auto'}\n\t\t\t\theight={!isFullSize ? product.height : 'auto'}\n\t\t\t\talt=\"Test Product\"\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport default ProductImage;\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\nimport styled from '@emotion/styled';\n\nimport ReactDOM from 'react-dom';\n\nimport deleteIconUrl from './delete-icon.svg';\nimport infoIconUrl from './info-icon.svg';\nimport rotateIconUrl from './rotate-icon.svg';\nimport warningIconUrl from './warning-icon.svg';\nimport { useState } from 'react';\n\nconst StyledTooltip = styled.div`\n\tposition: absolute;\n\ttop: ${props => `${props.position.y}px`};\n\tleft: ${props => `${props.position.x}px`};\n\tborder-radius: 10px;\n\tbox-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.08);\n\tbackground-color: var(--dark-mauve);\n\tpointer-events: ${props => (props.isPermanent ? 'auto' : 'none')};\n\tcursor: ${props => (props.isPermanent ? 'pointer' : 'default')};\n\tpadding: 5px;\n\twidth: ${props => {\n\t\tif (props.width) {\n\t\t\treturn props.width;\n\t\t}\n\t\treturn props.isPermanent ? '120px' : 'auto';\n\t}};\n\ttext-align: left;\n`;\n\nconst RedTooltip = styled.div`\n\tposition: absolute;\n\tdisplay: flex;\n\tflex-direction: row;\n\ttop: ${props => `${props.position.y}px`};\n\tleft: ${props => `${props.position.x}px`};\n\twidth: ${props => props.width || '200px'};\n\tborder-radius: 10px;\n\tbox-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.08);\n\tbackground-color: var(--pastel-red);\n\tpadding: 5px;\n\tpointer-events: none;\n\n\t> img {\n\t\tflex: none;\n\t\tmargin-right: 5px;\n\t}\n\n\t> span {\n\t\tfont-family: 'Roboto';\n\t\tfont-size: 12px;\n\t\tfont-weight: 300;\n\t\tline-height: 1.33;\n\t\ttext-align: left;\n\t\tcolor: #ffffff;\n\t\twhite-space: pre-wrap;\n\t}\n`;\n\nconst ProductInfo = styled.div`\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: 300;\n\tline-height: 1.25;\n\tcolor: rgba(255, 255, 255, 0.8);\n\n\tdiv {\n\t\twhite-space: nowrap;\n\t}\n\n\t.message {\n\t\tfont-size: 12px;\n\t\tpadding-right: 3px;\n\t\twhite-space: pre-wrap;\n\t\twidth: 150px;\n\t}\n\n\t.volume {\n\t\tfont-weight: bold;\n\t}\n\n\t.price {\n\t\tfont-weight: bold;\n\t\tcolor: #ffffff;\n\t}\n`;\n\nconst TooltipMenuItem = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\twhite-space: nowrap;\n\tcursor: ${props => (props.isDisabled ? 'default' : 'pointer')};\n\ttext-decoration: ${props => (props.isDisabled ? 'line-through' : 'none')};\n\tfont-weight: normal;\n\tcolor: rgba(255, 255, 255, 0.5);\n\ttransition: color 0.2s ease-in-out;\n\n\t${props =>\n\t\t!props.isDisabled &&\n\t\t`:hover {\n\t\t\tcolor: #ffffff;\n\t\t}`}\n\n\timg {\n\t\tmargin-right: 5px;\n\t}\n`;\n\nexport default function ProductTooltip({\n\tgetTextContent,\n\tdeleteProduct,\n\trotateProduct,\n\trotateProductIsPossible,\n\tisPermanent,\n\topenInfoModal,\n\tproduct,\n\tproductIsTooBig,\n\tposition,\n\ttooltipPortalRef,\n\tisOnViewClosetPage\n}) {\n\tconst [showRotateTooltip, setShowRotateTooltip] = useState(false);\n\n\tlet content = null;\n\n\tconst productIsTeDiep =\n\t\tgetTextContent('productIsTeDiep') ||\n\t\t'Dit product is te diep voor je kast. Draai de box en probeer het opnieuw of kies een ander product.';\n\tconst productIsTeBreed =\n\t\tgetTextContent('productIsTeBreed') ||\n\t\t'Dit product is te breed voor je kast. Draai de box en probeer het opnieuw of kies een ander product.';\n\tconst productIsTeHoog =\n\t\tgetTextContent('productIsTeHoog') ||\n\t\t'Dit product is te hoog voor de schappen in je kast. Kies een ander product.';\n\tconst productKlikVoorLink =\n\t\tgetTextContent('productKlikVoorLink') ||\n\t\t'Klik voor een link met meer informatie over dit product';\n\tconst productKlikVoorBewerken =\n\t\tgetTextContent('productKlikVoorBewerken') || 'Klik om dit product te bewerken';\n\tconst productInformatie = getTextContent('productInformatie') || 'Informatie';\n\tconst productNietDraaienAnderProduct =\n\t\tgetTextContent('productNietDraaienAnderProduct') ||\n\t\t'Er is geen ruimte om dit product te draaien. Verwijder of verplaats boxen op dit schap en probeer het opnieuw.';\n\tconst productNietDraaienGeenRuimte =\n\t\tgetTextContent('productNietDraaienGeenRuimte') ||\n\t\t'Er is geen ruimte om dit product te draaien. Verplaats deze box een beetje naar links en probeer het opnieuw.';\n\tconst productNietDraaienTeDiep =\n\t\tgetTextContent('productNietDraaienTeDiep') ||\n\t\t'Er is geen ruimte om dit product te draaien. Dit product is te diep voor je kast. Probeer het opnieuw met een ander product.';\n\tconst buttonVerwijderen = getTextContent('buttonVerwijderen') || 'Verwijderen';\n\n\tif (productIsTooBig === 'depth') {\n\t\tcontent = (\n\t\t\t<RedTooltip position={position} width=\"200px\">\n\t\t\t\t<img src={warningIconUrl} alt=\"waarschuwing icoon\" width=\"24px\" height=\"24px\" />\n\t\t\t\t<span>{productIsTeDiep}</span>\n\t\t\t</RedTooltip>\n\t\t);\n\t} else if (productIsTooBig === 'width') {\n\t\tcontent = (\n\t\t\t<RedTooltip position={position} width=\"200px\">\n\t\t\t\t<img src={warningIconUrl} alt=\"waarschuwing icoon\" width=\"24px\" height=\"24px\" />\n\t\t\t\t<span>{productIsTeBreed}</span>\n\t\t\t</RedTooltip>\n\t\t);\n\t} else if (productIsTooBig === 'height') {\n\t\tcontent = (\n\t\t\t<RedTooltip position={position} width=\"200px\">\n\t\t\t\t<img src={warningIconUrl} alt=\"waarschuwing icoon\" width=\"24px\" height=\"24px\" />\n\t\t\t\t<span>{productIsTeHoog}</span>\n\t\t\t</RedTooltip>\n\t\t);\n\t} else if (product.type === 'PRODUCT') {\n\t\tcontent = (\n\t\t\t<StyledTooltip position={position} isPermanent={isPermanent}>\n\t\t\t\t{/* <ProductInfo\n\t\t\t\t\tcss={css`\n\t\t\t\t\t\tpadding-left: 2px;\n\t\t\t\t\t`}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"volume\">{product.volume} liter</div>\n\t\t\t\t\t<div className=\"dimensions\">\n\t\t\t\t\t\t{product.widthInCm} x {product.heightInCm} x {product.depthInCm} cm\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"price\">{euro(product.price)}</div>\n\t\t\t\t</ProductInfo> */}\n\t\t\t\t<ProductInfo\n\t\t\t\t\tcss={css`\n\t\t\t\t\t\tpadding-left: 2px;\n\t\t\t\t\t`}\n\t\t\t\t>\n\t\t\t\t\t{!isPermanent && <div className=\"message\">{productKlikVoorLink}</div>}\n\t\t\t\t\t{isPermanent && (\n\t\t\t\t\t\t<TooltipMenuItem onClick={() => openInfoModal(product)}>\n\t\t\t\t\t\t\t<img src={infoIconUrl} alt=\"info icon\" width=\"24px\" height=\"24px\" />{' '}\n\t\t\t\t\t\t\t{productInformatie}\n\t\t\t\t\t\t</TooltipMenuItem>\n\t\t\t\t\t)}\n\t\t\t\t</ProductInfo>\n\t\t\t</StyledTooltip>\n\t\t);\n\t} else if (product.type === 'PLACED_PRODUCT' && !isPermanent) {\n\t\tcontent = (\n\t\t\t<StyledTooltip position={position} width=\"120px\">\n\t\t\t\t<ProductInfo\n\t\t\t\t\tcss={css`\n\t\t\t\t\t\tpadding-left: 2px;\n\t\t\t\t\t`}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"message\">\n\t\t\t\t\t\t{isOnViewClosetPage ? productKlikVoorLink : productKlikVoorBewerken}\n\t\t\t\t\t</div>\n\t\t\t\t</ProductInfo>\n\t\t\t</StyledTooltip>\n\t\t);\n\t} else {\n\t\tconst { possible: rotateIsPossible, reason } = rotateProductIsPossible(product);\n\n\t\tcontent = (\n\t\t\t<StyledTooltip position={position} isPermanent={isPermanent}>\n\t\t\t\t<ProductInfo>\n\t\t\t\t\t{rotateProduct && (\n\t\t\t\t\t\t<TooltipMenuItem\n\t\t\t\t\t\t\tisDisabled={!rotateIsPossible}\n\t\t\t\t\t\t\tonMouseEnter={() => setShowRotateTooltip(true)}\n\t\t\t\t\t\t\tonMouseLeave={() => setShowRotateTooltip(false)}\n\t\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\t\trotateIsPossible\n\t\t\t\t\t\t\t\t\t? () => {\n\t\t\t\t\t\t\t\t\t\t\t// console.log('ROTATE product', product);\n\t\t\t\t\t\t\t\t\t\t\trotateProduct(product);\n\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc={rotateIconUrl}\n\t\t\t\t\t\t\t\talt=\"draai icoon\"\n\t\t\t\t\t\t\t\twidth=\"24px\"\n\t\t\t\t\t\t\t\theight=\"24px\"\n\t\t\t\t\t\t\t\tcss={css`\n\t\t\t\t\t\t\t\t\topacity: ${rotateIsPossible ? 1 : 0.5};\n\t\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t\t/>{' '}\n\t\t\t\t\t\t\tDraaien\n\t\t\t\t\t\t\t{showRotateTooltip && !rotateIsPossible && (\n\t\t\t\t\t\t\t\t<RedTooltip position={{ x: -205, y: -45 }}>\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc={warningIconUrl}\n\t\t\t\t\t\t\t\t\t\talt=\"waarschuwing icoon\"\n\t\t\t\t\t\t\t\t\t\twidth=\"24px\"\n\t\t\t\t\t\t\t\t\t\theight=\"24px\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{reason === 'other-product' && (\n\t\t\t\t\t\t\t\t\t\t<span>{productNietDraaienAnderProduct}</span>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{reason === 'closet-right-bound' && (\n\t\t\t\t\t\t\t\t\t\t<span>{productNietDraaienGeenRuimte}</span>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{reason === 'closet-depth' && (\n\t\t\t\t\t\t\t\t\t\t<span>{productNietDraaienTeDiep}</span>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</RedTooltip>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</TooltipMenuItem>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<TooltipMenuItem onClick={() => openInfoModal(product)}>\n\t\t\t\t\t\t<img src={infoIconUrl} alt=\"info icon\" width=\"24px\" height=\"24px\" />{' '}\n\t\t\t\t\t\t{productInformatie}\n\t\t\t\t\t</TooltipMenuItem>\n\n\t\t\t\t\t{deleteProduct && (\n\t\t\t\t\t\t<TooltipMenuItem onClick={() => deleteProduct(product)}>\n\t\t\t\t\t\t\t<img src={deleteIconUrl} alt=\"delete icon\" width=\"24px\" height=\"24px\" />{' '}\n\t\t\t\t\t\t\t{buttonVerwijderen}\n\t\t\t\t\t\t</TooltipMenuItem>\n\t\t\t\t\t)}\n\t\t\t\t</ProductInfo>\n\t\t\t</StyledTooltip>\n\t\t);\n\t}\n\n\tif (tooltipPortalRef && tooltipPortalRef.current) {\n\t\treturn ReactDOM.createPortal(content, tooltipPortalRef.current);\n\t}\n\n\treturn content;\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useDrag } from 'react-dnd';\nimport { getEmptyImage } from 'react-dnd-html5-backend';\n\nimport display from '../box-model/display';\n\nimport ProductImage from './ProductImage';\nimport ProductTooltip from './ProductTooltip';\n\nconst styles = css`\n\t${display('inline-block')}\n\tflex: none;\n`;\n\nexport default function Product({\n\tgetTextContent,\n\tclosetDepth,\n\tclosetWidth,\n\tisPlaced,\n\tonBeginDrag,\n\tonIsDragging,\n\tdeleteProduct,\n\trotateProduct,\n\trotateProductIsPossible = () => {},\n\tshelveHeight,\n\topenInfoModal = () => {},\n\tproduct = {},\n\ttooltipPortalRef,\n\ttooltipScrollContainerRef,\n\tisOnViewClosetPage\n}) {\n\tproduct = {\n\t\t...product,\n\t\ttype: isPlaced ? 'PLACED_PRODUCT' : 'PRODUCT'\n\t};\n\n\tconst tooltipPortalRect = useMemo(() => {\n\t\tif (tooltipPortalRef && tooltipPortalRef.current) {\n\t\t\treturn tooltipPortalRef.current.getBoundingClientRect();\n\t\t}\n\t\treturn null;\n\t}, [tooltipPortalRef]);\n\n\tlet productIsTooBig = null;\n\tif (!product.rotated && closetDepth < product.depth) {\n\t\tproductIsTooBig = 'depth';\n\t}\n\tif (product.rotated && closetDepth < product.width) {\n\t\tproductIsTooBig = 'width';\n\t}\n\tif (!product.rotated && closetWidth < product.width) {\n\t\tproductIsTooBig = 'width';\n\t}\n\tif (product.rotated && closetWidth < product.depth) {\n\t\tproductIsTooBig = 'width';\n\t}\n\tif (shelveHeight < product.height) {\n\t\tproductIsTooBig = 'height';\n\t}\n\n\tconst [{ isDragging }, connectDragSource, connectDragPreview] = useDrag({\n\t\titem: product,\n\t\tbegin: () => {\n\t\t\tonBeginDrag(product);\n\t\t},\n\t\tcanDrag: () => !productIsTooBig && !isOnViewClosetPage,\n\t\tcollect: monitor => ({\n\t\t\tisDragging: monitor.isDragging()\n\t\t}),\n\t\toptions: {\n\t\t\tdropEffect: isPlaced ? 'move' : 'copy'\n\t\t}\n\t});\n\n\tlet cursor = isDragging ? 'grabbing' : 'grab';\n\tif (productIsTooBig && !isOnViewClosetPage) {\n\t\tcursor = 'default';\n\t}\n\n\tconst rect = useRef();\n\tconst handleRef = useCallback(\n\t\tdomNode => {\n\t\t\tif (!productIsTooBig && !isOnViewClosetPage) {\n\t\t\t\tconnectDragSource(domNode);\n\t\t\t}\n\n\t\t\trect.current = domNode ? domNode.getBoundingClientRect() : null;\n\t\t},\n\t\t[connectDragSource, isOnViewClosetPage, productIsTooBig]\n\t);\n\n\tuseEffect(() => {\n\t\tif (!productIsTooBig && !isOnViewClosetPage) {\n\t\t\tconnectDragPreview(getEmptyImage());\n\t\t}\n\t}, [connectDragPreview, isOnViewClosetPage, productIsTooBig]);\n\n\tuseEffect(() => {\n\t\tif (!productIsTooBig && onIsDragging && !isOnViewClosetPage) {\n\t\t\tonIsDragging(isDragging);\n\t\t}\n\t\tif (isDragging) {\n\t\t\tsetIsTooltipVisible(false);\n\t\t}\n\t}, [isDragging, isOnViewClosetPage, onIsDragging, productIsTooBig]);\n\n\tconst tooltipVisibleTimeoutId = useRef();\n\tconst [isTooltipVisible, setIsTooltipVisible] = useState(false);\n\n\tconst handleMouseEnter = useCallback(() => {\n\t\tclearTimeout(tooltipVisibleTimeoutId.current);\n\t\ttooltipVisibleTimeoutId.current = setTimeout(() => setIsTooltipVisible(true), 300);\n\t}, []);\n\tconst handleMouseLeave = useCallback(() => {\n\t\tclearTimeout(tooltipVisibleTimeoutId.current);\n\t\tsetIsTooltipVisible(false);\n\t\tsetTooltipIsPermanent(false);\n\t}, []);\n\n\tconst [tooltipPosition, setTooltipPosition] = useState({ x: 5, y: 5 });\n\tconst handleMouseMove = useCallback(\n\t\tevent => {\n\t\t\tlet x = event.nativeEvent.offsetX;\n\t\t\tlet y = event.nativeEvent.offsetY;\n\t\t\tif (tooltipPortalRect) {\n\t\t\t\tx = rect.current.left - tooltipPortalRect.left + event.nativeEvent.offsetX;\n\t\t\t\ty = rect.current.top - tooltipPortalRect.top + 100 + event.nativeEvent.offsetY;\n\t\t\t}\n\t\t\tif (tooltipScrollContainerRef && tooltipScrollContainerRef.current) {\n\t\t\t\ty -= tooltipScrollContainerRef.current.scrollTop;\n\t\t\t}\n\t\t\tsetTooltipPosition({ x, y });\n\t\t},\n\t\t[tooltipPortalRect, tooltipScrollContainerRef]\n\t);\n\n\tconst [tooltipIsPermanent, setTooltipIsPermanent] = useState(false);\n\tconst handleClick = useCallback(() => {\n\t\tsetIsTooltipVisible(!tooltipIsPermanent);\n\t\tsetTooltipIsPermanent(tooltipIsPermanent => !tooltipIsPermanent);\n\t}, [tooltipIsPermanent]);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tclearTimeout(tooltipVisibleTimeoutId.current);\n\t\t};\n\t}, []);\n\n\tconst content = (\n\t\t<div\n\t\t\tcss={styles}\n\t\t\tstyle={{ cursor, zIndex: isTooltipVisible ? 1 : 0 }}\n\t\t\tref={handleRef}\n\t\t\tdraggable={!productIsTooBig}\n\t\t\tonMouseEnter={handleMouseEnter}\n\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\tonMouseMove={tooltipIsPermanent ? null : handleMouseMove}\n\t\t\tonClick={\n\t\t\t\tproduct.type === 'PLACED_PRODUCT' || product.type === 'PRODUCT' ? handleClick : null\n\t\t\t}\n\t\t>\n\t\t\t<ProductImage product={product} productIsTooBig={productIsTooBig} />\n\n\t\t\t{isTooltipVisible && !isDragging && (\n\t\t\t\t<ProductTooltip\n\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\tdeleteProduct={deleteProduct}\n\t\t\t\t\trotateProduct={rotateProduct}\n\t\t\t\t\trotateProductIsPossible={rotateProductIsPossible}\n\t\t\t\t\topenInfoModal={openInfoModal}\n\t\t\t\t\tproduct={product}\n\t\t\t\t\tproductIsTooBig={productIsTooBig}\n\t\t\t\t\tposition={tooltipPosition}\n\t\t\t\t\tisPermanent={tooltipIsPermanent}\n\t\t\t\t\ttooltipPortalRef={tooltipPortalRef}\n\t\t\t\t\tisOnViewClosetPage={isOnViewClosetPage}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n\n\treturn content;\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\n\nimport { memo, useState } from 'react';\n\nimport { animated, useSpring } from 'react-spring';\n\nimport display from '../box-model/display';\n\nimport Product from './Product';\n\nconst styles = css`\n\t${display('inline-block')}\n\n\tposition: absolute;\n`;\n\nexport default memo(function PlacedProduct({\n\tgetTextContent,\n\tclosetDepth,\n\tdeleteProduct,\n\trotateProduct,\n\trotateProductIsPossible,\n\tonBeginDrag,\n\topenInfoModal,\n\tproduct,\n\tisOnViewClosetPage\n}) {\n\tconst [isDragging, setIsDragging] = useState(false);\n\tconst cursor = isDragging ? 'grabbing' : 'grab';\n\tconst display = isDragging ? 'none' : 'inline-block';\n\n\tconst [props, set, stop] = useSpring(() => ({\n\t\tx: product.dropX || product.x,\n\t\ty: product.dropY || product.y,\n\t\tconfig: {\n\t\t\tmass: product.mass,\n\t\t\ttension: 420,\n\t\t\tfriction: 30,\n\t\t\tclamp: true\n\t\t},\n\t\tonRest: () => {\n\t\t\tdelete product.dropX;\n\t\t\tdelete product.dropY;\n\t\t}\n\t}));\n\n\tif (!isDragging) {\n\t\tset({\n\t\t\treset: true,\n\t\t\tfrom: { x: product.dropX || product.x, y: product.dropY || product.y },\n\t\t\tto: { x: product.x, y: product.y },\n\t\t\tonRest: () => {\n\t\t\t\tdelete product.dropX;\n\t\t\t\tdelete product.dropY;\n\t\t\t}\n\t\t});\n\t} else {\n\t\tstop();\n\t}\n\n\treturn (\n\t\t<animated.div css={styles} style={{ cursor, display, left: props.x, top: props.y }}>\n\t\t\t<Product\n\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\tisPlaced\n\t\t\t\tclosetDepth={closetDepth}\n\t\t\t\tonBeginDrag={onBeginDrag}\n\t\t\t\tonIsDragging={setIsDragging}\n\t\t\t\tdeleteProduct={deleteProduct}\n\t\t\t\trotateProduct={rotateProduct}\n\t\t\t\trotateProductIsPossible={rotateProductIsPossible}\n\t\t\t\topenInfoModal={openInfoModal}\n\t\t\t\tproduct={product}\n\t\t\t\tisOnViewClosetPage={isOnViewClosetPage}\n\t\t\t/>\n\t\t</animated.div>\n\t);\n});\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\n\nimport display from '../../../box-model/display';\n\nimport WoodTextureHorizontal from './medium-dark-wood-texture-horizontal.png';\n\nconst styles = css`\n\t${display('inline-block')}\n\n\tposition: absolute;\n\n\tleft: 0;\n\tright: 0;\n`;\n\nexport default function HorizontalPlank({ isOnTop, thickness, textureUrl }) {\n\treturn (\n\t\t<div\n\t\t\tcss={[styles, { background: `url(${textureUrl || WoodTextureHorizontal})` }]}\n\t\t\tstyle={\n\t\t\t\tisOnTop\n\t\t\t\t\t? { position: 'relative', height: thickness }\n\t\t\t\t\t: { bottom: 0, height: thickness }\n\t\t\t}\n\t\t/>\n\t);\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\n\nimport display from '../../../box-model/display';\n\nimport HorizontalPlank from './HorizontalPlank';\n\nconst styles = css`\n\t${display('flex')}\n\n\tflex: 1;\n`;\n\nexport default function Shelve({ thickness, textureUrl }) {\n\treturn (\n\t\t<div css={styles}>\n\t\t\t<HorizontalPlank thickness={thickness} textureUrl={textureUrl} />\n\t\t</div>\n\t);\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\n\nimport display from '../../../box-model/display';\n\nimport WoodTextureHorizontal from './medium-dark-wood-texture-horizontal.png';\n\nconst styles = css`\n\t${display('inline-block')}\n\n\tposition: absolute;\n\n\ttop: 0;\n\tbottom: 0;\n`;\n\nexport default function VerticalPlank({ isOnTheRight, thickness, textureUrl }) {\n\treturn (\n\t\t<div\n\t\t\tcss={[styles, { background: `url(${textureUrl || WoodTextureHorizontal})` }]}\n\t\t\tstyle={isOnTheRight ? { right: 0, width: thickness } : { left: 0, width: thickness }}\n\t\t/>\n\t);\n}\n","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\n\nimport { useCallback, useRef, forwardRef } from 'react';\n\nimport { useDrop } from 'react-dnd';\n\nimport Flex from '../../../box-model/Flex';\n\nimport PlacedProduct from '../../../product/PlacedProduct';\n\nimport HorizontalPlank from './HorizontalPlank';\nimport Shelve from './Shelve';\nimport VerticalPlank from './VerticalPlank';\n\nconst OUTER_PLANKS_THICKNESS = 12;\nconst PIXELS_PER_CM = 2.25;\n// const OUTER_PLANKS_THICKNESS_IN_CM = OUTER_PLANKS_THICKNESS / PIXELS_PER_CM;\n\nconst findCollidingProductWithItem = (otherProducts, item, itemX, itemY) =>\n\totherProducts.reduce((collidingProduct, otherProduct) => {\n\t\tif (collidingProduct) {\n\t\t\treturn collidingProduct;\n\t\t}\n\n\t\tconst hasOverlapX =\n\t\t\titemX + item.getSize(item) > otherProduct.x &&\n\t\t\titemX < otherProduct.x + otherProduct.getSize(otherProduct);\n\t\tconst hasOverlapY =\n\t\t\titemY + item.height > otherProduct.y && itemY < otherProduct.y + otherProduct.height;\n\n\t\tif (hasOverlapX && hasOverlapY) {\n\t\t\treturn otherProduct;\n\t\t}\n\n\t\treturn collidingProduct;\n\t}, null);\n\nconst findCollidingProductAndOverlapWithItem = (otherProducts, item, itemX, itemY) =>\n\totherProducts.reduce(\n\t\t({ collidingProduct, overlap }, otherProduct) => {\n\t\t\tif (collidingProduct) {\n\t\t\t\treturn { collidingProduct, overlap };\n\t\t\t}\n\n\t\t\tconst hasOverlapX =\n\t\t\t\titemX + item.getSize(item) > otherProduct.x &&\n\t\t\t\titemX < otherProduct.x + otherProduct.getSize(otherProduct);\n\t\t\tconst hasOverlapY =\n\t\t\t\titemY + item.height > otherProduct.y &&\n\t\t\t\titemY < otherProduct.y + otherProduct.height;\n\n\t\t\tif (hasOverlapX && hasOverlapY) {\n\t\t\t\tconst itemCenterX = itemX + item.getSize(item) / 2;\n\t\t\t\tconst itemCenterY = itemY + item.height / 2;\n\n\t\t\t\tconst otherProductCenterX = otherProduct.x + otherProduct.getSize(otherProduct) / 2;\n\t\t\t\tconst otherProductCenterY = otherProduct.y + otherProduct.height / 2;\n\n\t\t\t\tconst distanceX = Math.abs(otherProductCenterX - itemCenterX);\n\t\t\t\tconst maxDistanceX =\n\t\t\t\t\titem.getSize(item) / 2 + otherProduct.getSize(otherProduct) / 2;\n\t\t\t\tconst factorDistanceX = distanceX / maxDistanceX;\n\n\t\t\t\tconst distanceY = Math.abs(otherProductCenterY - itemCenterY);\n\t\t\t\tconst maxDistanceY = item.height / 2 + otherProduct.height / 2;\n\t\t\t\tconst factorDistanceY = distanceY / maxDistanceY;\n\n\t\t\t\tlet leftPriority = itemCenterX < otherProductCenterX ? 2 : -1;\n\t\t\t\tlet rightPriority = itemCenterX >= otherProductCenterX ? 2 : -1;\n\t\t\t\tlet topPriority = itemCenterY <= otherProductCenterY ? 2 : -1;\n\t\t\t\tlet bottomPriority = itemCenterY > otherProductCenterY ? 2 : -1;\n\n\t\t\t\tif (factorDistanceX > factorDistanceY) {\n\t\t\t\t\tif (topPriority === 2) {\n\t\t\t\t\t\t// 2 > 1\n\t\t\t\t\t\ttopPriority -= 1;\n\t\t\t\t\t\t// -1 > 0\n\t\t\t\t\t\tbottomPriority += 1;\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// 2 > 1\n\t\t\t\t\t\tbottomPriority -= 1;\n\t\t\t\t\t\t// -1 > 0\n\t\t\t\t\t\ttopPriority += 1;\n\t\t\t\t\t}\n\t\t\t\t} else if (factorDistanceX <= factorDistanceY) {\n\t\t\t\t\tif (leftPriority === 2) {\n\t\t\t\t\t\t// 2 > 1\n\t\t\t\t\t\tleftPriority -= 1;\n\t\t\t\t\t\t// -1 > 0\n\t\t\t\t\t\trightPriority += 1;\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// 2 > 1\n\t\t\t\t\t\trightPriority -= 1;\n\t\t\t\t\t\t// -1 > 0\n\t\t\t\t\t\tleftPriority += 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst overlap = [];\n\t\t\t\tfor (let i = 3; i >= -3; --i) {\n\t\t\t\t\tif (topPriority === i) {\n\t\t\t\t\t\toverlap.push({ name: 'top', priority: topPriority });\n\t\t\t\t\t}\n\t\t\t\t\tif (rightPriority === i) {\n\t\t\t\t\t\toverlap.push({ name: 'right', priority: rightPriority });\n\t\t\t\t\t}\n\t\t\t\t\tif (leftPriority === i) {\n\t\t\t\t\t\toverlap.push({ name: 'left', priority: leftPriority });\n\t\t\t\t\t}\n\t\t\t\t\tif (bottomPriority === i) {\n\t\t\t\t\t\toverlap.push({ name: 'bottom', priority: bottomPriority });\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn { collidingProduct: otherProduct, overlap };\n\t\t\t}\n\n\t\t\treturn { collidingProduct, overlap };\n\t\t},\n\t\t{ collidingProduct: null, overlap: null }\n\t);\n\nconst findOtherProductY = (otherProductsOnShelf, targetShelfTop, targetShelfBottom, item, x, y) =>\n\totherProductsOnShelf.reduce(\n\t\t(otherProductY, otherProduct) => {\n\t\t\tif (\n\t\t\t\t// match within x bounds\n\t\t\t\tx + item.getSize(item) > otherProduct.x &&\n\t\t\t\tx < otherProduct.x + otherProduct.getSize(otherProduct) &&\n\t\t\t\t// only include products below the current item visually (with a higher y than the given y)\n\t\t\t\totherProduct.y > y &&\n\t\t\t\t// find the highest visual (lowest number) y\n\t\t\t\totherProduct.y < otherProductY &&\n\t\t\t\t// that is still above the targetShelfTop (within the shelf) if the item is placed\n\t\t\t\t// on top of it\n\t\t\t\totherProduct.y - item.height > targetShelfTop\n\t\t\t) {\n\t\t\t\treturn otherProduct.y;\n\t\t\t}\n\n\t\t\treturn otherProductY;\n\t\t},\n\t\t// start from the bottom of the shelf\n\t\ttargetShelfBottom\n\t);\n\nconst findNearestFreePosition = (\n\tcollidingProduct,\n\toverlap,\n\totherProductsOnShelf,\n\ttargetShelfTop,\n\ttargetShelfBottom,\n\tleftBound,\n\trightBound,\n\titem,\n\tx,\n\ty\n) => {\n\treturn overlap.reduce(\n\t\t({ freeX, freeY }, overlapOption) => {\n\t\t\tif (freeX && freeY) {\n\t\t\t\treturn { freeX, freeY };\n\t\t\t}\n\n\t\t\tlet tryX = null;\n\t\t\tlet tryY = null;\n\n\t\t\tif (overlapOption.name === 'top') {\n\t\t\t\t// console.log('trying to find a free position on top');\n\t\t\t\ttryX = x;\n\t\t\t\ttryY = Math.max(targetShelfTop, collidingProduct.y - item.height);\n\t\t\t} else if (overlapOption.name === 'bottom') {\n\t\t\t\t// console.log('trying to find a free position on bottom');\n\t\t\t\ttryX = x;\n\t\t\t\ttryY = Math.min(\n\t\t\t\t\ttargetShelfBottom - item.height,\n\t\t\t\t\tcollidingProduct.y + collidingProduct.height\n\t\t\t\t);\n\t\t\t} else if (overlapOption.name === 'right') {\n\t\t\t\t// console.log('trying to find a free position on right');\n\t\t\t\ttryX = Math.min(\n\t\t\t\t\trightBound,\n\t\t\t\t\tcollidingProduct.x + collidingProduct.getSize(collidingProduct)\n\t\t\t\t);\n\t\t\t\ttryY =\n\t\t\t\t\tfindOtherProductY(\n\t\t\t\t\t\totherProductsOnShelf,\n\t\t\t\t\t\ttargetShelfTop,\n\t\t\t\t\t\ttargetShelfBottom,\n\t\t\t\t\t\titem,\n\t\t\t\t\t\ttryX\n\t\t\t\t\t) - item.height;\n\t\t\t} else if (overlapOption.name === 'left') {\n\t\t\t\t// console.log('trying to find a free position on left');\n\t\t\t\ttryX = Math.max(leftBound, collidingProduct.x - item.getSize(item));\n\t\t\t\ttryY =\n\t\t\t\t\tfindOtherProductY(\n\t\t\t\t\t\totherProductsOnShelf,\n\t\t\t\t\t\ttargetShelfTop,\n\t\t\t\t\t\ttargetShelfBottom,\n\t\t\t\t\t\titem,\n\t\t\t\t\t\ttryX\n\t\t\t\t\t) - item.height;\n\t\t\t}\n\n\t\t\tconst collidingProductAfterOverlapOption = findCollidingProductWithItem(\n\t\t\t\totherProductsOnShelf,\n\t\t\t\titem,\n\t\t\t\ttryX,\n\t\t\t\ttryY\n\t\t\t);\n\t\t\tif (!collidingProductAfterOverlapOption) {\n\t\t\t\treturn { freeX: tryX, freeY: tryY };\n\t\t\t}\n\n\t\t\treturn { freeX, freeY };\n\t\t},\n\t\t{ freeX: null, freeY: null }\n\t);\n};\n\nconst ShelvingUnit = forwardRef(\n\t(\n\t\t{\n\t\t\tgetTextContent,\n\t\t\tdeleteProduct,\n\t\t\tdepth,\n\t\t\trotateProduct,\n\t\t\theight,\n\t\t\tonBeginDrag,\n\t\t\tonDropProduct,\n\t\t\tonIsDragging,\n\t\t\topenInfoModal,\n\t\t\tplacedProducts,\n\t\t\tshelveThickness,\n\t\t\ttextureUrl,\n\t\t\ttotalShelves,\n\t\t\twidth,\n\t\t\tisOnViewClosetPage\n\t\t},\n\t\tref\n\t) => {\n\t\tconst domNode = useRef();\n\n\t\tconst shelveThicknessRef = useRef();\n\t\tshelveThicknessRef.current = shelveThickness;\n\n\t\tconst totalShelvesRef = useRef();\n\t\ttotalShelvesRef.current = totalShelves;\n\n\t\tconst shelvesRef = useRef();\n\t\tshelvesRef.current = Array.from(new Array(totalShelves)).map((_, index) => ({\n\t\t\tid: `shelve-${index + 1}`\n\t\t}));\n\n\t\t// console.log('totalShelves', totalShelves);\n\n\t\tconst placedProductsRef = useRef();\n\t\tplacedProductsRef.current = placedProducts;\n\n\t\tconst dropProduct = useCallback(\n\t\t\t(\n\t\t\t\tboundingClientRect,\n\t\t\t\tplacedProducts,\n\t\t\t\titem,\n\t\t\t\tdropX,\n\t\t\t\tdropY,\n\t\t\t\tisMovingPlacedProduct,\n\t\t\t\toldX,\n\t\t\t\toldY\n\t\t\t) => {\n\t\t\t\tlet leftBound = OUTER_PLANKS_THICKNESS;\n\t\t\t\tlet rightBound =\n\t\t\t\t\tboundingClientRect.width - OUTER_PLANKS_THICKNESS - item.getSize(item);\n\t\t\t\tlet topBound = OUTER_PLANKS_THICKNESS;\n\t\t\t\tlet bottomBound = boundingClientRect.height - OUTER_PLANKS_THICKNESS - item.height;\n\n\t\t\t\t// console.log('dropping product', item);\n\t\t\t\t// console.log('totalShelvesRef.current handleDrop', totalShelvesRef.current);\n\t\t\t\t// console.log('dropping at x,y', dropX, dropY);\n\n\t\t\t\tlet x = Math.max(leftBound, Math.min(dropX, rightBound));\n\t\t\t\tlet y = Math.max(topBound, Math.min(dropY, bottomBound));\n\n\t\t\t\tconst shelveHeight =\n\t\t\t\t\t(boundingClientRect.height - OUTER_PLANKS_THICKNESS) / totalShelvesRef.current;\n\t\t\t\t// console.log('shelveHeight', shelveHeight);\n\t\t\t\tconst shelveTops = shelvesRef.current.map((_shelve, index) => {\n\t\t\t\t\tif (index === 0) {\n\t\t\t\t\t\treturn OUTER_PLANKS_THICKNESS + shelveHeight - shelveThicknessRef.current;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (index === shelvesRef.current.length - 1) {\n\t\t\t\t\t\treturn boundingClientRect.height - OUTER_PLANKS_THICKNESS;\n\t\t\t\t\t}\n\n\t\t\t\t\tlet shelveTop =\n\t\t\t\t\t\tOUTER_PLANKS_THICKNESS + shelveHeight - shelveThicknessRef.current;\n\t\t\t\t\treturn shelveTop + index * shelveHeight;\n\t\t\t\t});\n\t\t\t\t// console.log('shelveTops', shelveTops);\n\n\t\t\t\tlet nearestShelveTopIndex = shelveTops.findIndex(\n\t\t\t\t\tshelveTop => shelveTop >= y + item.height\n\t\t\t\t);\n\t\t\t\tif (nearestShelveTopIndex === -1) {\n\t\t\t\t\tnearestShelveTopIndex = shelveTops.length - 1;\n\t\t\t\t}\n\t\t\t\t// console.log('nearestShelveTopIndex', nearestShelveTopIndex);\n\n\t\t\t\tconst targetShelfTop =\n\t\t\t\t\t(shelveTops[nearestShelveTopIndex - 1] || 0) +\n\t\t\t\t\t(nearestShelveTopIndex - 1 <= 0\n\t\t\t\t\t\t? OUTER_PLANKS_THICKNESS\n\t\t\t\t\t\t: shelveThicknessRef.current);\n\t\t\t\tconst targetShelfBottom = shelveTops[nearestShelveTopIndex];\n\n\t\t\t\t// console.log('DROP targetShelfTop', targetShelfTop);\n\t\t\t\t// console.log('DROP targetShelfBottom', targetShelfBottom);\n\n\t\t\t\tif (!targetShelfBottom) {\n\t\t\t\t\t// console.log('item is too far below the closet');\n\t\t\t\t\tif (isMovingPlacedProduct) {\n\t\t\t\t\t\tif (oldX && oldY) {\n\t\t\t\t\t\t\treturn { ...item, x: oldX, y: oldY };\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn item;\n\t\t\t\t\t}\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (targetShelfBottom - targetShelfTop < item.height) {\n\t\t\t\t\t// console.log('item is too big (in height) for this shelf');\n\t\t\t\t\tif (isMovingPlacedProduct) {\n\t\t\t\t\t\tif (oldX && oldY) {\n\t\t\t\t\t\t\treturn { ...item, x: oldX, y: oldY };\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn item;\n\t\t\t\t\t}\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\ty = Math.max(targetShelfTop, Math.min(y, targetShelfBottom));\n\n\t\t\t\t// console.log('constrained within target shelf x,y', x, y);\n\n\t\t\t\tconst otherProductsOnShelf = placedProducts.filter(\n\t\t\t\t\tproduct =>\n\t\t\t\t\t\tproduct.y + product.height <= targetShelfBottom &&\n\t\t\t\t\t\tproduct.y + product.height > targetShelfBottom - shelveHeight &&\n\t\t\t\t\t\tproduct.boxId !== item.boxId\n\t\t\t\t);\n\n\t\t\t\t// console.log('otherProductsOnShelf', otherProductsOnShelf);\n\t\t\t\tconst { collidingProduct, overlap } = findCollidingProductAndOverlapWithItem(\n\t\t\t\t\totherProductsOnShelf,\n\t\t\t\t\titem,\n\t\t\t\t\tx,\n\t\t\t\t\ty\n\t\t\t\t);\n\n\t\t\t\t// console.log('collidingProduct', collidingProduct);\n\t\t\t\t// console.log('overlap', overlap);\n\n\t\t\t\tif (collidingProduct) {\n\t\t\t\t\tconst { freeX, freeY } = findNearestFreePosition(\n\t\t\t\t\t\tcollidingProduct,\n\t\t\t\t\t\toverlap,\n\t\t\t\t\t\totherProductsOnShelf,\n\t\t\t\t\t\ttargetShelfTop,\n\t\t\t\t\t\ttargetShelfBottom,\n\t\t\t\t\t\tleftBound,\n\t\t\t\t\t\trightBound,\n\t\t\t\t\t\titem,\n\t\t\t\t\t\tx,\n\t\t\t\t\t\ty\n\t\t\t\t\t);\n\n\t\t\t\t\tif (freeX !== null && freeY !== null) {\n\t\t\t\t\t\t// change the x and y to 'snap' the dropped item into the nearest free position\n\t\t\t\t\t\tx = freeX;\n\t\t\t\t\t\ty = freeY;\n\n\t\t\t\t\t\t// console.log('found freeX', freeX, 'freeY', freeY);\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// console.log('no free available position found');\n\t\t\t\t\t\tif (isMovingPlacedProduct) {\n\t\t\t\t\t\t\tif (oldX && oldY) {\n\t\t\t\t\t\t\t\treturn { ...item, x: oldX, y: oldY };\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn item;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// stack on top of the highest other product within the item's x bounds,\n\t\t\t\t\t// or on top of the targetShelfTop if no other products are within the x bounds.\n\t\t\t\t\tconst otherProductY = findOtherProductY(\n\t\t\t\t\t\totherProductsOnShelf,\n\t\t\t\t\t\ttargetShelfTop,\n\t\t\t\t\t\ttargetShelfBottom,\n\t\t\t\t\t\titem,\n\t\t\t\t\t\tx,\n\t\t\t\t\t\ty\n\t\t\t\t\t);\n\t\t\t\t\t// console.log(\n\t\t\t\t\t// \t'found otherProductY (or floor y)',\n\t\t\t\t\t// \totherProductY,\n\t\t\t\t\t// \t'item.height',\n\t\t\t\t\t// \titem.height\n\t\t\t\t\t// );\n\t\t\t\t\t// only change the y, keep the x exactly where the item is dropped\n\t\t\t\t\ty = otherProductY - item.height;\n\t\t\t\t}\n\n\t\t\t\tconst product = { ...item, x, y, dropX, dropY };\n\n\t\t\t\t// console.log('placing at x,y', x, y);\n\n\t\t\t\t// if (oldX && oldY) {\n\t\t\t\t// \t// TODO check placedProducts within product's x bounds and see if one is\n\t\t\t\t// \t// floating, if so, call findOtherProductY for it and let App know TODO onAdjustProduct\n\t\t\t\t// \tplacedProducts.forEach(otherProduct => {\n\t\t\t\t// \t\tif (\n\t\t\t\t// \t\t\t// exclude current product\n\t\t\t\t// \t\t\totherProduct.guid !== product.guid &&\n\t\t\t\t// \t\t\t// match within x bounds\n\t\t\t\t// \t\t\toldX + product.getSize(product) > otherProduct.x &&\n\t\t\t\t// \t\t\toldX < otherProduct.x + otherProduct.getSize(otherProduct)\n\t\t\t\t// \t\t) {\n\t\t\t\t// \t\t\t// console.log('potentially floating product?', otherProduct);\n\t\t\t\t// \t\t}\n\t\t\t\t// \t})\n\t\t\t\t// }\n\n\t\t\t\treturn product;\n\t\t\t},\n\t\t\t[]\n\t\t);\n\n\t\tconst handleDrop = useCallback(\n\t\t\t(item, monitor) => {\n\t\t\t\tconst boundingClientRect = domNode.current.getBoundingClientRect();\n\t\t\t\tconst dragSourceClientOffset = monitor.getSourceClientOffset();\n\n\t\t\t\tlet dropX = dragSourceClientOffset.x - boundingClientRect.left;\n\t\t\t\tlet dropY = dragSourceClientOffset.y - boundingClientRect.top;\n\n\t\t\t\t// console.log('HANDLE DROP item', item, 'dropX, dropY', dropX, dropY);\n\n\t\t\t\tif (item.type === 'PLACED_PRODUCT' && placedProducts.length > 1) {\n\t\t\t\t\tconst index = placedProducts.findIndex(\n\t\t\t\t\t\tplacedProduct => placedProduct.boxId === item.boxId\n\t\t\t\t\t);\n\t\t\t\t\t// console.log('PLACED_PRODUCT index', index);\n\t\t\t\t\tconst { x: oldX, y: oldY } = placedProducts[index];\n\t\t\t\t\tlet updatedPlacedProducts = [\n\t\t\t\t\t\t...placedProducts.slice(0, index),\n\t\t\t\t\t\t{ ...placedProducts[index], x: dropX, y: dropY },\n\t\t\t\t\t\t...placedProducts.slice(index + 1)\n\t\t\t\t\t];\n\t\t\t\t\t// console.log(\n\t\t\t\t\t// \t'PLACED_PRODUCT updatedPlacedProducts[index]',\n\t\t\t\t\t// \tupdatedPlacedProducts[index]\n\t\t\t\t\t// );\n\n\t\t\t\t\tconst sortedPlacedProducts = updatedPlacedProducts.sort(\n\t\t\t\t\t\t(productA, productB) => {\n\t\t\t\t\t\t\tif (productA.y > productB.y) {\n\t\t\t\t\t\t\t\treturn -1;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (productA.y < productB.y) {\n\t\t\t\t\t\t\t\treturn 1;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t\t// console.log('FIX FLOATING BOXES sortedPlacedProducts', sortedPlacedProducts);\n\t\t\t\t\tlet i = 0;\n\t\t\t\t\tlet l = sortedPlacedProducts.length;\n\t\t\t\t\twhile (i < l) {\n\t\t\t\t\t\tlet updatedDroppedProduct = dropProduct(\n\t\t\t\t\t\t\tboundingClientRect,\n\t\t\t\t\t\t\tsortedPlacedProducts,\n\t\t\t\t\t\t\tsortedPlacedProducts[i],\n\t\t\t\t\t\t\tsortedPlacedProducts[i].x,\n\t\t\t\t\t\t\tsortedPlacedProducts[i].y,\n\t\t\t\t\t\t\ttrue,\n\t\t\t\t\t\t\toldX,\n\t\t\t\t\t\t\toldY\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsortedPlacedProducts[i] = updatedDroppedProduct;\n\t\t\t\t\t\t// console.log('i', i, 'sortedPlacedProducts[i]', sortedPlacedProducts[i]);\n\t\t\t\t\t\ti = i + 1;\n\t\t\t\t\t}\n\n\t\t\t\t\t// console.log('FIX FINAL sortedPlacedProducts', sortedPlacedProducts);\n\n\t\t\t\t\tonDropProduct(sortedPlacedProducts);\n\t\t\t\t\treturn sortedPlacedProducts.find(p => p.boxId === item.boxId);\n\t\t\t\t}\n\n\t\t\t\tconst droppedProduct = dropProduct(\n\t\t\t\t\tboundingClientRect,\n\t\t\t\t\tplacedProducts,\n\t\t\t\t\titem,\n\t\t\t\t\tdropX,\n\t\t\t\t\tdropY\n\t\t\t\t);\n\n\t\t\t\tonDropProduct(item.type === 'PLACED_PRODUCT' ? [droppedProduct] : droppedProduct);\n\t\t\t\treturn droppedProduct;\n\t\t\t},\n\t\t\t[dropProduct, onDropProduct, placedProducts]\n\t\t);\n\n\t\tconst determineIfRotateProductIsPossible = useCallback(\n\t\t\tproduct => {\n\t\t\t\t// This is the depth to check after product.rotated would be changed, so that's why\n\t\t\t\t// if rotated > use depth, else use width\n\t\t\t\tconst rotatedProductDepth = product.rotated ? product.depth : product.width;\n\t\t\t\t// console.log('product', product);\n\t\t\t\t// console.log('rotatedProductDepth', rotatedProductDepth);\n\t\t\t\t// console.log('depth', depth);\n\t\t\t\tif (depth < rotatedProductDepth) {\n\t\t\t\t\treturn { possible: false, reason: 'closet-depth' };\n\t\t\t\t}\n\n\t\t\t\tconst boundingClientRect = domNode.current.getBoundingClientRect();\n\n\t\t\t\tconst shelveHeight =\n\t\t\t\t\t(boundingClientRect.height - OUTER_PLANKS_THICKNESS) / totalShelvesRef.current;\n\t\t\t\t// console.log('shelveHeight', shelveHeight);\n\t\t\t\tconst shelveTops = shelvesRef.current.map((_shelve, index) => {\n\t\t\t\t\tif (index === 0) {\n\t\t\t\t\t\treturn OUTER_PLANKS_THICKNESS + shelveHeight - shelveThicknessRef.current;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (index === shelvesRef.current.length - 1) {\n\t\t\t\t\t\treturn boundingClientRect.height - OUTER_PLANKS_THICKNESS;\n\t\t\t\t\t}\n\n\t\t\t\t\tlet shelveTop =\n\t\t\t\t\t\tOUTER_PLANKS_THICKNESS + shelveHeight - shelveThicknessRef.current;\n\t\t\t\t\treturn shelveTop + index * shelveHeight;\n\t\t\t\t});\n\t\t\t\t// console.log('shelveTops', shelveTops);\n\n\t\t\t\tconst nearestShelveTopIndex = shelveTops.findIndex(\n\t\t\t\t\tshelveTop => shelveTop > product.y + product.height\n\t\t\t\t);\n\t\t\t\tconst targetShelfBottom = shelveTops[nearestShelveTopIndex];\n\n\t\t\t\t// console.log('targetShelfBottom', targetShelfBottom);\n\n\t\t\t\tconst otherProductsOnShelf = placedProductsRef.current.filter(\n\t\t\t\t\totherProduct =>\n\t\t\t\t\t\totherProduct.y + otherProduct.height <= targetShelfBottom &&\n\t\t\t\t\t\totherProduct.y + otherProduct.height > targetShelfBottom - shelveHeight &&\n\t\t\t\t\t\totherProduct.boxId !== product.boxId\n\t\t\t\t);\n\n\t\t\t\t// console.log('otherProductsOnShelf', otherProductsOnShelf);\n\t\t\t\t// This is the right bound after product.rotated would be changed, so that's why\n\t\t\t\t// if rotated > use width, else use depth\n\t\t\t\tconst rotatedProductRightBound = product.rotated\n\t\t\t\t\t? product.x + product.width\n\t\t\t\t\t: product.x + product.depth;\n\t\t\t\t// console.log('rotatedProductRightBound', rotatedProductRightBound);\n\t\t\t\tif (rotatedProductRightBound > boundingClientRect.width) {\n\t\t\t\t\t// console.log('CLOSET BOUNDARY ON THE RIGHT PREVENTS ROTATION');\n\t\t\t\t\treturn { possible: false, reason: 'closet-right-bound' };\n\t\t\t\t}\n\n\t\t\t\treturn otherProductsOnShelf.some(otherProduct => {\n\t\t\t\t\tif (\n\t\t\t\t\t\totherProduct.y + otherProduct.height === product.y + product.height &&\n\t\t\t\t\t\totherProduct.x > product.x &&\n\t\t\t\t\t\trotatedProductRightBound > otherProduct.x\n\t\t\t\t\t) {\n\t\t\t\t\t\t// console.log('OTHER PRODUCT PREVENTS ROTATION', otherProduct);\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t\treturn false;\n\t\t\t\t})\n\t\t\t\t\t? { possible: false, reason: 'other-product' }\n\t\t\t\t\t: { possible: true };\n\t\t\t},\n\t\t\t[depth]\n\t\t);\n\n\t\t// eslint-disable-next-line no-unused-vars\n\t\tconst [_, connectDropTarget] = useDrop({\n\t\t\taccept: ['PLACED_PRODUCT', 'PRODUCT'],\n\t\t\tdrop: handleDrop\n\t\t});\n\n\t\tconst handleRef = useCallback(\n\t\t\tdomNodeOrNull => {\n\t\t\t\tconnectDropTarget(domNodeOrNull);\n\t\t\t\tdomNode.current = domNodeOrNull;\n\n\t\t\t\tif (ref) {\n\t\t\t\t\tref.current = domNodeOrNull;\n\t\t\t\t}\n\t\t\t},\n\t\t\t[connectDropTarget, ref]\n\t\t);\n\n\t\treturn (\n\t\t\t<Flex\n\t\t\t\talignSelf=\"flex-end\"\n\t\t\t\tflexDirection=\"column\"\n\t\t\t\tflex=\"none\"\n\t\t\t\tminWidth={width}\n\t\t\t\twidth={width}\n\t\t\t\tminHeight={height}\n\t\t\t\theight={height}\n\t\t\t\tref={handleRef}\n\t\t\t\tmarginRight=\"25px\"\n\t\t\t\tmarginBottom=\"25px\"\n\t\t\t>\n\t\t\t\t<VerticalPlank thickness={`${OUTER_PLANKS_THICKNESS}px`} textureUrl={textureUrl} />\n\t\t\t\t<VerticalPlank\n\t\t\t\t\tisOnTheRight\n\t\t\t\t\tthickness={`${OUTER_PLANKS_THICKNESS}px`}\n\t\t\t\t\ttextureUrl={textureUrl}\n\t\t\t\t/>\n\n\t\t\t\t<HorizontalPlank\n\t\t\t\t\tisOnTop\n\t\t\t\t\tthickness={`${OUTER_PLANKS_THICKNESS}px`}\n\t\t\t\t\ttextureUrl={textureUrl}\n\t\t\t\t/>\n\n\t\t\t\t{shelvesRef.current.map((shelve, index) => (\n\t\t\t\t\t<Shelve\n\t\t\t\t\t\tkey={shelve.id}\n\t\t\t\t\t\tshelve={shelve}\n\t\t\t\t\t\tthickness={\n\t\t\t\t\t\t\tindex === shelvesRef.current.length - 1\n\t\t\t\t\t\t\t\t? OUTER_PLANKS_THICKNESS\n\t\t\t\t\t\t\t\t: shelveThickness\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttextureUrl={textureUrl}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\n\t\t\t\t{placedProducts.map(placedProduct => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<PlacedProduct\n\t\t\t\t\t\t\tkey={placedProduct.boxId}\n\t\t\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\t\t\tclosetDepth={depth}\n\t\t\t\t\t\t\tclosetWidth={\n\t\t\t\t\t\t\t\t(width - (2 * OUTER_PLANKS_THICKNESS) / PIXELS_PER_CM) *\n\t\t\t\t\t\t\t\tPIXELS_PER_CM\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdeleteProduct={deleteProduct}\n\t\t\t\t\t\t\trotateProduct={rotateProduct}\n\t\t\t\t\t\t\trotateProductIsPossible={determineIfRotateProductIsPossible}\n\t\t\t\t\t\t\tonBeginDrag={onBeginDrag}\n\t\t\t\t\t\t\tonIsDragging={onIsDragging}\n\t\t\t\t\t\t\topenInfoModal={openInfoModal}\n\t\t\t\t\t\t\tproduct={placedProduct}\n\t\t\t\t\t\t\tisOnViewClosetPage={isOnViewClosetPage}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</Flex>\n\t\t);\n\t}\n);\n\nexport default ShelvingUnit;\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\n\nconst styles = css`\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: 500;\n\ttext-align: center;\n\n\tcursor: pointer;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: none;\n\toutline: none;\n\n\tcolor: var(--dark-mauve);\n\tbackground-color: transparent;\n\n\tfill: currentColor;\n\n\ttransition: color 0.2s ease-in-out;\n\t:hover {\n\t\tcolor: var(--pastel-red);\n\t}\n`;\nconst isSelectedStyles = css`\n\t${styles}\n\tpointer-events: none;\n\tcolor: var(--pastel-red);\n`;\n\nconst iconStyles = css`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: center;\n`;\n\nexport function SideMenuRoomButton({ getTextContent, isSelected, onClick }) {\n\treturn (\n\t\t<button css={isSelected ? isSelectedStyles : styles} onClick={onClick}>\n\t\t\t<div css={iconStyles}>\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\">\n\t\t\t\t\t<path fill=\"none\" d=\"M0 0h36v36H0z\" />\n\t\t\t\t\t<path\n\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\td=\"M25 5V3.5A1.5 1.5 0 0 0 23.5 2h-18A1.5 1.5 0 0 0 4 3.5v6A1.5 1.5 0 0 0 5.5 11h18A1.5 1.5 0 0 0 25 9.5V8h1.5v6h-15v16.5A1.5 1.5 0 0 0 13 32h3a1.5 1.5 0 0 0 1.5-1.5V17h12V5zm-3 3H7V5h15z\"\n\t\t\t\t\t\ttransform=\"translate(2 1)\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t</div>\n\n\t\t\t<span>{getTextContent('Menu-Kamer')}</span>\n\t\t</button>\n\t);\n}\n\nexport function SideMenuClosetButton({ getTextContent, isSelected, onClick }) {\n\treturn (\n\t\t<button css={isSelected ? isSelectedStyles : styles} onClick={onClick}>\n\t\t\t<div css={iconStyles}>\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\">\n\t\t\t\t\t<path\n\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\td=\"M27.8 2H7.4A3.41 3.41 0 0 0 4 5.4v27.2A3.41 3.41 0 0 0 7.4 36h20.4a3.41 3.41 0 0 0 3.4-3.4V5.4A3.41 3.41 0 0 0 27.8 2zm0 10.54h-8.5V5.4h8.5zm-8.5 3.4h8.5v6.8h-8.5zm-3.4 6.8H7.4v-6.8h8.5zm0-17.34v7.14H7.4V5.4zM7.4 26.14h8.5v6.46H7.4zm11.9 6.46v-6.46h8.5v6.46z\"\n\t\t\t\t\t\ttransform=\"translate(0.5 -1)\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t</div>\n\n\t\t\t<span>{getTextContent('Menu-Kast')}</span>\n\t\t</button>\n\t);\n}\n\nexport function SideMenuBoxesButton({ getTextContent, isSelected, onClick }) {\n\treturn (\n\t\t<button css={isSelected ? isSelectedStyles : styles} onClick={onClick}>\n\t\t\t<div css={iconStyles}>\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\">\n\t\t\t\t\t<path fill=\"none\" d=\"M0 0h42v42H0z\" />\n\t\t\t\t\t<path\n\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\td=\"M33.625 6.85l-2.45-2.975A2.258 2.258 0 0 0 29.25 3h-21a2.9 2.9 0 0 0-2.1.875L3.875 6.85A3.686 3.686 0 0 0 3 9.125V31a3.51 3.51 0 0 0 3.5 3.5H31a3.51 3.51 0 0 0 3.5-3.5V9.125a3.686 3.686 0 0 0-.875-2.275zM8.6 6.5h20.125l1.4 1.75H7.2zM6.5 31V11.75H31V31z\"\n\t\t\t\t\t\ttransform=\"translate(0 2)\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t</div>\n\n\t\t\t<span>{getTextContent('Menu-Boxen')}</span>\n\t\t</button>\n\t);\n}\n\nexport function SideMenuSaveButton({ getTextContent, isSelected, onClick }) {\n\treturn (\n\t\t<button css={isSelected ? isSelectedStyles : styles} onClick={onClick}>\n\t\t\t<div css={iconStyles}>\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\">\n\t\t\t\t\t<path d=\"M0 0h41v41H0z\" fill=\"none\" />\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M30.333 18.375v11.958H6.417V18.375H3v11.958a3.427 3.427 0 0 0 3.417 3.417h23.916a3.427 3.427 0 0 0 3.417-3.417V18.375zm-10.25 1.145l4.425-4.408 2.409 2.409-8.542 8.542-8.542-8.542 2.409-2.409 4.425 4.408V3h3.417z\"\n\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\ttransform=\"translate(0 2)\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t</div>\n\n\t\t\t<span>{getTextContent('Menu-Opslaan')}</span>\n\t\t</button>\n\t);\n}\n","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport styled from '@emotion/styled';\n\nimport { forwardRef } from 'react';\nimport { useRouteMatch } from 'react-router';\n\nimport Flex from '../../box-model/Flex';\n\nimport {\n\tSideMenuRoomButton,\n\tSideMenuClosetButton,\n\tSideMenuBoxesButton,\n\tSideMenuSaveButton\n} from './SideMenuIconButton';\n\nconst Separator = styled.div`\n\tborder: 0.5px solid #eeeeee;\n\n\tmargin-left: 5px;\n\tmargin-right: 5px;\n\twidth: 61px;\n`;\n\nconst SideMenu = forwardRef(({ onChangePaneButtonClick, getTextContent }, ref) => {\n\tconst matchesRoomPage = useRouteMatch('/aanpassen/de-kamer');\n\tconst matchesClosetPage = useRouteMatch('/aanpassen/de-kast');\n\tconst matchesBoxesPage = useRouteMatch('/aanpassen/boxen');\n\tconst matchesSavePage = useRouteMatch('/aanpassen/opslaan');\n\n\treturn (\n\t\t<Flex\n\t\t\tflexDirection=\"column\"\n\t\t\tjustifyContent=\"space-between\"\n\t\t\twidth=\"71px\"\n\t\t\theight=\"323px\"\n\t\t\tborderRadius=\"5px\"\n\t\t\tboxShadow=\"0 3px 5px 0 rgba(0, 0, 0, 0.08)\"\n\t\t\tbackgroundColor=\"rgba(255, 255, 255, 0.9)\"\n\t\t\tpaddingTop=\"14px\"\n\t\t\tpaddingBottom=\"14px\"\n\t\t\tmarginLeft=\"-30px\"\n\t\t\tref={ref}\n\t\t>\n\t\t\t<SideMenuRoomButton\n\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\tisSelected={matchesRoomPage}\n\t\t\t\tonClick={() => onChangePaneButtonClick('/de-kamer')}\n\t\t\t/>\n\n\t\t\t<Separator />\n\n\t\t\t<SideMenuClosetButton\n\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\tisSelected={matchesClosetPage}\n\t\t\t\tonClick={() => onChangePaneButtonClick('/de-kast')}\n\t\t\t/>\n\n\t\t\t<Separator />\n\n\t\t\t<SideMenuBoxesButton\n\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\tisSelected={matchesBoxesPage}\n\t\t\t\tonClick={() => onChangePaneButtonClick('/boxen')}\n\t\t\t/>\n\n\t\t\t<Separator />\n\n\t\t\t<SideMenuSaveButton\n\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\tisSelected={matchesSavePage}\n\t\t\t\tonClick={() => onChangePaneButtonClick('/opslaan')}\n\t\t\t/>\n\t\t</Flex>\n\t);\n});\n\nexport default SideMenu;\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\nimport styled from '@emotion/styled';\n\nimport closeIconUrl from './close-icon.svg';\nimport { forwardRef } from 'react';\n\nconst paneStyles = css`\n\tposition: relative;\n\n\tbox-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.08);\n\tbackground-color: rgba(255, 255, 255, 0.9);\n\tborder-radius: 5px;\n\n\tpadding-top: 14px;\n\tpadding-left: 12px;\n\tpadding-right: 12px;\n\n\tz-index: 1;\n`;\n\nconst Heading = styled.h2`\n\tfont-family: 'Pacifico';\n\tfont-size: 36px;\n\tfont-weight: normal;\n\tline-height: 0.83;\n\tcolor: var(--purple-brown);\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n`;\n\nexport const SubHeading = styled.p`\n\tfont-family: 'Roboto';\n\tfont-size: 20px;\n\tfont-weight: 500;\n\tline-height: 1.5;\n\tcolor: var(--pastel-red);\n\tmargin-top: 15px;\n\tmargin-bottom: ${props => props.marginBottom};\n`;\n\nconst PaneCloseButton = styled.div`\n\tposition: absolute;\n\ttop: -10px;\n\tright: -10px;\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 39px;\n\theight: 39px;\n\tborder-radius: 5px;\n\tbox-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.08);\n\tbackground-color: var(--pastel-red);\n\tcursor: pointer;\n\n\ttransition: background-color 0.2s ease-in-out;\n\t:hover {\n\t\tbackground-color: #e33131;\n\t}\n`;\n\nconst Pane = forwardRef(\n\t(\n\t\t{\n\t\t\tchildren,\n\t\t\theading = '',\n\t\t\tonClosePaneButtonClick,\n\t\t\tsubHeading = '',\n\t\t\twidth = '336px',\n\t\t\tpaddingBottom = '14px'\n\t\t},\n\t\tref\n\t) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tcss={css`\n\t\t\t\t\t${paneStyles}\n\t\t\t\t\twidth: ${width};\n\t\t\t\t\tpadding-bottom: ${paddingBottom};\n\t\t\t\t`}\n\t\t\t>\n\t\t\t\t<PaneCloseButton onClick={onClosePaneButtonClick}>\n\t\t\t\t\t<img src={closeIconUrl} width={24} height={24} alt=\"close icon\" />\n\t\t\t\t</PaneCloseButton>\n\n\t\t\t\t{heading && <Heading marginBottom=\"24px\">{heading}</Heading>}\n\n\t\t\t\t{subHeading && <SubHeading marginBottom=\"10px\">{subHeading}</SubHeading>}\n\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nexport default Pane;\n","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport styled from '@emotion/styled';\n\nimport { Fragment, useEffect, useState, useCallback } from 'react';\nimport { SliderPicker } from 'react-color';\n\nimport Flex from '../../box-model/Flex';\n\nimport colorPickerIconUrl from './room/color-picker-icon.svg';\n// import zoomInIconUrl from './room/zoom-in-icon-white.svg';\n\nimport Pane from './Pane';\n\nconst Heading3 = styled.h3`\n\tfont-family: 'Roboto';\n\tfont-size: 14px;\n\tfont-weight: bold;\n\tline-height: 1.43;\n\ttext-align: left;\n\tmargin-bottom: 0;\n\tcolor: var(--purple-brown);\n`;\n\nconst ColorSquare = styled.div`\n\tflex: none;\n\twidth: 30px;\n\theight: 30px;\n\tbox-sizing: border-box;\n\tborder: ${props =>\n\t\tprops.isSelected ? 'solid 2px var(--pastel-red)' : 'solid 1px rgba(112, 112, 112, 0.5)'};\n\tbackground-color: ${props => props.color};\n\tcursor: pointer;\n\n\ttransition: border 0.2s ease-in-out;\n\t:hover {\n\t\tborder: solid 2px var(--pastel-red);\n\t}\n`;\n\nconst ColorPicker = styled.div`\n\tflex: none;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 30px;\n\theight: 30px;\n\tbox-sizing: border-box;\n\tborder: ${props =>\n\t\tprops.isSelected ? 'solid 2px var(--pastel-red)' : 'solid 1px rgba(112, 112, 112, 0.5)'};\n\tbackground-color: ${props => props.color || '#ffffff'};\n\tcursor: pointer;\n\n\ttransition: border 0.2s ease-in-out;\n\t:hover {\n\t\tborder: solid 2px var(--pastel-red);\n\t}\n`;\n\nconst BackgroundThumbnail = styled.div`\n\tflex: none;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 60px;\n\theight: 40px;\n\tbox-sizing: border-box;\n\tborder: ${props =>\n\t\tprops.isSelected ? 'solid 2px var(--pastel-red)' : 'solid 1px rgba(112, 112, 112, 0.5)'};\n\tbackground: url(${props => props.src});\n\tbackground-size: cover;\n\tcursor: pointer;\n\n\ttransition: border 0.2s ease-in-out;\n\t:hover {\n\t\tborder: solid 2px var(--pastel-red);\n\t}\n`;\n\nexport default function RoomPane({\n\tauth,\n\tcurrentLocale,\n\tcurrentCloset,\n\tgetTextContent,\n\tonClosePaneButtonClick,\n\tsetBackgroundToColor,\n\tsetBackgroundToPhoto\n}) {\n\tconst [backgroundOptions, setBackgroundOptions] = useState([]);\n\n\tconst [colorPickerColor, setColorPickerColor] = useState(currentCloset.colour || '#ffffff');\n\tconst [showColorPicker, setShowColorPicker] = useState(false);\n\tconst toggleShowColorPicker = useCallback(\n\t\t() => setShowColorPicker(showColorPicker => !showColorPicker),\n\t\t[]\n\t);\n\tconst handleColorPickerChange = useCallback(\n\t\tcolor => {\n\t\t\t// console.log('COLOR', color.hex);\n\t\t\tif (color.hex && color.hex !== '#ffffff') {\n\t\t\t\tsetColorPickerColor(color.hex);\n\t\t\t\tsetBackgroundToColor(color.hex);\n\t\t\t}\n\t\t},\n\t\t[setBackgroundToColor]\n\t);\n\n\tuseEffect(() => {\n\t\tauth.fetch(`/background?languageCode=${currentLocale}`)\n\t\t\t.then(response => response.json())\n\t\t\t.then(backgrounds => {\n\t\t\t\t// console.log('GET BACKGROUNDS RESPONSE JSON', backgrounds);\n\n\t\t\t\tif (backgrounds && Array.isArray(backgrounds)) {\n\t\t\t\t\tsetBackgroundOptions(backgrounds);\n\t\t\t\t} else {\n\t\t\t\t\t// console.log('GET BACKGROUNDS UNEXPECTED RESPONSE JSON', backgrounds);\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(error => {\n\t\t\t\t// console.log('GET BACKGROUNDS ERROR', error);\n\t\t\t});\n\t}, [auth, currentLocale]);\n\n\tconst deKamerTitel = getTextContent('deKamerTitel');\n\tconst deKamerSubtitel = getTextContent('deKamerSubtitel');\n\tconst deKamerFoto = getTextContent('deKamerFoto');\n\tconst deKamerKleur = getTextContent('deKamerKleur');\n\tconst deKamerKiesKleur = getTextContent('deKamerKiesKleur') || 'Kies een eigen kleur';\n\n\treturn (\n\t\t<Fragment>\n\t\t\t<Pane\n\t\t\t\theading={deKamerTitel}\n\t\t\t\tonClosePaneButtonClick={onClosePaneButtonClick}\n\t\t\t\tsubHeading={deKamerSubtitel}\n\t\t\t>\n\t\t\t\t<Heading3>{deKamerFoto}</Heading3>\n\n\t\t\t\t<Flex\n\t\t\t\t\tflex=\"none\"\n\t\t\t\t\tflexDirection=\"row\"\n\t\t\t\t\tspaceHorizontal=\"15px\"\n\t\t\t\t\tspaceVertical=\"15px\"\n\t\t\t\t\tflexWrap=\"wrap\"\n\t\t\t\t>\n\t\t\t\t\t{backgroundOptions.map(backgroundOption => (\n\t\t\t\t\t\t<BackgroundThumbnail\n\t\t\t\t\t\t\tkey={backgroundOption.guid}\n\t\t\t\t\t\t\tsrc={backgroundOption.image}\n\t\t\t\t\t\t\tisSelected={currentCloset.backgroundGuid === backgroundOption.guid}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetShowColorPicker(false);\n\t\t\t\t\t\t\t\tsetBackgroundToPhoto(backgroundOption);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{/* <img src={zoomInIconUrl} alt=\"zoom in icon\" width={24} height={24} /> */}\n\t\t\t\t\t\t</BackgroundThumbnail>\n\t\t\t\t\t))}\n\t\t\t\t</Flex>\n\n\t\t\t\t<Heading3>{deKamerKleur}</Heading3>\n\n\t\t\t\t<Flex flex=\"none\" flexDirection=\"row\" spaceHorizontal=\"15px\" flexWrap=\"wrap\">\n\t\t\t\t\t<ColorSquare\n\t\t\t\t\t\tcolor=\"#ffffff\"\n\t\t\t\t\t\tisSelected={currentCloset.colour === '#ffffff'}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowColorPicker(false);\n\t\t\t\t\t\t\tsetBackgroundToColor('#ffffff');\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<ColorSquare\n\t\t\t\t\t\tcolor=\"#ebebeb\"\n\t\t\t\t\t\tisSelected={currentCloset.colour === '#ebebeb'}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowColorPicker(false);\n\t\t\t\t\t\t\tsetBackgroundToColor('#ebebeb');\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<ColorSquare\n\t\t\t\t\t\tcolor=\"#bee2d7\"\n\t\t\t\t\t\tisSelected={currentCloset.colour === '#bee2d7'}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowColorPicker(false);\n\t\t\t\t\t\t\tsetBackgroundToColor('#bee2d7');\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<ColorSquare\n\t\t\t\t\t\tcolor=\"#e2dfc8\"\n\t\t\t\t\t\tisSelected={currentCloset.colour === '#e2dfc8'}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowColorPicker(false);\n\t\t\t\t\t\t\tsetBackgroundToColor('#e2dfc8');\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<ColorSquare\n\t\t\t\t\t\tcolor=\"#5e6b5d\"\n\t\t\t\t\t\tisSelected={currentCloset.colour === '#5e6b5d'}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowColorPicker(false);\n\t\t\t\t\t\t\tsetBackgroundToColor('#5e6b5d');\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<ColorSquare\n\t\t\t\t\t\tcolor=\"#5f606a\"\n\t\t\t\t\t\tisSelected={currentCloset.colour === '#5f606a'}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowColorPicker(false);\n\t\t\t\t\t\t\tsetBackgroundToColor('#5f606a');\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\tcolor={colorPickerColor}\n\t\t\t\t\t\tonClick={toggleShowColorPicker}\n\t\t\t\t\t\tisSelected={currentCloset.colour === colorPickerColor}\n\t\t\t\t\t>\n\t\t\t\t\t\t<img src={colorPickerIconUrl} alt=\"color picker icon\" />\n\t\t\t\t\t</ColorPicker>\n\t\t\t\t</Flex>\n\t\t\t</Pane>\n\n\t\t\t{showColorPicker && (\n\t\t\t\t<Pane onClosePaneButtonClick={toggleShowColorPicker}>\n\t\t\t\t\t<Heading3>{deKamerKiesKleur}</Heading3>\n\n\t\t\t\t\t<SliderPicker color={colorPickerColor} onChange={handleColorPickerChange} />\n\t\t\t\t</Pane>\n\t\t\t)}\n\t\t</Fragment>\n\t);\n}\n","import React from 'react';\nimport styled from '@emotion/styled';\n\nimport ReactSlider from 'react-slider';\n\nconst StyledSlider = styled(ReactSlider)`\n\twidth: 100%;\n\theight: 32px;\n`;\n\nconst StyledThumb = styled.div`\n\tcursor: ${props => (props.disabled ? 'default' : 'grab')};\n\tpointer-events: ${props => (props.disabled ? 'none' : 'all')};\n\toutline: none;\n\n\twidth: 68px;\n\theight: 33px;\n\tborder-radius: 15px;\n\tbox-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.08);\n\tbackground-color: var(--dark-mauve);\n\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: 500;\n\tline-height: 1.25;\n\tcolor: #ffffff;\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\ttransition: background-color 0.2s ease-in-out;\n\t:hover {\n\t\tbackground-color: var(--pastel-red);\n\t}\n\n\t&.active {\n\t\tbackground-color: var(--pastel-red);\n\t}\n\n\tdiv {\n\t\tflex: none;\n\n\t\tspan {\n\t\t\tfont-size: 12px;\n\t\t}\n\t}\n`;\n\nconst Thumb = ({ props, state, sliderProps }) => (\n\t<StyledThumb {...props} disabled={sliderProps.disabled}>\n\t\t<div>\n\t\t\t{state.valueNow} {sliderProps.suffix && <span>{sliderProps.suffix}</span>}\n\t\t</div>\n\t</StyledThumb>\n);\n\nconst StyledTrack = styled.div`\n\t.track {\n\t\tposition: absolute;\n\t\ttop: 15px;\n\t\tbottom: 15px;\n\t\tleft: 0;\n\t\tright: 0;\n\t\theight: 3px;\n\t\tbackground-color: rgba(130, 90, 93, 0.25);\n\t}\n\n\t.left-bound {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tmargin-top: 9px;\n\t\tmargin-bottom: 9px;\n\t\twidth: 3px;\n\t\theight: 15px;\n\t\tbackground-color: var(--dark-mauve);\n\t}\n\t.min {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 22px;\n\t\theight: 17px;\n\t\tfont-family: 'Roboto';\n\t\tfont-size: 14px;\n\t\tfont-weight: bold;\n\t\tline-height: 1.43;\n\t\tcolor: rgba(112, 112, 112, 0.25);\n\t}\n\t.right-bound {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tmargin-top: 9px;\n\t\tmargin-bottom: 9px;\n\t\twidth: 3px;\n\t\theight: 15px;\n\t\tbackground-color: var(--dark-mauve);\n\t}\n\t.max {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 22px;\n\t\theight: 17px;\n\t\tfont-family: 'Roboto';\n\t\tfont-size: 14px;\n\t\tfont-weight: bold;\n\t\tline-height: 1.43;\n\t\tcolor: rgba(112, 112, 112, 0.25);\n\t}\n`;\n\nconst Track = ({ props, state, sliderProps }) => (\n\t<StyledTrack {...props} index={state.index}>\n\t\t{state.index === 0 && <div className=\"left-bound\"></div>}\n\t\t{state.index === 0 && <div className=\"min\">{sliderProps.min}</div>}\n\n\t\t<div className=\"track\"></div>\n\n\t\t{state.index === 1 && <div className=\"right-bound\"></div>}\n\t\t{state.index === 1 && <div className=\"max\">{sliderProps.max}</div>}\n\t</StyledTrack>\n);\n\nexport default function Slider(sliderProps) {\n\treturn (\n\t\t<StyledSlider\n\t\t\trenderTrack={(props, state) => (\n\t\t\t\t<Track props={props} state={state} sliderProps={sliderProps} key={state.index} />\n\t\t\t)}\n\t\t\trenderThumb={(props, state) => (\n\t\t\t\t<Thumb props={props} state={state} sliderProps={sliderProps} key={state.index} />\n\t\t\t)}\n\t\t\t{...sliderProps}\n\t\t/>\n\t);\n}\n","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport styled from '@emotion/styled';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport Block from '../../box-model/Block';\nimport Flex from '../../box-model/Flex';\n\nimport Slider from '../../input/Slider';\n\nimport Pane from './Pane';\n\nimport Button from '../../button/Button';\n\nconst Heading3 = styled.h3`\n\tfont-family: 'Roboto';\n\tfont-size: 14px;\n\tfont-weight: bold;\n\tline-height: 1.43;\n\ttext-align: left;\n\tmargin-top: ${props => props.marginTop || '10px'};\n\tmargin-bottom: 0;\n\tcolor: var(--purple-brown);\n`;\n\nconst MaterialThumbnailSquare = styled.div`\n\twidth: 30px;\n\theight: 30px;\n\tbox-sizing: border-box;\n\tborder: ${props =>\n\t\tprops.isSelected ? 'solid 2px var(--pastel-red)' : 'solid 1px rgba(112, 112, 112, 0.5)'};\n\tbackground: url(${props => props.src});\n\tbackground-size: contain;\n\tcursor: pointer;\n\n\ttransition: border 0.2s ease-in-out;\n\t:hover {\n\t\tborder: solid 2px var(--pastel-red);\n\t}\n`;\n\nconst Paragraph = styled.p`\n\tfont-family: 'Roboto';\n\tfont-size: 14px;\n\tfont-weight: 300;\n\tline-height: 1.25;\n\tcolor: var(--warm-grey);\n\tmargin-top: ${props => props.marginTop || '15px'};\n\twhite-space: pre-wrap;\n`;\n\nexport default function ClosetPane({\n\tauth,\n\tcurrentLocale,\n\tcurrentCloset,\n\tgetTextContent,\n\tisDisabled,\n\tonClearButtonClick,\n\tonClosePaneButtonClick,\n\tsetCurrentCloset\n}) {\n\tconst [materialOptions, setMaterialOptions] = useState([]);\n\tuseEffect(() => {\n\t\tauth.fetch(`/closettexture?languageCode=${currentLocale}`)\n\t\t\t.then(response => response.json())\n\t\t\t.then(materialOptions => {\n\t\t\t\t// console.log('GET CLOSET TEXTURES RESPONSE JSON', materialOptions);\n\n\t\t\t\tif (materialOptions && Array.isArray(materialOptions)) {\n\t\t\t\t\tsetMaterialOptions(materialOptions);\n\t\t\t\t} else {\n\t\t\t\t\t// console.log('GET CLOSET TEXTURES UNEXPECTED RESPONSE JSON', materialOptions);\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(error => {\n\t\t\t\t// console.log('GET CLOSET TEXTURES ERROR', error);\n\t\t\t});\n\t}, [auth, currentLocale]);\n\n\tconst handleSliderWidthChange = useCallback(\n\t\tvalue => {\n\t\t\tsetCurrentCloset(currentCloset => ({\n\t\t\t\t...currentCloset,\n\t\t\t\tisDirty: true,\n\t\t\t\twidth: value\n\t\t\t}));\n\t\t},\n\t\t[setCurrentCloset]\n\t);\n\tconst handleSliderHeightChange = useCallback(\n\t\tvalue => {\n\t\t\tsetCurrentCloset(currentCloset => ({\n\t\t\t\t...currentCloset,\n\t\t\t\tisDirty: true,\n\t\t\t\theight: value\n\t\t\t}));\n\t\t},\n\t\t[setCurrentCloset]\n\t);\n\tconst handleSliderDepthChange = useCallback(\n\t\tvalue => {\n\t\t\tsetCurrentCloset(currentCloset => ({\n\t\t\t\t...currentCloset,\n\t\t\t\tisDirty: true,\n\t\t\t\tdepth: value\n\t\t\t}));\n\t\t},\n\t\t[setCurrentCloset]\n\t);\n\tconst handleSliderShelvesChange = useCallback(\n\t\tvalue => {\n\t\t\tsetCurrentCloset(currentCloset => ({\n\t\t\t\t...currentCloset,\n\t\t\t\tisDirty: true,\n\t\t\t\ttotalShelves: value\n\t\t\t}));\n\t\t},\n\t\t[setCurrentCloset]\n\t);\n\tconst handleSliderThicknessChange = useCallback(\n\t\tvalue => {\n\t\t\tsetCurrentCloset(currentCloset => ({\n\t\t\t\t...currentCloset,\n\t\t\t\tisDirty: true,\n\t\t\t\tshelveThickness: value\n\t\t\t}));\n\t\t},\n\t\t[setCurrentCloset]\n\t);\n\n\tconst deKastTitel = getTextContent('deKastTitel');\n\tconst deKastSubtitel = getTextContent('deKastSubtitel');\n\tconst deKastMateriaal = getTextContent('deKastMateriaal') || 'Materiaal';\n\tconst deKastBreedte = getTextContent('deKastBreedte');\n\tconst deKastHoogte = getTextContent('deKastHoogte');\n\tconst deKastDiepte = getTextContent('deKastDiepte');\n\tconst deKastHoeveelSchappen = getTextContent('deKastHoeveelSchappen');\n\tconst deKastHoeDikZijnDePlanken = getTextContent('deKastHoeDikZijnDePlanken');\n\tconst deKastLeegmakenTekst = getTextContent('deKastLeegmakenTekst');\n\tconst deKastLeegmakenButton = getTextContent('deKastLeegmakenButton');\n\n\treturn (\n\t\t<Pane\n\t\t\theading={deKastTitel}\n\t\t\tonClosePaneButtonClick={onClosePaneButtonClick}\n\t\t\tsubHeading={deKastSubtitel}\n\t\t>\n\t\t\t<Heading3 marginTop=\"0px\">{deKastBreedte}</Heading3>\n\t\t\t<Slider\n\t\t\t\tvalue={currentCloset.width}\n\t\t\t\tonChange={handleSliderWidthChange}\n\t\t\t\tmin={30}\n\t\t\t\tmax={280}\n\t\t\t\tdisabled={isDisabled}\n\t\t\t\tsuffix=\"cm\"\n\t\t\t/>\n\n\t\t\t<Heading3>{deKastHoogte}</Heading3>\n\t\t\t<Slider\n\t\t\t\tvalue={currentCloset.height}\n\t\t\t\tonChange={handleSliderHeightChange}\n\t\t\t\tmin={60}\n\t\t\t\tmax={240}\n\t\t\t\tdisabled={isDisabled}\n\t\t\t\tsuffix=\"cm\"\n\t\t\t/>\n\n\t\t\t<Heading3>{deKastDiepte}</Heading3>\n\t\t\t<Slider\n\t\t\t\tvalue={currentCloset.depth}\n\t\t\t\tonChange={handleSliderDepthChange}\n\t\t\t\tmin={10}\n\t\t\t\tmax={100}\n\t\t\t\tdisabled={isDisabled}\n\t\t\t\tsuffix=\"cm\"\n\t\t\t/>\n\n\t\t\t<Heading3>{deKastHoeveelSchappen}</Heading3>\n\t\t\t<Slider\n\t\t\t\tvalue={currentCloset.totalShelves}\n\t\t\t\tonChange={handleSliderShelvesChange}\n\t\t\t\tmin={1}\n\t\t\t\tmax={8}\n\t\t\t\tdisabled={isDisabled}\n\t\t\t/>\n\n\t\t\t<Heading3>{deKastHoeDikZijnDePlanken}</Heading3>\n\t\t\t<Slider\n\t\t\t\tvalue={currentCloset.shelveThickness}\n\t\t\t\tonChange={handleSliderThicknessChange}\n\t\t\t\tmin={1}\n\t\t\t\tmax={8}\n\t\t\t\tstep={0.5}\n\t\t\t\tdisabled={isDisabled}\n\t\t\t\tsuffix=\"cm\"\n\t\t\t/>\n\n\t\t\t{isDisabled && (\n\t\t\t\t<Block>\n\t\t\t\t\t<Paragraph>{deKastLeegmakenTekst}</Paragraph>\n\n\t\t\t\t\t<Button onClick={onClearButtonClick} label={deKastLeegmakenButton} />\n\t\t\t\t</Block>\n\t\t\t)}\n\n\t\t\t<Heading3>{deKastMateriaal}</Heading3>\n\t\t\t<Flex\n\t\t\t\tflex=\"none\"\n\t\t\t\tflexDirection=\"row\"\n\t\t\t\tspaceHorizontal=\"15px\"\n\t\t\t\tspaceVertical={materialOptions.length > 7 ? '15px' : '0px'}\n\t\t\t\tflexWrap=\"wrap\"\n\t\t\t>\n\t\t\t\t{materialOptions.map(materialOption => (\n\t\t\t\t\t<MaterialThumbnailSquare\n\t\t\t\t\t\tkey={materialOption.guid}\n\t\t\t\t\t\tsrc={materialOption.image}\n\t\t\t\t\t\tisSelected={currentCloset.closetTextureGuid === materialOption.guid}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetCurrentCloset(currentCloset => ({\n\t\t\t\t\t\t\t\t...currentCloset,\n\t\t\t\t\t\t\t\tisDirty: true,\n\t\t\t\t\t\t\t\tclosetTextureGuid: materialOption.guid\n\t\t\t\t\t\t\t}));\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</Flex>\n\t\t</Pane>\n\t);\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\n\nconst styles = css`\n\tposition: relative;\n\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: space-between;\n\n\theight: 40px;\n\tborder-radius: 5px;\n\tbox-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.08);\n\tbackground-color: #ffffff;\n\n\tpadding-left: 10px;\n\tpadding-right: 10px;\n\n\t> :not(:last-child) {\n\t\tmargin-right: 8px;\n\t}\n\n\tselect {\n\t\tborder: none;\n\t\toutline: none;\n\n\t\tflex: 1;\n\n\t\tfont-family: 'Roboto';\n\t\tfont-size: 16px;\n\t\tline-height: 1.25;\n\n\t\tcolor: var(--purple-brown);\n\t\tbackground-color: #ffffff;\n\t}\n`;\n\nexport default function SingleSelect({ onChange, readOnly, options, value }) {\n\treturn (\n\t\t<label css={styles}>\n\t\t\t<select onChange={onChange} disabled={readOnly} value={value}>\n\t\t\t\t{options.map(optionData => (\n\t\t\t\t\t<option key={optionData.guid} value={optionData.guid}>\n\t\t\t\t\t\t{optionData.name}\n\t\t\t\t\t</option>\n\t\t\t\t))}\n\t\t\t</select>\n\t\t</label>\n\t);\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\nimport styled from '@emotion/styled/macro';\n\nimport { useMemo, useRef } from 'react';\n\nimport Block from '../box-model/Block';\nimport Flex from '../box-model/Flex';\n\nimport Product from './Product';\n\nconst InfoMessage = styled.p`\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: 300;\n\tline-height: 1.25;\n\tcolor: var(--dark-mauve);\n\tmargin: 0;\n`;\n\nconst tableStyles = css`\n\tborder: 0;\n\twidth: 100%;\n`;\n\nconst tableCellStyles = css`\n\twidth: 50%;\n\tvertical-align: bottom;\n\tpadding-bottom: 10px;\n\n\t> * {\n\t\tmargin: 0 auto;\n\t}\n`;\n\nconst ProductDimensions = styled.div`\n\ttext-align: center;\n\tfont-family: 'Roboto';\n\tfont-size: 10px;\n\tline-height: 2;\n\tcolor: rgba(112, 112, 112, 0.5);\n`;\n\n// const euro = value => currency(value, { separator: '.', symbol: '€', decimal: ',' }).format(true);\n\nconst PIXELS_PER_CM = 2.25;\n\nexport default function ProductSelector({\n\tcurrentCloset,\n\tcurrentColor,\n\tcurrentSeries,\n\tgetTextContent,\n\tdeBoxenBezigMetLaden,\n\tdeBoxenGeenProducten,\n\tdeBoxenKiesAndere,\n\tonBeginDrag,\n\topenInfoModal,\n\tproducts,\n\ttooltipPortalRef\n}) {\n\tconst productsAsTable = useMemo(\n\t\t() =>\n\t\t\tproducts.reduce((productsTable, product, index) => {\n\t\t\t\tif (index % 2 === 0) {\n\t\t\t\t\tproductsTable.push([product]);\n\t\t\t\t} else {\n\t\t\t\t\tproductsTable[productsTable.length - 1].push(product);\n\t\t\t\t}\n\t\t\t\treturn productsTable;\n\t\t\t}, []),\n\t\t[products]\n\t);\n\n\tlet closetHeightMinusShelves = currentCloset.height;\n\tclosetHeightMinusShelves -= 12 / PIXELS_PER_CM;\n\tclosetHeightMinusShelves -= 12 / PIXELS_PER_CM;\n\tclosetHeightMinusShelves -= currentCloset.shelveThickness * (currentCloset.totalShelves - 1);\n\t// console.log('closetHeightMinusShelves final', closetHeightMinusShelves);\n\tlet shelveHeight = closetHeightMinusShelves / currentCloset.totalShelves;\n\t// console.log('shelveHeight', shelveHeight);\n\n\tconst tooltipScrollContainerRef = useRef();\n\n\treturn (\n\t\t<Block maxHeight=\"350px\" overflowY=\"auto\" ref={tooltipScrollContainerRef}>\n\t\t\t{products.length === 0 &&\n\t\t\t\t(!currentSeries || !currentColor || !currentSeries.name || !currentColor.name) && (\n\t\t\t\t\t<InfoMessage>{deBoxenBezigMetLaden}</InfoMessage>\n\t\t\t\t)}\n\n\t\t\t{products.length === 0 && currentSeries.name && currentColor && currentColor.name && (\n\t\t\t\t<InfoMessage>\n\t\t\t\t\t{deBoxenGeenProducten}\n\t\t\t\t\t<br />\n\t\t\t\t\t{deBoxenKiesAndere}\n\t\t\t\t</InfoMessage>\n\t\t\t)}\n\n\t\t\t{products.length > 0 && (\n\t\t\t\t<table css={tableStyles}>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t{productsAsTable.map((tableRow, index) => (\n\t\t\t\t\t\t\t<tr key={index}>\n\t\t\t\t\t\t\t\t{tableRow.map(product => (\n\t\t\t\t\t\t\t\t\t<td key={product.guid} css={tableCellStyles}>\n\t\t\t\t\t\t\t\t\t\t<Flex flexDirection=\"column\" alignItems=\"center\">\n\t\t\t\t\t\t\t\t\t\t\t<Product\n\t\t\t\t\t\t\t\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\t\t\t\t\t\t\t\tclosetDepth={currentCloset.depth * PIXELS_PER_CM}\n\t\t\t\t\t\t\t\t\t\t\t\tclosetWidth={\n\t\t\t\t\t\t\t\t\t\t\t\t\t(currentCloset.width - 24 / PIXELS_PER_CM) *\n\t\t\t\t\t\t\t\t\t\t\t\t\tPIXELS_PER_CM\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tshelveHeight={shelveHeight * PIXELS_PER_CM}\n\t\t\t\t\t\t\t\t\t\t\t\tonBeginDrag={onBeginDrag}\n\t\t\t\t\t\t\t\t\t\t\t\topenInfoModal={openInfoModal}\n\t\t\t\t\t\t\t\t\t\t\t\tproduct={product}\n\t\t\t\t\t\t\t\t\t\t\t\ttooltipPortalRef={tooltipPortalRef}\n\t\t\t\t\t\t\t\t\t\t\t\ttooltipScrollContainerRef={\n\t\t\t\t\t\t\t\t\t\t\t\t\ttooltipScrollContainerRef\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t\t\t<ProductDimensions>\n\t\t\t\t\t\t\t\t\t\t\t\t{product.volume}L w: {product.widthInCm} x h:{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t{product.heightInCm} x d: {product.depthInCm}cm{' '}\n\t\t\t\t\t\t\t\t\t\t\t</ProductDimensions>\n\t\t\t\t\t\t\t\t\t\t</Flex>\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t)}\n\t\t</Block>\n\t);\n}\n","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport styled from '@emotion/styled/macro';\n\nconst ColorContainer = styled.div`\n\tposition: relative;\n\tbox-sizing: border-box;\n\tflex: none;\n\twidth: 40px;\n\theight: 40px;\n\tborder-radius: 5px;\n\tbox-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.08);\n\tcursor: pointer;\n`;\n\nconst ColorClip = styled.div`\n\tposition: relative;\n\tbox-sizing: border-box;\n\twidth: 40px;\n\theight: 40px;\n\tclip-path: inset(0 0 0 0 round 5px);\n`;\n\nconst ColorTriangle = styled.div`\n\tposition: absolute;\n\tbox-sizing: border-box;\n\twidth: 0;\n\theight: 0;\n\tborder-width: 40px 40px 0 0;\n\tborder-color: ${props => `${props.color} transparent transparent transparent`};\n\tborder-style: solid;\n\ttransform: ${props => `rotate(${props.rotate}deg)`};\n`;\n\nexport default function Color({ colorOption, ...props }) {\n\treturn (\n\t\t<ColorContainer {...props}>\n\t\t\t<ColorClip>\n\t\t\t\t<ColorTriangle color={'#' + colorOption.colour1.replace('#', '')} rotate={0} />\n\t\t\t\t<ColorTriangle color={'#' + colorOption.colour2.replace('#', '')} rotate={180} />\n\t\t\t</ColorClip>\n\t\t</ColorContainer>\n\t);\n}\n","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport styled from '@emotion/styled/macro';\n\nimport Block from '../../../box-model/Block';\nimport Flex from '../../../box-model/Flex';\n\nimport Pane from '../Pane';\n\nimport Color from './Color';\n\nconst Heading3 = styled.h3`\n\tfont-family: 'Roboto';\n\tfont-size: 14px;\n\tfont-weight: bold;\n\tline-height: 1.43;\n\ttext-align: left;\n\tmargin: 0 0 5px 0;\n\tcolor: var(--purple-brown);\n`;\n\nexport default function ColorsPane({\n\tcolorOptions,\n\tdeBoxenKleurenVoor,\n\tonClosePaneButtonClick,\n\tonColorSelect,\n\tseriesLabel\n}) {\n\treturn (\n\t\t<Block position=\"absolute\" top=\"0px\" right=\"-21px\" transform=\"translateX(100%)\">\n\t\t\t<Pane onClosePaneButtonClick={onClosePaneButtonClick} paddingBottom=\"2px\" width=\"183px\">\n\t\t\t\t<Heading3>{deBoxenKleurenVoor} {seriesLabel}</Heading3>\n\n\t\t\t\t<Flex flex=\"none\" flexWrap=\"wrap\" spaceHorizontal=\"12px\" spaceVertical=\"12px\">\n\t\t\t\t\t{colorOptions &&\n\t\t\t\t\t\tcolorOptions.map((colorOption, index) => (\n\t\t\t\t\t\t\t<Color\n\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\tcolorOption={colorOption}\n\t\t\t\t\t\t\t\tonClick={() => onColorSelect(colorOption)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t</Flex>\n\t\t\t</Pane>\n\t\t</Block>\n\t);\n}\n","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport styled from '@emotion/styled';\n\nimport { useCallback, useMemo, useState, useEffect, Fragment, useRef } from 'react';\n\nimport Block from '../../box-model/Block';\nimport Flex from '../../box-model/Flex';\n\nimport SingleSelect from '../../input/SingleSelect';\n\nimport ProductSelector from '../../product/ProductSelector';\n\nimport editIconUrl from './boxes/edit-icon.svg';\nimport rotateIconUrl from './boxes/rotate-icon.svg';\n\nimport ColorsPane from './boxes/ColorsPane';\nimport Color from './boxes/Color';\n\nimport Pane from './Pane';\n\nimport closeIconUrl from './close-icon.svg';\n\nconst Heading3 = styled.h3`\n\tfont-family: 'Roboto';\n\tfont-size: 14px;\n\tfont-weight: bold;\n\ttext-align: left;\n\tmargin: 0 0 5px 0;\n\tcolor: var(--purple-brown);\n`;\n\nconst RotateButton = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\n\tcursor: pointer;\n\n\tfont-family: 'Roboto';\n\tfont-size: 14px;\n\tletter-spacing: normal;\n\ttext-align: left;\n\tcolor: rgba(130, 90, 93, 0.5);\n\n\ttransition: color 0.2s ease-in-out;\n\t:hover {\n\t\tcolor: rgba(130, 90, 93, 1);\n\t}\n`;\n\nconst RedPopup = styled.div`\n\tposition: absolute;\n\ttop: 25px;\n\tright: -245px;\n\twidth: 223px;\n\tbox-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.08);\n\tbackground-color: var(--pastel-red);\n\tborder-radius: 10px;\n\tpadding: 5px 10px 10px 10px;\n`;\n\nconst TooltipHeading = styled.h3`\n\tfont-family: 'Roboto';\n\tfont-size: 20px;\n\tfont-weight: normal;\n\tline-height: 1.5;\n\tletter-spacing: normal;\n\tcolor: #ffffff;\n\tmargin: 0;\n`;\n\nconst TooltipText = styled.p`\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: 300;\n\tline-height: 1.25;\n\tcolor: #ffffff;\n\tmargin: 0;\n\twhite-space: pre-wrap;\n`;\n\nconst PopupCloseButton = styled.div`\n\tcursor: pointer;\n\n\t> img {\n\t\topacity: 0.5;\n\t\ttransition: opacity 0.2s ease-in-out;\n\n\t\t:hover {\n\t\t\topacity: 1;\n\t\t}\n\t}\n`;\n\nlet lastSelectedSeriesGuid = null;\nlet lastSelectedColorGuid = null;\nlet lastRotated = null;\n\nexport default function BoxesPane({\n\tauth,\n\tcurrentLocale,\n\tcurrentCloset,\n\tgetTextContent,\n\tisColorsPaneVisible,\n\tonBeginDrag,\n\tonClosePaneButtonClick,\n\topenInfoModal,\n\tredInfoPopupIsVisible,\n\tsetIsColorsPaneVisible,\n\tsetRedInfoPopupIsVisible\n}) {\n\tconst [seriesOptions, setSeriesOptions] = useState(null);\n\n\tconst [currentSeriesGuid, setCurrentSeriesGuid] = useState(lastSelectedSeriesGuid);\n\tconst handleSeriesSelect = useCallback(event => {\n\t\tlastSelectedSeriesGuid = event.target.value;\n\t\tsetCurrentSeriesGuid(event.target.value);\n\t}, []);\n\n\tconst currentSeries = useMemo(() => {\n\t\tif (!seriesOptions || !currentSeriesGuid) {\n\t\t\treturn { name: '' };\n\t\t}\n\n\t\treturn seriesOptions.find(option => option.guid === currentSeriesGuid);\n\t}, [currentSeriesGuid, seriesOptions]);\n\n\tconst [colorOptions, setColorOptions] = useState(null);\n\n\tconst [currentColorGuid, setCurrentColorGuid] = useState(lastSelectedColorGuid);\n\tconst handleColorSelect = useCallback(color => {\n\t\tlastSelectedColorGuid = color.guid;\n\t\tsetCurrentColorGuid(color.guid);\n\t}, []);\n\n\tconst currentColor = useMemo(() => {\n\t\tif (!colorOptions || !currentColorGuid) {\n\t\t\treturn { name: '', colour1: '#ffffff', colour2: '#ffffff' };\n\t\t}\n\n\t\treturn colorOptions.find(option => option.guid === currentColorGuid);\n\t}, [colorOptions, currentColorGuid]);\n\n\tconst [isRotated, setIsRotated] = useState(lastRotated);\n\n\tconst toggleIsRotated = useCallback(() => {\n\t\tsetProducts(products => products.map(product => ({ ...product, rotated: !isRotated })));\n\t\tlastRotated = !isRotated;\n\t\tsetIsRotated(!isRotated);\n\t}, [isRotated]);\n\n\tuseEffect(() => {\n\t\tauth.fetch(`/productserie?languageCode=${currentLocale}`)\n\t\t\t.then(response => response.json())\n\t\t\t.then(series => {\n\t\t\t\t// console.log('GET PRODUCT SERIES RESPONSE JSON', series);\n\n\t\t\t\tif (series && Array.isArray(series)) {\n\t\t\t\t\tsetSeriesOptions(series);\n\t\t\t\t\tsetCurrentSeriesGuid(lastSelectedSeriesGuid || series[0].guid);\n\t\t\t\t} else {\n\t\t\t\t\t// console.log('GET PRODUCT SERIES UNEXPECTED RESPONSE JSON', series);\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(error => {\n\t\t\t\t// console.log('GET PRODUCT SERIES ERROR', error);\n\t\t\t});\n\t}, [auth, currentLocale]);\n\n\tuseEffect(() => {\n\t\tif (!currentSeriesGuid) {\n\t\t\treturn;\n\t\t}\n\n\t\tauth.fetch(`/colour?productserieGuid=${currentSeriesGuid}&languageCode=${currentLocale}`)\n\t\t\t.then(response => response.json())\n\t\t\t.then(colors => {\n\t\t\t\t// console.log('GET COLOURS RESPONSE JSON', colors);\n\n\t\t\t\tif (colors && Array.isArray(colors)) {\n\t\t\t\t\tsetColorOptions(colors);\n\t\t\t\t\tsetCurrentColorGuid(lastSelectedColorGuid || colors[0].guid);\n\t\t\t\t} else {\n\t\t\t\t\t// console.log('GET COLOURS UNEXPECTED RESPONSE JSON', colors);\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(error => {\n\t\t\t\t// console.log('GET COLOURS ERROR', error);\n\t\t\t});\n\t}, [auth, currentLocale, currentSeriesGuid]);\n\n\tconst [products, setProducts] = useState(null);\n\tuseEffect(() => {\n\t\tif (!currentSeriesGuid || !currentColorGuid) {\n\t\t\tsetProducts([]);\n\t\t} else {\n\t\t\tauth.fetch(\n\t\t\t\t`/product?productserieGuid=${currentSeriesGuid}&colourGuid=${currentColorGuid}&languageCode=${currentLocale}`\n\t\t\t)\n\t\t\t\t.then(response => response.json())\n\t\t\t\t.then(products => {\n\t\t\t\t\t// console.log('GET PRODUCTS RESPONSE JSON', products);\n\n\t\t\t\t\tif (products && Array.isArray(products)) {\n\t\t\t\t\t\tproducts = products.map(product => ({\n\t\t\t\t\t\t\t...product,\n\t\t\t\t\t\t\trotated: isRotated,\n\t\t\t\t\t\t\tgetSize: product => (product.rotated ? product.depth : product.width)\n\t\t\t\t\t\t}));\n\t\t\t\t\t\tsetProducts(products);\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// console.log('GET productserie UNEXPECTED RESPONSE JSON', products);\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.catch(error => {\n\t\t\t\t\t// console.log('GET PRODUCTS ERROR', error);\n\t\t\t\t});\n\t\t}\n\t}, [auth, currentColorGuid, currentLocale, currentSeriesGuid, isRotated]);\n\n\tconst tooltipPortalRef = useRef();\n\n\tconst deBoxenTitel = getTextContent('deBoxenTitel');\n\tconst deBoxenSubtitel = getTextContent('deBoxenSubtitel');\n\tconst deBoxenProductlijn = getTextContent('deBoxenProductlijn');\n\tconst deBoxenKleur = getTextContent('deBoxenKleur');\n\tconst deBoxenKleurenVoor = getTextContent('deBoxenKleurenVoor') || 'Kleuren voor';\n\tconst deBoxenBezigMetLaden =\n\t\tgetTextContent('deBoxenBezigMetLaden') || 'Bezig met het laden van de producten…';\n\tconst deBoxenBoxen = getTextContent('deBoxenBoxen');\n\tconst deBoxenBoxenDraaien = getTextContent('deBoxenBoxenDraaien');\n\tconst deBoxenUitlegTitel = getTextContent('deBoxenUitlegTitel');\n\tconst deBoxenUitlegTekst = getTextContent('deBoxenUitlegTekst');\n\tconst deBoxenGeenProducten =\n\t\tgetTextContent('deBoxenGeenProducten') ||\n\t\t'Er zijn geen producten in de gekozen productlijn en kleur.';\n\tconst deBoxenKiesAndere =\n\t\tgetTextContent('deBoxenKiesAndere') || 'Kies een andere kleur of productlijn.';\n\n\treturn (\n\t\t<Pane\n\t\t\theading={deBoxenTitel}\n\t\t\tonClosePaneButtonClick={onClosePaneButtonClick}\n\t\t\tsubHeading={deBoxenSubtitel}\n\t\t>\n\t\t\t<Flex flexDirection=\"row\" spaceHorizontal=\"15px\">\n\t\t\t\t<Block flex=\"1\">\n\t\t\t\t\t<Heading3>{deBoxenProductlijn}</Heading3>\n\n\t\t\t\t\t{currentSeriesGuid !== null && seriesOptions && seriesOptions.length > 0 && (\n\t\t\t\t\t\t<SingleSelect\n\t\t\t\t\t\t\tvalue={currentSeriesGuid}\n\t\t\t\t\t\t\toptions={seriesOptions}\n\t\t\t\t\t\t\tonChange={handleSeriesSelect}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</Block>\n\n\t\t\t\t<Block flex=\"none\">\n\t\t\t\t\t<Heading3>{deBoxenKleur}</Heading3>\n\n\t\t\t\t\t<Flex\n\t\t\t\t\t\tflexDirection=\"row\"\n\t\t\t\t\t\talignItems=\"center\"\n\t\t\t\t\t\tcursor=\"pointer\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetRedInfoPopupIsVisible(false);\n\t\t\t\t\t\t\tsetIsColorsPaneVisible(isColorsPaneVisible => !isColorsPaneVisible);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{currentColor && <Color colorOption={currentColor} />}\n\n\t\t\t\t\t\t<img src={editIconUrl} width={24} height={24} alt=\"bewerken icoon\" />\n\t\t\t\t\t</Flex>\n\n\t\t\t\t\t{currentSeries.name && colorOptions && isColorsPaneVisible && (\n\t\t\t\t\t\t<ColorsPane\n\t\t\t\t\t\t\tcurrentColor={currentColorGuid}\n\t\t\t\t\t\t\tdeBoxenKleurenVoor={deBoxenKleurenVoor}\n\t\t\t\t\t\t\tcolorOptions={colorOptions}\n\t\t\t\t\t\t\tonClosePaneButtonClick={() => setIsColorsPaneVisible(false)}\n\t\t\t\t\t\t\tonColorSelect={handleColorSelect}\n\t\t\t\t\t\t\tseriesLabel={currentSeries.name}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</Block>\n\t\t\t</Flex>\n\n\t\t\t{products !== null && (\n\t\t\t\t<Fragment>\n\t\t\t\t\t<Flex\n\t\t\t\t\t\tflexDirection=\"row\"\n\t\t\t\t\t\talignItems=\"flex-end\"\n\t\t\t\t\t\tjustifyContent=\"space-between\"\n\t\t\t\t\t\tmarginTop=\"15px\"\n\t\t\t\t\t\tmarginBottom=\"5px\"\n\t\t\t\t\t\tref={tooltipPortalRef}\n\t\t\t\t\t\tzIndex={10}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Heading3>{deBoxenBoxen}</Heading3>\n\n\t\t\t\t\t\t{products.length > 0 && (\n\t\t\t\t\t\t\t<RotateButton onClick={toggleIsRotated}>\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc={rotateIconUrl}\n\t\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\t\t\talt=\"draaien icoon\"\n\t\t\t\t\t\t\t\t/>{' '}\n\t\t\t\t\t\t\t\t<span>{deBoxenBoxenDraaien}</span>\n\t\t\t\t\t\t\t</RotateButton>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{redInfoPopupIsVisible && products.length > 0 && (\n\t\t\t\t\t\t\t<RedPopup>\n\t\t\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\t\t\tflexDirection=\"row\"\n\t\t\t\t\t\t\t\t\tjustifyContent=\"space-between\"\n\t\t\t\t\t\t\t\t\talignItems=\"flex-end\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<TooltipHeading>{deBoxenUitlegTitel}</TooltipHeading>\n\n\t\t\t\t\t\t\t\t\t<PopupCloseButton\n\t\t\t\t\t\t\t\t\t\tonClick={() => setRedInfoPopupIsVisible(false)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\tsrc={closeIconUrl}\n\t\t\t\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\t\t\t\t\talt=\"sluiten icoon\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</PopupCloseButton>\n\t\t\t\t\t\t\t\t</Flex>\n\n\t\t\t\t\t\t\t\t<TooltipText>{deBoxenUitlegTekst}</TooltipText>\n\t\t\t\t\t\t\t</RedPopup>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Flex>\n\n\t\t\t\t\t<ProductSelector\n\t\t\t\t\t\tcurrentCloset={currentCloset}\n\t\t\t\t\t\tcurrentColor={currentColor}\n\t\t\t\t\t\tcurrentSeries={currentSeries}\n\t\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\t\tdeBoxenBezigMetLaden={deBoxenBezigMetLaden}\n\t\t\t\t\t\tdeBoxenGeenProducten={deBoxenGeenProducten}\n\t\t\t\t\t\tdeBoxenKiesAndere={deBoxenKiesAndere}\n\t\t\t\t\t\tonBeginDrag={onBeginDrag}\n\t\t\t\t\t\topenInfoModal={openInfoModal}\n\t\t\t\t\t\tproducts={products}\n\t\t\t\t\t\ttooltipPortalRef={tooltipPortalRef}\n\t\t\t\t\t/>\n\t\t\t\t</Fragment>\n\t\t\t)}\n\t\t</Pane>\n\t);\n}\n","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport styled from '@emotion/styled';\n\nimport { useCallback, useRef, useState, forwardRef, useEffect } from 'react';\n\nimport Block from '../../box-model/Block';\nimport Flex from '../../box-model/Flex';\nimport Button from '../../button/Button';\nimport SingleLineInput from '../../input/SingleLineInput';\n\nimport copyIconUrl from './save/copy-icon.svg';\nimport loginIconUrl from './save/login-icon.svg';\nimport savePdfIconUrl from './save/download-pdf-icon.svg';\nimport saveIconUrl from './save/save-icon.svg';\n\nimport Pane, { SubHeading } from './Pane';\nimport { useHistory, useRouteMatch } from 'react-router';\nimport usePrevious from '../../utils/hooks/usePrevious';\n\nconst Paragraph = styled.p`\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: ${props => props.fontWeight};\n\tline-height: 1.25;\n\tletter-spacing: normal;\n\ttext-align: left;\n\tcolor: var(--warm-grey);\n\tmargin-top: ${props => props.marginTop};\n\tmargin-bottom: ${props => props.marginBottom};\n\twhite-space: pre-wrap;\n`;\n\nconst SavePane = forwardRef(\n\t(\n\t\t{\n\t\t\tcurrentCloset,\n\t\t\tcurrentUser,\n\t\t\tgenerateDownloadablePDF,\n\t\t\tgetTextContent,\n\t\t\tonClosePaneButtonClick,\n\t\t\tsaveCloset\n\t\t},\n\t\tref\n\t) => {\n\t\tconst history = useHistory();\n\t\tconst { url } = useRouteMatch();\n\n\t\tconst [inputName, setInputName] = useState(currentCloset.name || '');\n\n\t\tconst [isSaved, setIsSaved] = useState(\n\t\t\tcurrentCloset.guid !== 'NEW' && !currentCloset.isDirty\n\t\t);\n\n\t\tconst handleSaveButtonClick = useCallback(() => {\n\t\t\tsetIsSaved(true);\n\t\t\tsaveCloset(inputName);\n\t\t}, [inputName, saveCloset]);\n\n\t\tconst wasDirty = usePrevious(currentCloset.isDirty);\n\t\tuseEffect(() => {\n\t\t\tif (currentCloset.isDirty && !wasDirty) {\n\t\t\t\tsetIsSaved(false);\n\t\t\t}\n\t\t}, [currentCloset.isDirty, wasDirty]);\n\n\t\tconst shareUrlRef = useRef();\n\t\tconst shareUrl = `${window.location.href.replace(/\\/aanpassen\\/.*/g, '')}/bekijken?c=${\n\t\t\tcurrentCloset.guid\n\t\t}`;\n\t\tconst handleCopyButtonClick = useCallback(() => {\n\t\t\tshareUrlRef.current.select();\n\t\t\tshareUrlRef.current.setSelectionRange(0, 99999);\n\n\t\t\twindow.document.execCommand('copy');\n\t\t}, []);\n\n\t\tconst handleLoginButtonClick = useCallback(() => {\n\t\t\thistory.push('/inloggen', { next: `${url}/opslaan` });\n\t\t}, [history, url]);\n\t\tconst handleRegisterButtonClick = useCallback(() => {\n\t\t\thistory.push('/registreren', { next: `${url}/opslaan` });\n\t\t}, [history, url]);\n\n\t\tconst opslaanTitel = getTextContent('opslaanTitel');\n\t\tconst opslaanSubtitel = getTextContent('opslaanSubtitel');\n\t\tconst opslaanKastNaamInvoer =\n\t\t\tgetTextContent('opslaanKastNaamInvoer') || 'Geef je kast een naam';\n\t\tconst opslaanAdvies = getTextContent('opslaanAdvies');\n\t\tconst opslaanOpgeslagen = getTextContent('opslaanOpgeslagen') || 'Je kast is opgeslagen!';\n\t\tconst opslaanOpgeslagenAdvies =\n\t\t\tgetTextContent('opslaanOpgeslagenAdvies') ||\n\t\t\t'Je kunt je opgeslagen kast later eenvoudig terugvinden in je account.';\n\t\tconst opslaanTekstIngelogd = getTextContent('opslaanTekstIngelogd');\n\t\tconst buttonInloggen = getTextContent('buttonInloggen');\n\t\tconst opslaanTekstRegistreren = getTextContent('opslaanTekstRegistreren');\n\t\tconst buttonRegistreren = getTextContent('buttonRegistreren');\n\t\tconst buttonOpslaan = getTextContent('buttonOpslaan') || 'Opslaan';\n\t\tconst kopieren = getTextContent('kopieren');\n\t\tconst opslaanDelen = getTextContent('opslaanDelen') || 'Delen';\n\t\tconst opslaanDelenAdvies =\n\t\t\tgetTextContent('opslaanDelenAdvies') || 'Gebruik de volgende link om je kast te delen:';\n\t\tconst opslaanDownloadenPrinten =\n\t\t\tgetTextContent('opslaanDownloadenPrinten') || 'Downloaden of printen';\n\t\tconst opslaanDownloadenPrintenAdvies =\n\t\t\tgetTextContent('opslaanDownloadenPrintenAdvies') ||\n\t\t\t'Wil je de kast met een lijst van de gebruikte producten downloaden of printen?';\n\t\tconst buttonDownloadPDF = getTextContent('buttonDownloadPDF') || 'Download PDF';\n\n\t\treturn (\n\t\t\t<Pane\n\t\t\t\theading={opslaanTitel}\n\t\t\t\tonClosePaneButtonClick={onClosePaneButtonClick}\n\t\t\t\tref={ref}\n\t\t\t\tsubHeading={!isSaved ? opslaanSubtitel : opslaanOpgeslagen}\n\t\t\t>\n\t\t\t\t{!isSaved && (\n\t\t\t\t\t<Paragraph fontWeight={500} marginTop=\"0px\" marginBottom=\"25px\">\n\t\t\t\t\t\t{opslaanAdvies}\n\t\t\t\t\t</Paragraph>\n\t\t\t\t)}\n\t\t\t\t{isSaved && (\n\t\t\t\t\t<Paragraph fontWeight={300} marginTop=\"0px\" marginBottom=\"10px\">\n\t\t\t\t\t\t{opslaanOpgeslagenAdvies}\n\t\t\t\t\t</Paragraph>\n\t\t\t\t)}\n\n\t\t\t\t{!currentUser && (\n\t\t\t\t\t<Block spaceVertical=\"25px\">\n\t\t\t\t\t\t<Block>\n\t\t\t\t\t\t\t<Paragraph fontWeight={300} marginTop=\"0px\" marginBottom=\"10px\">\n\t\t\t\t\t\t\t\t{opslaanTekstIngelogd}\n\t\t\t\t\t\t\t</Paragraph>\n\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ticonUrl={loginIconUrl}\n\t\t\t\t\t\t\t\ticonAlt=\"inloggen icoon\"\n\t\t\t\t\t\t\t\tlabel={buttonInloggen}\n\t\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t\tonClick={handleLoginButtonClick}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Block>\n\n\t\t\t\t\t\t<Block>\n\t\t\t\t\t\t\t<Paragraph fontWeight={300} marginTop=\"0px\" marginBottom=\"10px\">\n\t\t\t\t\t\t\t\t{opslaanTekstRegistreren}\n\t\t\t\t\t\t\t</Paragraph>\n\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ticonUrl={loginIconUrl}\n\t\t\t\t\t\t\t\ticonAlt=\"registreren icoon\"\n\t\t\t\t\t\t\t\tlabel={buttonRegistreren}\n\t\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t\tonClick={handleRegisterButtonClick}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Block>\n\t\t\t\t\t</Block>\n\t\t\t\t)}\n\n\t\t\t\t{currentUser && !isSaved && (\n\t\t\t\t\t<Flex flexDirection=\"column\" spaceVertical=\"14px\" alignItems=\"flex-end\">\n\t\t\t\t\t\t<Block flex=\"1\" alignSelf=\"stretch\">\n\t\t\t\t\t\t\t<SingleLineInput\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tonChange={setInputName}\n\t\t\t\t\t\t\t\tplaceholder={opslaanKastNaamInvoer}\n\t\t\t\t\t\t\t\tvalue={inputName}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Block>\n\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticonUrl={saveIconUrl}\n\t\t\t\t\t\t\ticonAlt=\"opslaan icoon\"\n\t\t\t\t\t\t\tlabel={buttonOpslaan}\n\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\tonClick={handleSaveButtonClick}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Flex>\n\t\t\t\t)}\n\t\t\t\t{currentUser && isSaved && (\n\t\t\t\t\t<Flex flexDirection=\"column\">\n\t\t\t\t\t\t<SubHeading marginBottom=\"10px\">{opslaanDelen}</SubHeading>\n\n\t\t\t\t\t\t<Paragraph fontWeight={300} marginTop=\"0px\" marginBottom=\"15px\">\n\t\t\t\t\t\t\t{opslaanDelenAdvies}\n\t\t\t\t\t\t</Paragraph>\n\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tflex=\"none\"\n\t\t\t\t\t\t\tflexDirection=\"row\"\n\t\t\t\t\t\t\talignSelf=\"stretch\"\n\t\t\t\t\t\t\tspaceHorizontal=\"-5px\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SingleLineInput\n\t\t\t\t\t\t\t\tref={shareUrlRef}\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\treadOnly\n\t\t\t\t\t\t\t\tvalue={shareUrl}\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ticonUrl={copyIconUrl}\n\t\t\t\t\t\t\t\ticonAlt=\"kopiëren icoon\"\n\t\t\t\t\t\t\t\tlabel={kopieren}\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tonClick={handleCopyButtonClick}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Flex>\n\n\t\t\t\t\t\t<SubHeading marginBottom=\"10px\">{opslaanDownloadenPrinten}</SubHeading>\n\n\t\t\t\t\t\t<Paragraph fontWeight={300} marginTop=\"0px\" marginBottom=\"10px\">\n\t\t\t\t\t\t\t{opslaanDownloadenPrintenAdvies}\n\t\t\t\t\t\t</Paragraph>\n\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticonUrl={savePdfIconUrl}\n\t\t\t\t\t\t\ticonAlt=\"downloaden als pdf icoon\"\n\t\t\t\t\t\t\tlabel={buttonDownloadPDF}\n\t\t\t\t\t\t\tonClick={() => generateDownloadablePDF(currentCloset.guid)}\n\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\tzIndex=\"1\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Flex>\n\t\t\t\t)}\n\t\t\t</Pane>\n\t\t);\n\t}\n);\n\nexport default SavePane;\n","import { useEffect, useRef } from 'react';\n\nexport default function usePrevious(value) {\n\tconst ref = useRef();\n\n\tuseEffect(() => void (ref.current = value), [value]);\n\n\treturn ref.current;\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\nimport styled from '@emotion/styled';\n\nimport currency from 'currency.js';\n\nimport Block from '../../box-model/Block';\nimport Flex from '../../box-model/Flex';\n\nimport ProductImage from '../../product/ProductImage';\n\nimport closeIconUrl from './close-icon.svg';\nimport arrowRightIconUrl from './arrow-right-icon.svg';\n\nconst modalStyles = css`\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-self: center;\n\n\tposition: absolute;\n\tleft: 129px;\n\n\twidth: 852px;\n\theight: 483px;\n\tbox-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.08);\n\tbackground-color: rgba(255, 255, 255, 0.9);\n\tborder-radius: 5px;\n\n\tpadding-top: 14px;\n\tpadding-bottom: 14px;\n\tpadding-left: 12px;\n\tpadding-right: 12px;\n\n\tz-index: 1;\n`;\n\nconst Heading = styled.h2`\n\tfont-family: 'Pacifico';\n\tfont-size: 36px;\n\tfont-weight: normal;\n\tline-height: 0.83;\n\tcolor: var(--purple-brown);\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n`;\n\nconst SubHeading = styled.p`\n\tfont-family: 'Roboto';\n\tfont-size: 20px;\n\tfont-weight: 500;\n\tline-height: 1.5;\n\tcolor: var(--pastel-red);\n\tpadding: 0;\n\tmargin: 20px 0 10px 0;\n`;\n\nconst ModalCloseButton = styled.div`\n\tposition: absolute;\n\ttop: -10px;\n\tright: -10px;\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 39px;\n\theight: 39px;\n\tborder-radius: 5px;\n\tbox-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.08);\n\tbackground-color: var(--pastel-red);\n\tcursor: pointer;\n\n\ttransition: background-color 0.2s ease-in-out;\n\t:hover {\n\t\tbackground-color: #e33131;\n\t}\n`;\n\nconst Intro = styled.h3`\n\tfont-family: 'Roboto';\n\tfont-size: 18px;\n\tfont-weight: 300;\n\tfont-style: italic;\n\tline-height: 1.67;\n\tcolor: var(--dark-mauve);\n\tmargin: 0;\n\tpadding: 0;\n`;\n\nconst Description = styled.div`\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: 300;\n\tline-height: 1.25;\n\ttext-align: left;\n\tcolor: var(--warm-grey);\n\twidth: 527px;\n\toverflow-x: hidden;\n\toverflow-y: visible;\n\n\tp {\n\t\tcolor: inherit;\n\t\tmargin: 0 0 24px 0;\n\t\tpadding: 0;\n\t}\n`;\n\nconst Specs = styled.h3`\n\tfont-family: 'Roboto';\n\tfont-size: 20px;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tcolor: var(--dark-mauve);\n\tpadding: 0;\n\tmargin: 0 0 10px 0;\n`;\n\nconst SpecHeading = styled.div`\n\tfont-family: 'Roboto';\n\tfont-size: 14px;\n\tfont-weight: bold;\n\tline-height: 1.43;\n\tcolor: var(--purple-brown);\n`;\nconst Spec = styled.div`\n\tfont-family: 'Roboto';\n\tfont-size: 14px;\n\tline-height: 1.43;\n\tcolor: var(--purple-brown);\n`;\n\nconst MoreInfoHeading = styled.div`\n\tfont-family: 'Roboto';\n\tfont-size: 14px;\n\tfont-weight: 500;\n\tline-height: 1.29;\n\ttext-align: left;\n\tcolor: var(--warm-grey);\n`;\nconst MoreInfoLink = styled.a`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tfont-family: 'Roboto';\n\tfont-size: 14px;\n\tline-height: 1.29;\n\ttext-align: left;\n\tcolor: var(--warm-grey);\n\tcursor: pointer;\n\n\ttransition: color 0.2s ease-in-out;\n\t:hover {\n\t\tcolor: var(--pastel-red);\n\t}\n`;\n\nconst euro = value => currency(value, { separator: '.', symbol: '€', decimal: ',' }).format(true);\n\nexport default function InfoModal({ getTextContent, onCloseModalButtonClick, product }) {\n\tconst infoModalProductInformatie =\n\t\tgetTextContent('infoModalProductInformatie') || 'Productinformatie';\n\tconst infoModalSpecificaties = getTextContent('infoModalSpecificaties') || 'Specificaties';\n\tconst infoModalKleur = getTextContent('infoModalKleur') || 'Kleur';\n\tconst infoModalMateriaal = getTextContent('infoModalMateriaal') || 'Materiaal';\n\tconst infoModalBinnenmaat = getTextContent('infoModalBinnenmaat') || 'Binnenmaat';\n\tconst infoModalBuitenmaat = getTextContent('infoModalBuitenmaat') || 'Buitenmaat';\n\tconst infoModalMeerInformatie = getTextContent('infoModalMeerInformatie') || 'Meer informatie';\n\tconst infoModalBekijkKenmerken =\n\t\tgetTextContent('infoModalBekijkKenmerken') || 'Bekijk alle kenmerken';\n\n\treturn (\n\t\t<div css={modalStyles}>\n\t\t\t<ModalCloseButton onClick={onCloseModalButtonClick}>\n\t\t\t\t<img src={closeIconUrl} width={24} height={24} alt=\"close icon\" />\n\t\t\t</ModalCloseButton>\n\n\t\t\t<Heading marginBottom=\"24px\">{infoModalProductInformatie}</Heading>\n\t\t\t<SubHeading>\n\t\t\t\t{`${product.seriesLabel} ${product.volume}L ${product.colourLabel}`}{' '}\n\t\t\t\t<span\n\t\t\t\t\tcss={css`\n\t\t\t\t\t\tcolor: var(--purple-brown);\n\t\t\t\t\t`}\n\t\t\t\t>{`${euro(product.price)}`}</span>\n\t\t\t</SubHeading>\n\n\t\t\t<Intro>{product.intro}</Intro>\n\n\t\t\t<Flex flex=\"1\" flexDirection=\"row\" justifyContent=\"space-between\">\n\t\t\t\t<Description dangerouslySetInnerHTML={{ __html: product.description }} />\n\n\t\t\t\t<Flex flex=\"1\" alignItems=\"center\" justifyContent=\"center\">\n\t\t\t\t\t<ProductImage product={product} isFullSize />\n\t\t\t\t</Flex>\n\t\t\t</Flex>\n\n\t\t\t<Specs>{infoModalSpecificaties}</Specs>\n\n\t\t\t<Flex flex=\"none\" flexDirection=\"row\" justifyContent=\"space-between\">\n\t\t\t\t<Flex flex=\"none\" flexDirection=\"row\" spaceHorizontal=\"45px\">\n\t\t\t\t\t<Block flex=\"none\" width=\"130px\" spaceVertical=\"35px\">\n\t\t\t\t\t\t<Block>\n\t\t\t\t\t\t\t<SpecHeading>{infoModalKleur}</SpecHeading>\n\t\t\t\t\t\t\t<Spec>{product.colourLabel}</Spec>\n\t\t\t\t\t\t</Block>\n\t\t\t\t\t\t<Block>\n\t\t\t\t\t\t\t<SpecHeading>{infoModalMateriaal}</SpecHeading>\n\t\t\t\t\t\t\t<Spec>{product.material}</Spec>\n\t\t\t\t\t\t</Block>\n\t\t\t\t\t</Block>\n\t\t\t\t\t<Block flex=\"none\" width=\"130px\" spaceVertical=\"35px\">\n\t\t\t\t\t\t<Block>\n\t\t\t\t\t\t\t<SpecHeading>{infoModalBuitenmaat}</SpecHeading>\n\t\t\t\t\t\t\t<Spec>\n\t\t\t\t\t\t\t\t{product.widthInCm}x{product.heightInCm}x{product.depthInCm}\n\t\t\t\t\t\t\t\tcm\n\t\t\t\t\t\t\t</Spec>\n\t\t\t\t\t\t</Block>\n\t\t\t\t\t\t<Block>\n\t\t\t\t\t\t\t<SpecHeading>{infoModalBinnenmaat}</SpecHeading>\n\t\t\t\t\t\t\t<Spec>\n\t\t\t\t\t\t\t\t{product.innerWidthInCm}x{product.innerHeightInCm}x\n\t\t\t\t\t\t\t\t{product.innerDepthInCm}\n\t\t\t\t\t\t\t\tcm\n\t\t\t\t\t\t\t</Spec>\n\t\t\t\t\t\t</Block>\n\t\t\t\t\t</Block>\n\t\t\t\t</Flex>\n\n\t\t\t\t<Block flex=\"none\" alignSelf=\"flex-end\">\n\t\t\t\t\t<MoreInfoHeading>{infoModalMeerInformatie}</MoreInfoHeading>\n\t\t\t\t\t<MoreInfoLink href={product.externalUrl} target=\"_blank\">\n\t\t\t\t\t\t{infoModalBekijkKenmerken}{' '}\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={arrowRightIconUrl}\n\t\t\t\t\t\t\talt=\"arrow right icon\"\n\t\t\t\t\t\t\twidth=\"24px\"\n\t\t\t\t\t\t\theight=\"24px\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</MoreInfoLink>\n\t\t\t\t</Block>\n\t\t\t</Flex>\n\t\t</div>\n\t);\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\nimport styled from '@emotion/styled/macro';\nimport { Fragment, useCallback } from 'react';\n\nimport currency from 'currency.js';\n\nimport Block from '../../box-model/Block';\nimport Flex from '../../box-model/Flex';\nimport Button from '../../button/Button';\nimport ShoppingCartButton from '../../header-bar/ShoppingCartButton';\n\nimport Pane from './Pane';\n\nimport saveIconUrl from './save/save-icon.svg';\n\nconst euro = value => currency(value, { separator: '.', symbol: '', decimal: ',' }).format(true);\n\nconst ProductName = styled.span`\n\tdisplay: table-cell;\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: bold;\n\tline-height: 1.25;\n\tpadding: 0 15px 0 0;\n\tcolor: var(--dark-mauve);\n`;\nconst ProductCount = styled.span`\n\tdisplay: table-cell;\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: 300;\n\tline-height: 1.25;\n\tpadding: 0 25px 0 0;\n\tcolor: var(--dark-mauve);\n`;\nconst ProductPrice = styled.span`\n\tdisplay: table-cell;\n\topacity: 0.5;\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: 300;\n\tline-height: 1.25;\n\ttext-align: right;\n\tpadding: 0 25px 0 0;\n\tcolor: var(--warm-grey);\n`;\nconst ProductPriceSymbol = styled(ProductPrice)`\n\tpadding: 0 0 0 0;\n`;\n\nconst TotalPrice = styled.span`\n\tdisplay: table-cell;\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: bold;\n\tline-height: 1.25;\n\ttext-align: right;\n\tcolor: var(--warm-grey);\n`;\nconst TotalPriceSymbol = styled(TotalPrice)`\n\tpadding: 0 0 0 0;\n`;\n\nconst TotalLabel = ProductName;\n\nfunction Separator() {\n\treturn (\n\t\t<Fragment>\n\t\t\t<div\n\t\t\t\tcss={css`\n\t\t\t\t\tdisplay: table-row;\n\t\t\t\t\theight: 5px;\n\t\t\t\t`}\n\t\t\t>\n\t\t\t\t<td />\n\t\t\t\t<td />\n\t\t\t\t<td />\n\t\t\t\t<td />\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tcss={css`\n\t\t\t\t\tdisplay: table-row;\n\t\t\t\t\theight: 1px;\n\t\t\t\t\t> td {\n\t\t\t\t\t\tbackground-color: #eeeeee;\n\t\t\t\t\t}\n\t\t\t\t`}\n\t\t\t>\n\t\t\t\t<td />\n\t\t\t\t<td />\n\t\t\t\t<td />\n\t\t\t\t<td />\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tcss={css`\n\t\t\t\t\tdisplay: table-row;\n\t\t\t\t\theight: 10px;\n\t\t\t\t`}\n\t\t\t>\n\t\t\t\t<td />\n\t\t\t\t<td />\n\t\t\t\t<td />\n\t\t\t\t<td />\n\t\t\t</div>\n\t\t</Fragment>\n\t);\n}\n\nfunction LineItem({ lineItem, index }) {\n\treturn (\n\t\t<div\n\t\t\tcss={css`\n\t\t\t\tdisplay: table-row;\n\t\t\t\theight: 25px;\n\t\t\t`}\n\t\t>\n\t\t\t<ProductName>{lineItem.label}</ProductName>\n\t\t\t<ProductCount>{lineItem.count}x</ProductCount>\n\n\t\t\t<ProductPriceSymbol>€</ProductPriceSymbol>\n\t\t\t<ProductPrice>{euro(lineItem.price)}</ProductPrice>\n\n\t\t\t<TotalPriceSymbol>€</TotalPriceSymbol>\n\t\t\t<TotalPrice>{euro(lineItem.totalPrice)}</TotalPrice>\n\n\t\t\t<input type=\"hidden\" name={`Items[${index}].Id`} value={lineItem.externalId} />\n\t\t\t<input type=\"hidden\" name={`Items[${index}].Quantity`} value={lineItem.count} />\n\t\t\t<input type=\"hidden\" name={`Items[${index}].UnitOfMeasureId`} value=\"STUKS\" />\n\t\t\t{lineItem.barCodes && (\n\t\t\t\t<input type=\"hidden\" name={`Items[${index}].BarCodes`} value={lineItem.barCodes} />\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nconst sunwareURL =\n\twindow.location.hostname === 'localhost' || window.location.hostname.endsWith('superbold.nl')\n\t\t? 'https://sunwarebv-beta.sanastores.net'\n\t\t: 'https://www.sunware.com';\n\nexport default function ShoppingCartPane({\n\tgetTextContent,\n\tcurrentLocale,\n\tonClosePaneButtonClick,\n\tplacedProducts\n}) {\n\tconst lineItems = placedProducts.reduce((lineItems, placedProduct) => {\n\t\tconst id = placedProduct.guid;\n\t\tconst existingLineItem = lineItems.find(lineItem => lineItem.id === id);\n\t\tif (existingLineItem) {\n\t\t\texistingLineItem.count += 1;\n\t\t\tlet totalPrice = existingLineItem.price * existingLineItem.count;\n\t\t\texistingLineItem.totalPrice = Math.round(totalPrice * 100) / 100;\n\t\t} else {\n\t\t\tconst lineItem = {\n\t\t\t\tid,\n\t\t\t\texternalId: placedProduct.externalId,\n\t\t\t\tbarCodes: placedProduct.barCodes,\n\t\t\t\tlabel: `${placedProduct.seriesLabel} ${placedProduct.volume}L ${placedProduct.colourLabel}`,\n\t\t\t\tcount: 1,\n\t\t\t\tprice: placedProduct.price,\n\t\t\t\ttotalPrice: placedProduct.price\n\t\t\t};\n\t\t\tlineItems.push(lineItem);\n\t\t}\n\t\treturn lineItems;\n\t}, []);\n\n\tlet totalPrice = lineItems.reduce(\n\t\t(totalPrice, lineItem) => (totalPrice += lineItem.totalPrice),\n\t\t0\n\t);\n\ttotalPrice = Math.round(totalPrice * 100) / 100;\n\n\tconst formUrl = `${sunwareURL}/${currentLocale.toLowerCase()}/basket/addfromboxy`;\n\n\tconst winkelmandjeTotaal = getTextContent('winkelmandjeTotaal') || 'Totaal';\n\tconst buttonKoopSunware = getTextContent('buttonKoopSunware') || 'Koop op sunware';\n\tconst buttonSlaKastOp = getTextContent('buttonSlaKastOp') || 'Sla je kast op';\n\n\treturn (\n\t\t<Block position=\"absolute\" top=\"5px\" right=\"5px\">\n\t\t\t<Pane onClosePaneButtonClick={onClosePaneButtonClick} width=\"auto\">\n\t\t\t\t<form method=\"POST\" action={formUrl} target=\"_blank\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tcss={css`\n\t\t\t\t\t\t\tdisplay: table;\n\t\t\t\t\t\t\tpadding-right: 25px;\n\t\t\t\t\t\t`}\n\t\t\t\t\t>\n\t\t\t\t\t\t{lineItems.map((lineItem, index) => (\n\t\t\t\t\t\t\t<LineItem lineItem={lineItem} key={lineItem.id} index={index} />\n\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t<Separator />\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tcss={css`\n\t\t\t\t\t\t\t\tdisplay: table-row;\n\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TotalLabel colspan={3}>{winkelmandjeTotaal}:</TotalLabel>\n\t\t\t\t\t\t\t<td />\n\t\t\t\t\t\t\t<td />\n\t\t\t\t\t\t\t<td />\n\t\t\t\t\t\t\t<TotalPriceSymbol>€</TotalPriceSymbol>\n\t\t\t\t\t\t\t<TotalPrice>{euro(totalPrice)}</TotalPrice>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<Flex\n\t\t\t\t\t\tflexDirection=\"row\"\n\t\t\t\t\t\tjustifyContent=\"space-between\"\n\t\t\t\t\t\tmarginTop=\"10px\"\n\t\t\t\t\t\tspaceHorizontal=\"12px\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ShoppingCartButton\n\t\t\t\t\t\t\tisDisabled={lineItems.length === 0}\n\t\t\t\t\t\t\tisRegular\n\t\t\t\t\t\t\tlabel={buttonKoopSunware}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\tlabel={buttonSlaKastOp}\n\t\t\t\t\t\t\ticonUrl={saveIconUrl}\n\t\t\t\t\t\t\ticonAlt=\"webshop icon\"\n\t\t\t\t\t\t\ttag=\"div\"\n\t\t\t\t\t\t\tto=\"/aanpassen/opslaan\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Flex>\n\t\t\t\t</form>\n\t\t\t</Pane>\n\t\t</Block>\n\t);\n}\n","import { useCallback, useState } from 'react';\n\n/** @jsx jsx */\nimport { jsx } from '@emotion/core';\n\nimport { useHistory, useRouteMatch } from 'react-router-dom';\n\nimport Flex from '../../box-model/Flex';\nimport ShelvingUnit from './shelving-unit/ShelvingUnit';\n\nimport ContentContainer from '../ContentContainer';\n\nimport SideMenu from './SideMenu';\n\nimport RoomPane from './RoomPane';\nimport ClosetPane from './ClosetPane';\nimport BoxesPane from './BoxesPane';\nimport SavePane from './SavePane';\n\nimport InfoModal from './InfoModal';\nimport ShoppingCartPane from './ShoppingCartPane';\n\nconst PIXELS_PER_CM = 2.25;\n\nexport default function ConfiguratorPage({\n\tauth,\n\tcurrentLocale,\n\tcurrentCloset,\n\tcurrentUser,\n\tdeleteProduct,\n\tgenerateDownloadablePDF,\n\tgetTextContent,\n\thideShoppingCartPane,\n\tisClosetPaneDisabled,\n\tisColorsPaneVisible,\n\tisShoppingCartPaneVisible,\n\tmaterialOptions,\n\tonBeginDrag,\n\tonClearButtonClick,\n\tonDropProduct,\n\tredInfoPopupIsVisible,\n\trotateProduct,\n\tsetCurrentCloset,\n\tsaveCloset,\n\tsavePaneRef,\n\tsideMenuRef,\n\tsetBackgroundToColor,\n\tsetBackgroundToPhoto,\n\tsetIsColorsPaneVisible,\n\tsetRedInfoPopupIsVisible\n}) {\n\tconst { url } = useRouteMatch();\n\tconst history = useHistory();\n\n\tconst matchesRoomPane = useRouteMatch(`${url}/de-kamer`);\n\tconst matchesClosetPane = useRouteMatch(`${url}/de-kast`);\n\tconst matchesBoxesPane = useRouteMatch(`${url}/boxen`);\n\tconst matchesSavePane = useRouteMatch(`${url}/opslaan`);\n\n\tconst matchesInfoModal = useRouteMatch(`${url}/product`);\n\n\tconst gotoPane = useCallback(paneUrl => history.push(`${url}${paneUrl}`), [history, url]);\n\n\tconst closePane = useCallback(() => history.push(url), [history, url]);\n\n\tconst [infoModalProduct, setInfoModalProduct] = useState(null);\n\tconst openInfoModal = useCallback(\n\t\tproduct => {\n\t\t\thistory.push(`${url}/product`);\n\n\t\t\tsetInfoModalProduct(product);\n\t\t},\n\t\t[history, url]\n\t);\n\tconst closeInfoModal = useCallback(() => history.goBack(), [history]);\n\n\tconst handleSaveCloset = useCallback(\n\t\tclosetName => {\n\t\t\tsaveCloset(closetName);\n\t\t},\n\t\t[saveCloset]\n\t);\n\n\tconst currentClosetMaterialOption = materialOptions.find(\n\t\tmaterialOption => materialOption.guid === currentCloset.closetTextureGuid\n\t);\n\n\treturn (\n\t\t<ContentContainer\n\t\t\talignItems=\"stretch\"\n\t\t\tjustifyContent=\"flex-start\"\n\t\t\tflexDirection=\"row\"\n\t\t\tonClick={hideShoppingCartPane}\n\t\t>\n\t\t\t<Flex\n\t\t\t\talignItems=\"center\"\n\t\t\t\tjustifyContent=\"flex-start\"\n\t\t\t\tflexDirection=\"row\"\n\t\t\t\tflex=\"1\"\n\t\t\t\tspaceHorizontal=\"10px\"\n\t\t\t>\n\t\t\t\t<SideMenu\n\t\t\t\t\tonChangePaneButtonClick={gotoPane}\n\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\tref={sideMenuRef}\n\t\t\t\t/>\n\n\t\t\t\t{matchesRoomPane && (\n\t\t\t\t\t<RoomPane\n\t\t\t\t\t\tauth={auth}\n\t\t\t\t\t\tcurrentLocale={currentLocale}\n\t\t\t\t\t\tcurrentCloset={currentCloset}\n\t\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\t\tonClosePaneButtonClick={closePane}\n\t\t\t\t\t\tsetBackgroundToColor={setBackgroundToColor}\n\t\t\t\t\t\tsetBackgroundToPhoto={setBackgroundToPhoto}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{matchesClosetPane && (\n\t\t\t\t\t<ClosetPane\n\t\t\t\t\t\tauth={auth}\n\t\t\t\t\t\tcurrentLocale={currentLocale}\n\t\t\t\t\t\tcurrentCloset={currentCloset}\n\t\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\t\tisDisabled={isClosetPaneDisabled}\n\t\t\t\t\t\tonClearButtonClick={onClearButtonClick}\n\t\t\t\t\t\tonClosePaneButtonClick={closePane}\n\t\t\t\t\t\tsetCurrentCloset={setCurrentCloset}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{matchesBoxesPane && (\n\t\t\t\t\t<BoxesPane\n\t\t\t\t\t\tauth={auth}\n\t\t\t\t\t\tcurrentLocale={currentLocale}\n\t\t\t\t\t\tcurrentCloset={currentCloset}\n\t\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\t\tisColorsPaneVisible={isColorsPaneVisible}\n\t\t\t\t\t\tredInfoPopupIsVisible={redInfoPopupIsVisible}\n\t\t\t\t\t\tsetIsColorsPaneVisible={setIsColorsPaneVisible}\n\t\t\t\t\t\tsetRedInfoPopupIsVisible={setRedInfoPopupIsVisible}\n\t\t\t\t\t\tonBeginDrag={onBeginDrag}\n\t\t\t\t\t\tonClosePaneButtonClick={closePane}\n\t\t\t\t\t\topenInfoModal={openInfoModal}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{matchesSavePane && (\n\t\t\t\t\t<SavePane\n\t\t\t\t\t\tcurrentCloset={currentCloset}\n\t\t\t\t\t\tcurrentUser={currentUser}\n\t\t\t\t\t\tgenerateDownloadablePDF={generateDownloadablePDF}\n\t\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\t\tonClosePaneButtonClick={closePane}\n\t\t\t\t\t\tref={savePaneRef}\n\t\t\t\t\t\tsaveCloset={handleSaveCloset}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t<Flex flex=\"1\" alignItems=\"flex-end\" alignSelf=\"stretch\" justifyContent=\"flex-end\">\n\t\t\t\t\t<ShelvingUnit\n\t\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\t\tdeleteProduct={deleteProduct}\n\t\t\t\t\t\trotateProduct={rotateProduct}\n\t\t\t\t\t\tonBeginDrag={onBeginDrag}\n\t\t\t\t\t\tonDropProduct={onDropProduct}\n\t\t\t\t\t\topenInfoModal={openInfoModal}\n\t\t\t\t\t\tplacedProducts={currentCloset.boxes}\n\t\t\t\t\t\tshelveThickness={currentCloset.shelveThickness * PIXELS_PER_CM}\n\t\t\t\t\t\ttextureUrl={\n\t\t\t\t\t\t\tcurrentClosetMaterialOption ? currentClosetMaterialOption.image : null\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttotalShelves={currentCloset.totalShelves}\n\t\t\t\t\t\twidth={currentCloset.width * PIXELS_PER_CM}\n\t\t\t\t\t\theight={currentCloset.height * PIXELS_PER_CM}\n\t\t\t\t\t\tdepth={currentCloset.depth * PIXELS_PER_CM}\n\t\t\t\t\t/>\n\t\t\t\t</Flex>\n\t\t\t</Flex>\n\n\t\t\t{matchesInfoModal && infoModalProduct && (\n\t\t\t\t<InfoModal\n\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\tonCloseModalButtonClick={closeInfoModal}\n\t\t\t\t\tproduct={infoModalProduct}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{isShoppingCartPaneVisible && (\n\t\t\t\t<ShoppingCartPane\n\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\tcurrentLocale={currentLocale}\n\t\t\t\t\tonClosePaneButtonClick={hideShoppingCartPane}\n\t\t\t\t\tplacedProducts={currentCloset ? currentCloset.boxes : []}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</ContentContainer>\n\t);\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\n\nimport { useDragLayer } from 'react-dnd';\n\nimport ProductImage from './ProductImage';\n\nconst styles = css`\n\tdisplay: block;\n\tposition: absolute;\n\tpointer-events: none;\n\tz-index: 100;\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\tcursor: grabbing;\n`;\n\nconst innerStyles = css`\n\tdisplay: block;\n`;\n\nexport default function ProductDragLayer({ containerRef }) {\n\tconst { position, product, isDragging } = useDragLayer(monitor => ({\n\t\tproduct: monitor.getItem(),\n\t\tinitialOffset: monitor.getInitialSourceClientOffset(),\n\t\tposition: monitor.getSourceClientOffset(),\n\t\tisDragging: monitor.isDragging()\n\t}));\n\n\tif (!isDragging || window.navigator.userAgent.indexOf('Edge') > -1) {\n\t\treturn null;\n\t}\n\n\tlet x = position && position.x;\n\tlet y = position && position.y;\n\tif (containerRef && containerRef.current) {\n\t\tconst boundingClientReact = containerRef.current.getBoundingClientRect();\n\t\tx -= boundingClientReact.left;\n\t\ty -= boundingClientReact.top;\n\t\ty += containerRef.current.scrollTop;\n\t}\n\n\treturn (\n\t\t<div css={styles} data-product-drag-layer>\n\t\t\t<div\n\t\t\t\tcss={innerStyles}\n\t\t\t\tstyle={\n\t\t\t\t\t!position || !product || !product.type || product.type === 'DISABLED_PRODUCT'\n\t\t\t\t\t\t? { display: 'none' }\n\t\t\t\t\t\t: { transform: `translate(${x}px, ${y}px)` }\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<ProductImage product={product} />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","/** @jsx jsx */\nimport { css, jsx } from '@emotion/core';\n\nimport Flex from '../box-model/Flex';\n\nimport lightBackgroundUrl from './mobile-background-3x.jpg';\n\nexport default function MobileBackgroundContainer() {\n\treturn (\n\t\t<Flex flex=\"1\" overflow=\"hidden\">\n\t\t\t<img\n\t\t\t\tcss={css(`display: block; height: 100%; width: 100%; object-fit: cover;`)}\n\t\t\t\tsrc={lightBackgroundUrl}\n\t\t\t\talt=\"pagina achtergrond\"\n\t\t\t/>\n\t\t</Flex>\n\t);\n}\n","import styled from '@emotion/styled/macro';\n\nimport React from 'react';\n\nimport Helmet from 'react-helmet';\n\nimport MobileBackgroundContainer from '../../background-container/MobileBackgroundContainer';\n\nimport Flex from '../../box-model/Flex';\nimport HeaderBar from '../../header-bar/HeaderBar';\n\nimport ContentContainer from '../ContentContainer';\n\nconst Heading = styled.h1`\n\tfont-family: 'Pacifico';\n\tfont-size: 42px;\n\tline-height: 0.71;\n\ttext-align: center;\n\tcolor: var(--purple-brown);\n\tmargin: -75px 0 25px 0;\n`;\n\nconst Paragraph = styled.p`\n\twidth: 320px;\n\tfont-family: 'Roboto';\n\tfont-size: 20px;\n\tfont-weight: 300;\n\tline-height: 1.5;\n\ttext-align: center;\n\tcolor: var(--warm-grey);\n\tmargin: 0;\n\twhite-space: pre-wrap;\n`;\n\nexport default function Mobile({ getTextContent }) {\n\tconst kleinSchermTitel = getTextContent('kleinSchermTitel');\n\tconst kleinSchermTekst = getTextContent('kleinSchermTekst');\n\n\treturn (\n\t\t<Flex flex=\"1\" flexDirection=\"column\">\n\t\t\t<HeaderBar getTextContent={getTextContent} isOnMobile />\n\n\t\t\t<Helmet>\n\t\t\t\t<meta\n\t\t\t\t\tname=\"viewport\"\n\t\t\t\t\tcontent=\"width=device-width, initial-scale=1, shrink-to-fit=yes\"\n\t\t\t\t/>\n\t\t\t</Helmet>\n\n\t\t\t<Flex flex=\"1\" flexDirection=\"column\">\n\t\t\t\t<MobileBackgroundContainer />\n\n\t\t\t\t<ContentContainer\n\t\t\t\t\talignItems=\"center\"\n\t\t\t\t\tflexDirection=\"column\"\n\t\t\t\t\tjustifyContent=\"center\"\n\t\t\t\t>\n\t\t\t\t\t<Heading>{kleinSchermTitel}</Heading>\n\n\t\t\t\t\t<Paragraph>{kleinSchermTekst}</Paragraph>\n\t\t\t\t</ContentContainer>\n\t\t\t</Flex>\n\t\t</Flex>\n\t);\n}\n","import { useCallback, useState } from 'react';\n\n/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport styled from '@emotion/styled/macro';\n\nimport { useHistory, useRouteMatch } from 'react-router-dom';\n\nimport Flex from '../../box-model/Flex';\n\nimport ShelvingUnit from '../configurator/shelving-unit/ShelvingUnit';\nimport InfoModal from '../configurator//InfoModal';\n\nimport ContentContainer from '../ContentContainer';\n\nimport arrowForwardIconUrl from './arrow-forward-icon.svg';\nimport arrowRightIconUrl from './arrow-right-icon.svg';\n\nimport Button from '../../button/Button';\n\nconst PIXELS_PER_CM = 2.25;\n\nconst ViewPane = styled.div`\n\twidth: 380px;\n\tbox-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.08);\n\tbackground-color: rgba(255, 255, 255, 0.9);\n\tborder-radius: 5px;\n\tpadding: 10px;\n\tmargin-left: 15px;\n`;\nconst Heading = styled.h1`\n\tfont-family: 'Pacifico';\n\tfont-size: 36px;\n\tline-height: 0.83;\n\ttext-align: left;\n\tcolor: var(--purple-brown);\n\tmargin: 0 0 15px 0;\n`;\n\nconst SubHeading = styled.h2`\n\tfont-family: Roboto;\n\tfont-size: 20px;\n\tfont-weight: 500;\n\tfont-stretch: normal;\n\tfont-style: normal;\n\tline-height: 1.5;\n\tletter-spacing: normal;\n\ttext-align: left;\n\tcolor: var(--pastel-red);\n\tmargin: 0 0 10px 0;\n`;\n\nconst Paragraph = styled.p`\n\tfont-family: 'Roboto';\n\tfont-size: 16px;\n\tfont-weight: 300;\n\tline-height: 1.25;\n\ttext-align: left;\n\tcolor: var(--warm-grey);\n\tmargin: 0 0 10px 0;\n\twhite-space: pre-wrap;\n`;\n\nconst TextLink = styled.a`\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex: none;\n\talign-items: center;\n\tfont-family: 'Roboto';\n\tfont-size: 14px;\n\tcolor: var(--warm-grey);\n\tcursor: pointer;\n\ttext-decoration: none;\n\tmargin-top: 10px;\n\n\ttransition: color 0.2s ease-in-out, text-decoration 0.2s ease-in-out;\n\t:hover {\n\t\tcolor: var(--dark-mauve);\n\t\ttext-decoration: underline;\n\t}\n\n\timg {\n\t\tflex: none;\n\t}\n\tspan {\n\t\tflex: none;\n\t}\n`;\n\nexport default function ViewClosetPage({ currentCloset, getTextContent }) {\n\tconst { url } = useRouteMatch();\n\tconst history = useHistory();\n\n\tconst matchesInfoModal = useRouteMatch(`${url}/product`);\n\n\tconst [infoModalProduct, setInfoModalProduct] = useState(null);\n\tconst openInfoModal = useCallback(\n\t\tproduct => {\n\t\t\thistory.push(`${url}/product`);\n\n\t\t\tsetInfoModalProduct(product);\n\t\t},\n\t\t[history, url]\n\t);\n\tconst closeInfoModal = useCallback(() => history.goBack(), [history]);\n\n\t// \"De kast van\"\n\tconst kastBekijkenTitelVoorvoegsel = getTextContent('kastBekijkenTitelVoorvoegsel');\n\t// \"heeft deze kast gemaakt en ingericht met de Sunware BoxBuilder.\"\n\tconst kastBekijkenTekstAchtervoegsel = getTextContent('kastBekijkenTekstAchtervoegsel');\n\t// \"Klik op de producten in de kast om meer informatie over het product te lezen.\"\n\tconst kastBekijkenInstructie = getTextContent('kastBekijkenInstructie');\n\t// \"Ook een kast maken?\"\n\tconst kastBekijkenSubtitel = getTextContent('kastBekijkenSubtitel');\n\t// \"Wil je zelf ook een kast maken en inrichten met allerlei verschillende boxen? Ga dan zelf aan de slag met de Sunware BoxBuilder!\"\n\tconst kastBekijkenZelfMakenTekst = getTextContent('kastBekijkenZelfMakenTekst');\n\t// \"Naar de BoxBuilder\"\n\tconst kastBekijkenZelfMakenButton = getTextContent('kastBekijkenZelfMakenButton');\n\t// \"Of bekijk het complete Sunware assortiment\"\n\tconst kastBekijkenSunwareWebsiteLink = getTextContent('kastBekijkenSunwareWebsiteLink');\n\n\treturn (\n\t\t<ContentContainer alignItems=\"stretch\" justifyContent=\"flex-start\" flexDirection=\"row\">\n\t\t\t<Flex\n\t\t\t\talignItems=\"center\"\n\t\t\t\tjustifyContent=\"flex-start\"\n\t\t\t\tflexDirection=\"row\"\n\t\t\t\tflex=\"1\"\n\t\t\t\tspaceHorizontal=\"10px\"\n\t\t\t>\n\t\t\t\t<ViewPane>\n\t\t\t\t\t<Heading>\n\t\t\t\t\t\t{kastBekijkenTitelVoorvoegsel} {currentCloset.ownerFirstName}\n\t\t\t\t\t</Heading>\n\n\t\t\t\t\t<Paragraph>\n\t\t\t\t\t\t{currentCloset.ownerFirstName} {kastBekijkenTekstAchtervoegsel}\n\t\t\t\t\t</Paragraph>\n\n\t\t\t\t\t<Paragraph>{kastBekijkenInstructie}</Paragraph>\n\n\t\t\t\t\t<SubHeading>{kastBekijkenSubtitel}</SubHeading>\n\n\t\t\t\t\t<Paragraph>{kastBekijkenZelfMakenTekst}</Paragraph>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tlabel={kastBekijkenZelfMakenButton}\n\t\t\t\t\t\ticonUrl={arrowForwardIconUrl}\n\t\t\t\t\t\ticonAlt=\"pijl vooruit icoon\"\n\t\t\t\t\t\twidth=\"24px\"\n\t\t\t\t\t\theight=\"24px\"\n\t\t\t\t\t\tonClick={() => history.push('/')}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<TextLink href=\"https://www.sunware.com/\">\n\t\t\t\t\t\t<span>{kastBekijkenSunwareWebsiteLink}</span>\n\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={arrowRightIconUrl}\n\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\talt=\"arrow right icon\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TextLink>\n\t\t\t\t</ViewPane>\n\n\t\t\t\t<Flex flex=\"1\" alignItems=\"flex-end\" alignSelf=\"stretch\" justifyContent=\"flex-end\">\n\t\t\t\t\t<ShelvingUnit\n\t\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\t\tdeleteProduct={null}\n\t\t\t\t\t\trotateProduct={null}\n\t\t\t\t\t\tonBeginDrag={() => {}}\n\t\t\t\t\t\tonDropProduct={() => {}}\n\t\t\t\t\t\topenInfoModal={openInfoModal}\n\t\t\t\t\t\tplacedProducts={currentCloset ? currentCloset.boxes : []}\n\t\t\t\t\t\tshelveThickness={currentCloset.shelveThickness * PIXELS_PER_CM}\n\t\t\t\t\t\ttotalShelves={currentCloset.totalShelves}\n\t\t\t\t\t\twidth={currentCloset.width * PIXELS_PER_CM}\n\t\t\t\t\t\theight={currentCloset.height * PIXELS_PER_CM}\n\t\t\t\t\t\tdepth={currentCloset.depth * PIXELS_PER_CM}\n\t\t\t\t\t\tisOnViewClosetPage\n\t\t\t\t\t/>\n\t\t\t\t</Flex>\n\t\t\t</Flex>\n\n\t\t\t{matchesInfoModal && infoModalProduct && (\n\t\t\t\t<InfoModal\n\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\tonCloseModalButtonClick={closeInfoModal}\n\t\t\t\t\tproduct={infoModalProduct}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</ContentContainer>\n\t);\n}\n","import React, { useCallback, useRef, useState, useEffect } from 'react';\n\nimport { useHistory, useLocation, useRouteMatch } from 'react-router';\nimport { Switch, Route } from 'react-router-dom';\n\nimport { useDrop } from 'react-dnd';\n\nimport { isMobile, isTablet } from 'react-device-detect';\n\nimport Helmet from 'react-helmet';\n\nimport html2canvas from 'html2canvas';\n\nimport auth from './authur';\n\nimport Flex from './box-model/Flex';\n\nimport HeaderBar from './header-bar/HeaderBar';\n\nimport BackgroundContainer from './background-container/BackgroundContainer';\n\nimport WelcomePage from './pages/welcome/WelcomePage';\nimport LoginPage from './pages/login/LoginPage';\nimport RegisterPage from './pages/register/RegisterPage';\nimport PasswordForgottenPage from './pages/password-forgotten/PasswordForgottenPage';\nimport SetPasswordPage from './pages/password-forgotten/SetPasswordPage';\nimport WizardPage from './pages/wizard/WizardPage';\nimport MyClosetsPage from './pages/my-closets/MyClosetsPage';\nimport ConfiguratorPage from './pages/configurator/ConfiguratorPage';\n\nimport ProductDragLayer from './product/ProductDragLayer';\nimport Mobile from './pages/mobile/Mobile';\nimport ViewClosetPage from './pages/view-closet/ViewClosetPage';\n\nimport brownBackgroundUrl from './background-container/brown-background-3x.jpg';\nimport greenBackgroundUrl from './background-container/green-background-3x.jpg';\nimport greyBackgroundUrl from './background-container/grey-background-3x.jpg';\nimport lightBackgroundUrl from './background-container/light-background-3x.jpg';\n\nconst NEW_CLOSET = {\n\tguid: 'NEW',\n\tboxes: [],\n\twidth: 230,\n\theight: 210,\n\tdepth: 40,\n\ttotalShelves: 2,\n\tshelveThickness: 4,\n\n\tcolour: '',\n\tbackgroundGuid: null,\n\tclosetTextureGuid: null\n};\n\nfunction fetchLocales(setLocales) {\n\tauth.fetch(`/languages`)\n\t\t.then(response => response.json())\n\t\t.then(locales => {\n\t\t\tconsole.log('GET LANGUAGES RESPONSE JSON', locales);\n\n\t\t\tif (locales && Array.isArray(locales)) {\n\t\t\t\tsetLocales(locales);\n\n\t\t\t\treturn locales;\n\t\t\t} else {\n\t\t\t\tconsole.log('GET LANGUAGES UNEXPECTED RESPONSE JSON', locales);\n\t\t\t}\n\t\t})\n\t\t.catch(error => {\n\t\t\tconsole.log('GET LANGUAGES ERROR', error);\n\t\t});\n}\n\nfunction fetchAndUpdateTexts(currentLocale, setTexts) {\n\tauth.fetch(`/text?languageCode=${currentLocale}`)\n\t\t.then(response => response.json())\n\t\t.then(texts => {\n\t\t\tconsole.log('GET TEXTS RESPONSE JSON', texts);\n\n\t\t\tif (texts && Array.isArray(texts)) {\n\t\t\t\tsetTexts(texts);\n\n\t\t\t\treturn texts;\n\t\t\t} else {\n\t\t\t\tconsole.log('GET TEXTS UNEXPECTED RESPONSE JSON', texts);\n\t\t\t}\n\t\t})\n\t\t.catch(error => {\n\t\t\tconsole.log('GET TEXTS ERROR', error);\n\t\t});\n}\n\nfunction preload(\n\tcurrentLocale,\n\tsetLocales,\n\tsetTexts,\n\tsetBackgroundOptions,\n\tsetMaterialOptions,\n\tsetCurrentCloset\n) {\n\tconst brownImagePreload = new Image(1110, 608);\n\tbrownImagePreload.src = brownBackgroundUrl;\n\tconst greenImagePreload = new Image(1110, 608);\n\tgreenImagePreload.src = greenBackgroundUrl;\n\tconst greyImagePreload = new Image(1110, 608);\n\tgreyImagePreload.src = greyBackgroundUrl;\n\tconst lightImagePreload = new Image(1110, 608);\n\tlightImagePreload.src = lightBackgroundUrl;\n\n\tfetchLocales(setLocales);\n\tfetchAndUpdateTexts(currentLocale, setTexts);\n\n\tPromise.all([\n\t\tauth\n\t\t\t.fetch(`/background?languageCode=${currentLocale}`)\n\t\t\t.then(response => response.json())\n\t\t\t.then(backgroundOptions => {\n\t\t\t\t// console.log('GET BACKGROUNDS RESPONSE JSON', backgroundOptions);\n\n\t\t\t\tif (backgroundOptions && Array.isArray(backgroundOptions)) {\n\t\t\t\t\tsetBackgroundOptions(backgroundOptions);\n\n\t\t\t\t\treturn backgroundOptions;\n\t\t\t\t} else {\n\t\t\t\t\t// console.log('GET BACKGROUNDS UNEXPECTED RESPONSE JSON', backgroundOptions);\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(error => {\n\t\t\t\t// console.log('GET BACKGROUNDS ERROR', error);\n\t\t\t}),\n\n\t\tauth\n\t\t\t.fetch(`/closettexture?languageCode=${currentLocale}`)\n\t\t\t.then(response => response.json())\n\t\t\t.then(materialOptions => {\n\t\t\t\t// console.log('GET CLOSET TEXTURES RESPONSE JSON', materialOptions);\n\n\t\t\t\tif (materialOptions && Array.isArray(materialOptions)) {\n\t\t\t\t\tsetMaterialOptions(materialOptions);\n\n\t\t\t\t\treturn materialOptions;\n\t\t\t\t} else {\n\t\t\t\t\t// console.log('GET CLOSET TEXTURES UNEXPECTED RESPONSE JSON', materialOptions);\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(error => {\n\t\t\t\t// console.log('GET CLOSET TEXTURES ERROR', error);\n\t\t\t})\n\t]).then(([backgroundOptions, materialOptions]) => {\n\t\tsetCurrentCloset(currentCloset => {\n\t\t\tif (!currentCloset.closetTextureGuid) {\n\t\t\t\t// console.log('PRELOAD DONE, UPDATE NEW CLOSET');\n\t\t\t\treturn {\n\t\t\t\t\t...NEW_CLOSET,\n\n\t\t\t\t\tbackgroundGuid: backgroundOptions[0].guid,\n\t\t\t\t\tclosetTextureGuid: materialOptions[0].guid\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn currentCloset;\n\t\t});\n\t});\n}\n\nfunction useQuery() {\n\treturn new URLSearchParams(useLocation().search);\n}\n\nexport default function AppContainer() {\n\tconst history = useHistory();\n\n\tconst matchesMyClosetsPage = useRouteMatch('/mijn-kasten');\n\tconst matchesConfiguratorPage = useRouteMatch('/aanpassen');\n\tconst matchesViewClosetPage = useRouteMatch('/bekijken');\n\n\tconst queryParams = useQuery();\n\tconst closetIdFromQuery = queryParams.get('c');\n\tconst localeFromQuery = queryParams.get('l');\n\t// console.log('CURRENT CLOSET ID FROM QUERY PARAMS', closetIdFromQuery);\n\n\tconst [texts, setTexts] = useState([]);\n\tconst getTextContent = useCallback(\n\t\tkey => {\n\t\t\tconst text = texts.find(text => text.key === key);\n\t\t\treturn text ? text.content : '';\n\t\t},\n\t\t[texts]\n\t);\n\n\tconst [backgroundOptions, setBackgroundOptions] = useState([]);\n\tconst [materialOptions, setMaterialOptions] = useState([]);\n\n\tconst [currentUser, setCurrentUser] = useState(null);\n\tconst [closets, setClosets] = useState([]);\n\tconst [currentCloset, setCurrentCloset] = useState(NEW_CLOSET);\n\n\tconst [currentLocale, setCurrentLocale] = useState(localeFromQuery || 'nl-NL');\n\tconst [locales, setLocales] = useState([localeFromQuery || 'nl-NL']);\n\tconst changeLocale = useCallback(isoCode => {\n\t\t//\n\t\tsetCurrentLocale(isoCode);\n\n\t\tfetchAndUpdateTexts(isoCode, setTexts);\n\t}, []);\n\n\tconst boxId = useRef(0);\n\n\tconst updateClosets = useCallback(() => {\n\t\treturn auth\n\t\t\t.fetch(`/closet?languageCode=${currentLocale}`)\n\t\t\t.then(response => response.json())\n\t\t\t.then(closetsFromBackend => {\n\t\t\t\t// console.log('GET CLOSETS RESPONSE JSON', closetsFromBackend);\n\n\t\t\t\tif (closetsFromBackend && Array.isArray(closetsFromBackend)) {\n\t\t\t\t\tconst closets = closetsFromBackend.reduce((closets, closetFromBackend) => {\n\t\t\t\t\t\tconst closet = { ...closetFromBackend };\n\t\t\t\t\t\tcloset.boxes = closet.boxes.map(boxFromBackend => {\n\t\t\t\t\t\t\tconst box = {\n\t\t\t\t\t\t\t\t...boxFromBackend,\n\t\t\t\t\t\t\t\t...boxFromBackend.product,\n\t\t\t\t\t\t\t\tboxId: boxId.current++,\n\t\t\t\t\t\t\t\tgetSize: product =>\n\t\t\t\t\t\t\t\t\tproduct.rotated ? product.depth : product.width\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tdelete box.product;\n\t\t\t\t\t\t\treturn box;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tclosets.push(closet);\n\t\t\t\t\t\treturn closets;\n\t\t\t\t\t}, []);\n\n\t\t\t\t\t// console.log('GET CLOSETS PARSED', closets);\n\n\t\t\t\t\tsetClosets(closets);\n\t\t\t\t} else {\n\t\t\t\t\t// console.log('GET CLOSETS UNEXPECTED RESPONSE JSON', closetsFromBackend);\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(error => {\n\t\t\t\t// console.log('GET CLOSETS ERROR', error);\n\t\t\t});\n\t}, [currentLocale]);\n\n\tconst isInitialized = useRef(false);\n\n\tuseEffect(() => {\n\t\tif (isInitialized.current) {\n\t\t\treturn;\n\t\t}\n\t\tisInitialized.current = true;\n\n\t\tpreload(\n\t\t\tcurrentLocale,\n\t\t\tsetLocales,\n\t\t\tsetTexts,\n\t\t\tsetBackgroundOptions,\n\t\t\tsetMaterialOptions,\n\t\t\tsetCurrentCloset\n\t\t);\n\n\t\t// live: https://sunware-boxy.com\n\t\t// staging: https://boxy.superbold.nl\n\n\t\tauth.initialize({\n\t\t\torigin: window.location.hostname === 'localhost' ? 'https://boxy.superbold.nl' : '',\n\t\t\tauthPath: '/oauth/token',\n\t\t\tapiPath: '/api',\n\t\t\tpersistenceGet: key => localStorage.getItem(key),\n\t\t\tpersistenceSet: (key, val) => localStorage.setItem(key, val),\n\t\t\tpersistenceClear: storageKey => localStorage.removeItem(storageKey),\n\t\t\tdebug: false\n\t\t}).then(\n\t\t\tresponse => {\n\t\t\t\t// console.log('AUTHENTICATE/INITIALIZE isAuthenticated?', auth.isAuthenticated());\n\n\t\t\t\tif (auth.isAuthenticated()) {\n\t\t\t\t\t// console.log('AUTHENTICATE/INITIALIZE > AUTHENTICATED > DO INITIAL GET USER…');\n\n\t\t\t\t\treturn auth\n\t\t\t\t\t\t.fetch(`/user?languageCode=${currentLocale}`)\n\t\t\t\t\t\t.then(response => response.json())\n\t\t\t\t\t\t.then(responseJson => {\n\t\t\t\t\t\t\t// console.log('INITIAL GET USER RESPONSE', responseJson);\n\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tresponseJson &&\n\t\t\t\t\t\t\t\ttypeof responseJson === 'object' &&\n\t\t\t\t\t\t\t\t!responseJson.message\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tsetCurrentUser({\n\t\t\t\t\t\t\t\t\tfirstName: responseJson.firstName,\n\t\t\t\t\t\t\t\t\tlastName: responseJson.lastName\n\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\tupdateClosets();\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t// console.log('INITIAL GET USER UNEXPECTED RESPONSE', responseJson);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.catch(error => {\n\t\t\t\t\t\t\t// console.log('INITIAL GET USER ERROR', error);\n\t\t\t\t\t\t});\n\t\t\t\t} else if (matchesMyClosetsPage || matchesConfiguratorPage) {\n\t\t\t\t\thistory.push('/');\n\t\t\t\t}\n\t\t\t},\n\t\t\terror => {\n\t\t\t\t// console.log('AUTHENTICATE/INITIALIZE ERROR', error);\n\t\t\t}\n\t\t);\n\t}, [currentLocale, history, matchesConfiguratorPage, matchesMyClosetsPage, updateClosets]);\n\n\tuseEffect(() => {\n\t\tif (!closetIdFromQuery) {\n\t\t\treturn;\n\t\t}\n\n\t\tauth.fetch('/closet/' + closetIdFromQuery + `?languageCode=${currentLocale}`)\n\t\t\t.then(response => response.json())\n\t\t\t.then(closetFromBackend => {\n\t\t\t\t// console.log('GET CLOSET RESPONSE JSON', closetFromBackend);\n\n\t\t\t\tif (closetFromBackend && !closetFromBackend.message) {\n\t\t\t\t\tconst closet = { ...closetFromBackend };\n\t\t\t\t\tcloset.boxes = closet.boxes.map(boxFromBackend => {\n\t\t\t\t\t\tconst box = {\n\t\t\t\t\t\t\t...boxFromBackend,\n\t\t\t\t\t\t\t...boxFromBackend.product,\n\t\t\t\t\t\t\tboxId: boxId.current++,\n\t\t\t\t\t\t\tgetSize: product => (product.rotated ? product.depth : product.width)\n\t\t\t\t\t\t};\n\t\t\t\t\t\tdelete box.product;\n\t\t\t\t\t\treturn box;\n\t\t\t\t\t});\n\n\t\t\t\t\t// console.log('GET CLOSET PARSED', closet);\n\n\t\t\t\t\tsetCurrentCloset(closet);\n\t\t\t\t} else {\n\t\t\t\t\t// console.log('GET CLOSET UNEXPECTED RESPONSE JSON', closetFromBackend);\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(error => {\n\t\t\t\t// console.log('GET CLOSET ERROR', error);\n\t\t\t});\n\t}, [closetIdFromQuery, currentLocale]);\n\n\tconst [isShoppingCartPaneVisible, setIsShoppingCartPaneVisible] = useState(false);\n\tconst toggleShoppingCartPane = useCallback(\n\t\t() => setIsShoppingCartPaneVisible(isShoppingCartPaneVisible => !isShoppingCartPaneVisible),\n\t\t[]\n\t);\n\tconst hideShoppingCartPane = useCallback(() => setIsShoppingCartPaneVisible(false), []);\n\tconst [isColorsPaneVisible, setIsColorsPaneVisible] = useState(false);\n\n\tconst [redInfoPopupIsVisible, setRedInfoPopupIsVisible] = useState(true);\n\n\tconst handleLogin = useCallback(\n\t\t({ email, password }, next) => {\n\t\t\treturn auth.authenticate({ username: email, password }).then(\n\t\t\t\tresponseJson => {\n\t\t\t\t\t// console.log('LOGIN RESPONSE', responseJson);\n\t\t\t\t\tif (responseJson && typeof responseJson === 'object' && !responseJson.error) {\n\t\t\t\t\t\treturn auth\n\t\t\t\t\t\t\t.fetch(`/user?languageCode=${currentLocale}`)\n\t\t\t\t\t\t\t.then(response => response.json())\n\t\t\t\t\t\t\t.then(responseJson => {\n\t\t\t\t\t\t\t\t// console.log('GET USER RESPONSE JSON', responseJson);\n\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tresponseJson &&\n\t\t\t\t\t\t\t\t\ttypeof responseJson === 'object' &&\n\t\t\t\t\t\t\t\t\t!responseJson.message\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tsetCurrentUser({\n\t\t\t\t\t\t\t\t\t\tfirstName: responseJson.firstName,\n\t\t\t\t\t\t\t\t\t\tlastName: responseJson.lastName\n\t\t\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\tupdateClosets().then(() => {\n\t\t\t\t\t\t\t\t\t\thistory.push(next);\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t// console.log('GET USER UNEXPECTED RESPONSE JSON', responseJson);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.catch(error => {\n\t\t\t\t\t\t\t\t// console.log('GET USER ERROR', error);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// console.log('LOGIN UNEXPECTED RESPONSE', responseJson);\n\t\t\t\t\t\treturn Promise.reject(responseJson);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\terror => {\n\t\t\t\t\t// console.log('LOGIN ERROR', error);\n\t\t\t\t\treturn error;\n\t\t\t\t}\n\t\t\t);\n\t\t},\n\t\t[currentLocale, history, updateClosets]\n\t);\n\n\tconst handleRegister = useCallback(\n\t\t({ firstName, lastName, email, password }, next) => {\n\t\t\treturn auth\n\t\t\t\t.fetch(`/user?languageCode=${currentLocale}`, {\n\t\t\t\t\tmethod: 'POST',\n\t\t\t\t\tbody: JSON.stringify({\n\t\t\t\t\t\tlanguageCode: currentLocale,\n\t\t\t\t\t\tfirstName,\n\t\t\t\t\t\tlastName,\n\t\t\t\t\t\temail,\n\t\t\t\t\t\tpassword\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t\t.then(response => response.json())\n\t\t\t\t.then(responseJson => {\n\t\t\t\t\t// console.log('REGISTER RESPONSE', responseJson);\n\n\t\t\t\t\tif (\n\t\t\t\t\t\tresponseJson &&\n\t\t\t\t\t\ttypeof responseJson === 'object' &&\n\t\t\t\t\t\tresponseJson.result !== 'DuplicateUserName'\n\t\t\t\t\t) {\n\t\t\t\t\t\tsetCurrentUser({ firstName, lastName });\n\n\t\t\t\t\t\thistory.push(next);\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// console.log('REGISTER UNEXPECTED RESPONSE', responseJson);\n\t\t\t\t\t\treturn Promise.reject(responseJson);\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.catch(error => {\n\t\t\t\t\t// console.log('REGISTER ERROR', error);\n\t\t\t\t\treturn error;\n\t\t\t\t});\n\t\t},\n\t\t[currentLocale, history]\n\t);\n\n\tconst handlePasswordForgotten = useCallback(\n\t\t({ email }, next) => {\n\t\t\treturn auth\n\t\t\t\t.fetch(`/resetpassword?languageCode=${currentLocale}`, {\n\t\t\t\t\tmethod: 'POST',\n\t\t\t\t\tbody: JSON.stringify({ languageCode: currentLocale, emailAddress: email })\n\t\t\t\t})\n\t\t\t\t.then(response => response.json())\n\t\t\t\t.then(responseJson => {\n\t\t\t\t\t// console.log('PASSWORD FORGOTTEN RESPONSE', responseJson);\n\n\t\t\t\t\tif (\n\t\t\t\t\t\tresponseJson &&\n\t\t\t\t\t\ttypeof responseJson === 'object' &&\n\t\t\t\t\t\tresponseJson.result !== 'NoUserFound'\n\t\t\t\t\t) {\n\t\t\t\t\t\thistory.push({ pathname: '/inloggen', state: { next } });\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// console.log('PASSWORD FORGOTTEN UNEXPECTED RESPONSE', responseJson);\n\t\t\t\t\t\treturn Promise.reject(responseJson);\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.catch(error => {\n\t\t\t\t\t// console.log('PASSWORD FORGOTTEN ERROR', error);\n\t\t\t\t\treturn error;\n\t\t\t\t});\n\t\t},\n\t\t[currentLocale, history]\n\t);\n\n\tconst handleSetPassword = useCallback(\n\t\t({ password, t }, next) => {\n\t\t\tauth.fetch(`/resetpassword?languageCode=${currentLocale}`, {\n\t\t\t\tmethod: 'PUT',\n\t\t\t\tbody: JSON.stringify({ languageCode: currentLocale, password, t })\n\t\t\t})\n\t\t\t\t.then(response => response.json())\n\t\t\t\t.then(responseJson => {\n\t\t\t\t\t// console.log('SET PASSWORD RESPONSE', responseJson);\n\n\t\t\t\t\tif (responseJson && typeof responseJson === 'object' && !responseJson.message) {\n\t\t\t\t\t\thistory.push({ pathname: '/inloggen', state: { next } });\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// console.log('SET PASSWORD UNEXPECTED RESPONSE', responseJson);\n\t\t\t\t\t\treturn Promise.reject(responseJson);\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.catch(error => {\n\t\t\t\t\t// console.log('SET PASSWORD ERROR', error);\n\t\t\t\t});\n\t\t},\n\t\t[currentLocale, history]\n\t);\n\n\tconst handleLogout = useCallback(() => {\n\t\tauth.signout();\n\n\t\tsetCurrentUser(null);\n\n\t\thistory.push('/');\n\t}, [history]);\n\n\tconst deleteProduct = useCallback(\n\t\tproductToDelete => {\n\t\t\tsetCurrentCloset(currentCloset => {\n\t\t\t\treturn {\n\t\t\t\t\t...currentCloset,\n\t\t\t\t\tboxes: currentCloset.boxes.filter(\n\t\t\t\t\t\tplacedProduct => placedProduct.boxId !== productToDelete.boxId\n\t\t\t\t\t),\n\t\t\t\t\tisDirty: true\n\t\t\t\t};\n\t\t\t});\n\t\t},\n\t\t[setCurrentCloset]\n\t);\n\n\tconst rotateProduct = useCallback(\n\t\tproductToRotate => {\n\t\t\tsetCurrentCloset(currentCloset => {\n\t\t\t\treturn {\n\t\t\t\t\t...currentCloset,\n\t\t\t\t\tboxes: currentCloset.boxes.map(placedProduct => {\n\t\t\t\t\t\tif (placedProduct.boxId !== productToRotate.boxId) {\n\t\t\t\t\t\t\treturn placedProduct;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn { ...productToRotate, rotated: !productToRotate.rotated };\n\t\t\t\t\t}),\n\t\t\t\t\tisDirty: true\n\t\t\t\t};\n\t\t\t});\n\t\t},\n\t\t[setCurrentCloset]\n\t);\n\n\tconst handleBeginDrag = useCallback(product => {\n\t\tsetIsColorsPaneVisible(false);\n\t\tsetIsShoppingCartPaneVisible(false);\n\t\tsetRedInfoPopupIsVisible(false);\n\t}, []);\n\n\tconst emptyCurrentCloset = useCallback(() => {\n\t\tsetCurrentCloset(currentCloset => {\n\t\t\treturn {\n\t\t\t\t...currentCloset,\n\t\t\t\tisDirty: true,\n\t\t\t\tboxes: []\n\t\t\t};\n\t\t});\n\t\tsetIsShoppingCartPaneVisible(false);\n\t}, [setCurrentCloset]);\n\n\tconst handleClearButtonClick = useCallback(() => {\n\t\temptyCurrentCloset();\n\t}, [emptyCurrentCloset]);\n\n\tconst handleDropProduct = useCallback(\n\t\tproductOrProducts => {\n\t\t\tsetCurrentCloset(currentCloset => {\n\t\t\t\tlet newBoxes = [];\n\t\t\t\tif (Array.isArray(productOrProducts)) {\n\t\t\t\t\tnewBoxes = productOrProducts;\n\t\t\t\t} else if (productOrProducts) {\n\t\t\t\t\tnewBoxes = [...currentCloset.boxes];\n\t\t\t\t\tproductOrProducts.boxId = boxId.current++;\n\t\t\t\t\tnewBoxes.push(productOrProducts);\n\t\t\t\t} else {\n\t\t\t\t\treturn currentCloset;\n\t\t\t\t}\n\n\t\t\t\treturn {\n\t\t\t\t\t...currentCloset,\n\t\t\t\t\tisDirty: true,\n\t\t\t\t\tboxes: newBoxes\n\t\t\t\t};\n\t\t\t});\n\t\t},\n\t\t[setCurrentCloset]\n\t);\n\n\tconst handleDropProductOutside = useCallback(\n\t\t(product, monitor) => {\n\t\t\tif (!monitor.isOver({ shallow: true })) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tdeleteProduct(product);\n\t\t},\n\t\t[deleteProduct]\n\t);\n\n\t// eslint-disable-next-line no-unused-vars\n\tconst [_, connectDropTarget] = useDrop({\n\t\taccept: ['PLACED_PRODUCT', 'PRODUCT'],\n\t\tdrop: (item, monitor) => handleDropProductOutside(item, monitor)\n\t});\n\n\tconst handleRef = domNode => connectDropTarget(domNode);\n\n\t// console.log('CURRENT CLOSET', currentCloset);\n\n\tconst handleSetBackgroundToColor = useCallback(color => {\n\t\tsetCurrentCloset(currentCloset => ({\n\t\t\t...currentCloset,\n\t\t\tbackgroundGuid: '',\n\t\t\tcolour: color,\n\t\t\tisDirty: true\n\t\t}));\n\t}, []);\n\tconst handleSetBackgroundToPhoto = useCallback(backgroundOption => {\n\t\tsetCurrentCloset(currentCloset => ({\n\t\t\t...currentCloset,\n\t\t\tbackgroundGuid: backgroundOption.guid,\n\t\t\tcolour: '',\n\t\t\tisDirty: true\n\t\t}));\n\t}, []);\n\n\tconst reset = useCallback(() => {\n\t\tsetCurrentCloset({\n\t\t\t...NEW_CLOSET,\n\n\t\t\tbackgroundGuid: backgroundOptions[0] ? backgroundOptions[0].guid : null,\n\t\t\tclosetTextureGuid: materialOptions[0] ? materialOptions[0].guid : null\n\t\t});\n\t\tsetIsShoppingCartPaneVisible(false);\n\t}, [backgroundOptions, materialOptions]);\n\n\tconst handleUserNameClick = useCallback(() => {\n\t\treset();\n\n\t\thistory.push('/mijn-kasten');\n\t}, [history, reset]);\n\n\tconst editCloset = useCallback(\n\t\tcloset => {\n\t\t\tsetCurrentCloset(closet);\n\t\t\tsetIsShoppingCartPaneVisible(false);\n\n\t\t\thistory.push('/aanpassen/boxen');\n\t\t},\n\t\t[history]\n\t);\n\n\tconst deleteCloset = useCallback(\n\t\tclosetToDelete => {\n\t\t\treturn auth\n\t\t\t\t.fetch(`/closet/${closetToDelete.guid}?languageCode=${currentLocale}`, {\n\t\t\t\t\tmethod: 'DELETE'\n\t\t\t\t})\n\t\t\t\t.then(response => response.json())\n\t\t\t\t.then(responseJson => {\n\t\t\t\t\t// console.log('DELETE CLOSET response', responseJson);\n\t\t\t\t\tif (responseJson && responseJson.result === 'Success') {\n\t\t\t\t\t\tsetClosets(closets =>\n\t\t\t\t\t\t\tclosets.filter(closet => {\n\t\t\t\t\t\t\t\treturn closet.guid !== closetToDelete.guid;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// console.log('UNEXPECTED DELETE CLOSET RESPONSE', responseJson);\n\t\t\t\t\t\treturn Promise.reject(responseJson);\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.catch(error => {\n\t\t\t\t\t// console.log('DELETE CLOSET ERROR', error);\n\t\t\t\t});\n\t\t},\n\t\t[currentLocale]\n\t);\n\n\tconst saveCloset = useCallback(\n\t\tclosetName => {\n\t\t\tconst dataToSave = {\n\t\t\t\t...currentCloset,\n\t\t\t\tboxes: currentCloset.boxes.reduce((boxesToSave, product) => {\n\t\t\t\t\tconst boxToSave = {\n\t\t\t\t\t\tx: product.x,\n\t\t\t\t\t\ty: product.y,\n\t\t\t\t\t\trotated: product.rotated || false,\n\t\t\t\t\t\tcreateDate: product.createDate || new Date().toISOString(),\n\t\t\t\t\t\tproductGuid: product.guid\n\t\t\t\t\t};\n\n\t\t\t\t\tconst productToSave = { ...product };\n\t\t\t\t\tdelete productToSave.x;\n\t\t\t\t\tdelete productToSave.y;\n\t\t\t\t\tdelete productToSave.rotated;\n\t\t\t\t\tdelete productToSave.getSize;\n\t\t\t\t\tdelete productToSave.width;\n\t\t\t\t\tdelete productToSave.height;\n\t\t\t\t\tdelete productToSave.depth;\n\t\t\t\t\tdelete productToSave.boxId;\n\n\t\t\t\t\tboxToSave.product = productToSave;\n\n\t\t\t\t\tboxesToSave.push(boxToSave);\n\n\t\t\t\t\treturn boxesToSave;\n\t\t\t\t}, []),\n\t\t\t\tguid: currentCloset.guid === 'NEW' ? undefined : currentCloset.guid,\n\t\t\t\tname: closetName,\n\t\t\t\tcolour: currentCloset.colour || '',\n\t\t\t\tbackgroundImage: currentCloset.backgroundImage || ''\n\t\t\t};\n\n\t\t\tdelete dataToSave.isDirty;\n\n\t\t\t// console.log('SAVING CLOSET…');\n\n\t\t\treturn auth\n\t\t\t\t.fetch(`/closet?languageCode=${currentLocale}`, {\n\t\t\t\t\tmethod: 'POST',\n\t\t\t\t\tbody: JSON.stringify({ ...dataToSave, languageCode: currentLocale })\n\t\t\t\t})\n\t\t\t\t.then(response => response.json())\n\t\t\t\t.then(responseJson => {\n\t\t\t\t\t// console.log('SAVE CLOSET response', responseJson);\n\t\t\t\t\tif (responseJson.guid && !responseJson.message) {\n\t\t\t\t\t\tconst updatedCloset = {\n\t\t\t\t\t\t\t...currentCloset,\n\t\t\t\t\t\t\tguid: responseJson.guid,\n\t\t\t\t\t\t\tlastModifiedDate:\n\t\t\t\t\t\t\t\tresponseJson.lastModifiedDate || new Date().toISOString(),\n\t\t\t\t\t\t\tname: closetName,\n\t\t\t\t\t\t\tisDirty: false\n\t\t\t\t\t\t};\n\t\t\t\t\t\t// console.log('SAVE SUCCESS > GET LATEST CLOSETS');\n\n\t\t\t\t\t\tupdateClosets().then(() => {\n\t\t\t\t\t\t\tsetCurrentCloset(updatedCloset);\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// console.log('UNEXPECTED SAVE CLOSET RESPONSE', responseJson);\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.catch(error => {\n\t\t\t\t\t// console.log('SAVE CLOSET ERROR', error);\n\t\t\t\t});\n\t\t},\n\t\t[currentCloset, currentLocale, updateClosets]\n\t);\n\n\tconst screenshotRef = useRef();\n\tconst sideMenuRef = useRef();\n\tconst savePaneRef = useRef();\n\n\tconst generateDownloadablePDF = useCallback(\n\t\tguid => {\n\t\t\tconst old = isShoppingCartPaneVisible;\n\t\t\tsetIsShoppingCartPaneVisible(false);\n\n\t\t\tsideMenuRef.current.style.visibility = 'hidden';\n\t\t\tsavePaneRef.current.style.visibility = 'hidden';\n\n\t\t\tsetTimeout(() => {\n\t\t\t\thtml2canvas(screenshotRef.current).then(function(canvas) {\n\t\t\t\t\tcanvas.toBlob(imageBlob => {\n\t\t\t\t\t\tvar form = new FormData();\n\t\t\t\t\t\tform.append('closetImage', imageBlob);\n\n\t\t\t\t\t\t// console.log('GENERATE PDF, CLOSET GUID', guid);\n\n\t\t\t\t\t\tauth.fetch('/pdf/?guid=' + guid + `&languageCode=${currentLocale}`, {\n\t\t\t\t\t\t\tmethod: 'POST',\n\t\t\t\t\t\t\theaders: {\n\t\t\t\t\t\t\t\tresponseType: 'application/pdf'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbody: form\n\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.then(response => response.blob())\n\t\t\t\t\t\t\t.then(pdfBlob => {\n\t\t\t\t\t\t\t\t// console.log('GENERATED PDF SIZE', pdfBlob.size);\n\n\t\t\t\t\t\t\t\tsetIsShoppingCartPaneVisible(old);\n\n\t\t\t\t\t\t\t\tsideMenuRef.current.style.visibility = 'visible';\n\t\t\t\t\t\t\t\tsavePaneRef.current.style.visibility = 'visible';\n\n\t\t\t\t\t\t\t\tvar link = document.createElement('a');\n\t\t\t\t\t\t\t\tlink.href = window.URL.createObjectURL(pdfBlob);\n\t\t\t\t\t\t\t\tlink.download = 'Sunware_BoxBuilder_' + new Date() + '.pdf';\n\t\t\t\t\t\t\t\tlink.click();\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.catch(error => {\n\t\t\t\t\t\t\t\t// console.log('GENERATE PDF ERROR', error);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}, 500);\n\t\t},\n\t\t[currentLocale, isShoppingCartPaneVisible]\n\t);\n\n\tif (isMobile && !isTablet) {\n\t\treturn <Mobile currentLocale={currentLocale} getTextContent={getTextContent} />;\n\t}\n\n\treturn (\n\t\t<Flex flex=\"1\" flexDirection=\"column\" alignItems=\"center\" overflow=\"auto\" ref={handleRef}>\n\t\t\t<HeaderBar\n\t\t\t\tcurrentLocale={currentLocale}\n\t\t\t\tchangeLocale={changeLocale}\n\t\t\t\tlocales={locales}\n\t\t\t\tcurrentCloset={currentCloset}\n\t\t\t\tcurrentUser={currentUser}\n\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\tmatchesViewClosetPage={matchesViewClosetPage}\n\t\t\t\tonLogout={handleLogout}\n\t\t\t\tonUserNameClick={handleUserNameClick}\n\t\t\t\ttoggleShoppingCartPane={toggleShoppingCartPane}\n\t\t\t/>\n\n\t\t\t<Helmet>\n\t\t\t\t<meta\n\t\t\t\t\tname=\"viewport\"\n\t\t\t\t\tcontent=\"width=1175, height=727, initial-scale=1, shrink-to-fit=yes\"\n\t\t\t\t/>\n\t\t\t</Helmet>\n\n\t\t\t<Flex\n\t\t\t\tflex=\"none\"\n\t\t\t\tflexDirection=\"column\"\n\t\t\t\tpaddingBottom=\"25px\"\n\t\t\t\twidth={1110}\n\t\t\t\tref={screenshotRef}\n\t\t\t>\n\t\t\t\t<Switch>\n\t\t\t\t\t<Route path=\"/\">\n\t\t\t\t\t\t<BackgroundContainer\n\t\t\t\t\t\t\tbackgroundOptions={backgroundOptions}\n\t\t\t\t\t\t\tcurrentCloset={currentCloset}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<Route path=\"/\" exact>\n\t\t\t\t\t\t\t<WelcomePage\n\t\t\t\t\t\t\t\tcurrentUser={currentUser}\n\t\t\t\t\t\t\t\treset={reset}\n\t\t\t\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Route>\n\n\t\t\t\t\t\t<Route path=\"/inloggen\" exact>\n\t\t\t\t\t\t\t<LoginPage onSubmit={handleLogin} getTextContent={getTextContent} />\n\t\t\t\t\t\t</Route>\n\n\t\t\t\t\t\t<Route path=\"/registreren\" exact>\n\t\t\t\t\t\t\t<RegisterPage\n\t\t\t\t\t\t\t\tonSubmit={handleRegister}\n\t\t\t\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Route>\n\n\t\t\t\t\t\t<Route path=\"/wachtwoord-vergeten\" exact>\n\t\t\t\t\t\t\t<PasswordForgottenPage\n\t\t\t\t\t\t\t\tonSubmit={handlePasswordForgotten}\n\t\t\t\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Route>\n\n\t\t\t\t\t\t<Route path=\"/wachtwoord-instellen\" exact>\n\t\t\t\t\t\t\t<SetPasswordPage\n\t\t\t\t\t\t\t\tonSubmit={handleSetPassword}\n\t\t\t\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Route>\n\n\t\t\t\t\t\t<Route path=\"/beginnen\" exact>\n\t\t\t\t\t\t\t<WizardPage\n\t\t\t\t\t\t\t\tauth={auth}\n\t\t\t\t\t\t\t\tcurrentLocale={currentLocale}\n\t\t\t\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\t\t\t\tsetCurrentCloset={setCurrentCloset}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Route>\n\n\t\t\t\t\t\t<Route path=\"/mijn-kasten\" exact>\n\t\t\t\t\t\t\t<MyClosetsPage\n\t\t\t\t\t\t\t\tclosets={closets}\n\t\t\t\t\t\t\t\tdeleteCloset={deleteCloset}\n\t\t\t\t\t\t\t\teditCloset={editCloset}\n\t\t\t\t\t\t\t\tgenerateDownloadablePDF={generateDownloadablePDF}\n\t\t\t\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Route>\n\n\t\t\t\t\t\t<Route path=\"/bekijken\">\n\t\t\t\t\t\t\t<ViewClosetPage\n\t\t\t\t\t\t\t\tcurrentCloset={currentCloset}\n\t\t\t\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Route>\n\n\t\t\t\t\t\t<Route path=\"/aanpassen\">\n\t\t\t\t\t\t\t<ConfiguratorPage\n\t\t\t\t\t\t\t\tauth={auth}\n\t\t\t\t\t\t\t\tcurrentLocale={currentLocale}\n\t\t\t\t\t\t\t\tcurrentCloset={currentCloset}\n\t\t\t\t\t\t\t\tcurrentUser={currentUser}\n\t\t\t\t\t\t\t\tdeleteProduct={deleteProduct}\n\t\t\t\t\t\t\t\tgenerateDownloadablePDF={generateDownloadablePDF}\n\t\t\t\t\t\t\t\tgetTextContent={getTextContent}\n\t\t\t\t\t\t\t\thideShoppingCartPane={hideShoppingCartPane}\n\t\t\t\t\t\t\t\tisClosetPaneDisabled={\n\t\t\t\t\t\t\t\t\tcurrentCloset &&\n\t\t\t\t\t\t\t\t\tcurrentCloset.boxes &&\n\t\t\t\t\t\t\t\t\tcurrentCloset.boxes.length > 0\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tisColorsPaneVisible={isColorsPaneVisible}\n\t\t\t\t\t\t\t\tisShoppingCartPaneVisible={isShoppingCartPaneVisible}\n\t\t\t\t\t\t\t\tmaterialOptions={materialOptions}\n\t\t\t\t\t\t\t\tonBeginDrag={handleBeginDrag}\n\t\t\t\t\t\t\t\tonClearButtonClick={handleClearButtonClick}\n\t\t\t\t\t\t\t\tonDropProduct={handleDropProduct}\n\t\t\t\t\t\t\t\tredInfoPopupIsVisible={redInfoPopupIsVisible}\n\t\t\t\t\t\t\t\trotateProduct={rotateProduct}\n\t\t\t\t\t\t\t\tsaveCloset={saveCloset}\n\t\t\t\t\t\t\t\tsetCurrentCloset={setCurrentCloset}\n\t\t\t\t\t\t\t\tsideMenuRef={sideMenuRef}\n\t\t\t\t\t\t\t\tsavePaneRef={savePaneRef}\n\t\t\t\t\t\t\t\tscreenshotRef={screenshotRef}\n\t\t\t\t\t\t\t\tsetBackgroundToColor={handleSetBackgroundToColor}\n\t\t\t\t\t\t\t\tsetBackgroundToPhoto={handleSetBackgroundToPhoto}\n\t\t\t\t\t\t\t\tsetIsColorsPaneVisible={setIsColorsPaneVisible}\n\t\t\t\t\t\t\t\tsetRedInfoPopupIsVisible={setRedInfoPopupIsVisible}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Route>\n\t\t\t\t\t</Route>\n\t\t\t\t</Switch>\n\t\t\t</Flex>\n\n\t\t\t<ProductDragLayer />\n\t\t</Flex>\n\t);\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { DndProvider } from 'react-dnd';\nimport MultiBackend from 'react-dnd-multi-backend';\nimport HTML5toTouch from 'react-dnd-multi-backend/dist/esm/HTML5toTouch';\n\nimport { BrowserRouter as Router } from 'react-router-dom';\n\nimport GlobalStyles from './global-styles/GlobalStyles';\n\nimport AppContainer from './AppContainer';\n\nif (!HTMLCanvasElement.prototype.toBlob) {\n\tObject.defineProperty(HTMLCanvasElement.prototype, 'toBlob', {\n\t\tvalue: function(callback, type, quality) {\n\t\t\tvar canvas = this;\n\t\t\tsetTimeout(function() {\n\t\t\t\tvar binStr = atob(canvas.toDataURL(type, quality).split(',')[1]),\n\t\t\t\t\tlen = binStr.length,\n\t\t\t\t\tarr = new Uint8Array(len);\n\n\t\t\t\tfor (var i = 0; i < len; i++) {\n\t\t\t\t\tarr[i] = binStr.charCodeAt(i);\n\t\t\t\t}\n\n\t\t\t\tcallback(new Blob([arr], { type: type || 'image/png' }));\n\t\t\t});\n\t\t}\n\t});\n}\n\nReactDOM.render(\n\t<Router>\n\t\t<GlobalStyles />\n\n\t\t<DndProvider backend={MultiBackend} options={HTML5toTouch}>\n\t\t\t<AppContainer />\n\t\t</DndProvider>\n\t</Router>,\n\tdocument.getElementById('root')\n);\n","module.exports = __webpack_public_path__ + \"static/media/close-icon.9d984e2e.svg\";","module.exports = __webpack_public_path__ + \"static/media/warning-icon.58967460.svg\";","module.exports = __webpack_public_path__ + \"static/media/light-background-3x.79286a8e.jpg\";","module.exports = __webpack_public_path__ + \"static/media/brown-background-3x.2229a936.jpg\";","module.exports = __webpack_public_path__ + \"static/media/grey-background-3x.eed04603.jpg\";","module.exports = __webpack_public_path__ + \"static/media/send-icon.06661440.svg\";","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/save-icon.a3097bc0.svg\";","module.exports = __webpack_public_path__ + \"static/media/info-icon.51eb7466.svg\";","module.exports = __webpack_public_path__ + \"static/media/login-icon.71c507fa.svg\";"],"sourceRoot":""}