{"version":3,"sources":["webpack:///./scripts/Server/render-wrapper.js","webpack:///./scripts/Actions/Overlay.action.js","webpack:///./scripts/Components/SideMenu/SideMenu.tsx","webpack:///./scripts/Components/Inputs/Input.tsx","webpack:///./scripts/Components/QuantityInput/QuantityInput.tsx","webpack:///./scripts/Components/StockStatus/StockStatus.tsx","webpack:///./scripts/Components/OrderRowProductCard/OrderRowProductCard.tsx","webpack:///./scripts/Hooks/useTypedSelector.ts","webpack:///./scripts/Components/ProductCards/DetailedProductCardComponents/StockStatusPanel.tsx","webpack:///./scripts/Components/OrderRowProductCard/OrderRowProductCardB2B.tsx","webpack:///./scripts/Components/LoadingSpinner.tsx","webpack:///./scripts/Hooks/useIsStoreScreen.ts","webpack:///./scripts/Components/MiniCart/MiniCart.tsx","webpack:///./scripts/Components/MiniCart/MiniCartIcon.tsx","webpack:///./scripts/Components/MiniCart/MiniCartButton.tsx","webpack:///./scripts/Hooks/useDebouncedOnChange.js","webpack:///./scripts/Actions/Checkout.action.js","webpack:///./scripts/Components/Inputs/TextArea.tsx","webpack:///./scripts/Components/EditorString/EditorString.tsx","webpack:///./scripts/Components/Checkout/Checkout.AdditionalOrderInfo.tsx","webpack:///./scripts/Components/Checkout/Checkout.OrderSummary.tsx","webpack:///./scripts/Components/Chip.tsx","webpack:///./scripts/Components/Checkout/Checkout.Discount.tsx","webpack:///./scripts/Components/Checkout/Checkout.Cart.tsx","webpack:///./scripts/Components/Checkout/utils/Checkout.ValidationSchema.ts","webpack:///./scripts/Components/Inputs/Checkbox.tsx","webpack:///./scripts/Components/Checkout/Checkout.ConfirmOrder.tsx","webpack:///./scripts/Components/Inputs/Radiobutton.tsx","webpack:///./scripts/Components/Checkout/utils/Checkout.Radio.tsx","webpack:///./scripts/Components/Checkout/Checkout.DeliveryMethods.tsx","webpack:///./scripts/Components/Checkout/Checkout.PaymentMethods.tsx","webpack:///./scripts/Components/Dropdown.tsx","webpack:///./scripts/Hooks/useTypedDispatch.ts","webpack:///./scripts/Components/Checkout/utils/Checkout.CustomerInfoInput.tsx","webpack:///./scripts/Components/Checkout/Checkout.CustomerInfoForm.tsx","webpack:///./scripts/Components/Checkout/Checkout.BusinessCustomerInfo.tsx","webpack:///./scripts/Components/Checkout/Checkout.EmptyCart.tsx","webpack:///./scripts/Components/DynamicComponent.js","webpack:///./scripts/Components/Payments/PaymentWidget.tsx","webpack:///./scripts/Components/Checkout/Zhipster/ZhipsterDropdown.tsx","webpack:///./scripts/Components/Checkout/Zhipster/Zhipster.DropOptionRadio.tsx","webpack:///./scripts/Components/Checkout/Zhipster/Zhipster.tsx","webpack:///./scripts/Hooks/useReady.tsx","webpack:///./scripts/Components/Checkout/CheckoutStepContainer.tsx","webpack:///./scripts/Components/Checkout/Checkout.CustomerInfoLabel.tsx","webpack:///./scripts/Components/Checkout/Checkout.ConfirmCustomerDetailsButton.tsx","webpack:///./scripts/Services/Cart.service.ts","webpack:///./scripts/Components/BuyButton/BuyButton.tsx","webpack:///./scripts/Blocks/UpsellBlock.tsx","webpack:///./scripts/Components/Checkout/Checkout.UpsellBlockContainer.tsx","webpack:///./scripts/Components/Checkout/Checkout.tsx","webpack:///./scripts/Components/Collapsible.tsx","webpack:///./scripts/Components/ProductFiltering/FilterOptions/FilterCheckbox.tsx","webpack:///./scripts/Components/ProductFiltering/FilterOptions/FilterRangeSlider.tsx","webpack:///./scripts/Components/ProductFiltering/FilterSearchInput.tsx","webpack:///./scripts/Components/ProductFiltering/FilterOptions/utils/ColorNameToHexMapper.ts","webpack:///./scripts/Components/ProductFiltering/FilterOptions/FilterColoredCheckbox.tsx","webpack:///./scripts/Components/ProductFiltering/FilterGroupElement.tsx","webpack:///./scripts/Components/ProductFiltering/ProductFiltering.tsx","webpack:///./scripts/Components/ProductSorting/ProductSorting.tsx","webpack:///./scripts/Components/FilterBar/ProductSortingRadios.tsx","webpack:///./scripts/Components/FilterBar/FilterMenu.tsx","webpack:///./scripts/Components/FilterBar/FilterTriggerButton.tsx","webpack:///./scripts/Components/FilterBar/ProductsTotalCount.tsx","webpack:///./scripts/Components/FilterBar/CategoryLayoutSelect.tsx","webpack:///./scripts/Components/Toggler.tsx","webpack:///./scripts/Components/FilterBar/PatternImageToggler.tsx","webpack:///./scripts/Components/FilterBar/FilterBar.tsx","webpack:///./scripts/Actions/Login.action.ts","webpack:///./scripts/Components/MyPages/MyPagesMobileMenu.tsx","webpack:///./scripts/Components/MyPages/MyPagesDesktopMenu.tsx","webpack:///./scripts/Actions/UserInfo.action.ts","webpack:///./scripts/Components/Inputs/FakeInput.tsx","webpack:///./scripts/Components/MyPages/MyPagesSettings.tsx","webpack:///./scripts/Actions/Order.action.ts","webpack:///./scripts/Components/MyPages/ui/OrderListItemMobile.tsx","webpack:///./scripts/Components/MyPages/ui/OrderListItemDesktop.tsx","webpack:///./scripts/Services/Pagination.service.ts","webpack:///./scripts/Components/Pagination.tsx","webpack:///./scripts/Components/MyPages/ui/SkeletonListItemDesktop.tsx","webpack:///./scripts/Components/MyPages/ui/SkeletonListItemMobile.tsx","webpack:///./scripts/Components/MyPages/MyPagesOrderHistory.tsx","webpack:///./scripts/Components/OrderDetail/ui/OrderDetailProductCard.tsx","webpack:///./scripts/Components/OrderDetail/OrderDetail.tsx","webpack:///./scripts/Components/MyPages/MyPagesOrderDetail.tsx","webpack:///./scripts/Actions/Person.action.ts","webpack:///./scripts/Components/MyPages/ui/UserListItemMobile.tsx","webpack:///./scripts/Components/MyPages/ui/UserListItemDesktop.tsx","webpack:///./scripts/Components/MyPages/MyPagesUsers.tsx","webpack:///./scripts/Components/MyPages/MyPagesAddUser.tsx","webpack:///./scripts/Components/MyPages/MyPagesEditUser.tsx","webpack:///./scripts/Actions/Address.action.js","webpack:///./scripts/Components/MyPages/ui/AddressListItemDesktop.tsx","webpack:///./scripts/Components/MyPages/ui/AddressListItemMobile.tsx","webpack:///./scripts/Components/MyPages/MyPagesAddresses.tsx","webpack:///./scripts/Components/MyPages/MyPagesAddAddress.tsx","webpack:///./scripts/Components/MyPages/MyPagesEditAddress.tsx","webpack:///./scripts/Components/MyPages/ui/ScrollToTop.tsx","webpack:///./scripts/Components/MyPages/ui/ReturnFormMediaInput.tsx","webpack:///./scripts/Components/MyPages/ui/ReturnFormMediaItem.tsx","webpack:///./scripts/Components/MyPages/misc/ReturnFormValidationSchema.ts","webpack:///./scripts/Components/MyPages/ui/ReturnFormItem.tsx","webpack:///./scripts/Components/MyPages/ui/ReturnFormSuccessContainer.tsx","webpack:///./scripts/Components/MyPages/MyPagesReturnForm.tsx","webpack:///./scripts/Components/MyPages/MyPagesContainer.tsx","webpack:///./scripts/Components/MegaMenu/MegaMenu.tsx","webpack:///./scripts/Components/Navigation/NavigationLink.tsx","webpack:///./scripts/Components/Navigation/Navigation.tsx","webpack:///./scripts/Components/FullscreenImageSlider/FullscreenImageSlider.tsx","webpack:///./scripts/styling/mixins/breakpoints.ts","webpack:///./scripts/Components/ProductPageImageSlider/Styles/ProductPage.ImageSliderStyling.ts","webpack:///./scripts/Components/ResponsiveImage/ResponsiveImage.tsx","webpack:///./scripts/Components/ProductPageImageSlider/ProductPage.ImageSlider.tsx","webpack:///./scripts/Blocks/BannerBlock/BannerBlockItem.tsx","webpack:///./scripts/Blocks/BannerBlock/BannerSliderBlock.tsx","webpack:///./scripts/Components/DivOrAnchor.tsx","webpack:///./scripts/Blocks/BannerBlock/BannerBlock.tsx","webpack:///./scripts/Components/ProductList.HeaderText.tsx","webpack:///./scripts/Components/ActiveFilterChips/FilterGroupChips.tsx","webpack:///./scripts/Components/ActiveFilterChips/ActiveFilterChips.tsx","webpack:///./scripts/Components/Tag/Tag.tsx","webpack:///./scripts/Components/ProductPrice/ProductPrice.tsx","webpack:///./scripts/Components/BuyButton/BuySampleButton.tsx","webpack:///./scripts/Hooks/useWindowSize.ts","webpack:///./scripts/styling/variables/breakpoints.ts","webpack:///./scripts/Hooks/useBreakpoint.ts","webpack:///./scripts/Hooks/useIsMobile.ts","webpack:///./scripts/Components/ProductCards/ProductCardImageSlider.tsx","webpack:///./scripts/Components/ProductQuickView/ProductQuickViewModal.tsx","webpack:///./scripts/Components/FavoriteButton/FavoriteButton.tsx","webpack:///./scripts/Components/ProductCards/ProductCard.tsx","webpack:///./scripts/Components/CustomResponsiveSlider/CustomResponsiveSlider.tsx","webpack:///./scripts/Services/Block.service.ts","webpack:///./scripts/Components/ProductCards/ProductCardPlaceholder.tsx","webpack:///./scripts/Blocks/ProductBlock.tsx","webpack:///./scripts/Components/QuickSearch/QuickSearch.NoHit.tsx","webpack:///./scripts/Components/QuickSearch/QuickSearch.LinkItem.tsx","webpack:///./scripts/Components/QuickSearch/QuickSearchResultTab.tsx","webpack:///./scripts/Actions/QuickSearch.action.js","webpack:///./scripts/Components/QuickSearch/utils/QuickSearchResult.TabItem.tsx","webpack:///./scripts/Components/QuickSearch/QuickSearchResult.tsx","webpack:///./scripts/Components/QuickSearch/QuickSearch.InitialTab.tsx","webpack:///./scripts/Components/QuickSearch/QuickSearch.tsx","webpack:///./scripts/Components/ProductListing/Layouts/Grid1plus2.tsx","webpack:///./scripts/Components/ProductListing/Layouts/Grid.tsx","webpack:///./scripts/Components/ProductListing/Layouts/Grid3by3.tsx","webpack:///./scripts/Components/ProductListing/DetailedListTopBar.tsx","webpack:///./scripts/Components/ProductListing/Layouts/DetailedList.tsx","webpack:///./scripts/Components/ProductCards/DetailedProductCardComponents/DetailedListFavoriteButton.tsx","webpack:///./scripts/Components/ProductCards/DetailedProductCardComponents/DetailedListBuyForm.tsx","webpack:///./scripts/Components/ProductCards/DetailedProductCardComponents/ProductInformationPanel.tsx","webpack:///./scripts/Components/ProductCards/DetailedProductCardComponents/TieredPricesPanel.tsx","webpack:///./scripts/Components/ProductCards/ProductCardWithDetailsMobile.tsx","webpack:///./scripts/Components/ProductCards/ProductCardWithDetails.tsx","webpack:///./scripts/Components/ProductCards/ProductCardWithDetailsContainer.tsx","webpack:///./scripts/Components/ProductCards/ProductCardWithDetailsPlaceholder.tsx","webpack:///./scripts/Components/ProductCards/DetailedProductCardComponents/ProductCardWithDetailsMobilePlaceholder.tsx","webpack:///./scripts/Components/ProductCards/DetailedProductCardComponents/ProductCardWithDetailsPlaceholderContainer.tsx","webpack:///./scripts/Components/ProductListing/ProductListing.tsx","webpack:///./scripts/Components/SearchResult/SearchResultLinkTab.tsx","webpack:///./scripts/Components/FilterBar/MobileStickyFilterBar.tsx","webpack:///./scripts/Components/FilterBar/MobileProductCountBar.tsx","webpack:///./scripts/Components/SearchResult/SearchResult.tsx","webpack:///./scripts/Actions/Search.action.js","webpack:///./scripts/Components/SearchResult/SearchNavigationItem.tsx","webpack:///./scripts/Components/SearchResult/SearchNavigation.tsx","webpack:///./scripts/Actions/Navigation.action.js","webpack:///./scripts/Components/Navigation/NavigationMobileTrigger.tsx","webpack:///./scripts/Components/Navigation/ui/MobileNavigationItem.tsx","webpack:///./scripts/Components/LanguageSelect/LanguageSelectTrigger.tsx","webpack:///./scripts/Components/LanguageSelect/LanguageSelectModal.tsx","webpack:///./scripts/Components/Login/ui/LoginChangePassword.tsx","webpack:///./scripts/Components/Login/ui/LoginForgotPassword.tsx","webpack:///./scripts/Components/Login/ui/LoginForm.tsx","webpack:///./scripts/Components/Login/ui/LoginSelectOrganization.tsx","webpack:///./scripts/Components/Login/misc/RegisterUserValidationSchema.ts","webpack:///./scripts/Components/Login/ui/LoginRegisterAccount.tsx","webpack:///./scripts/Components/Login/LoginTypeSelector.tsx","webpack:///./scripts/Components/Login/LoginContainer.tsx","webpack:///./scripts/Components/Navigation/NavigationMobile.tsx","webpack:///./scripts/Components/Overlay.tsx","webpack:///./scripts/Actions/BuyButton.action.ts","webpack:///./scripts/Components/VariantPicker/VariantPicker.Dropdown.tsx","webpack:///./scripts/Components/VariantPicker/VariantPicker.Buttons.tsx","webpack:///./scripts/Components/Login/LoginModal.tsx","webpack:///./scripts/Components/Login/LoginPage.tsx","webpack:///./scripts/Components/Login/LoginModalTrigger.tsx","webpack:///./scripts/Actions/PriceHistory.actions.ts","webpack:///./scripts/Components/ProductPriceHistory/PriceHistoryModalTrigger.tsx","webpack:///./scripts/Components/OrderConfirmation/OrderConfirmation.tsx","webpack:///./scripts/Blocks/BrandsBlock.tsx","webpack:///./scripts/Blocks/RichTextBlock.tsx","webpack:///./scripts/Components/TopMessage/TopMessage.tsx","webpack:///./scripts/Blocks/FaqAccordion.tsx","webpack:///./scripts/Blocks/UspBlock.tsx","webpack:///./scripts/Components/ScrollToElementButton/ScrollToElementButton.tsx","webpack:///./scripts/Components/SubNavigationContainer/SubNavigationCollapsible.tsx","webpack:///./scripts/Components/SubNavigationContainer/SubNavigation.tsx","webpack:///./scripts/Components/SubNavigationContainer/SubNavigationContainer.tsx","webpack:///./scripts/Blocks/ProductsAndBannerBlock.tsx","webpack:///./scripts/Components/CookieConsent/CookieConsent.tsx","webpack:///./scripts/Components/ProductPriceHistory/PriceHistoryModal.tsx","webpack:///./scripts/Components/ProductListing/CategoryNavigation.tsx","webpack:///./scripts/Components/TopMenuUsps/TopMenuUsps.tsx","webpack:///./scripts/Components/QuickSearch/QuickSearchTrigger.tsx","webpack:///./scripts/Components/NewsletterRegistration/NewsletterRegistration.tsx","webpack:///./scripts/Components/RoundedPlusButton.tsx","webpack:///./scripts/Components/ProductsModal/ProductsModal.tsx","webpack:///./scripts/Components/MediaBlockProductsButton/MediaBlockProductsButton.tsx","webpack:///./scripts/Blocks/PageCardItem.tsx","webpack:///./scripts/Components/NewsList/PageCardItemList.tsx","webpack:///./scripts/Blocks/ListBlockHeader.tsx","webpack:///./scripts/Blocks/PageCardBlock.tsx","webpack:///./scripts/Components/PageListFilter.tsx","webpack:///./scripts/Components/NewsList/NewsList.tsx","webpack:///./scripts/Components/ProductPage/ProductSelector.tsx","webpack:///./scripts/Components/ProductPageTabs/ProductPageTabsMenu.tsx","webpack:///./scripts/Components/ProductPageTabs/ProductPageTabContent.tsx","webpack:///./scripts/Components/ProductPageTabs/Certificates.tsx","webpack:///./scripts/Components/ProductPageTabs/ProductPageDescriptionTab.tsx","webpack:///./scripts/Components/ProductPageTabs/ProductPageSpecification/Field.tsx","webpack:///./scripts/Components/ProductPageTabs/ProductPageSpecificationsTab.tsx","webpack:///./scripts/Components/ProductPageTabs/ProductPageTrustabilityTab.tsx","webpack:///./scripts/Components/ProductPageTabs/ProductPageFAQTab.tsx","webpack:///./scripts/Components/ProductPageTabs/ProductPageTabsContainer.tsx","webpack:///./scripts/Components/ProductPage/ProductPageImageGallery.tsx","webpack:///./scripts/Components/ProductPage/ProductPageMobileImages.tsx","webpack:///./scripts/Components/ProductPage/ProductPageBuySection.tsx","webpack:///./scripts/Components/ProductPage/ProductPageProductPrice.tsx","webpack:///./scripts/Components/RatingStars.tsx","webpack:///./scripts/Components/ProductPage/ProductPageProductInformation.tsx","webpack:///./scripts/Components/ProductPage/ProductPageUsps.tsx","webpack:///./scripts/Components/ProductPage/ProductRelationBlockContainer.tsx","webpack:///./scripts/Components/ProductPage/ProductPageBuyGuideContainer.tsx","webpack:///./scripts/Components/ProductPage/ProductPageLinkBlock.tsx","webpack:///./scripts/Components/ProductPage/ProductPageStructuredData.tsx","webpack:///./scripts/Components/Yotpo/YotpoUgc.tsx","webpack:///./scripts/Hooks/useYotpoBottomLine.tsx","webpack:///./scripts/Services/WallpaperCalculatorService.ts","webpack:///./scripts/Components/WallpaperCalculator/WallpaperCalculatorResult.tsx","webpack:///./scripts/Components/WallpaperCalculator/WallpaperCalculatorModal.tsx","webpack:///./scripts/Components/ProductPage/ProductPageWallpaperCalculatorModalWrapper.tsx","webpack:///./scripts/Components/ProductPage/ProductPageInformationModal.tsx","webpack:///./scripts/Components/ProductCards/DetailedProductCardComponents/DetailedListBuyFormPDP.tsx","webpack:///./scripts/Components/ProductPage/ProductPageRoomvoButton.tsx","webpack:///./scripts/Types/ItemStatus.ts","webpack:///./scripts/Components/DiscontinuedItem/DiscontinuedItem.tsx","webpack:///./scripts/Components/ProductPage/ProductPage.tsx","webpack:///./scripts/Components/ProductPage/MeasuredWallpaperCalculator.tsx","webpack:///./scripts/Components/ProductPage/MeasuredWallpaperBuySection.tsx","webpack:///./scripts/Components/MeasuredWallpaperCutout/MeasuredWallpaperCutoutArrows.tsx","webpack:///./scripts/Components/MeasuredWallpaperCutout/MeasuredWallpaperRulers.tsx","webpack:///./scripts/Components/NotificationDot.tsx","webpack:///./scripts/Components/MeasuredWallpaperCutout/MeasuredWallpaperZoomButtons.tsx","webpack:///./scripts/Components/MeasuredWallpaperCutout/MeasuredWallpaperOptionButtons.tsx","webpack:///./scripts/Components/MeasuredWallpaperCutout/MeasuredWallpaperCutout.tsx","webpack:///./scripts/Utils/scrolling.ts","webpack:///./scripts/Components/MeasuredWallpaperCutout/CustomWallpaper/CustomWallpaperDropzone.tsx","webpack:///./scripts/Components/ProductPage/MeasuredWallpaperProductPage.tsx","webpack:///./scripts/Blocks/MegaMenuBlock.tsx","webpack:///./scripts/Components/LanguageSelect/LanguageSelectDesktopContainer.tsx","webpack:///./scripts/Components/Login/RegisterUserPage.tsx","webpack:///./scripts/Components/CollectionStore/CollectionItem.tsx","webpack:///./scripts/Components/CollectionStore/CollectionStoreInput.tsx","webpack:///./scripts/Components/CollectionStore/CollectionStore.tsx","webpack:///./scripts/Components/WallpaperCalculator/WallpaperCalculator.tsx","webpack:///./scripts/Components/RetailerList/RetailerListFiltering.tsx","webpack:///./scripts/Components/RetailerList/RetailerListTopBar.tsx","webpack:///./scripts/Components/RetailerList/RetailerStoreCard.tsx","webpack:///./scripts/Components/RetailerList/RetailerListStores.tsx","webpack:///./scripts/Components/RetailerList/MapStyling.ts","webpack:///./scripts/Components/RetailerList/MarkerInfoBox.tsx","webpack:///./scripts/Components/RetailerList/RetailerListMap.tsx","webpack:///./scripts/Components/RetailerList/RetailerListContainer.tsx","webpack:///./scripts/Blocks/ContactForm.tsx","webpack:///./scripts/Components/Toast/ToastContainer.tsx","webpack:///./scripts/Components/WallpaperSimulator/WallpaperSimulatorFilterModal.tsx","webpack:///./scripts/Components/WallpaperSimulator/WallpaperSimulatorProductSelector.tsx","webpack:///./scripts/Components/WallpaperSimulator/WallPaperSimulatorRoomSelector.tsx","webpack:///./scripts/Components/WallpaperSimulator/WallPaperSimulatorConfigurator.tsx","webpack:///./scripts/Components/WallpaperSimulator/WallPaperSimulatorCanvas.tsx","webpack:///./scripts/Components/WallpaperSimulator/ChoosenWallpaper.tsx","webpack:///./scripts/Components/WallpaperSimulator/WallpaperSimulatorActionButtons.tsx","webpack:///./scripts/Components/FullScreenDialog.tsx","webpack:///./scripts/Components/WallpaperSimulator/RoomPagination.tsx","webpack:///./scripts/Components/WallpaperSimulator/WallpaperSimulatorContainer.tsx","webpack:///./scripts/Components/QuickOrder/QuickOrderDetailedListBuyForm.tsx","webpack:///./scripts/Components/QuickOrder/QuickOrderProductCard.tsx","webpack:///./scripts/Components/QuickOrder/QuickOrderDesktopTable.tsx","webpack:///./scripts/Components/QuickOrder/QuickOrderMobileProductCard.tsx","webpack:///./scripts/Components/QuickOrder/QuickOrderMobileTable.tsx","webpack:///./scripts/Components/QuickOrder/QuickOrder.tsx","webpack:///./scripts/Services/QuickOrder.service.ts","webpack:///./scripts/Components/WishList/WishList.tsx","webpack:///./scripts/Components/SubNavigationContainer/SubNavigationList.tsx","webpack:///./scripts/Components/Navigation/StickyStoreNavigation.tsx","webpack:///./scripts/Components/MyPages/LoggedInIconAndDropdown.tsx","webpack:///./scripts/Components/PriceToggle/PriceToggle.tsx","webpack:///./scripts/Components/MeasuredWallpaperStandalone/MeasuredWallpaperStandalone.tsx","webpack:///./scripts/Components/Checkout/StoreScreen/Checkout.ScreenConfirmation.tsx","webpack:///./scripts/Components/Checkout/StoreScreen/Checkout.StoreScreenContainer.tsx","webpack:///./scripts/Blocks/FileListBlock.tsx","webpack:///./scripts/Server/expose-components.ts"],"names":["renderWrapper","Component","props","global","window","React","Provider","store","LitiumReduxStore","addOverlay","componentName","onOverlayClick","zIndexClass","type","OVERLAY_ADD_OVERLAY","payload","removeOverlay","OVERLAY_REMOVE_OVERLAY","SideMenu","forwardRef","id","duration","from","className","contentClassName","open","onClosed","showCloseButton","children","title","disableClosing","closeButton","components","ref","ready","setReady","useState","slideIn","setSlideIn","renderSideMenu","setRenderSideMenu","timeoutId","setTimeoutId","dispatch","useDispatch","Error","useEffect","close","useCallback","updateOverlay","OVERLAY_UPDATE_OVERLAY","clearTimeout","newTimeoutId","setTimeout","undefined","parseFloat","CloseIcon","onClick","Icon","name","slideInClasses","useMemo","ReactDOM","clsx","style","transitionDuration","Header","cloneElement","Content","Footer","document","body","displayName","Input","inputSize","inputState","icon","wrapperClassName","label","helperText","message","showMessageIcon","showAnimatedLabel","messageIcon","sizeClass","animatedClass","stateClass","htmlFor","required","_extends","placeholder","onChange","quantity","showButtons","min","max","step","disabled","mediumSize","internalValue","setInternalValue","debounceTimer","setDebounceTimer","onInputChanged","value","parsedValue","Number","isNaN","iconClasses","e","target","role","getStockLevelColorClass","level","StockStatus","inStock","description","additionalDescription","OrderRowProductCard","row","onRemoveClick","_row$formattedUnitCam","abortController","setAbortController","AbortController","onQuantityChange","update","rowSystemId","image","href","url","src","productType","showArticleNumber","articleNumber","stockStatus","extraInfo","items","map","item","_","key","previewUrl","rel","translate","campaignPrice","formattedUnitCampaignPrice","formattedUnitPrice","unitOfMeasurement","toLowerCase","QuantityInput","isFreeGift","canEditQuantity","price","useTypedSelector","useSelector","StockStatusPanel","itemBatchInventories","productId","batches","setBatches","batchInventoryString","parts","split","objects","part","batchNumber","stockAmount","push","parseInt","splitStringToObject","length","batch","idx","Fragment","OrderRowProductCardB2B","_row$note","_row$stockStatus","_row$stockStatus$quan","_row$stockStatus2","batchOpen","setBatchOpen","noteOpen","setNoteOpen","note","setNote","isRowValid","setIsRowValid","debouncedSetNote","useDebouncedCallback","_row$itemBatchInvento","_row$itemBatchInvento2","isValid","test","trim","event","defaultValue","LoadingSpinner","viewBox","cx","cy","r","stroke","strokeWidth","fill","d","useIsStoreScreen","state","navigation","storeScreen","MiniCart","showMiniCart","orderRows","emptyCartLink","grandTotal","checkoutUrl","productTotal","screenCheckoutUrl","cart","hasOrderRows","current","userInfo","showCheckoutLinkLoadingSpinner","setShowCheckoutLinkLoadingSpinner","reduce","prev","closeMiniCart","setShowMiniCart","onCheckoutLinkClick","isStoreScreen","removeRow","isBusinessCustomer","MiniCartIcon","addToCartAnimating","Math","MiniCartButton","useDebouncedOnChange","initialValue","action","wait","setCheckoutIsSubmitting","checkoutIsSubmitting","CHECKOUT_SET_IS_SUBMITTING","setStoreScreenSuccess","storeScreenSuccess","CHECKOUT_STORE_SUCCESS","setDelivery","method","getState","CHECKOUT_SET_DELIVERY","selectedDeliveryMethod","checkout","put","then","response","json","result","loadCart","paymentWidget","setPaymentWidget","updatePayload","shippingConfirmed","catch","ex","catchError","error","submitError","setPayment","CHECKOUT_SET_PAYMENT","selectedPaymentMethod","modelState","payment","reloadPayment","CHECKOUT_SET_PAYMENT_WIDGET","setOrderNote","orderNote","CHECKOUT_SET_ORDER_NOTE","setDiscountCode","discountCode","CHECKOUT_SET_DISCOUNT_CODE","setUsedDiscountCodes","usedDiscountCodes","CHECKOUT_SET_USED_DISCOUNT_CODE","setAlternateOrderNumber","CHECKOUT_SET_ALTERNATE_ORDER_NUMBER","alternateOrderNumber","setCustomerDetails","propName","CHECKOUT_SET_CUSTOMER_INFO","data","_submit","model","post","submitDone","redirectUrl","location","CHECKOUT_SET_PAYLOAD","setUseDropshipping","useDropshipping","setCustomerDetailsConfirmed","customerDetailsConfirmed","setShippingConfirmed","saveCustomerDetail","isLoadingCustomerDetails","finally","CHECKOUT_SUBMIT","CHECKOUT_SUBMIT_ERROR","setValidationErrors","validationErrors","CHECKOUT_SET_VALIDATION_ERRORS","setStatusSubmitButton","CHECKOUT_SET_STATUS_SUBMIT_BUTTON","enableConfirmButton","confirmShippingMethod","setPayload","TextArea","EditorString","dangerouslySetInnerHTML","__html","AdditionalOrderInfo","showExtra","customerServiceMessage","customerMessage","comments","alternateReference","setAlternateReference","orderNumber","maxLength","CheckoutOrderSummary","_cart$fees","zhipsterData","discount","deliveryCost","selectedDropPointId","fees","fee","cost","vat","_chipProps$className","showDelete","chipProps","onDeleteClick","trimEnd","cursor","Discount","_errors$discountCode3","_errors$discountCode4","errors","inputDiscountCode","setInputDiscountCode","showDiscountInput","setShowDiscountInput","isLoading","setIsLoading","_errors$discountCode","submitDiscount","async","code","onBlur","onKeyDown","_errors$discountCode2","Chip","remove","Cart","cartItemsVisible","setCartItemsVisible","Object","keys","trackingServiceInitiateCheckoutEvent","values","requiredTranslation","alwaysRequiredSchema","object","shape","acceptTermsOfCondition","boolean","oneOf","privateCustomerAddressSchema","lastName","string","nullable","firstName","address","replace","zipCode","city","country","mixed","notOneOf","phoneNumber","email","privateCustomerAlternativeAddressSchema","dropshipValidationSchema","companyName","when","is","CHECKOUT_DROPSHIP_COMPANY","schema","otherwise","notRequired","businessCustomerDetailsSchema","selectedDeliveryAddressId","Checkbox","_props$checked","checked","setChecked","ConfirmOrder","customerDetails","alternativeAddress","selectedBillingAddressId","showAlternativeAddress","selectedDropshipAddressType","dropshipCustomerDetails","onSubmit","placeOrder","notCustomerDetailFields","validate","abortEarly","stateKey","inner","err","onValidationFailed","includes","path","newValidationErrors","ValidationError","validationErr","triggerToast","text","autoClose","console","acceptTermsError","CHECKOUT_ACCEPT_TERMS_OF_CONDITION","setAcceptTermsOfCondition","termsUrl","RadioButton","CheckoutRadio","campaignCost","logo","DeliveryMethods","deliveryMethods","Radio","formattedPrice","imageUrl","alt","PaymentMethods","paymentMethods","Dropdown","options","selectedValue","selectClassName","size","fixedLabel","shouldCapitalizeFirstLetter","activeEffect","_selectedOption$label","_ref","_selectedOption$label2","dropdownOpen","setDropdownOpen","searchTerm","setSearchTerm","newPlaceholder","setNewPlaceholder","filteredOptions","setFilteredOptions","dropdownRef","useRef","selectedOption","find","o","placeholderVisible","onOptionSelected","newFilteredOptions","filter","option","startsWith","handleKeyDown","tempSearchTerm","matchingOption","matchingOptionIndex","indexOf","matchingOptionNode","childNodes","HTMLElement","focus","slice","selectClasses","capitalizeFirstLetter","lowerCasedString","charAt","toUpperCase","onDropdownBlur","index","_option$label","_option$label2","tabIndex","selectedlabel","_option$label3","_option$label4","renderedText","RegExp","match","p1","useTypedDispatch","CheckoutCustomerInfoInput","validationSchema","onCustomerDetailsChange","CHECKOUT_DROPSHIP_PRIVATE","errorMessage","validateOnBlur","errorKey","validateAt","validationErrorsCopy","CheckoutCustomerInfoForm","showSignUp","allowAlternativeAddress","signUp","availableStates","setAvailableStates","setDropshipCustomerDetails","setAlternativeAddress","stateRequired","_getCountryByIso","_getCountryByIso2","getCountryByIso2","states","importStates","autoComplete","countries","countryCode","CHECKOUT_SET_COUNTRY","selectedCountry","state_code","CHECKOUT_SET_SIGN_UP","setSignUp","CHECKOUT_SET_SHOW_ALTERNATIVE_ADDRESS","setShowAlternativeAddress","BusinessCustomerInfo","deliveryAddresses","allowDropshipping","selectedDeliveryAddress","a","systemId","houseExtension","CHECKOUT_SET_SELECTED_DELIVERY_ADDRESS","address2","setSelectedDropshipAddressType","EmptyCart","emptyCartMessage","DynamicComponent","loader","loading","lazy","Suspense","fallback","scriptPattern","scriptFilePattern","extractScripts","domString","matches","html","scripts","scriptFiles","exec","executeScript","domId","scriptContent","_document$getElementB","script","createElement","appendChild","createTextNode","getElementById","includeScript","srciptUrl","_document$getElementB2","responseString","paymentSession","CheckoutWidget","args","renderWidget","ZhipsterDropdown","street","ZhipsterDropOptionRadio","dropOption","dropOptionId","formattedCampaignPrice","forwarderId","inputId","showImage","setShowImage","shippingProviderLogos","_state$checkout","onLoad","ZhipsterForm","onZipCodeChange","onReset","showEditButton","canSubmit","Zhipster","onShippingOptionChanged","deliveryMethodsComplete","onLoadingChanged","_payload$zhipsterData","_alternativeAddress$z","_payload$zhipsterData2","hasFetchedOptions","setHasFetchedOptions","selectedDropOptionId","setSelectedDropOptionId","dropOptions","setDropOptions","setZipCode","setError","setSelectedDropPointId","isZhipster","selectedDropOption","opt","selectedDropPoint","_selectedDropOption$d","dropPoints","DropPointID","_selectedDropOption$d2","drop","Name","Address","Street1","ZipCode","City","_alternativeAddress$z2","_alternativeAddress$z3","_dropOptions$","_dropPoints$","handleRequestError","_data$error","fetchShippingOptions","get","res","submitSelectedDropOption","debounce","abort","_option$dropPoints$","useReady","CheckoutStepContainer","showContent","stepContainerList","stepKey","stepComplete","textShadow","CheckoutCustomerInfoLabel","showSignIn","isB2b","loginUrl","CheckoutConfirmCustomerDetailsButton","saveDetailsAbortController","setSaveDetailsAbortController","saveDetails","onValidationError","existingErrors","i","preventDefault","hasErrors","add","toString","addToDataLayer","currency","log","products","responseProducts","hasOwnProperty","call","_price","_row$priceInfo$campai","_row$priceInfo","_row$priceInfo2","findIndex","gtmEcommerceItem","metaServiceAddToCartEvent","pinterestServiceAddToCartEvent","priceInfo","adformServiceAddToCartEvent","gtmEcommerceItems","p","dataLayerAddToCart","opacityTransitionClasses","stateIconClasses","BuyButton","styleClassName","hideIcon","btnSize","persistCheckmark","onAddToCart","buttonProps","showLoadingSpinner","setShowLoadingSpinner","showCheckmark","setShowCheckmark","checkmarkTimeoutId","setCheckmarkTimeoutId","onAddToCartSuccess","loadingSpinnerTimeout","ev","addToCart","receiveCart","triggerAddToCartAnimation","onCartError","UpsellBlock","initialShowItems","showItems","setShowItems","cartHasItem","_r$articleNumber","imageModel","_imageModel$sizeDefin","patternImage","images","sizeDefinitions","sort","b","width","thumbnailSrc","disableBuyOption","dataLayerBeginCheckoutUpsales","CheckoutUpsellBlockContainer","containerId","upsellBlocks","blocks","_upsellBlocks$contain","Checkout","setStepContainerList","isZhipsterLoading","setIsZhipsterLoading","showAdyenRetrySection","setShowAdyenRetrySection","numProducts","authenticated","updateKey","_force_update","_errors$key","forEach","urlParams","URLSearchParams","search","has","observer","MutationObserver","getElementsByClassName","disconnect","observe","attributes","childList","characterData","subtree","shippingAddress","customerDetailsAddressString","join","isZhipsterSelected","isZhipsterDone","hasDropPoints","containers","querySelectorAll","container","prevDict","onZhipsterOptionChanged","dropOptionSystemId","dropPointSystemId","_payload$alternativeA","_payload$alternativeA2","setZhipsterData","dropPointId","PaymentWidget","Collapsible","onStateChange","externalStateChange","isOpen","externalIsOpen","hideBorder","labelClassName","labelSize","setIsOpen","Collapse","isOpened","FilterCheckbox","singleSelect","selectedOptions","FilterRangeSlider","_filter$options$","_filter$options$2","_ref2","_filter$options$3","_filter$options$4","setValues","onChangeTimer","setOnChangeTimer","minValue","_filter$options$0$id","_filter$options$5","maxValue","_filter$options$1$id","_filter$options$6","Range","renderThumb","isDragged","renderTrack","onMouseDown","onTouchStart","background","getTrackBackground","colors","FilterSearchInput","onSearch","setValue","matchingOptions","ColorNameToHexMapper","green","gray","beige","white","blue","brown","yellow","purple","orange","pink","red","black","turquoise","blackwhite","multi","FilterColorCheckbox","_option$attributes$cs","backgroundColor","cssValue","FilterGroupElement","showAll","showAllButtonVisible","onShowHideAllClick","maxFiltersToShow","onOptionChanged","filterId","optionId","onOptionChangedAction","queryProductFiltering","onRangeChanged","onRangeChangedAction","renderFilterOptions","filterGroupType","FilterGroupType","localeCompare","showSearch","ProductFiltering","productFiltering","filters","updatePending","showAllForFilters","openFilters","showFilterState","showDesktopFilters","toggleSideBar","sideBarElem","classList","filterSearchResults","setFilterSearchResults","shouldShowAllFilters","filterSearchResultsCopy","getFilterOptions","_filterSearchResults$","getFilterGroupLabel","setFilterOpen","toggleShowAllForFilter","ProductSorting","_useTypedSelector","sortCriteria","selectedSortItem","sortItems","s","selected","query","onSortItemSelected","ProductSortingRadios","FilterMenu","currentMenu","setCurrentMenu","totalActiveFilters","totalProductsCount","productListing","hasAnyOptionSelected","some","obj","selectedSortItemName","_sortCriteria$sortIte","SortingHeader","clearAllFilters","FilterTriggerButton","sum","toggleDesktopFilterBar","ProductsTotalCount","CategoryLayoutSelect","productListingType","showMasonryButton","onListingTypeSelected","listingType","setProductListingType","showDetailedListButton","ProductListingType","Toggler","initialState","active","setIsActive","handleOnClick","PatternImageToggler","cookies","useCookies","showRoomImage","setCookie","setShowRoomImage","FilterBar","_sortItems$find","_state$productFilteri","sortItem","setUsername","username","LOGIN_SET_USERNAME_PASSWORD","setLoginModalOpen","modalOpen","LOGIN_SET_MODAL_OPEN","setLoginMode","loginMode","LOGIN_SET_LOGIN_MODE","signOut","reload","setMagicLinkModel","magicLinkModel","LOGIN_SET_MAGIC_LINK_MODEL","handleErrorResponse","setLoginError","setLoginFormLoading","LOGIN_ERROR","LOGIN_SET_IS_LOADING","handleLoginResponse","organizations","mustChangePassword","success","requestToken","localStorage","setItem","updateRequestVerificationToken","setRedirectUrl","LoginMode","LOGIN_SET_ORGANIZATIONS","onSuccessfulLogin","LOGIN_SET_REDIRECT_URL","MyPagesMobileMenu","_userInfo$currentOrga","navigate","useNavigate","pathname","useLocation","currentOrganizationName","MyPagesDesktopMenu","NavLink","to","end","BASE_ROUTE","_res$headers$get","headers","general","userInfoActions","FakeInput","MyPagesSettings","detailsIntro","_address$country","_countriesList$","_userInfoForm$phone","_userInfoForm$firstNa","_userInfoForm$lastNam","_address$address","_address$careOf","_address$zipCode","_address$city","successMessage","countriesList","globalThis","LitiumConstants","setAddress","userInfoForm","setUserInfoForm","password","setPassword","confirmPassword","setConfirmPassword","confirmPasswordError","setConfirmPasswordError","setCountry","setUserInfoValue","userInfoCopy","assign","setAddressValue","_address","getErrorMessages","_errors$key2","_errors$general","scrollTo","top","behavior","mayEditLogin","saveUsername","savePassword","saveUserInfo","phone","address1","careOf","rootRoute","ORDER_SET_IS_LOADING","receive","list","totalCount","currentPage","showOnlyMyOrders","mode","ViewMode","ORDER_RECEIVE","ORDER_ERROR","setOrder","order","ORDER_SET_ORDER","OrderListItemMobile","_order$alternateOrder","deliveryWithTracking","deliveries","trackingUrl","trackingReference","externalOrderID","orderDate","orderGrandTotal","orderStatus","OrderListItemDesktop","_deliveryWithTracking","trackingIdFromUrl","segments","lastPart","calculatePager","pageSize","PaginationOptions","displayedEntries","edgeEntries","pageCount","ceil","interval","getInterval","currentPageIndex","intervalStart","intervalEnd","internalPageIndex","half","upperLimit","PaginationItem","RenderFirstHalfItems","renderItems","publicPageIndex","RenderMiddleItems","RenderSecondHalfItems","Pagination","SkeletonListItemDesktop","Array","SkeletonListItemMobile","MyPagesOrderHistory","orders","myPage","orderList","pager","setPager","generalError","pageIndex","orderId","showOrderDetail","queryOrders","onOrderClick","hasOrders","ORDER_CHANGE_CURRENTPAGE","changeCurrentPage","UnitPrice","unit","OrderDetailProductCard","product","_product$priceInfo","_product$priceInfo$pr","link","quantityString","unitOfMeasurementTitle","totalPrice","OrderDetail","isConfirmation","confirmationTitle","confirmationText","confirmationExtraText","_shippingAddress$firs","_shippingAddress$last","shippingInfo","deliveryId","orderTotalDeliveryCost","orderTotalFee","orderTotalDiscountAmount","orderTotalVat","customerInfo","organizationName","deliveryMethod","MyPagesOrderDetail","useParams","componentRef","handlePrint","useReactToPrint","content","reorder","loadError","PERSON_RECEIVE","PERSON_ERROR","UserListItemMobile","person","UserListItemDesktop","MyPagesUsers","persons","personsList","queryPersons","MyPagesAddUser","setFirstName","setLastName","setEmail","setPhone","setRole","submitForm","MyPagesEditUser","setPerson","fetchUser","setPersonValue","personCopy","editPerson","ADDRESS_RECEIVE","ADDRESS_ERROR","AddressListItemDesktop","columnClassName","addressType","AddressListItemMobile","addresses","addressList","queryAddresses","MyPagesAddAddress","_errors$address","_errors$address2","_errors$zipCode","_errors$zipCode2","_errors$city","_errors$city2","_errors$phoneNumber","_errors$phoneNumber2","setCity","setPhoneNumber","addAddress","MyPagesEditAddress","_errors$address3","_errors$address4","setDisabled","isEditable","fetchAddress","addressCopy","editAddress","ScrollToTop","ReturnFormMediaInput","onDrop","acceptedFiles","formData","FormData","file","append","submitImage","form","uniqueId","getRootProps","getInputProps","isDragActive","useDropzone","accept","minSize","maxSize","imageStatus","Status","ReturnFormActions","status","renderMediaContent","ReturnFormMediaItem","fileSize","ReturnFormItemValidationSchema","number","errorCode","ReturnFormValidationSchema","returnType","ReturnFormItem","errorCodes","_item$images","getValidationErrorLabel","errMsg","ReturnItemKeys","substring","ReturnFormSuccessContainer","returnForm","returns","comment","termsTitle","termsText","valid","setValid","submitButtonContent","Promise","all","property","handleSubmit","user","isB2bOnly","filteredNav","HashRouter","Routes","Route","element","MyPagesReturnForm","addUserDescription","editUserDescription","MyPagesAddresses","addAddressDescription","editAddressDescription","MegaMenu","onMegaMenuClose","_link$links","_link$titleLinkModel","blockContainerRef","innerHTML","block","links","titleLinkModel","subLink","_subLink$columnHeadin","_subLink$columnHeadin2","_subLink$columnHeadin3","_subLink$columnHeadin4","_subLink$columnHeadin5","_subLink$columnHeadin6","_subLink$links","_subLink$extraInfo","_subLink$extraInfo2","columnHeading","subSubLink","gridTemplateColumns","NavigationLink","isActive","onLinkClick","right","Navigation","contentLinks","rightContentLinks","activeMegaMenuLink","setActiveMegaMenuLink","blockElements","setBlockElements","blockElementsContainer","blockSystemIds","dataset","FullscreenImageSlider","initialSlide","videoUrl","contentRef","createRef","setOpen","isZoomed","setIsZoomed","hasLoadedOriginalImage","setHasLoadedOriginalImage","mediaList","img","splice","addEventListener","removeEventListener","Swiper","loop","slidesPerView","zoom","toggle","modules","Thumbs","FreeMode","Zoom","onZoomChange","swiper","scale","onZoom","slideIndex","realIndex","pagination","threshold","_item$image","_item$image2","SwiperSlide","autoPlay","muted","playsInline","originalSrc","hdSrc","breakpoint","breakpointDirection","css","getMediaQuery","theme","breakpoints","grid","breakpointValue","breakpointKeys","nextBreakpointIndex","nextBreakpoint","nextBreakpointValue","breakpointValues","MainSwiperMixin","StyledSwiper","styled","ResponsiveImage","lazyLoad","imgProps","sourceProps","pictureProps","smallestImage","orderedSizeDefinitions","fromWidth","srcSet","media","height","ProductPageImageSlider","_images$","thumbsSwiper","setThumbsSwiper","fullscreenOpen","setFullscreenOpen","activeSlideIndex","setActiveSlideIndex","rendered","setRendered","imageCount","dynamicBullets","dynamicMainBullets","thumbs","onSlideChange","onSwiper","spaceBetween","watchSlidesProgress","slidesPerGroup","BannerBlockItem","linkText","actionText","overlay","bodyText","lazyLoadImage","hasLinkButton","DivOrAnchor","rest","BannerSliderBlock","slides","numPerRow","fullwidth","slide","isAnchor","BannerBlock","desktopMedia","mobileMedia","textPlacement","styledButtons","bannerLink","disableRoundedCorners","disableHoverEffect","inProductListing","_mobileMedia$video","_mobileMedia$video2","_mobileMedia$video3","hasMobileSpecificMedia","video","isLinkedBanner","rounded","clipPath","button","_button$buttonStyle","_button$buttonStyle2","buttonStyle","buttonLink","ProductListHeaderText","showMore","setShowMore","wordLength","_value$length","resultSubstr","_value$substring","lastIndexOf","filterGroup","clearFilter","clearFilterGroup","ActiveFilterChips","noHit","f","debouncedQuery","SetSearchParam","searchParam","delete","set","queryStr","history","replaceState","g","FilterGroupChips","encodeURIComponent","Tag","tagSize","color","textColor","sortIndex","hexToRgba","borderColor","TierPrice","currencySymbol","ProductPrice","priceModel","itemPackageSize","showTierPrices","_priceModel$price","_priceModel$price2","_priceModel$price2$un","_priceModel$price3","_priceModel$price4","_priceModel$price4$un","_priceModel$price5","tierPriceBoxes","tierPrices","minimumQuantity","symbol","BuySampleButton","initialWidth","innerWidth","initialHeight","innerHeight","setSize","updateSize","sm","md","lg","xl","useBreakpoint","windowWidth","useWindowSize","currentBreakpoint","setCurrentBreakpoint","setBreakpointValues","setBreakpoints","_breakpoints","breakpointVars","_breakpointVars$key$r","_breakpointVars$key","sortedValues","keyArray","sortedValue","_breakpointValues","nextValue","isMobileBreakpoint","useIsMobile","isMobile","setIsMobile","ProductCardImage","pointerEventsEnabled","enablePointerEvents","ProductCardImageSlider","roomshotImage","productUrl","forceRoomshotImage","forcePatternImage","disableSlider","uuid","prevBtnRef","nextBtnRef","getInitialImage","forcedImageIndex","isEqual","swiperRef","_swiperRef$current","_swiperRef$current2","slideTo","_swiperRef$current3","_swiperRef$current4","prevEl","nextEl","nested","enabled","getMediaColClass","ProductQuickViewModal","_product$stockStatus","_product$samples","currentUser","favorite","isFavorite","setIsFavorite","setMediaList","onAddToFavoriteClick","removeProductFromWishList","WishListActions","addProductToWishList","_product$images","StockStatusLevel","samples","sample","FavoriteButton","iconClassName","iconWrapperClassName","ProductCard","showInfo","showRoomshot","showPatternImage","disableImageSlider","_product$tags","_product$extraInfo","_product$extraInfo2","quicksearchState","quickSearch","renderQuickViewModal","setRenderQuickViewModal","showQuickViewModal","setShowQuickViewModal","tags","tag","variantsAmount","navigationBtnClasses","preTitle","showSlider","mobileLayout","swiperSlideClassName","itemRenderer","mediumNumPerRow","mobileNumPerRow","floor","virtualIndex","getBlockData","blockName","blockSystemId","ok","warn","trace","ProductCardPlaceholder","ProductBlock","numberOfProducts","blockProps","setBlockProps","showProductInfo","_blockProps$showProdu","_blockProps$showRoomI","_props$products","getPageCardBlock","CustomResponsiveSlider","_blockProps$products","QuickSearchLinkItem","QuickSearchResultItem","modelKey","QuickSearchResultTab","results","setSearchQuery","QUICK_SEARCH_QUERY","searchError","QUICK_SEARCH_ERROR","toggleInputActive","clear","QUICK_SEARCH_INPUT_ACTIVE","inputActive","_result$results","QUICK_SEARCH_RECEIVE","showResult","activeTab","selectItem","selectedItem","QUICK_SEARCH_SELECT_ITEM","QuickSearchResultTabItem","resultKey","translation","QUICK_SEARCH_ACTIVE_TAB","QuickSearchResult","searchUrl","noHitHeader","noHitDescription","totalNumResults","QuickSearchNoHit","QuickSearchInitialTab","sectionList","listItem","sectionTitle","sectionLinkList","subListItem","searchLinkEditorField","q","trackingServiceSearchEvent","searchContainer","searchInput","_items$reduce","total","curr","noHits","decodeURIComponent","_searchInput$current","clip","keyCode","selectedObject","autoFocus","Grid1plus2","Grid","Grid3by3","DetailedListTopBar","PRODUCT_DETAIL_LIST_COL_SIZE_LIST","DetailedList","DetailedListFavoriteButton","DetailedListBuyForm","isProductPage","boxesAmount","rollsAmount","totalAmount","setTotalAmount","packageSize","setBoxesAmount","setRollsAmount","setQuantity","getParsedValue","isMeasuredWallpaper","ProductInformationPanel","productWidthM","productLengthM","productRepeatSizeCM","productPatternMatch","TieredPricesPanel","getTierPriceMessage","IsSingleUnit","IsBulkUnit","getAmountSaved","tierPrice","basePrice","tieredPrices","localTieredPrices","savings","amountMessage","getFormattedPrice","ProductCardWithDetailsMobile","_product$images$","_product$price$price","_product$price$price2","_product$price","_product$price$tierPr","_product$samples2","detailsOpen","setDetailsOpen","itemCollection","itemRestockDate","HIDE_TIER_PRICES","ProductCardWithDetails","displayRestockDate","date","dateObj","Date","month","toLocaleString","day","year","getFormattedDate","ProductCardWithDetailsContainer","setPackageSize","ProductCardWithDetailsPlaceholder","ProductCardWithDetailsMobilePlaceholder","ProductCardWithDetailsPlaceholderContainer","getScrollStorageKey","getBannerIndices","bannerCount","indices","getShiftCount","bannerIndices","isLargeCard","shiftCount","shiftedIndex","isMobileLargeCard","bannerShouldSpanTwoCols","isBannerBlock","ProductListing","fromCount","isLoadingMore","isLoadingReverse","showAllFallbackUrl","renderProducts","banners","infiniteScrollEnabled","setInfiniteScrollEnabled","mostLoadedGroupPosY","setMostLoadedGroupPosY","leastLoadedGroupPosY","setLeastLoadedGroupPosY","loadThreshold","setLoadThreshold","isResizing","setIsResizing","isReady","hasLoadedAll","initialProducts","_banners$length","_banners$length2","productsWithPlaceholders","_products","concat","_banners$length3","bannerIndex","banner","indexInProductList","productRefs","ProductComponent","ProductPlaceholderComponent","mostLoadedIndex","findLastIndex","leastLoadedIndex","refreshLoadedGroupPositions","_mostLoadedGroupRef$c","_leastLoadedGroupRef$","leastLoadedGroupRef","mostLoadedGroupRef","findLast","mostLoadedProductGroupPosY","getBoundingClientRect","leastLoadedProductGroupPosY","loadMore","startIndex","setIsLoadingMore","fetchProducts","loadReverse","take","setIsLoadingReverse","onScroll","throttle","leading","trailing","refreshIntervalId","setInterval","clearInterval","setUrlCount","wrapperClasses","CurrentProductsLayout","scrollY","setScrollY","_sessionStorage$getIt","outerHeight","scrollStorageKey","initialScrollY","sessionStorage","getItem","scrollRestoration","removeItem","onBeforeUnload","topMostIndexInView","elementIsVisibleInViewport","el","partiallyVisible","left","bottom","useLayoutEffect","timerId","RenderIfVisible","initialVisible","visibleOffset","rootElementClass","SearchResultLinkTab","MobileStickyFilterBar","MobileProductCountBar","_props$productListing","_props$brandListing","_props$pagesListing","_props$categoryListin","brandListing","pagesListing","categoryListing","setActiveTab","SEARCH_ACTIVE_TAB","SearchNavigationItem","_props$brandListing2","_props$categoryListin3","_props$pagesListing2","_props$productListing2","_props$categoryListin2","_props$pagesListing$t","_props$brandListing$t","productListingHits","categoryListingHits","pagesListingHits","brandListingHits","setActiveTabAction","totalHits","setMobileMenuOpen","mobileMenuOpen","NAVIGATION_RECEIVE","NavigationMobileTrigger","MobileNavigationItem","isCurrentLink","_link$name","_link$columnHeading","_link$columnHeading2","_link$url","_link$columnHeading3","_link$name2","_link$columnHeading4","_link$name3","_link$columnHeading5","LanguageSelectTrigger","languageSelectActive","currentChannel","channelPicker","LanguageSelectModal","channelPickerItems","currentCountryCode","selectedChannelSystemId","setSelectedChannelSystemId","channelSystemId","selectedCountryCode","setSelectedCountryCode","channelOptions","_channelPickerItems$m","countryOptions","_countries$map","fetchChannelPickerData","selectedChannelItem","setSelectedChannelAndCountry","channelItem","LoginChangePassword","login","newPassword","setNewPassword","passwordConfirmation","setPasswordConfirmation","submitChangePassword","oldPassword","LoginForgotPassword","isSuccessful","setIsSuccessful","submitMagicLink","submitForgotPassword","LoginForm","performLogin","performLoginAction","LoginSelectOrganization","selectedOrganizationId","setSelectedOrganizationId","org","selectOrganization","registerUserValidationSchema","LoginRegisterAccount","registerAccountFormData","setRegisterAccountFormData","allowMarketing","isSuccess","setIsSuccess","handleChange","prevFormData","prevErrors","newErrors","camelCase","handleSubmitError","c","prevData","LoginTypeSelector","initialIsB2b","b2bUrl","b2cUrl","setIsB2b","onLinkClicked","LoginContainer","NavigationMobile","logoUrl","instagramUrl","facebookUrl","pinterestUrl","myPagesUrl","youtubeUrl","extraLinksInMobileMenu","userIsLoggedIn","loginOpen","setLoginOpen","currentLink","setCurrentLink","previousLink","setPreviousLink","languageSelectVisible","handleCloseClick","onBackClick","_currentLink$links","l","rightAligned","NavigationLoginContainer","LanguageSelectWrapper","_currentLink$extraInf","_currentLink$blockSys","footer","OVERLAY_CLASS","Overlay","activeOverlays","disableOverlayClick","zIndexClasses","overlayClasses","classesToRemove","inset","position","overflowY","_document$body$style$","_document$body$style$2","component","removeOverlayAction","setBuyButtonArticleNumber","BUY_BUTTON_SET_ARTICLE_NUMBER","VariantPickerDropdown","VariantPickerButtons","buyButton","LoginModal","LoginPage","LoginModalTrigger","setPriceHistoryModalOpen","previouslyLowestPrice","numberOfDays","PRICE_HISTORY_SET_MODAL_OPEN","productPriceHistory","OrderConfirmation","extraText","trackingServicePurchaseEvent","BrandsBlock","brands","brand","RichTextBlock","textMobile","additionalPaddingX","additionalPaddingY","TopMessage","_message$value","faqList","faqItems","faq","_faq$text","UspBlock","ScrollToElementButton","btnType","selector","iconBefore","iconAfter","SubNavigation","isSelected","SubNavigationCollapsible","secondLevelLink","SubNavigationContainer","ProductsAndBannerBlock","productsBlock","bannersBlock","showBannerToTheRight","bannerBlockItem","_bannersBlock$banners","firstTwoProducts","_productsBlock$produc","remainingProducts","_productsBlock$produc2","true","false","CookieConsent","modalTitle","modalDescription","settingsTitle","tableHeaders","blockItems","groups","revision","initCookieConsent","run","current_lang","autoclear_cookies","page_scripts","languages","en","consent_modal","primary_btn","secondary_btn","settings_modal","save_settings_btn","accept_all_btn","reject_all_btn","close_btn_label","cookie_table_headers","header","group","cookie_table","blockItem","is_regex","isRegex","columns","getCookieTableItem","customModalStyles","padding","border","zIndex","PriceHistoryModal","priceHistory","Modal","ariaHideApp","preventScroll","onRequestClose","shouldCloseOnOverlayClick","CategoryNavigation","subNavigation","foundCategory","currentCategory","subCategories","_currentCategory$link","_foundCategory$links","_a$name","TopMenuUsps","uspList","_uspList$","_uspList$2","_uspList$3","_uspList$4","_uspList$5","_uspList$6","hasLoaded","setHasLoaded","uspLink","uspText","Autoplay","direction","autoplay","delay","disableOnInteraction","usp","QuickSearchTrigger","NewsletterRegistration","registrationError","setRegistrationError","isTryingToSubscribe","setIsTryingToSubscribe","hasApproved","setHasApproved","registrationSuccessful","setRegistrationSuccessful","trackingServiceNewsLetterEvent","RoundedPlusButton","ProductsModal","sideMenuContent","slidesOffsetBefore","slidesOffsetAfter","MediaBlockProductsButton","productsOpen","setProductsOpen","PageCardItem","aspectRatio","_item$thumbnail","thumbnail","display","WebkitLineClamp","WebkitBoxOrient","textExcerpt","SkeletonItem","isDoneLoading","Item","skeleton","PageCardItemList","isInBlock","ResponsiveMasonry","columnsCountBreakPoints","Masonry","gutter","ListBlockHeader","validAspectRatios","getRandomInt","random","getAspectRatio","withInitialProps","_items","n","getFixedAspectRatios","generateAspectRatio","invalidAspectRatio","_validAspectRatios$ge","newAspectRatio","PageCardBlock","pageCardItemListItems","PageListFilter","categories","activeTagIds","setActiveTagIds","clearTagIds","category","tagId","newTagIdsList","existingTagId","addFilterToList","NewsList","news","initialNews","initialPagination","baseUrl","initialCategories","_initialCategories$ma","setItems","setPagination","setCurrentPage","fetchArticles","activeFilters","isLoadMore","searchParams","updateUrl","pushState","onLoadMoreClick","itemsWithSkeletons","count","skeletonItems","_skeletonItems$idx$as","_skeletonItems$idx","ProductSelectorItemElement","selectedProductId","onVariantSelected","loadingProductId","ProductSelector","loadingSpinnerTimeoutId","setLoadingSpinnerTimeoutId","timeout","currentProductIndex","MAX_ITEMS_UNTIL_SLIDER","ProductPageTabsMenu","tabs","activeTabIndex","tab","ProductPageTabContent","Certificates","certificateList","itemIsEasyUp","svgCertificates","cert","valueOf","ProductPageDescriptionTab","productPage","productItem","certificates","Field","FieldComponent","viewName","ProductPageSpecificationsTab","_productPage$productS","fields","productSpecificationsGroup","productFields","field","ProductPageTrustabilityTab","returnInfo","ProductPageFAQTab","show","ProductPageTabsContainer","setActiveTabIndex","_productPage$productI","visible","generalShippingInfo","generalReturnInfo","filteredItemList","ProductPageImageGallery","activeImageIndex","setActiveImageIndex","getOrderNumber","getClickedIndex","productImage","ProductPageMobileImages","mediaArray","mediaItem","_mediaItem$imageModel","handleSetActiveImage","ProductPageBuySection","_product$productItem$","_product$stockStatus2","_product$productItem$2","_product$productItem$3","_product$productItem$4","_product$stockStatus3","_product$productItem$5","buyQuantity","setBuyQuantity","UnitOfMeasurment","ProductPageProductPrice","showUnit","RatingStars","rating","starsCount","showRatingText","starClassName","fullStarsCount","hasHalfStar","scrollIntoView","toFixed","ProductPageProductInformation","bottomLine","muralCanvasDisclaimer","_product$itemPackageS","average_score","getFormattedString","str","replaceAll","renderToString","ProductPageUsps","uspBlock","formattedUspValue","ProductRelationBlockContainer","productRelations","filteredProductRelations","productRelation","ProductPageBuyGuideContainer","setModalOpen","buyGuideContainerRef","setBuyGuideContainerRef","setChildren","_buyGuideElem$childre","buyGuideElem","child","useMutationObserver","callback","attributeOldValue","characterDataOldValue","attributeFilter","ProductPageLinkBlock","buttonText","iconName","openInNewWindow","displayArButton","displayButton","mutationRef","containerDisplay","setContainerDisplay","onMutation","mutations","mutation","oldValue","visibility","ProductPageStructuredData","_price$campaignPrice$","_price$campaignPrice","_price$campaignPrice$2","_price$price","_price$price$priceWit","itemProp","itemType","itemScope","priceWithVat","YotpoUgc","galleryId","galleryIdMobile","yotpo","getYotpoBottomLine","storeId","fetch","bottomline","yotpoBottomLine","setYotpoBottomLine","isPageVisible","setIsPageVisible","handleVisibilityChange","hidden","Yotpo","API","refreshWidgets","calculateRollCount","wallWidth","wallHeight","rollWidth","rollLength","patternSize","fitment","_waste","numCoverings","leftOfLastReport","repeatFitment","waste","numRolls","leftOfCurrentRoll","rolls","coveringsPerRoll","totalCoverings","getFitment","patternMatch","WallpaperCalculatorResult","showWaste","WallpaperCalculatorModal","patternSizeMeters","hasPrice","onAddedToCart","_calculatorResult$rol","setWallWidth","setWallHeight","calculatorResult","onSubmitClick","ProductPageWallpaperCalculatorModalWrapper","wallpaperCalculatorOpen","setWallpaperCalculatorOpen","modal","_modal$description","DetailedListBuyFormPDP","showExtraInputs","ProductPageRoomvoButton","ItemStatusEnum","DiscontinuedItem","itemStatus","ToBeDiscontinued","_currentProduct$produ","_currentProduct$produ2","_currentProduct$produ3","_currentProduct$varia","_currentProduct$produ4","currentProduct","productFromState","isB2BUser","_state$userInfo$curre","useYotpoBottomLine","renameBreadcrumb","breadcrumb","lastBreadcrumb","informationModal","InformationModal","buyGuideBlocks","hideRoomvoButton","simulatorCompatible","variants","setActiveProduct","currentProductId","allowWallpaperCalculator","widthMeters","lengthMeters","arApplicationUrl","accessoriesProducts","similarProducts","matchingProducts","MeasuredWallpaperCalculator","setCalculatorWidth","setCalculatorHeight","calculatorWidth","calculatorHeight","calculatedSizeTooSmall","calculatorActive","measuredWallpaper","disableWallSizeSelection","heightOptions","wallHeights","widthOptions","wallWidths","widthOption","heightOption","MeasuredWallpaperBuySection","cuttingsData","stockstatus","customWallpaperFile","buyButtonDisabled","buyButtonHidden","_priceModel$campaignP","calculatedPrice","setCalculatedPrice","unitPrice","postFormData","_articleNumber$toStri","addMeasuredWallpaperToCart","MeasuredWallpaperCutoutArrows","xmlns","fillRule","clipRule","MeasuredWallpaperRulers","showRuler","showVerticalLines","showHorizontalLines","selectionRef","windowHeight","drawLinesOnSelection","ctx","_selectionRef$current","_selectionRect$width","lineWidth","strokeStyle","selectionRect","cmToPxWidth","selectionHeight","canvas","numHorizontalLines","numVerticalLines","strokeGapHorizontal","strokeGapVertical","j","beginPath","setLineDash","moveTo","lineTo","k","drawRuler","isHorizontal","rulerHeight","cmToPx","numTicks","tickGapPx","pos","isFullTick","tickLabelEachCm","isHalfTick","tickLength","font","textMetrics","measureText","textWidth","textHeight","actualBoundingBoxAscent","actualBoundingBoxDescent","fillText","save","textAlign","rotate","PI","restore","querySelector","getContext","offsetWidth","offsetHeight","rightRulerCanvas","bottomRulerCanvas","NotificationDot","MeasuredWallpaperZoomButtons","currentZoomRatio","visibleZoomLevel","zoomRatioStep","minZoomRatio","maxZoomRatio","zoomLevelTooltip","round","Tooltip","place","delayShow","OptionButton","tooltip","tooltipPosition","tooltipId","delayHide","MeasuredWallpaperOptionButtons","mainButtonIcon","rotateOnOpen","showNotificationDot","showZoomButtons","filteredButtons","buttons","btn","roundZoomRatio","roundToNearestDecimal","roundToDecimal","roundUp","multiplier","MeasuredWallpaperCutout","initialCutFromX","initialCutFromY","onCuttingsDataChange","onFlipHorizontally","initialZoom","flipHorizontally","maxHeight","patternWidth","patternHeight","breadthWidth","repeatableX","repeatableY","scalable","horizontalRepeats","verticalRepeats","totalHorizontalRepeats","hasInitialPosition","breadthCanvasRef","imageRef","containerRef","borderSize","setBorderSize","x","initialX","setInitialX","initialY","setInitialY","offsetX","setOffsetX","offsetY","setOffsetY","isDragging","setIsDragging","hasDragged","setHasDragged","showBreadths","setShowBreadths","setImageWidth","setImageHeight","setShowRuler","setShowHorizontalLines","setShowVerticalLines","hasSetInitialPosition","setHasSetInitialPosition","calculatedZoomLevel","minZoom","isCustomWallpaper","totalHorizontalRpeats","calculateMinZoomLevel","imageBgSize","bgRepeat","setImagePositionOnDrag","movingX","movingY","imageRect","containerRect","leftLimit","rightLimit","rightEdgePos","topLimit","bottomLimit","bottomEdgePos","setImageTranslate","transform","onDragStart","touchPos","touches","clientX","clientY","mouseEvent","disableBodyScrolling","includeX","scrollX","overscrollBehavior","userSelect","onDrag","stopPropagation","onDragEnd","removeProperty","enableBodyScrolling","_insetSplit$0$replace","_insetSplit$","_insetSplit$1$replace","_insetSplit$2","insetSplit","resetImagePositionToBottomLeft","_imageRef$current","_containerRef$current","offsetTop","posX","posY","getCuttingsData","_selectionRef$current2","_imageRef$current2","cutFromX","cutToX","cutFromY","cutToY","mirrored","y","drawBreadths","_selectionRef$current3","_selectionRef$current4","selectionWidth","num","strokeGap","newZoomLevel","calculateImageSizeAndSetPosition","mouseMove","mouseUp","selectHeight","calculatedZoom","zoomRatio","setScalableImageSizes","imageWidthPercent","imageHeight","wallRatio","imageRatio","patternRepeatsX","canvasWidth","canvasHeight","newImageHeight","setInitialImagePosition","setImagePositionByCuttingsData","isFinite","offsetLeft","hasAnyOptionToggled","onTouchEnd","onMouseUp","borderTopWidth","borderBottomWidth","borderLeftWidth","borderRightWidth","borderStyle","backgroundImage","backgroundSize","backgroundRepeat","onMouseMove","onTouchMove","zoomRatioSteps","CustomWallpaperDropzone","onFileSelected","isReplacementZone","selectedImageUrl","customWallpaperInfo","_URL","URL","webkitURL","Image","objectUrl","createObjectURL","loadedImage","getUrl","validateFile","maxSizeBytes","maxSizeFormatted","minWidth","minHeight","revokeObjectURL","acceptedFileTypes","fileType","multiple","infoText","_currentProduct$stock","_currentProduct$stock2","setCalculatorActive","initialCuttingData","setInitialCuttingData","setFlipHorizontally","setCustomWallpaperFile","setCuttingsData","measuredWallpaperData","trackingServiceProductPageViewEvent","wallWidthFromUrl","wallHeightFromUrl","xPos","yPos","numericX","numericY","numericZoom","numericWidth","numericHeight","isValidWidth","isValidHeight","onPriceToggleBeforeReload","PRICE_TOGGLE_BEFORE_RELOAD_EVENT","isPreview","MegaMenuBlock","LanguageSelectDesktopContainer","RegisterUserPage","fileName","CollectionStoreInput","collectionItems","CollectionStoreReducer","collectionItem","setCollectionItem","CollectionStoreActions","selectedCollectionItem","CollectionItem","WallpaperCalculator","productPatternMatches","setRollWidth","setRollLength","setPatternSize","setFitment","_p$value","formatName","char","RetailerListFiltering","retailerList","filteredRetailerList","setActiveCountryFilter","setActiveCityFilter","setActiveRetailer","activeCountryFilter","activeCityFilter","activeRetailer","_activeRetailer$name","filteredCityList","Set","retailer","_retailer$country","uniqueCountries","unshift","citiesOptions","retailerOptions","lat","lng","RetailerListTopBar","showMap","setShowMap","retailersAmount","handleOnShowMapClick","storedRetailer","RetailerStoreCard","directionsUrl","website","RetailerListStores","CUSTOM_MAP_STYLE","featureType","elementType","stylers","saturation","lightness","hue","MarkerInfoBox","formattedAddress","RetailerListMap","googleApiKey","isLoadingRetailers","setMap","isLoaded","useJsApiLoader","googleMapsApiKey","handleOnLoad","onUnmount","bounds","google","maps","LatLngBounds","extend","fitBounds","MAP_OPTIONS","styles","streetViewControl","maxZoom","GoogleMap","mapContainerClassName","MarkerClusterer","averageCenter","minimumClusterSize","textLineHeight","clusterer","Marker","handleActiveMarkerClick","scaledSize","Size","InfoWindow","onCloseClick","RetailerListContainer","retailers","setRetailers","fetchRetailers","_r$country","_r$city","_filteredRetailerList","ContactForm","register","formState","reset","useForm","emailHasBeenSent","setEmailHasBeenSent","subject","ToastContainer","ToastifyContainer","hideProgressBar","newestOnTop","draggable","closeOnClick","ariaLabel","closeToast","WallpaperSimulatorFilterModal","setFiltersVisible","WallpaperSimulatorProductSelector","setSelectedProduct","filtersVisible","newPageNumber","newUrl","WallPaperSimulatorRoomSelector","simulatorRooms","selectedRoom","setSelectedRoom","room","roomImage","WallPaperSimulatorConfigurator","roomSelectorOpen","setRoomSelectorOpen","productSelectorOpen","setProductSelectorOpen","WallPaperSimulatorCanvas","activeProduct","isFullScreen","_activeProduct$simula","isLoadingImage","setIsLoadingImage","simulatorGeneratedImageUrl","loadingTimer","onLoadOrAbort","roomZoomMultiplier","ChoosenWallpaper","_activeProduct$images","handleChooseWallpaperClick","productContainerElem","WallpaperSimulatorActionButtons","linkCopied","setLinkCopied","handleDownloadImageClick","createDownloadableImageCanvas","tempDivCanvas","tempRoomImage","canvasElement","html2canvas","base64img","toDataURL","download","click","handleCopyLinkClick","currentUrl","navigator","clipboard","writeText","FullScreenDialog","setFunction","handleEscapeKeyPress","RoomPagination","roomAmount","currentRoomIndex","WallpaperSimulatorContainer","selectedProduct","initialSelectedProduct","_simulatorRooms$","fullScreenModalOpen","setFullScreenModalOpen","rooNameFromUrl","roomObject","hasChanges","QuickOrderDetailedListBuyForm","_document$activeEleme","valueAsNumber","activeElement","InputId","resultTotal","_rolls","_boxes","boxes","calculateOnTotal","resultBoxes","calculateOnBoxes","resultRolls","calculateOnRolls","QuickOrderActions","QuickOrderProductCard","_product$totalAmount$","_product$totalAmount$2","_product$totalAmount$3","_product$totalAmount$4","focusedArticle","QuickOrderReducer","focused","setFocused","QUICK_ORDER_LIST_COL_SIZE_LIST","TotalType","boxAmount","isSample","QuickOrderDesktopTable","searchQuery","addNewRow","debouncedSearchQuery","getProduct","QuickOrderMobileProductCard","QuickOrderMobileTable","mapToExtractProduct","_product$totalAmount","_product$note","_product$disableBuyOp","ArticleNumber","Collection","Quantity","Note","DisableBuyOption","_props$description","priceToggleEventRef","csvData","setCsvData","blob","Blob","setAttribute","toISOString","getProducts","sessionData","parsedData","JSON","parse","quickOrderCsvRows","String","stringify","itemsTotalPrice","timeOutId","getTotalPrice","replacement","files","reader","FileReader","onload","rows","columnIndices","readAsText","exportAsCvs","csvRows","mappedProduct","addMultiple","WishList","shareUri","shareModal","shareStatus","wishList","setMessage","shareListAsMail","ShareStatus","copyShareLink","SubNavigationList","StickyStoreNavigation","_storeScreen$startPag","_storeScreen$startPag2","_storeScreen$startPag3","_storeScreen$startPag4","_storeScreen$wallpape","_storeScreen$wallpape2","_storeScreen$wallpape3","_storeScreen$wallpape4","startPageLink","_link$attributes","wallpaperCalculatorLink","LoggedInIconAndDropdown","dropDownVisible","setDropDownVisible","myOrdersUrl","PriceToggle","showRecommendedPrice","canChange","clickedValue","setClickedValue","dispatchEvent","Event","submitPriceToggle","MeasuredWallpaperStandalone","panelOptions","customerId","channelId","showPriceLoadingSpinner","setShowPriceLoadingSpinner","setPriceModel","wallSize","setWallSize","postMessage","eventName","parent","submitCuttingsData","priceLoadingSpinnerTimeout","onMessage","_e$data","selectedWallSizeTooSmall","showPanel","showWallDropdowns","showBuyButton","onAddToCartClick","CheckoutScreenConfirmation","secondsLeft","setSecondsLeft","timer","prevSeconds","CheckoutStoreScreenContainer","setOrderNoteAction","reference","setReference","submitOrder","storeEmail","filename","MyPagesContainer","QuickSearch","SearchResult","SearchNavigation","Navbar","FaqAccordion","PriceHistoryModalTrigger","ProductPage","MeasuredWallpaperProductPage","CollectionStore","QuickOrder","FileListBlock"],"mappings":"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","file":"150.2ffb781dda0a0a1024ad.js","sourcesContent":["import React from 'react';\nimport { Provider } from 'react-redux';\nimport store from '../store';\n\nconst renderWrapper = (Component, props) =>\n  global.window ? (\n    <Provider store={store}>\n      <Component {...props} />\n    </Provider>\n  ) : (\n    <Provider store={global.LitiumReduxStore}>\n      <Component {...props} />\n    </Provider>\n  );\n\nexport default renderWrapper;\n","import {\n  OVERLAY_ADD_OVERLAY,\n  OVERLAY_CLOSE_OVERLAY,\n  OVERLAY_REMOVE_OVERLAY,\n  OVERLAY_UPDATE_OVERLAY,\n} from '../constants';\n\nexport const addOverlay = (\n  componentName,\n  onOverlayClick,\n  zIndexClass = null\n) => ({\n  type: OVERLAY_ADD_OVERLAY,\n  payload: {\n    componentName,\n    onOverlayClick,\n    zIndexClass,\n  },\n});\n\nexport const updateOverlay = (\n  componentName,\n  onOverlayClick,\n  zIndexClass\n) => ({\n  type: OVERLAY_UPDATE_OVERLAY,\n  payload: {\n    componentName,\n    onOverlayClick,\n    zIndexClass,\n  },\n});\n\nexport const removeOverlay = (componentName) => ({\n  type: OVERLAY_REMOVE_OVERLAY,\n  payload: {\n    componentName,\n  },\n});\n\nexport const closeOverlay = () => ({\n  type: OVERLAY_CLOSE_OVERLAY,\n  payload: {\n    activeOverlays: [],\n  },\n});\n","import React, {\n  cloneElement,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport ReactDOM from 'react-dom';\nimport { useDispatch } from 'react-redux';\nimport {\n  addOverlay,\n  removeOverlay,\n  updateOverlay,\n} from '../../Actions/Overlay.action';\nimport Icon from '../Icon';\nimport clsx from 'clsx';\n\ninterface SideMenuProps {\n  id: string;\n  duration?: string;\n  from?: 'left' | 'right' | 'bottom';\n  className?: string;\n  contentClassName?: string;\n  open?: boolean;\n  onClosed: () => void;\n  showCloseButton?: boolean;\n  children?: React.ReactNode;\n  title?: string;\n  disableClosing?: boolean;\n  closeButton?: any;\n  components?: {\n    Header?: React.FC;\n    Footer?: React.FC;\n    Content?: React.FC;\n  };\n  zIndexClass?: string;\n}\n\nconst SideMenu = forwardRef<HTMLDivElement, SideMenuProps>(\n  (\n    {\n      id,\n      duration = '0.2s',\n      from = 'right',\n      className,\n      contentClassName,\n      open = false,\n      onClosed,\n      showCloseButton = true,\n      children,\n      title,\n      disableClosing = false,\n      closeButton = null,\n      components = {},\n      zIndexClass,\n    }: SideMenuProps,\n    ref\n  ) => {\n    const [ready, setReady] = useState<boolean>(false);\n    const [slideIn, setSlideIn] = useState<boolean>(open);\n    const [renderSideMenu, setRenderSideMenu] = useState<boolean>(open);\n    const [timeoutId, setTimeoutId] = useState<NodeJS.Timeout>();\n    const dispatch = useDispatch();\n\n    if (!id || id == '') {\n      throw new Error(\n        'A unique side-menu \"id\" must be passed to side menu component'\n      );\n    }\n\n    useEffect(() => {\n      setReady(true);\n    }, []);\n\n    const close = useCallback(() => {\n      if (!disableClosing) {\n        // Just sets \"slideIn\" to false, which triggers the animation to close it\n        setSlideIn(false);\n        return true;\n      }\n\n      // False disables overlay click\n      return false;\n    }, [disableClosing]);\n\n    useEffect(() => {\n      dispatch(updateOverlay(id, close));\n    }, [dispatch, close, id]);\n\n    useEffect(() => {\n      if (!ready) return;\n      if (!slideIn && ready) {\n        // If not slide in, slide out :^)\n        if (timeoutId) {\n          // Clear previous timeout to avoid animation delay bug\n          clearTimeout(timeoutId);\n        }\n\n        var newTimeoutId = setTimeout(() => {\n          setTimeoutId(undefined);\n          onClosed && onClosed();\n          setRenderSideMenu(false);\n        }, parseFloat(duration) * 1000);\n\n        setTimeoutId(newTimeoutId);\n        dispatch(removeOverlay(id));\n      }\n    }, [slideIn]);\n\n    useEffect(() => {\n      if (!ready) return;\n\n      // Triggered every time \"open\" is changed, initially as well\n      // Timeout to not trigger on the same frame as the render, to enable the slide-in\n      setTimeout(() => setSlideIn(open), 1);\n\n      if (open) {\n        setRenderSideMenu(true);\n        dispatch(addOverlay(id, close, zIndexClass));\n      }\n    }, [open, close]);\n\n    const CloseIcon = () => (\n      <button onClick={close} className=\"absolute right-2 top-2 p-2\">\n        <Icon\n          className=\" h-5 w-5 cursor-pointer md:h-6 md:w-6\"\n          name=\"close\"\n        />\n      </button>\n    );\n\n    const slideInClasses = useMemo(() => {\n      switch (from) {\n        case 'bottom':\n          return slideIn ? 'bottom-0' : '-bottom-full';\n        case 'left':\n          return slideIn ? 'left-2' : '-left-full';\n        case 'right':\n        default:\n          return slideIn ? 'right-2' : '-right-full';\n      }\n    }, [slideIn, from]);\n\n    return renderSideMenu\n      ? ReactDOM.createPortal(\n          <div\n            className={clsx(\n              className,\n              'fixed z-50 flex h-full max-h-[calc(100vh-1rem)] flex-col overflow-y-auto rounded bg-white transition-all duration-[400ms] ease-in-out',\n              from == 'bottom'\n                ? 'max-h-[80%] w-full'\n                : 'top-2 w-[calc(100vw-1rem)] max-w-[512px] store-screen:max-h-[1080px]',\n              slideIn ? 'open' : 'closing',\n              slideInClasses\n            )}\n            ref={ref}\n            style={{ transitionDuration: duration }}\n          >\n            <div className=\"relative flex items-center p-4 capitalize\">\n              {components.Header && (\n                <>\n                  {showCloseButton &&\n                    !disableClosing &&\n                    (!closeButton ? (\n                      <CloseIcon />\n                    ) : (\n                      cloneElement(closeButton, {\n                        onClick: close,\n                      })\n                    ))}\n                  <components.Header />\n                </>\n              )}\n              {!components.Header &&\n                showCloseButton &&\n                !disableClosing &&\n                (!closeButton ? (\n                  <CloseIcon />\n                ) : (\n                  cloneElement(closeButton, {\n                    onClick: close,\n                  })\n                ))}\n              {title && <h2 className=\"pr-6\">{title}</h2>}\n            </div>\n            {components?.Content && (\n              <components.Content>{children}</components.Content>\n            )}\n            {!components?.Content && (\n              <div className={clsx(contentClassName ?? 'gap-4 pl-4 pr-4')}>\n                {children}\n              </div>\n            )}\n            {components.Footer != null && (\n              <div className=\"flex justify-center bg-gray-50 p-2\">\n                <components.Footer />\n              </div>\n            )}\n          </div>,\n          document.body\n        )\n      : null;\n  }\n);\n\nSideMenu.displayName = 'SideMenu';\n\nexport default SideMenu;\n","import React, { forwardRef } from 'react';\nimport { useMemo } from 'react';\nimport Icon from '../Icon';\nimport { InputProps } from './types/Input.types';\nimport clsx from 'clsx';\n\nconst Input: React.FC<\n  InputProps & React.InputHTMLAttributes<HTMLInputElement>\n> = forwardRef<\n  HTMLInputElement,\n  InputProps & React.InputHTMLAttributes<HTMLInputElement>\n>(\n  (\n    {\n      inputSize = 'medium',\n      inputState = 'default',\n      icon,\n      className,\n      wrapperClassName,\n      label,\n      helperText,\n      message,\n      showMessageIcon = true,\n      showAnimatedLabel = false,\n      ...props\n    },\n    ref\n  ) => {\n    const messageIcon = useMemo(() => {\n      switch (inputState) {\n        case 'default':\n        default:\n          return null;\n\n        case 'success':\n          return <Icon name=\"check-circle\" />;\n\n        case 'error':\n        case 'warning':\n          return <Icon name=\"warning\" />;\n      }\n    }, [inputState]);\n\n    const sizeClass = useMemo(() => {\n      switch (inputSize) {\n        case 'small':\n        case 'xsmall':\n          return 'input-wrapper--sm';\n        case 'large':\n          return 'input-wrapper--lg';\n        case 'xlarge':\n          return 'input-wrapper--xl';\n        case 'medium':\n        default:\n          return 'input-wrapper--md';\n      }\n    }, [inputSize]);\n\n    const animatedClass = useMemo(() => {\n      switch (inputSize) {\n        case 'medium':\n          return 'input-with-animated-label-medium';\n        default:\n          return 'input-with-animated-label';\n      }\n    }, [inputSize]);\n\n    const stateClass = useMemo(() => {\n      switch (inputState) {\n        case 'error':\n          return 'input-wrapper--error';\n        case 'warning':\n          return 'input-wrapper--warning';\n        case 'success':\n          return 'input-wrapper--success';\n        default:\n          return undefined;\n      }\n    }, [inputState]);\n\n    return (\n      <div\n        className={clsx(\n          wrapperClassName,\n          'input-wrapper',\n          sizeClass,\n          stateClass,\n          !!icon && 'input-wrapper--has-icon'\n        )}\n      >\n        {label && !showAnimatedLabel && (\n          <label htmlFor={props.id}>\n            {label}\n            {props.required && '*'}\n          </label>\n        )}\n        <div className=\"relative flex\">\n          <input\n            placeholder=\" \"\n            {...props}\n            className={clsx(\n              className,\n              'input',\n              showAnimatedLabel ? animatedClass : ''\n            )}\n            ref={ref}\n          />\n          {typeof icon == 'string' && <Icon name={icon} />}\n          {typeof icon == 'object' && icon}\n          {label && showAnimatedLabel && (\n            <label htmlFor={props.id}>\n              {label}\n              {props.required && '*'}\n            </label>\n          )}\n        </div>\n        {helperText && <span className=\"helper-text\">{helperText}</span>}\n        {message && (\n          <span className=\"message\">\n            {showMessageIcon && messageIcon}\n            <span>{message}</span>\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n","import React, { useState } from 'react';\nimport Icon from '../Icon';\nimport Input from '../Inputs/Input';\nimport clsx from 'clsx';\n\ninterface QuantityInputAttributes {\n  className?: string;\n  wrapperClassName?: string;\n  onChange?: (quantity: number) => void;\n  quantity?: number;\n  showButtons?: boolean;\n  min?: number;\n  max?: number;\n  step?: number;\n  disabled?: boolean;\n  mediumSize: boolean;\n}\n\nconst QuantityInput = (props: QuantityInputAttributes) => {\n  const {\n    className = '',\n    wrapperClassName = '',\n    onChange,\n    quantity,\n    showButtons = false,\n    min,\n    max,\n    step,\n    disabled = false,\n    mediumSize = false,\n  } = props;\n\n  const [internalValue, setInternalValue] = useState<number | undefined>(\n    quantity ?? 1\n  );\n  const [debounceTimer, setDebounceTimer] = useState<NodeJS.Timeout>();\n\n  const onInputChanged = (value) => {\n    let parsedValue: number | undefined = parseFloat(value);\n    setInternalValue(\n      Number.isNaN(parsedValue)\n        ? undefined\n        : parsedValue > 0\n        ? parsedValue\n        : 1\n    );\n    if (!parsedValue || parsedValue <= 0) return;\n\n    if (onChange) {\n      if (debounceTimer) {\n        clearTimeout(debounceTimer);\n      }\n\n      // Debounce onChange\n      setDebounceTimer(\n        setTimeout(() => {\n          onChange(value);\n        }, 350)\n      );\n    }\n  };\n\n  const iconClasses =\n    'absolute top-1/2 -translate-y-1/2 cursor-pointer w-4 h-4 color-gray-900 h-full';\n\n  return (\n    <div\n      className={clsx(\n        wrapperClassName,\n        'quantity-input',\n        'relative flex flex-col'\n      )}\n    >\n      <Input\n        className={clsx(\n          className,\n          'bg-gray-100 text-center !text-lg',\n          disabled && 'text-gray-500'\n        )}\n        type=\"number\"\n        value={internalValue ?? ''}\n        onChange={(e) => onInputChanged(e.target.value)}\n        min={min}\n        max={max}\n        step={step}\n        disabled={disabled}\n        inputSize={mediumSize ? 'medium' : 'large'}\n      />\n      {showButtons && (\n        <>\n          <button\n            className={clsx(\n              'left-0 right-[70%] w-[30%]',\n              internalValue <= 1 || disabled\n                ? 'opacity-[0.24]'\n                : 'opacity-1',\n              iconClasses,\n              disabled && 'pointer-events-none'\n            )}\n            role=\"button\"\n            onClick={() => !disabled && onInputChanged(internalValue - 1)}\n          >\n            <Icon className=\"\" name=\"minus\" />\n          </button>\n          <button\n            className={clsx(\n              'left-[70%] right-0 w-[30%]',\n              iconClasses,\n              disabled && 'pointer-events-none opacity-[0.24]'\n            )}\n            role=\"button\"\n            onClick={() => !disabled && onInputChanged(internalValue + 1)}\n          >\n            <Icon className=\"\" name=\"plus\" />\n          </button>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default QuantityInput;\n","import React from 'react';\nimport Icon from '../Icon';\nimport clsx from 'clsx';\nimport StockStatusProps, {\n  StockStatusLevel,\n} from '../../Types/StockStatus';\n\nconst getStockLevelColorClass = (level: StockStatusLevel) => {\n  switch (level) {\n    case 'Normal':\n    case 'OnDemand':\n      return 'bg-success-500';\n    case 'Warning':\n      return 'bg-warning-500';\n    case 'SoldOut':\n    default:\n      return 'bg-error-500';\n  }\n};\n\nconst StockStatus: React.FC<\n  StockStatusProps & React.HTMLAttributes<HTMLDivElement>\n> = ({\n  inStock,\n  description,\n  additionalDescription,\n  level,\n  className,\n  ...props\n}) => {\n  return (\n    <div\n      {...props}\n      className={clsx(\n        className,\n        'mb-4 flex items-center py-1 leading-tight'\n      )}\n    >\n      <div\n        className={clsx(\n          getStockLevelColorClass(level),\n          'mr-1.5 h-3 w-3 flex-none rounded-full'\n        )}\n      ></div>\n      <span className=\"text-md font-bold leading-tight\">\n        {description}\n        {additionalDescription && (\n          <span className=\"font-light\"> {additionalDescription}</span>\n        )}\n      </span>\n    </div>\n  );\n};\nexport default StockStatus;\n","import React, { useCallback, useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { update } from '../../Actions/Cart.action';\nimport { OrderRow } from '../../Types/OrderRow';\nimport QuantityInput from '../QuantityInput/QuantityInput';\nimport clsx from 'clsx';\nimport Icon from '../Icon';\nimport { translate } from '../../Services/translation';\nimport StockStatus from '../StockStatus/StockStatus';\n\ninterface OrderRowProductCardProps {\n  row: OrderRow;\n  onRemoveClick?: (row: OrderRow) => void;\n  className?: string;\n}\n\nconst OrderRowProductCard = ({\n  row,\n  onRemoveClick,\n  className = '',\n}: OrderRowProductCardProps) => {\n  const dispatch = useDispatch();\n\n  const [abortController, setAbortController] = useState<\n    AbortController | undefined\n  >();\n\n  useEffect(() => setAbortController(new AbortController()), []);\n\n  const onQuantityChange = useCallback(\n    (row: OrderRow, quantity: number) => {\n      dispatch(\n        update(row.rowSystemId, quantity, undefined, abortController)\n      );\n    },\n    [abortController, dispatch]\n  );\n\n  return (\n    <div\n      className={clsx(\n        className,\n        'flex flex-col gap-x-4 border-b border-gray-100 pb-5 md:border-none md:pb-0'\n      )}\n    >\n      <div className=\"flex w-full gap-4 border-gray-100  pb-5 md:border-b\">\n        <div className=\"w-[100px]\">\n          {row.image && (\n            <a href={row.url}>\n              <img\n                className=\"w-full rounded object-cover aspect-[3/4]\"\n                src={row.image}\n              />\n            </a>\n          )}\n        </div>\n        <div className=\"flex flex-1 flex-col\">\n          <div className=\"flex flex-1 flex-col\">\n            <div className=\"mb-2 flex flex-col gap-1 md:flex-row md:items-center md:justify-between\">\n              <span className=\"text-md leading-tight text-gray-500\">\n                {row.productType}\n                {row.showArticleNumber && <>: {row.articleNumber}</>}\n              </span>\n              {row.stockStatus && (\n                <StockStatus {...row.stockStatus} className=\"!mb-0\" />\n              )}\n            </div>\n            <h4 className=\"mb-1.5 text-h4\">\n              <a href={row.url}>{row.name}</a>\n            </h4>\n            <div className=\"mb-[6px] flex flex-col gap-y-[6px]\">\n              {row.extraInfo.items.map((item, _) => (\n                <div\n                  key={row.rowSystemId + '-extra-' + item.key}\n                  className=\"text-md font-normal leading-tight text-gray-500\"\n                >\n                  {item.key}: {item.value}\n                </div>\n              ))}\n              {row.previewUrl && (\n                <a\n                  className=\"text-md font-normal leading-tight text-gray-500 underline decoration-gray-500\"\n                  href={row.previewUrl}\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                >\n                  {translate('order-row.see-preview')}\n                </a>\n              )}\n            </div>\n            <div\n              className={clsx(\n                'mb-2 flex flex-col text-md font-normal leading-tight text-gray-500 lg:block',\n                row.campaignPrice && '!text-campaign'\n              )}\n            >\n              {row.formattedUnitCampaignPrice ?? row.formattedUnitPrice}\n              {row.unitOfMeasurement && (\n                <span className=\"text-gray-700\">\n                  {' / ' + row.unitOfMeasurement.toLowerCase()}\n                </span>\n              )}\n              {row.campaignPrice && (\n                <span className=\"mt-2 text-sm font-light text-gray-400 lg:ml-2 lg:mt-0\">\n                  {translate('cart-item.regular-unit-price')}{' '}\n                  {row.formattedUnitPrice}\n                </span>\n              )}\n            </div>\n          </div>\n          <div className=\"hidden items-center justify-between md:flex\">\n            <div className=\"flex flex-wrap items-center\">\n              <QuantityInput\n                quantity={row.quantity}\n                showButtons={!row.isFreeGift}\n                disabled={row.isFreeGift || !row.canEditQuantity}\n                mediumSize={true}\n                wrapperClassName=\"max-w-[112px]\"\n                onChange={(quantity) => onQuantityChange(row, quantity)}\n              />\n              {onRemoveClick && !row.isFreeGift && (\n                <button\n                  className=\"color-gray-500 ml-2 cursor-pointer p-2\"\n                  onClick={() => onRemoveClick && onRemoveClick(row)}\n                >\n                  <Icon name=\"delete\" className=\"h-5 w-5\" />\n                </button>\n              )}\n            </div>\n            <div className=\"text-right text-lg font-normal\">\n              {row.campaignPrice && row.campaignPrice != '' ? (\n                <span className=\"text-campaign\">{row.campaignPrice}</span>\n              ) : (\n                row.price\n              )}\n              {row.campaignPrice && row.campaignPrice != '' && (\n                <div className=\"text-sm text-gray-500 line-through\">\n                  {row.price}\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className=\"flex items-center justify-between md:hidden\">\n        <div className=\"flex flex-wrap items-center\">\n          <QuantityInput\n            quantity={row.quantity}\n            showButtons={!row.isFreeGift}\n            disabled={row.isFreeGift || !row.canEditQuantity}\n            mediumSize={true}\n            wrapperClassName=\"max-w-[112px]\"\n            onChange={(quantity) => onQuantityChange(row, quantity)}\n          />\n          {onRemoveClick && !row.isFreeGift && (\n            <button\n              className=\"color-gray-500 ml-2 cursor-pointer p-2\"\n              onClick={() => onRemoveClick && onRemoveClick(row)}\n            >\n              <Icon name=\"delete\" className=\"h-5 w-5\" />\n            </button>\n          )}\n        </div>\n        <div className=\"text-right text-lg font-normal\">\n          {row.campaignPrice && row.campaignPrice != ''\n            ? row.campaignPrice\n            : row.price}\n          {row.campaignPrice && row.campaignPrice != '' && (\n            <div className=\"text-sm text-gray-500 line-through\">\n              {row.price}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default OrderRowProductCard;\n","import { TypedUseSelectorHook, useSelector } from 'react-redux';\nimport { RootState } from '../reducers';\n\nexport const useTypedSelector: TypedUseSelectorHook<RootState> =\n  useSelector;\n","import React, { Fragment, useEffect, useState } from 'react';\nimport { translate } from '../../../Services/translation';\ninterface StockStatusPanelProps {\n  itemBatchInventories?: string;\n  productId?: string;\n}\ninterface Batch {\n  batchNumber?: string;\n  stockAmount?: number;\n}\n\nconst StockStatusPanel = ({\n  itemBatchInventories,\n  productId,\n}: StockStatusPanelProps) => {\n  const [batches, setBatches] = useState<Batch[]>([]);\n\n  const splitStringToObject = (batchInventoryString: string): void => {\n    const parts: string[] = batchInventoryString.split(';');\n\n    const objects: Batch[] = [];\n\n    for (const part of parts) {\n      const [batchNumber, stockAmount] = part.split(',');\n      objects.push({\n        batchNumber: batchNumber,\n        stockAmount: stockAmount ? parseInt(stockAmount) : 0,\n      });\n    }\n\n    setBatches(objects);\n  };\n  useEffect(() => {\n    if (!itemBatchInventories) return;\n    splitStringToObject(itemBatchInventories);\n  }, []);\n\n  return (\n    <div>\n      <div className=\"mb-3 text-lg font-bold\">\n        {translate('detailed-product-card.stock-status')}\n      </div>\n      <div className=\"mb-3 flex flex-col gap-3 text-md\">\n        <div className=\"flex w-full justify-between font-bold\">\n          <span>{translate('stockstatuspanel.batchnr')}</span>\n          <span>{translate('stockstatuspanel.amount')}</span>\n        </div>\n        {batches &&\n          batches.length > 0 &&\n          batches.map((batch, idx) => (\n            <Fragment key={'batch' + productId + batch.batchNumber + idx}>\n              {batch.batchNumber && batch.stockAmount && (\n                <div className=\"flex justify-between\">\n                  <span>{batch.batchNumber}</span>\n                  <span>{batch.stockAmount}</span>\n                </div>\n              )}\n            </Fragment>\n          ))}\n      </div>\n      <div className=\"text-md\">\n        {translate('stockstatuspanel.description')}\n      </div>\n    </div>\n  );\n};\n\nexport default StockStatusPanel;\n","import React, { useCallback, useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { update } from '../../Actions/Cart.action';\nimport { OrderRow } from '../../Types/OrderRow';\nimport QuantityInput from '../QuantityInput/QuantityInput';\nimport clsx from 'clsx';\nimport Icon from '../Icon';\nimport { translate } from '../../Services/translation';\nimport Input from '../Inputs/Input';\nimport { useDebouncedCallback } from 'use-debounce';\nimport StockStatusPanel from '../ProductCards/DetailedProductCardComponents/StockStatusPanel';\nimport StockStatus from '../StockStatus/StockStatus';\n\ninterface OrderRowProductCardProps {\n  row: OrderRow;\n  onRemoveClick?: (row: OrderRow) => void;\n  className?: string;\n}\n\nconst OrderRowProductCardB2B = ({\n  row,\n  onRemoveClick,\n  className = '',\n}: OrderRowProductCardProps) => {\n  const dispatch = useDispatch();\n\n  const [abortController, setAbortController] = useState<\n    AbortController | undefined\n  >();\n\n  const [batchOpen, setBatchOpen] = useState(false);\n  const [noteOpen, setNoteOpen] = useState<boolean>(!!row.note);\n  const [note, setNote] = useState<string>(row.note ?? '');\n  const [isRowValid, setIsRowValid] = useState(true);\n\n  useEffect(() => {\n    if (!noteOpen && note) {\n      setNote('');\n      dispatch(update(row.rowSystemId, row.quantity, ''));\n    }\n  }, [noteOpen, setNote]);\n\n  useEffect(() => setAbortController(new AbortController()), []);\n\n  const onQuantityChange = useCallback(\n    (row: OrderRow, quantity: number) => {\n      dispatch(update(row.rowSystemId, quantity, note, abortController));\n    },\n    [abortController, dispatch, note]\n  );\n\n  const debouncedSetNote = useDebouncedCallback((value) => {\n    if (value && value !== '') {\n      setNote(value);\n    }\n  }, 300);\n\n  useEffect(() => {\n    if (note) {\n      noteOpen &&\n        dispatch(\n          update(row.rowSystemId, row.quantity, note, abortController)\n        );\n    }\n  }, [note, dispatch, noteOpen]);\n\n  useEffect(() => {\n    const isValid =\n      row.itemBatchInventories !== null &&\n      !/^[^\\d]/.test(row.itemBatchInventories?.trim() ?? '');\n    setIsRowValid(isValid);\n  }, [row.itemBatchInventories]);\n\n  return (\n    <div className={clsx(className, 'flex gap-x-4')}>\n      <div className=\"flex w-full gap-4 border-b border-solid border-gray-100 pb-5\">\n        <div className=\"w-[100px]\">\n          {row.image && (\n            <a href={row.url}>\n              <img\n                className=\"w-full rounded object-cover aspect-[3/4]\"\n                src={row.image}\n              />\n            </a>\n          )}\n        </div>\n        <div className=\"flex flex-1 flex-col\">\n          <div className=\"flex flex-1 flex-col\">\n            <div className=\"mb-2 flex flex-col gap-1 md:flex-row md:items-center md:justify-between\">\n              <span className=\"text-md leading-tight text-gray-500\">\n                {row.productType}\n                {row.showArticleNumber && <>: {row.articleNumber}</>}\n              </span>\n              {row.stockStatus && (\n                <StockStatus {...row.stockStatus} className=\"!mb-0\" />\n              )}\n            </div>\n            <h4 className=\"mb-1.5 text-h4\">\n              <a href={row.url}>{row.name}</a>\n            </h4>\n            <div className=\"mb-[6px] flex flex-col gap-y-[6px]\">\n              {row.extraInfo.items.map((item, _) => (\n                <div\n                  key={row.rowSystemId + '-extra-' + item.key}\n                  className=\"text-md font-normal leading-tight text-gray-500\"\n                >\n                  {item.key}: {item.value}\n                </div>\n              ))}\n              {row.previewUrl && (\n                <a\n                  className=\"text-md font-normal leading-tight text-gray-500 underline decoration-gray-500\"\n                  href={row.previewUrl}\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                >\n                  {translate('order-row.see-preview')}\n                </a>\n              )}\n            </div>\n            <div className=\"mb-2 flex flex-col text-md font-normal leading-tight text-gray-500 lg:block\">\n              {row.formattedUnitCampaignPrice ?? row.formattedUnitPrice}\n              {row.unitOfMeasurement &&\n                ' / ' + row.unitOfMeasurement.toLowerCase()}\n              {row.campaignPrice && (\n                <span className=\"mt-2 text-sm font-light text-gray-400 lg:ml-2 lg:mt-0\">\n                  {translate('cart-item.regular-unit-price')}{' '}\n                  {row.formattedUnitPrice}\n                </span>\n              )}\n            </div>\n            <div className=\"mb-4 flex gap-4\">\n              <div className=\"flex items-center gap-1\">\n                <p className=\"text-md font-normal text-gray-700\">\n                  {row.stockStatus?.inStock &&\n                  row.stockStatus.quantity == 0 ? (\n                    row.stockStatus.description\n                  ) : (\n                    <>\n                      {row.stockStatus?.quantity ?? '0'}{' '}\n                      {translate('cart-item.amount-in-stock')}\n                    </>\n                  )}\n                </p>\n                {isRowValid && (\n                  <button\n                    onClick={() => setBatchOpen(!batchOpen)}\n                    className=\"flex cursor-pointer items-center\"\n                    aria-label=\"Open batch information\"\n                  >\n                    <Icon\n                      className=\"h-6 w-6 text-gray-700\"\n                      name=\"question-light\"\n                    />\n                  </button>\n                )}\n              </div>\n              <a\n                onClick={() => setNoteOpen(!noteOpen)}\n                className=\"flex cursor-pointer items-center\"\n              >\n                <p className=\"text-md font-normal text-gray-700\">\n                  {translate(\n                    noteOpen\n                      ? 'cart-item.remove-note'\n                      : 'cart-item.add-note'\n                  )}\n                </p>\n                <Icon\n                  className=\"h-6 w-6 pl-1 text-gray-700\"\n                  name={!noteOpen ? 'circle-plus' : 'circle-close'}\n                />\n              </a>\n            </div>\n            {batchOpen && (\n              <div className=\"mb-3 rounded border border-gray-200 p-4\">\n                <StockStatusPanel\n                  itemBatchInventories={row.itemBatchInventories}\n                  productId={row.id}\n                />\n              </div>\n            )}\n            {noteOpen && (\n              <Input\n                className=\"mb-3\"\n                label={translate('cart-item.note')}\n                onChange={(event) => debouncedSetNote(event.target.value)}\n                defaultValue={note}\n                showAnimatedLabel={true}\n              />\n            )}\n          </div>\n          <div className=\"flex items-center justify-between\">\n            <div className=\"flex flex-wrap items-center\">\n              <QuantityInput\n                quantity={row.quantity}\n                showButtons={!row.isFreeGift}\n                disabled={row.isFreeGift || !row.canEditQuantity}\n                mediumSize={true}\n                wrapperClassName=\"max-w-[112px]\"\n                onChange={(quantity) => onQuantityChange(row, quantity)}\n              />\n              {onRemoveClick && !row.isFreeGift && (\n                <button\n                  className=\"color-gray-500 ml-2 cursor-pointer p-2\"\n                  onClick={() => onRemoveClick && onRemoveClick(row)}\n                >\n                  <Icon name=\"delete\" className=\"h-5 w-5\" />\n                </button>\n              )}\n            </div>\n            <div className=\"text-right text-lg font-normal\">\n              {row.campaignPrice && row.campaignPrice != ''\n                ? row.campaignPrice\n                : row.price}\n              {row.campaignPrice && row.campaignPrice != '' && (\n                <div className=\"text-sm text-gray-500 line-through\">\n                  {row.price}\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default OrderRowProductCardB2B;\n","import React from 'react';\nimport clsx from 'clsx';\n\ninterface LoadingSpinnerAttributes {\n  className?: string;\n}\n\nconst LoadingSpinner = ({ className }: LoadingSpinnerAttributes) => {\n  return (\n    <svg\n      className={clsx(className, 'icon animate-spin')}\n      viewBox=\"0 0 24 24\"\n    >\n      <circle\n        className=\"opacity-0\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      ></circle>\n      <path\n        className=\"opacity-75\"\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      ></path>\n    </svg>\n  );\n};\n\nexport default LoadingSpinner;\n","import { useTypedSelector } from './useTypedSelector';\n\nconst useIsStoreScreen = () => {\n  const isStoreScreen = useTypedSelector(\n    (state) => state.navigation.storeScreen\n  );\n  return isStoreScreen;\n};\n\nexport default useIsStoreScreen;\n","import React, { useCallback, useState } from 'react';\nimport { useMemo } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { setShowMiniCart, update } from '../../Actions/Cart.action';\nimport { translate } from '../../Services/translation';\nimport SideMenu from '../SideMenu/SideMenu';\nimport OrderRowProductCard from '../OrderRowProductCard/OrderRowProductCard';\nimport Icon from '../Icon';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport clsx from 'clsx';\nimport OrderRowProductCardB2B from '../OrderRowProductCard/OrderRowProductCardB2B';\nimport { OrderRow } from '../../Types/OrderRow';\nimport LoadingSpinner from '../LoadingSpinner';\nimport useIsStoreScreen from '../../Hooks/useIsStoreScreen';\n\nconst MiniCart = () => {\n  const dispatch = useDispatch();\n  const {\n    showMiniCart,\n    orderRows,\n    emptyCartLink,\n    grandTotal,\n    checkoutUrl,\n    productTotal,\n    screenCheckoutUrl,\n  } = useTypedSelector((state) => state.cart);\n  const hasOrderRows = useMemo(() => orderRows?.length > 0, [orderRows]);\n  const { current } = useTypedSelector((state) => state.userInfo);\n\n  const [\n    showCheckoutLinkLoadingSpinner,\n    setShowCheckoutLinkLoadingSpinner,\n  ] = useState(false);\n\n  const quantity = useMemo(\n    () => orderRows.reduce((prev, current) => prev + current.quantity, 0),\n    [orderRows]\n  );\n\n  const closeMiniCart = () => dispatch(setShowMiniCart(false));\n\n  const Header = () => (\n    <div className=\"flex w-full flex-1 items-center justify-between\">\n      <h3 className=\"normal-case\">\n        {translate('general.cart')} {quantity > 0 ? `(${quantity})` : ''}\n      </h3>\n      <button className=\"p-3\" onClick={closeMiniCart}>\n        <Icon className=\"h-5 w-5\" name=\"close\" />\n      </button>\n    </div>\n  );\n\n  const onCheckoutLinkClick = () => {\n    setShowCheckoutLinkLoadingSpinner(true);\n  };\n\n  const isStoreScreen = useIsStoreScreen();\n\n  const Footer = hasOrderRows\n    ? () => (\n        <div className=\"flex-1 py-2\">\n          <div className=\"mb-4 flex items-center justify-between\">\n            <h4>{translate('general.total')}</h4>\n            <h4>{productTotal}</h4>\n          </div>\n          <a\n            href={!isStoreScreen ? checkoutUrl : screenCheckoutUrl}\n            className={clsx(\n              'btn btn--buy-button btn--large w-full uppercase',\n              showCheckoutLinkLoadingSpinner && 'disabled'\n            )}\n            onClick={onCheckoutLinkClick}\n          >\n            {!showCheckoutLinkLoadingSpinner &&\n              translate('cart.to-checkout')}\n            {showCheckoutLinkLoadingSpinner && <LoadingSpinner />}\n          </a>\n        </div>\n      )\n    : undefined;\n\n  const removeRow = (row: OrderRow) => {\n    dispatch(update(row.rowSystemId, 0));\n  };\n\n  return (\n    <SideMenu\n      className=\"z-[60] rounded\"\n      contentClassName=\"flex-1 border-b border-gray-100 overflow-y-auto scrollbar-none\"\n      id=\"mini-cart\"\n      open={showMiniCart}\n      onClosed={closeMiniCart}\n      components={{ Header, Footer }}\n      showCloseButton={false}\n    >\n      <div\n        className={clsx(\n          'flex max-h-full flex-1 flex-col gap-5 overflow-auto px-4 pt-4',\n          !hasOrderRows && 'm-auto'\n        )}\n      >\n        {(current?.isBusinessCustomer || isStoreScreen) && hasOrderRows ? (\n          orderRows.map((row) => (\n            <OrderRowProductCardB2B\n              key={row.rowSystemId + 'mini-cart'}\n              row={row}\n              onRemoveClick={removeRow}\n            />\n          ))\n        ) : hasOrderRows ? (\n          orderRows.map((row) => (\n            <OrderRowProductCard\n              key={row.rowSystemId + 'mini-cart'}\n              row={row}\n              onRemoveClick={removeRow}\n            />\n          ))\n        ) : (\n          <div className=\"m-auto flex flex-col items-center text-center\">\n            <Icon name=\"emoji-dead\" className=\"h-[72px] w-[72px]\" />\n            <h4 className=\"mx-0 my-4\">{translate('cart.empty')}</h4>\n            {emptyCartLink && (\n              <a\n                href={emptyCartLink}\n                className=\"btn btn--outline btn--large w-full uppercase\"\n              >\n                {translate('cart.empty-cart-link')}\n              </a>\n            )}\n          </div>\n        )}\n      </div>\n    </SideMenu>\n  );\n};\n\nexport default MiniCart;\n","import React from 'react';\nimport { useMemo } from 'react';\nimport Icon from '../Icon';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport clsx from 'clsx';\n\nconst MiniCartIcon = () => {\n  const { orderRows, addToCartAnimating = false } = useTypedSelector(\n    (state) => state.cart\n  );\n\n  const quantity = useMemo(\n    () =>\n      Math.min(\n        orderRows.reduce((prev, current) => prev + current.quantity, 0),\n        99\n      ),\n    [orderRows]\n  );\n\n  return (\n    <div className=\"relative\">\n      <Icon\n        className=\"icon h-6 w-6 text-gray-700 transition ease-in-out group-[.is-light-theme]:text-white store-screen:h-8 store-screen:w-8\"\n        name=\"shopping-cart\"\n      />\n      {quantity > 0 ? (\n        <div\n          className={clsx(\n            'absolute -right-2 -top-1.5 flex h-5 w-5 items-center justify-center rounded-[100%] text-center text-sm leading-[1.3] text-white transition duration-[125ms] ease-in-out ',\n            addToCartAnimating && 'scale-150',\n            addToCartAnimating ? 'bg-gray-700' : 'bg-gray-900'\n          )}\n        >\n          {quantity}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default MiniCartIcon;\n","import React from 'react';\nimport { useDispatch } from 'react-redux';\nimport { setShowMiniCart } from '../../Actions/Cart.action';\nimport MiniCartIcon from './MiniCartIcon';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\n\nconst MiniCartButton = () => {\n  const dispatch = useDispatch();\n  const userIsLoggedIn = useTypedSelector(\n    (state) => state.userInfo.current != null\n  );\n\n  return (\n    <>\n      <button\n        className=\"px-2 py-3 store-screen:mr-0 store-screen:py-4 lg:-mr-2 lg:py-2 hover:[&_.icon]:scale-110\"\n        onClick={() => dispatch(setShowMiniCart(true))}\n      >\n        <MiniCartIcon />\n      </button>\n    </>\n  );\n};\n\nexport default MiniCartButton;\n","import React, { useEffect, useState } from 'react';\n\nconst useDebouncedOnChange = (initialValue, action, wait = 300) => {\n  const [internalValue, setInternalValue] = useState(initialValue);\n  const [timeoutId, setTimeoutId] = useState(-1);\n\n  useEffect(() => {\n    if (timeoutId !== -1) {\n      setTimeoutId(clearTimeout(timeoutId));\n    }\n\n    setTimeoutId(setTimeout(action, wait));\n  }, [internalValue]);\n\n  return [internalValue, setInternalValue];\n};\n\nexport default useDebouncedOnChange;\n","import { post, put, remove } from '../Services/http';\nimport { load as loadCart } from './Cart.action';\nimport { catchError } from './Error.action';\n\nimport {\n  CHECKOUT_SET_SELECTED_COMPANY_ADDRESS,\n  CHECKOUT_SET_SELECTED_BILLING_ADDRESS,\n  CHECKOUT_SET_SELECTED_DELIVERY_ADDRESS,\n  CHECKOUT_SET_PRIVATE_CUSTOMER,\n  CHECKOUT_SET_SIGN_UP,\n  CHECKOUT_SET_DELIVERY,\n  CHECKOUT_SET_COUNTRY,\n  CHECKOUT_SET_PAYMENT,\n  CHECKOUT_SET_DISCOUNT_CODE,\n  CHECKOUT_SET_ORDER_NOTE,\n  CHECKOUT_ACCEPT_TERMS_OF_CONDITION,\n  CHECKOUT_SUBMIT,\n  CHECKOUT_SUBMIT_ERROR,\n  CHECKOUT_SET_PAYMENT_WIDGET,\n  CHECKOUT_SET_USED_DISCOUNT_CODE,\n  CHECKOUT_UPDATE_CUSTOMER_INFO,\n  CHECKOUT_SET_SHOW_ALTERNATIVE_ADDRESS,\n  CLEAR_ERROR,\n  CHECKOUT_SET_STATUS_SUBMIT_BUTTON,\n  CHECKOUT_VALIDATE_ADDRESS,\n  CHECKOUT_SET_CUSTOMER_INFO,\n  CHECKOUT_SET_VALIDATION_ERRORS,\n  CHECKOUT_SET_IS_SUBMITTING,\n  CHECKOUT_SET_PAYLOAD,\n  CHECKOUT_SET_ALTERNATE_ORDER_NUMBER,\n  CHECKOUT_STORE_SUCCESS,\n} from '../constants';\nimport { triggerToast } from '../Services/Toast.service';\nimport { translate } from '../Services/translation';\n\nexport const setBusinessCustomer = (isBusinessCustomer) => ({\n  type: CHECKOUT_SET_PRIVATE_CUSTOMER,\n  payload: {\n    isBusinessCustomer,\n  },\n});\n\nexport const setSignUp = (signUp) => ({\n  type: CHECKOUT_SET_SIGN_UP,\n  payload: {\n    signUp,\n  },\n});\n\nexport const updateCustomerDetails = (key, data) => ({\n  type: CHECKOUT_UPDATE_CUSTOMER_INFO,\n  payload: {\n    key,\n    data,\n  },\n});\n\nexport const setSelectedBillingAddress = (selectedBillingAddressId) => ({\n  type: CHECKOUT_SET_SELECTED_BILLING_ADDRESS,\n  payload: {\n    selectedBillingAddressId,\n  },\n});\n\nexport const setSelectedDeliveryAddress = (selectedDeliveryAddressId) => ({\n  type: CHECKOUT_SET_SELECTED_DELIVERY_ADDRESS,\n  payload: {\n    selectedDeliveryAddressId,\n  },\n});\n\nexport const setCheckoutIsSubmitting = (checkoutIsSubmitting) => ({\n  type: CHECKOUT_SET_IS_SUBMITTING,\n  payload: {\n    checkoutIsSubmitting,\n  },\n});\n\nexport const setStoreScreenSuccess = (storeScreenSuccess) => ({\n  type: CHECKOUT_STORE_SUCCESS,\n  payload: {\n    storeScreenSuccess,\n  },\n});\n\nexport const setDelivery = (method) => (dispatch, getState) => {\n  dispatch({\n    type: CHECKOUT_SET_DELIVERY,\n    payload: {\n      selectedDeliveryMethod: method,\n    },\n  });\n  const { payload } = getState().checkout;\n  return put('/api/checkout/setDeliveryProvider', payload)\n    .then((response) => response.json())\n    .then((result) => {\n      dispatch(loadCart());\n      if (result !== null && result.paymentWidget) {\n        dispatch(setPaymentWidget(result.paymentWidget));\n      }\n      dispatch(\n        updatePayload({ shippingConfirmed: result.shippingConfirmed })\n      );\n    })\n    .catch((ex) =>\n      dispatch(catchError(ex, (error) => submitError(error)))\n    );\n};\n\nexport const submitOrder =\n  (email, message, reference) => (dispatch, getState) => {\n    dispatch(setCheckoutIsSubmitting(true));\n    const payload = {\n      storeEmail: email,\n      message: message,\n      reference: reference,\n    };\n    return post('/api/checkout/sendOrder', payload)\n      .then((response) => {\n        response.json();\n        dispatch(setCheckoutIsSubmitting(false));\n        dispatch(setStoreScreenSuccess(true));\n      })\n      .catch((ex) => {\n        console.log(ex);\n        dispatch(setStoreScreenSuccess(false));\n        triggerToast({\n          title: translate('general.error'),\n          text: translate('checkout.error-support'),\n          type: 'error',\n          autoClose: false,\n        });\n      });\n  };\n\nexport const setCountry = (countryCode) => (dispatch, getState) => {\n  dispatch({\n    type: CHECKOUT_SET_COUNTRY,\n    payload: {\n      selectedCountry: countryCode,\n    },\n  });\n  const { payload } = getState().checkout;\n\n  // reset paymentWidget to null to avoid sending unnecessary request to payment provider\n  dispatch(setPaymentWidget(null));\n\n  return put('/api/checkout/setCountry', payload)\n    .then((response) => response.json())\n    .then((result) => {\n      dispatch(loadCart());\n      dispatch(setPaymentWidget(result.paymentWidget));\n      dispatch({\n        type: CHECKOUT_SET_DELIVERY,\n        payload: {\n          deliveryMethods: result.deliveryMethods,\n          selectedDeliveryMethod: result.selectedDeliveryMethod,\n        },\n      });\n      dispatch({\n        type: CHECKOUT_SET_PAYMENT,\n        payload: {\n          paymentMethods: result.paymentMethods,\n          selectedPaymentMethod: result.selectedPaymentMethod,\n        },\n      });\n    })\n    .catch((ex) =>\n      dispatch(catchError(ex, (error) => submitError(error)))\n    );\n};\n\nexport const setPayment = (method) => (dispatch, getState) => {\n  dispatch({\n    type: CHECKOUT_SET_PAYMENT,\n    payload: {\n      selectedPaymentMethod: method,\n    },\n  });\n\n  const { payload } = getState().checkout;\n  // reset paymentWidget to null to avoid sending unnecessary request to payment provider\n  dispatch(setPaymentWidget(null));\n  // reset payment error on the checkout\n  dispatch(\n    submitError({\n      modelState: {\n        payment: [],\n      },\n    })\n  );\n\n  return put('/api/checkout/setPaymentProvider', payload)\n    .then((response) => response.json())\n    .then((result) => {\n      dispatch(loadCart());\n      dispatch(setPaymentWidget(result.paymentWidget));\n    })\n    .catch((ex) =>\n      dispatch(catchError(ex, (error) => submitError(error)))\n    );\n};\n\nexport const reloadPayment = () => (dispatch, getState) => {\n  const { payload } = getState().checkout;\n  return put('/api/checkout/reloadPaymentWidget', payload)\n    .then((response) => response.json())\n    .then((result) => {\n      dispatch(loadCart());\n      if (result && result.paymentWidget) {\n        dispatch(setPaymentWidget(result.paymentWidget));\n      }\n    })\n    .catch((ex) =>\n      dispatch(catchError(ex, (error) => submitError(error)))\n    );\n};\n\nconst setPaymentWidget = (paymentWidget) => ({\n  type: CHECKOUT_SET_PAYMENT_WIDGET,\n  payload: {\n    paymentWidget,\n  },\n});\n\nexport const setOrderNote = (orderNote) => ({\n  type: CHECKOUT_SET_ORDER_NOTE,\n  payload: {\n    orderNote,\n  },\n});\n\nexport const acceptTermsOfCondition = (acceptTermsOfCondition) => ({\n  type: CHECKOUT_ACCEPT_TERMS_OF_CONDITION,\n  payload: {\n    acceptTermsOfCondition,\n  },\n});\n\nexport const setDiscountCode = (discountCode) => ({\n  type: CHECKOUT_SET_DISCOUNT_CODE,\n  payload: {\n    discountCode,\n  },\n});\n\nexport const submitDiscountCode = () => (dispatch, getState) => {\n  const { payload } = getState().checkout;\n  return put('/api/checkout/setDiscountCode', payload)\n    .then((response) => response.json())\n    .then((result) => {\n      dispatch(setUsedDiscountCodes(result.usedDiscountCodes));\n      dispatch(loadCart());\n      dispatch(setPaymentWidget(result.paymentWidget));\n      // reset error of campaign code\n      dispatch(\n        submitError({\n          modelState: {\n            discountCode: [],\n          },\n        })\n      );\n    })\n    .catch((ex) => {\n      dispatch(catchError(ex, (error) => submitError(error)));\n      // restore the initial cart\n      dispatch(loadCart());\n    });\n};\n\nexport const deleteDiscountCode =\n  (discountCode) => (dispatch, getState) => {\n    const { payload } = getState().checkout;\n    payload.discountCode = discountCode;\n    return remove('/api/checkout/deleteDiscountCode', payload)\n      .then((response) => response.json())\n      .then((result) => {\n        dispatch(setUsedDiscountCodes(result.usedDiscountCodes));\n        dispatch(loadCart());\n        dispatch(setPaymentWidget(result.paymentWidget));\n        dispatch(setDiscountCode(''));\n        // reset error of campaign code\n        dispatch(\n          submitError({\n            modelState: {\n              discountCode: [],\n            },\n          })\n        );\n      })\n      .catch((ex) => {\n        dispatch(catchError(ex, (error) => submitError(error)));\n        // restore the initial cart\n        dispatch(loadCart());\n      });\n  };\n\nexport const submitAlternateOrderNumber =\n  (orderNumber) => (dispatch, getState) => {\n    const { payload } = getState().checkout;\n    payload.alternateOrderNumber = orderNumber;\n\n    return put('/api/checkout/setAlternateOrderNumber', payload)\n      .then((response) => response.json())\n      .then((result) => {\n        dispatch(setAlternateOrderNumber(result.alternateOrderNumber));\n      })\n      .catch((ex) => {\n        dispatch(catchError(ex, (error) => submitError(error)));\n      });\n  };\n\nexport const submitOrderNote = (orderNote) => (dispatch, getState) => {\n  const { payload } = getState().checkout;\n  payload.orderNote = orderNote;\n\n  return put('/api/checkout/setOrderNote', payload)\n    .then((response) => response.json())\n    .then((result) => {\n      dispatch(setOrderNote(result.orderNote));\n    })\n    .catch((ex) => {\n      dispatch(catchError(ex, (error) => submitError(error)));\n    });\n};\n\nconst setUsedDiscountCodes = (usedDiscountCodes) => ({\n  type: CHECKOUT_SET_USED_DISCOUNT_CODE,\n  payload: {\n    usedDiscountCodes,\n  },\n});\n\nexport const setAlternativeAddress = (propName, value) => ({\n  type: CHECKOUT_SET_CUSTOMER_INFO,\n  payload: {\n    key: 'alternativeAddress',\n    data: {\n      [propName]: value,\n    },\n  },\n});\n\nexport const setAlternateOrderNumber = (value) => ({\n  type: CHECKOUT_SET_ALTERNATE_ORDER_NUMBER,\n  payload: {\n    alternateOrderNumber: value,\n  },\n});\n\nexport const setCustomerDetails = (propName, value) => ({\n  type: CHECKOUT_SET_CUSTOMER_INFO,\n  payload: {\n    key: 'customerDetails',\n    data: {\n      [propName]: value,\n    },\n  },\n});\n\nexport const setDropshipCustomerDetails = (propName, value) => ({\n  type: CHECKOUT_SET_CUSTOMER_INFO,\n  payload: {\n    key: 'dropshipCustomerDetails',\n    data: {\n      [propName]: value,\n    },\n  },\n});\n\nexport const submit = () => (dispatch, getState) => {\n  const { payload } = getState().checkout;\n  return _submit('/api/checkout', payload, dispatch);\n};\n\nconst _submit = (url, model, dispatch) => {\n  return post(url, model)\n    .then((response) => response.json())\n    .then((result) => {\n      dispatch(submitDone(result));\n      if (result.redirectUrl) {\n        location.href = result.redirectUrl;\n      } else {\n        dispatch(setCheckoutIsSubmitting(false));\n      }\n    })\n    .catch((ex) => {\n      dispatch(setCheckoutIsSubmitting(false));\n      if (ex.response) {\n        ex.response.json().then((error) => {\n          dispatch(submitError(error));\n          dispatch(submitDone(null));\n          // reload the cart, it might be changed after validation\n          dispatch(loadCart());\n        });\n      } else {\n        dispatch(submitError(ex));\n      }\n    });\n};\n\nexport const updatePayload = (payload) => ({\n  type: CHECKOUT_SET_PAYLOAD,\n  payload,\n});\n\nexport const setSelectedDropshipAddressType = (\n  selectedDropshipAddressType\n) => ({\n  type: CHECKOUT_SET_PAYLOAD,\n  payload: {\n    selectedDropshipAddressType,\n  },\n});\n\nexport const setUseDropshipping = (useDropshipping) => ({\n  type: CHECKOUT_SET_PAYLOAD,\n  payload: {\n    useDropshipping,\n  },\n});\n\nexport const setCustomerDetailsConfirmed = (customerDetailsConfirmed) => {\n  const data = {\n    type: CHECKOUT_SET_PAYLOAD,\n    payload: {\n      customerDetailsConfirmed,\n    },\n  };\n\n  if (!customerDetailsConfirmed) {\n    data.payload['shippingConfirmed'] = false;\n  }\n\n  return data;\n};\n\nexport const setShippingConfirmed = (shippingConfirmed) => ({\n  type: CHECKOUT_SET_PAYLOAD,\n  payload: {\n    shippingConfirmed,\n  },\n});\n\nexport const saveCustomerDetail =\n  (abortController = null) =>\n  (dispatch, getState) => {\n    const { payload } = getState().checkout;\n    dispatch(updatePayload({ isLoadingCustomerDetails: true }));\n    return put('/api/checkout/setCustomerDetail', payload, abortController)\n      .then((response) => response.json())\n      .then((data) => {\n        dispatch(setCustomerDetailsConfirmed(true));\n        return data;\n      })\n      .catch((ex) => {\n        dispatch(setCustomerDetailsConfirmed(false));\n        if (ex.response) {\n          ex.response.json().then((error) => {\n            dispatch(submitError(error));\n          });\n        } else {\n          dispatch(submitError(ex));\n        }\n        throw ex;\n      })\n      .finally(() => {\n        dispatch(updatePayload({ isLoadingCustomerDetails: false }));\n      });\n  };\n\nexport const clearError = () => ({\n  type: CLEAR_ERROR,\n  payload: {\n    errors: [],\n  },\n});\n\nexport const submitDone = (result) => ({\n  type: CHECKOUT_SUBMIT,\n  payload: {\n    result,\n  },\n});\n\nexport const submitError = (error) => ({\n  type: CHECKOUT_SUBMIT_ERROR,\n  payload: {\n    error,\n  },\n});\n\nexport const setPayload = (payload) => ({\n  type: CHECKOUT_SET_PAYLOAD,\n  payload,\n});\n\nexport const setValidationErrors = (validationErrors) => ({\n  type: CHECKOUT_SET_VALIDATION_ERRORS,\n  payload: {\n    validationErrors,\n  },\n});\n\nexport const setStatusSubmitButton = (value) => ({\n  type: CHECKOUT_SET_STATUS_SUBMIT_BUTTON,\n  payload: {\n    enableConfirmButton: value,\n  },\n});\n\nexport const setShowAlternativeAddress = (showAlternativeAddress) => ({\n  type: CHECKOUT_SET_SHOW_ALTERNATIVE_ADDRESS,\n  payload: {\n    showAlternativeAddress,\n  },\n});\nexport const setValidateStatus = (isValidating) => ({\n  type: CHECKOUT_VALIDATE_ADDRESS,\n  payload: {\n    isValidating,\n  },\n});\n\nexport const confirmShippingMethod =\n  (abortController = null) =>\n  (dispatch, getState) => {\n    const { payload } = getState().checkout;\n    return post(\n      '/api/checkout/confirmShippingMethod',\n      payload,\n      abortController\n    )\n      .then((response) => response.json())\n      .then((data) => {\n        dispatch(setPayload(data));\n      })\n      .catch((ex) => {\n        if (ex.response) {\n          ex.response.json().then((error) => {\n            dispatch(submitError(error));\n          });\n        } else {\n          dispatch(submitError(ex));\n        }\n        throw ex;\n      });\n  };\n\nexport const setZhipsterData = (\n  dropOptionId,\n  dropPointId,\n  zipCode,\n  hasDropPoints\n) => ({\n  type: CHECKOUT_SET_PAYLOAD,\n  payload: {\n    zhipsterData: {\n      selectedDropOptionId: dropOptionId,\n      selectedDropPointId: dropPointId,\n      zipCode,\n      hasDropPoints,\n    },\n  },\n});\n","import React, { forwardRef } from 'react';\nimport { useMemo } from 'react';\nimport Icon from '../Icon';\nimport { InputProps } from './types/Input.types';\nimport clsx from 'clsx';\n\nconst TextArea: React.FC<\n  InputProps & React.InputHTMLAttributes<HTMLTextAreaElement>\n> = forwardRef<\n  HTMLTextAreaElement,\n  InputProps & React.InputHTMLAttributes<HTMLTextAreaElement>\n>(\n  (\n    {\n      inputSize = 'medium',\n      inputState = 'default',\n      icon,\n      wrapperClassName,\n      label,\n      helperText,\n      message,\n      showMessageIcon = true,\n      showAnimatedLabel = false,\n      ...props\n    },\n    ref\n  ) => {\n    const messageIcon = useMemo(() => {\n      switch (inputState) {\n        case 'default':\n        default:\n          return null;\n\n        case 'success':\n          return <Icon name=\"check-circle\" />;\n\n        case 'error':\n        case 'warning':\n          return <Icon name=\"warning\" />;\n      }\n    }, [inputState]);\n\n    const sizeClass = useMemo(() => {\n      switch (inputSize) {\n        case 'small':\n        case 'xsmall':\n          return 'input-wrapper--sm';\n        case 'large':\n          return 'input-wrapper--lg';\n        case 'xlarge':\n          return 'input-wrapper--xl';\n        case 'medium':\n        default:\n          return 'input-wrapper--md';\n      }\n    }, [inputSize]);\n    const animatedClass = useMemo(() => {\n      switch (inputSize) {\n        case 'medium':\n          return 'input-with-animated-label-medium';\n        default:\n          return 'input-with-animated-label';\n      }\n    }, [inputSize]);\n    const stateClass = useMemo(() => {\n      switch (inputState) {\n        case 'error':\n          return 'input-wrapper--error';\n        case 'warning':\n          return 'input-wrapper--warning';\n        case 'success':\n          return 'input-wrapper--success';\n        default:\n          return undefined;\n      }\n    }, [inputState]);\n\n    return (\n      <div\n        className={clsx(\n          wrapperClassName,\n          'input-wrapper--textarea',\n          'input-wrapper',\n          sizeClass,\n          stateClass,\n          !!icon && 'input-wrapper--has-icon'\n        )}\n      >\n        {label && !showAnimatedLabel && (\n          <label htmlFor={props.id}>\n            {label}\n            {props.required && '*'}\n          </label>\n        )}\n        <div className=\"relative flex\">\n          <textarea\n            placeholder=\" \"\n            {...props}\n            className={clsx(\n              props.className,\n              'textarea',\n              'input',\n              showAnimatedLabel ? animatedClass : ''\n            )}\n            ref={ref}\n          />\n          {typeof icon == 'string' && <Icon name={icon} />}\n          {typeof icon == 'object' && icon}\n          {label && showAnimatedLabel && (\n            <label htmlFor={props.id}>\n              {label}\n              {props.required && '*'}\n            </label>\n          )}\n        </div>\n        {helperText && <span className=\"helper-text\">{helperText}</span>}\n        {message && (\n          <span className=\"message\">\n            {showMessageIcon && messageIcon}\n            <span>{message}</span>\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nTextArea.displayName = 'TextArea';\n\nexport default TextArea;\n","import React from 'react';\nimport { EditorStringModel } from '../../Types/EditorString';\n\nconst EditorString = ({ value }: EditorStringModel) => {\n  return value ? (\n    <div\n      className=\"editor-string\"\n      dangerouslySetInnerHTML={{ __html: value }}\n    ></div>\n  ) : null;\n};\n\nexport default EditorString;\n","import React, { useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport CheckoutSection from './utils/Checkout.Section';\nimport CheckoutSectionContent from './utils/Checkout.SectionContent';\nimport { translate } from '../../Services/translation';\nimport useDebouncedOnChange from '../../Hooks/useDebouncedOnChange';\nimport {\n  setOrderNote as setOrderNoteAction,\n  submitAlternateOrderNumber,\n  submitOrderNote,\n  submitExtraReference,\n} from '../../Actions/Checkout.action';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport TextArea from '../Inputs/TextArea';\nimport EditorString from '../EditorString/EditorString';\nimport Input from '../Inputs/Input';\n\nconst AdditionalOrderInfo = ({ showExtra }: { showExtra: Boolean }) => {\n  const dispatch = useDispatch();\n  const checkout = useTypedSelector((state) => state.checkout);\n  const { customerServiceMessage, customerMessage, alternateOrderNumber } =\n    checkout.payload;\n  const [comments, setOrderNote] = useDebouncedOnChange(\n    customerMessage,\n    () => dispatch(submitOrderNote(comments))\n  );\n\n  const [alternateReference, setAlternateReference] = useDebouncedOnChange(\n    alternateOrderNumber,\n    () =>\n      showExtra && dispatch(submitAlternateOrderNumber(alternateReference))\n  );\n\n  return (\n    <div className=\"mb-2\">\n      {showExtra && (\n        <>\n          <Input\n            inputSize=\"large\"\n            className=\"mb-4 mt-4\"\n            maxLength={30}\n            placeholder={translate('checkout.alternate-order-number')}\n            value={alternateReference}\n            onChange={(e) => setAlternateReference(e.target.value)}\n          />\n        </>\n      )}\n\n      <p className=\"font-bold\">{translate('checkout.order.message')}</p>\n      {customerServiceMessage && (\n        <div className=\"mb-4 text-lg\">\n          <EditorString value={customerServiceMessage.value} />\n        </div>\n      )}\n\n      <TextArea\n        inputSize=\"xlarge\"\n        className=\"mb-4\"\n        id=\"additional-info__input\"\n        value={comments}\n        placeholder={translate('checkout.ordernote.placeholder')}\n        onChange={(e) => setOrderNote(e.target.value)}\n      />\n    </div>\n  );\n};\n\nexport default AdditionalOrderInfo;\n","import React from 'react';\nimport { translate } from '../../Services/translation';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport clsx from 'clsx';\n\nconst CheckoutOrderSummary = () => {\n  const { shippingConfirmed, zhipsterData } = useTypedSelector(\n    (state) => state.checkout.payload\n  );\n  const cart = useTypedSelector((state) => state.cart);\n\n  return (\n    <div className=\"flex flex-col\">\n      <div className=\"flex justify-between py-1 text-lg font-normal\">\n        <span>{translate('checkout.order.sum')}</span>\n        <span className=\"text-right\">{cart.productTotal}</span>\n      </div>\n      {cart.discount && (\n        <div\n          className={clsx(\n            'flex justify-between py-1 text-lg font-normal',\n            'text-error'\n          )}\n        >\n          <span>{translate('checkout.order.saved')}</span>\n          <span className=\"text-right\">{cart.discount}</span>\n        </div>\n      )}\n      {cart.deliveryCost && (\n        <div className=\"flex justify-between py-1 text-lg font-normal\">\n          <span>{translate('checkout.order.shipping')}</span>\n          <span className=\"text-right\">\n            {shippingConfirmed || !!zhipsterData?.selectedDropPointId\n              ? cart.deliveryCost\n              : translate('checkout.no-shipping-selected')}\n          </span>\n        </div>\n      )}\n      {cart.fees?.map((fee, idx) => (\n        <div\n          className=\"flex justify-between py-1 text-lg font-normal\"\n          key={fee.name + idx}\n        >\n          <span>{fee.name}</span>\n          <span className=\"text-right\">{fee.cost}</span>\n        </div>\n      ))}\n\n      <div\n        className={clsx(\n          'flex justify-between pb-1 pt-2 text-lg',\n          'font-bold'\n        )}\n      >\n        <h3>{translate('checkout.order.grandTotal')}</h3>\n        <h3 className=\"text-right\">{cart.grandTotal}</h3>\n      </div>\n      <div className=\"flex justify-between py-1 text-lg font-normal\">\n        <span>{translate('checkout.order.vat')}</span>\n        <span className=\"text-right\">{cart.vat}</span>\n      </div>\n    </div>\n  );\n};\n\nexport default CheckoutOrderSummary;\n","import React, { HTMLAttributes } from 'react';\nimport Icon from './Icon';\nimport clsx from 'clsx';\n\ninterface ChipAttributes {\n  children?: any;\n  showDelete?: boolean;\n  onDeleteClick?: Function;\n  chipProps?: HTMLAttributes<HTMLDivElement>;\n}\n\nconst Chip = (props: ChipAttributes) => {\n  const {\n    children,\n    showDelete = true,\n    chipProps = {},\n    onDeleteClick,\n  } = props;\n\n  return (\n    <div\n      {...chipProps}\n      className={clsx(\n        `${chipProps.className ?? ''}`.trimEnd(),\n        'flex items-center justify-center gap-2 whitespace-nowrap rounded-md bg-gray-100 px-3 py-1.5 text-center text-sm'\n      )}\n    >\n      {children}\n      {showDelete && (\n        <Icon\n          name=\"close\"\n          cursor=\"pointer\"\n          className=\"h-4 w-4 text-gray-700\"\n          onClick={() => onDeleteClick && onDeleteClick()}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default Chip;\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { translate } from '../../Services/translation';\nimport {\n  submitDiscountCode,\n  deleteDiscountCode,\n  setDiscountCode,\n  submitError,\n} from '../../Actions/Checkout.action';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport Chip from '../Chip';\nimport Input from '../Inputs/Input';\nimport clsx from 'clsx';\n\nconst Discount = () => {\n  const dispatch = useDispatch();\n  const { payload, errors = {} } = useTypedSelector(\n    (state) => state.checkout\n  );\n  const { usedDiscountCodes } = payload;\n  const [inputDiscountCode, setInputDiscountCode] = useState('');\n  const [showDiscountInput, setShowDiscountInput] = useState(false);\n  const [isLoading, setIsLoading] = useState(false);\n\n  useEffect(() => {\n    if (errors && !errors['discountCode']?.length) {\n      setInputDiscountCode('');\n    }\n  }, [errors]);\n\n  const submitDiscount = async (code) => {\n    setIsLoading(true);\n    await dispatch(setDiscountCode(code));\n    await dispatch(submitDiscountCode());\n    setIsLoading(false);\n  };\n\n  const onChange = (code) => {\n    setInputDiscountCode(code);\n    if (errors['discountCode']?.length > 0 && !code.length) {\n      dispatch(\n        submitError({\n          modelState: {\n            discountCode: [],\n          },\n        })\n      );\n    }\n  };\n\n  return (\n    <div className=\"mb-4\">\n      <a\n        className=\"cursor-pointer py-2\"\n        onClick={() => setShowDiscountInput(!showDiscountInput)}\n      >\n        <span className=\"border-b border-gray-700 text-md font-normal uppercase tracking-[0.5px]\">\n          {translate('checkout.usecampaigncode')}\n        </span>\n      </a>\n      {showDiscountInput && (\n        <div className=\"mb-4 mt-4 flex gap-3\">\n          <div className=\"relative flex flex-1\">\n            <Input\n              type=\"text\"\n              id=\"checkout__discount\"\n              inputSize=\"large\"\n              className=\"flex-1 border border-solid border-gray-300 p-3\"\n              onBlur={() => !inputDiscountCode}\n              value={inputDiscountCode}\n              onKeyDown={(e) =>\n                e.key == 'Enter' && submitDiscount(inputDiscountCode)\n              }\n              placeholder={translate('checkout.fillcampaigncode')}\n              onChange={(e) => onChange(e.target.value)}\n              disabled={isLoading}\n              message={\n                errors['discountCode']?.length > 0\n                  ? errors['discountCode'][0]\n                  : null\n              }\n              inputState={\n                errors['discountCode']?.length > 0 ? 'error' : 'default'\n              }\n            />\n            <label\n              className=\"absolute -top-2 left-[14px] bg-white px-1 text-sm leading-normal\"\n              htmlFor=\"checkout__discount\"\n            >\n              {translate('checkout.campaigncode')}\n            </label>\n          </div>\n          <button\n            className=\"btn btn--outline btn--large min-w-1/4 h-[unset] self-auto border-gray-700\"\n            onClick={() => submitDiscount(inputDiscountCode)}\n            disabled={!inputDiscountCode || isLoading}\n          >\n            {translate('general.use')}\n          </button>\n        </div>\n      )}\n      {usedDiscountCodes && (\n        <div className=\"mt-4 flex gap-2\">\n          {usedDiscountCodes.map((code) => (\n            <Chip\n              key={'used-discount-code-' + code}\n              onDeleteClick={() => dispatch(deleteDiscountCode(code))}\n            >\n              {code}\n            </Chip>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Discount;\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport OrderRowProductCard from '../OrderRowProductCard/OrderRowProductCard';\nimport CheckoutSection from './utils/Checkout.Section';\nimport CheckoutSectionContent from './utils/Checkout.SectionContent';\nimport CheckoutSectionFooter from './utils/Checkout.SectionFooter';\nimport { translate } from '../../Services/translation';\nimport CheckoutOrderSummary from './Checkout.OrderSummary';\nimport Discount from './Checkout.Discount';\nimport { update } from '../../Actions/Cart.action';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport clsx from 'clsx';\nimport Icon from '../Icon';\nimport { OrderRow } from '../../Types/OrderRow';\nimport { trackingServiceInitiateCheckoutEvent } from '../../Services/Tracking.service';\nimport OrderRowProductCardB2B from '../OrderRowProductCard/OrderRowProductCardB2B';\nimport useIsStoreScreen from '../../Hooks/useIsStoreScreen';\n\nconst Cart = () => {\n  const dispatch = useDispatch();\n  const cart = useTypedSelector((state) => state.cart);\n  const [cartItemsVisible, setCartItemsVisible] = useState(false);\n  const hasOrderRows =\n    cart.orderRows && Object.keys(cart.orderRows).length > 0;\n  const removeRow = (row: OrderRow) => {\n    dispatch(update(row.rowSystemId, 0));\n  };\n\n  const { current } = useTypedSelector((state) => state.userInfo);\n  const isStoreScreen = useIsStoreScreen();\n\n  useEffect(() => {\n    if (cart) {\n      trackingServiceInitiateCheckoutEvent(cart);\n    }\n  }, []);\n\n  return (\n    <>\n      <div className=\"mx-auto mb-6 w-full bg-white lg:max-w-[660px] lg:rounded\">\n        <div\n          onClick={() => setCartItemsVisible(!cartItemsVisible)}\n          className=\"flex flex-1 cursor-pointer flex-row items-center justify-between px-6 pb-5 pt-6\"\n        >\n          <h3 className=\"text-h3\">\n            {translate('checkout.cart.title') + ' (' + cart.quantity + ')'}\n          </h3>\n          <Icon\n            name=\"chevron-left\"\n            className={clsx(\n              'h-4 w-4 transition-transform',\n              cartItemsVisible ? 'rotate-90' : 'rotate-[270deg] '\n            )}\n          />\n        </div>\n        <div\n          className={clsx(\n            'grid transition-[grid-template-rows] duration-200',\n            cartItemsVisible ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\n          )}\n        >\n          <div className=\"overflow-hidden\">\n            {(current?.isBusinessCustomer || isStoreScreen) && hasOrderRows\n              ? Object.values(cart.orderRows).map((row: any) => (\n                  <OrderRowProductCardB2B\n                    className={clsx(\n                      'mb-5 px-4 lg:px-6 [&:last-child]:mb-0 [&:last-child_>div]:border-b-0'\n                    )}\n                    key={row.rowSystemId}\n                    row={row}\n                    onRemoveClick={() => removeRow(row)}\n                  />\n                ))\n              : Object.values(cart.orderRows).map((row: any) => (\n                  <OrderRowProductCard\n                    className={clsx(\n                      'mb-5 px-4 lg:px-6 [&:last-child]:mb-0 [&:last-child_>div]:border-b-0'\n                    )}\n                    key={row.rowSystemId}\n                    row={row}\n                    onRemoveClick={() => removeRow(row)}\n                  />\n                ))}\n          </div>\n        </div>\n        <hr className=\"border-gray-100\" />\n        <div className=\"p-6\">\n          <Discount />\n          <CheckoutOrderSummary />\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default Cart;\n","import { translate } from '../../../Services/translation';\nimport { string, object, boolean, mixed, bool } from 'yup';\nimport {\n  CHECKOUT_DROPSHIP_COMPANY,\n  CHECKOUT_DROPSHIP_PRIVATE,\n} from '../../../constants';\n\nconst requiredTranslation = translate('validation.required');\n\nexport const alwaysRequiredSchema = object().shape({\n  acceptTermsOfCondition: boolean()\n    .required(translate('validation.checkrequired'))\n    .oneOf([true]),\n  selectedDeliveryMethod: object().required(requiredTranslation),\n  selectedPaymentMethod: object().required(requiredTranslation),\n});\n\nexport const privateCustomerAddressSchema = object().shape({\n  lastName: string().nullable().required(requiredTranslation),\n  firstName: string().nullable().required(requiredTranslation),\n  address: string()\n    .nullable()\n    .required(requiredTranslation)\n    .max(\n      36,\n      translate('validation.too-long')\n        .replace(\n          '{0}',\n          translate('checkout.customerinfo.address').replace('*', '')\n        )\n        .replace('{1}', '36')\n    ),\n  zipCode: string()\n    .nullable()\n    .required(requiredTranslation)\n    .max(\n      10,\n      translate('validation.too-long')\n        .replace(\n          '{0}',\n          translate('checkout.customerinfo.zipcode').replace('*', '')\n        )\n        .replace('{1}', '10')\n    ),\n  city: string()\n    .nullable()\n    .required(requiredTranslation)\n    .max(\n      36,\n      translate('validation.too-long')\n        .replace(\n          '{0}',\n          translate('checkout.customerinfo.city').replace('*', '')\n        )\n        .replace('{1}', '36')\n    ),\n  country: mixed()\n    .nullable()\n    .required(requiredTranslation)\n    .notOneOf([''], requiredTranslation),\n  phoneNumber: string().nullable().required(requiredTranslation),\n  email: string()\n    .nullable()\n    .required(requiredTranslation)\n    .email(translate(`validation.email`)),\n});\n\nexport const privateCustomerAlternativeAddressSchema = object().shape({\n  city: string().nullable().required(requiredTranslation),\n  zipCode: string().nullable().required(requiredTranslation),\n  address: string().nullable().required(requiredTranslation),\n  lastName: string().nullable().required(requiredTranslation),\n  firstName: string().nullable().required(requiredTranslation),\n});\n\nexport const dropshipValidationSchema = object().shape({\n  lastName: string().nullable().required(requiredTranslation),\n  firstName: string().nullable().required(requiredTranslation),\n  address: string()\n    .nullable()\n    .required(requiredTranslation)\n    .max(\n      36,\n      translate('validation.too-long')\n        .replace(\n          '{0}',\n          translate('checkout.customerinfo.address').replace('*', '')\n        )\n        .replace('{1}', '36')\n    ),\n  zipCode: string()\n    .nullable()\n    .required(requiredTranslation)\n    .max(\n      10,\n      translate('validation.too-long')\n        .replace(\n          '{0}',\n          translate('checkout.customerinfo.zipcode').replace('*', '')\n        )\n        .replace('{1}', '10')\n    ),\n  city: string()\n    .nullable()\n    .required(requiredTranslation)\n    .max(\n      36,\n      translate('validation.too-long')\n        .replace(\n          '{0}',\n          translate('checkout.customerinfo.city').replace('*', '')\n        )\n        .replace('{1}', '36')\n    ),\n  country: mixed()\n    .nullable()\n    .required(requiredTranslation)\n    .notOneOf([''], requiredTranslation),\n  phoneNumber: string().nullable().required(requiredTranslation),\n  email: string()\n    .nullable()\n    .required(requiredTranslation)\n    .email(translate(`validation.email`)),\n  companyName: string()\n    .nullable()\n    .when('selectedDropshipAddressType', {\n      is: CHECKOUT_DROPSHIP_COMPANY,\n      then: (schema) => schema.required(requiredTranslation),\n      otherwise: (schema) => schema.notRequired(),\n    }),\n});\n\nexport const businessCustomerDetailsSchema = object().shape({\n  selectedDeliveryAddressId: string()\n    .nullable()\n    .required(requiredTranslation),\n});\n","import React, { useState, useMemo } from 'react';\nimport Icon from '../Icon';\nimport { InputProps } from './types/Input.types';\nimport clsx from 'clsx';\n\nconst Checkbox: React.FC<\n  InputProps & React.InputHTMLAttributes<HTMLInputElement>\n> = ({\n  inputSize = 'medium',\n  inputState = 'default',\n  wrapperClassName,\n  label,\n  message,\n  helperText,\n  showMessageIcon = true,\n  ...props\n}) => {\n  const [checked, setChecked] = useState<boolean>(\n    props.checked ?? props.value == 'on'\n  );\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    props.onChange && props.onChange(e);\n    setChecked(e.target.checked);\n  };\n\n  const messageIcon = useMemo(() => {\n    switch (inputState) {\n      case 'default':\n      default:\n        return null;\n\n      case 'success':\n        return <Icon name=\"check-circle\" />;\n\n      case 'error':\n      case 'warning':\n        return <Icon name=\"warning\" />;\n    }\n  }, [inputState]);\n\n  const sizeClass = useMemo(() => {\n    switch (inputSize) {\n      case 'small':\n      case 'xsmall':\n        return 'checkbox-wrapper--sm';\n      case 'large':\n        return 'checkbox-wrapper--lg';\n      case 'xlarge':\n        return 'checkbox-wrapper--xl';\n      case 'medium':\n      default:\n        return 'checkbox-wrapper--md';\n    }\n  }, [inputSize]);\n\n  const stateClass = useMemo(() => {\n    switch (inputState) {\n      case 'error':\n        return 'checkbox-wrapper--error';\n      case 'warning':\n        return 'checkbox-wrapper--warning';\n      case 'success':\n        return 'checkbox-wrapper--success';\n      default:\n        return undefined;\n    }\n  }, [inputState]);\n\n  return (\n    <div\n      className={clsx(\n        wrapperClassName,\n        'checkbox-wrapper',\n        sizeClass,\n        stateClass\n      )}\n    >\n      <label htmlFor={props.id}>\n        <div className=\"wrapper relative\">\n          <input\n            type=\"checkbox\"\n            className=\"checkbox\"\n            {...props}\n            onChange={onChange}\n          />\n          <Icon\n            name=\"check\"\n            className={clsx(\n              'pointer-events-none absolute left-0 top-0 h-full w-full text-white transition-[opacity] duration-[125ms] ease-linear',\n              checked ? 'opacity-100' : 'opacity-0'\n            )}\n          />\n        </div>\n        {label && <span>{label}</span>}\n      </label>\n      {helperText && <span className=\"helper-text\">{helperText}</span>}\n      {message && (\n        <div className=\"message\">\n          {showMessageIcon && messageIcon}\n          <span>{message}</span>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Checkbox;\n","import React, { useCallback, useMemo } from 'react';\nimport { useDispatch } from 'react-redux';\nimport CheckoutSection from './utils/Checkout.Section';\nimport CheckoutSectionContent from './utils/Checkout.SectionContent';\nimport CheckoutSectionFooter from './utils/Checkout.SectionFooter';\nimport {\n  acceptTermsOfCondition as setAcceptTermsOfCondition,\n  setStatusSubmitButton,\n  setValidationErrors,\n  submit,\n  submitDone,\n  setCheckoutIsSubmitting,\n  saveCustomerDetail,\n} from '../../Actions/Checkout.action';\nimport {\n  alwaysRequiredSchema,\n  businessCustomerDetailsSchema,\n  dropshipValidationSchema,\n  privateCustomerAddressSchema,\n  privateCustomerAlternativeAddressSchema,\n} from './utils/Checkout.ValidationSchema';\nimport { translate } from '../../Services/translation';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport Checkbox from '../Inputs/Checkbox';\nimport clsx from 'clsx';\nimport { ValidationError } from 'yup';\nimport { triggerToast } from '../../Services/Toast.service';\n\nconst ConfirmOrder = () => {\n  const dispatch = useDispatch();\n  const checkout = useTypedSelector((state) => state.checkout);\n  const {\n    payload,\n    validationErrors = {},\n    checkoutIsSubmitting,\n  } = checkout;\n  const {\n    customerDetails,\n    alternativeAddress,\n    selectedDeliveryAddressId,\n    selectedBillingAddressId,\n    selectedDeliveryMethod,\n    selectedPaymentMethod,\n    showAlternativeAddress,\n    isBusinessCustomer,\n    acceptTermsOfCondition,\n    useDropshipping,\n    selectedDropshipAddressType,\n    dropshipCustomerDetails,\n  } = payload;\n\n  const onSubmit = useCallback(() => dispatch(submit()), [dispatch]);\n\n  const placeOrder = useCallback(async () => {\n    dispatch(setCheckoutIsSubmitting(true));\n    const notCustomerDetailFields = [\n      'selectedDeliveryAddressId',\n      'selectedBillingAddressId',\n      'selectedPaymentMethod',\n      'selectedDeliveryMethod',\n      'acceptTermsOfCondition',\n    ];\n\n    const onValidationFailed = (stateKey: string, errors: any[]) => {\n      const key = (err: any) =>\n        stateKey && !notCustomerDetailFields.includes(err.path)\n          ? `${stateKey}-${err.path}`\n          : err.path;\n\n      const newValidationErrors = errors.reduce(\n        (prev, err) => ({\n          ...prev,\n          [key(err)]: err.errors,\n        }),\n        {}\n      );\n      dispatch(\n        setValidationErrors({\n          ...validationErrors,\n          ...newValidationErrors,\n        })\n      );\n      dispatch(setStatusSubmitButton(true));\n      dispatch(submitDone(null));\n    };\n\n    dispatch(setStatusSubmitButton(false));\n\n    // Validate, then submit. Not proud of this validation, but better than Litium default\n    try {\n      if (isBusinessCustomer) {\n        // Business customer\n        try {\n          const schema = useDropshipping\n            ? dropshipValidationSchema\n            : businessCustomerDetailsSchema;\n\n          await schema.validate(\n            {\n              ...(useDropshipping\n                ? dropshipCustomerDetails\n                : customerDetails),\n              selectedDeliveryAddressId,\n              selectedBillingAddressId,\n              useDropshipping,\n              selectedDropshipAddressType,\n            },\n            { abortEarly: false }\n          );\n        } catch (ex) {\n          // re-throw the error with the scheme's state key\n          throw {\n            stateKey: useDropshipping\n              ? 'dropshipCustomerDetails'\n              : 'customerDetails',\n            error: ex.inner,\n          };\n        }\n      } else {\n        // Private customer\n        try {\n          await privateCustomerAddressSchema.validate(\n            {\n              ...customerDetails,\n              selectedDropshipAddressType,\n              useDropshipping,\n            },\n            { abortEarly: false }\n          );\n        } catch (ex) {\n          // re-throw the error with the scheme's state key\n          throw {\n            stateKey: 'customerDetails',\n            error: ex.inner,\n          };\n        }\n\n        // Alternative address\n        if (showAlternativeAddress) {\n          try {\n            await privateCustomerAlternativeAddressSchema.validate(\n              {\n                ...alternativeAddress,\n              },\n              { abortEarly: false }\n            );\n          } catch (ex) {\n            // re-throw the error with the scheme's state key\n            throw {\n              stateKey: 'alternativeAddress',\n              error: ex.inner,\n            };\n          }\n        }\n      }\n\n      // Always required\n      try {\n        await alwaysRequiredSchema.validate(\n          {\n            acceptTermsOfCondition,\n            selectedPaymentMethod,\n            selectedDeliveryMethod,\n          },\n          { abortEarly: false }\n        );\n      } catch (ex) {\n        // re-throw the error with the scheme's state key\n        throw { stateKey: null, error: ex.inner };\n      }\n\n      // Will not be reached if any validation failed\n      dispatch(saveCustomerDetail()).then(() => onSubmit());\n    } catch (err) {\n      dispatch(setCheckoutIsSubmitting(false));\n      onValidationFailed(err.stateKey, err.error);\n\n      // Trigger toasts for validation errors if B2B and not using drop shipping\n      if (err instanceof ValidationError) {\n        let validationErr = err as ValidationError;\n        if (isBusinessCustomer) {\n          triggerToast({\n            title: translate('general.error'),\n            text: 'Validation error, contact customer support',\n            type: 'error',\n            autoClose: false\n          });\n\n          for (let error of validationErr.inner) {\n            console.error({\n              title: translate(`checkout.error.${error.path}`),\n              text: error.message,\n              type: 'error',\n            });\n          }\n        }\n      }\n    }\n  }, [\n    dispatch,\n    validationErrors,\n    isBusinessCustomer,\n    customerDetails,\n    selectedDeliveryAddressId,\n    selectedBillingAddressId,\n    showAlternativeAddress,\n    alternativeAddress,\n    acceptTermsOfCondition,\n    selectedPaymentMethod,\n    selectedDeliveryMethod,\n    onSubmit,\n    useDropshipping,\n  ]);\n\n  const acceptTermsError = useMemo(\n    () =>\n      validationErrors['acceptTermsOfCondition']\n        ? validationErrors['acceptTermsOfCondition'][0]\n        : null,\n    [validationErrors]\n  );\n\n  return (\n    <div>\n      <div>\n        <p className=\"font-bold\">{translate('checkout.confirm-order')}</p>\n        <p className=\"mb-3 text-lg\">\n          {translate('checkout.review-order')}\n        </p>\n        <Checkbox\n          inputSize=\"large\"\n          id=\"terms-acceptterms\"\n          checked={acceptTermsOfCondition}\n          onChange={(e) =>\n            dispatch(setAcceptTermsOfCondition(e.target.checked))\n          }\n          inputState={acceptTermsError ? 'error' : 'default'}\n          label={\n            <>\n              {translate(`checkout.terms.acceptterms`)}{' '}\n              <a href={payload.termsUrl} className=\"link underline\">\n                {translate(`checkout.terms.link`)}\n              </a>\n            </>\n          }\n          message={acceptTermsError}\n        />\n      </div>\n      <div className={clsx('flex', 'mt-2')}>\n        <button\n          className={clsx(\n            'btn',\n            'btn--black',\n            'btn--xlarge',\n            'flex-1',\n            'flex',\n            'items-center',\n            'justify-center'\n          )}\n          disabled={checkoutIsSubmitting}\n          onClick={() => placeOrder()}\n          type=\"submit\"\n        >\n          {!checkoutIsSubmitting && translate('checkout.placeorder')}\n          {\n            checkoutIsSubmitting && (\n              <>{translate('general.loading')}...</>\n            ) /* TODO Loading spinner or similar */\n          }\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default ConfirmOrder;\n","import React, { useCallback, useState, useMemo } from 'react';\nimport { InputProps } from './types/Input.types';\nimport clsx from 'clsx';\n\nconst RadioButton: React.FC<\n  InputProps & React.InputHTMLAttributes<HTMLInputElement>\n> = ({\n  inputSize = 'medium',\n  inputState = 'default',\n  wrapperClassName,\n  label,\n  ...props\n}) => {\n  const sizeClass = useMemo(() => {\n    switch (inputSize) {\n      case 'small':\n      case 'xsmall':\n        return 'checkbox-wrapper--sm';\n      case 'large':\n        return 'checkbox-wrapper--lg';\n      case 'xlarge':\n        return 'checkbox-wrapper--xl';\n      case 'medium':\n      default:\n        return 'checkbox-wrapper--md';\n    }\n  }, [inputSize]);\n\n  return (\n    <div className={clsx(wrapperClassName, 'checkbox-wrapper', sizeClass)}>\n      <label htmlFor={props.id}>\n        <input type=\"radio\" className=\"radio\" {...props} />\n        {label && <span>{label}</span>}\n      </label>\n    </div>\n  );\n};\n\nexport default RadioButton;\n","import React from 'react';\nimport RadioButton from '../../Inputs/Radiobutton';\nimport clsx from 'clsx';\n\ninterface CheckoutRadioProps {\n  className?: string;\n  title?: string;\n  description?: string;\n  cost?: string;\n  campaignCost?: string;\n  logo?: JSX.Element | string;\n  stateKey?: string;\n  id?: string;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  checked?: boolean;\n}\n\nconst CheckoutRadio = ({\n  className,\n  title,\n  description,\n  cost,\n  campaignCost,\n  logo,\n  stateKey,\n  id,\n  onChange,\n  checked = false,\n}: CheckoutRadioProps) => {\n  return (\n    <label\n      htmlFor={`${stateKey}-${id}`}\n      className={clsx(\n        className,\n        'flex',\n        'flex-1',\n        'cursor-pointer',\n        'py-3',\n        'px-4',\n        'border',\n        'border-solid',\n        'border-gray-200',\n        'rounded',\n        'mb-4',\n        'items-center',\n        '[&:last-child]:mb-0'\n      )}\n    >\n      <RadioButton\n        checked={checked}\n        name={stateKey}\n        type=\"radio\"\n        id={`${stateKey}-${id}`}\n        onChange={onChange}\n      />\n      <div className={clsx('flex', 'flex-1', 'flex-col', 'ml-4', 'gap-2')}>\n        <span className=\"font-bold\">{title}</span>\n        {description && (\n          <span className=\"leading-[150%]\">{description}</span>\n        )}\n      </div>\n      <div className={clsx('flex', 'items-center', 'justify-center')}>\n        <span>\n          <span className={clsx(!!campaignCost && 'mr-2 line-through')}>\n            {cost}\n          </span>\n          <span>{campaignCost}</span>\n        </span>\n        {logo && (\n          <span className={clsx('flex', 'items-center', 'ml-4')}>\n            {logo}\n          </span>\n        )}\n      </div>\n    </label>\n  );\n};\n\nexport default CheckoutRadio;\n","import React, { useEffect } from 'react';\nimport { useDispatch } from 'react-redux';\nimport Radio from './utils/Checkout.Radio';\nimport {\n  setDelivery,\n  setShippingConfirmed,\n} from '../../Actions/Checkout.action';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\n\nconst DeliveryMethods = () => {\n  const dispatch = useDispatch();\n  const checkout = useTypedSelector((state) => state.checkout);\n  const { deliveryMethods, selectedDeliveryMethod } = checkout.payload;\n\n  useEffect(() => {\n    if (selectedDeliveryMethod || !deliveryMethods[0]) return;\n\n    dispatch(setDelivery(deliveryMethods[0]));\n    dispatch(setShippingConfirmed(false));\n  }, []);\n\n  return deliveryMethods && deliveryMethods.length > 1 ? (\n    <>\n      {deliveryMethods.map((method) => (\n        <Radio\n          key={method.id + 'delivery-method'}\n          title={method.name}\n          description={method.description}\n          cost={method.formattedPrice}\n          logo={\n            method.imageUrl && (\n              <img src={method.imageUrl} alt={method.name} />\n            )\n          }\n          stateKey={'delivery-method'}\n          id={method.id}\n          checked={method.id === selectedDeliveryMethod?.id}\n          onChange={() => dispatch(setDelivery(method))}\n        />\n      ))}\n    </>\n  ) : null;\n};\n\nexport default DeliveryMethods;\n","import React, { useEffect } from 'react';\nimport { useDispatch } from 'react-redux';\nimport CheckoutSection from './utils/Checkout.Section';\nimport CheckoutSectionContent from './utils/Checkout.SectionContent';\nimport { setPayment } from '../../Actions/Checkout.action';\nimport Radio from './utils/Checkout.Radio';\nimport { translate } from '../../Services/translation';\nimport Icon from '../Icon';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\n\nconst PaymentMethods = () => {\n  const dispatch = useDispatch();\n  const checkout = useTypedSelector((state) => state.checkout);\n  const { paymentMethods, selectedPaymentMethod } = checkout.payload;\n\n  useEffect(() => {\n    if (!selectedPaymentMethod) return;\n\n    dispatch(setPayment(selectedPaymentMethod));\n  }, []);\n\n  return paymentMethods.length > 1 ? (\n    <div className=\"grid grid-cols-1\">\n      {paymentMethods &&\n        paymentMethods.map((method) => (\n          <Radio\n            key={method.id + 'payment-method'}\n            title={method.name}\n            description={method.description}\n            cost={method.formattedPrice}\n            logo={\n              method.imageUrl ? (\n                <img src={method.imageUrl} alt={method.name} />\n              ) : (\n                <Icon name=\"mail\" className=\"h-6 w-6\" />\n              )\n            }\n            stateKey={'payment-method'}\n            id={method.id}\n            onChange={() => dispatch(setPayment(method))}\n            checked={method.id === selectedPaymentMethod?.id}\n          />\n        ))}\n    </div>\n  ) : null;\n};\n\nexport default PaymentMethods;\n","import React, { useMemo, useState, useRef, useEffect } from 'react';\nimport Icon from './Icon';\nimport clsx from 'clsx';\n\nexport interface DropdownOption {\n  value: string;\n  label?: string;\n  selectedlabel?: string;\n  disabled?: boolean;\n  object?: any;\n}\n\ninterface DropdownAttributes {\n  options: DropdownOption[];\n  onChange: (option: DropdownOption) => void;\n  selectedValue?: any;\n  className?: string;\n  selectClassName?: string;\n  size?: 'small' | 'large';\n  placeholder?: string;\n  disabled?: boolean;\n  addShowAllOption?: boolean;\n  fixedLabel?: boolean;\n  label?: string;\n  shouldCapitalizeFirstLetter?: boolean;\n  activeEffect?: boolean;\n  onBlur?: (value: DropdownOption) => void;\n}\n\nconst Dropdown = ({\n  options,\n  selectedValue,\n  onChange,\n  className = '',\n  selectClassName = '',\n  size = 'large',\n  placeholder,\n  disabled = false,\n  fixedLabel = false,\n  label,\n  shouldCapitalizeFirstLetter = false,\n  activeEffect = false,\n  onBlur,\n}: DropdownAttributes) => {\n  const [dropdownOpen, setDropdownOpen] = useState<boolean>(false);\n  const [searchTerm, setSearchTerm] = useState<string>('');\n  const [newPlaceholder, setNewPlaceholder] = useState<any>(placeholder);\n  const [filteredOptions, setFilteredOptions] = useState<any>(options);\n\n  const dropdownRef = useRef<HTMLUListElement>(null);\n\n  const selectedOption = useMemo(\n    () => options?.find((o) => o.value == selectedValue),\n    [selectedValue, options]\n  );\n\n  const placeholderVisible = useMemo(\n    () => !!placeholder && !selectedOption,\n    [placeholder, selectedOption]\n  );\n\n  const onOptionSelected = (value: string | undefined) => {\n    const selectedOption = options?.find((o) => o.value == value);\n    if (selectedOption) {\n      setSearchTerm('');\n      onChange(selectedOption);\n    }\n    setDropdownOpen(false);\n  };\n\n  useEffect(() => {\n    if (!dropdownOpen) {\n      setSearchTerm('');\n    }\n  }, [dropdownOpen]);\n\n  // Update filteredOptions whenever options or searchTerm changes\n  useEffect(() => {\n    const newFilteredOptions = options.filter(\n      (option) =>\n        option.label &&\n        option.label.toLowerCase().startsWith(searchTerm.toLowerCase())\n    );\n\n    if (newFilteredOptions.length > 0) {\n      setFilteredOptions(newFilteredOptions);\n    }\n  }, [options, searchTerm]);\n\n  const handleKeyDown = (key: string) => {\n    if (/^[a-zA-ZåäöÅÄÖ ]$/.test(key)) {\n      var tempSearchTerm = searchTerm + key.toLowerCase();\n\n      const matchingOption = options.find(\n        (option) =>\n          option.label &&\n          option.label.toLowerCase().startsWith(tempSearchTerm)\n      );\n\n      if (matchingOption && dropdownRef.current) {\n        setSearchTerm(tempSearchTerm);\n        setNewPlaceholder(tempSearchTerm);\n        const matchingOptionIndex = options.indexOf(matchingOption);\n\n        const matchingOptionNode =\n          dropdownRef.current.childNodes[matchingOptionIndex];\n\n        if (matchingOptionNode instanceof HTMLElement) {\n          matchingOptionNode.focus();\n        }\n      }\n    } else if (key === 'Backspace') {\n      setSearchTerm(searchTerm.slice(0, -1));\n    }\n  };\n\n  const selectClasses = useMemo(\n    () =>\n      clsx(\n        selectClassName,\n        'rounded flex w-full cursor-pointer appearance-none items-center border border-solid border-gray-300 text-lg focus:outline-none bg-white',\n        size == 'large' ? 'py-3 px-4' : 'px-3 py-2',\n        activeEffect && dropdownOpen && 'border-gray-700'\n      ),\n    [size]\n  );\n\n  const onDropdownBlur = (value: string | undefined) => {\n    const selectedOption = options?.find((o) => o.value == value);\n    if (selectedOption && onBlur) {\n      onBlur(selectedOption);\n    }\n  };\n\n  const capitalizeFirstLetter = (string) => {\n    var lowerCasedString = string?.toLowerCase();\n    var firstLetterUppercase = lowerCasedString?.charAt(0).toUpperCase();\n    var stringWithoutFirstLetter = lowerCasedString?.slice(1);\n    return firstLetterUppercase + stringWithoutFirstLetter;\n  };\n\n  const iconClasses = useMemo(\n    () =>\n      clsx(\n        'h-4 w-4 transition-[transform] duration-300',\n        dropdownOpen ? 'rotate-180' : 'rotate-0'\n      ),\n    [dropdownOpen]\n  );\n\n  return (\n    <>\n      <div className={clsx(className, 'relative lg:hidden')}>\n        <select\n          className={selectClasses}\n          value={selectedValue ?? newPlaceholder}\n          onChange={(e) => onOptionSelected(e.target.value)}\n          onClick={() => setDropdownOpen(!dropdownOpen)}\n          onBlur={(e) => {\n            onBlur ? onDropdownBlur(e.target.value) : undefined;\n            setDropdownOpen(false);\n          }}\n          disabled={disabled}\n          onKeyDown={(e) => handleKeyDown(e.key)}\n          required={true}\n        >\n          {newPlaceholder && (\n            <option disabled value={newPlaceholder} className=\"text-md\">\n              {shouldCapitalizeFirstLetter\n                ? capitalizeFirstLetter(newPlaceholder)\n                : newPlaceholder}\n            </option>\n          )}\n          {options.map((option, index) => (\n            <option\n              className=\"text-md\"\n              disabled={option.disabled}\n              value={option.value}\n              key={option.value + index + 'mobile'}\n            >\n              {shouldCapitalizeFirstLetter\n                ? capitalizeFirstLetter(option.label ?? option.value)\n                : option.label ?? option.value}\n            </option>\n          ))}\n        </select>\n        <Icon\n          className={clsx(\n            iconClasses,\n            'absolute right-3 top-1/2 -translate-y-1/2'\n          )}\n          name=\"caret-down\"\n        />\n        <label className=\"absolute -top-2 left-[14px] bg-white px-1 text-sm text-gray-700\">\n          {label}\n        </label>\n      </div>\n      <div\n        className={clsx(\n          className,\n          'relative hidden w-full text-gray-900 lg:block',\n          disabled && 'pointer-events-none bg-gray-100'\n        )}\n        onBlur={() => setDropdownOpen(false)}\n        onKeyDown={(e) => handleKeyDown(e.key)}\n        tabIndex={1}\n      >\n        <div\n          onClick={() => setDropdownOpen(!dropdownOpen)}\n          onKeyDown={(e) => handleKeyDown(e.key)}\n          className={selectClasses}\n        >\n          <div\n            className={clsx(\n              'flex-1',\n              placeholderVisible && 'text-clip text-md text-gray-400'\n            )}\n          >\n            {shouldCapitalizeFirstLetter\n              ? capitalizeFirstLetter(\n                  selectedOption?.selectedlabel\n                    ? selectedOption.selectedlabel\n                    : selectedOption?.label ?? selectedOption?.value\n                )\n              : selectedOption?.selectedlabel\n              ? selectedOption?.selectedlabel\n              : selectedOption?.label ??\n                selectedOption?.value ??\n                newPlaceholder}\n          </div>\n          <Icon className={iconClasses} name=\"caret-down\" />\n        </div>\n        <label className=\"absolute -top-2 left-[14px] bg-white px-1 text-sm text-gray-700\">\n          {label}\n        </label>\n        {dropdownOpen && (\n          <ul\n            ref={dropdownRef}\n            className=\"dropdown-option-list absolute top-full z-10 mt-1 max-h-80 w-full overflow-y-auto rounded border border-solid border-gray-300 bg-white shadow-[0px_13px_37px_0px_rgba(0,0,0,0.21)] scrollbar-none\"\n          >\n            {filteredOptions.map((option, index) => {\n              const optionText = shouldCapitalizeFirstLetter\n                ? capitalizeFirstLetter(option.label ?? option.value)\n                : option.label ?? option.value;\n\n              const renderedText = optionText.replace(\n                new RegExp(`(${searchTerm})`, 'ig'),\n                (match, p1) => `<strong>${p1}</strong>`\n              );\n\n              return (\n                <li\n                  className={clsx(\n                    'w-full cursor-pointer border-b border-solid border-gray-300 px-3 py-2.5 text-md hover:bg-gray-100 [&:last-child]:border-b-0',\n                    option.value == selectedValue && 'font-bold',\n                    (option.value == selectedValue || option.disabled) &&\n                      'pointer-events-none'\n                  )}\n                  aria-selected={option.value == selectedValue}\n                  onClick={() => {\n                    onOptionSelected(option.value);\n                    setDropdownOpen(false);\n                  }}\n                  key={option.value + index + 'desktop'}\n                >\n                  <div\n                    dangerouslySetInnerHTML={{ __html: renderedText }}\n                  />\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport default Dropdown;\n","import { useDispatch } from 'react-redux';\nimport { AppDispatch } from '../store';\n\nexport const useTypedDispatch: () => AppDispatch = useDispatch;\n","import React, { useCallback, useMemo } from 'react';\nimport { InputProps } from '../../Inputs/types/Input.types';\nimport { useTypedDispatch } from '../../../Hooks/useTypedDispatch';\nimport { useTypedSelector } from '../../../Hooks/useTypedSelector';\nimport { setValidationErrors } from '../../../Actions/Checkout.action';\nimport Input from '../../Inputs/Input';\nimport clsx from 'clsx';\nimport { translate } from '../../../Services/translation';\nimport { CHECKOUT_DROPSHIP_PRIVATE } from '../../../constants';\n\ninterface CustomerInfoInputProps {\n  validationSchema: any;\n  stateKey: string;\n  id: string;\n  onCustomerDetailsChange?: (\n    stateKey: string,\n    id: string,\n    value: string\n  ) => void;\n}\n\nconst CheckoutCustomerInfoInput: React.FC<\n  CustomerInfoInputProps &\n    InputProps &\n    React.InputHTMLAttributes<HTMLInputElement>\n> = ({\n  validationSchema,\n  stateKey,\n  onCustomerDetailsChange,\n  id,\n  wrapperClassName,\n  ...props\n}) => {\n  const dispatch = useTypedDispatch();\n  const { validationErrors = {}, payload } = useTypedSelector(\n    (state) => state.checkout\n  );\n  const {\n    isLoadingCustomerDetails,\n    selectedDropshipAddressType = CHECKOUT_DROPSHIP_PRIVATE,\n    useDropshipping,\n  } = payload;\n\n  const errorMessage = useMemo(\n    () =>\n      validationErrors[`${stateKey}-${id}`]\n        ? validationErrors[`${stateKey}-${id}`][0]\n        : null,\n    [id, stateKey, validationErrors]\n  );\n\n  const validateOnBlur = useCallback(\n    async (schema, stateKey, id, value) => {\n      const errorKey = `${stateKey}-${id}`;\n      try {\n        await schema.validateAt(id, {\n          ...payload[stateKey],\n          country: payload.customerDetails.country,\n          [id]: value,\n          selectedDropshipAddressType,\n          useDropshipping,\n        });\n        const validationErrorsCopy = { ...validationErrors };\n        delete validationErrorsCopy[errorKey];\n        dispatch(setValidationErrors(validationErrorsCopy));\n      } catch (err) {\n        dispatch(\n          setValidationErrors({\n            ...validationErrors,\n            [errorKey]: err.errors,\n          })\n        );\n      }\n    },\n    [dispatch, validationErrors]\n  );\n\n  return (\n    <div className={clsx(wrapperClassName, 'relative mb-4')}>\n      <Input\n        {...props}\n        wrapperClassName={wrapperClassName}\n        className=\"text-lg\"\n        id={id}\n        label={translate(`checkout.customerinfo.${id.toLowerCase()}`)}\n        type=\"text\"\n        inputState={errorMessage ? 'error' : 'default'}\n        message={errorMessage}\n        onChange={(event) =>\n          onCustomerDetailsChange &&\n          onCustomerDetailsChange(stateKey, id, event.target.value)\n        }\n        onBlur={(e) =>\n          validateOnBlur(validationSchema, stateKey, id, e.target.value)\n        }\n        inputSize=\"large\"\n        value={(payload[stateKey] && payload[stateKey][id]) ?? ''}\n        showAnimatedLabel={true}\n        disabled={isLoadingCustomerDetails}\n      />\n    </div>\n  );\n};\n\nexport default CheckoutCustomerInfoInput;\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { translate } from '../../Services/translation';\nimport {\n  setCustomerDetails,\n  setDropshipCustomerDetails,\n  setAlternativeAddress,\n  setShowAlternativeAddress,\n  setSignUp,\n  setCountry,\n} from '../../Actions/Checkout.action';\nimport {\n  dropshipValidationSchema,\n  privateCustomerAddressSchema,\n} from './utils/Checkout.ValidationSchema';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport Dropdown from '../Dropdown';\nimport Checkbox from '../Inputs/Checkbox';\nimport CheckoutCustomerInfoInput from './utils/Checkout.CustomerInfoInput';\nimport {\n  CHECKOUT_DROPSHIP_COMPANY,\n  CHECKOUT_DROPSHIP_PRIVATE,\n} from '../../constants';\nimport { StateProps } from '../../Utils/states';\n\nconst CheckoutCustomerInfoForm = ({\n  showSignUp,\n  allowAlternativeAddress = true,\n}: {\n  showSignUp: boolean;\n  allowAlternativeAddress?: boolean;\n}) => {\n  const dispatch = useDispatch();\n  const { payload } = useTypedSelector((state) => state.checkout);\n  const {\n    customerDetails = {},\n    signUp,\n    showAlternativeAddress,\n    useDropshipping,\n    selectedDropshipAddressType = CHECKOUT_DROPSHIP_PRIVATE,\n    dropshipCustomerDetails,\n  } = payload;\n  const [availableStates, setAvailableStates] = useState<\n    StateProps[] | undefined\n  >();\n\n  const onCustomerDetailsChange = useCallback(\n    (stateKey, id, value) => {\n      switch (stateKey) {\n        case 'customerDetails':\n          dispatch(setCustomerDetails(id, value));\n          break;\n        case 'dropshipCustomerDetails':\n          dispatch(setDropshipCustomerDetails(id, value));\n          break;\n        case 'alternativeAddress':\n          dispatch(setAlternativeAddress(id, value));\n          break;\n      }\n    },\n    [dispatch]\n  );\n\n  const stateRequired = useMemo(\n    () =>\n      customerDetails?.country == 'US' ||\n      customerDetails?.country == 'CA' ||\n      dropshipCustomerDetails?.country == 'US' ||\n      dropshipCustomerDetails?.country == 'CA',\n    [customerDetails?.country, dropshipCustomerDetails?.country]\n  );\n\n  useEffect(() => {\n    const importStates = async () => {\n      if (\n        !stateRequired ||\n        (!customerDetails?.country && !dropshipCustomerDetails?.country)\n      ) {\n        setAvailableStates(undefined);\n        return;\n      }\n      // Async import to not increase bundle size\n      const { getCountryByIso2 } = await import('../../Utils/states');\n      const states =\n        dropshipCustomerDetails?.country == 'US' ||\n        dropshipCustomerDetails?.country == 'CA'\n          ? getCountryByIso2(dropshipCustomerDetails.country)?.states\n          : getCountryByIso2(customerDetails.country)?.states;\n      setAvailableStates(states as StateProps[] | undefined);\n    };\n    importStates();\n  }, [\n    stateRequired,\n    customerDetails?.country,\n    dropshipCustomerDetails?.country,\n  ]);\n\n  return (\n    <>\n      <form className=\"mt-6 grid grid-cols-2 gap-x-4\">\n        <h4 className=\"col-span-2 mb-3\">\n          {translate('checkout.customerinfo.contact-title')}\n        </h4>\n        {useDropshipping && (\n          <>\n            <CheckoutCustomerInfoInput\n              wrapperClassName=\"col-span-1\"\n              stateKey=\"dropshipCustomerDetails\"\n              id=\"firstName\"\n              autoComplete=\"given-name\"\n              name=\"fname\"\n              validationSchema={dropshipValidationSchema}\n              onCustomerDetailsChange={onCustomerDetailsChange}\n            />\n            <CheckoutCustomerInfoInput\n              wrapperClassName=\"col-span-1\"\n              stateKey=\"dropshipCustomerDetails\"\n              id=\"lastName\"\n              autoComplete=\"family-name\"\n              name=\"lname\"\n              validationSchema={dropshipValidationSchema}\n              onCustomerDetailsChange={onCustomerDetailsChange}\n            />\n          </>\n        )}\n        <CheckoutCustomerInfoInput\n          wrapperClassName=\"col-span-1\"\n          stateKey={\n            useDropshipping ? 'dropshipCustomerDetails' : 'customerDetails'\n          }\n          id=\"phoneNumber\"\n          validationSchema={\n            useDropshipping\n              ? dropshipValidationSchema\n              : privateCustomerAddressSchema\n          }\n          onCustomerDetailsChange={onCustomerDetailsChange}\n        />\n        <CheckoutCustomerInfoInput\n          wrapperClassName=\"col-span-1\"\n          stateKey={\n            useDropshipping ? 'dropshipCustomerDetails' : 'customerDetails'\n          }\n          id=\"email\"\n          validationSchema={\n            useDropshipping\n              ? dropshipValidationSchema\n              : privateCustomerAddressSchema\n          }\n          onCustomerDetailsChange={onCustomerDetailsChange}\n        />\n        <h4 className=\"col-span-2 mb-3\">\n          {translate('checkout.customerinfo.address-title')}\n        </h4>\n        <div className=\"relative col-span-2 mb-4\">\n          <Dropdown\n            selectedValue={\n              useDropshipping\n                ? dropshipCustomerDetails?.country\n                : customerDetails.country\n            }\n            options={global['LitiumConstants'].countries.map(\n              ({ text, value }) => ({ label: text, value })\n            )}\n            onChange={({ value }) => {\n              !useDropshipping && dispatch(setCountry(value));\n              onCustomerDetailsChange(\n                'alternativeAddress',\n                'country',\n                value\n              );\n              onCustomerDetailsChange(\n                useDropshipping\n                  ? 'dropshipCustomerDetails'\n                  : 'customerDetails',\n                'country',\n                value\n              );\n            }}\n          />\n          <label\n            className=\"absolute -top-2 left-[14px] bg-white px-1 text-sm font-light text-gray-700\"\n            htmlFor=\"country\"\n          >\n            {translate('checkout.customerinfo.country')}\n          </label>\n        </div>\n        {!useDropshipping && (\n          <>\n            <CheckoutCustomerInfoInput\n              wrapperClassName=\"col-span-1\"\n              stateKey=\"customerDetails\"\n              id=\"firstName\"\n              autoComplete=\"given-name\"\n              name=\"fname\"\n              validationSchema={privateCustomerAddressSchema}\n              onCustomerDetailsChange={onCustomerDetailsChange}\n            />\n            <CheckoutCustomerInfoInput\n              wrapperClassName=\"col-span-1\"\n              stateKey=\"customerDetails\"\n              id=\"lastName\"\n              autoComplete=\"family-name\"\n              name=\"lname\"\n              validationSchema={privateCustomerAddressSchema}\n              onCustomerDetailsChange={onCustomerDetailsChange}\n            />\n          </>\n        )}\n        {selectedDropshipAddressType == CHECKOUT_DROPSHIP_COMPANY && (\n          <CheckoutCustomerInfoInput\n            wrapperClassName=\"col-span-2\"\n            stateKey={\n              useDropshipping\n                ? 'dropshipCustomerDetails'\n                : 'customerDetails'\n            }\n            id=\"companyName\"\n            autoComplete=\"company-name\"\n            validationSchema={\n              useDropshipping\n                ? dropshipValidationSchema\n                : privateCustomerAddressSchema\n            }\n            onCustomerDetailsChange={onCustomerDetailsChange}\n            required={true}\n          />\n        )}\n        <CheckoutCustomerInfoInput\n          wrapperClassName=\"col-span-2\"\n          stateKey={\n            useDropshipping ? 'dropshipCustomerDetails' : 'customerDetails'\n          }\n          id=\"address\"\n          autoComplete=\"address-line1\"\n          validationSchema={\n            useDropshipping\n              ? dropshipValidationSchema\n              : privateCustomerAddressSchema\n          }\n          onCustomerDetailsChange={onCustomerDetailsChange}\n        />\n        <CheckoutCustomerInfoInput\n          wrapperClassName=\"col-span-2\"\n          stateKey={\n            useDropshipping ? 'dropshipCustomerDetails' : 'customerDetails'\n          }\n          id=\"address2\"\n          validationSchema={\n            useDropshipping\n              ? dropshipValidationSchema\n              : privateCustomerAddressSchema\n          }\n          onCustomerDetailsChange={onCustomerDetailsChange}\n        />\n        <CheckoutCustomerInfoInput\n          wrapperClassName=\"col-span-1\"\n          stateKey={\n            useDropshipping ? 'dropshipCustomerDetails' : 'customerDetails'\n          }\n          id=\"zipCode\"\n          validationSchema={\n            useDropshipping\n              ? dropshipValidationSchema\n              : privateCustomerAddressSchema\n          }\n          onCustomerDetailsChange={onCustomerDetailsChange}\n        />\n        <CheckoutCustomerInfoInput\n          wrapperClassName=\"col-span-1\"\n          stateKey={\n            useDropshipping ? 'dropshipCustomerDetails' : 'customerDetails'\n          }\n          id=\"city\"\n          validationSchema={\n            useDropshipping\n              ? dropshipValidationSchema\n              : privateCustomerAddressSchema\n          }\n          onCustomerDetailsChange={onCustomerDetailsChange}\n        />\n\n        {stateRequired && availableStates && (\n          <div className=\"relative col-span-2 mb-4\">\n            <Dropdown\n              selectedValue={\n                useDropshipping\n                  ? dropshipCustomerDetails?.state\n                  : customerDetails?.state\n              }\n              options={availableStates.map(({ name, state_code }) => ({\n                label: name,\n                value: state_code,\n              }))}\n              onChange={({ value }) => {\n                onCustomerDetailsChange(\n                  useDropshipping\n                    ? 'dropshipCustomerDetails'\n                    : 'customerDetails',\n                  'state',\n                  value\n                );\n              }}\n            />\n            <label\n              className=\"absolute -top-2 left-[14px] bg-white px-1 text-sm font-light text-gray-700\"\n              htmlFor=\"state\"\n            >\n              {translate('checkout.customerinfo.state')}\n            </label>\n          </div>\n        )}\n      </form>\n      <div className=\"flex flex-col gap-4\">\n        {showSignUp && (\n          <Checkbox\n            id=\"signupandlogin\"\n            inputSize=\"large\"\n            checked={signUp}\n            label={translate('checkout.customerinfo.signupandlogin')}\n            onChange={(e) => dispatch(setSignUp(e.target.checked))}\n          />\n        )}\n        {allowAlternativeAddress && (\n          <Checkbox\n            id=\"showAlternativeAddress\"\n            inputSize=\"large\"\n            checked={showAlternativeAddress}\n            label={translate(\n              'checkout.customerinfo.showAlternativeAddress'\n            )}\n            onChange={(e) =>\n              dispatch(setShowAlternativeAddress(e.target.checked))\n            }\n          />\n        )}\n      </div>\n      {allowAlternativeAddress && showAlternativeAddress && (\n        <form className=\"mt-4\">\n          <h4 className=\"col-span-2 mb-3\">\n            {translate('checkout.alternative-address')}\n          </h4>\n          <CheckoutCustomerInfoInput\n            wrapperClassName=\"col-span-1\"\n            stateKey=\"alternativeAddress\"\n            id=\"firstName\"\n            autoComplete=\"given-name\"\n            validationSchema={privateCustomerAddressSchema}\n            onCustomerDetailsChange={onCustomerDetailsChange}\n          />\n          <CheckoutCustomerInfoInput\n            wrapperClassName=\"col-span-1\"\n            stateKey=\"alternativeAddress\"\n            id=\"lastName\"\n            autoComplete=\"family-name\"\n            validationSchema={privateCustomerAddressSchema}\n            onCustomerDetailsChange={onCustomerDetailsChange}\n          />\n          <CheckoutCustomerInfoInput\n            wrapperClassName=\"col-span-2\"\n            stateKey=\"alternativeAddress\"\n            id=\"address\"\n            autoComplete=\"address-line1\"\n            validationSchema={privateCustomerAddressSchema}\n            onCustomerDetailsChange={onCustomerDetailsChange}\n          />\n          <CheckoutCustomerInfoInput\n            wrapperClassName=\"col-span-2\"\n            stateKey=\"alternativeAddress\"\n            id=\"address2\"\n            validationSchema={privateCustomerAddressSchema}\n            onCustomerDetailsChange={onCustomerDetailsChange}\n          />\n          <CheckoutCustomerInfoInput\n            wrapperClassName=\"col-span-1\"\n            stateKey=\"alternativeAddress\"\n            id=\"zipCode\"\n            validationSchema={privateCustomerAddressSchema}\n            onCustomerDetailsChange={onCustomerDetailsChange}\n          />\n          <CheckoutCustomerInfoInput\n            wrapperClassName=\"col-span-1\"\n            stateKey=\"alternativeAddress\"\n            id=\"city\"\n            validationSchema={privateCustomerAddressSchema}\n            onCustomerDetailsChange={onCustomerDetailsChange}\n          />\n          {stateRequired && availableStates && (\n            <div className=\"relative col-span-2 mb-4\">\n              <Dropdown\n                selectedValue={customerDetails.state}\n                options={availableStates.map(({ name, state_code }) => ({\n                  label: name,\n                  value: state_code,\n                }))}\n                onChange={({ value }) => {\n                  onCustomerDetailsChange(\n                    'alternativeAddress',\n                    'state',\n                    value\n                  );\n                }}\n              />\n              <label\n                className=\"absolute -top-2 left-[14px] bg-white px-1 text-sm font-light text-gray-700\"\n                htmlFor=\"state\"\n              >\n                {translate('checkout.customerinfo.state')}\n              </label>\n            </div>\n          )}\n        </form>\n      )}\n    </>\n  );\n};\n\nexport default CheckoutCustomerInfoForm;\n","import React, { useMemo, useState } from 'react';\nimport { translate } from '../../Services/translation';\nimport Icon from '../Icon';\nimport Dropdown from '../Dropdown';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { useDispatch } from 'react-redux';\nimport {\n  setSelectedDeliveryAddress,\n  setUseDropshipping,\n  setSelectedDropshipAddressType,\n  setCustomerDetails,\n} from '../../Actions/Checkout.action';\nimport RadioButton from '../Inputs/Radiobutton';\nimport CheckoutCustomerInfoForm from './Checkout.CustomerInfoForm';\nimport {\n  CHECKOUT_DROPSHIP_COMPANY,\n  CHECKOUT_DROPSHIP_PRIVATE,\n} from '../../constants';\n\nconst BusinessCustomerInfo = () => {\n  const dispatch = useDispatch();\n  const { payload } = useTypedSelector((state) => state.checkout);\n  const {\n    deliveryAddresses,\n    allowDropshipping,\n    useDropshipping,\n    selectedDropshipAddressType = CHECKOUT_DROPSHIP_PRIVATE,\n  } = payload;\n\n  const selectedDeliveryAddress = useMemo(\n    () =>\n      deliveryAddresses.find(\n        (a) => a.systemId == payload.selectedDeliveryAddressId\n      ),\n    [deliveryAddresses, payload.selectedDeliveryAddressId]\n  );\n\n  return (\n    <div>\n      {allowDropshipping && (\n        <div className=\"mb-6 flex flex-col gap-4\">\n          <RadioButton\n            checked={!useDropshipping}\n            name=\"address-type\"\n            label={translate(\n              'checkout.address-type.choose-from-my-addresses'\n            )}\n            onChange={() =>\n              useDropshipping && dispatch(setUseDropshipping(false))\n            }\n          />\n          <RadioButton\n            checked={useDropshipping}\n            name=\"address-type\"\n            label={translate('checkout.address-type.dropship')}\n            onChange={() =>\n              !useDropshipping && dispatch(setUseDropshipping(true))\n            }\n          />\n        </div>\n      )}\n      {!useDropshipping && (\n        <>\n          <div className=\"mb-4 text-lg font-bold\">\n            {translate('checkout.selectdelivery')}\n          </div>\n          <Dropdown\n            className=\"mb-4\"\n            placeholder={translate('checkout.selectdelivery')}\n            selectedValue={payload.selectedDeliveryAddressId}\n            options={deliveryAddresses.map((address) => ({\n              value: address.systemId,\n              label: `${\n                !!address.houseExtension\n                  ? address.houseExtension\n                  : payload.companyName\n              }, ${address.address}, ${address.city}, ${\n                address.zipCode\n              }, ${address.country}`,\n            }))}\n            onChange={({ value }) => {\n              dispatch(setSelectedDeliveryAddress(value));\n            }}\n            disabled={deliveryAddresses.length <= 1}\n          />\n          <div className=\"mb-2 text-lg font-bold\">\n            {translate('checkout.order.delivery')}\n          </div>\n          {selectedDeliveryAddress && (\n            <div className=\"flex flex-1 gap-2 rounded bg-gray-100 p-4\">\n              <Icon name=\"home-pin\" className=\"h-6 w-6\" />\n              <div className=\"flex flex-col gap-2\">\n                <span className=\"font-bold\">\n                  {!!selectedDeliveryAddress.houseExtension\n                    ? selectedDeliveryAddress.houseExtension\n                    : payload.companyName}\n                </span>\n                <span>{selectedDeliveryAddress?.address}</span>\n                {selectedDeliveryAddress?.address2 && (\n                  <span>{selectedDeliveryAddress?.address2}</span>\n                )}\n                <span>\n                  {selectedDeliveryAddress?.zipCode}{' '}\n                  {selectedDeliveryAddress?.city}\n                </span>\n                <span>{selectedDeliveryAddress?.country}</span>\n              </div>\n            </div>\n          )}\n        </>\n      )}\n      {useDropshipping && (\n        <>\n          <Dropdown\n            options={[\n              {\n                label: translate('checkout.dropship.private'),\n                value: CHECKOUT_DROPSHIP_PRIVATE,\n              },\n              {\n                label: translate('checkout.dropship.company'),\n                value: CHECKOUT_DROPSHIP_COMPANY,\n              },\n            ]}\n            selectedValue={selectedDropshipAddressType}\n            onChange={({ value }) => {\n              dispatch(setSelectedDropshipAddressType(value));\n\n              if (value != CHECKOUT_DROPSHIP_COMPANY) {\n                dispatch(setCustomerDetails('companyName', undefined));\n              } else {\n                dispatch(setCustomerDetails('firstName', undefined));\n                dispatch(setCustomerDetails('lastName', undefined));\n              }\n            }}\n            label={translate('checkout.dropship.address-type')}\n          />\n          <CheckoutCustomerInfoForm\n            showSignUp={false}\n            allowAlternativeAddress={false}\n          />\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default BusinessCustomerInfo;\n","import Icon from '../Icon';\nimport React from 'react';\nimport { translate } from '../../Services/translation';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport clsx from 'clsx';\n\nconst EmptyCart = () => {\n  const checkout = useTypedSelector((state) => state.checkout);\n  const { emptyCartMessage, emptyCartLink } = checkout.payload;\n\n  return (\n    <div\n      className={clsx(\n        'container',\n        'flex',\n        'justify-center',\n        'items-center'\n      )}\n    >\n      <div\n        className={clsx(\n          'flex',\n          'items-center',\n          'flex-col',\n          'max-w-[768px]',\n          'w-full',\n          'py-20',\n          'lg:py-60'\n        )}\n      >\n        <Icon\n          name=\"emoji-dead\"\n          className={clsx('w-[7.2rem]', 'h-[7.2rem]', 'mb-2')}\n        />\n        <h1 className={clsx('mb-2', 'text-center')}>\n          {translate('checkout.empty.title')}\n        </h1>\n        {emptyCartMessage && (\n          <div\n            className={clsx('text-lg', 'text-center', 'mb-6')}\n            dangerouslySetInnerHTML={{\n              __html: emptyCartMessage,\n            }}\n          />\n        )}\n        {emptyCartLink && (\n          <a href={emptyCartLink}>\n            <button\n              className={clsx(\n                'btn',\n                'btn--large',\n                'btn--outline',\n                'uppercase'\n              )}\n            >\n              {translate('checkout.startshopping')}\n            </button>\n          </a>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default EmptyCart;\n","import React, { lazy, Suspense } from 'react';\n\nconst DynamicComponent = ({ loader, loading = <div></div> }) => {\n  const Component = lazy(loader);\n  return (props) => (\n    <Suspense fallback={loading}>\n      <Component {...props} />\n    </Suspense>\n  );\n};\n\nexport default DynamicComponent;\n","import React from 'react';\nimport DynamicComponent from '../DynamicComponent';\n\nconst scriptPattern = /<script\\b[^>]*>([\\s\\S]*?)<\\/script>/gi;\nconst scriptFilePattern = /<script.*?src=[\"'](.*?)[\"']/gi;\n\nconst extractScripts = (domString) => {\n  let matches: RegExpExecArray | null,\n    html = domString;\n  const scripts: any[] = [],\n    scriptFiles: any[] = [];\n  while ((matches = scriptPattern.exec(domString)) !== null) {\n    html = html.replace(matches[0], '');\n    matches[1] && matches[1].trim() !== '' && scripts.push(matches[1]);\n  }\n  while ((matches = scriptFilePattern.exec(domString)) !== null) {\n    matches[1] && matches[1].trim() !== '' && scriptFiles.push(matches[1]);\n  }\n\n  return {\n    html,\n    scripts,\n    scriptFiles,\n  };\n};\n\nconst executeScript = (domId, scriptContent) => {\n  const script = document.createElement('script');\n  script.type = 'text/javascript';\n  try {\n    script.appendChild(document.createTextNode(scriptContent));\n  } catch (e) {\n    // to support IE\n    script.text = scriptContent;\n  }\n  document.getElementById(domId)?.appendChild(script);\n};\n\nconst includeScript = (domId, srciptUrl) => {\n  const script = document.createElement('script');\n  script.type = 'text/javascript';\n  script.src = srciptUrl;\n  document.getElementById(domId)?.appendChild(script);\n};\n\nconst PaymentWidget = React.memo(function PaymentWidget({\n  responseString,\n}: {\n  responseString: string;\n}) {\n  const renderWidget = (paymentSession) => {\n    const CheckoutWidget = DynamicComponent({\n      loader: () => import('./CheckoutWidget'),\n    });\n    const args = {\n      paymentSession,\n      extractScripts,\n      executeScript,\n      includeScript,\n    };\n    return <CheckoutWidget {...args} />;\n  };\n\n  return <>{renderWidget(responseString)}</>;\n});\n\nexport default PaymentWidget;\n","import React, { useMemo, useState } from 'react';\nimport clsx from 'clsx';\nimport Icon from '../../Icon';\n\nexport interface ZhipsterDropdownOption {\n  value: string;\n  disabled?: boolean;\n  object?: any;\n  name?: string;\n  street?: string;\n  zipCode?: string;\n  city?: string;\n}\n\ninterface ZhipsterDropdownAttributes {\n  options: ZhipsterDropdownOption[];\n  onChange: (option: ZhipsterDropdownOption) => void;\n  selectedValue?: any;\n  className?: string;\n  selectClassName?: string;\n  size?: 'small' | 'large';\n  placeholder?: string;\n  disabled?: boolean;\n  addShowAllOption?: boolean;\n  fixedLabel?: boolean;\n  label?: string;\n}\n\nconst ZhipsterDropdown = ({\n  options,\n  selectedValue,\n  onChange,\n  className = '',\n  selectClassName = '',\n  size = 'large',\n  placeholder,\n  disabled = false,\n  fixedLabel = false,\n  label,\n}: ZhipsterDropdownAttributes) => {\n  const [dropdownOpen, setDropdownOpen] = useState<boolean>(false);\n\n  const selectedOption = useMemo(\n    () => options?.find((o) => o.value == selectedValue),\n    [selectedValue, options]\n  );\n\n  const placeholderVisible = useMemo(\n    () => !!placeholder && !selectedOption,\n    [placeholder, selectedOption]\n  );\n\n  const onOptionSelected = (value: string | undefined) => {\n    const selectedOption = options?.find((o) => o.value == value);\n    if (selectedOption) {\n      onChange(selectedOption);\n    }\n    setDropdownOpen(false);\n  };\n\n  const selectClasses = useMemo(\n    () =>\n      clsx(\n        selectClassName,\n        'rounded flex w-full cursor-pointer appearance-none items-center border border-solid border-gray-300 text-lg focus:outline-none',\n        size == 'large' ? 'p-4' : 'px-3 py-2'\n      ),\n    [size]\n  );\n\n  const iconClasses = useMemo(\n    () =>\n      clsx(\n        'h-4 w-4 transition-[transform] duration-300',\n        dropdownOpen ? 'rotate-180' : 'rotate-0'\n      ),\n    [dropdownOpen]\n  );\n\n  return (\n    <>\n      <div className={clsx(className, 'relative lg:hidden')}>\n        <select\n          className={selectClasses}\n          value={selectedValue ?? placeholder}\n          onChange={(e) => onOptionSelected(e.target.value)}\n          onClick={() => setDropdownOpen(!dropdownOpen)}\n          onBlur={() => setDropdownOpen(false)}\n          disabled={disabled}\n        >\n          {placeholder && (\n            <option disabled value={placeholder} className=\"text-md\">\n              {placeholder}\n            </option>\n          )}\n          {options.map((option, index) => (\n            <option\n              className=\"text-md capitalize\"\n              disabled={option.disabled}\n              value={option.value}\n              key={option.value + index + 'mobile'}\n            >\n              ({option.name}) {option.street}, {option.zipCode}{' '}\n              {option.city}\n            </option>\n          ))}\n        </select>\n        <Icon\n          className={clsx(\n            iconClasses,\n            'absolute right-3 top-1/2 -translate-y-1/2'\n          )}\n          name=\"caret-down\"\n        />\n        <label className=\"absolute -top-2 left-[14px] bg-white px-1 text-sm text-gray-700\">\n          {label}\n        </label>\n      </div>\n      <div\n        className={clsx(\n          className,\n          'relative hidden w-full text-gray-900 lg:block',\n          disabled && 'pointer-events-none bg-gray-100'\n        )}\n        onBlur={() => setDropdownOpen(false)}\n        tabIndex={1}\n      >\n        <div\n          onClick={() => setDropdownOpen(!dropdownOpen)}\n          className={selectClasses}\n        >\n          <div\n            className={clsx(\n              'flex-1 capitalize',\n              placeholderVisible && 'text-gray-400'\n            )}\n          >\n            <div className=\"text-md leading-tight text-gray-700\">\n              {selectedOption && (\n                <>\n                  <div className=\"mb-0.5 font-bold\">\n                    {selectedOption.name}\n                  </div>\n                  <span>{`${selectedOption.street}, ${selectedOption.zipCode} ${selectedOption.city}`}</span>\n                </>\n              )}\n            </div>\n          </div>\n          <Icon className={iconClasses} name=\"caret-down\" />\n        </div>\n        <label className=\"absolute -top-2 left-[14px] bg-white px-1 text-sm text-gray-700\">\n          {label}\n        </label>\n        {dropdownOpen && (\n          <ul className=\"dropdown-option-list absolute top-full z-10 mt-1 max-h-64 w-full overflow-y-auto rounded border border-solid border-gray-300 bg-white scrollbar-thin\">\n            {options.map((option, index) => (\n              <li\n                className={clsx(\n                  'cursor-pointer border-b border-solid border-gray-300 px-3 py-2.5 text-md capitalize [&:last-child]:border-b-0',\n                  option.value == selectedValue && 'font-normal',\n                  (option.value == selectedValue || option.disabled) &&\n                    'pointer-events-none'\n                )}\n                onClick={() => {\n                  onOptionSelected(option.value);\n                  setDropdownOpen(false);\n                }}\n                key={option.value + index + 'desktop'}\n              >\n                <div className=\"text-md leading-tight text-gray-700\">\n                  {option.name && (\n                    <div className=\"mb-0.5 font-bold\">{option.name}</div>\n                  )}\n                  <span>{`${option.street}, ${option.zipCode} ${option.city}`}</span>\n                </div>\n              </li>\n            ))}\n          </ul>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport default ZhipsterDropdown;\n","import React, { useMemo, useState } from 'react';\nimport { ZhipsterDropOption } from './Zhipster';\nimport RadioButton from '../../Inputs/Radiobutton';\nimport clsx from 'clsx';\nimport { useTypedSelector } from '../../../Hooks/useTypedSelector';\n\ninterface ZhipsterDropOptionRadioProps extends ZhipsterDropOption {\n  checked: boolean;\n  onChange: (dropOption: ZhipsterDropOption) => void;\n}\n\nconst ZhipsterDropOptionRadio = ({\n  checked,\n  onChange,\n  ...dropOption\n}: ZhipsterDropOptionRadioProps) => {\n  const {\n    dropOptionId,\n    name,\n    description,\n    formattedCampaignPrice,\n    formattedPrice,\n    forwarderId,\n  } = dropOption;\n\n  const inputId = useMemo(\n    () => `zhipster-drop-option-${dropOptionId}`,\n    [dropOptionId]\n  );\n\n  const [showImage, setShowImage] = useState(false);\n\n  const { shippingProviderLogos } = useTypedSelector(\n    (state) => state.checkout?.payload\n  );\n\n  return (\n    <label\n      htmlFor={inputId}\n      className=\"mb-4 flex flex-1 cursor-pointer items-center rounded border border-solid border-gray-200 px-4 py-3 [&:last-child]:mb-0\"\n    >\n      <div className=\"flex flex-1 flex-col gap-2\">\n        <div className=\"flex items-center justify-between\">\n          <div className=\"flex items-center gap-2\">\n            <RadioButton\n              checked={checked}\n              name={inputId}\n              type=\"radio\"\n              id={inputId}\n              onChange={() => onChange(dropOption)}\n              inputSize=\"medium\"\n            />\n            <span className=\"text-lg font-medium\">{name}</span>\n          </div>\n\n          <div className=\"flex items-center justify-center text-md font-light\">\n            <span>\n              <span\n                className={clsx(\n                  !!formattedCampaignPrice && 'mr-2 line-through'\n                )}\n              >\n                {formattedPrice}\n              </span>\n              <span>{formattedCampaignPrice}</span>\n            </span>\n          </div>\n        </div>\n        <div className=\"flex flex-1 items-center\">\n          {description && (\n            <span className=\"text-md font-light\">{description}</span>\n          )}\n          {shippingProviderLogos && (\n            <img\n              src={shippingProviderLogos[forwarderId.toLowerCase()]}\n              onLoad={() => setShowImage(true)}\n              alt={name + ' logo'}\n              className={clsx('ml-auto', !showImage && 'hidden')}\n            />\n          )}\n        </div>\n      </div>\n    </label>\n  );\n};\n\nexport default ZhipsterDropOptionRadio;\n","import React, { useState, useMemo, useEffect, useCallback } from 'react';\nimport { useTypedSelector } from '../../../Hooks/useTypedSelector';\nimport { translate } from '../../../Services/translation';\nimport Input from '../../Inputs/Input';\nimport { get, post } from '../../../Services/http';\nimport { debounce } from 'lodash-es';\nimport ZhipsterDropdown from './ZhipsterDropdown';\nimport {\n  setShippingConfirmed,\n  setCustomerDetailsConfirmed,\n} from '../../../Actions/Checkout.action';\nimport { useDispatch } from 'react-redux';\nimport LoadingSpinner from '../../LoadingSpinner';\nimport ZhipsterDropOptionRadio from './Zhipster.DropOptionRadio';\n\ninterface ZhipsterProps {\n  onShippingOptionChanged: (\n    dropOptionId: string | undefined,\n    dropPointId: string | undefined,\n    hasDropPoints: boolean\n  ) => void;\n  deliveryMethodsComplete?: boolean;\n  onLoadingChanged: (isLoading: boolean) => void;\n}\n\nexport interface ZhipsterDropOption {\n  formattedPrice: string;\n  formattedCampaignPrice?: string;\n  name: string;\n  description?: string;\n  dropOptionId: string;\n  dropPoints?: DropPoint[];\n  forwarderId: string;\n}\n\nexport interface DropPoint {\n  DropPointID: string;\n  Name: string;\n  DistanceInKm: number;\n  Address: ZhipsterAddress;\n}\n\ninterface ZhipsterAddress {\n  Name: string;\n  Street1: string;\n  Street2?: string;\n  City: string;\n  ZipCode: string;\n  CountryCode: string;\n  StateCode?: string;\n}\n\nconst Zhipster = ({\n  onShippingOptionChanged,\n  deliveryMethodsComplete = false,\n  onLoadingChanged,\n}: ZhipsterProps) => {\n  const dispatch = useDispatch();\n  const { payload } = useTypedSelector((state) => state.checkout);\n  const { selectedDeliveryMethod, customerDetails, alternativeAddress } =\n    payload;\n\n  const [abortController, setAbortController] =\n    useState<AbortController>();\n  const [isLoading, setIsLoading] = useState(false);\n  const [hasFetchedOptions, setHasFetchedOptions] = useState(false);\n  const [selectedDropOptionId, setSelectedDropOptionId] = useState<\n    string | undefined\n  >(payload.zhipsterData?.selectedDropOptionId);\n  const [dropOptions, setDropOptions] = useState<ZhipsterDropOption[]>([]);\n  const [zipCode, setZipCode] = useState<string | undefined>(\n    alternativeAddress?.zipCode ?? customerDetails?.zipCode\n  );\n  const [error, setError] = useState<string | undefined>();\n  const [selectedDropPointId, setSelectedDropPointId] = useState<\n    string | undefined\n  >(payload.zhipsterData?.selectedDropPointId);\n\n  const isZhipster = useMemo(\n    () => selectedDeliveryMethod?.id == 'Zhipster:CheckoutApiV2',\n    [selectedDeliveryMethod]\n  );\n  const selectedDropOption = useMemo(\n    () =>\n      dropOptions.find((opt) => opt.dropOptionId == selectedDropOptionId),\n    [dropOptions, selectedDropOptionId]\n  );\n  const selectedDropPoint = useMemo(\n    () =>\n      selectedDropOption?.dropPoints?.find(\n        (opt) => opt.DropPointID == selectedDropPointId\n      ),\n    [selectedDropOption, selectedDropPointId]\n  );\n  const dropPoints = useMemo(\n    () =>\n      selectedDropOption?.dropPoints?.map((drop) => ({\n        value: drop.DropPointID,\n        name: drop.Name,\n        street: drop.Address.Street1,\n        zipCode: drop.Address.ZipCode,\n        city: drop.Address.City,\n      })),\n    [selectedDropOption]\n  );\n\n  useEffect(() => {\n    if (dropOptions.length == 0) {\n      if (alternativeAddress?.zipCode ?? customerDetails?.zipCode) {\n        setZipCode(\n          alternativeAddress?.zipCode ?? customerDetails?.zipCode\n        );\n      }\n    }\n  }, [alternativeAddress?.zipCode, customerDetails?.zipCode]);\n\n  // Auto-select first drop option\n  useEffect(() => {\n    if (!selectedDropOptionId) {\n      setSelectedDropOptionId(\n        dropOptions ? dropOptions[0]?.dropOptionId : undefined\n      );\n    }\n  }, [dropOptions]);\n\n  // Auto-select first drop point\n  useEffect(() => {\n    if (!selectedDropPointId) {\n      setSelectedDropPointId(\n        dropPoints ? dropPoints[0]?.value : undefined\n      );\n    }\n  }, [dropPoints]);\n\n  const handleRequestError = async (err) => {\n    setHasFetchedOptions(false);\n    if (err.response) {\n      const data = await err.response.json();\n      setError(data.error ?? translate('zhipster.error.general'));\n    } else {\n      setError(translate('zhipster.error.no-response'));\n    }\n  };\n\n  const fetchShippingOptions = () => {\n    setIsLoading(true);\n    get(`/api/zhipster?zipCode=${zipCode}`, abortController)\n      .then((res) => res.json())\n      .then((data: ZhipsterDropOption[]) => setDropOptions(data))\n      .then(() => setHasFetchedOptions(true))\n      .then(() => setError(undefined))\n      .catch(handleRequestError)\n      .finally(() => setIsLoading(false));\n  };\n\n  const submitSelectedDropOption = useCallback(\n    debounce(() => {\n      setIsLoading(true);\n      post(\n        '/api/zhipster',\n        {\n          selectedDropOptionId,\n          selectedDropPointId,\n          zipCode,\n        },\n        abortController\n      )\n        .then(() =>\n          onShippingOptionChanged(\n            selectedDropOptionId,\n            selectedDropPointId,\n            !!dropPoints && dropPoints.length > 0\n          )\n        )\n        .then(() => setError(undefined))\n        .catch(handleRequestError)\n        .finally(() => setIsLoading(false));\n    }, 300),\n    [\n      selectedDropOptionId,\n      selectedDropPointId,\n      onShippingOptionChanged,\n      dropPoints,\n      abortController,\n    ]\n  );\n\n  useEffect(() => {\n    if (!!selectedDropOptionId && isZhipster) {\n      if (\n        !dropPoints ||\n        (dropPoints.length > 0 && !!selectedDropPointId)\n      ) {\n        submitSelectedDropOption();\n      }\n    }\n  }, [selectedDropOptionId, selectedDropPointId]);\n\n  useEffect(() => {\n    if (!isZhipster) {\n      abortController?.abort();\n      setAbortController(new AbortController());\n    }\n\n    if (isZhipster && zipCode) {\n      fetchShippingOptions();\n    }\n  }, [selectedDeliveryMethod]);\n\n  useEffect(() => {\n    if (!isZhipster) {\n      setSelectedDropOptionId(undefined);\n      setSelectedDropPointId(undefined);\n      setDropOptions([]);\n    }\n  }, [isZhipster]);\n\n  useEffect(() => {\n    onLoadingChanged && onLoadingChanged(isLoading);\n  }, [isLoading, onLoadingChanged]);\n\n  return !deliveryMethodsComplete ? (\n    <>\n      {selectedDeliveryMethod?.id == 'Zhipster:CheckoutApiV2' ? (\n        <div>\n          <ZhipsterForm\n            zipCode={zipCode}\n            onZipCodeChange={(zipCode) => setZipCode(zipCode)}\n            onSubmit={fetchShippingOptions}\n            onReset={() => {\n              setSelectedDropOptionId(undefined);\n              setSelectedDropPointId(undefined);\n              setZipCode(undefined);\n              setDropOptions([]);\n              dispatch(setCustomerDetailsConfirmed(false));\n            }}\n            isLoading={isLoading}\n            showEditButton={hasFetchedOptions}\n          />\n          {error && <p className=\"mt-1 text-sm text-error-500\">{error}</p>}\n          {dropOptions.length > 0 && (\n            <>\n              <div className=\"grid grid-cols-1\">\n                {dropOptions.map((opt) => (\n                  <ZhipsterDropOptionRadio\n                    {...opt}\n                    checked={opt.dropOptionId === selectedDropOptionId}\n                    onChange={(option) => {\n                      setSelectedDropOptionId(option.dropOptionId);\n                      if (\n                        !option.dropPoints ||\n                        option.dropPoints.length == 0\n                      ) {\n                        setSelectedDropPointId(undefined);\n                      } else {\n                        setSelectedDropPointId(\n                          option.dropPoints[0]?.DropPointID\n                        );\n                      }\n                    }}\n                    key={opt.dropOptionId + 'zhipster-drop-option'}\n                  />\n                ))}\n              </div>\n              {dropPoints && (\n                <ZhipsterDropdown\n                  size=\"large\"\n                  className=\"mt-2\"\n                  selectClassName=\"!border-gray-200\"\n                  placeholder={translate(\n                    'zhipster.drop-point.placeholder'\n                  )}\n                  options={dropPoints}\n                  selectedValue={selectedDropPointId}\n                  onChange={({ value }) => setSelectedDropPointId(value)}\n                />\n              )}\n            </>\n          )}\n        </div>\n      ) : null}\n    </>\n  ) : selectedDropOption && isZhipster ? (\n    <div\n      className=\"cursor-pointer text-md font-light text-gray-500\"\n      onClick={() => dispatch(setShippingConfirmed(false))}\n    >\n      <div className=\"mb-2\">\n        {selectedDropOption.name}{' '}\n        {selectedDropPoint && <>({selectedDropOption.description})</>}\n      </div>\n      {selectedDropPoint && (\n        <div>\n          {selectedDropPoint?.Name} ({selectedDropPoint?.Address.Street1},{' '}\n          {selectedDropPoint?.Address.ZipCode}{' '}\n          {selectedDropPoint?.Address.City})\n        </div>\n      )}\n      {!selectedDropPoint && <div>{selectedDropOption.description}</div>}\n    </div>\n  ) : null;\n};\n\ninterface ZhipsterFormProps {\n  zipCode?: string;\n  onZipCodeChange: (zipCode: string) => void;\n  onSubmit: () => void;\n  onReset: () => void;\n  isLoading: boolean;\n  showEditButton: boolean;\n}\n\nconst ZhipsterForm = ({\n  zipCode,\n  onZipCodeChange,\n  onSubmit,\n  onReset,\n  isLoading,\n  showEditButton,\n}: ZhipsterFormProps) => {\n  const canSubmit = useMemo(\n    () => !isLoading && !!zipCode,\n    [zipCode, isLoading]\n  );\n\n  return (\n    <div className=\"grow\">\n      <div className=\"mb-4 text-md\">{translate('zhipster.help-text')}</div>\n      <div className=\"mb-4 grid grid-cols-4 gap-4\">\n        <Input\n          label={translate('checkout.customerinfo.zipcode')}\n          autoComplete=\"postal-code\"\n          value={zipCode ?? ''}\n          showAnimatedLabel={true}\n          inputSize=\"xlarge\"\n          onKeyDown={(e) => e.key == 'Enter' && canSubmit && onSubmit()}\n          onChange={(e) => onZipCodeChange(e.target.value)}\n          wrapperClassName=\"col-span-3\"\n          disabled={isLoading || showEditButton}\n        />\n        <button\n          className=\"btn btn--black btn--xlarge btn--fullwidth col-span-1\"\n          onClick={showEditButton ? onReset : onSubmit}\n          disabled={!canSubmit}\n        >\n          {!isLoading && showEditButton && translate('general.edit')}\n          {!isLoading &&\n            !showEditButton &&\n            translate('zhipster.get-options')}\n          {isLoading && <LoadingSpinner />}\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default Zhipster;\n","import React, { useState, useEffect } from 'react';\n\nconst useReady = (): boolean => {\n  const [ready, setReady] = useState(false);\n  useEffect(() => setReady(true), []);\n  return ready;\n};\n\nexport default useReady;\n","import React, { useEffect } from 'react';\nimport Icon from '../Icon';\nimport useReady from '../../Hooks/useReady';\nimport clsx from 'clsx';\nimport { translate } from '../../Services/translation';\nimport { StepListType } from '../../Reducers/Checkout.reducer';\n\ninterface CheckoutStepContainerProps {\n  children: React.ReactNode;\n  showContent: boolean;\n  stepContainerList: StepListType;\n  stepKey: string;\n  stepComplete?: boolean;\n  label: React.ReactNode | string;\n  onClick?: () => void;\n}\n\nconst CheckoutStepContainer = ({\n  children,\n  label,\n  showContent,\n  stepContainerList,\n  stepKey,\n  stepComplete,\n  onClick,\n}: CheckoutStepContainerProps) => {\n  const ready = useReady();\n  const length = Object.keys(stepContainerList).length;\n\n  return (\n    <div\n      onClick={onClick}\n      id={stepKey}\n      className=\"step-container mx-auto mb-6 w-full bg-white p-4 lg:max-w-[660px] lg:rounded lg:p-6\"\n    >\n      <div className=\"flex flex-row items-center\">\n        {stepComplete && (\n          <Icon className=\"mr-2 h-8 w-8 text-success-400\" name=\"check\" />\n        )}\n        <div className=\"flex flex-1\">\n          {typeof label === 'string' ? (\n            <h3 className=\"h3\">{label}</h3>\n          ) : (\n            label\n          )}\n        </div>\n        {}\n        <div\n          style={{ textShadow: ready ? 'none' : '0 0 10px black' }}\n          className={clsx(\n            ' duration-400 self-baseline rounded-md bg-gray-100 px-2 py-1 text-md font-bold transition-[text-shadow]',\n            !ready && 'text-transparent'\n          )}\n        >\n          {`${translate('general.step')} ${\n            stepContainerList[stepKey]\n          } ${translate('general.of')} ${length}`}\n        </div>\n      </div>\n      {showContent && <div className=\"mt-2\">{children}</div>}\n    </div>\n  );\n};\n\nexport default CheckoutStepContainer;\n","import React from 'react';\nimport { translate } from '../../Services/translation';\n\nconst CheckoutCustomerInfoLabel = ({\n  stepComplete,\n  showSignIn,\n  isB2b,\n  loginUrl,\n}: {\n  stepComplete: boolean;\n  showSignIn: boolean;\n  isB2b: boolean;\n  loginUrl?: string;\n}) => {\n  return (\n    <div className=\"flex flex-1 flex-col\">\n      <h3 className=\"text-h3\">\n        {translate(\n          isB2b ? 'checkout.delivery-address' : 'checkout.customer-info'\n        )}\n      </h3>\n      {showSignIn && loginUrl && !stepComplete && (\n        <div className=\"text-md text-gray-900\">\n          {translate('checkout-private-customer.have-an-account')}{' '}\n          <a className=\"underline\" href={loginUrl}>\n            {translate('global.log-in')}\n          </a>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default CheckoutCustomerInfoLabel;\n","import React, { useCallback, useState } from 'react';\nimport {\n  businessCustomerDetailsSchema,\n  dropshipValidationSchema,\n  privateCustomerAddressSchema,\n  privateCustomerAlternativeAddressSchema,\n} from './utils/Checkout.ValidationSchema';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { debounce } from 'lodash-es';\nimport {\n  saveCustomerDetail,\n  setValidationErrors,\n} from '../../Actions/Checkout.action';\nimport { translate } from '../../Services/translation';\nimport { useTypedDispatch } from '../../Hooks/useTypedDispatch';\nimport { ValidationError } from 'yup';\nimport { triggerToast } from '../../Services/Toast.service';\nimport LoadingSpinner from '../LoadingSpinner';\n\nconst CheckoutConfirmCustomerDetailsButton = () => {\n  const dispatch = useTypedDispatch();\n  const { validationErrors } = useTypedSelector((state) => state.checkout);\n  const {\n    customerDetails,\n    isLoadingCustomerDetails,\n    isBusinessCustomer,\n    selectedDeliveryAddressId,\n    useDropshipping,\n    alternativeAddress,\n    showAlternativeAddress,\n    deliveryMethods,\n    shippingConfirmed,\n    dropshipCustomerDetails,\n    selectedDropshipAddressType,\n  } = useTypedSelector((state) => state.checkout.payload);\n  const [saveDetailsAbortController, setSaveDetailsAbortController] =\n    useState<AbortController | null>();\n\n  const saveDetails = useCallback(\n    debounce(() => {\n      let abortController = new AbortController();\n      if (saveDetailsAbortController) {\n        saveDetailsAbortController.abort();\n      }\n      setSaveDetailsAbortController(abortController);\n      dispatch(saveCustomerDetail(abortController));\n    }, 300),\n    [saveDetailsAbortController]\n  );\n\n  const onConfirmCustomerDetailsClick = async (e) => {\n    e.preventDefault();\n    let hasErrors = false;\n    let errors = {};\n\n    try {\n      if (isBusinessCustomer) {\n        const schema = useDropshipping\n          ? dropshipValidationSchema\n          : businessCustomerDetailsSchema;\n        await schema.validate(\n          {\n            ...(useDropshipping\n              ? dropshipCustomerDetails\n              : customerDetails),\n            selectedDeliveryAddressId,\n            selectedDropshipAddressType,\n            useDropshipping,\n          },\n          { abortEarly: false }\n        );\n      } else {\n        await privateCustomerAddressSchema.validate(customerDetails, {\n          abortEarly: false,\n        });\n      }\n    } catch (err) {\n      hasErrors = true;\n      errors = onValidationError(\n        err,\n        useDropshipping ? 'dropshipCustomerDetails' : 'customerDetails'\n      );\n\n      // Trigger toasts for validation errors if B2B\n      if (err instanceof ValidationError) {\n        let validationErr = err as ValidationError;\n        if (isBusinessCustomer) {\n          triggerToast({\n            title: translate(`general.error`),\n            text: 'Validation error, contact customer support',\n            type: 'error',\n            autoClose: false\n          });\n          for (let error of validationErr.inner) {\n            console.error({\n              title: translate(`checkout.error.${error.path}`),\n              text: error.message,\n              type: 'error',\n            });\n          }\n        }\n      }\n    }\n\n    if (!isBusinessCustomer && showAlternativeAddress) {\n      try {\n        await privateCustomerAlternativeAddressSchema.validate(\n          alternativeAddress ?? {},\n          { abortEarly: false }\n        );\n      } catch (err) {\n        hasErrors = true;\n        onValidationError(err, 'alternativeAddress', errors);\n      }\n    }\n\n    if (!hasErrors) {\n      saveDetails();\n    }\n  };\n\n  const onValidationError = (\n    err: ValidationError,\n    stateKey: string,\n    existingErrors = {}\n  ) => {\n    const errors = err.inner.reduce(\n      (prev, i) => ({\n        ...prev,\n        [`${stateKey}-${i.path}`]: i.errors,\n      }),\n      {}\n    );\n\n    dispatch(setValidationErrors({ ...existingErrors, ...errors }));\n    return errors;\n  };\n\n  return (\n    <button\n      className=\"btn btn--black btn--xlarge col-span-2 mt-4 w-full\"\n      onClick={onConfirmCustomerDetailsClick}\n      disabled={isLoadingCustomerDetails}\n    >\n      {!isLoadingCustomerDetails &&\n        translate(\n          deliveryMethods.length == 1 && shippingConfirmed\n            ? 'general.confirm'\n            : 'checkout.proceed-to-shipping'\n        )}\n      {isLoadingCustomerDetails && <LoadingSpinner />}\n    </button>\n  );\n};\n\nexport default CheckoutConfirmCustomerDetailsButton;\n","import { post, postFormData } from './http';\nimport { dataLayerAddToCart } from './Gtm.service';\nimport { metaServiceAddToCartEvent } from './Meta.service';\nimport { pinterestServiceAddToCartEvent } from './Pinterest.service';\nimport { CartState } from '../Reducers/Cart.reducer';\nimport { OrderRow } from '../Types/OrderRow';\nimport { adformServiceAddToCartEvent } from './Adform.service';\nimport MeasuredWallpaperCuttingsData from '../Types/MeasuredWallpaperCuttingsData';\nimport { CustomWallpaperFile } from '../Components/MeasuredWallpaperCutout/CustomWallpaper/CustomWallpaperDropzone';\n\nexport const add = async ({\n  articleNumber,\n  quantity = 1,\n}: {\n  articleNumber: string;\n  quantity?: number;\n}) => {\n  if (\n    !quantity ||\n    isNaN(quantity) ||\n    parseFloat(quantity?.toString()) <= 0\n  ) {\n    throw 'Invalid quantity';\n  }\n\n  const response = await post('/api/cart/add', {\n    articleNumber,\n    quantity: parseFloat(quantity?.toString()),\n  });\n\n  var result: CartState = await response.json();\n\n  try {\n    addToDataLayer(\n      [{ articleNumber, quantity }],\n      result.orderRows,\n      result.currency\n    );\n  } catch (err) {\n    console.log(err);\n  }\n\n  return result;\n};\n\ninterface AddMeasuredWallpaperToCartProps {\n  articleNumber: string;\n  quantity?: number;\n  wallWidth: number;\n  wallHeight: number;\n  cuttingsData: MeasuredWallpaperCuttingsData;\n  customWallpaperFile?: CustomWallpaperFile;\n}\n\nexport const addMeasuredWallpaperToCart = async ({\n  articleNumber,\n  quantity = 1,\n  wallWidth,\n  wallHeight,\n  cuttingsData,\n  customWallpaperFile,\n}: AddMeasuredWallpaperToCartProps) => {\n  if (\n    !quantity ||\n    isNaN(quantity) ||\n    parseFloat(quantity?.toString()) <= 0\n  ) {\n    throw 'Invalid quantity';\n  }\n\n  const formData = new FormData();\n  formData.set('articleNumber', articleNumber);\n  formData.set('quantity', quantity.toString());\n  formData.set('wallWidth', wallWidth.toString());\n  formData.set('wallHeight', wallHeight.toString());\n\n  for (let key of Object.keys(cuttingsData)) {\n    const value = cuttingsData[key];\n    formData.set(key, value);\n  }\n\n  if (customWallpaperFile) {\n    formData.set('customWallpaperFile', customWallpaperFile.file);\n    formData.set(\n      'customWallpaperWidth',\n      customWallpaperFile.width.toString()\n    );\n    formData.set(\n      'customWallpaperHeight',\n      customWallpaperFile.height.toString()\n    );\n  }\n\n  const response = await postFormData('/api/cart/add/measured', formData);\n  const result: CartState = await response.json();\n\n  try {\n    addToDataLayer(\n      [{ articleNumber: articleNumber?.toString() ?? '', quantity: 1 }],\n      result.orderRows,\n      result.currency\n    );\n  } catch (err) {\n    console.log(err);\n  }\n\n  return result;\n};\n\nexport const reorder = async (orderId) => {\n  const response = await post('/api/cart/reorder', { orderId });\n  return response.json();\n};\n\nconst addToDataLayer = (\n  products: any[],\n  orderRows: OrderRow[],\n  currency: string\n) => {\n  let responseProducts: OrderRow[] = [];\n  orderRows.map((row) => {\n    for (const i in products) {\n      if (Object.hasOwnProperty.call(products, i)) {\n        if (products[i].articleNumber === row.articleNumber) {\n          const index = responseProducts.findIndex(\n            (e) => e.articleNumber === row.articleNumber\n          );\n          if (index === -1) {\n            if (row.gtmEcommerceItem) {\n              row.gtmEcommerceItem.quantity = products[i].quantity;\n              row.gtmEcommerceItem.index = responseProducts.length;\n            }\n            responseProducts.push(row);\n            metaServiceAddToCartEvent(row);\n            pinterestServiceAddToCartEvent({\n              quantity: row.quantity,\n              price:\n                (row.priceInfo?.campaignPrice ?? row.priceInfo?.price)\n                  ?.price ?? 0,\n              currency,\n            });\n            adformServiceAddToCartEvent(row);\n          }\n        }\n      }\n    }\n  });\n\n  const gtmEcommerceItems: any = responseProducts.map(\n    (p) => p.gtmEcommerceItem\n  );\n  if (gtmEcommerceItems) {\n    dataLayerAddToCart(gtmEcommerceItems);\n  }\n};","import React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { translate } from '../../Services/translation';\nimport { add as addToCart } from '../../Services/Cart.service';\nimport {\n  receive as receiveCart,\n  loadError as onCartError,\n  triggerAddToCartAnimation,\n} from '../../Actions/Cart.action';\nimport { catchError } from '../../Actions/Error.action';\nimport LoadingSpinner from '../LoadingSpinner';\nimport Icon from '../Icon';\nimport clsx from 'clsx';\n\ninterface BuyButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  articleNumber?: string;\n  quantity?: number;\n  disabled?: boolean;\n  label?: any;\n  styleClassName?: string;\n  hideIcon?: boolean;\n  btnSize?: 'large' | 'medium';\n  persistCheckmark?: boolean;\n  onAddToCart?: (articleNumber: string, quantity: number) => void;\n}\n\nconst opacityTransitionClasses = 'transition-opacity duration-150';\nconst stateIconClasses = clsx(\n  'absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2',\n  opacityTransitionClasses\n);\n\nconst BuyButton = ({\n  articleNumber,\n  quantity = 1,\n  label,\n  disabled,\n  className,\n  styleClassName = 'btn--buy-button',\n  onClick = undefined,\n  hideIcon = false,\n  btnSize = 'large',\n  persistCheckmark,\n  onAddToCart,\n  ...buttonProps\n}: BuyButtonProps) => {\n  const dispatch = useDispatch();\n  const [showLoadingSpinner, setShowLoadingSpinner] = useState(false);\n  const [showCheckmark, setShowCheckmark] = useState(false);\n  const [isLoading, setIsLoading] = useState(false);\n  const [checkmarkTimeoutId, setCheckmarkTimeoutId] = useState<\n    NodeJS.Timeout | undefined\n  >();\n\n  const onButtonClick = async (\n    ev: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    setIsLoading(true);\n    const loadingSpinnerTimeout = setTimeout(\n      () => setShowLoadingSpinner(true),\n      200\n    );\n\n    try {\n      if (onClick) {\n        // await in case the method returns a promise\n        await onClick(ev);\n      } else if (!!articleNumber) {\n        const cart = await addToCart({\n          articleNumber,\n          quantity,\n        });\n        dispatch(receiveCart(cart));\n        dispatch(triggerAddToCartAnimation());\n        onAddToCart && onAddToCart(articleNumber, quantity);\n      }\n      onAddToCartSuccess();\n    } catch (err) {\n      dispatch(catchError(err, (error) => onCartError(error)));\n    } finally {\n      setIsLoading(false);\n      clearTimeout(loadingSpinnerTimeout);\n      setShowLoadingSpinner(false);\n    }\n  };\n\n  const onAddToCartSuccess = () => {\n    setShowCheckmark(true);\n    if (!persistCheckmark) {\n      setCheckmarkTimeoutId(\n        setTimeout(() => setShowCheckmark(false), 2500)\n      );\n    }\n  };\n\n  useEffect(() => {\n    if (typeof persistCheckmark === 'undefined') return;\n\n    if (!persistCheckmark) {\n      setShowCheckmark(false);\n    } else {\n      clearTimeout(checkmarkTimeoutId);\n    }\n  }, [persistCheckmark, checkmarkTimeoutId]);\n\n  return (\n    <button\n      className={clsx(\n        className,\n        'btn relative w-full',\n        btnSize === 'medium' ? 'btn--medium' : 'btn--large',\n        styleClassName,\n        (isLoading || showCheckmark || showLoadingSpinner) &&\n          'disabled:opacity-80'\n      )}\n      disabled={disabled || isLoading || showCheckmark}\n      {...buttonProps}\n      onClick={onButtonClick}\n    >\n      <span\n        className={clsx(\n          showLoadingSpinner || showCheckmark\n            ? 'opacity-0'\n            : 'opacity-100',\n          opacityTransitionClasses,\n          'flex items-center justify-center'\n        )}\n      >\n        {label ?? (\n          <>\n            {!hideIcon && (\n              <Icon name=\"shopping-cart\" className=\"mr-3 h-6 w-6\" />\n            )}\n            {translate('general.add-to-cart')}{' '}\n          </>\n        )}\n      </span>\n      <span\n        className={clsx(\n          showLoadingSpinner && !showCheckmark\n            ? 'opacity-100'\n            : 'opacity-0',\n          stateIconClasses\n        )}\n      >\n        <LoadingSpinner />\n      </span>\n      <Icon\n        name=\"check\"\n        className={clsx(\n          showCheckmark ? 'opacity-100' : 'opacity-0',\n          stateIconClasses\n        )}\n      />\n    </button>\n  );\n};\n\nexport default BuyButton;\n","import React, { useCallback, useState } from 'react';\nimport Product from '../Types/Product';\nimport Icon from '../Components/Icon';\nimport { translate } from '../Services/translation';\nimport clsx from 'clsx';\nimport BuyButton from '../Components/BuyButton/BuyButton';\nimport ProductPrice from '../Components/ProductPrice/ProductPrice';\nimport ResponsiveImage from '../Components/ResponsiveImage/ResponsiveImage';\nimport { ResponsiveImageModel } from '../Types/ResponsiveImageModel';\nimport { useTypedSelector } from '../Hooks/useTypedSelector';\nimport {\n  dataLayerBeginCheckoutUpsales,\n  pushEcommerce,\n} from '../Services/Gtm.service';\n\nexport interface UpsellBlockModel {\n  products: Product[];\n  title: string;\n  initialShowItems?: boolean;\n}\n\nconst getSmallestImage = (imageModel: ResponsiveImageModel) =>\n  imageModel.sizeDefinitions?.sort((a, b) => a.width - b.width)[0]!;\n\nconst UpsellBlock = ({\n  products,\n  title,\n  initialShowItems = true,\n}: UpsellBlockModel) => {\n  const { orderRows } = useTypedSelector((state) => state.cart);\n  const [showItems, setShowItems] = useState(initialShowItems);\n\n  const cartHasItem = useCallback(\n    (articleNumber?: string) =>\n      !!orderRows.find(\n        (r) =>\n          r.articleNumber?.toLowerCase() == articleNumber?.toLowerCase()\n      ),\n    [orderRows]\n  );\n\n  return products.length > 0 ? (\n    <div className=\"mx-auto mb-6 w-full bg-white lg:max-w-[660px] lg:rounded\">\n      <div\n        className=\"flex flex-1 cursor-pointer flex-row items-center justify-between px-6 pb-5 pt-6\"\n        onClick={() => setShowItems(!showItems)}\n      >\n        <h3 className=\"text-xl md:text-h3\">\n          {title ?? translate('upsell-block.fallback-title')}\n        </h3>\n        <Icon\n          name=\"chevron-down\"\n          className={clsx(\n            'transition-transform',\n            showItems ? 'rotate-180' : 'rotate-0'\n          )}\n        />\n      </div>\n      <div\n        className={clsx(\n          'grid grid-rows-[0fr] border-t border-solid border-gray-100 transition-[grid-template-rows] duration-200',\n          showItems ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\n        )}\n      >\n        <div className=\"overflow-hidden\">\n          <div className=\"flex flex-col gap-x-4 gap-y-5 px-4 py-6 lg:px-6\">\n            {products.map((p) => (\n              <div className=\"flex w-full gap-4\" key={'upsell-' + p.id}>\n                {p.patternImage ||\n                (p.images && p.images.length > 0 && p.images[0]) ? (\n                  <a href={p.url}>\n                    <img\n                      src={\n                        p.patternImage\n                          ? getSmallestImage(p.patternImage).url\n                          : p.images![0]?.thumbnailSrc\n                      }\n                      className={clsx(\n                        'w-full max-w-[80px] rounded object-cover transition-opacity duration-200 aspect-[3/4]',\n                        cartHasItem(p.id) && 'opacity-50'\n                      )}\n                      loading=\"lazy\"\n                    />\n                  </a>\n                ) : (\n                  <div></div>\n                )}\n                <div className=\"flex flex-grow flex-col gap-1\">\n                  <div\n                    className={clsx(\n                      'flex flex-1 flex-col gap-y-2 transition-opacity duration-200',\n                      cartHasItem(p.id) && 'opacity-50'\n                    )}\n                  >\n                    <div className=\"text-md leading-tight text-gray-500\">\n                      {`${p.productType}: ${p.id}`}\n                    </div>\n                    <div className=\"flex flex-col gap-4\">\n                      <a href={p.url}>\n                        <h4 className=\"sm-down:text-lg\">{p.name}</h4>\n                      </a>\n                      <div className=\"flex flex-col text-md font-normal leading-tight text-gray-500 lg:block\">\n                        {p.price.campaignPrice\n                          ? p.price.formattedCampaignPrice\n                          : p.price.formattedPrice}\n                        {p.unitOfMeasurement &&\n                          ' / ' + p.unitOfMeasurement.toLowerCase()}\n                        {p.price.campaignPrice && (\n                          <span className=\"mt-2 text-sm font-light text-gray-400 lg:ml-2 lg:mt-0\">\n                            {translate('cart-item.regular-unit-price')}{' '}\n                            {p.price.formattedPrice}\n                          </span>\n                        )}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                {!p.disableBuyOption && (\n                  <BuyButton\n                    articleNumber={p.id}\n                    quantity={1}\n                    hideIcon={true}\n                    btnSize=\"medium\"\n                    persistCheckmark={cartHasItem(p.id)}\n                    onAddToCart={() =>\n                      p.gtmEcommerceItem &&\n                      dataLayerBeginCheckoutUpsales([p.gtmEcommerceItem])\n                    }\n                    disabled={\n                      (p.stockStatus && !p.stockStatus.inStock) ||\n                      !p.id ||\n                      cartHasItem(p.id)\n                    }\n                    className=\"my-auto !w-auto\"\n                  />\n                )}\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  ) : null;\n};\n\nexport default UpsellBlock;\n","import React, { useMemo } from 'react';\nimport UpsellBlock from '../../Blocks/UpsellBlock';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\n\nconst CheckoutUpsellBlockContainer = ({\n  containerId,\n}: {\n  containerId: string;\n}) => {\n  const { upsellBlocks } = useTypedSelector((state) => state.checkout);\n\n  const blocks = useMemo(\n    () => upsellBlocks[containerId] ?? undefined,\n    [containerId, upsellBlocks]\n  );\n\n  return (\n    <>\n      {blocks &&\n        blocks.map((b, idx) => (\n          <UpsellBlock {...b} key={'upsell-block-' + idx} />\n        ))}\n    </>\n  );\n};\n\nexport default CheckoutUpsellBlockContainer;\n","import React, { useState, useEffect, useMemo } from 'react';\nimport { translate } from '../../Services/translation';\nimport Icon from '../Icon';\nimport AdditionalOrderInfo from './Checkout.AdditionalOrderInfo';\nimport Cart from './Checkout.Cart';\nimport ConfirmOrder from './Checkout.ConfirmOrder';\nimport DeliveryMethods from './Checkout.DeliveryMethods';\nimport PaymentMethods from './Checkout.PaymentMethods';\nimport CheckoutCustomerInfoForm from './Checkout.CustomerInfoForm';\nimport BusinessCustomerInfo from './Checkout.BusinessCustomerInfo';\nimport EmptyCart from './Checkout.EmptyCart';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport PaymentWidget from '../Payments/PaymentWidget';\nimport Zhipster from './Zhipster/Zhipster';\nimport { useDispatch } from 'react-redux';\nimport { load as loadCart } from '../../Actions/Cart.action';\nimport {\n  reloadPayment,\n  confirmShippingMethod,\n  setCustomerDetailsConfirmed,\n  setZhipsterData,\n  setShippingConfirmed,\n} from '../../Actions/Checkout.action';\nimport CheckoutStepContainer from './CheckoutStepContainer';\nimport CheckoutCustomerInfoLabel from './Checkout.CustomerInfoLabel';\nimport { triggerToast } from '../../Services/Toast.service';\nimport CheckoutConfirmCustomerDetailsButton from './Checkout.ConfirmCustomerDetailsButton';\nimport {\n  CHECKOUT_DROPSHIP_COMPANY,\n  CHECKOUT_DROPSHIP_PRIVATE,\n} from '../../constants';\nimport CheckoutUpsellBlockContainer from './Checkout.UpsellBlockContainer';\nimport { StepListType } from '../../Reducers/Checkout.reducer';\n\nconst Checkout = () => {\n  const dispatch = useDispatch();\n  const { payload, errors } = useTypedSelector((state) => state.checkout);\n  const cart = useTypedSelector<any>((state) => state.cart);\n  const [orderRows] = useState(cart?.orderRows);\n  const hasOrderRows = orderRows && Object.keys(orderRows).length > 0;\n  const [stepContainerList, setStepContainerList] = useState<StepListType>(\n    {}\n  );\n  const [isZhipsterLoading, setIsZhipsterLoading] = useState(false);\n  const [showAdyenRetrySection, setShowAdyenRetrySection] =\n    useState(false);\n  const numProducts = hasOrderRows\n    ? Object.values(cart.orderRows).length\n    : 0;\n  const {\n    authenticated,\n    message,\n    isBusinessCustomer,\n    paymentWidget,\n    selectedDeliveryMethod,\n    customerDetails,\n    customerDetailsConfirmed,\n    alternativeAddress,\n    shippingConfirmed,\n    showAlternativeAddress,\n    loginUrl,\n    useDropshipping,\n    selectedDropshipAddressType = CHECKOUT_DROPSHIP_PRIVATE,\n    zhipsterData,\n    deliveryMethods,\n    deliveryAddresses,\n    selectedDeliveryAddressId,\n    dropshipCustomerDetails,\n  } = payload;\n\n  const responseString = paymentWidget\n    ? paymentWidget.responseString\n    : null;\n  const updateKey = paymentWidget ? paymentWidget._force_update : null;\n\n  const onZhipsterOptionChanged = (\n    dropOptionSystemId: string,\n    dropPointSystemId: string,\n    hasDropPoints: boolean\n  ) => {\n    dispatch(\n      setZhipsterData(\n        dropOptionSystemId,\n        dropPointSystemId,\n        payload.alternativeAddress?.zipCode ?? customerDetails?.zipCode,\n        hasDropPoints\n      )\n    );\n    dispatch(loadCart());\n  };\n\n  // Error toasts\n  useEffect(() => {\n    for (let key of Object.keys(errors)) {\n      errors[key]?.forEach(\n        (err) =>\n          err != '' &&\n          triggerToast({\n            title: translate(`checkout.errors.${key}`),\n            text: err,\n            type: key == 'replacements' ? 'warning' : 'error',\n            autoClose: false,\n          })\n      );\n    }\n  }, [errors]);\n\n  useEffect(() => {\n    // Toasts on adyen errors\n    const urlParams = new URLSearchParams(window.location.search);\n    if (\n      urlParams.has('Error_name') &&\n      urlParams.has('Error_paymentType')\n    ) {\n      triggerToast({\n        title: translate('general.error'),\n        text: translate('checkout.adyen.error'),\n        type: 'error',\n        autoClose: false,\n      });\n    }\n  }, []);\n\n  /**\n   * Ugly workaround to detect when a \"Rejected\" error occurred inside the Adyen widget\n   */\n  useEffect(() => {\n    if (showAdyenRetrySection) return;\n\n    const observer = new MutationObserver((_) => {\n      if (\n        document.getElementsByClassName('adyen-checkout__status--error')\n          .length > 0\n      ) {\n        setShowAdyenRetrySection(true);\n        observer.disconnect();\n      }\n    });\n    observer.observe(document, {\n      attributes: false,\n      childList: true,\n      characterData: false,\n      subtree: true,\n    });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [showAdyenRetrySection]);\n\n  const shippingAddress = useMemo(() => {\n    if (isBusinessCustomer && !useDropshipping) {\n      return deliveryAddresses.find(\n        (a) => a.systemId == selectedDeliveryAddressId\n      );\n    }\n\n    return alternativeAddress && showAlternativeAddress\n      ? alternativeAddress\n      : customerDetails;\n  }, [\n    deliveryAddresses,\n    selectedDeliveryAddressId,\n    isBusinessCustomer,\n    alternativeAddress,\n    customerDetails,\n    showAlternativeAddress,\n    useDropshipping,\n  ]);\n\n  const customerDetailsAddressString = useMemo(() => {\n    const addresses = [\n      shippingAddress?.address,\n      shippingAddress?.address2,\n    ];\n    return addresses.filter((a) => !!a).join(' ');\n  }, [shippingAddress]);\n\n  const isZhipsterSelected = useMemo(\n    () => selectedDeliveryMethod?.id == 'Zhipster:CheckoutApiV2',\n    [selectedDeliveryMethod?.id]\n  );\n\n  const isZhipsterDone = useMemo(\n    () =>\n      !!zhipsterData?.selectedDropOptionId &&\n      (!zhipsterData?.hasDropPoints ||\n        !!zhipsterData?.selectedDropPointId),\n    [zhipsterData]\n  );\n\n  useEffect(() => {\n    setStepContainerList({});\n    var containers = document.querySelectorAll('.step-container');\n    if (containers?.length > 0) {\n      containers.forEach((container, index) => {\n        if (container.id) {\n          setStepContainerList((prevDict) => ({\n            ...prevDict,\n            [container.id]: ++index,\n          }));\n        }\n      });\n    }\n  }, [deliveryMethods, shippingConfirmed, isZhipsterSelected]);\n\n  useEffect(() => {\n    if (paymentWidget && shippingConfirmed) {\n      dispatch(reloadPayment());\n    }\n  }, [cart.grandTotal]);\n\n  // Empty cart render\n  if (numProducts <= 0) {\n    return (\n      <div className=\"bg-gray-100 px-0 py-6 md:py-8 lg:py-10\">\n        <EmptyCart />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"bg-gray-100 px-0 py-6 md:py-8 lg:py-10\">\n      <div className=\"lg:container px-0\">\n        {message && (\n          <div className=\"mx-auto mb-6 flex flex-row items-center border border-solid border-gray-900 bg-white px-4 py-3 text-base lg:mb-6 lg:max-w-[660px] lg:rounded\">\n            <Icon className=\"mr-2 h-6 w-6\" name=\"info\" />\n            <span>{message}</span>\n          </div>\n        )}\n        <div className=\"flex flex-col\">\n          <Cart />\n          <CheckoutUpsellBlockContainer containerId=\"upsell1\" />\n          <CheckoutStepContainer\n            label={\n              <CheckoutCustomerInfoLabel\n                stepComplete={customerDetailsConfirmed}\n                showSignIn={!authenticated}\n                loginUrl={loginUrl}\n                isB2b={isBusinessCustomer}\n              />\n            }\n            stepKey=\"customerInfo\"\n            showContent={true}\n            stepComplete={customerDetailsConfirmed}\n            stepContainerList={stepContainerList}\n            onClick={() =>\n              customerDetailsConfirmed &&\n              dispatch(setCustomerDetailsConfirmed(false))\n            }\n          >\n            {customerDetailsConfirmed &&\n              !useDropshipping &&\n              customerDetails &&\n              shippingAddress && (\n                <div className=\"flex cursor-pointer flex-col text-md leading-normal text-gray-500\">\n                  <div>{customerDetails.phoneNumber}</div>\n                  <div>{customerDetails.email}</div>\n                  <div>\n                    {(!useDropshipping ||\n                      selectedDropshipAddressType ==\n                        CHECKOUT_DROPSHIP_PRIVATE) && (\n                      <>\n                        {shippingAddress.firstName}{' '}\n                        {shippingAddress.lastName}\n                      </>\n                    )}\n                    {(isBusinessCustomer ||\n                      (useDropshipping &&\n                        selectedDropshipAddressType ==\n                          CHECKOUT_DROPSHIP_COMPANY)) && (\n                      <>\n                        {!!shippingAddress.companyName\n                          ? shippingAddress.companyName\n                          : customerDetails.companyName}\n                      </>\n                    )}\n                  </div>\n                  <div>\n                    {customerDetailsAddressString},{' '}\n                    {shippingAddress.zipCode} {shippingAddress.city}\n                  </div>\n                  <div>{shippingAddress.country}</div>\n                </div>\n              )}\n            {customerDetailsConfirmed && useDropshipping && (\n              <div className=\"flex cursor-pointer flex-col text-md leading-normal text-gray-500\">\n                <div>{dropshipCustomerDetails.phoneNumber}</div>\n                <div>{dropshipCustomerDetails.email}</div>\n                <div>\n                  {dropshipCustomerDetails.firstName}{' '}\n                  {dropshipCustomerDetails.lastName}\n                </div>\n                {selectedDropshipAddressType ==\n                  CHECKOUT_DROPSHIP_COMPANY && (\n                  <div>{dropshipCustomerDetails.companyName}</div>\n                )}\n                <div>\n                  {`${dropshipCustomerDetails.address}${\n                    dropshipCustomerDetails.address2\n                      ? ' ' + dropshipCustomerDetails.address2\n                      : ''\n                  }`}\n                  , {dropshipCustomerDetails.zipCode}{' '}\n                  {dropshipCustomerDetails.city}\n                </div>\n                <div>{dropshipCustomerDetails.country}</div>\n              </div>\n            )}\n            {!customerDetailsConfirmed && (\n              <>\n                {isBusinessCustomer ? (\n                  <BusinessCustomerInfo />\n                ) : (\n                  <CheckoutCustomerInfoForm showSignUp={!authenticated} />\n                )}\n                <CheckoutConfirmCustomerDetailsButton />\n              </>\n            )}\n          </CheckoutStepContainer>\n          <CheckoutUpsellBlockContainer containerId=\"upsell2\" />\n          {(deliveryMethods.length > 1 ||\n            !shippingConfirmed ||\n            isZhipsterSelected) && (\n            <CheckoutStepContainer\n              label={translate('checkout.order.shipping')}\n              stepKey=\"deliveryMethods\"\n              stepComplete={customerDetailsConfirmed && shippingConfirmed}\n              showContent={customerDetailsConfirmed}\n              stepContainerList={stepContainerList}\n            >\n              {!shippingConfirmed && <DeliveryMethods />}\n              {shippingConfirmed && !isZhipsterSelected && (\n                <div\n                  className=\"cursor-pointer text-md font-light text-gray-500\"\n                  onClick={() => dispatch(setShippingConfirmed(false))}\n                >\n                  {selectedDeliveryMethod?.name}\n                </div>\n              )}\n              <Zhipster\n                onShippingOptionChanged={onZhipsterOptionChanged}\n                deliveryMethodsComplete={shippingConfirmed}\n                onLoadingChanged={setIsZhipsterLoading}\n              />\n              {!shippingConfirmed && (\n                <button\n                  className=\"btn btn--black btn--xlarge mt-4 w-full\"\n                  onClick={() => dispatch(confirmShippingMethod())}\n                  disabled={\n                    (isZhipsterSelected && !isZhipsterDone) ||\n                    !selectedDeliveryMethod ||\n                    isZhipsterLoading\n                  }\n                >\n                  {translate('checkout.confirm-shipping')}\n                </button>\n              )}\n            </CheckoutStepContainer>\n          )}\n          <CheckoutStepContainer\n            label={\n              !isBusinessCustomer\n                ? translate('checkout.order.payment')\n                : translate('checkout.confirm-b2b')\n            }\n            stepKey=\"paymentMethods\"\n            stepComplete={false}\n            showContent={customerDetailsConfirmed && shippingConfirmed}\n            stepContainerList={stepContainerList}\n          >\n            <PaymentMethods />\n            <AdditionalOrderInfo showExtra={isBusinessCustomer} />\n            {!paymentWidget && <ConfirmOrder />}\n            {paymentWidget && (\n              <>\n                <PaymentWidget\n                  key={updateKey}\n                  responseString={responseString}\n                />\n                {showAdyenRetrySection && (\n                  <div className=\"mt-3 flex gap-x-4 rounded bg-error-50 p-6 shadow\">\n                    <div className=\"flex\">\n                      <Icon name=\"info\" className=\"h-6 w-6\" />\n                    </div>\n                    <div>\n                      <div className=\"mb-2 text-lg font-bold\">\n                        {translate('general.error')}\n                      </div>\n                      <div className=\"mb-4 text-lg font-light text-gray-600\">\n                        {translate('checkout.adyen.error')}\n                      </div>\n                      <button\n                        className=\"font-akzidenz text-lg uppercase text-error-600\"\n                        onClick={() => {\n                          dispatch(reloadPayment());\n                          setShowAdyenRetrySection(false);\n                        }}\n                      >\n                        {translate('general.retry')}\n                      </button>\n                    </div>\n                  </div>\n                )}\n              </>\n            )}\n          </CheckoutStepContainer>\n        </div>\n      </div>\n    </div>\n  );\n};\nexport default Checkout;\n","import React, { useEffect, useState } from 'react';\nimport { Collapse } from 'react-collapse';\nimport Icon from './Icon';\nimport clsx from 'clsx';\n\ninterface CollapsibleAttributes {\n  label?: string | JSX.Element;\n  className?: string;\n  labelClassName?: string;\n  contentClassName?: string;\n  transitionDuration?: string;\n  onStateChange?: Function;\n  isOpen?: boolean;\n  hideBorder?: boolean;\n  children?: any;\n  labelSize?: string;\n}\n\nconst Collapsible = ({\n  children,\n  label,\n  className = '',\n  transitionDuration = '0.2s',\n  onStateChange: externalStateChange,\n  isOpen: externalIsOpen,\n  hideBorder,\n  labelClassName = '',\n  contentClassName = '',\n  labelSize = '',\n}: CollapsibleAttributes) => {\n  const [isOpen, setIsOpen] = useState<boolean>(externalIsOpen ?? false);\n\n  const onStateChange = (open: boolean) => {\n    externalStateChange && externalStateChange(open);\n    setIsOpen(open);\n  };\n\n  useEffect(() => {\n    setIsOpen(externalIsOpen ?? false);\n  }, [externalIsOpen]);\n\n  return (\n    <div\n      className={`collapsible ${className ?? ''} ${\n        hideBorder ? 'collapsible--no-border' : ''\n      }`}\n    >\n      <label\n        className={clsx(\n          'flex items-center justify-between text-lg',\n          labelClassName ?? ''\n        )}\n        onClick={() => onStateChange(!isOpen)}\n      >\n        <span className=\"flex flex-1\">{label}</span>\n        <Icon\n          className={clsx(\n            isOpen ? 'rotate-180' : 'rotate-0',\n            labelSize ?? 'h-5 w-5'\n          )}\n          style={{ transitionDuration: transitionDuration }}\n          name=\"caret-down\"\n        />\n      </label>\n      <div\n        className={clsx('collapsible__content', contentClassName ?? '')}\n      >\n        <Collapse isOpened={isOpen}>{children}</Collapse>\n      </div>\n    </div>\n  );\n};\n\nexport default Collapsible;\n","import React from 'react';\nimport Checkbox from '../../Inputs/Checkbox';\nimport RadioButton from '../../Inputs/Radiobutton';\nimport { FilterElementAttributes } from '../types/FilterElementAttributes';\n\nconst FilterCheckbox = ({\n  filter,\n  option,\n  onChange,\n}: FilterElementAttributes) => {\n  return option ? (\n    <label\n      className=\"flex items-center justify-between py-1\"\n      key={option.id}\n    >\n      <span className=\"text-md\">{option.label}</span>\n      <span className=\"color-gray-500 flex items-center text-sm\">\n        <span className=\"text-small mr-1.5 text-gray-500\">\n          ({option.quantity})\n        </span>\n        {!filter.singleSelect && (\n          <Checkbox\n            inputSize=\"medium\"\n            checked={filter.selectedOptions.indexOf(option.id) != -1}\n            onChange={() => onChange && onChange(filter.id, option.id)}\n          />\n        )}\n        {filter.singleSelect && (\n          <RadioButton\n            inputSize=\"small\"\n            checked={filter.selectedOptions.indexOf(option.id) != -1}\n            onChange={() => onChange && onChange(filter.id, option.id)}\n          />\n        )}\n      </span>\n    </label>\n  ) : null;\n};\n\nexport default FilterCheckbox;\n","import React, { useState, useMemo } from 'react';\nimport { FilterElementAttributes } from '../types/FilterElementAttributes';\nimport { Range, getTrackBackground } from 'react-range';\nimport {\n  IRenderThumbParams,\n  IRenderTrackParams,\n} from 'react-range/lib/types';\n\nconst FilterRangeSlider = ({\n  filter,\n  onChange,\n}: FilterElementAttributes) => {\n  const [values, setValues] = useState<number[]>([\n    parseInt(\n      (filter.options.length == 4\n        ? filter.options[2]?.id\n        : filter.options[0]?.id) ?? '0'\n    ),\n    parseInt(\n      (filter.options.length == 4\n        ? filter.options[3]?.id\n        : filter.options[1]?.id) ?? '0'\n    ),\n  ]);\n  const [onChangeTimer, setOnChangeTimer] = useState<NodeJS.Timeout>();\n\n  // Store the initial min and max value\n  const minValue = useMemo(\n    () => parseInt(filter.options[0]?.id ?? '0'),\n    []\n  );\n  const maxValue = useMemo(\n    () => parseInt(filter.options[1]?.id ?? '0'),\n    []\n  );\n\n  const onRangeChanged = (values: number[]) => {\n    setValues(values);\n\n    if (onChange) {\n      if (onChangeTimer) {\n        clearTimeout(onChangeTimer);\n      }\n\n      // Debounce onChange\n      setOnChangeTimer(\n        setTimeout(() => {\n          onChange(filter.id, values);\n        }, 350)\n      );\n    }\n  };\n\n  const renderThumb = ({\n    props,\n    isDragged,\n    value,\n  }: IRenderThumbParams) => (\n    <div\n      {...props}\n      className=\"flex h-10 w-10 items-center justify-center rounded bg-white text-lg text-gray-900 shadow-[0_2px_6px_#000] shadow-gray-600\"\n      style={{ ...props.style }}\n    >\n      <div>{value}</div>\n    </div>\n  );\n\n  const renderTrack = ({ props, children }: IRenderTrackParams) => (\n    <div\n      className=\"flex h-9 w-full\"\n      onMouseDown={props.onMouseDown}\n      onTouchStart={props.onTouchStart}\n      style={{ ...props.style }}\n    >\n      <div\n        className=\"h-[5px] w-full self-center rounded\"\n        style={{\n          background: getTrackBackground({\n            values: values,\n            colors: ['#ccc', '#548BF4', '#ccc'],\n            min: minValue,\n            max: maxValue,\n          }),\n        }}\n        ref={props.ref}\n      >\n        {children}\n      </div>\n    </div>\n  );\n\n  if (minValue <= maxValue) return null;\n\n  return (\n    <Range\n      values={values}\n      min={minValue}\n      max={maxValue}\n      onChange={onRangeChanged}\n      renderThumb={renderThumb}\n      renderTrack={renderTrack}\n    />\n  );\n};\n\nexport default FilterRangeSlider;\n","import React from 'react';\nimport { useEffect } from 'react';\nimport { useState } from 'react';\nimport { useMemo } from 'react';\nimport { translate } from '../../Services/translation';\nimport Input from '../Inputs/Input';\nimport { FilterGroup } from './types/FilterGroup';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\n\ninterface FilterSearchInputAttributes {\n  filter: FilterGroup;\n  onSearch?: Function;\n}\n\nconst FilterSearchInput = ({\n  filter,\n  onSearch,\n}: FilterSearchInputAttributes) => {\n  const [value, setValue] = useState('');\n  const matchingOptions = useMemo(\n    () =>\n      value != ''\n        ? filter.options.filter(\n            (opt) =>\n              filter.selectedOptions.includes(opt.id) ||\n              opt.label.toLowerCase().includes(value.toLowerCase())\n          )\n        : null,\n    [value, filter]\n  );\n\n  useEffect(() => {\n    onSearch && onSearch(filter, matchingOptions);\n  }, [filter, onSearch, matchingOptions]);\n\n  return (\n    <div className=\"mb-2\">\n      <Input\n        wrapperClassName=\"[&_input.input]:bg-gray-100 [&_input.input]:border-gray-300 [&_input.input]:rounded-md [&_svg]:text-gray-700 [&_input.input]:placeholder-gray-700\"\n        inputSize=\"medium\"\n        icon=\"magnifier\"\n        value={value}\n        onChange={(e) => setValue(e.target.value)}\n        placeholder={translate('general.search')}\n      />\n    </div>\n  );\n};\n\nexport default FilterSearchInput;\n","export const ColorNameToHexMapper = {\n  green: 'bg-[#8FAA6D]',\n  gray: 'bg-[#BFBFBF]',\n  beige: 'bg-[#E0DCC7]',\n  white: 'bg-[#FFFFFF] outline outline-offset-1 outline-gray-100',\n  blue: 'bg-[#6786BA]',\n  brown: 'bg-[#A37A57]',\n  yellow: 'bg-[#F2E07F]',\n  purple: 'bg-[#B38BC9]',\n  orange: 'bg-[#E6A85F]',\n  pink: 'bg-[#F0BCCE]',\n  red: 'bg-[#DD6363]',\n  black: 'bg-[#2F2F2F]',\n  turquoise: 'bg-[#A7D8DE]',\n  blackwhite: 'bg-dual-pattern outline outline-offset-1 outline-gray-100',\n  multi:\n    'bg-multi-pattern bg-no-repeat bg-[length:100%_50%] bg-multi-position',\n};\n","import React, { useState } from 'react';\nimport { FilterElementAttributes } from '../types/FilterElementAttributes';\nimport { ColorNameToHexMapper } from './utils/ColorNameToHexMapper';\nimport clsx from 'clsx';\n\nconst FilterColorCheckbox = ({\n  filter,\n  option,\n  onChange,\n}: FilterElementAttributes) => {\n  const backgroundColor =\n    ColorNameToHexMapper[option?.attributes.cssValue ?? 'white'];\n\n  const [checked, setChecked] = useState<boolean>(\n    filter.selectedOptions.indexOf(option.id) != -1\n  );\n\n  return option ? (\n    <button\n      onClick={() => {\n        onChange && onChange(filter.id, option.id);\n        setChecked(filter.selectedOptions.indexOf(option.id) != -1);\n      }}\n      className=\"flex cursor-pointer flex-col items-center justify-center py-1\"\n    >\n      <span\n        className={clsx(\n          checked\n            ? `block h-8 w-8 rounded-lg ${backgroundColor} outline outline-offset-1 outline-gray-700`\n            : `block h-8 w-8 rounded-lg ${backgroundColor}`\n        )}\n      ></span>\n      <label key={option.id}>\n        <span className=\"text-md\">{option.label}</span>\n        <span className=\"color-gray-500 flex items-center text-sm\"></span>\n      </label>\n    </button>\n  ) : null;\n};\n\nexport default FilterColorCheckbox;\n","import React from 'react';\nimport { useCallback } from 'react';\nimport { useDispatch } from 'react-redux';\nimport {\n  onOptionChanged as onOptionChangedAction,\n  onRangeChanged as onRangeChangedAction,\n  queryProductFiltering,\n} from '../../Actions/ProductFiltering.action';\nimport { translate } from '../../Services/translation';\nimport FilterCheckbox from './FilterOptions/FilterCheckbox';\nimport FilterRangeSlider from './FilterOptions/FilterRangeSlider';\nimport FilterSearchInput from './FilterSearchInput';\nimport { FilterGroup } from './types/FilterGroup';\nimport { FilterGroupOption } from './types/FilterGroupOption';\nimport { FilterGroupType } from './types/FilterGroupType';\nimport FilterColorCheckbox from './FilterOptions/FilterColoredCheckbox';\n\ninterface FilterGroupFactoryAttributes {\n  filter: FilterGroup;\n  options: FilterGroupOption[];\n  showAll?: boolean;\n  showAllButtonVisible?: boolean;\n  onShowHideAllClick?: Function;\n  onSearch?: Function;\n  onChange?: Function;\n  maxFiltersToShow;\n}\n\nconst FilterGroupElement = ({\n  filter,\n  options,\n  showAll,\n  showAllButtonVisible,\n  onShowHideAllClick,\n  onSearch,\n  maxFiltersToShow,\n}: FilterGroupFactoryAttributes) => {\n  const dispatch = useDispatch();\n\n  // When a filter checkbox/radiobutton is changed, this is called, which triggers a filter query\n  const onOptionChanged = useCallback(\n    async (filterId: string, optionId: string) => {\n      dispatch(onOptionChangedAction(filterId, optionId));\n      dispatch(queryProductFiltering());\n    },\n    [dispatch]\n  );\n\n  // When a filter range is changed, this is called, which triggers a filter query\n  const onRangeChanged = useCallback(\n    async (filterId: string, values: number[]) => {\n      dispatch(onRangeChangedAction(filterId, values));\n      dispatch(queryProductFiltering());\n    },\n    [dispatch]\n  );\n\n  // Renders each filter group depending on the filter group type\n  const renderFilterOptions = useCallback(\n    (filter: FilterGroup) => {\n      switch (filter.filterGroupType) {\n        case FilterGroupType.Checkbox:\n          return options\n            .sort((a, b) => a.label.localeCompare(b.label))\n            .map((opt) => (\n              <FilterCheckbox\n                filter={filter}\n                option={opt}\n                onChange={onOptionChanged}\n                key={filter.id + opt.id}\n              />\n            ));\n        case FilterGroupType.Range:\n          return (\n            <FilterRangeSlider filter={filter} onChange={onRangeChanged} />\n          );\n        case FilterGroupType.ColorCheckbox:\n          return (\n            <div className=\"grid grid-cols-4\">\n              {options\n                .sort((a, b) => a.label.localeCompare(b.label))\n                .map((opt) => (\n                  <FilterColorCheckbox\n                    filter={filter}\n                    option={opt}\n                    key={filter.id + opt.id}\n                    onChange={onOptionChanged}\n                  />\n                ))}\n            </div>\n          );\n        default:\n          return null;\n      }\n    },\n    [onRangeChanged, onOptionChanged, options]\n  );\n\n  return (\n    <>\n      {filter.showSearch && maxFiltersToShow < filter.options.length && (\n        <FilterSearchInput filter={filter} onSearch={onSearch} />\n      )}\n      {renderFilterOptions(filter)}\n      {onShowHideAllClick && showAllButtonVisible == true && (\n        <button\n          className=\"btn btn--outline btn--medium mt-3 w-full border-gray-700 text-gray-700\"\n          onClick={() =>\n            onShowHideAllClick && onShowHideAllClick(filter.id)\n          }\n        >\n          {showAll\n            ? translate('general.show-less')\n            : translate('general.show-more')}\n        </button>\n      )}\n    </>\n  );\n};\n\nexport default FilterGroupElement;\n","import React, { useState, useCallback, useEffect, useMemo } from 'react';\nimport Collapsible from '../Collapsible';\nimport { FilterGroup } from './types/FilterGroup';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { FilterGroupType } from './types/FilterGroupType';\nimport { FilterGroupOption } from './types/FilterGroupOption';\nimport FilterGroupElement from './FilterGroupElement';\nimport { useDispatch } from 'react-redux';\nimport {\n  queryProductFiltering,\n  toggleUpdatePending,\n  toggleShowAllForFilter,\n  setFilterOpen,\n} from '../../Actions/ProductFiltering.action';\n\nconst MAX_FILTERS_BEFORE_SHOW_MORE = 9;\n\nconst ProductFiltering = () => {\n  const productFiltering = useTypedSelector(\n    (state) => state.productFiltering\n  );\n  const { filters, updatePending, showAllForFilters, openFilters } =\n    productFiltering;\n  const dispatch = useDispatch();\n  const showFilterState = useTypedSelector(\n    (state) => state.productFiltering.showDesktopFilters\n  );\n\n  const toggleSideBar = () => {\n    const sideBarElem = document.getElementById('category-filter-aside');\n    if (sideBarElem) {\n      if (showFilterState) {\n        sideBarElem.classList.add('filter-visible');\n      } else {\n        sideBarElem.classList.remove('filter-visible');\n      }\n    }\n  };\n\n  useEffect(() => toggleSideBar(), [showFilterState]);\n  const [filterSearchResults, setFilterSearchResults] = useState<{\n    [filterId: string]: FilterGroupOption[];\n  }>({});\n\n  useEffect(() => {\n    if (filters?.length! > 0 || updatePending) return;\n    dispatch(queryProductFiltering(null, true));\n  }, []);\n\n  // Returns true if the filter has \"show all\" selected\n  const shouldShowAllFilters = useCallback(\n    (filterId: string) =>\n      showAllForFilters && showAllForFilters.indexOf(filterId) != -1,\n    [showAllForFilters]\n  );\n\n  // Called when the search input was changed for the specified filter\n  const onSearch = useCallback(\n    (filter: FilterGroup, options: FilterGroupOption[]) => {\n      setFilterSearchResults((current) => {\n        const filterSearchResultsCopy = { ...current };\n        if (!options) {\n          if (filterSearchResultsCopy.hasOwnProperty(filter.id)) {\n            delete filterSearchResultsCopy[filter.id];\n          }\n        } else {\n          filterSearchResultsCopy[filter.id] = options;\n        }\n        return filterSearchResultsCopy ?? {};\n      });\n    },\n    []\n  );\n\n  const isOpen = useCallback(\n    (filterId: string) =>\n      openFilters && openFilters.indexOf(filterId) != -1,\n    [openFilters]\n  );\n\n  // Get options from the specified filter, with regard to the search value for the filter\n  const getFilterOptions = useCallback(\n    (filter: FilterGroup) =>\n      filterSearchResults.hasOwnProperty(filter.id) &&\n      filterSearchResults[filter.id] != undefined\n        ? filterSearchResults[filter.id] ?? filter.options\n        : filter.options,\n    [filterSearchResults]\n  );\n\n  const getFilterGroupLabel = useCallback(\n    (filter: FilterGroup) =>\n      `${\n        filter.filterGroupType != FilterGroupType.Range &&\n        filter.selectedOptions.length > 0\n          ? `(${filter.selectedOptions.length})`\n          : ''\n      } ${filter.label}`.trim(),\n    []\n  );\n\n  return (\n    <div className=\"filter-container [&_>.collapsible:last-of-type]:lg:border-b [&_>.collapsible]:!border-b-0 [&_>.collapsible]:border-gray-100 [&_>.collapsible]:lg:border-t [&_>.collapsible]:md-down:!border-b\">\n      {filters &&\n        filters.map((filter) => (\n          <Collapsible\n            className=\"border-b border-solid !border-gray-100 px-4 first:border-t-0 lg:px-0\"\n            key={filter.id}\n            label={getFilterGroupLabel(filter)}\n            labelClassName=\"!text-h5 h5 [&_>svg]:!w-5 [&_>svg]:!h-5 store-screen:py-3\"\n            contentClassName=\"[&_.ReactCollapse--content]:pb-4\"\n            isOpen={\n              (openFilters && openFilters.indexOf(filter.id) != -1) ||\n              filter.selectedOptions.length > 0\n            }\n            onStateChange={(open) =>\n              dispatch(setFilterOpen(filter.id, open))\n            }\n          >\n            <FilterGroupElement\n              filter={filter}\n              options={getFilterOptions(filter).slice(\n                0,\n                shouldShowAllFilters(filter.id)\n                  ? undefined\n                  : MAX_FILTERS_BEFORE_SHOW_MORE\n              )}\n              showAll={shouldShowAllFilters(filter.id)}\n              onSearch={onSearch}\n              onShowHideAllClick={() =>\n                dispatch(toggleShowAllForFilter(filter.id))\n              }\n              maxFiltersToShow={MAX_FILTERS_BEFORE_SHOW_MORE}\n              showAllButtonVisible={\n                getFilterOptions(filter).length >\n                MAX_FILTERS_BEFORE_SHOW_MORE\n              }\n            />\n          </Collapsible>\n        ))}\n    </div>\n  );\n};\n\nexport default ProductFiltering;\n","import React from 'react';\nimport { useDispatch } from 'react-redux';\nimport { onSortItemSelected } from '../../Actions/ProductFiltering.action';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\n\nconst ProductSorting = () => {\n  const dispatch = useDispatch();\n  const { sortCriteria } =\n    useTypedSelector((state) => state.productFiltering) ?? {};\n\n  const selectedSortItem = sortCriteria?.sortItems.find((s) => s.selected);\n\n  return sortCriteria ? (\n    <select\n      value={selectedSortItem?.query}\n      onChange={(e) =>\n        dispatch(\n          onSortItemSelected(\n            sortCriteria?.sortItems.find((s) => s.query == e.target.value)\n          )\n        )\n      }\n    >\n      {sortCriteria.sortItems.map((item) => (\n        <option value={item.query} key={item.query}>\n          {item.name}\n        </option>\n      ))}\n    </select>\n  ) : null;\n};\n\nexport default ProductSorting;\n","import React from 'react';\nimport { useDispatch } from 'react-redux';\nimport { onSortItemSelected } from '../../Actions/ProductFiltering.action';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport RadioButton from '../Inputs/Radiobutton';\n\nconst ProductSortingRadios = () => {\n  const dispatch = useDispatch();\n  const { sortCriteria } =\n    useTypedSelector((state) => state.productFiltering) ?? {};\n  const selectedSortItem = sortCriteria?.sortItems.find((s) => s.selected);\n\n  return (\n    <ul>\n      {sortCriteria?.sortItems.map((item) => (\n        <li\n          className=\"flex cursor-pointer items-center justify-between text-lg hover:[&.sort-radio-button]:shadow-[0_0_0_1px_primary-600] [&:not(:last-child)]:mb-4 [&_div]:m-0\"\n          key={item.query}\n          onClick={() => {\n            dispatch(\n              onSortItemSelected(\n                sortCriteria?.sortItems.find((s) => s.query == item.query)\n              )\n            );\n          }}\n        >\n          {item.name}{' '}\n          <RadioButton\n            name=\"sort-radio\"\n            checked={selectedSortItem?.query == item.query}\n            className=\"radio sort-radio-button mr-0\"\n          />\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nexport default ProductSortingRadios;\n","import React, { useMemo, useEffect, useCallback } from 'react';\nimport ProductFiltering from '../ProductFiltering/ProductFiltering';\nimport SideMenu from '../SideMenu/SideMenu';\nimport { translate } from '../../Services/translation';\nimport ProductSortingRadios from './ProductSortingRadios';\nimport { clearAllFilters } from '../../Actions/ProductFiltering.action';\nimport { useDispatch } from 'react-redux';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport Collapsible from '../Collapsible';\n\nconst FilterMenu = ({\n  currentMenu,\n  setCurrentMenu,\n  totalActiveFilters,\n}) => {\n  const dispatch = useDispatch();\n  const { totalProductsCount } = useTypedSelector(\n    (state) => state.productListing\n  );\n  const productFiltering = useTypedSelector(\n    (state) => state.productFiltering\n  );\n  const { filters } = productFiltering;\n\n  const hasAnyOptionSelected = useMemo(\n    () => filters?.some((obj) => obj.selectedOptions.length > 0),\n    [filters]\n  );\n\n  const { sortCriteria } =\n    useTypedSelector((state) => state.productFiltering) ?? {};\n  const selectedSortItemName = useMemo(\n    () => sortCriteria?.sortItems.find((s) => s.selected)?.name,\n    [sortCriteria]\n  );\n\n  const SortingHeader = useCallback(\n    () => (\n      <div className=\"flex w-full items-center justify-between pr-2\">\n        <span className=\"h4\">{translate('filter.sorting-label')}</span>\n        <span className=\"font-akzidenz text-sm text-gray-500\">\n          {selectedSortItemName}\n        </span>\n      </div>\n    ),\n    [selectedSortItemName]\n  );\n\n  const Header = () => (\n    <>\n      {currentMenu == 'filtersAndSorting' ? (\n        <h4 className=\"flex w-full items-center\">\n          {translate('filter.filters-and-sorting')}\n          {totalActiveFilters >= 1 && (\n            <div className=\"ml-1.5 flex h-5 w-5 items-center justify-center rounded-full bg-gray-700 \">\n              <span className=\"font-akzidenz text-sm text-white\">\n                {totalActiveFilters}\n              </span>\n            </div>\n          )}\n        </h4>\n      ) : null}\n    </>\n  );\n\n  const Footer = useCallback(\n    () => (\n      <>\n        {currentMenu == 'filtersAndSorting' ? (\n          <>\n            <button\n              className=\"btn btn--outline-black btn--large mr-2 w-full font-bold uppercase\"\n              disabled={!hasAnyOptionSelected}\n              onClick={() => dispatch(clearAllFilters())}\n            >\n              {translate('filter.clear')}\n            </button>\n            <button\n              className=\"btn btn--black btn--large w-full\"\n              onClick={() => setCurrentMenu(undefined)}\n            >\n              {translate('filter.view')} ({totalProductsCount})\n            </button>\n          </>\n        ) : null}\n      </>\n    ),\n    [currentMenu, hasAnyOptionSelected, setCurrentMenu, totalProductsCount]\n  );\n\n  return (\n    <>\n      <SideMenu\n        from=\"right\"\n        id=\"filter-menu\"\n        open={!!currentMenu}\n        onClosed={() => setCurrentMenu(undefined)}\n        components={{ Header, Footer }}\n        className=\"z-[60] rounded\"\n        contentClassName=\"flex-1 overflow-y-auto\"\n      >\n        <>\n          {currentMenu == 'filtersAndSorting' ? (\n            <div className=\" flex-1 overflow-y-auto border-y border-gray-100 [&_.ReactCollapse--collapse[aria-hidden='false']_.ReactCollapse--content_button]:mt-4 [&_.ReactCollapse--collapse[aria-hidden='false']_.ReactCollapse--content_label]:px-0 [&_.ReactCollapse--collapse[aria-hidden='false']_.ReactCollapse--content_label]:py-1 [&_.collapsible(:last-child)]:border-0 [&_.collapsible]:border-b [&_.collapsible]:border-t-0 [&_.collapsible]:border-gray-300\">\n              <Collapsible\n                className=\"border-b border-solid !border-gray-100 px-4 first:border-t-0\"\n                label={<SortingHeader />}\n                labelClassName=\"!text-h5 h5 [&_>svg]:!w-5 [&_>svg]:!h-5 store-screen:py-3\"\n                contentClassName=\"[&_.ReactCollapse--content]:pb-4\"\n              >\n                <ProductSortingRadios />\n              </Collapsible>\n              <ProductFiltering />\n            </div>\n          ) : null}\n        </>\n      </SideMenu>\n    </>\n  );\n};\n\nexport default FilterMenu;\n","import React, { useMemo, useState } from 'react';\nimport { translate } from '../../Services/translation';\nimport Icon from '../Icon';\nimport { useDispatch } from 'react-redux';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { toggleDesktopFilterBar } from '../../Actions/ProductFiltering.action';\nimport FilterMenu from './FilterMenu';\n\nconst FilterTriggerButton = () => {\n  const dispatch = useDispatch();\n  const { showDesktopFilters = false, filters = [] } = useTypedSelector(\n    (state) => state.productFiltering\n  );\n  type CurrentMenuType = 'filtersAndSorting';\n  const [currentMenu, setCurrentMenu] = useState<\n    CurrentMenuType | undefined\n  >();\n\n  const totalActiveFilters = useMemo(\n    () =>\n      filters?.length > 0\n        ? filters.reduce(\n            (sum, filter) => sum + filter.selectedOptions.length,\n            0\n          )\n        : 0,\n    [filters]\n  );\n  return (\n    <>\n      <button\n        className=\"hidden items-center lg:flex \"\n        onClick={() =>\n          dispatch(toggleDesktopFilterBar(!showDesktopFilters))\n        }\n      >\n        <Icon\n          className=\"mr-2 h-5 w-5 text-gray-700\"\n          name=\"sliders-light\"\n        />\n        <span className=\"text-sm uppercase\">\n          {translate('category.filter')}\n        </span>\n        {totalActiveFilters >= 1 && (\n          <span className=\"ml-1 flex h-5 w-5 items-center justify-center rounded-full bg-gray-700\">\n            <span className=\"text-sm leading-tight text-white\">\n              {totalActiveFilters}\n            </span>\n          </span>\n        )}\n      </button>\n      <button\n        className=\"flex py-2 lg:hidden\"\n        onClick={() => setCurrentMenu('filtersAndSorting')}\n      >\n        <Icon\n          className=\"mr-2 block h-5 w-5 text-gray-700\"\n          name=\"sliders-light\"\n        />\n        <span className=\"text-sm uppercase\">\n          {translate('category.filter-and-sorting')}\n        </span>\n      </button>\n      <FilterMenu\n        totalActiveFilters={totalActiveFilters}\n        currentMenu={currentMenu}\n        setCurrentMenu={setCurrentMenu}\n      />\n    </>\n  );\n};\n\nexport default FilterTriggerButton;\n","import React from 'react';\nimport { translate } from '../../Services/translation';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\n\nconst ProductsTotalCount = ({}) => {\n  const { totalProductsCount } = useTypedSelector(\n    (state) => state.productListing\n  );\n  return (\n    <div className=\"text-sm uppercase text-gray-500\">\n      {totalProductsCount} {translate('general.products').toLowerCase()}\n    </div>\n  );\n};\n\nexport default ProductsTotalCount;\n","import React, { useEffect } from 'react';\nimport { setProductListingType } from '../../Actions/ProductListing.action';\nimport Icon from '../Icon';\nimport { ProductListingType } from '../../Reducers/ProductListing.reducer';\nimport clsx from 'clsx';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { useTypedDispatch } from '../../Hooks/useTypedDispatch';\nimport useIsStoreScreen from '../../Hooks/useIsStoreScreen';\nconst CategoryLayoutSelect = () => {\n  const { productListingType, showMasonryButton } = useTypedSelector(\n    (state) => state.productListing\n  );\n  const dispatch = useTypedDispatch();\n\n  const onListingTypeSelected = (listingType: ProductListingType) => {\n    dispatch(setProductListingType(listingType));\n  };\n  const { current: userInfo } = useTypedSelector(\n    (state) => state.userInfo\n  );\n  const isStoreScreen = useIsStoreScreen();\n  const isB2b = userInfo?.isBusinessCustomer;\n\n  const showDetailedListButton = isB2b && !isStoreScreen;\n\n  return (\n    <div className=\"flex md-down:-mr-2\">\n      {showDetailedListButton && (\n        <button\n          className=\"cursor-pointer p-2\"\n          onClick={() =>\n            onListingTypeSelected(ProductListingType.DetailedList)\n          }\n        >\n          <Icon\n            name={\n              productListingType == ProductListingType.DetailedList\n                ? 'detailedlist-filled'\n                : 'detailedlist-unfilled'\n            }\n            className=\"block h-5 w-5 \"\n          />\n        </button>\n      )}\n      {showMasonryButton && (\n        <button\n          className=\"-rotate-90 cursor-pointer p-2 lg:rotate-0\"\n          onClick={() =>\n            onListingTypeSelected(ProductListingType.Grid1plus2)\n          }\n        >\n          <Icon\n            name={\n              productListingType == ProductListingType.Grid1plus2\n                ? '2plus1grid-filled'\n                : '2plus1grid'\n            }\n            className=\"block h-5 w-5 \"\n          />\n        </button>\n      )}\n      <button\n        className=\"cursor-pointer p-2\"\n        onClick={() => onListingTypeSelected(ProductListingType.Grid2by2)}\n      >\n        <Icon\n          name={\n            productListingType == ProductListingType.Grid2by2\n              ? '2by2grid-filled'\n              : '2by2grid'\n          }\n          className=\"block h-5 w-5 \"\n        />\n      </button>\n      <button\n        className=\"cursor-pointer p-2\"\n        onClick={() => onListingTypeSelected(ProductListingType.Grid3by3)}\n      >\n        <Icon\n          name={\n            productListingType == ProductListingType.Grid3by3\n              ? '3by3grid-filled'\n              : '3by3grid'\n          }\n          className={clsx(\n            'hidden h-5 w-5 md:block',\n            productListingType == ProductListingType.Grid3by3\n              ? 'text-black'\n              : 'text-gray-500'\n          )}\n        />\n        <Icon\n          name={\n            productListingType == ProductListingType.Grid3by3\n              ? '1by1grid-filled'\n              : '1by1grid'\n          }\n          className={clsx(\n            'block h-5 w-5 md:hidden',\n            productListingType == ProductListingType.Grid3by3\n              ? 'text-black'\n              : 'text-gray-500'\n          )}\n        />\n      </button>\n      {/* ---- TODO REMOVE THIS WHEN FIXED SETPRODUCTLISTINGTYPE LATER --- */}\n      {/* <Icon\n        name=\"grid-view\"\n        className={clsx(\n          'grid-icon h-[1.5rem] w-[1.5rem] cursor-pointer',\n          productListingType == ProductListingType.Grid\n            ? 'text-black'\n            : 'text-gray-500'\n        )}\n        onClick={() =>\n          dispatch(setProductListingType(ProductListingType.Grid))\n        }\n      /> */}\n\n      {/* <Icon\n        name=\"view-agenda\"\n        className={clsx(\n          'grid-icon  h-[1.5rem] w-[1.5rem] cursor-pointer',\n          productListingType == ProductListingType.List\n            ? 'text-black'\n            : 'text-gray-500'\n        )}\n        onClick={() =>\n          dispatch(setProductListingType(ProductListingType.List))\n        }\n      />\n      <Icon\n        name=\"square\"\n        className={clsx(\n          'grid-icon  h-[1.5rem] w-[1.5rem] cursor-pointer',\n          productListingType == ProductListingType.Grid\n            ? 'text-black'\n            : 'text-gray-500'\n        )}\n        onClick={() =>\n          dispatch(\n            setProductListingType(ProductListingType.SingleCard)\n          )\n        }\n      /> */}\n    </div>\n  );\n};\n\nexport default CategoryLayoutSelect;\n","import clsx from 'clsx';\nimport React, { useState } from 'react';\n\ninterface TogglerProps {\n  label: string;\n  onClick: (active: boolean) => void;\n  initialState?: boolean;\n  className?: string;\n}\n\nconst Toggler = ({\n  label,\n  onClick,\n  initialState = false,\n  className,\n}: TogglerProps) => {\n  const [active, setIsActive] = useState(initialState);\n  const handleOnClick = (onClick) => {\n    onClick(!active);\n    setIsActive(!active);\n  };\n  return (\n    <div\n      onClick={() => handleOnClick(onClick)}\n      className={clsx(\n        'flex items-center gap-3 py-2.5 hover:cursor-pointer lg:py-0',\n        className\n      )}\n    >\n      <label className=\"text-sm font-normal uppercase\">{label}</label>\n      <div\n        className={clsx(\n          'flex h-5 w-10 items-center rounded-[20px] p-0.5',\n          active ? 'bg-gray-700' : 'bg-gray-200'\n        )}\n      >\n        <div\n          className={clsx(\n            'absolute h-4 w-4 rounded-full bg-white transition-all duration-200',\n            active ? 'translate-x-5' : 'translate-x-0'\n          )}\n        ></div>\n      </div>\n    </div>\n  );\n};\n\nexport default Toggler;\n","import React from 'react';\nimport Toggler from '../Toggler';\nimport { translate } from '../../Services/translation';\nimport { useTypedDispatch } from '../../Hooks/useTypedDispatch';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { setShowRoomImage } from '../../Actions/ProductListing.action';\nimport { useCookies } from 'react-cookie';\n\nconst PatternImageToggler = () => {\n  const [cookies] = useCookies([`pattern-image-cookie`]);\n  const { showRoomImage } = useTypedSelector(\n    (state) => state.productListing\n  );\n\n  const [_, setCookie] = useCookies([`pattern-image-cookie`]);\n  const dispatch = useTypedDispatch();\n\n  const onClick = () => {\n    setCookie('pattern-image-cookie', !showRoomImage);\n    dispatch(setShowRoomImage(!showRoomImage));\n  };\n\n  return (\n    <Toggler\n      initialState={!showRoomImage}\n      label={translate('category.show-patterns')}\n      onClick={onClick}\n    />\n  );\n};\n\nexport default PatternImageToggler;\n","import React, { useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport Dropdown, { DropdownOption } from '../Dropdown';\nimport { onSortItemSelected } from '../../Actions/ProductFiltering.action';\nimport FilterTriggerButton from './FilterTriggerButton';\nimport ProductsTotalCount from './ProductsTotalCount';\nimport CategoryLayoutSelect from './CategoryLayoutSelect';\nimport PatternImageToggler from './PatternImageToggler';\n\nconst FilterBar = () => {\n  const dispatch = useDispatch();\n\n  const sortItems = useTypedSelector(\n    (state) => state.productFiltering.sortCriteria?.sortItems\n  );\n\n  const onSortingChanged = (selectedOption: DropdownOption) => {\n    const sortItem = sortItems?.find(\n      (s) => s.query == selectedOption.value\n    );\n    if (!sortItem) return;\n\n    dispatch(onSortItemSelected(sortItem));\n  };\n\n  return (\n    <>\n      <div className=\"bg-white\">\n        <div className=\"mb-4 flex items-center justify-between lg:mb-0 lg:py-6\">\n          <div className=\"flex gap-6\">\n            <FilterTriggerButton />\n            <ProductsTotalCount />\n          </div>\n          <div className=\"flex items-center gap-6\">\n            <CategoryLayoutSelect />\n            <PatternImageToggler />\n            {sortItems && (\n              <div className=\"hidden min-w-[140px] lg:block\">\n                <Dropdown\n                  selectClassName=\"!border-none text-sm uppercase [&_svg]:ml-2\"\n                  options={sortItems.map((item) => ({\n                    value: item.query,\n                    label: item.name,\n                  }))}\n                  selectedValue={sortItems.find((s) => s.selected)?.query}\n                  onChange={onSortingChanged}\n                  size=\"small\"\n                />\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default FilterBar;\n","import {\n  LOGIN_SET_IS_LOADING,\n  LOGIN_SET_ORGANIZATIONS,\n  LOGIN_SET_USERNAME_PASSWORD,\n  LOGIN_SET_MODAL_OPEN,\n  LOGIN_SET_LOGIN_MODE,\n  LOGIN_ERROR,\n  LOGIN_SET_REDIRECT_URL,\n  LOGIN_SET_MAGIC_LINK_MODEL,\n} from '../constants';\nimport { RootState } from '../reducers';\nimport { post } from '../Services/http';\nimport { translate } from '../Services/translation';\nimport LoginMode from '../Types/LoginMode';\nimport LoginOrganization from '../Types/LoginOrganization';\nimport LoginResponse from '../Types/LoginResponse';\nimport { MagicLinkModel } from '../Types/MagicLinkModel';\nimport { updateRequestVerificationToken } from '../Utils/requestVerificationTokenUtility';\n\nexport const performLogin =\n  (username: string, password: string) => (dispatch) => {\n    dispatch(setLoginFormLoading(true));\n    const redirectUrl = new URLSearchParams(\n      location.search.toLowerCase()\n    ).get('redirecturl');\n\n    post(`/api/login${redirectUrl ? `?redirectUrl=${redirectUrl}` : ''}`, {\n      username,\n      password,\n      redirectUrl,\n    })\n      .then((res) => res.json())\n      .then((response: LoginResponse) =>\n        dispatch(handleLoginResponse(response))\n      )\n      .catch((err) => dispatch(handleErrorResponse(err)));\n  };\n\nexport const selectOrganization =\n  (selectedOrganizationId: string) =>\n  (dispatch, getState: () => RootState) => {\n    dispatch(setLoginFormLoading(true));\n    const redirectUrl = getState().login.redirectUrl;\n    post(\n      `/api/login/organizations/${selectedOrganizationId}${\n        redirectUrl ? `?redirectUrl=${redirectUrl}` : ''\n      }`,\n      {}\n    )\n      .then((res) => res.json())\n      .then((response: LoginResponse) => {\n        dispatch(setLoginError(response.error));\n        if (response.success) {\n          onSuccessfulLogin(response);\n        } else {\n          dispatch(setLoginFormLoading(false));\n        }\n      })\n      .catch((err) => dispatch(handleErrorResponse(err)));\n  };\n\nexport const submitChangePassword =\n  (username, oldPassword, newPassword, passwordConfirmation) =>\n  (dispatch, getState: () => RootState) => {\n    if (newPassword !== passwordConfirmation) {\n      dispatch(setLoginError(translate('login.password-mismatch')));\n      return;\n    }\n\n    const { redirectUrl, magicLinkModel } = getState().login;\n    dispatch(setLoginFormLoading(true));\n    post(\n      `/api/login/changepassword${\n        redirectUrl ? `?redirectUrl=${redirectUrl}` : ''\n      }`,\n      {\n        username,\n        oldPassword,\n        newPassword,\n        magicLinkModel,\n      }\n    )\n      .then((res) => res.json())\n      .then((response: LoginResponse) => {\n        if (response.success) {\n          dispatch(handleLoginResponse(response));\n        } else {\n          dispatch(setLoginError(response.error));\n          dispatch(setLoginFormLoading(false));\n        }\n      })\n      .catch((err) => dispatch(handleErrorResponse(err)));\n  };\n\nexport const submitForgotPassword =\n  (username: string): any =>\n  (dispatch): Promise<boolean> => {\n    return post('/api/login/forgotpassword', { username })\n      .then((res) => res.json())\n      .then((response: ForgotPasswordResponse) => {\n        dispatch(setLoginError(response.error));\n        return response.success;\n      })\n      .catch((err) => dispatch(handleErrorResponse(err)))\n      .finally(() => dispatch(setLoginFormLoading(false)));\n  };\n\nexport const setOrganizations = (organizations: LoginOrganization[]) => ({\n  type: LOGIN_SET_ORGANIZATIONS,\n  payload: {\n    organizations,\n  },\n});\n\nexport const setUsername = (username: string) => ({\n  type: LOGIN_SET_USERNAME_PASSWORD,\n  payload: {\n    username,\n  },\n});\n\nexport const setPassword = (password: string) => ({\n  type: LOGIN_SET_USERNAME_PASSWORD,\n  payload: {\n    password,\n  },\n});\n\nexport const setLoginModalOpen = (modalOpen: boolean) => ({\n  type: LOGIN_SET_MODAL_OPEN,\n  payload: {\n    modalOpen,\n  },\n});\n\nexport const setLoginMode = (loginMode: LoginMode) => ({\n  type: LOGIN_SET_LOGIN_MODE,\n  payload: {\n    loginMode,\n  },\n});\n\nexport const signOut = () => {\n  post('/api/mypages/logout', null).then(() => location.reload());\n};\n\nexport const submitMagicLink =\n  (magicLinkModel: MagicLinkModel) => (dispatch) => {\n    dispatch(setLoginFormLoading(true));\n    return post('/api/login/magiclink', magicLinkModel)\n      .then((res) => res.json())\n      .then((response: LoginResponse) => {\n        dispatch(handleLoginResponse(response));\n      })\n      .catch((err) => {\n        dispatch(setLoginMode(LoginMode.Login));\n        dispatch(setMagicLinkModel(undefined));\n        return dispatch(handleErrorResponse(err));\n      })\n      .finally(() => dispatch(setLoginFormLoading(false)));\n  };\n\nconst setMagicLinkModel = (magicLinkModel?: MagicLinkModel) => ({\n  type: LOGIN_SET_MAGIC_LINK_MODEL,\n  payload: {\n    magicLinkModel,\n  },\n});\n\nconst handleErrorResponse = (err) => (dispatch) => {\n  err.response.json().then((data) => dispatch(setLoginError(data.error)));\n  dispatch(setLoginFormLoading(false));\n};\n\nexport const setLoginError = (error?: string) => ({\n  type: LOGIN_ERROR,\n  payload: {\n    error,\n  },\n});\n\nexport const setLoginFormLoading = (isLoading: boolean) => ({\n  type: LOGIN_SET_IS_LOADING,\n  payload: {\n    isLoading,\n  },\n});\n\nconst handleLoginResponse = (response: LoginResponse) => (dispatch) => {\n  if (!response.mustChangePassword) {\n    dispatch(setLoginError(response.error));\n  }\n\n  if (response.success) {\n    if (response.requestToken) {\n      localStorage.setItem(\n        'requestVerificationToken',\n        response.requestToken\n      );\n    }\n\n    updateRequestVerificationToken();\n    dispatch(setRedirectUrl(response.redirectUrl));\n\n    if (response.mustChangePassword) {\n      dispatch(setLoginMode(LoginMode.ChangePassword));\n      dispatch(setLoginFormLoading(false));\n    } else if (!response.organizations && !response.mustChangePassword) {\n      onSuccessfulLogin(response);\n    } else if (response.organizations) {\n      dispatch(setOrganizations(response.organizations));\n      dispatch(setLoginMode(LoginMode.SelectOrganization));\n      dispatch(setLoginFormLoading(false));\n    }\n  } else {\n    dispatch(setLoginFormLoading(false));\n  }\n};\n\nconst setRedirectUrl = (redirectUrl?: string) => ({\n  type: LOGIN_SET_REDIRECT_URL,\n  payload: {\n    redirectUrl,\n  },\n});\n\nconst onSuccessfulLogin = (response: LoginResponse) => {\n  if (response.redirectUrl) {\n    location.href = response.redirectUrl;\n  } else {\n    location.reload();\n  }\n};\n\ninterface ForgotPasswordResponse {\n  success: boolean;\n  error?: string;\n}\n","import React from 'react';\nimport { useNavigate, useLocation } from 'react-router-dom';\nimport Icon from '../Icon';\nimport { signOut } from '../../Actions/Login.action';\nimport { translate } from '../../Services/translation';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\n\nconst MyPagesMobileMenu = ({ navigation }) => {\n  const navigate = useNavigate();\n  const { pathname } = useLocation();\n  const { current: userInfo } = useTypedSelector(\n    (state) => state.userInfo\n  );\n\n  return (\n    <div className=\"relative mb-4 h-14 overflow-hidden rounded border border-solid border-gray-300 lg:hidden\">\n      <label\n        htmlFor=\"menu\"\n        className=\"pointer-events-none absolute flex h-full w-full items-center justify-between px-4 capitalize\"\n      >\n        <div className=\"flex flex-col justify-center\">\n          <span className=\"color-gray-600 text-md\">\n            {userInfo?.currentOrganizationName ??\n              translate('mypage.site.title')}\n          </span>\n          <h5 className=\"name\">\n            {userInfo?.firstName} {userInfo?.lastName}\n          </h5>\n        </div>\n        <Icon name=\"caret-down\" className=\"h-6 w-6 text-gray-900\" />\n      </label>\n      <select\n        id=\"menu\"\n        defaultValue={pathname}\n        onChange={(e) => {\n          e.target.value == 'log-out'\n            ? signOut()\n            : navigate(e.target.value);\n        }}\n        className=\"mb-4 h-full w-full border-0 bg-white text-transparent focus:outline-none\"\n      >\n        {navigation.map(\n          (option) =>\n            option.active && (\n              <option\n                value={option.url}\n                key={option.url + 'mobile'}\n                className=\"text-md text-gray-900\"\n              >\n                {option.name}\n              </option>\n            )\n        )}\n        <option value=\"log-out\" className=\"text-md text-gray-900\">\n          {translate('general.sign-out')}\n        </option>\n      </select>\n    </div>\n  );\n};\n\nexport default MyPagesMobileMenu;\n","import React from 'react';\nimport { NavLink } from 'react-router-dom';\nimport Icon from '../Icon';\nimport { signOut } from '../../Actions/Login.action';\nimport { translate } from '../../Services/translation';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\n\nconst MyPagesDesktopMenu = ({ navigation }) => {\n  const { current: userInfo } = useTypedSelector(\n    (state) => state.userInfo\n  );\n\n  return (\n    <div className=\"hidden lg:block\">\n      <div className=\"mb-3 flex flex-col capitalize\">\n        <span className=\"color-gray-600 text-md\">\n          {userInfo?.currentOrganizationName ??\n            translate('mypage.site.title')}\n        </span>\n        <h5 className=\"name\">\n          {userInfo?.firstName} {userInfo?.lastName}\n        </h5>\n      </div>\n      <ul className=\"overflow-hidden rounded border border-solid border-gray-300\">\n        {navigation.map(\n          (option) =>\n            option.active && (\n              <li\n                className=\"flex border-b border-solid border-gray-300 [&_.active]:bg-gray-100 [&_.active]:font-bold\"\n                key={option.url + 'desktop'}\n              >\n                <NavLink\n                  className=\"flex-1 px-3 py-2 text-md hover:bg-gray-100 [&_:last-child]:border-b-0\"\n                  to={option.url}\n                  end={option.url == '/'}\n                >\n                  {option.name}\n                </NavLink>\n              </li>\n            )\n        )}\n        <li\n          className=\"flex flex-1 cursor-pointer items-center p-2 px-3 text-md hover:bg-gray-100\"\n          onClick={signOut}\n        >\n          <Icon name=\"logout\" className=\"mr-2 h-5 w-5 text-error-500\" />\n          {translate('general.sign-out')}\n        </li>\n      </ul>\n    </div>\n  );\n};\n\nexport default MyPagesDesktopMenu;\n","import { USER_INFO_UPDATE, USER_INFO_SET_ERRORS } from '../constants';\nimport { userInfoActions } from '../Reducers/UserInfo.reducer';\nimport { post } from '../Services/http';\nimport { translate } from '../Services/translation';\nimport Address from '../Types/Address';\nimport { UserInfoModel } from '../Types/UserInfoModel';\n\nconst BASE_ROUTE = '/api/userinfo';\n\ninterface ResponseError extends Error {\n  response?: Response;\n}\n\nconst handleErrorResponse = (error: ResponseError) => async (dispatch) => {\n  if (error.response) {\n    const res = error.response;\n    const isJson = res.headers\n      .get('content-type')\n      ?.includes('application/json');\n    const data = isJson ? await res.json() : { general: await res.text() };\n\n    dispatch(userInfoActions.setErrors(data));\n    dispatch(userInfoActions.setSuccessMessage(undefined));\n  }\n};\n\nexport const setUserInfoErrors = (errors: { [key: string]: string[] }) => ({\n  type: USER_INFO_SET_ERRORS,\n  payload: {\n    errors,\n  },\n});\n\nexport const saveUserInfo = (userInfo: UserInfoModel): any => (dispatch) => {\n  return post(`${BASE_ROUTE}/details`, userInfo)\n    .then(() => {\n      dispatch(userInfoActions.updateUserInfo(userInfo));\n      dispatch(userInfoActions.resetErrors());\n      dispatch(\n        userInfoActions.setSuccessMessage(translate('general.changes-saved'))\n      );\n    })\n    .catch((err) => dispatch(handleErrorResponse(err)));\n};\n\nexport const saveUsername = (username: string): any => (dispatch) => {\n  return post(`${BASE_ROUTE}/username`, { username })\n    .then(() => {\n      dispatch(userInfoActions.updateUsername(username));\n      dispatch(userInfoActions.resetErrors());\n      dispatch(\n        userInfoActions.setSuccessMessage(translate('general.changes-saved'))\n      );\n    })\n    .catch((err) => dispatch(handleErrorResponse(err)));\n};\n\nexport const savePassword = (password: string): any => (dispatch) => {\n  return post(`${BASE_ROUTE}/password`, { password })\n    .then(() => {\n      dispatch(userInfoActions.resetErrors());\n      dispatch(\n        userInfoActions.setSuccessMessage(translate('general.changes-saved'))\n      );\n    })\n    .catch((err) => dispatch(handleErrorResponse(err)));\n};\n\nexport const saveAddress = (address: Address): any => (dispatch) => {\n  return post(`${BASE_ROUTE}/address`, address)\n    .then(() => {\n      dispatch(userInfoActions.updateAddress(address));\n      dispatch(userInfoActions.resetErrors());\n      dispatch(\n        userInfoActions.setSuccessMessage(translate('general.changes-saved'))\n      );\n    })\n    .catch((err) => dispatch(handleErrorResponse(err)));\n};\n\nexport const setUserInfo = (userInfo: UserInfoModel) => ({\n  type: USER_INFO_UPDATE,\n  payload: userInfo,\n});\n","import clsx from 'clsx';\nimport React, { useMemo } from 'react';\n\ninterface FakeInputProps {\n  inputSize: 'small' | 'medium' | 'large' | 'xlarge' | 'xsmall';\n  wrapperClassName: string;\n  label: string;\n  value: string;\n}\n\nconst FakeInput = ({\n  inputSize = 'medium',\n  wrapperClassName,\n  label,\n  value,\n}: FakeInputProps) => {\n  const sizeClass = useMemo(() => {\n    switch (inputSize) {\n      case 'small':\n      case 'xsmall':\n        return 'input-wrapper--sm';\n      case 'large':\n        return 'input-wrapper--lg';\n      case 'xlarge':\n        return 'input-wrapper--xl';\n      case 'medium':\n      default:\n        return 'input-wrapper--md';\n    }\n  }, [inputSize]);\n\n  return (\n    <div\n      className={clsx(\n        wrapperClassName,\n        'input-wrapper rounded border  border-gray-300',\n        sizeClass\n      )}\n    >\n      <div className=\"fake-input relative flex\">\n        <span className=\"text-lg\">{value}</span>\n        <span className=\"fake-input-label\">{label}</span>\n      </div>\n    </div>\n  );\n};\n\nexport default FakeInput;\n","import React, { useCallback, useEffect, useState } from 'react';\nimport { translate } from '../../Services/translation';\nimport Input from '../Inputs/Input';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport {\n  saveAddress,\n  savePassword,\n  saveUserInfo,\n  saveUsername,\n} from '../../Actions/UserInfo.action';\nimport { useTypedDispatch } from '../../Hooks/useTypedDispatch';\nimport Icon from '../Icon';\nimport Dropdown, { DropdownOption } from '../Dropdown';\nimport EditorString from '../EditorString/EditorString';\nimport { EditorStringModel } from '../../Types/EditorString';\nimport FakeInput from '../Inputs/FakeInput';\n\ninterface MyPagesSettingsInterface {\n  detailsIntro?: EditorStringModel;\n}\n\nconst MyPagesSettings = ({ detailsIntro }: MyPagesSettingsInterface) => {\n  const {\n    current: userInfo,\n    errors = {},\n    successMessage,\n  } = useTypedSelector((state) => state.userInfo);\n\n  const countriesList = globalThis.LitiumConstants.countries;\n\n  const [address, setAddress] = useState(userInfo?.address);\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const [userInfoForm, setUserInfoForm] = useState(userInfo);\n  const [username, setUsername] = useState(userInfo?.username);\n  const [password, setPassword] = useState('');\n  const [confirmPassword, setConfirmPassword] = useState('');\n  const [confirmPasswordError, setConfirmPasswordError] = useState<\n    string | undefined\n  >();\n  const [country, setCountry] = useState(\n    address?.country ?? countriesList[0]?.value\n  );\n  const dispatch = useTypedDispatch();\n\n  const setUserInfoValue = (key: string, value: any) => {\n    if (!userInfoForm) return;\n\n    const userInfoCopy = Object.assign({}, userInfoForm);\n    userInfoCopy[key] = value;\n    setUserInfoForm(userInfoCopy);\n  };\n\n  const setAddressValue = (key: string, value: string) => {\n    if (!userInfo) return;\n    const _address = { ...(address ?? userInfo.address) };\n    _address[key] = value;\n    setAddress(_address);\n  };\n\n  const submitUserInfo = (e: any) => {\n    e.preventDefault();\n    if (userInfoForm) {\n      if (address) {\n        userInfoForm.address = address;\n      }\n      setIsLoading(true);\n      dispatch(saveUserInfo(userInfoForm)).finally(() =>\n        setIsLoading(false)\n      );\n    }\n  };\n\n  const submitUsername = (e: any) => {\n    e.preventDefault();\n    if (username) {\n      setIsLoading(true);\n      dispatch(saveUsername(username)).finally(() => setIsLoading(false));\n    }\n  };\n\n  const submitChangePassword = (e: any) => {\n    e.preventDefault();\n    if (!password || !confirmPassword) {\n      return;\n    }\n\n    if (password !== confirmPassword) {\n      setConfirmPasswordError(\n        translate('login.confirm-password.must-match')\n      );\n      return;\n    } else {\n      setConfirmPasswordError(undefined);\n    }\n\n    setIsLoading(true);\n    dispatch(savePassword(password)).finally(() => setIsLoading(false));\n  };\n\n  const hasErrors = useCallback(\n    (key: string) => errors[key] && errors[key]?.length,\n    [errors]\n  );\n  const getErrorMessages = useCallback(\n    (key: string) =>\n      errors[key]?.map((err, idx) => <p key={key + err + idx}>{err}</p>),\n    [errors]\n  );\n\n  useEffect(() => {\n    if (errors['general']?.length || !!successMessage) {\n      window.scrollTo({ top: 0, behavior: 'smooth' });\n    }\n  }, [errors, successMessage]);\n\n  return (\n    <div className=\"col-span-2\">\n      <h1 className=\"mb-2\">{translate('mypage.info.title')}</h1>\n      {detailsIntro && (\n        <div className=\"mb-4 text-lg lg:mb-6\">\n          <EditorString value={detailsIntro.value} />\n        </div>\n      )}\n      {hasErrors('general') ? (\n        <div className=\"mb-4 flex items-center gap-1 text-md text-error-500\">\n          <Icon name=\"warning\" />\n          <span>{errors['general'] && errors['general'][0]}</span>\n        </div>\n      ) : null}\n      {successMessage ? (\n        <div className=\"mb-4 flex items-center gap-1 text-md font-bold text-success-500\">\n          <Icon name=\"check\" />\n          <span>{successMessage}</span>\n        </div>\n      ) : null}\n      {userInfo?.mayEditLogin && (\n        <>\n          <form className=\"mb-6 flex flex-col\">\n            <h4 className=\"mb-3\">{translate('general.username')}</h4>\n            {userInfo?.isBusinessCustomer ? (\n              <FakeInput\n                inputSize=\"large\"\n                label={translate('general.username')}\n                wrapperClassName=\"mb-4 hover:cursor-not-allowed\"\n                value={username ?? ''}\n              />\n            ) : (\n              <Input\n                inputSize=\"large\"\n                label={translate('general.username')}\n                wrapperClassName=\"mb-4\"\n                type=\"text\"\n                id=\"username\"\n                disabled={isLoading}\n                value={username}\n                onChange={(e) => setUsername(e.target.value)}\n                inputState={hasErrors('username') ? 'error' : 'default'}\n                message={getErrorMessages('username')}\n                required\n                showAnimatedLabel={true}\n              />\n            )}\n            {!userInfo?.isBusinessCustomer && (\n              <button\n                className=\"btn btn--large btn--black 4 w-full\"\n                disabled={isLoading}\n                onClick={submitUsername}\n              >\n                {translate('form.update-user')}\n              </button>\n            )}\n          </form>\n\n          <form className=\"mb-6 flex flex-col\">\n            <h4 className=\"mb-3\">{translate('general.password')}</h4>\n            <Input\n              inputSize=\"large\"\n              label={translate('form.new-password')}\n              wrapperClassName=\"mb-4\"\n              type=\"password\"\n              id=\"password\"\n              disabled={isLoading}\n              value={password}\n              onChange={(e) => setPassword(e.target.value)}\n              inputState={hasErrors('password') ? 'error' : 'default'}\n              message={getErrorMessages('password')}\n              showAnimatedLabel={true}\n              required\n            />\n            <Input\n              inputSize=\"large\"\n              label={translate('login.confirm-password')}\n              wrapperClassName=\"mb-4\"\n              type=\"password\"\n              id=\"confirmpassword\"\n              disabled={isLoading}\n              onChange={(e) => setConfirmPassword(e.target.value)}\n              inputState={confirmPasswordError ? 'error' : 'default'}\n              message={confirmPasswordError}\n              showAnimatedLabel={true}\n              required\n            />\n            <button\n              className=\"btn btn--large btn--black w-full \"\n              disabled={isLoading || !password || !confirmPassword}\n              onClick={submitChangePassword}\n            >\n              {translate('form.update-password')}\n            </button>\n          </form>\n          {!userInfo?.isBusinessCustomer && (\n            <form className=\"flex flex-col\" onSubmit={submitUserInfo}>\n              <h4 className=\"mb-3\">\n                {translate('login.phone-and-adress')}\n              </h4>\n              <Dropdown\n                className=\"mb-4 [&_.dropdown-select]:p-3\"\n                options={countriesList.map((country) => ({\n                  value: country.value,\n                  label: country.text,\n                }))}\n                size=\"large\"\n                placeholder={translate('general.placeholder.country')}\n                onChange={({ value }) => setCountry(value)}\n                selectedValue={country}\n                fixedLabel={true}\n                label={translate('general.country')}\n              />\n              <Input\n                inputSize=\"large\"\n                label={translate('mypage.person.phone')}\n                wrapperClassName=\"mb-4\"\n                onChange={(e) => setUserInfoValue('phone', e.target.value)}\n                type=\"tel\"\n                id=\"tel\"\n                value={userInfoForm?.phone ?? ''}\n                disabled={isLoading}\n                inputState={hasErrors('Phone') ? 'error' : 'default'}\n                message={getErrorMessages('Phone')}\n                showAnimatedLabel={true}\n              />\n              <div className=\"grid grid-cols-2 gap-4\">\n                <Input\n                  inputSize=\"large\"\n                  label={translate('mypage.person.firstname')}\n                  wrapperClassName=\"mb-4\"\n                  onChange={(e) =>\n                    setUserInfoValue('firstName', e.target.value)\n                  }\n                  type=\"text\"\n                  id=\"fname\"\n                  value={userInfoForm?.firstName ?? ''}\n                  disabled={isLoading}\n                  inputState={hasErrors('FirstName') ? 'error' : 'default'}\n                  message={getErrorMessages('FirstName')}\n                  showAnimatedLabel={true}\n                  required\n                />\n                <Input\n                  inputSize=\"large\"\n                  label={translate('mypage.person.lastname')}\n                  wrapperClassName=\"mb-4\"\n                  onChange={(e) =>\n                    setUserInfoValue('lastName', e.target.value)\n                  }\n                  type=\"text\"\n                  id=\"lname\"\n                  value={userInfoForm?.lastName ?? ''}\n                  disabled={isLoading}\n                  showAnimatedLabel={true}\n                  required\n                />\n              </div>\n              <Input\n                inputSize=\"large\"\n                label={translate('mypage.address.address')}\n                wrapperClassName=\"mb-4\"\n                type=\"text\"\n                id=\"address\"\n                disabled={isLoading}\n                value={address?.address1 ?? ''}\n                onChange={(e) =>\n                  setAddressValue('address1', e.target.value)\n                }\n                inputState={hasErrors('address') ? 'error' : 'default'}\n                message={getErrorMessages('address')}\n                showAnimatedLabel={true}\n                required\n              />\n              <Input\n                inputSize=\"large\"\n                label={translate('general.care-of')}\n                wrapperClassName=\"mb-4\"\n                type=\"text\"\n                id=\"careOf\"\n                disabled={isLoading}\n                value={address?.careOf ?? ''}\n                onChange={(e) => setAddressValue('careOf', e.target.value)}\n                inputState={hasErrors('CareOf') ? 'error' : 'default'}\n                message={getErrorMessages('CareOf')}\n                showAnimatedLabel={true}\n              />\n              <div className=\"grid grid-cols-2 gap-4\">\n                <Input\n                  inputSize=\"large\"\n                  label={translate('general.zip-code')}\n                  wrapperClassName=\"mb-4\"\n                  type=\"text\"\n                  id=\"zipCode\"\n                  disabled={isLoading}\n                  value={address?.zipCode ?? ''}\n                  onChange={(e) =>\n                    setAddressValue('zipCode', e.target.value)\n                  }\n                  inputState={hasErrors('ZipCode') ? 'error' : 'default'}\n                  message={getErrorMessages('ZipCode')}\n                  showAnimatedLabel={true}\n                  required\n                />\n                <Input\n                  inputSize=\"large\"\n                  label={translate('mypage.address.city')}\n                  wrapperClassName=\"mb-4\"\n                  type=\"text\"\n                  id=\"city\"\n                  disabled={isLoading}\n                  value={address?.city ?? ''}\n                  onChange={(e) => setAddressValue('city', e.target.value)}\n                  inputState={hasErrors('City') ? 'error' : 'default'}\n                  message={getErrorMessages('City')}\n                  showAnimatedLabel={true}\n                  required\n                />\n              </div>\n              <button\n                className=\"btn btn--large btn--black w-full \"\n                disabled={isLoading}\n                type=\"submit\"\n              >\n                {translate('general.save')}\n              </button>\n            </form>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default MyPagesSettings;\n","import {\n  ViewMode,\n  PaginationOptions,\n  ORDER_SET_ORDER_PAGE,\n} from '../constants';\nimport { get, post } from '../Services/http';\nimport { catchError } from './Error.action';\n\nimport {\n  ORDER_RECEIVE,\n  ORDER_ERROR,\n  ORDER_CHANGE_MODE,\n  ORDER_CHANGE_CURRENTPAGE,\n  ORDER_SET_ORDER,\n  ORDER_SET_IS_LOADING,\n} from '../constants';\n\nconst rootRoute = '/api/order';\n\nexport const changeMode = (mode) => ({\n  type: ORDER_CHANGE_MODE,\n  payload: {\n    mode,\n  },\n});\n\nconst setIsLoading = (isLoading) => ({\n  type: ORDER_SET_IS_LOADING,\n  payload: {\n    isLoading,\n  },\n});\n\nexport const query =\n  (\n    pageIndex = 1,\n    showOnlyMyOrders = false,\n    pageSize = PaginationOptions.PageSize,\n    orderId = null,\n    showOrderDetail = false\n  ) =>\n  (dispatch) => {\n    dispatch(setIsLoading(true));\n    return get(\n      `${rootRoute}?pageIndex=${pageIndex}&showMyOrders=${showOnlyMyOrders}&pageSize=${pageSize}`\n    )\n      .then((response) => response.json())\n      .then((result) => {\n        dispatch(\n          receive(\n            result.orders,\n            result.totalCount,\n            pageIndex,\n            showOnlyMyOrders,\n            showOrderDetail ? ViewMode.Detail : ViewMode.List\n          )\n        );\n        if (orderId && showOrderDetail) {\n          const order = result.orders.find(\n            (order) => order.orderId === orderId\n          );\n          dispatch(setOrder(order || {}));\n        }\n      })\n      .catch((ex) => dispatch(catchError(ex, (error) => setError(error))))\n      .finally(() => dispatch(setIsLoading(false)));\n  };\n\nexport const approveOrder = (orderId, callback) => (dispatch) => {\n  return post(`${rootRoute}/approveOrder`, {\n    id: orderId,\n  })\n    .then((response) => response.json())\n    .then((result) => {\n      callback && callback(result);\n    })\n    .catch((ex) => dispatch(catchError(ex, (error) => setError(error))));\n};\n\nexport const getOrder = (orderId) => (dispatch) => {\n  return get(`${rootRoute}/${orderId}`)\n    .then((response) => response.json())\n    .then((result) => {\n      dispatch(setOrder(result));\n    })\n    .catch((ex) => dispatch(catchError(ex, (error) => setError(error))));\n};\n\nconst receive = (\n  list,\n  totalCount,\n  currentPage,\n  showOnlyMyOrders,\n  mode = ViewMode.List\n) => ({\n  type: ORDER_RECEIVE,\n  payload: {\n    list,\n    mode,\n    totalCount,\n    currentPage,\n    showOnlyMyOrders,\n  },\n});\n\nexport const changeCurrentPage = (currentPage) => ({\n  type: ORDER_CHANGE_CURRENTPAGE,\n  payload: {\n    currentPage,\n  },\n});\n\nexport const setError = (error) => ({\n  type: ORDER_ERROR,\n  payload: {\n    error,\n  },\n});\n\nexport const setOrder = (order) => ({\n  type: ORDER_SET_ORDER,\n  payload: {\n    order,\n  },\n});\n","import React, { useMemo } from 'react';\nimport { translate } from '../../../Services/translation';\nimport clsx from 'clsx';\nimport OrderListItemProps from '../../../Types/OrderListItemProps';\n\nconst OrderListItemMobile = ({\n  order,\n  onClick,\n  isB2b,\n}: OrderListItemProps) => {\n  const deliveryWithTracking = useMemo(\n    () => order.deliveries.find((d) => !!d.trackingUrl),\n    [order.deliveries]\n  );\n  const trackingUrl = deliveryWithTracking?.trackingUrl;\n  const trackingReference = deliveryWithTracking?.trackingReference;\n\n  return (\n    <li\n      className={clsx(\n        'p-4',\n        'border',\n        'border-solid',\n        'border-gray-200',\n        'rounded',\n        'flex',\n        'flex-col',\n        'gap-3'\n      )}\n    >\n      <div className=\"flex items-center justify-between\">\n        <p className=\"text-lg font-bold\">\n          {translate('orderlist.column.ordernumber')}:{' '}\n          {order.externalOrderID}\n        </p>\n        <button\n          onClick={() => onClick && onClick(order)}\n          className={clsx(\n            'btn',\n            'btn--outline',\n            'btn--small',\n            'col-span-2',\n            'font-bold',\n            'md:col-span-1',\n            'md:mt-0',\n            'border-gray-700'\n          )}\n        >\n          {translate('orderlist.column.readmore')}\n        </button>\n      </div>\n      <div\n        className={clsx('grid', 'grid-cols-2', 'md:grid-cols-6', 'gap-3')}\n      >\n        <div className=\"flex flex-col gap-0.5\">\n          <p className={clsx('text-sm', 'uppercase', 'text-gray-500')}>\n            {translate('orderlist.column.orderdate')}\n          </p>\n          <p className={clsx('text-md')}>{order.orderDate}</p>\n        </div>\n        <div className=\"flex flex-col gap-0.5\">\n          <p className={clsx('text-sm', 'uppercase', 'text-gray-500')}>\n            {translate('orderlist.column.grandtotal')}\n          </p>\n          <p className={clsx('text-md')}>{order.orderGrandTotal}</p>\n        </div>\n        {isB2b && (\n          <div className=\"flex flex-col gap-0.5\">\n            <p className={clsx('text-sm', 'uppercase', 'text-gray-500')}>\n              {translate('orderlist.column.b2b-ordernumber')}\n            </p>\n            <p className={clsx('text-md')}>\n              {order.alternateOrderNumber ?? ''}\n            </p>\n          </div>\n        )}\n        <div className=\"flex flex-col gap-0.5\">\n          <p className={clsx('text-sm', 'uppercase', 'text-gray-500')}>\n            {translate('orderlist.column.status')}\n          </p>\n          <p className={clsx('text-md')}>\n            {translate(`order-status.${order.orderStatus.toLowerCase()}`)}\n          </p>\n        </div>\n        <div className=\"flex flex-col gap-0.5\">\n          <p className={clsx('text-sm', 'uppercase', 'text-gray-500')}>\n            {translate('orderlist.column.tracking')}\n          </p>\n          <p className={clsx('text-md')}>\n            {trackingUrl ? (\n              <a\n                className={clsx(\n                  'underline',\n                  !!trackingReference && 'uppercase'\n                )}\n                href={trackingUrl}\n                target=\"_blank\"\n                aria-label=\"Tracking URL\"\n                rel=\"noreferrer\"\n              >\n                {trackingReference ?? trackingUrl}\n              </a>\n            ) : (\n              <p>{translate('mypage.order.no-tracking')}</p>\n            )}\n          </p>\n        </div>\n      </div>\n    </li>\n  );\n};\n\nexport default OrderListItemMobile;\n","import React, { useMemo } from 'react';\nimport clsx from 'clsx';\nimport OrderListItemProps from '../../../Types/OrderListItemProps';\nimport { translate } from '../../../Services/translation';\n\nconst OrderListItemDesktop = ({\n  order,\n  onClick,\n  isB2b,\n}: OrderListItemProps) => {\n  const deliveryWithTracking = useMemo(\n    () => order.deliveries.find((d) => !!d.trackingUrl),\n    [order.deliveries]\n  );\n  const trackingUrl = deliveryWithTracking?.trackingUrl;\n  let trackingIdFromUrl = null;\n  if (trackingUrl) {\n    const segments = trackingUrl.split('/');\n    const lastPart = segments[segments.length - 1];\n    if (trackingUrl !== lastPart) {\n      trackingIdFromUrl = lastPart;\n    }\n  }\n  const trackingReference =\n    deliveryWithTracking?.trackingReference ?? trackingIdFromUrl;\n\n  return (\n    <li\n      className={clsx(\n        'grid gap-4 border-b border-solid border-gray-200 px-2 py-5 [&:last-child]:border-b-0 [&:nth-child(even)]:bg-gray-50',\n        isB2b ? 'grid-cols-6' : 'grid-cols-5'\n      )}\n    >\n      <a\n        className=\"cursor-pointer text-base underline\"\n        onClick={() => onClick && onClick(order)}\n      >\n        {order.externalOrderID}\n      </a>\n      <span className=\"text-base\">{order.orderDate}</span>\n      <span className=\"text-base\">{order.orderGrandTotal}</span>\n      {isB2b && (\n        <span className=\"text-base\">\n          {order?.alternateOrderNumber ?? ''}\n        </span>\n      )}\n      <span className=\"text-base\">\n        {translate(`order-status.${order.orderStatus.toLowerCase()}`)}\n      </span>\n      <span className=\"text-base\">\n        {trackingUrl ? (\n          <a\n            className={clsx(\n              'underline',\n              !!trackingReference && 'uppercase'\n            )}\n            target=\"_blank\"\n            href={trackingUrl}\n            aria-label=\"Tracking URL\"\n            rel=\"noreferrer\"\n          >\n            {trackingReference ?? trackingUrl}\n          </a>\n        ) : (\n          <p>{translate('mypage.order.no-tracking')}</p>\n        )}\n      </span>\n    </li>\n  );\n};\n\nexport default OrderListItemDesktop;\n","import { PaginationOptions } from '../constants';\n\nexport interface Pager {\n  pageSize?: number;\n  displayedEntries?: number;\n  edgeEntries?: number;\n}\n\nexport const calculatePager = (\n  totalCount = 0,\n  currentPage = 1,\n  options: Pager = {}\n) => {\n  const {\n    pageSize = PaginationOptions.PageSize,\n    displayedEntries = PaginationOptions.DisplayedEntries,\n    edgeEntries = PaginationOptions.EdgeEntries,\n  } = options;\n\n  const pageCount =\n    pageSize && pageSize > 0 ? Math.ceil(totalCount / pageSize) : 0;\n  const interval = getInterval(pageCount, currentPage, displayedEntries);\n\n  return {\n    totalCount,\n    pageSize,\n    currentPageIndex: currentPage,\n    pageCount,\n    edgeEntries,\n    intervalStart: interval[0],\n    intervalEnd: interval[1],\n  };\n};\n\nconst getInterval = (\n  pageCount: number,\n  currentPageIndex: number,\n  displayedEntries: number\n) => {\n  const internalPageIndex = currentPageIndex - 1;\n  const half = Math.ceil(displayedEntries / 2);\n  const upperLimit = pageCount - displayedEntries;\n  const start =\n    internalPageIndex > half\n      ? Math.max(Math.min(internalPageIndex - half, upperLimit), 0)\n      : 0;\n  const end =\n    internalPageIndex > half\n      ? Math.min(internalPageIndex + half, pageCount)\n      : Math.min(displayedEntries, pageCount);\n\n  return [start, end];\n};\n","import React from 'react';\nimport Icon from './Icon';\nimport clsx from 'clsx';\n\ninterface PaginationItemProps {\n  name?: string | number;\n  icon?: string;\n  current?: boolean;\n  disabled?: boolean;\n  onChange?: () => void;\n}\n\nconst PaginationItem = ({\n  name = '',\n  icon = '',\n  current = false,\n  disabled = false,\n  onChange,\n}: PaginationItemProps) => {\n  return (\n    <li className=\"pagination-item\">\n      <a\n        className={clsx(\n          current\n            ? 'cursor-default bg-gray-100'\n            : 'cursor-pointer bg-transparent',\n          disabled && 'pointer-events-none',\n          'text-md',\n          'font-bold',\n          'w-10',\n          'h-10',\n          'flex',\n          'justify-center',\n          'items-center',\n          'rounded'\n        )}\n        onClick={() => onChange && onChange()}\n      >\n        {name ? name : null}\n        {icon ? <Icon name={icon} className=\"h-5 w-5\" /> : null}\n      </a>\n    </li>\n  );\n};\n\nconst RenderFirstHalfItems = ({\n  intervalStart,\n  edgeEntries,\n  currentPageIndex,\n  onChange,\n}) => {\n  const renderItems: JSX.Element[] = [];\n  const end = Math.min(edgeEntries, intervalStart);\n  for (let i = 0; i < end; i++) {\n    const publicPageIndex = i + 1;\n    renderItems.push(\n      <PaginationItem\n        key={publicPageIndex}\n        name={publicPageIndex}\n        current={publicPageIndex === currentPageIndex}\n        onChange={() => onChange(publicPageIndex)}\n      />\n    );\n  }\n  if (edgeEntries < intervalStart) {\n    renderItems.push(\n      <PaginationItem key=\"first_indicator\" name=\"...\" disabled={true} />\n    );\n  }\n  return <>{renderItems}</>;\n};\n\nconst RenderMiddleItems = ({\n  intervalStart,\n  intervalEnd,\n  currentPageIndex,\n  onChange,\n}) => {\n  const renderItems: JSX.Element[] = [];\n  for (let i = intervalStart; i < intervalEnd; i++) {\n    const publicPageIndex = i + 1;\n    renderItems.push(\n      <PaginationItem\n        key={publicPageIndex}\n        name={publicPageIndex}\n        current={publicPageIndex === currentPageIndex}\n        onChange={() => onChange(publicPageIndex)}\n      />\n    );\n  }\n  return <>{renderItems}</>;\n};\n\nconst RenderSecondHalfItems = ({\n  intervalEnd,\n  edgeEntries,\n  pageCount,\n  currentPageIndex,\n  onChange,\n}) => {\n  const renderItems: JSX.Element[] = [];\n  if (pageCount - edgeEntries > intervalEnd) {\n    renderItems.push(\n      <PaginationItem key=\"second_indicator\" name=\"...\" disabled={true} />\n    );\n  }\n  const begin = Math.max(pageCount - edgeEntries, intervalEnd);\n  for (let i = begin; i < pageCount; i++) {\n    const publicPageIndex = i + 1;\n    renderItems.push(\n      <PaginationItem\n        key={publicPageIndex}\n        name={publicPageIndex}\n        current={publicPageIndex === currentPageIndex}\n        onChange={() => onChange(publicPageIndex)}\n      />\n    );\n  }\n  return <>{renderItems}</>;\n};\n\nconst Pagination = ({ model, onChange }) => {\n  const {\n    currentPageIndex,\n    pageCount,\n    intervalStart,\n    intervalEnd,\n    edgeEntries,\n  } = model;\n\n  return (\n    <>\n      {pageCount > 1 && (\n        <ul className=\"flex justify-center\">\n          {currentPageIndex > 1 && (\n            <PaginationItem\n              icon=\"chevron-left\"\n              current={false}\n              disabled={false}\n              onChange={() => onChange(currentPageIndex - 1)}\n            />\n          )}\n          {intervalStart > 0 && edgeEntries > 0 && (\n            <RenderFirstHalfItems\n              intervalStart={intervalStart}\n              edgeEntries={edgeEntries}\n              currentPageIndex={currentPageIndex}\n              onChange={onChange}\n            />\n          )}\n          <RenderMiddleItems\n            intervalStart={intervalStart}\n            intervalEnd={intervalEnd}\n            currentPageIndex={currentPageIndex}\n            onChange={onChange}\n          />\n          {intervalEnd < pageCount && edgeEntries > 0 && (\n            <RenderSecondHalfItems\n              intervalEnd={intervalEnd}\n              pageCount={pageCount}\n              edgeEntries={edgeEntries}\n              currentPageIndex={currentPageIndex}\n              onChange={onChange}\n            />\n          )}\n          {currentPageIndex < pageCount && (\n            <PaginationItem\n              icon=\"chevron-right\"\n              current={false}\n              disabled={false}\n              onChange={() => onChange(currentPageIndex + 1)}\n            />\n          )}\n        </ul>\n      )}\n    </>\n  );\n};\n\nexport default Pagination;\n","import React from 'react';\n\nconst SkeletonListItemDesktop = ({\n  items,\n  loading,\n}: {\n  items: number;\n  loading: boolean;\n}) => {\n  return (\n    <>\n      {loading &&\n        [...Array(items)].map((e, index) => (\n          <li\n            className=\"skeleton h-8 border-b border-solid border-gray-200 bg-gray-100\"\n            key={index}\n          ></li>\n        ))}\n    </>\n  );\n};\n\nexport default SkeletonListItemDesktop;\n","import React from 'react';\nimport clsx from 'clsx';\n\nconst SkeletonListItemMobile = ({\n  items,\n  loading,\n}: {\n  items: number;\n  loading: boolean;\n}) => {\n  return (\n    <>\n      {loading &&\n        [...Array(items)].map((e, index) => (\n          <li\n            className={clsx(\n              'flex',\n              'flex-col',\n              'gap-2',\n              'p-4',\n              'border',\n              'border-solid',\n              'bg-gray-100',\n              'border-gray-200',\n              'rounded',\n              'mb-4',\n              'skeleton',\n              'min-h-[200px]',\n              'md:min-h-[140px]'\n            )}\n            key={index}\n          ></li>\n        ))}\n    </>\n  );\n};\n\nexport default SkeletonListItemMobile;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { translate } from '../../Services/translation';\nimport {\n  query as queryOrders,\n  setOrder,\n  changeCurrentPage,\n} from '../../Actions/Order.action';\nimport { useDispatch } from 'react-redux';\nimport OrderListItemMobile from './ui/OrderListItemMobile';\nimport OrderListItemDesktop from './ui/OrderListItemDesktop';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { calculatePager, Pager } from '../../Services/Pagination.service';\nimport Pagination from '../Pagination';\nimport { Order } from '../../Types/Order';\nimport { useNavigate } from 'react-router-dom';\nimport SkeletonListItemDesktop from './ui/SkeletonListItemDesktop';\nimport SkeletonListItemMobile from './ui/SkeletonListItemMobile';\nimport clsx from 'clsx';\nimport { MyPagesOrder } from './Types/MyPages';\nimport EditorString from '../EditorString/EditorString';\n\nconst MyPagesOrderHistory = ({ description }: MyPagesOrder) => {\n  const dispatch = useDispatch();\n  const navigate = useNavigate();\n  const orders = useTypedSelector((state) => state.myPage.orders);\n  const { current: userInfo } = useTypedSelector(\n    (state) => state.userInfo\n  );\n  const {\n    list: orderList,\n    totalCount,\n    errors,\n    currentPage,\n    isLoading,\n  } = orders;\n  const [pager, setPager] = useState<Pager>({});\n  const generalError = useMemo(\n    () =>\n      errors && errors['general']?.length ? errors['general'][0] : null,\n    [errors]\n  );\n\n  useEffect(() => {\n    dispatch(queryOrders(currentPage ?? 1, false));\n  }, [dispatch, currentPage]);\n\n  useEffect(() => {\n    setPager(calculatePager(totalCount, currentPage ?? 1));\n  }, [totalCount, currentPage]);\n\n  const onOrderClick = (order: Order) => {\n    dispatch(setOrder(order));\n    navigate(order.orderId);\n  };\n\n  const hasOrders = useMemo(\n    () => orderList && orderList.length > 0,\n    [orderList]\n  );\n\n  return (\n    <div className=\"col-span-3\">\n      <h1 className=\"mb-2\">{translate('mypage.order.title')}</h1>\n      {description && (\n        <div className=\"mb-4 max-w-3xl text-base lg:mb-6\">\n          <EditorString value={description?.value} />\n        </div>\n      )}\n      {generalError && <p className=\"error\">{generalError}</p>}\n      {!isLoading && !hasOrders && (\n        <h6>{translate('mypage.order.no-orders')}</h6>\n      )}\n      {(isLoading || hasOrders) && (\n        <ul className=\"flex flex-col gap-4 lg:hidden\">\n          <SkeletonListItemMobile items={2} loading={isLoading} />\n          {!isLoading &&\n            orderList?.length > 0 &&\n            orderList.map((order) => (\n              <OrderListItemMobile\n                order={order}\n                key={order.externalOrderID + 'mobile'}\n                onClick={onOrderClick}\n                isB2b={userInfo?.isBusinessCustomer}\n              />\n            ))}\n        </ul>\n      )}\n      {(isLoading || hasOrders) && (\n        <ul className=\"overflow hidden rounded border border-solid border-gray-200 lg:block\">\n          <div\n            className={clsx(\n              userInfo?.isBusinessCustomer ? 'grid-cols-6' : 'grid-cols-5',\n              'grid gap-4 border-b p-2 py-4'\n            )}\n          >\n            <p className=\"flex items-center text-base font-bold\">\n              {translate('orderlist.column.ordernumber')}\n            </p>\n            <p className=\"flex items-center text-base font-bold\">\n              {translate('orderlist.column.orderdate')}\n            </p>\n            <p className=\"flex items-center text-base font-bold\">\n              {translate('orderdetail.grandtotal')}\n            </p>\n            {userInfo?.isBusinessCustomer && (\n              <p className=\"flex items-center text-base font-bold\">\n                {translate('orderlist.column.b2b-ordernumber')}\n              </p>\n            )}\n            <p className=\"flex items-center text-base font-bold\">\n              {translate('orderdetail.orderstatus')}\n            </p>\n            <p className=\"flex items-center text-base font-bold\">\n              {translate('orderlist.column.tracking')}\n            </p>\n          </div>\n          <SkeletonListItemDesktop items={5} loading={isLoading} />\n          {!isLoading &&\n            orderList?.length > 0 &&\n            orderList.map((order) => (\n              <OrderListItemDesktop\n                order={order}\n                key={order.externalOrderID + 'desktop'}\n                onClick={onOrderClick}\n                isB2b={userInfo?.isBusinessCustomer}\n              />\n            ))}\n        </ul>\n      )}\n      <div className=\"mt-4\">\n        <Pagination\n          model={pager}\n          onChange={(index) =>\n            index !== currentPage && dispatch(changeCurrentPage(index))\n          }\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default MyPagesOrderHistory;\n","import React from 'react';\nimport { translate } from '../../../Services/translation';\nimport PriceModel from '../../../Types/PriceModel';\nimport { LinkModel } from '../../../Types/LinkModel';\nimport { OrderRow } from '../../../Types/OrderRow';\nimport StockStatus from '../../StockStatus/StockStatus';\n\ninterface OrderDetailProduct extends OrderRow {\n  imageUrl: string;\n  link: LinkModel;\n  priceInfo: PriceModel;\n  unit: string;\n}\n\nconst UnitPrice = ({\n  price,\n  unit,\n}: {\n  price: PriceModel;\n  unit: string;\n}) => {\n  return (\n    <span className=\"text-md text-gray-500\">\n      {price.formattedCampaignPrice ? (\n        <span className=\"text-campaign\">\n          {price.formattedCampaignPrice}\n        </span>\n      ) : (\n        price.formattedPrice\n      )}{' '}\n      / {unit}{' '}\n      {price.formattedCampaignPrice ? (\n        <span className=\"ml-2 line-through\">{price.formattedPrice}</span>\n      ) : null}\n    </span>\n  );\n};\n\nconst OrderDetailProductCard = ({\n  product,\n}: {\n  product: OrderDetailProduct;\n}) => {\n  console.log(product);\n\n  return (\n    <div className=\"flex flex-col px-6\">\n      <div className=\"flex gap-4 border-gray-100 py-5 text-md\">\n        <a\n          href={product.link.href}\n          className=\"h-fit overflow-hidden rounded\"\n        >\n          <img\n            src={product.imageUrl}\n            className=\"h-20 w-14 object-cover md:h-32 md:w-24\"\n          />\n        </a>\n        <div className=\"flex flex-1 flex-col gap-1.5\">\n          <div className=\"flex flex-col gap-2\">\n            <span className=\"text-md text-gray-500\">\n              {product.productType}: {product.articleNumber}\n            </span>\n            <a href={product.link.href}>\n              <h4>{product.name}</h4>\n            </a>\n          </div>\n          <div className=\"flex flex-col gap-1.5\">\n            {product.extraInfo &&\n              product.extraInfo.items.map((item) => (\n                <span\n                  key={'order-detail' + item.key}\n                  className=\"text-md text-gray-500\"\n                >\n                  {item.key}: {item.value}\n                </span>\n              ))}\n            {product.previewUrl && (\n              <span>\n                <a\n                  className=\"text-md text-gray-500 underline decoration-gray-500\"\n                  href={product.previewUrl}\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                >\n                  {translate('order-row.see-preview')}\n                </a>\n              </span>\n            )}\n            <UnitPrice price={product.priceInfo} unit={product.unit} />\n            {product.stockStatus && (\n              <StockStatus {...product.stockStatus} className=\"!mb-0\" />\n            )}\n          </div>\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-lg font-normal\">\n              {translate('product.quantity')}: {product.quantityString}{' '}\n              {product.priceInfo?.price?.unitOfMeasurementTitle}\n            </span>\n            <span className=\"text-lg font-normal\">\n              {translate('product.total')}: {product.totalPrice}\n            </span>\n          </div>\n          {product.note && (\n            <span className=\"text-lg font-light text-gray-500\">\n              {product.note}\n            </span>\n          )}\n        </div>\n      </div>\n      <hr className=\"h-px w-full bg-gray-100\" />\n    </div>\n  );\n};\n\nexport default OrderDetailProductCard;\n","import React, { forwardRef, useMemo } from 'react';\nimport { translate } from '../../Services/translation';\nimport OrderDetailProductCard from './ui/OrderDetailProductCard';\nimport { Order } from '../../Types/Order';\nimport { EditorStringModel } from '../../Types/EditorString';\nimport clsx from 'clsx';\nimport Icon from '../Icon';\n\ninterface OrderDetailProps {\n  order: Order;\n  isConfirmation: boolean;\n  confirmationTitle?: string;\n  confirmationText?: EditorStringModel;\n  confirmationExtraText?: EditorStringModel;\n}\n\nconst OrderDetail = forwardRef<HTMLDivElement, OrderDetailProps>(\n  (\n    {\n      order,\n      isConfirmation,\n      confirmationTitle,\n      confirmationText,\n      confirmationExtraText,\n    },\n    ref\n  ) => {\n    const deliveryWithTracking = useMemo(\n      () => order.deliveries.find((d) => !!d.trackingUrl),\n      [order.deliveries]\n    );\n    const trackingUrl = deliveryWithTracking?.trackingUrl;\n    const trackingReference = deliveryWithTracking?.trackingReference;\n\n    const { shippingAddress } = order.shippingInfo;\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          'md:container flex flex-col gap-4 bg-gray-100 pb-6 pt-6',\n          isConfirmation\n            ? ' lg:items-center lg:pb-12 lg:pt-12'\n            : 'mx-[-0.8rem] my-0 mb-6 md:mx-[-1.2rem] md:my-0 md:mb-6 lg:m-[unset] lg:items-center'\n        )}\n      >\n        {isConfirmation ? (\n          <div className=\"bg-white p-4 md:rounded lg:w-full lg:max-w-[660px] lg:p-6\">\n            <h1 className=\"mb-2\">{confirmationTitle}</h1>\n            <div className=\"flex flex-col gap-2 text-lg lg:flex-row lg:gap-6\">\n              <span>\n                {translate('general.ordernumber')}:\n                <span className=\"font-bold\">{order.externalOrderID}</span>\n              </span>\n              <span>\n                {translate('orderdetail.orderdate')}:\n                <span className=\"font-bold\"> {order.orderDate}</span>\n              </span>\n            </div>\n            {order.alternateOrderNumber && (\n              <span className=\"gap-2 text-lg\">\n                {translate('checkout.mail.extra-reference')}{' '}\n                <span className=\"font-bold\">\n                  {order.alternateOrderNumber}\n                </span>\n              </span>\n            )}\n            {confirmationText?.value && (\n              <div\n                className=\"mt-2 text-lg\"\n                dangerouslySetInnerHTML={{\n                  __html: confirmationText?.value,\n                }}\n              ></div>\n            )}\n          </div>\n        ) : (\n          <div className=\"bg-white p-4 md:rounded lg:w-full lg:max-w-[660px] lg:p-6\">\n            <h1 className=\"mb-2\">\n              {translate('general.ordernumber')}: {order.externalOrderID}\n            </h1>\n            <div className=\"flex flex-col gap-2 text-lg lg:flex-row lg:gap-6\">\n              <span>\n                {translate('orderdetail.orderdate')}:\n                <span className=\"font-bold\"> {order.orderDate}</span>\n              </span>\n              <span>\n                {translate('orderdetail.orderstatus')}:{' '}\n                <span className=\"font-bold\">\n                  {translate(\n                    `order-status.${order.orderStatus.toLowerCase()}`\n                  )}\n                </span>\n              </span>\n              {trackingReference && (\n                <span className=\"flex\">\n                  {translate('orderdetail.trackingnumber')}:\n                  <a\n                    className=\"ml-1 flex items-center underline\"\n                    href={trackingUrl}\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                  >\n                    <span className=\"font-bold\">{trackingReference}</span>\n                    <Icon\n                      name=\"arrow-square-out-fill\"\n                      className=\"ml-1 inline-block h-4 w-4\"\n                    />\n                  </a>\n                </span>\n              )}\n            </div>\n            {order.alternateOrderNumber && (\n              <span className=\"gap-2 text-lg\">\n                {translate('checkout.mail.extra-reference')}{' '}\n                <span className=\"font-bold\">\n                  {order.alternateOrderNumber}\n                </span>\n              </span>\n            )}\n          </div>\n        )}\n        <div className=\"flex flex-col bg-white p-0 md:rounded lg:w-full lg:max-w-[660px] [&>_div:last-child_&_hr]:hidden\">\n          {order.orderRows.map((product) => (\n            <OrderDetailProductCard\n              product={product}\n              key={product.deliveryId}\n            />\n          ))}\n          <div className=\"flex flex-col gap-1 p-4 text-lg lg:p-6\">\n            <div className=\"flex justify-between\">\n              <span>{translate('checkout.order.sum')}</span>\n              <span>{order.productTotal}</span>\n            </div>\n            {order.orderTotalDeliveryCost && (\n              <div className=\"flex justify-between\">\n                <span>{translate('checkout.order.shipping')}</span>\n                <span>{order.orderTotalDeliveryCost}</span>\n              </div>\n            )}\n            {order.orderTotalFee && (\n              <div className=\"flex justify-between\">\n                <span>{translate('checkout.order.fee')}</span>\n                <span>{order.orderTotalFee}</span>\n              </div>\n            )}\n            {order.orderTotalDiscountAmount && (\n              <div className=\"flex justify-between\">\n                <span>{translate('checkout.order.discount')}</span>\n                <span>{order.orderTotalDiscountAmount}</span>\n              </div>\n            )}\n            <div className=\"text-bold flex justify-between\">\n              <h3>{translate('orderdetail.grandtotal')}</h3>\n              <h3>{order.orderGrandTotal}</h3>\n            </div>\n            <div className=\"flex justify-between\">\n              <span>{translate('checkout.order.vat')}</span>\n              <span>{order.orderTotalVat}</span>\n            </div>\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-6 bg-white p-4 md:grid md:grid-cols-2 md:rounded lg:w-full lg:max-w-[660px] lg:p-6\">\n          {shippingAddress && (\n            <>\n              <div className=\"flex flex-col gap-2\">\n                <h4>{translate('orderdetail.contactdetails')}</h4>\n                <div className=\"flex flex-col text-lg\">\n                  <span>\n                    {shippingAddress.firstName ??\n                      order.customerInfo.firstName}{' '}\n                    {shippingAddress.lastName ??\n                      order.customerInfo.lastName}\n                  </span>\n                  <span>{shippingAddress.phoneNumber}</span>\n                  <span>{shippingAddress.email}</span>\n                </div>\n              </div>\n              <div className=\"flex flex-col gap-2\">\n                <h4>{translate('orderdetail.deliveryaddress')}</h4>\n                <div className=\"flex flex-col text-lg\">\n                  {!shippingAddress.organizationName && (\n                    <span>\n                      {shippingAddress.firstName}{' '}\n                      {shippingAddress.lastName}\n                    </span>\n                  )}\n                  {shippingAddress.organizationName && (\n                    <span>{shippingAddress.organizationName}</span>\n                  )}\n                  <span>{shippingAddress.address1}</span>\n                  {shippingAddress.address2 && (\n                    <span>{shippingAddress.address2}</span>\n                  )}\n                  <span>\n                    {shippingAddress.zipCode} {shippingAddress.city}\n                  </span>\n                  <span>{shippingAddress.country}</span>\n                </div>\n              </div>\n            </>\n          )}\n          <div className=\"flex flex-col gap-2\">\n            <h4>{translate('orderdetail.deliverymethod')}</h4>\n            <span className=\"text-lg\">{order.deliveryMethod}</span>\n          </div>\n        </div>\n        {isConfirmation && confirmationExtraText?.value && (\n          <div\n            className=\"bg-white p-4 text-lg md:rounded lg:w-full lg:max-w-[660px] lg:p-6\"\n            dangerouslySetInnerHTML={{\n              __html: confirmationExtraText?.value,\n            }}\n          ></div>\n        )}\n      </div>\n    );\n  }\n);\n\nOrderDetail.displayName = 'orderDetail';\n\nexport default OrderDetail;\n","import React, { useEffect, useMemo, useRef } from 'react';\nimport { translate } from '../../Services/translation';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { useDispatch } from 'react-redux';\nimport { getOrder } from '../../Actions/Order.action';\nimport Icon from '../Icon';\nimport OrderDetail from '../OrderDetail/OrderDetail';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { reorder } from '../../Services/Cart.service';\nimport { receive, loadError } from '../../Actions/Cart.action';\nimport { catchError } from '../../Actions/Error.action';\nimport { setError } from '../../Actions/Order.action';\nimport { useReactToPrint } from 'react-to-print';\n\nconst MyPagesOrderDetail = () => {\n  const navigate = useNavigate();\n  const { id } = useParams();\n  const dispatch = useDispatch();\n  const { order, errors = {} } = useTypedSelector(\n    (state) => state.myPage.orders\n  );\n  const generalError = useMemo(\n    () =>\n      errors && errors['general']?.length ? errors['general'][0] : null,\n    [errors]\n  );\n\n  useEffect(() => {\n    if (!order) {\n      dispatch(getOrder(id));\n    }\n  }, []);\n\n  const addOrderToCart = async () => {\n    try {\n      const cart = await reorder(id);\n      dispatch(receive(cart));\n      return true;\n    } catch (ex) {\n      dispatch(catchError(ex, (error) => loadError(error)));\n      return false;\n    }\n  };\n\n  const componentRef = useRef(null);\n  const handlePrint = useReactToPrint({\n    content: () => componentRef.current,\n  });\n\n  return (\n    <div className=\"col-span-3\">\n      <div className=\"mb-4 flex flex-col gap-2 md:flex-row md:justify-between md:gap-0 lg:mb-6\">\n        <button\n          className=\"btn btn--small btn--outline w-full md:w-fit\"\n          onClick={() => {\n            dispatch(setError({ general: [] }));\n            navigate(-1);\n          }}\n        >\n          <Icon name=\"chevron-left\" className=\"order-icon\" />\n          {translate('mypage.order.allorders')}\n        </button>\n        <div className=\"flex gap-2 md:gap-6\">\n          <button\n            className=\"btn btn--outline btn--small flex w-1/2 items-center justify-center md:w-fit\"\n            onClick={addOrderToCart}\n          >\n            <Icon name=\"refresh\" className=\"order-icon\" />\n            {translate('mypage.order.addtocart')}\n          </button>\n          <button\n            className=\"btn btn--small btn--outline w-1/2 items-center justify-center md:w-fit\"\n            onClick={handlePrint}\n          >\n            <Icon name=\"print\" className=\"mr-2 h-4 w-4\" />\n            {translate('mypage.order.print')}\n          </button>\n        </div>\n      </div>\n      {generalError && (\n        <p className=\"error color-error-500 text-md\">{generalError}</p>\n      )}\n      {order ? (\n        <OrderDetail\n          ref={componentRef}\n          order={order}\n          isConfirmation={false}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nexport default MyPagesOrderDetail;\n","import { ViewMode } from '../constants';\nimport { get, post, put, remove as httpRemove } from '../Services/http';\nimport { catchError } from './Error.action';\nimport { PERSON_RECEIVE, PERSON_ERROR, PERSON_CHANGE_MODE } from '../constants';\n\nconst rootRoute = '/api/mypageperson';\n\nexport const changeMode = (mode) => ({\n  type: PERSON_CHANGE_MODE,\n  payload: {\n    mode,\n  },\n});\n\nexport const query = (mode = ViewMode.List) => (dispatch) => {\n  return get(rootRoute)\n    .then((response) => response.json())\n    .then((result) => {\n      dispatch(receive(result, mode));\n    })\n    .catch((ex) => dispatch(catchError(ex, (error) => setError(error))));\n};\n\nexport const remove = (personSystemId) => (dispatch) =>\n  httpRemove(rootRoute, personSystemId)\n    .then(() => dispatch(query()))\n    .catch((ex) => dispatch(catchError(ex, (error) => setError(error))));\n\nexport const add = (person) => (dispatch) =>\n  post(rootRoute, person)\n    .then(() => dispatch(query()))\n    .catch((ex) => dispatch(catchError(ex, (error) => setError(error))));\n\nexport const edit = (person) => (dispatch) =>\n  put(rootRoute, person)\n    .then(() => dispatch(query()))\n    .catch((ex) => dispatch(catchError(ex, (error) => setError(error))));\n\nexport const getPerson = (systemId) => {\n  return get(`${rootRoute}/${systemId}`).then((response) => response.json());\n};\n\nconst receive = (list, mode) => ({\n  type: PERSON_RECEIVE,\n  payload: {\n    list,\n    mode,\n  },\n});\n\nexport const setError = (error) => ({\n  type: PERSON_ERROR,\n  payload: {\n    error,\n  },\n});\n","import React from 'react';\nimport { translate } from '../../../Services/translation';\n\nconst UserListItemMobile = ({ person }) => {\n  return (\n    <li className=\"mb-4 rounded border border-solid border-gray-300 p-4 py-1\">\n      <p className=\"mb-3 text-base font-bold capitalize\">\n        {person.firstName} {person.lastName}\n      </p>\n      <div className=\"grid grid-cols-2 gap-2 md:grid-cols-4\">\n        <div className=\"flex flex-col\">\n          <p className=\"text-sm uppercase text-gray-600\">\n            {translate('mypage.person.email')}:\n          </p>\n          <p className=\"text-md\">{person.email}</p>\n        </div>\n        <div className=\"flex flex-col\">\n          <p className=\"text-sm uppercase text-gray-600\">\n            {translate('mypage.person.phone')}:\n          </p>\n          <p className=\"text-md\">{person.phone}</p>\n        </div>\n      </div>\n    </li>\n  );\n};\n\nexport default UserListItemMobile;\n","import React from 'react';\n\nconst UserListItemDesktop = ({ person }) => {\n  return (\n    <li className=\"grid grid-cols-5 items-center gap-4 px-2 py-1 [&:not(:last-child)]:border-b [&:not(:last-child)]:border-solid [&:not(:last-child)]:border-gray-300 [&:nth-child(even)]:bg-gray-100\">\n      <p className=\"overflow-hidden text-ellipsis whitespace-nowrap text-base\">\n        {person.firstName} {person.lastName}\n      </p>\n      <p className=\"overflow-hidden text-ellipsis whitespace-nowrap text-base\">\n        {person.email}\n      </p>\n      <p className=\"overflow-hidden text-ellipsis whitespace-nowrap text-base\">\n        {person.phone}\n      </p>\n    </li>\n  );\n};\n\nexport default UserListItemDesktop;\n","import React, { useEffect } from 'react';\nimport { translate } from '../../Services/translation';\nimport { query as queryPersons } from '../../Actions/Person.action';\nimport { useDispatch } from 'react-redux';\nimport { useNavigate } from 'react-router-dom';\nimport UserListItemMobile from './ui/UserListItemMobile';\nimport UserListItemDesktop from './ui/UserListItemDesktop';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport SkeletonListItemDesktop from './ui/SkeletonListItemDesktop';\nimport SkeletonListItemMobile from './ui/SkeletonListItemMobile';\nimport EditorString from '../EditorString/EditorString';\nimport { EditorStringModel } from '../../Types/EditorString';\n\nconst MyPagesUsers = ({\n  description,\n}: {\n  description?: EditorStringModel;\n}) => {\n  const dispatch = useDispatch();\n  const navigate = useNavigate();\n  const { persons } = useTypedSelector<any>((state) => state.myPage);\n  const personsList = persons.list;\n\n  useEffect(() => {\n    dispatch(queryPersons());\n  }, []);\n\n  return (\n    <div className=\"col-span-3\">\n      <h1 className=\"mb-2\">{translate('mypage.person.title')}</h1>\n      {description && (\n        <div className=\"mb-4 max-w-3xl text-base lg:mb-6\">\n          <EditorString value={description.value} />\n        </div>\n      )}\n      <ul className=\"mb-2 md:mb-4 lg:hidden\">\n        <SkeletonListItemMobile items={3} loading={!personsList} />\n        {personsList &&\n          personsList.map((person) => (\n            <UserListItemMobile person={person} key={person.systemId} />\n          ))}\n      </ul>\n      <ul className=\"mb-10 hidden rounded border border-solid border-gray-300 lg:block\">\n        <div className=\"grid grid-cols-5 gap-4 border-b border-solid border-gray-300 p-2\">\n          <p className=\"overflow-hidden text-ellipsis whitespace-nowrap text-base font-bold\">\n            {translate('mypage.person.name')}\n          </p>\n          <p className=\"overflow-hidden text-ellipsis whitespace-nowrap text-base font-bold\">\n            {translate('mypage.person.email')}\n          </p>\n          <p className=\"overflow-hidden text-ellipsis whitespace-nowrap text-base font-bold\">\n            {translate('mypage.person.phone')}\n          </p>\n        </div>\n        <SkeletonListItemDesktop items={5} loading={!personsList} />\n        {personsList &&\n          personsList.map((person) => (\n            <UserListItemDesktop person={person} key={person.systemId} />\n          ))}\n      </ul>\n    </div>\n  );\n};\n\nexport default MyPagesUsers;\n","import React, { useState } from 'react';\nimport { translate } from '../../Services/translation';\nimport { add as addPerson } from '../../Actions/Person.action';\nimport { useDispatch } from 'react-redux';\nimport { useNavigate } from 'react-router-dom';\nimport Input from '../Inputs/Input';\nimport RadioButton from '../Inputs/Radiobutton';\nimport { EditorStringModel } from '../../Types/EditorString';\nimport EditorString from '../EditorString/EditorString';\n\nconst MyPagesAddUser = ({\n  description,\n}: {\n  description?: EditorStringModel;\n}) => {\n  const navigate = useNavigate();\n  const dispatch = useDispatch();\n\n  // FORM-VALUES\n  const [firstName, setFirstName] = useState('');\n  const [lastName, setLastName] = useState('');\n  const [email, setEmail] = useState('');\n  const [phone, setPhone] = useState('');\n  const [role, setRole] = useState('');\n\n  const submitForm = () => {\n    dispatch(\n      addPerson({\n        firstName,\n        lastName,\n        email,\n        phone,\n        role,\n      })\n    );\n    navigate(-1);\n  };\n\n  return (\n    <div className=\"col-span-2\">\n      <h1 className=\"mb-2\">{translate('mypage.person.adduser')}</h1>\n      {description && (\n        <div className=\"mb-4 max-w-3xl text-base lg:mb-6\">\n          <EditorString value={description.value} />\n        </div>\n      )}\n      <form className=\"flex flex-col\">\n        <Input\n          inputSize=\"large\"\n          label={translate('mypage.person.firstname')}\n          wrapperClassName=\"mb-4 [&_.input]:text-base\"\n          onChange={(e) => setFirstName(e.target.value)}\n          placeholder={translate('general.placeholder.firstname')}\n          type=\"text\"\n          id=\"fname\"\n        />\n        <Input\n          inputSize=\"large\"\n          label={translate('mypage.person.lastname')}\n          wrapperClassName=\"mb-4 [&_.input]:text-base\"\n          onChange={(e) => setLastName(e.target.value)}\n          placeholder={translate('general.placeholder.lastname')}\n          type=\"text\"\n          id=\"lname\"\n        />\n        <Input\n          inputSize=\"large\"\n          label={translate('mypage.person.email')}\n          wrapperClassName=\"mb-4 [&_.input]:text-base\"\n          onChange={(e) => setEmail(e.target.value)}\n          placeholder={translate('general.placeholder.email')}\n          type=\"email\"\n          id=\"email\"\n        />\n        <Input\n          inputSize=\"large\"\n          label={translate('mypage.person.phone')}\n          wrapperClassName=\"mb-4 [&_.input]:text-base\"\n          onChange={(e) => setPhone(e.target.value)}\n          placeholder={translate('general.placeholder.phone')}\n          type=\"tel\"\n          id=\"tel\"\n        />\n        <div className=\"flex flex-col gap-4 pb-6 pt-2 lg:pb-8 lg:pt-4\">\n          <RadioButton\n            name=\"role-radio\"\n            inputSize=\"large\"\n            label=\"Admin\"\n            value=\"Admin\"\n            id=\"role1\"\n            onChange={(e) => setRole(e.target.value)}\n            wrapperClassName=\"text-base flex gap-2\"\n          />\n          <RadioButton\n            name=\"role-radio\"\n            inputSize=\"large\"\n            label=\"OrderPlacer\"\n            value=\"OrderPlacer\"\n            id=\"role2\"\n            onChange={(e) => setRole(e.target.value)}\n            wrapperClassName=\"text-base flex gap-2\"\n          />\n          <RadioButton\n            name=\"role-radio\"\n            inputSize=\"large\"\n            label=\"OrderApprover\"\n            value=\"OrderApprover\"\n            id=\"role3\"\n            onChange={(e) => setRole(e.target.value)}\n            wrapperClassName=\"text-base flex gap-2\"\n          />\n        </div>\n      </form>\n      <div className=\"flex gap-2\">\n        <button\n          className=\"btn btn--primary btn--large\"\n          onClick={() => submitForm()}\n        >\n          {translate('general.save')}\n        </button>\n        <button\n          className=\"btn btn--clear btn--large\"\n          onClick={() => navigate(-1)}\n        >\n          {translate('general.cancel')}\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default MyPagesAddUser;\n","import React, { useEffect, useState } from 'react';\nimport { translate } from '../../Services/translation';\nimport {\n  getPerson,\n  edit as editPerson,\n} from '../../Actions/Person.action';\nimport { useDispatch } from 'react-redux';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport Person from '../../Types/Person';\nimport Input from '../Inputs/Input';\nimport RadioButton from '../Inputs/Radiobutton';\nimport { EditorStringModel } from '../../Types/EditorString';\nimport EditorString from '../EditorString/EditorString';\n\nconst MyPagesEditUser = ({\n  description,\n}: {\n  description?: EditorStringModel;\n}) => {\n  const { id } = useParams();\n  const navigate = useNavigate();\n  const dispatch = useDispatch();\n  const [isLoading, setIsLoading] = useState(true);\n  const [person, setPerson] = useState<Person>();\n\n  const fetchUser = async () => {\n    const person = await getPerson(id);\n    setPerson(person);\n    setIsLoading(!isLoading);\n  };\n\n  const setPersonValue = (key, value) => {\n    const personCopy = Object.assign({}, person);\n    personCopy[key] = value;\n    setPerson(personCopy);\n  };\n\n  const submitForm = () => {\n    dispatch(editPerson(person));\n    navigate(-1);\n  };\n\n  useEffect(() => {\n    fetchUser();\n  }, []);\n\n  return (\n    <div className=\"col-span-2\">\n      <h1 className=\"mb-2\">{translate('mypage.person.edituser')}</h1>\n      {description && (\n        <div className=\"mb-4 max-w-3xl text-base lg:mb-6\">\n          <EditorString value={description.value} />\n        </div>\n      )}\n      <form className=\"flex flex-col\">\n        <Input\n          inputSize=\"large\"\n          label={translate('mypage.person.firstname')}\n          wrapperClassName=\"mb-4 [&_.input]:text-base\"\n          value={person?.firstName}\n          onChange={(e) => setPersonValue('firstName', e.target.value)}\n          placeholder={translate('general.placeholder.firstname')}\n          type=\"text\"\n          id=\"fname\"\n          disabled={isLoading}\n        />\n        <Input\n          inputSize=\"large\"\n          label={translate('mypage.person.lastname')}\n          wrapperClassName=\"mb-4 [&_.input]:text-base\"\n          onChange={(e) => setPersonValue('lastName', e.target.value)}\n          value={person?.lastName}\n          placeholder={translate('general.placeholder.lastname')}\n          type=\"text\"\n          id=\"lname\"\n          disabled={isLoading}\n        />\n        <Input\n          inputSize=\"large\"\n          label={translate('mypage.person.email')}\n          wrapperClassName=\"mb-4 [&_.input]:text-base\"\n          onChange={(e) => setPersonValue('email', e.target.value)}\n          value={person?.email}\n          placeholder={translate('general.placeholder.email')}\n          type=\"email\"\n          id=\"email\"\n          disabled={isLoading}\n        />\n        <Input\n          inputSize=\"large\"\n          label={translate('mypage.person.phone')}\n          wrapperClassName=\"mb-4 [&_.input]:text-base\"\n          onChange={(e) => setPersonValue('phone', e.target.value)}\n          placeholder={translate('general.placeholder.phone')}\n          type=\"tel\"\n          value={person?.phone}\n          id=\"tel\"\n          disabled={isLoading}\n        />\n        <div className=\"flex flex-col gap-4 pb-6 pt-2 lg:pb-8 lg:pt-4\">\n          <RadioButton\n            name=\"role-radio\"\n            inputSize=\"large\"\n            label=\"Admin\"\n            value=\"Admin\"\n            id=\"role1\"\n            onChange={(e) => setPersonValue('role', e.target.value)}\n            checked={person?.role === 'Admin'}\n            wrapperClassName=\"text-base flex gap-2\"\n            disabled={isLoading}\n          />\n          <RadioButton\n            name=\"role-radio\"\n            inputSize=\"large\"\n            label=\"OrderPlacer\"\n            value=\"OrderPlacer\"\n            id=\"role2\"\n            checked={person?.role === 'OrderPlacer'}\n            onChange={(e) => setPersonValue('role', e.target.value)}\n            wrapperClassName=\"text-base flex gap-2\"\n            disabled={isLoading}\n          />\n          <RadioButton\n            name=\"role-radio\"\n            inputSize=\"large\"\n            label=\"OrderApprover\"\n            value=\"OrderApprover\"\n            id=\"role3\"\n            checked={person?.role === 'OrderApprover'}\n            onChange={(e) => setPersonValue('role', e.target.value)}\n            wrapperClassName=\"text-base flex gap-2\"\n            disabled={isLoading}\n          />\n        </div>\n      </form>\n      <div className=\"flex gap-2\">\n        <button\n          className=\"btn btn--primary btn--large\"\n          onClick={() => submitForm()}\n          disabled={isLoading}\n        >\n          {translate('general.save')}\n        </button>\n        <button\n          className=\"btn btn--clear btn--large\"\n          onClick={() => navigate(-1)}\n        >\n          {translate('general.cancel')}\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default MyPagesEditUser;\n","import { ViewMode } from '../constants';\nimport { get, post, put, remove as httpRemove } from '../Services/http';\nimport { catchError } from './Error.action';\nimport {\n  ADDRESS_CHANGE_MODE,\n  ADDRESS_RECEIVE,\n  ADDRESS_ERROR,\n} from '../constants';\nconst rootRoute = '/api/mypageaddress';\n\nexport const changeMode = (mode) => ({\n  type: ADDRESS_CHANGE_MODE,\n  payload: {\n    mode,\n  },\n});\n\nexport const query = (mode = ViewMode.List) => (dispatch) => {\n  return get(rootRoute)\n    .then((response) => response.json())\n    .then((result) => {\n      dispatch(receive(result, mode));\n    })\n    .catch((ex) => dispatch(catchError(ex, (error) => setError(error))));\n};\n\nexport const remove = (addressSystemId) => (dispatch) =>\n  httpRemove(rootRoute, addressSystemId)\n    .then(() => dispatch(query()))\n    .catch((ex) => dispatch(catchError(ex, (error) => setError(error))));\n\nexport const add = (address) => (dispatch) =>\n  post(rootRoute, address)\n    .then(() => dispatch(query()))\n    .catch((ex) => {\n      dispatch(catchError(ex, (error) => setError(error)));\n      throw ex;\n    });\n\nexport const edit = (address) => (dispatch) =>\n  put(rootRoute, address)\n    .then(() => dispatch(query()))\n    .catch((ex) => {\n      dispatch(catchError(ex, (error) => setError(error)));\n      throw ex;\n    });\n\nexport const getAddress = (systemId) => {\n  return get(`${rootRoute}/${systemId}`).then((response) => response.json());\n};\n\nconst receive = (list, mode) => ({\n  type: ADDRESS_RECEIVE,\n  payload: {\n    list,\n    mode,\n  },\n});\n\nexport const setError = (error) => ({\n  type: ADDRESS_ERROR,\n  payload: {\n    error,\n  },\n});\n","import React from 'react';\nimport clsx from 'clsx';\nimport { translate } from '../../../Services/translation';\n\nconst AddressListItemDesktop = ({ address }: { address: any }) => {\n  const columnClassName =\n    'text-base text-ellipsis overflow-hidden whitespace-nowrap';\n\n  return (\n    <div\n      className={clsx(\n        'grid',\n        'grid-cols-5',\n        'items-center',\n        'px-2',\n        'gap-4',\n        'py-1'\n      )}\n    >\n      <p className={columnClassName}>{address.address}</p>\n      <p className={columnClassName}>{address.zipCode}</p>\n      <p className={columnClassName}>{address.city}</p>\n      <p className={columnClassName}>{address.country}</p>\n      {address.addressType && (\n        <p className={columnClassName}>\n          {translate(\n            'mypage.address.type.' + address.addressType.toLowerCase()\n          )}\n        </p>\n      )}\n    </div>\n  );\n};\nexport default AddressListItemDesktop;\n","import React from 'react';\nimport clsx from 'clsx';\nimport { translate } from '../../../Services/translation';\n\nconst AddressListItemMobile = ({ address }: { address: any }) => {\n  return (\n    <div\n      className={clsx(\n        'flex',\n        'justify-between',\n        'items-center',\n        'p-4',\n        'border',\n        'border-solid',\n        'border-gray-300',\n        'rounded',\n        'mb-4'\n      )}\n    >\n      <div className={clsx('flex', 'flex-col')}>\n        <p className={clsx('text-base', 'capitalize', 'font-bold')}>\n          {address.address}\n        </p>\n        <p className={clsx('text-md', 'capitalize')}>\n          {address.zipCode} {address.city}\n        </p>\n        <p className={clsx('text-md', 'capitalize')}>{address.country}</p>\n        {address.addressType && (\n          <p className={clsx('text-md', 'capitalize')}>\n            {translate(\n              'mypage.address.type.' + address.addressType.toLowerCase()\n            )}\n          </p>\n        )}\n      </div>\n    </div>\n  );\n};\nexport default AddressListItemMobile;\n","import React, { useEffect, useMemo } from 'react';\nimport { translate } from '../../Services/translation';\nimport { query as queryAddresses } from '../../Actions/Address.action';\nimport { useDispatch } from 'react-redux';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport AddressListItemDesktop from './ui/AddressListItemDesktop';\nimport AddressListItemMobile from './ui/AddressListItemMobile';\nimport SkeletonListItemDesktop from './ui/SkeletonListItemDesktop';\nimport SkeletonListItemMobile from './ui/SkeletonListItemMobile';\nimport { EditorStringModel } from '../../Types/EditorString';\nimport EditorString from '../EditorString/EditorString';\n\nconst MyPagesUsers = ({\n  description,\n}: {\n  description?: EditorStringModel;\n}) => {\n  const dispatch = useDispatch();\n  const { addresses } = useTypedSelector<any>((state) => state.myPage);\n  const addressList = useMemo(() => addresses.list, [addresses.list]);\n\n  useEffect(() => {\n    dispatch(queryAddresses());\n  }, []);\n\n  return (\n    <div className=\"col-span-3\">\n      <h1 className=\"mb-2\">{translate('mypage.address.title')}</h1>\n      {description && (\n        <div className=\"mb-4 max-w-3xl text-base lg:mb-6\">\n          <EditorString value={description.value} />\n        </div>\n      )}\n      {(!addressList || addressList.length > 0) && (\n        <ul className=\"mb-2 md:mb-4 lg:hidden\">\n          <SkeletonListItemMobile items={3} loading={!addressList} />\n          {addressList &&\n            addressList.map((address) => (\n              <AddressListItemMobile\n                address={address}\n                key={address.systemId}\n              />\n            ))}\n          {addressList && addressList.length == 0 && (\n            <h6>{translate('mypage.address.no-addresses')}</h6>\n          )}\n        </ul>\n      )}\n      {(!addressList || addressList.length > 0) && (\n        <ul\n          className=\"mb-10 hidden rounded border border-solid border-gray-300 lg:block [&_div:not(:last-child)]:border-b\n        [&_div:not(:last-child)]:border-solid\n        [&_div:not(:last-child)]:border-gray-300\n        [&_div:nth-child(even)]:bg-gray-100\"\n        >\n          <div className=\"grid grid-cols-5 gap-4 border-b border-solid border-gray-300 p-2\">\n            <p className=\"overflow-hidden text-ellipsis whitespace-nowrap text-base font-bold\">\n              {translate('mypage.address.address')}\n            </p>\n            <p className=\"overflow-hidden text-ellipsis whitespace-nowrap text-base font-bold\">\n              {translate('mypage.address.zipcode')}\n            </p>\n            <p className=\"overflow-hidden text-ellipsis whitespace-nowrap text-base font-bold\">\n              {translate('mypage.address.city')}\n            </p>\n            <p className=\"overflow-hidden text-ellipsis whitespace-nowrap text-base font-bold\">\n              {translate('mypage.address.country')}\n            </p>\n            <p className=\"overflow-hidden text-ellipsis whitespace-nowrap text-base font-bold\">\n              {translate('mypage.address.type')}\n            </p>\n          </div>\n          <SkeletonListItemDesktop items={5} loading={!addressList} />\n          {addressList &&\n            addressList.map((address) => (\n              <AddressListItemDesktop\n                address={address}\n                key={address.systemId}\n              />\n            ))}\n        </ul>\n      )}\n      {addressList && addressList.length == 0 && (\n        <h6>{translate('mypage.address.no-addresses')}</h6>\n      )}\n    </div>\n  );\n};\nexport default MyPagesUsers;\n","import React, { useState } from 'react';\nimport { translate } from '../../Services/translation';\nimport { add as addAddress } from '../../Actions/Address.action';\nimport { useDispatch } from 'react-redux';\nimport { useNavigate } from 'react-router-dom';\nimport Input from '../Inputs/Input';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport Dropdown from '../Dropdown';\nimport { EditorStringModel } from '../../Types/EditorString';\nimport EditorString from '../EditorString/EditorString';\n\nconst MyPagesAddAddress = ({\n  description,\n}: {\n  description?: EditorStringModel;\n}) => {\n  const navigate = useNavigate();\n  const dispatch = useDispatch();\n  const countriesList = globalThis.LitiumConstants.countries;\n  const { errors = {} } = useTypedSelector(\n    (state) => state.myPage.addresses\n  );\n\n  // FORM-VALUES\n  const [address, setAddress] = useState('');\n  const [zipCode, setZipCode] = useState('');\n  const [city, setCity] = useState('');\n  const [country, setCountry] = useState(countriesList[0].value);\n  const [phoneNumber, setPhoneNumber] = useState('');\n\n  const submitForm = (e) => {\n    e.preventDefault();\n    dispatch(\n      addAddress({\n        address,\n        zipCode,\n        city,\n        country,\n        phoneNumber,\n      })\n    )\n      .then(() => navigate(-1))\n      .catch(() => {}); // must catch error\n  };\n\n  return (\n    <div className=\"col-span-2\">\n      <h1 className=\"mb-2\">{translate('mypage.address.addaddress')}</h1>\n      {description && (\n        <div className=\"mb-4 max-w-3xl text-base lg:mb-6\">\n          <EditorString value={description.value} />\n        </div>\n      )}\n      <form className=\"flex flex-col\" onSubmit={submitForm}>\n        <Input\n          inputSize=\"large\"\n          label={translate('mypage.address.address')}\n          wrapperClassName=\"mb-4 [&_.input]:text-base\"\n          onChange={(e) => setAddress(e.target.value)}\n          placeholder={translate('general.placeholder.address')}\n          type=\"text\"\n          id=\"address\"\n          required={true}\n          inputState={errors['address']?.length ? 'error' : 'default'}\n          message={\n            errors['address']?.length ? errors['address']['0'] : null\n          }\n        />\n        <Input\n          inputSize=\"large\"\n          label={translate('mypage.address.zipCode')}\n          wrapperClassName=\"mb-4 [&_.input]:text-base\"\n          onChange={(e) => setZipCode(e.target.value)}\n          placeholder={translate('general.placeholder.zipCode')}\n          type=\"text\"\n          id=\"zip\"\n          required={true}\n          inputState={errors['zipCode']?.length ? 'error' : 'default'}\n          message={\n            errors['zipCode']?.length ? errors['zipCode']['0'] : null\n          }\n        />\n        <Input\n          inputSize=\"large\"\n          label={translate('mypage.address.city')}\n          wrapperClassName=\"mb-4 [&_.input]:text-base\"\n          onChange={(e) => setCity(e.target.value)}\n          placeholder={translate('general.placeholder.city')}\n          type=\"text\"\n          id=\"city\"\n          required={true}\n          inputState={errors['city']?.length ? 'error' : 'default'}\n          message={errors['city']?.length ? errors['city']['0'] : null}\n        />\n        <label className=\"mb-2 text-base font-bold\">\n          {translate('mypage.address.country')}\n        </label>\n        <Dropdown\n          className=\"mb-4 [&_.dropdown-select]:p-3\"\n          options={countriesList.map((country) => ({\n            value: country.value,\n            label: country.text,\n          }))}\n          size=\"large\"\n          placeholder={translate('general.placeholder.country')}\n          onChange={({ value }) => setCountry(value)}\n          selectedValue={country}\n        />\n        <Input\n          inputSize=\"large\"\n          label={translate('mypage.address.phonenumber')}\n          wrapperClassName=\"mb-4 [&_.input]:text-base\"\n          onChange={(e) => setPhoneNumber(e.target.value)}\n          placeholder={translate('general.placeholder.phone')}\n          type=\"tel\"\n          id=\"tel\"\n          required={true}\n          inputState={errors['phoneNumber']?.length ? 'error' : 'default'}\n          message={\n            errors['phoneNumber']?.length\n              ? errors['phoneNumber']['0']\n              : null\n          }\n        />\n        <div className=\"flex gap-2\">\n          <button className=\"btn btn--primary btn--large\" type=\"submit\">\n            {translate('general.save')}\n          </button>\n          <button\n            className=\"btn btn--clear btn--large\"\n            onClick={(e) => {\n              e.preventDefault();\n              navigate(-1);\n            }}\n          >\n            {translate('general.cancel')}\n          </button>\n        </div>\n      </form>\n    </div>\n  );\n};\nexport default MyPagesAddAddress;\n","import React, { useEffect, useState } from 'react';\nimport { translate } from '../../Services/translation';\nimport {\n  getAddress,\n  edit as editAddress,\n} from '../../Actions/Address.action';\nimport { useDispatch } from 'react-redux';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport Input from '../Inputs/Input';\nimport AddressViewModel from '../../Types/AddressViewModel';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport Dropdown from '../Dropdown';\nimport EditorString from '../EditorString/EditorString';\nimport { EditorStringModel } from '../../Types/EditorString';\n\nconst MyPagesEditAddress = ({\n  description,\n}: {\n  description?: EditorStringModel;\n}) => {\n  const [isLoading, setIsLoading] = useState(true);\n  const [address, setAddress] = useState<AddressViewModel>();\n  const [disabled, setDisabled] = useState<boolean>(\n    isLoading || !address?.isEditable\n  );\n\n  useEffect(() => {\n    setDisabled(isLoading || !address?.isEditable);\n  }, [isLoading, address?.isEditable]);\n\n  const { id } = useParams();\n  const { errors = {} } = useTypedSelector(\n    (state) => state.myPage.addresses\n  );\n  const navigate = useNavigate();\n  const dispatch = useDispatch();\n  const countriesList = globalThis.LitiumConstants.countries;\n\n  const fetchAddress = async () => {\n    const address = await getAddress(id);\n    setAddress(address);\n    setIsLoading(!isLoading);\n  };\n\n  const setAddressValue = (key, value) => {\n    const addressCopy = Object.assign({}, address);\n    addressCopy[key] = value;\n    setAddress(addressCopy);\n  };\n\n  const submitForm = (e) => {\n    e.preventDefault();\n    dispatch(editAddress(address))\n      .then(() => navigate(-1))\n      .catch(() => {}); // must catch error;\n  };\n\n  useEffect(() => {\n    fetchAddress();\n  }, []);\n\n  return (\n    <div className=\"col-span-3\">\n      <h1 className=\"mb-2\">{translate('mypage.address.editaddress')}</h1>\n      {description && (\n        <div className=\"mb-4 max-w-3xl text-base lg:mb-6\">\n          <EditorString value={description.value} />\n        </div>\n      )}\n\n      <form className=\"flex flex-col\" onSubmit={submitForm}>\n        <Input\n          inputSize=\"large\"\n          label={translate('mypage.address.address')}\n          wrapperClassName=\"mb-4 [&_.input]:text-lg\"\n          value={address?.address}\n          onChange={(e) => setAddressValue('address', e.target.value)}\n          placeholder={translate('general.placeholder.address')}\n          type=\"text\"\n          id=\"address\"\n          disabled={disabled}\n          required={true}\n          inputState={errors['address']?.length ? 'error' : 'default'}\n          message={\n            errors['address']?.length ? errors['address']['0'] : null\n          }\n        />\n        <Input\n          inputSize=\"large\"\n          label={translate('mypage.address.zipCode')}\n          wrapperClassName=\"mb-4 [&_.input]:text-lg\"\n          value={address?.zipCode}\n          onChange={(e) => setAddressValue('zipCode', e.target.value)}\n          placeholder={translate('general.placeholder.zipCode')}\n          type=\"text\"\n          id=\"zip\"\n          disabled={disabled}\n          required={true}\n          inputState={errors['zipCode']?.length ? 'error' : 'default'}\n          message={\n            errors['zipCode']?.length ? errors['zipCode']['0'] : null\n          }\n        />\n        <Input\n          inputSize=\"large\"\n          label={translate('mypage.address.city')}\n          wrapperClassName=\"mb-4 [&_.input]:text-lg\"\n          onChange={(e) => setAddressValue('city', e.target.value)}\n          value={address?.city}\n          placeholder={translate('general.placeholder.city')}\n          type=\"text\"\n          id=\"city\"\n          disabled={disabled}\n          required={true}\n          inputState={errors['city']?.length ? 'error' : 'default'}\n          message={errors['city']?.length ? errors['city']['0'] : null}\n        />\n        <label className=\"mb-2 text-base font-bold\">\n          {translate('mypage.address.country')}\n        </label>\n        <Dropdown\n          selectedValue={address?.country}\n          className=\"mb-4 [&_.dropdown-select]:p-3\"\n          options={countriesList.map((country) => ({\n            value: country.value,\n            label: country.text,\n          }))}\n          size=\"large\"\n          placeholder={translate('general.placeholder.country')}\n          onChange={({ value }) => setAddressValue('country', value)}\n          disabled={disabled}\n        />\n        <Input\n          inputSize=\"large\"\n          label={translate('mypage.address.phonenumber')}\n          wrapperClassName=\"mb-4 [&_.input]:text-lg\"\n          value={address?.phoneNumber}\n          onChange={(e) => setAddressValue('phoneNumber', e.target.value)}\n          placeholder={translate('general.placeholder.phone')}\n          type=\"tel\"\n          id=\"tel\"\n          disabled={disabled}\n          required={true}\n          inputState={errors['address']?.length ? 'error' : 'default'}\n          message={\n            errors['address']?.length ? errors['address']['0'] : null\n          }\n        />\n        {address?.isEditable && (\n          <div className=\"flex gap-2\">\n            <button className=\"btn btn--primary btn--large\" type=\"submit\">\n              {translate('general.save')}\n            </button>\n            <button\n              className=\"btn btn--large btn--clear\"\n              onClick={(e) => {\n                e.preventDefault();\n                navigate(-1);\n              }}\n            >\n              {translate('general.cancel')}\n            </button>\n          </div>\n        )}\n      </form>\n    </div>\n  );\n};\nexport default MyPagesEditAddress;\n","import { useEffect } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nexport default function ScrollToTop() {\n  const { pathname } = useLocation();\n\n  useEffect(() => {\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n  }, [pathname]);\n\n  return null;\n}\n","import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { useDropzone } from 'react-dropzone';\nimport Icon from '../../Icon';\nimport clsx from 'clsx';\nimport { useDispatch } from 'react-redux';\nimport {\n  Status,\n  ReturnFormActions,\n  ReturnItemProps,\n  submitImage,\n} from '../../../Reducers/ReturnForm.reducer';\nimport LoadingSpinner from '../../LoadingSpinner';\nimport { translate } from '../../../Services/translation';\n\nconst MAX_FILE_SIZE = 500000000;\n\nconst ReturnFormMediaInput = ({ item }: { item: ReturnItemProps }) => {\n  const dispatch = useDispatch();\n\n  const onDrop = useCallback((acceptedFiles: File[]) => {\n    if (acceptedFiles.length == 0) return;\n\n    const formData = new FormData();\n    acceptedFiles.map((file, idx) => {\n      formData.append('imageUpload' + idx, file);\n    });\n\n    dispatch(submitImage({ form: formData, id: item.uniqueId }));\n  }, []);\n\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    onDrop,\n    accept: { 'image/jpeg': [], 'image/png': [], 'video/mp4': [] },\n    minSize: 0,\n    maxSize: MAX_FILE_SIZE,\n  });\n\n  const { imageStatus } = item;\n\n  useEffect(() => {\n    if (imageStatus !== Status.idle && imageStatus !== Status.pending) {\n      setTimeout(() => {\n        dispatch(\n          ReturnFormActions.setImageStatus({\n            status: Status.idle,\n            id: item.uniqueId,\n          })\n        );\n      }, 1500);\n    }\n  }, [imageStatus]);\n\n  const renderMediaContent = useCallback(() => {\n    switch (imageStatus) {\n      case Status.idle:\n        return (\n          <>\n            <input {...getInputProps()} type=\"file\" />\n            <Icon name=\"images\" className=\"h-14 w-14\" />\n            <p className=\"text-md font-bold text-gray-700\">\n              {translate('return.form-item.media-add')}\n            </p>\n            <p className=\"text-md font-light text-gray-700\">\n              {translate('return.form-item.media-drag')}\n            </p>\n          </>\n        );\n      case Status.pending:\n        return <LoadingSpinner />;\n      case Status.fulfilled:\n        return <Icon name=\"check\" className=\"h-10 w-10\" />;\n      case Status.rejected:\n        return <Icon name=\"close\" className=\"h-10 w-10\" />;\n      default:\n        return null;\n    }\n  }, [imageStatus]);\n\n  return (\n    <div\n      className={clsx(\n        isDragActive ? 'bg-success-200' : 'bg-success-50',\n        'col-span-full flex min-h-[130px] flex-col items-center justify-center  rounded border-2 border-dashed border-gray-200  px-2 pb-4 pt-3 text-center'\n      )}\n      {...getRootProps()}\n    >\n      {renderMediaContent()}\n    </div>\n  );\n};\n\nexport default ReturnFormMediaInput;\n","import React from 'react';\nimport {\n  ReturnFormActions,\n  ReturnItemImage,\n} from '../../../Reducers/ReturnForm.reducer';\nimport Icon from '../../Icon';\nimport { useDispatch } from 'react-redux';\n\nconst ReturnFormMediaItem = ({\n  item,\n  id,\n}: {\n  item: ReturnItemImage;\n  id: string;\n}) => {\n  const { name, fileSize } = item;\n  const dispatch = useDispatch();\n  return (\n    <div className=\"col-span-full flex items-center justify-between rounded border border-gray-200 bg-white p-4\">\n      <p className=\"text-md font-medium leading-4 text-gray-700\">{name}</p>\n      <span className=\"flex gap-3\">\n        <p className=\"text-md font-light leading-4 text-gray-700\">\n          {fileSize}\n        </p>\n        <Icon\n          name=\"close\"\n          className=\"h-4 w-4 cursor-pointer\"\n          onClick={() => {\n            dispatch(\n              ReturnFormActions.removeReturnItemImage({\n                id: id,\n                systemId: item.systemId,\n              })\n            );\n          }}\n        />\n      </span>\n    </div>\n  );\n};\n\nexport default ReturnFormMediaItem;\n","import { translate } from '../../../Services/translation';\nimport { mixed, number, object, ref, string } from 'yup';\n\nconst requiredTranslation = translate('validation.required');\n\nexport const ReturnFormItemValidationSchema = object().shape({\n  orderNumber: string().nullable().max(20).required(requiredTranslation),\n  articleNumber: string().nullable().max(30).required(requiredTranslation),\n  batchNumber: string().nullable().max(30).required(requiredTranslation),\n  quantity: number().nullable().required(requiredTranslation),\n  errorCode: string().nullable().required(requiredTranslation),\n});\n\nexport const ReturnFormValidationSchema = object().shape({\n  returnType: string().nullable().required(requiredTranslation),\n});\n","import React, { useEffect, useState } from 'react';\nimport Input from '../../Inputs/Input';\nimport { useDispatch } from 'react-redux';\nimport {\n  ReturnFormActions,\n  ReturnItemKeys,\n  ReturnItemProps,\n} from '../../../Reducers/ReturnForm.reducer';\nimport Icon from '../../Icon';\nimport ReturnFormMediaInput from './ReturnFormMediaInput';\nimport Dropdown from '../../Dropdown';\nimport { translate } from '../../../Services/translation';\nimport ReturnFormMediaItem from './ReturnFormMediaItem';\nimport { ReturnFormItemValidationSchema } from '../misc/ReturnFormValidationSchema';\n\nconst ReturnFormItem = ({\n  item,\n  errorCodes,\n  index,\n}: {\n  item: ReturnItemProps;\n  errorCodes: string[];\n  index: number;\n}) => {\n  const dispatch = useDispatch();\n\n  const { validationErrors, uniqueId } = item;\n\n  const validateOnBlur = async (key: string, value: string) => {\n    try {\n      await ReturnFormItemValidationSchema.validateAt(\n        key,\n        { ...ReturnFormItem, [key]: value },\n        { abortEarly: true }\n      );\n\n      dispatch(\n        ReturnFormActions.setRowValidationErrors({\n          key: key,\n          id: uniqueId,\n          error: undefined,\n        })\n      );\n    } catch (err) {\n      dispatch(\n        ReturnFormActions.setRowValidationErrors({\n          id: uniqueId,\n          key: key,\n          error: err.message,\n        })\n      );\n    }\n  };\n\n  const getValidationErrorLabel = (key: string) => {\n    const errMsg = validationErrors[key];\n    return !!errMsg ? errMsg : undefined;\n  };\n\n  return (\n    <div className=\"mb-4 grid grid-cols-4 gap-4 rounded border border-gray-200 bg-gray-50 p-4 md-down:grid-cols-2\">\n      <div className=\"col-span-4 flex justify-between md-down:col-span-2\">\n        <p className=\"text-lg font-medium leading-6 text-gray-700\">\n          {translate('return.form-product')} {index}\n        </p>\n        <button\n          tabIndex={-1}\n          onClick={() => dispatch(ReturnFormActions.removeReturnItem({id: item.uniqueId}))}\n        >\n          <Icon\n            name=\"delete\"\n            className=\"h-6 w-6\"\n            onClick={() => {\n              dispatch(\n                ReturnFormActions.removeReturnItem({ id: item.uniqueId })\n              );\n            }}\n          />\n        </button>\n      </div>\n      <Input\n        inputSize=\"medium\"\n        showAnimatedLabel={true}\n        label={translate('return.form-item.ordernr')}\n        onChange={(e) => {\n          dispatch(\n            ReturnFormActions.updateReturnItem({\n              key: ReturnItemKeys.orderNumber,\n              value: e.target.value,\n              id: item.uniqueId,\n            })\n          );\n        }}\n        onBlur={(e) =>\n          validateOnBlur(ReturnItemKeys.orderNumber, e.target.value)\n        }\n        message={getValidationErrorLabel(ReturnItemKeys.orderNumber)}\n        inputState={\n          !!validationErrors[ReturnItemKeys.orderNumber]\n            ? 'error'\n            : 'default'\n        }\n        required\n      />\n      <Input\n        inputSize=\"medium\"\n        showAnimatedLabel={true}\n        label={translate('return.form-item.articlenr')}\n        onChange={(e) => {\n          dispatch(\n            ReturnFormActions.updateReturnItem({\n              key: ReturnItemKeys.articleNumber,\n              value: e.target.value,\n              id: item.uniqueId,\n            })\n          );\n        }}\n        onBlur={(e) =>\n          validateOnBlur(ReturnItemKeys.articleNumber, e.target.value)\n        }\n        message={getValidationErrorLabel(ReturnItemKeys.articleNumber)}\n        inputState={\n          !!validationErrors[ReturnItemKeys.articleNumber]\n            ? 'error'\n            : 'default'\n        }\n        required\n      />\n      <Input\n        inputSize=\"medium\"\n        showAnimatedLabel={true}\n        label={translate('return.form-item.batchnr')}\n        onChange={(e) => {\n          dispatch(\n            ReturnFormActions.updateReturnItem({\n              key: ReturnItemKeys.batchNumber,\n              value: e.target.value,\n              id: item.uniqueId,\n            })\n          );\n        }}\n        onBlur={(e) =>\n          validateOnBlur(ReturnItemKeys.batchNumber, e.target.value)\n        }\n        message={getValidationErrorLabel(ReturnItemKeys.batchNumber)}\n        inputState={\n          !!validationErrors[ReturnItemKeys.batchNumber]\n            ? 'error'\n            : 'default'\n        }\n        required\n      />\n      <Input\n        inputSize=\"medium\"\n        showAnimatedLabel={true}\n        type=\"number\"\n        label={translate('return.form-item.quantity')}\n        onChange={(e) => {\n          dispatch(\n            ReturnFormActions.updateReturnItem({\n              key: ReturnItemKeys.quantity,\n              value: e.target.value,\n              id: item.uniqueId,\n            })\n          );\n        }}\n        onBlur={(e) =>\n          validateOnBlur(ReturnItemKeys.quantity, e.target.value)\n        }\n        message={getValidationErrorLabel(ReturnItemKeys.quantity)}\n        inputState={\n          !!validationErrors[ReturnItemKeys.quantity] ? 'error' : 'default'\n        }\n        required\n      />\n      <Dropdown\n        size=\"large\"\n        label={translate('return.form-item.error-code')}\n        selectClassName=\"max-h-[42px] text-ellipsis text-md\"\n        placeholder={translate('return.form-error.code-placeholder')}\n        onChange={({ value }) => {\n          dispatch(\n            ReturnFormActions.updateReturnItem({\n              key: ReturnItemKeys.errorCode,\n              value: value,\n              id: item.uniqueId,\n            })\n          );\n        }}\n        onBlur={(e) => {\n          validateOnBlur(ReturnItemKeys.errorCode, e.value);\n        }}\n        selectedValue={item.errorCode}\n        options={\n          errorCodes?.length > 0\n            ? errorCodes.map((code) => {\n                return {\n                  label: code,\n                  value: code,\n                  disabled: code ? false : true,\n                  object: code,\n                  selectedlabel: code.substring(0, 20) + '...',\n                };\n              })\n            : []\n        }\n        disabled={errorCodes?.length < 0}\n        className=\"col-span-2 md:max-h-[42px]\"\n        activeEffect={true}\n      />\n      <Input\n        inputSize=\"medium\"\n        wrapperClassName=\"col-span-2\"\n        showAnimatedLabel={true}\n        label={translate('return.form-item.comments')}\n        onChange={(e) => {\n          dispatch(\n            ReturnFormActions.updateReturnItem({\n              key: ReturnItemKeys.comment,\n              value: e.target.value,\n              id: item.uniqueId,\n            })\n          );\n        }}\n      />\n      <ReturnFormMediaInput item={item} />\n\n      {item.images?.length > 0 && (\n        <div className=\"col-span-full flex flex-col gap-2\">\n          {item.images.map((image, idx) => {\n            return (\n              <ReturnFormMediaItem\n                id={item.uniqueId}\n                item={image}\n                key={image.name + idx}\n              />\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ReturnFormItem;\n","import React, { useEffect, useState } from 'react';\nimport { translate } from '../../../Services/translation';\nimport Icon from '../../Icon';\nimport {\n  ReturnFormActions,\n  Status,\n} from '../../../Reducers/ReturnForm.reducer';\nimport { useDispatch } from 'react-redux';\nimport { EditorStringModel } from '../../../Types/EditorString';\nimport EditorString from '../../EditorString/EditorString';\n\nconst ReturnFormSuccessContainer = ({\n  confirmationText,\n}: {\n  confirmationText?: EditorStringModel;\n}) => {\n  const dispatch = useDispatch();\n\n  return (\n    <div className=\"col-span-2 flex flex-col items-center justify-center gap-6\">\n      <div\n        className=\"btn btn--outline btn--large\"\n        onClick={() => {\n          dispatch(\n            ReturnFormActions.setReturnStatus({\n              status: Status.idle,\n            })\n          );\n          dispatch(ReturnFormActions.clearState());\n        }}\n      >\n        {translate('general.back')}\n      </div>\n      <Icon name=\"check\" className=\"h-20 w-20\" />\n      {confirmationText && <EditorString value={confirmationText.value} />}\n    </div>\n  );\n};\n\nexport default ReturnFormSuccessContainer;\n","import React, { useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport ReturnFormItem from './ui/ReturnFormItem';\nimport {\n  ReturnFormActions,\n  Status,\n  submitForm,\n} from '../../Reducers/ReturnForm.reducer';\nimport { useDispatch } from 'react-redux';\nimport Icon from '../Icon';\nimport { translate } from '../../Services/translation';\nimport RadioButton from '../Inputs/Radiobutton';\nimport { MyPagesReturn } from './Types/MyPages';\nimport EditorString from '../EditorString/EditorString';\nimport TextArea from '../Inputs/TextArea';\nimport {\n  ReturnFormItemValidationSchema,\n  ReturnFormValidationSchema,\n} from './misc/ReturnFormValidationSchema';\nimport { ValidationError } from 'yup';\nimport { triggerToast } from '../../Services/Toast.service';\nimport LoadingSpinner from '../LoadingSpinner';\nimport ReturnFormSuccessContainer from './ui/ReturnFormSuccessContainer';\n\nconst MyPagesReturnForm = (props: MyPagesReturn) => {\n  const returnForm = useTypedSelector((state) => state.returnForm);\n\n  const { returns, returnType, comment, status, errors } = returnForm;\n\n  const {\n    title,\n    description,\n    termsTitle,\n    termsText,\n    errorCodes,\n    confirmationText,\n  } = props;\n\n  const dispatch = useDispatch();\n\n  const [valid, setValid] = useState<boolean>(true);\n\n  useEffect(() => {\n    if (status == Status.rejected) {\n      setTimeout(() => {\n        dispatch(\n          ReturnFormActions.setReturnStatus({\n            status: Status.idle,\n          })\n        );\n      }, 1500);\n    }\n  }, [status]);\n\n  const submitButtonContent = useCallback(() => {\n    switch (status) {\n      case Status.idle:\n        return <>{translate('contact-form.submit')}</>;\n      case Status.pending:\n        return <LoadingSpinner />;\n      case Status.fulfilled:\n        return <Icon name=\"check\" className=\"h-6 w-6\" />;\n      case Status.rejected:\n        return <Icon name=\"close\" className=\"h-6 w-6\" />;\n      default:\n        return null;\n    }\n  }, [status]);\n\n  const handleSubmit = async (event) => {\n    event.preventDefault();\n    dispatch(\n      ReturnFormActions.setReturnStatus({ status: Status.pending })\n    );\n\n    dispatch(ReturnFormActions.clearErrors());\n\n    let valid = true;\n\n    try {\n      await ReturnFormValidationSchema.validate(returnForm, {\n        abortEarly: false,\n      });\n    } catch (err) {\n      valid = false;\n\n      dispatch(\n        ReturnFormActions.setReturnError({\n          //Only 1 validation on the form itself\n          error: {\n            title: translate('return.form-general.error-title'),\n            error: translate('return.form-credit.type-error'),\n          },\n        })\n      );\n      dispatch(\n        ReturnFormActions.setReturnStatus({\n          status: Status.rejected,\n        })\n      );\n\n      return;\n    }\n\n    Promise.all(\n      returns.map(async (r) => {\n        try {\n          await ReturnFormItemValidationSchema.validate(r, {\n            abortEarly: false,\n          });\n        } catch (err) {\n          valid = false;\n          if (err instanceof ValidationError) {\n            const validationErr = err as ValidationError;\n            const newValidationErrors = validationErr.inner.reduce(\n              (prev, e) => ({ ...prev, ['' + e.path]: e.message }),\n              {}\n            );\n\n            for (const property in newValidationErrors) {\n              if (newValidationErrors.hasOwnProperty(property)) {\n                const error = newValidationErrors[property];\n                dispatch(\n                  ReturnFormActions.setRowValidationErrors({\n                    id: r.uniqueId,\n                    key: property,\n                    error: error,\n                  })\n                );\n                dispatch(\n                  ReturnFormActions.setReturnStatus({\n                    status: Status.rejected,\n                  })\n                );\n              }\n            }\n          }\n          return;\n        }\n      })\n    ).finally(() => {\n      if (valid) {\n        dispatch(submitForm(returnForm));\n      }\n    });\n  };\n\n  useEffect(() => {\n    errors?.length > 0 &&\n      errors?.map((error) => {\n        triggerToast({\n          title: error.title,\n          text: error.error,\n          type: 'error',\n          autoClose: false\n        });\n      });\n  }, [errors, dispatch]);\n\n  if (status == Status.fulfilled) {\n    return (\n      <ReturnFormSuccessContainer confirmationText={confirmationText} />\n    );\n  }\n\n  return (\n    <div className=\"col-span-2 flex flex-col gap-6\">\n      <div>\n        {title && <h1 className=\"mb-2\">{title}</h1>}\n        {description && <EditorString value={description.value} />}\n      </div>\n      <div>\n        <p className=\"text-lg font-bold text-gray-700\">\n          {translate('return.form-description')}\n        </p>\n        <p>{translate('return.form-description.disclaimer')}</p>\n      </div>\n      <div>\n        {returns?.length > 0 &&\n          returns.map((item, idx) => {\n            return (\n              <ReturnFormItem\n                item={item}\n                index={idx + 1}\n                key={idx}\n                errorCodes={errorCodes}\n              />\n            );\n          })}\n        <button\n          className=\"flex cursor-pointer items-center justify-center gap-2 rounded-md border border-solid border-gray-700 px-4 py-2 text-center text-sm font-normal uppercase\"\n          onClick={() => dispatch(ReturnFormActions.addReturnItem())}\n        >\n          <Icon name=\"plus\" className=\"h-5 w-5\" />\n          {translate('quick-order.add-row')}\n        </button>\n      </div>\n\n      <div className=\"col-span-full flex flex-col gap-4\">\n        <div>\n          <p className=\"text-lg font-bold text-gray-700\">\n            {translate('return.form-credit.type')}\n          </p>\n          <p className=\"text-lg font-light text-gray-700\">\n            {translate('return.form-credit.type-description')}\n          </p>\n        </div>\n        <RadioButton\n          name=\"return-type\"\n          label={translate('return.form-credit.type-option.replacement')}\n          value={translate('return.form-credit.type-option.replacement')}\n          onChange={(e) =>\n            dispatch(\n              ReturnFormActions.setReturnType({ value: e.target.value })\n            )\n          }\n        />\n        <RadioButton\n          name=\"return-type\"\n          label={translate('return.form-credit.type-option.credit')}\n          value={translate('return.form-credit.type-option.credit')}\n          id=\"returnType\"\n          onChange={(e) =>\n            dispatch(\n              ReturnFormActions.setReturnType({ value: e.target.value })\n            )\n          }\n        />\n      </div>\n      <div className=\"col-span-full flex flex-col gap-4\">\n        <div>\n          <p className=\"text-lg font-bold text-gray-700\">\n            {translate('return.form-message')}\n          </p>\n          <p className=\"text-lg font-light text-gray-700\">\n            {translate('return.form-message.text')}\n          </p>\n        </div>\n        <TextArea\n          placeholder={translate('return.form-message.placeholder')}\n          onChange={(e) =>\n            dispatch(\n              ReturnFormActions.setReturnComment({ value: e.target.value })\n            )\n          }\n        />\n        <button\n          className=\"btn btn--black btn--xlarge w-full\"\n          onClick={(e) => handleSubmit(e)}\n        >\n          {submitButtonContent()}\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default MyPagesReturnForm;\n","import React, { useMemo } from 'react';\nimport { HashRouter, Route, Routes } from 'react-router-dom';\nimport MyPagesMobileMenu from './MyPagesMobileMenu';\nimport MyPagesDesktopMenu from './MyPagesDesktopMenu';\nimport MyPagesSettings from './MyPagesSettings';\nimport MyPagesOrderHistory from './MyPagesOrderHistory';\nimport MyPagesOrderDetail from './MyPagesOrderDetail';\nimport MyPagesUsers from './MyPagesUsers';\nimport MyPagesAddUser from './MyPagesAddUser';\nimport MyPagesEditUser from './MyPagesEditUser';\nimport MyPagesAddresses from './MyPagesAddresses';\nimport MyPagesAddAddress from './MyPagesAddAddress';\nimport MyPagesEditAddress from './MyPagesEditAddress';\nimport { translate } from '../../Services/translation';\nimport ScrollToTop from './ui/ScrollToTop';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { EditorStringModel } from '../../Types/EditorString';\nimport { MyPagesInterface } from './Types/MyPages';\nimport MyPagesReturnForm from './MyPagesReturnForm';\n\nconst MyPagesContainer = (props: MyPagesInterface) => {\n  const { current: userInfo } = useTypedSelector(\n    (state) => state.userInfo\n  );\n\n  const { detailsIntro, user, order, address, returnForm } = props;\n\n  const navigation = useMemo(\n    () => [\n      {\n        name: translate('mypage.info.title'),\n        url: '/',\n        isB2bOnly: false,\n        active: true,\n      },\n      {\n        name: translate('mypage.order.title'),\n        url: '/orders',\n        isB2bOnly: false,\n        active: true,\n      },\n      {\n        name: translate('mypages-menu.order-return'),\n        url: '/return',\n        isB2bOnly: true,\n        active: returnForm.active,\n      },\n      {\n        name: translate('mypage.person.title'),\n        url: '/users',\n        isB2bOnly: true,\n        active: true,\n      },\n      {\n        name: translate('mypage.address.addresses'),\n        url: '/addresses',\n        isB2bOnly: true,\n        active: true,\n      },\n    ],\n    [returnForm.active]\n  );\n\n  const filteredNav = useMemo(\n    () =>\n      navigation.filter((option) =>\n        !userInfo?.isBusinessCustomer ? !option.isB2bOnly : true\n      ),\n    [userInfo?.isBusinessCustomer]\n  );\n\n  return (\n    <section className=\"container container--narrow pb-6 pt-4 text-gray-900 lg:grid lg:grid-cols-4 lg:gap-12 lg:pb-10 lg:pt-10\">\n      <HashRouter>\n        <ScrollToTop />\n        <MyPagesMobileMenu navigation={filteredNav} />\n        <MyPagesDesktopMenu navigation={filteredNav} />\n        <Routes>\n          <Route\n            path=\"/\"\n            element={<MyPagesSettings detailsIntro={detailsIntro} />}\n          />\n          <Route\n            path=\"/orders\"\n            element={<MyPagesOrderHistory {...order} />}\n          />\n\n          <Route path=\"/orders/:id\" element={<MyPagesOrderDetail />} />\n\n          {userInfo?.isBusinessCustomer && (\n            <>\n              {returnForm.active && (\n                <Route\n                  path=\"/return\"\n                  element={<MyPagesReturnForm {...returnForm} />}\n                />\n              )}\n              <Route\n                path=\"/users\"\n                element={<MyPagesUsers description={user.description} />}\n              />\n              <Route\n                path=\"/users/add\"\n                element={\n                  <MyPagesAddUser description={user.addUserDescription} />\n                }\n              />\n              <Route\n                path=\"/users/edit/:id\"\n                element={\n                  <MyPagesEditUser\n                    description={user.editUserDescription}\n                  />\n                }\n              />\n              <Route\n                path=\"/addresses\"\n                element={\n                  <MyPagesAddresses description={address.description} />\n                }\n              />\n              <Route\n                path=\"/addresses/add\"\n                element={\n                  <MyPagesAddAddress\n                    description={address.addAddressDescription}\n                  />\n                }\n              />\n              <Route\n                path=\"/addresses/edit/:id\"\n                element={\n                  <MyPagesEditAddress\n                    description={address.editAddressDescription}\n                  />\n                }\n              />\n            </>\n          )}\n        </Routes>\n      </HashRouter>\n    </section>\n  );\n};\n\nexport default MyPagesContainer;\n","import { uniqueId } from 'lodash';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { addOverlay, removeOverlay } from '../../Actions/Overlay.action';\nimport clsx from 'clsx';\nimport { ContentLinkModel } from '../../Types/ContentLinkModel';\n\ninterface MegaMenuProps {\n  open: boolean;\n  onMegaMenuClose: any;\n  link: ContentLinkModel;\n  blocks: any;\n}\n\nconst MegaMenu = ({\n  open,\n  onMegaMenuClose,\n  link,\n  blocks,\n}: MegaMenuProps) => {\n  const dispatch = useDispatch();\n  const blockContainerRef = useRef<HTMLDivElement>(null);\n  const [id] = useState(uniqueId());\n\n  useEffect(() => {\n    if (!blockContainerRef?.current) return;\n    blockContainerRef.current.innerHTML = '';\n    for (let block of blocks) {\n      blockContainerRef.current.appendChild(block);\n    }\n  }, [blockContainerRef, blocks]);\n\n  useEffect(() => {\n    if (open) {\n      dispatch(addOverlay('MegaMenu-' + id, onMegaMenuClose));\n    } else {\n      dispatch(removeOverlay('MegaMenu-' + id));\n    }\n  }, [open]);\n  return (\n    <div\n      className={clsx(\n        'absolute',\n        'top-[calc(100%_+_1px)]',\n        'left-0',\n        'right-0',\n        'p-8',\n        'flex',\n        'justify-center',\n        'rounded-b',\n        open ? 'opacity-1' : 'opacity-0',\n        !open && 'pointer-events-none',\n        'bg-white',\n        'transition-opacity',\n        'ease-in-out',\n        'delay-125'\n      )}\n    >\n      <div\n        className={clsx('flex w-full max-w-[1888px] justify-center gap-4')}\n      >\n        {link.links?.length > 0 && (\n          <div\n            className=\"flex-row gap-4 pr-8\"\n            style={{ width: `calc(100%/6 * ${link.links.length})` }}\n          >\n            {link.titleLinkModel?.text && (\n              <div className=\"h2 mb-5 w-full border-b border-gray-100 pb-4\">\n                {link.titleLinkModel.href ? (\n                  <a\n                    className=\"underlined-link self-start\"\n                    tabIndex={open ? 0 : -1}\n                    href={link.titleLinkModel.href}\n                  >\n                    {link.titleLinkModel.text}\n                  </a>\n                ) : (\n                  <span>{link.titleLinkModel.text}</span>\n                )}\n              </div>\n            )}\n            <div className=\"flex w-full flex-row gap-4\">\n              {link.links.map((subLink, idx) => (\n                <div\n                  key={link.url + subLink.url + 'mega-sub-' + idx}\n                  style={{ width: `calc(100%/${link.links.length})` }}\n                  className=\"flex flex-col gap-2\"\n                >\n                  {subLink?.columnHeading?.href ? (\n                    <a\n                      className=\"underlined-link h4 self-start\"\n                      href={subLink.columnHeading?.href}\n                      tabIndex={open ? 0 : -1}\n                    >\n                      {subLink.columnHeading?.text ?? <>&nbsp;</>}\n                    </a>\n                  ) : (\n                    <span className=\"h4\">\n                      {subLink.columnHeading?.text ?? <>&nbsp;</>}\n                    </span>\n                  )}\n                  {subLink.links?.length > 0 &&\n                    subLink.links.map((subSubLink) => (\n                      <a\n                        key={\n                          subLink.url +\n                          subSubLink.url +\n                          subLink.name +\n                          'mega-sub-2'\n                        }\n                        className=\"underlined-link self-start font-garamond text-xl text-gray-500\"\n                        href={subSubLink.url}\n                        tabIndex={open ? 0 : -1}\n                        dangerouslySetInnerHTML={{\n                          __html: subSubLink.name,\n                        }}\n                      ></a>\n                    ))}\n                  {subLink.extraInfo?.value && (\n                    <div\n                      className=\"[&_a]:underlined-link [&_a]:mb-2 [&_a]:!inline-block [&_a]:!self-start [&_a]:font-garamond [&_a]:text-xl [&_a]:!leading-normal [&_a]:text-gray-500 [&_p]:!leading-normal\"\n                      dangerouslySetInnerHTML={{\n                        __html: subLink.extraInfo?.value,\n                      }}\n                    ></div>\n                  )}\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n        {blocks.length > 0 && (\n          <div\n            style={{\n              width: `calc(100% / 6 * ${blocks.length})`,\n              gridTemplateColumns: `repeat(${blocks.length}, 1fr)`,\n            }}\n            className=\"grid gap-4\"\n            ref={blockContainerRef}\n          ></div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default MegaMenu;\n","import React from 'react';\nimport MegaMenu from '../MegaMenu/MegaMenu';\nimport clsx from 'clsx';\n\nconst NavigationLink = ({\n  link,\n  isActive,\n  onMegaMenuClose,\n  blocks,\n  onLinkClick,\n  right = false,\n}) => (\n  <>\n    {link.links?.length > 0 || blocks.length > 0 ? (\n      <>\n        <button\n          className={clsx(\n            'flex',\n            'items-center',\n            'font-garamond',\n            'h-full',\n            'text-lg',\n            'text-gray-900',\n            'no-underline',\n            'group-[.is-light-theme]:text-white',\n            'relative',\n            'after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[2px] after:bg-gray-700 after:opacity-0 after:transition after:duration-1000 after:ease-in-out after:content-[\"\"] group-[.is-light-theme]:after:bg-white',\n            'hover:after:opacity-100',\n            isActive && 'after:opacity-100'\n          )}\n          onClick={onLinkClick}\n        >\n          {link.name}\n        </button>\n        <MegaMenu\n          onMegaMenuClose={onMegaMenuClose}\n          link={link}\n          open={isActive}\n          blocks={blocks}\n        />\n      </>\n    ) : (\n      <a\n        className={clsx(\n          'flex',\n          'items-center',\n          'font-garamond',\n          'h-full',\n          'text-lg',\n          'text-gray-900',\n          'no-underline',\n          'group-[.is-light-theme]:text-white',\n          'relative',\n          'after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[2px] after:bg-gray-700 after:opacity-0 after:transition after:duration-1000 after:ease-in-out after:content-[\"\"] group-[.is-light-theme]:after:bg-white',\n          'hover:after:opacity-100'\n        )}\n        href={link.url}\n      >\n        {link.name}\n      </a>\n    )}\n  </>\n);\n\nexport default NavigationLink;\n","import React, { useEffect, useState } from 'react';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport NavigationLink from './NavigationLink';\n\nconst Navigation = () => {\n  const { contentLinks, rightContentLinks } = useTypedSelector<any>(\n    (state) => state.navigation\n  );\n\n  const [activeMegaMenuLink, setActiveMegaMenuLink] = useState<any>();\n  const [blockElements, setBlockElements] = useState<any[]>([]);\n\n  const onLinkClick = (link) => {\n    if (activeMegaMenuLink) {\n      setActiveMegaMenuLink(null);\n    }\n    setActiveMegaMenuLink(link);\n  };\n\n  const onMegaMenuClose = () => setActiveMegaMenuLink(null);\n\n  useEffect(() => {\n    const blockElementsContainer =\n      document.getElementById('mega-menu-blocks');\n    const blockElements = blockElementsContainer\n      ? Array.from(blockElementsContainer.children)\n      : [];\n    setBlockElements(blockElements);\n  }, []);\n\n  return contentLinks?.length > 0 || rightContentLinks?.length > 0 ? (\n    <div className=\"hidden store-screen:hidden lg:block\">\n      <div className=\"container z-50 flex h-full justify-between\">\n        <div className=\"flex h-full gap-4 py-2\">\n          {contentLinks.map((link) => (\n            <NavigationLink\n              key={link.url + link.name + 'NavigationLink'}\n              link={link}\n              isActive={activeMegaMenuLink == link}\n              onMegaMenuClose={onMegaMenuClose}\n              onLinkClick={() => onLinkClick(link)}\n              blocks={blockElements?.filter(\n                (b) =>\n                  link.blockSystemIds.indexOf(\n                    b.dataset['litiumBlockId']\n                  ) != -1\n              )}\n            />\n          ))}\n        </div>\n      </div>\n    </div>\n  ) : null;\n};\n\nexport default Navigation;\n","import React, { createRef, useEffect, useMemo, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { addOverlay, removeOverlay } from '../../Actions/Overlay.action';\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport { Pagination, Thumbs, FreeMode, Zoom, Navigation } from 'swiper';\nimport 'swiper/css/bundle';\nimport 'swiper/css/zoom';\nimport Icon from '../Icon';\nimport { translate } from '../../Services/translation';\nimport clsx from 'clsx';\nimport ProductItemImage from '../../Types/ProductItemImage';\nimport { ResponsiveImageModel } from '../../Types/ResponsiveImageModel';\n\ninterface FullscreenImageSliderProps {\n  showCloseButton?: boolean;\n  images?: ProductItemImage[];\n  videoUrl?: string;\n  initialSlide?: number;\n  onClosed?: () => void;\n}\n\ninterface MediaItem {\n  type: 'image' | 'video';\n  image?: ProductItemImage;\n  videoUrl?: string;\n}\n\nconst FullscreenImageSlider = ({\n  showCloseButton = true,\n  images = [],\n  initialSlide = 0,\n  videoUrl,\n  onClosed,\n}: FullscreenImageSliderProps) => {\n  const dispatch = useDispatch();\n  const contentRef = createRef<HTMLDivElement>();\n\n  const [open, setOpen] = useState(true);\n  const [isZoomed, setIsZoomed] = useState<boolean>(false);\n  const [hasLoadedOriginalImage, setHasLoadedOriginalImage] = useState<\n    number[]\n  >([]);\n  const imageCount = useMemo(() => images.length, [images]);\n\n  const onKeyDown = (e) => {\n    if (e.key == 'Escape') {\n      setOpen(false);\n    }\n  };\n\n  const mediaList: MediaItem[] = useMemo(() => {\n    let mediaList: MediaItem[] = images.map((img) => ({\n      type: 'image',\n      image: img,\n    }));\n    if (videoUrl) {\n      if (mediaList.length > 0) {\n        mediaList.splice(1, 0, { type: 'video', videoUrl });\n      } else {\n        mediaList.push({ type: 'video', videoUrl });\n      }\n    }\n    return mediaList;\n  }, [images, videoUrl]);\n\n  useEffect(() => {\n    dispatch(\n      addOverlay('FullscreenImageSlider', () => {\n        setOpen(false);\n      })\n    );\n    document.addEventListener('keydown', onKeyDown, false);\n\n    return () => {\n      document.removeEventListener('keydown', onKeyDown, false);\n    };\n  }, [dispatch]);\n\n  useEffect(() => {\n    if (!open) {\n      dispatch(removeOverlay('FullscreenImageSlider'));\n      onClosed && onClosed();\n    }\n  }, [dispatch, open, onClosed]);\n\n  const onZoom = (slideIndex: number, scale: number) => {\n    setIsZoomed(scale > 1);\n    if (!hasLoadedOriginalImage.includes(slideIndex)) {\n      setHasLoadedOriginalImage((hasLoadedOriginalImage) => [\n        ...hasLoadedOriginalImage,\n        slideIndex,\n      ]);\n    }\n  };\n\n  return open ? (\n    <div\n      className=\"fixed bottom-0 left-0 right-0 top-0 z-[55] h-screen w-full bg-white\"\n      id=\"fullscreen__image-slider\"\n    >\n      <div className=\"duration-125 absolute left-4 top-4 z-[60] flex items-center rounded-full bg-opacity-white-90 px-3 py-2.5 text-md leading-tight text-gray-900 transition-opacity ease-in-out [&_svg]:mr-1\">\n        <Icon name=\"info\" />\n        {translate('fullscreen-image-slider.double-click-to-zoom')}\n      </div>\n      <div className=\"h-full\" ref={contentRef}>\n        {showCloseButton && (\n          <button\n            className=\"absolute right-2 top-2 z-10 flex items-center justify-center rounded-full bg-opacity-white-90 p-2.5 transition-all\"\n            onClick={() => setOpen(false)}\n          >\n            <Icon className=\"h-5 w-5\" name=\"close\" />\n          </button>\n        )}\n\n        <Swiper\n          className=\"h-full [&_.swiper-pagination]:!bottom-8 [&_.swiper-slide-active]:flex [&_.swiper-slide-active]:items-center [&_.swiper-slide-active]:justify-center\"\n          loop={true}\n          slidesPerView={1}\n          initialSlide={initialSlide}\n          zoom={{\n            toggle: true,\n          }}\n          modules={[Pagination, Navigation, Thumbs, FreeMode, Zoom]}\n          onZoomChange={(swiper, scale) => onZoom(swiper.realIndex, scale)}\n          pagination={{\n            type: 'fraction',\n          }}\n          navigation={true}\n          threshold={5}\n        >\n          {mediaList.map((item, idx) => (\n            <SwiperSlide\n              key={'fullwidth-image-slide' + idx}\n              zoom={item.type == 'image'}\n            >\n              {item.type == 'video' && (\n                <video\n                  className=\"h-full w-full object-contain\"\n                  src={item.videoUrl}\n                  autoPlay\n                  muted\n                  playsInline\n                  loop\n                />\n              )}\n              {item.type == 'image' && (\n                <img\n                  className=\"h-full w-full object-contain\"\n                  src={\n                    isZoomed || hasLoadedOriginalImage.includes(idx)\n                      ? item.image?.originalSrc\n                      : item.image?.hdSrc\n                  }\n                  loading={idx == 0 ? 'eager' : 'lazy'}\n                />\n              )}\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </div>\n    </div>\n  ) : null;\n};\n\nexport default FullscreenImageSlider;\n","import { css, DefaultTheme } from 'styled-components';\n\nexport type BreakpointDirection = 'up' | 'down' | 'only' | undefined;\n\nexport const getMediaQuery = (\n  theme: DefaultTheme,\n  breakpoint: string,\n  breakpointDirection: BreakpointDirection = undefined\n) => {\n  const breakpoints = theme.grid.breakpoints;\n  const breakpointValue: string = breakpoints[breakpoint];\n\n  if (!breakpointDirection || breakpointDirection == 'up') {\n    return `@media screen and (min-width: ${breakpointValue})`;\n  }\n\n  const breakpointKeys = Object.keys(breakpoints);\n\n  const nextBreakpointIndex = breakpointKeys.indexOf(breakpoint) + 1;\n  const nextBreakpoint =\n    nextBreakpointIndex < breakpointKeys.length\n      ? breakpointKeys[nextBreakpointIndex]\n      : null;\n  const nextBreakpointValue: number | undefined = nextBreakpoint\n    ? theme.grid.breakpointValues[nextBreakpoint]\n    : null;\n\n  switch (breakpointDirection) {\n    default:\n      return `@media screen and (min-width: ${breakpointValue})`;\n\n    case 'down':\n      if (nextBreakpointValue) {\n        return `@media screen and (max-width: ${nextBreakpointValue - 1}px)`;\n      }\n      return `@media screen and (min-width: 0px)`;\n\n    case 'only':\n      if (nextBreakpointValue) {\n        return `@media screen and (min-width: ${breakpointValue}) and (max-width: ${\n          nextBreakpointValue - 1\n        }px)`;\n      }\n      return `@media screen and (min-width: ${breakpointValue})`;\n  }\n};\n\nexport const breakpoint = (\n  breakpoint: string,\n  breakpointDirection: BreakpointDirection = undefined\n) => css`\n  ${(p) => getMediaQuery(p.theme, breakpoint, breakpointDirection)}\n`;\n","import styled, { css } from 'styled-components';\nimport { breakpoint } from '../../../styling/mixins/breakpoints';\n\nconst MainSwiperMixin = css`\n  max-width: 328px;\n  max-height: 328px;\n  aspect-ratio: 1/1;\n  position: unset !important;\n  & div.swiper-pagination {\n    bottom: 0;\n    ${breakpoint('medium')} {\n      display: none;\n    }\n  }\n  ${breakpoint('medium')} {\n    max-width: 348px;\n    max-height: 348px;\n  }\n  ${breakpoint('large')} {\n    max-width: 468px;\n    max-height: 468px;\n  }\n  ${breakpoint('xlarge')} {\n    max-width: 660px;\n    max-height: 660px;\n  }\n  ${breakpoint('xxlarge')} {\n    max-width: 768px;\n    max-height: 768px;\n  }\n`;\n\nexport const StyledSwiper = styled.div`\n  position: relative;\n  padding-bottom: 3.4rem;\n  ${breakpoint('medium')} {\n    padding-bottom: unset;\n  }\n\n  .mainSwiper {\n    ${MainSwiperMixin}\n  }\n  .mainSwiper-Placeholder {\n    ${MainSwiperMixin}\n  }\n  .image {\n    width: 100%;\n    height: 100%;\n    aspect-ratio: 1/1;\n    object-fit: contain;\n  }\n\n  .thumbnail-swiper {\n    display: none;\n    margin-top: 0.8rem;\n    max-width: 328px;\n    max-height: 328px;\n    .swiper-wrapper {\n      justify-content: center;\n    }\n    ${breakpoint('medium')} {\n      display: block;\n      max-width: 348px;\n    }\n    ${breakpoint('large')} {\n      max-width: 468px;\n    }\n    ${breakpoint('xlarge')} {\n      max-width: 660px;\n    }\n    ${breakpoint('xxlarge')} {\n      max-width: 768px;\n    }\n  }\n  .thumbnail-slide {\n    aspect-ratio: 1/1;\n    box-sizing: border-box;\n    object-fit: contain;\n    ${breakpoint('medium')} {\n      max-width: 36.5px;\n      max-height: 36.5px;\n    }\n    ${breakpoint('large')} {\n      max-width: 51.5px;\n      max-height: 51.5px;\n    }\n    ${breakpoint('xlarge')} {\n      max-width: 75.5px;\n      max-height: 75.5px;\n    }\n    ${breakpoint('xxlarge')} {\n      max-width: 89px;\n      max-height: 89px;\n    }\n  }\n  .thumbnail-image {\n    width: 100%;\n    height: 100%;\n    aspect-ratio: 1/1;\n    object-fit: contain;\n  }\n`;\n","import React, { useMemo } from 'react';\nimport { ResponsiveImageModel } from '../../Types/ResponsiveImageModel';\n\ninterface ResponsiveImageProps extends ResponsiveImageModel {\n  imgProps?: React.ImgHTMLAttributes<HTMLImageElement>;\n  pictureProps?: React.HTMLAttributes<HTMLElement>;\n  sourceProps?: React.SourceHTMLAttributes<HTMLSourceElement>;\n}\n\nconst ResponsiveImage = ({\n  sizeDefinitions,\n  alt,\n  lazyLoad = false,\n  imgProps = {},\n  sourceProps = {},\n  pictureProps = {},\n}: ResponsiveImageProps) => {\n  const smallestImage = useMemo(\n    () => sizeDefinitions?.slice().sort((a, b) => a.width - b.width)[0],\n    [sizeDefinitions]\n  );\n\n  const orderedSizeDefinitions = useMemo(\n    () =>\n      sizeDefinitions?.slice().sort((a, b) => b.fromWidth - a.fromWidth),\n    [sizeDefinitions]\n  );\n\n  return (\n    <picture {...pictureProps}>\n      {orderedSizeDefinitions &&\n        orderedSizeDefinitions.length > 1 &&\n        orderedSizeDefinitions.map((img, idx) => (\n          <source\n            key={img.url + idx + 'source'}\n            srcSet={img.url}\n            media={`(min-width: ${img.fromWidth}px)`}\n            {...sourceProps}\n          />\n        ))}\n      <img\n        src={smallestImage?.url}\n        loading={lazyLoad ? 'lazy' : undefined}\n        alt={alt}\n        width={!!smallestImage?.width ? smallestImage?.width : undefined}\n        height={\n          !!smallestImage?.height ? smallestImage?.height : undefined\n        }\n        {...imgProps}\n      />\n    </picture>\n  );\n};\n\nexport default ResponsiveImage;\n","import React, { useEffect, useState } from 'react';\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport {\n  Pagination,\n  Thumbs,\n  FreeMode,\n  Swiper as SwiperClass,\n} from 'swiper';\nimport 'swiper/css/bundle';\nimport FullscreenImageSlider from '../FullscreenImageSlider/FullscreenImageSlider';\nimport { useMemo } from 'react';\nimport { StyledSwiper } from './Styles/ProductPage.ImageSliderStyling';\nimport ProductItemImage from '../../Types/ProductItemImage';\nimport ResponsiveImage from '../ResponsiveImage/ResponsiveImage';\n\ninterface ProductPageImageSliderProps {\n  images: ProductItemImage[];\n}\n\nconst THUMBNAILS_PER_VIEW = 8;\n\nconst ProductPageImageSlider = ({\n  images,\n}: ProductPageImageSliderProps) => {\n  const [thumbsSwiper, setThumbsSwiper] = useState<\n    SwiperClass | undefined\n  >();\n  const [fullscreenOpen, setFullscreenOpen] = useState(false);\n  const [activeSlideIndex, setActiveSlideIndex] = useState(0);\n  const [rendered, setRendered] = useState(false);\n  const imageCount = useMemo(() => images.length, [images]);\n  useEffect(() => setRendered(true), []);\n\n  return (\n    <StyledSwiper>\n      {!rendered && images?.length > 0 && (\n        <div className=\"mainSwiper-Placeholder\">\n          <ResponsiveImage {...images[0]?.imageModel} />\n        </div>\n      )}\n      {rendered && (\n        <>\n          <Swiper\n            pagination={{\n              dynamicBullets: imageCount > 8 ? true : false,\n              dynamicMainBullets: 3,\n            }}\n            thumbs={{ swiper: thumbsSwiper }}\n            modules={[FreeMode, Pagination, Thumbs]}\n            lazy={true}\n            loop={true}\n            slidesPerView={1}\n            className=\"mainSwiper\"\n            onSlideChange={(swiper) =>\n              setActiveSlideIndex(swiper.realIndex)\n            }\n            threshold={5}\n          >\n            {images.map((image, index) => (\n              <SwiperSlide\n                key={image.originalSrc + index}\n                onClick={() => setFullscreenOpen(true)}\n              >\n                <div>\n                  <ResponsiveImage {...image.imageModel} />\n                </div>\n              </SwiperSlide>\n            ))}\n          </Swiper>\n          <Swiper\n            onSwiper={setThumbsSwiper}\n            spaceBetween={THUMBNAILS_PER_VIEW}\n            watchSlidesProgress={true}\n            slidesPerView={\n              imageCount > THUMBNAILS_PER_VIEW\n                ? THUMBNAILS_PER_VIEW\n                : imageCount\n            }\n            slidesPerGroup={\n              imageCount > THUMBNAILS_PER_VIEW\n                ? THUMBNAILS_PER_VIEW\n                : imageCount\n            }\n            modules={[FreeMode, Thumbs]}\n            className=\"thumbnail-swiper\"\n            threshold={5}\n          >\n            {images.map((image, index) => (\n              <SwiperSlide\n                className=\"thumbnail-slide\"\n                key={image.thumbnailSrc + index}\n              >\n                <div>\n                  <img\n                    className=\"thumbnail-image\"\n                    src={image.thumbnailSrc}\n                    alt={image.alt}\n                  />\n                </div>\n              </SwiperSlide>\n            ))}\n          </Swiper>\n        </>\n      )}\n      {fullscreenOpen && (\n        <FullscreenImageSlider\n          images={images}\n          onClosed={() => setFullscreenOpen(false)}\n          initialSlide={activeSlideIndex}\n        />\n      )}\n    </StyledSwiper>\n  );\n};\n\nexport default ProductPageImageSlider;\n","import React from 'react';\nimport { LinkModel } from '../../Types/LinkModel';\nimport clsx from 'clsx';\n\nexport interface BannerItemProps {\n  imageUrl: string;\n  linkText?: string;\n  actionText?: string;\n  overlay: boolean;\n  link?: LinkModel;\n  bodyText?: string;\n  lazyLoadImage?: boolean;\n  className?: string;\n  systemId: string;\n}\n\nconst BannerBlockItem = ({\n  imageUrl,\n  linkText,\n  actionText,\n  overlay,\n  link,\n  bodyText,\n  lazyLoadImage = false,\n  className,\n}: BannerItemProps) => {\n  const hasLinkButton = link && actionText;\n\n  const DivOrAnchor = ({ children, ...rest }) =>\n    hasLinkButton && link?.href ? (\n      <a {...rest}>{children}</a>\n    ) : (\n      <div {...rest}>{children}</div>\n    );\n\n  return (\n    <DivOrAnchor\n      className={clsx(\n        className,\n        'text-white',\n        'overflow-hidden',\n        'transition',\n        'duration-300',\n        'text-center',\n        'grid'\n      )}\n      href={link?.href}\n    >\n      <img\n        className={clsx(\n          'banner-item-image',\n          'col-start-1',\n          'row-start-1',\n          'w-full',\n          'aspect-video',\n          'object-cover',\n          'xl:aspect-[21/9]'\n        )}\n        src={imageUrl}\n        loading={lazyLoadImage ? 'lazy' : undefined}\n      />\n      <div\n        className={clsx(\n          'w-full',\n          'h-full',\n          'col-start-1',\n          'row-start-1',\n          'z-10',\n          'flex',\n          'items-center',\n          'justify-center',\n          'flex-col',\n          'max-w-[600px]',\n          'mx-auto',\n          'px-4',\n          'py-0',\n          'box-border',\n          'lg:px-6'\n        )}\n      >\n        <h4 className=\"mb-2\">{linkText}</h4>\n        {bodyText && <p className=\"mb-4\">{bodyText}</p>}\n        {hasLinkButton && (\n          <a href={link.href} className=\"self-center\">\n            <button className=\"btn btn--primary btn--large\">\n              {actionText}\n            </button>\n          </a>\n        )}\n      </div>\n      {overlay && (\n        <div\n          className={clsx(\n            'col-start-1',\n            'row-start-1',\n            'w-full',\n            'h-full',\n            'z-0',\n            'bg-[rgba(0,0,0,0.551)]',\n            'pointer-events-none',\n            'aspect-video',\n            'xl:aspect-[21/9]'\n          )}\n        ></div>\n      )}\n    </DivOrAnchor>\n  );\n};\n\nexport default BannerBlockItem;\n","import React, { useState, useEffect } from 'react';\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport { Pagination, Navigation } from 'swiper';\nimport BannerBlockItem, { BannerItemProps } from './BannerBlockItem';\nimport clsx from 'clsx';\n\ninterface BannerBlockProps {\n  slides: BannerItemProps[];\n  numPerRow: number;\n  systemId: string;\n  fullwidth: boolean;\n}\n\nconst BannerSliderBlock = ({\n  systemId,\n  slides,\n  numPerRow,\n  fullwidth,\n}: BannerBlockProps) => {\n  const [ready, setReady] = useState(false);\n\n  useEffect(() => setReady(true), []);\n\n  if (!slides || slides.length == 0) {\n    return null;\n  }\n\n  return !ready ? (\n    <div\n      className={clsx('container', 'overflow-x-hidden', 'aspect-video')}\n    ></div>\n  ) : (\n    <div\n      className={clsx(\n        'container',\n        fullwidth && 'px-0',\n        fullwidth && 'max-w-none',\n        'overflow-x-hidden'\n      )}\n    >\n      {ready && (\n        <Swiper\n          className={clsx('banner-swiper')}\n          pagination={true}\n          navigation={true}\n          modules={[Pagination, Navigation]}\n          lazy={true}\n          loop={true}\n          threshold={5}\n        >\n          {slides.map((slide: BannerItemProps, index: number) => (\n            <SwiperSlide key={'banner-slider' + index + systemId}>\n              <BannerBlockItem {...slide} lazyLoadImage={true} />\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      )}\n    </div>\n  );\n};\n\nexport default BannerSliderBlock;\n","import React, { AnchorHTMLAttributes, HTMLAttributes } from 'react';\n\ninterface DivProps extends HTMLAttributes<HTMLDivElement> {}\ninterface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {}\n\ntype DivOrAnchorProps = (DivProps | AnchorProps) & { isAnchor?: boolean };\n\nconst DivOrAnchor: React.FC<DivOrAnchorProps> = ({\n  isAnchor,\n  children,\n  ...rest\n}) =>\n  isAnchor ? (\n    <a {...(rest as AnchorProps)}>{children}</a>\n  ) : (\n    <div {...(rest as DivProps)}>{children}</div>\n  );\n\nexport default DivOrAnchor;\n","import React from 'react';\nimport clsx from 'clsx';\nimport { EditorStringModel } from '../../Types/EditorString';\nimport { LinkModel } from '../../Types/LinkModel';\nimport DivOrAnchor from '../../Components/DivOrAnchor';\nimport { MediaModel } from '../../Types/MediaModel';\nimport EditorString from '../../Components/EditorString/EditorString';\n\ninterface StyledButton {\n  buttonLink: LinkModel;\n  buttonStyle: string;\n}\n\nexport interface BannerBlockViewModel {\n  systemId: string;\n  desktopMedia?: MediaModel;\n  mobileMedia?: MediaModel;\n  overlay?: string;\n  textPlacement?: string;\n  content?: EditorStringModel;\n  styledButtons?: StyledButton[];\n  bannerLink?: LinkModel;\n  disableRoundedCorners: boolean;\n  disableHoverEffect: boolean;\n  backgroundColor?: string;\n}\n\ninterface BannerBlockProps extends BannerBlockViewModel {\n  className?: string;\n  inProductListing?: boolean;\n}\n\nconst BannerBlock = ({\n  desktopMedia,\n  mobileMedia,\n  overlay,\n  textPlacement,\n  content,\n  styledButtons,\n  bannerLink,\n  disableRoundedCorners,\n  disableHoverEffect,\n  backgroundColor,\n  className,\n  inProductListing = false,\n}: BannerBlockProps) => {\n  const hasMobileSpecificMedia =\n    !!mobileMedia &&\n    (!!mobileMedia.imageUrl ||\n      !!mobileMedia.video?.url ||\n      !!mobileMedia.videoUrl);\n  const isLinkedBanner = !!bannerLink?.href;\n\n  return (\n    <DivOrAnchor\n      isAnchor={isLinkedBanner}\n      className={clsx(\n        'group block',\n        className,\n        inProductListing && 'h-full w-full aspect-video',\n        !disableRoundedCorners && 'rounded'\n      )}\n      href={bannerLink?.href}\n      style={{ backgroundColor }}\n    >\n      <div\n        className={clsx('relative overflow-hidden will-change-transform', {\n          rounded: !disableRoundedCorners,\n          'h-full': inProductListing,\n        })}\n      >\n        {/* Render video or image based on condition */}\n        {desktopMedia?.video && (\n          <video\n            src={desktopMedia?.video.url}\n            className={clsx('pointer-events-none w-full', {\n              rounded: !disableRoundedCorners,\n              'hidden md:block': hasMobileSpecificMedia,\n              'overflow-hidden transition duration-500 group-hover:scale-105':\n                isLinkedBanner && !disableHoverEffect,\n              'h-full object-cover': inProductListing,\n            })}\n            style={{ clipPath: 'inset(1px 1px)' }}\n            autoPlay\n            muted\n            loop\n            playsInline\n          ></video>\n        )}\n        {desktopMedia?.imageUrl && (\n          <div\n            className={clsx('pointer-events-none w-full', {\n              rounded: !disableRoundedCorners,\n              'hidden md:block': hasMobileSpecificMedia,\n              'overflow-hidden transition duration-500 group-hover:scale-105':\n                isLinkedBanner && !disableHoverEffect,\n              'h-full': inProductListing,\n            })}\n          >\n            <img\n              src={desktopMedia.imageUrl}\n              alt=\"Desktop Media\"\n              className={clsx({\n                'h-full w-full object-cover': inProductListing,\n              })}\n            />\n          </div>\n        )}\n\n        {/* Render mobile video or image based on condition */}\n        {mobileMedia?.video?.url && (\n          <video\n            src={mobileMedia?.video?.url}\n            className={clsx('pointer-events-none block w-full md:hidden', {\n              rounded: !disableRoundedCorners,\n              'h-full': inProductListing,\n            })}\n            style={{ clipPath: 'inset(1px 1px)' }}\n            autoPlay\n            muted\n            playsInline\n            loop\n          ></video>\n        )}\n        {mobileMedia?.imageUrl && (\n          <div\n            className={clsx('block w-full md:hidden', {\n              rounded: !disableRoundedCorners,\n              'h-full': inProductListing,\n            })}\n          >\n            <img\n              src={mobileMedia.imageUrl}\n              alt=\"Mobile Media\"\n              className={clsx({\n                'h-full w-full object-cover': inProductListing,\n              })}\n            />\n          </div>\n        )}\n\n        {/* Render text content and buttons */}\n        <div className=\"h-full w-full\">\n          <div\n            className={clsx(\n              `${\n                textPlacement === 'center'\n                  ? 'items-center justify-center'\n                  : 'items-end justify-start'\n              } absolute bottom-0 left-0 right-0 top-0 z-20 flex overflow-hidden p-4 lg:p-6`\n            )}\n          >\n            <div\n              className={clsx('flex flex-col', {\n                'justify-center': textPlacement === 'center',\n              })}\n            >\n              <div className=\"[&_.editor-string]:max-w-[568px]\">\n                <EditorString {...content} />\n              </div>\n              {styledButtons && styledButtons.length > 0 && (\n                <div\n                  className={clsx(\n                    'mt-6 flex flex-wrap gap-4',\n                    textPlacement === 'center' && 'justify-center'\n                  )}\n                >\n                  {styledButtons.map((button, index) => (\n                    <React.Fragment key={index}>\n                      {isLinkedBanner ? (\n                        <span\n                          className={clsx(\n                            'whitespace-nowrap',\n                            button.buttonStyle ??\n                              'btn btn--large btn--white'\n                          )}\n                        >\n                          {button.buttonLink.text}\n                        </span>\n                      ) : (\n                        <a\n                          className={clsx(\n                            'whitespace-nowrap',\n                            button.buttonStyle ??\n                              'btn btn--large btn--white'\n                          )}\n                          href={button.buttonLink.href}\n                        >\n                          {button.buttonLink.text}\n                        </a>\n                      )}\n                    </React.Fragment>\n                  ))}\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n\n        {/* Render overlay */}\n        {overlay && (\n          <div\n            className={clsx(\n              'pointer-events-none absolute bottom-0 left-0 right-0 top-0 z-10',\n              !disableRoundedCorners && 'rounded',\n              overlay === 'overlay-light' && 'bg-opacity-black-06',\n              overlay === 'overlay-dark' && 'bg-opacity-black-30',\n              inProductListing && 'h-full'\n            )}\n          ></div>\n        )}\n      </div>\n    </DivOrAnchor>\n  );\n};\n\nexport default BannerBlock;\n","import React, { useState, useEffect, useMemo } from 'react';\nimport { translate } from '../Services/translation';\nconst MAX_LEN = 300;\n\nconst ProductListHeaderText = ({ value }: { value?: string }) => {\n  const [showMore, setShowMore] = useState(false);\n  const wordLength = useMemo(() => value?.length ?? 0, [value]);\n\n  const resultSubstr = useMemo(\n    () => value?.substring(0, MAX_LEN) ?? '',\n    [value]\n  );\n  const result = useMemo(\n    () =>\n      resultSubstr.substring(\n        0,\n        Math.min(resultSubstr.length, resultSubstr.lastIndexOf(' '))\n      ),\n    [resultSubstr]\n  );\n\n  useEffect(() => {\n    setShowMore(wordLength >= MAX_LEN);\n  }, [wordLength]);\n\n  return (\n    <>\n      {!showMore && (\n        <>\n          <div\n            className=\"mb-2 text-md [&_p:not(:last-child)]:mb-1\"\n            dangerouslySetInnerHTML={{\n              __html: value ?? '',\n            }}\n          />\n          {wordLength >= MAX_LEN && (\n            <a\n              className=\"cursor-pointer text-md underline\"\n              onClick={() => setShowMore(true)}\n            >\n              {translate('productlist.showless')}\n            </a>\n          )}\n        </>\n      )}\n      {showMore && (\n        <>\n          <div\n            className=\"mb-2 max-h-20 overflow-hidden break-words text-md\"\n            dangerouslySetInnerHTML={{\n              __html: result,\n            }}\n          />\n          <a\n            className=\"cursor-pointer text-md underline\"\n            onClick={() => setShowMore(false)}\n          >\n            {translate('productlist.showmore')}\n          </a>\n        </>\n      )}\n    </>\n  );\n};\n\nexport default ProductListHeaderText;\n","import React from 'react';\nimport { useMemo } from 'react';\nimport { useDispatch } from 'react-redux';\nimport Chip from '../Chip';\nimport { FilterGroup } from '../ProductFiltering/types/FilterGroup';\nimport { FilterGroupType } from '../ProductFiltering/types/FilterGroupType';\nimport {\n  clearFilterGroup,\n  clearFilter,\n} from '../../Actions/ProductFiltering.action';\n\ninterface FilterGroupChipsAttributes {\n  filterGroup: FilterGroup;\n}\n\nconst FilterGroupChips = (props: FilterGroupChipsAttributes) => {\n  const dispatch = useDispatch();\n  const { selectedOptions, id, label, filterGroupType } =\n    props.filterGroup;\n  if (selectedOptions.length == 0) return null;\n\n  return (\n    <>\n      {filterGroupType != FilterGroupType.Range && (\n        <>\n          {selectedOptions.length > 0 &&\n            selectedOptions.map((option) => (\n              <Chip\n                key={option + 'chip'}\n                onDeleteClick={() => dispatch(clearFilter(option, id))}\n              >\n                {option}\n              </Chip>\n            ))}\n        </>\n      )}\n      {filterGroupType == FilterGroupType.Range &&\n        selectedOptions.length == 2 && (\n          <Chip onDeleteClick={() => dispatch(clearFilterGroup(id))}>\n            <span>\n              <strong>{label}:</strong> {selectedOptions[0]}-\n              {selectedOptions[1]}\n            </span>\n          </Chip>\n        )}\n    </>\n  );\n};\n\nexport default FilterGroupChips;\n","import React, { useEffect, useState } from 'react';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport FilterGroupChips from './FilterGroupChips';\nimport { translate } from '../../Services/translation';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { clearAllFilters } from '../../Actions/ProductFiltering.action';\nimport { useMemo } from 'react';\nimport Icon from '../Icon';\nimport Input from '../Inputs/Input';\nimport { debounce, filter } from 'lodash-es';\nimport { queryProductFiltering } from '../../Actions/ProductFiltering.action';\n\nconst ActiveFilterChips = () => {\n  const { current } = useTypedSelector((state) => state.userInfo);\n  const { noHit } = useTypedSelector((state) => state.productListing);\n  const dispatch = useDispatch();\n  const filters = useTypedSelector(\n    (state) => state.productFiltering?.filters\n  );\n\n  const hasAnyOptionSelected = useMemo(() => {\n    if (filters && filters.length > 0) {\n      return filters.findIndex((f) => f.selectedOptions.length > 0) != -1;\n    }\n    return false;\n  }, [filters]);\n\n  const debouncedQuery = debounce((text) => SetSearchParam(text), 300);\n\n  const [searchParam, SetSearchParam] = useState<string>();\n\n  useEffect(() => {\n    const query = new URLSearchParams(window.location.search);\n\n    if (searchParam != undefined) {\n      query.delete('q');\n      query.set('q', searchParam);\n      const queryStr = query.toString();\n      const url =\n        window.location.href.replace(window.location.search, '') +\n        (queryStr.length > 0 ? `?${queryStr}` : '');\n\n      window.history.replaceState('setqueryparam', '', url);\n      dispatch(queryProductFiltering(null, false, true));\n    } else if (query.has('q') && searchParam == undefined) {\n      query.delete('q');\n      const queryStr = query.toString();\n      const url =\n        window.location.href.replace(window.location.search, '') +\n        (queryStr.length > 0 ? `?${queryStr}` : '');\n\n      window.history.replaceState('setqueryparam', '', url);\n      dispatch(queryProductFiltering());\n    }\n  }, [searchParam, dispatch]);\n\n  return current?.isBusinessCustomer &&\n    (hasAnyOptionSelected || !!searchParam) ? (\n    <div className=\"mb-4 flex flex-row justify-between lg:items-center md-down:-mr-4 md-down:w-[calc(100vw_-_2rem)] md-down:flex-col\">\n      <div className=\"flex gap-2 overflow-x-auto whitespace-nowrap md-down:-ml-4 md-down:-mr-4 md-down:border-y md-down:border-gray-100 md-down:px-4 md-down:py-3\">\n        <a\n          className=\"flex items-center gap-2 whitespace-nowrap rounded-md border border-r-gray-100 bg-white px-3 py-1.5 text-sm\"\n          onClick={() => {\n            debouncedQuery(undefined);\n            dispatch(clearAllFilters());\n          }}\n        >\n          {translate('product-filtering.clear-all-filters')}\n          <Icon\n            name=\"close\"\n            cursor=\"pointer\"\n            className=\"h-4 w-4 text-gray-700\"\n          />\n        </a>\n        {filters?.map((g) => (\n          <FilterGroupChips key={g.id + 'chips'} filterGroup={g} />\n        ))}\n      </div>\n      <div className=\"mt-3 md:w-[300px] lg:mt-0  md-down:w-[calc(100vw_-_2rem)]\">\n        <Input\n          className=\"bg-gray-100 text-lg text-gray-700 placeholder-gray-700\"\n          icon=\"search\"\n          placeholder={translate('filter.categories-search')}\n          onChange={(event) => {\n            const text = encodeURIComponent(event.target.value);\n            debouncedQuery(text);\n          }}\n          inputState={noHit ? 'error' : 'default'}\n          helperText={\n            noHit ? translate('general.search.no-hit') : undefined\n          }\n        />\n      </div>\n    </div>\n  ) : hasAnyOptionSelected ? (\n    <div className=\"mb-4 flex gap-2 overflow-x-auto whitespace-nowrap md-down:-mr-4 md-down:w-[calc(100vw_-_2rem)]\">\n      <a\n        className=\"flex items-center gap-2 whitespace-nowrap rounded-md border border-r-gray-100 bg-white px-3 py-1.5 text-sm\"\n        onClick={() => dispatch(clearAllFilters())}\n      >\n        {translate('product-filtering.clear-all-filters')}\n        <Icon\n          name=\"close\"\n          cursor=\"pointer\"\n          className=\"h-4 w-4 text-gray-700\"\n        />\n      </a>\n      {filters?.map((g) => (\n        <FilterGroupChips key={g.id + 'chips'} filterGroup={g} />\n      ))}\n    </div>\n  ) : null;\n};\n\nexport default ActiveFilterChips;\n","import React, { useMemo } from 'react';\nimport clsx from 'clsx';\nimport hexToRgba from 'hex-to-rgba';\nimport TagModel from '../../Types/Tag';\n\ninterface TagProps {\n  tagSize?: 'small' | 'medium' | 'large';\n}\n\nconst Tag: React.FC<\n  TagProps & React.HTMLAttributes<HTMLDivElement> & TagModel\n> = ({\n  tagSize = 'small',\n  id,\n  color,\n  textColor,\n  className,\n  sortIndex,\n  ...props\n}) => {\n  const sizeClass = useMemo(() => {\n    switch (tagSize) {\n      case 'small':\n        return 'text-xs';\n      case 'large':\n      case 'medium':\n      default:\n        return 'text-sm';\n    }\n  }, [tagSize]);\n\n  return (\n    <div\n      {...props}\n      style={{\n        ...props.style,\n        color: textColor,\n        backgroundColor: color ? hexToRgba(color, 0.9) : undefined,\n        borderColor: color,\n      }}\n      className={clsx(\n        className,\n        'rounded-md bg-opacity-white-90 px-1.5 py-1 font-normal uppercase leading-3 tracking-[0.075em] text-gray-700',\n        sizeClass\n      )}\n    />\n  );\n};\n\nexport default Tag;\n","import clsx from 'clsx';\nimport React, { useMemo, useState } from 'react';\nimport PriceModel, {\n  TierPrice as TierPriceType,\n} from '../../Types/PriceModel';\nimport { translate } from '../../Services/translation';\n\ninterface ProductPriceProps {\n  priceModel: PriceModel;\n  itemPackageSize?: number;\n  showTierPrices?: boolean;\n}\nconst ProductPrice = ({\n  priceModel,\n  itemPackageSize = 1,\n  showTierPrices = false,\n}: ProductPriceProps) => {\n  const tierPriceBoxes = useMemo(() => {\n    let index = priceModel.tierPrices.findIndex(\n      (f) => f.minimumQuantity == itemPackageSize\n    );\n\n    if (index > -1 && itemPackageSize > 1 && showTierPrices) {\n      return priceModel.tierPrices[index];\n    } else {\n      return undefined;\n    }\n  }, [itemPackageSize, priceModel, showTierPrices]);\n\n  return (\n    <div className={clsx('flex', 'flex-col')}>\n      {priceModel.formattedCampaignPrice ? (\n        <div className=\"mb-2 text-sm font-normal leading-normal text-campaign\">\n          {priceModel.formattedCampaignPrice}\n          <span className=\"ml-[3px] self-end text-xs font-light leading-normal text-gray-500\">\n            {priceModel.price?.unitOfMeasurementTitle && '/ '}\n            {priceModel.price?.unitOfMeasurementTitle?.toLowerCase()}\n          </span>\n          <span className=\"ml-2 text-sm font-normal text-gray-500 line-through\">\n            {priceModel.formattedPrice}\n          </span>\n        </div>\n      ) : priceModel.formattedPrice ? (\n        <>\n          <div\n            className={clsx(\n              'leading-normal',\n              tierPriceBoxes\n                ? 'flex self-end pb-1 text-sm font-normal'\n                : 'flex text-sm font-normal'\n            )}\n          >\n            {priceModel.formattedPrice}\n            <span className=\"ml-[3px] self-end text-xs font-light leading-normal text-gray-500\">\n              {priceModel.price?.unitOfMeasurementTitle && '/ '}\n              {priceModel.price?.unitOfMeasurementTitle?.toLowerCase()}\n            </span>\n          </div>\n          {tierPriceBoxes && (\n            <TierPrice\n              currencySymbol={priceModel.currency.symbol}\n              price={tierPriceBoxes.price}\n              unit={priceModel.price?.unitOfMeasurementTitle}\n            />\n          )}\n        </>\n      ) : (\n        <div className=\"flex text-sm font-normal\">\n          {priceModel.formattedPrice}\n          <span className=\"ml-0.5 contents h-[1em] self-end text-xs font-light leading-normal text-gray-500\">\n            &nbsp;\n          </span>\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst TierPrice = ({\n  currencySymbol,\n  price,\n  unit,\n}: {\n  currencySymbol: string;\n  price: number;\n  unit?: string;\n}) => {\n  return (\n    <span className=\"self-end text-right text-sm font-light leading-none text-gray-500\">\n      {`${price} ${currencySymbol} / ${unit?.toLowerCase()} ${translate(\n        'product-page.tier-price.box-price'\n      )}`}\n    </span>\n  );\n};\n\nexport default ProductPrice;\n","import React from 'react';\nimport BuyButton from './BuyButton';\nimport { translate } from '../../Services/translation';\nimport ProductSampleItem from '../../Types/ProductSampleItem';\nimport useIsStoreScreen from '../../Hooks/useIsStoreScreen';\n\ninterface BuySampleButtonProps\n  extends ProductSampleItem,\n    React.ButtonHTMLAttributes<HTMLButtonElement> {\n  styleClassName?: string;\n  btnSize?: 'medium' | 'large';\n}\n\nconst BuySampleButton = ({\n  articleNumber,\n  formattedPrice,\n  styleClassName,\n  btnSize,\n  ...buttonProps\n}: BuySampleButtonProps) => {\n  const isStoreScreen = useIsStoreScreen();\n\n  return (\n    <>\n      <BuyButton\n        articleNumber={articleNumber}\n        btnSize={btnSize}\n        label={translate('product-page.buy-sample').replace(\n          '{PRICE}',\n          formattedPrice ?? ''\n        )}\n        styleClassName={styleClassName ?? 'btn--white'}\n        {...buttonProps}\n      />\n    </>\n  );\n};\n\nexport default BuySampleButton;\n","import { useState, useEffect } from 'react';\n\nexport default function () {\n  var initialWidth =\n    global.window && window.innerWidth ? window.innerWidth : 0;\n  var initialHeight =\n    global.window && window.innerHeight ? window.innerHeight : 0;\n  const [size, setSize] = useState<[number, number]>([\n    initialWidth,\n    initialHeight,\n  ]);\n  useEffect(() => {\n    function updateSize() {\n      setSize([window.innerWidth, window.innerHeight]);\n    }\n    window.addEventListener('resize', updateSize);\n    updateSize();\n    return () => window.removeEventListener('resize', updateSize);\n  }, []);\n  return size;\n}\n","export const breakpoints = {\n  sm: '480px',\n  md: '768px',\n  lg: '1024px',\n  xl: '1440px',\n  '2xl': '1920px',\n  '3xl': '2560px',\n};\n","import { useEffect, useState } from 'react';\nimport useWindowSize from './useWindowSize';\nimport { breakpoints as breakpointVars } from '../styling/variables/breakpoints';\n\nconst useBreakpoint = () => {\n  const [windowWidth] = useWindowSize();\n  const [currentBreakpoint, setCurrentBreakpoint] = useState<\n    string | undefined\n  >();\n  const [breakpointValues, setBreakpointValues] = useState<number[]>([]);\n  const [breakpoints, setBreakpoints] = useState<string[]>([]);\n\n  useEffect(() => {\n    const _breakpoints = Object.keys(breakpointVars).reduce(\n      (obj, key) => ({\n        ...obj,\n        [key]: parseInt(breakpointVars[key]?.replace('px', '') ?? '0'),\n      }),\n      {}\n    );\n\n    const sortedValues: any = Object.values(_breakpoints).sort(\n      (a: number, b: number) => a - b\n    );\n    const keyArray: string[] = [];\n    for (let sortedValue of sortedValues) {\n      for (let key of Object.keys(_breakpoints)) {\n        const value = _breakpoints[key];\n        if (value == sortedValue) {\n          keyArray.push(key);\n        }\n      }\n    }\n\n    setBreakpoints(keyArray);\n    setBreakpointValues(sortedValues);\n  }, [breakpointVars]);\n\n  useEffect(() => {\n    var index = 0;\n    for (let key of breakpoints) {\n      const value = !breakpointValues[index];\n\n      if (index == breakpointValues.length - 1 && windowWidth >= value) {\n        setCurrentBreakpoint(key);\n        break;\n      }\n\n      const nextValue = breakpointValues[index + 1] ?? 0;\n      if (windowWidth >= value && windowWidth < nextValue) {\n        setCurrentBreakpoint(key);\n        break;\n      }\n      index++;\n    }\n  }, [windowWidth, breakpointValues, breakpoints]);\n\n  return currentBreakpoint;\n};\n\nexport default useBreakpoint;\n","import { useEffect, useState } from 'react';\nimport useBreakpoint from './useBreakpoint';\n\nconst isMobileBreakpoint = (breakpoint?: string) => {\n  switch (breakpoint) {\n    case 'sm':\n    case 'md':\n      return true;\n    default:\n      return false;\n  }\n};\n\nconst useIsMobile = () => {\n  const currentBreakpoint = useBreakpoint();\n  const [isMobile, setIsMobile] = useState(\n    isMobileBreakpoint(currentBreakpoint)\n  );\n\n  useEffect(() => {\n    setIsMobile(isMobileBreakpoint(currentBreakpoint));\n  }, [currentBreakpoint]);\n\n  return isMobile;\n};\n\nexport default useIsMobile;\n","import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport ProductItemImage from '../../Types/ProductItemImage';\nimport useReady from '../../Hooks/useReady';\nimport ResponsiveImage from '../ResponsiveImage/ResponsiveImage';\nimport { Swiper, SwiperRef, SwiperSlide } from 'swiper/react';\nimport { ResponsiveImageModel } from '../../Types/ResponsiveImageModel';\nimport { uniqueId } from 'lodash-es';\nimport { Navigation } from 'swiper';\nimport Icon from '../Icon';\nimport { isEqual } from 'lodash-es';\nimport 'swiper/css/effect-fade';\nimport useIsMobile from '../../Hooks/useIsMobile';\nimport clsx from 'clsx';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport useIsStoreScreen from '../../Hooks/useIsStoreScreen';\n\ninterface ProductCardImageSliderProps {\n  images: ProductItemImage[];\n  roomshotImage?: ResponsiveImageModel;\n  patternImage?: ResponsiveImageModel;\n  forceRoomshotImage?: boolean;\n  forcePatternImage?: boolean;\n  productUrl?: string;\n  disableSlider?: boolean;\n}\n\ninterface ProductCardImageProps {\n  image?: ResponsiveImageModel;\n  url?: string;\n  pointerEventsEnabled?: boolean;\n}\n\nconst ProductCardImage = ({\n  image = {},\n  url,\n  pointerEventsEnabled: enablePointerEvents = true,\n}: ProductCardImageProps) => (\n  <a\n    href={url}\n    onClick={(e) => !enablePointerEvents && e.preventDefault()}\n    className={clsx(\n      !enablePointerEvents && 'pointer-events-none',\n      'w-full overflow-hidden rounded'\n    )}\n  >\n    <ResponsiveImage\n      {...image}\n      lazyLoad={true}\n      imgProps={{\n        className: 'aspect-[3/4] h-full w-full object-cover',\n      }}\n    />\n  </a>\n);\n\nconst ProductCardImageSlider = ({\n  images,\n  roomshotImage,\n  patternImage,\n  productUrl,\n  forceRoomshotImage = false,\n  forcePatternImage = false,\n  disableSlider = false,\n}: ProductCardImageSliderProps) => {\n  const ready = useReady();\n  const uuid = useMemo(() => uniqueId(), []);\n  const prevBtnRef = useRef<HTMLButtonElement | null>(null);\n  const nextBtnRef = useRef<HTMLButtonElement | null>(null);\n  const isMobile = useIsMobile();\n\n  const getInitialImage = useCallback(() => {\n    if (forceRoomshotImage && roomshotImage && !forcePatternImage) {\n      return roomshotImage;\n    } else if (forcePatternImage && patternImage && !forceRoomshotImage) {\n      return patternImage;\n    } else {\n      return images[0]?.imageModel;\n    }\n  }, [\n    forcePatternImage,\n    forceRoomshotImage,\n    roomshotImage,\n    patternImage,\n    images,\n  ]);\n\n  const forcedImageIndex = useMemo(\n    () =>\n      images.findIndex((img) =>\n        isEqual(img.imageModel, getInitialImage())\n      ),\n    [images, getInitialImage]\n  );\n\n  const swiperRef = useRef<SwiperRef>(null);\n\n  const isStoreScreen = useIsStoreScreen();\n\n  useEffect(() => {\n    if (\n      (forceRoomshotImage || forcePatternImage) &&\n      forcedImageIndex! != -1\n    ) {\n      if (swiperRef.current?.swiper) {\n        swiperRef.current?.swiper.slideTo(forcedImageIndex);\n      }\n    } else if (forcedImageIndex != -1) {\n      if (swiperRef.current?.swiper) {\n        swiperRef.current?.swiper.slideTo(0);\n      }\n    }\n  }, [forceRoomshotImage, forcePatternImage, forcedImageIndex]);\n\n  return !ready ||\n    images.length < 2 ||\n    isMobile ||\n    isStoreScreen ||\n    disableSlider ? (\n    <ProductCardImage\n      image={getInitialImage()}\n      url={productUrl}\n      pointerEventsEnabled={!isMobile && !isStoreScreen}\n    />\n  ) : (\n    <>\n      <Swiper\n        slidesPerView={1}\n        modules={[Navigation]}\n        navigation={{\n          prevEl: prevBtnRef?.current,\n          nextEl: nextBtnRef?.current,\n        }}\n        className=\"!z-0\"\n        initialSlide={\n          forceRoomshotImage || forcePatternImage ? forcedImageIndex : 0\n        }\n        threshold={5}\n        ref={swiperRef}\n        nested={true}\n        enabled={!isMobile && !isStoreScreen}\n      >\n        {images.map((img, idx) => (\n          <SwiperSlide\n            key={uuid + '-product-card-image-' + idx}\n            className=\"rounded\"\n          >\n            <ProductCardImage\n              image={img.imageModel}\n              url={productUrl}\n              pointerEventsEnabled={!isMobile && !isStoreScreen}\n            />\n          </SwiperSlide>\n        ))}\n      </Swiper>\n      <button\n        ref={prevBtnRef}\n        className=\"duration-600 absolute -left-1 top-[calc(50%-48px)] z-10 hidden translate-y-[50%] p-2 transition-all disabled:opacity-60 group-hover:left-0 lg:flex\"\n      >\n        <div className=\" duration-600 pointer-events-none h-6 w-6 items-center justify-center rounded-full bg-opacity-white-90 opacity-0 transition-opacity group-hover:pointer-events-auto group-hover:opacity-100 lg:flex lg:h-8 lg:w-8\">\n          <Icon name=\"chevron-left\" className=\"h-4 w-4\" />\n        </div>\n      </button>\n      <button\n        ref={nextBtnRef}\n        className=\"duration-600 absolute -right-1 top-[calc(50%-48px)] z-10 hidden translate-y-[50%] p-2 transition-all disabled:opacity-60 group-hover:right-0  lg:flex\"\n      >\n        <div className=\"duration-600 pointer-events-none h-6 w-6 items-center justify-center rounded-full bg-opacity-white-90 opacity-0 transition-opacity group-hover:pointer-events-auto group-hover:opacity-100 lg:flex lg:h-8 lg:w-8\">\n          <Icon name=\"chevron-right\" className=\"h-4 w-4\" />\n        </div>\n      </button>\n    </>\n  );\n};\n\nexport default ProductCardImageSlider;\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport SideMenu from '../SideMenu/SideMenu';\nimport Product from '../../Types/Product';\nimport { translate } from '../../Services/translation';\nimport BuySampleButton from '../BuyButton/BuySampleButton';\nimport Icon from '../Icon';\nimport ResponsiveImage from '../ResponsiveImage/ResponsiveImage';\nimport ProductItemImage from '../../Types/ProductItemImage';\nimport clsx from 'clsx';\nimport FavoriteButton from '../FavoriteButton/FavoriteButton';\nimport {\n  WishListActions,\n  addProductToWishList,\n  removeProductFromWishList,\n} from '../../Reducers/WishList.reducer';\nimport { useTypedDispatch } from '../../Hooks/useTypedDispatch';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { StockStatusLevel } from '../../constants';\n\nconst getMediaColClass = (idx) => {\n  switch (idx) {\n    default:\n      return '';\n    case 2:\n    case 3:\n    case 6:\n    case 7:\n      return 'col-span-2';\n  }\n};\n\nconst ProductQuickViewModal = ({\n  product,\n  open,\n  disableBuyOption,\n  onClosed,\n}: {\n  product: Product;\n  onClosed: () => void;\n  open: boolean;\n  disableBuyOption: boolean;\n}) => {\n  const dispatch = useTypedDispatch();\n  const { current: currentUser } = useTypedSelector(\n    (state) => state.userInfo\n  );\n  const { favorite } = product;\n  const [isFavorite, setIsFavorite] = useState<boolean>(favorite);\n  const [mediaList, setMediaList] = useState<\n    (ProductItemImage | string)[]\n  >([]);\n\n  const onAddToFavoriteClick = useCallback(() => {\n    if (isFavorite) {\n      dispatch(removeProductFromWishList(product));\n      dispatch(WishListActions.removeWishListItem({ product }));\n    } else {\n      dispatch(addProductToWishList(product));\n    }\n    setIsFavorite(!isFavorite);\n  }, [dispatch, isFavorite, product]);\n\n  useEffect(() => {\n    const list = [...(product.images ?? [])] as (\n      | ProductItemImage\n      | string\n    )[];\n\n    if (product.videoUrl) {\n      list.splice(2, 0, product.videoUrl);\n    }\n\n    setMediaList(list.slice(0, 8));\n  }, [product.images, product.videoUrl]);\n\n  return (\n    <SideMenu\n      id={`product-quick-view-${product.id}`}\n      from=\"bottom\"\n      open={open}\n      onClosed={onClosed}\n      title={product.name}\n      className=\"!max-h-[80%] !rounded-b-none\"\n      contentClassName=\"overflow-auto px-4\"\n    >\n      <div className=\"grid grid-cols-1 gap-5 overflow-auto\">\n        <div className=\"flex flex-col gap-2\">\n          {product.stockStatus?.level !== StockStatusLevel.Inactive &&\n            !product.disableBuyOption &&\n            !disableBuyOption &&\n            product.samples?.map((sample) => (\n              <BuySampleButton\n                {...sample}\n                className=\"btn--large w-full disabled:!opacity-100\"\n                styleClassName=\"btn--outline-black\"\n                key={`sample-${sample.articleNumber}`}\n              />\n            ))}\n          {currentUser && (\n            <button\n              className=\"btn btn--large btn--outline-black w-full\"\n              onClick={onAddToFavoriteClick}\n            >\n              <span className=\"flex items-center gap-3\">\n                <Icon\n                  name={isFavorite ? 'heart-filled' : 'heart'}\n                  className={clsx(\n                    'h-6 w-6',\n                    isFavorite && 'text-success-300'\n                  )}\n                />\n                {!isFavorite &&\n                  translate('product-quick-view.add-to-favourites')}\n                {isFavorite &&\n                  translate('product-quick-view.remove-from-favourites')}\n              </span>\n            </button>\n          )}\n          {product.url && (\n            <a\n              href={product.url}\n              className=\"btn btn--black btn--large w-full\"\n            >\n              {translate('product-quick-view.go-to-product')}\n              <Icon name=\"chevron-right\" className=\"ml-3 h-6 w-6\" />\n            </a>\n          )}\n        </div>\n        <div>\n          <h4 className=\"mb-2\">\n            {translate('product-quick-view.photos-and-images')}\n          </h4>\n          <div className=\"mb-4 grid grid-cols-2 gap-4\">\n            {mediaList.map((media, idx) =>\n              typeof media === 'string' ? (\n                <div\n                  className={clsx(\n                    'w-full overflow-hidden rounded bg-gray-100 object-cover aspect-video',\n                    getMediaColClass(idx)\n                  )}\n                  key={media + idx}\n                >\n                  <video\n                    src={media}\n                    muted\n                    autoPlay\n                    loop\n                    playsInline\n                    className=\"scale-110 rounded object-cover aspect-video\"\n                  />\n                </div>\n              ) : (\n                <ResponsiveImage\n                  {...media.imageModel}\n                  key={media.originalSrc + idx}\n                  imgProps={{\n                    className: clsx(\n                      'rounded object-cover w-full h-full',\n                      idx == 7 ? 'aspect-[4/3]' : 'aspect-[3/4]'\n                    ),\n                  }}\n                  pictureProps={{ className: getMediaColClass(idx) }}\n                />\n              )\n            )}\n          </div>\n        </div>\n      </div>\n    </SideMenu>\n  );\n};\n\nexport default ProductQuickViewModal;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport {\n  addProductToWishList,\n  removeProductFromWishList,\n  WishListActions,\n} from '../../Reducers/WishList.reducer';\nimport { useDispatch } from 'react-redux';\nimport Product from '../../Types/Product';\nimport Icon from '../Icon';\nimport clsx from 'clsx';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\n\nconst FavoriteButton = ({\n  product,\n  className,\n  iconClassName,\n  iconWrapperClassName,\n}: {\n  className?: string;\n  iconClassName?: string;\n  iconWrapperClassName?: string;\n  product: Product;\n}) => {\n  const dispatch = useDispatch();\n  const { current } = useTypedSelector((state) => state.userInfo);\n  const { favorite } = product;\n\n  const [isFavorite, setIsFavorite] = useState<boolean>(favorite);\n\n  const onClick = () => {\n    if (isFavorite) {\n      dispatch(removeProductFromWishList(product));\n      dispatch(WishListActions.removeWishListItem({ product: product }));\n    } else {\n      dispatch(addProductToWishList(product));\n    }\n    setIsFavorite(!isFavorite);\n  };\n\n  return current ? (\n    <button\n      className={clsx(\n        className\n          ? className\n          : isFavorite\n          ? 'duration-600 absolute right-0 top-0 p-2 transition-all group-hover:top-0'\n          : 'duration-600 absolute right-0 top-0 p-2 transition-all group-hover:top-0 lg:-top-1'\n      )}\n      onClick={onClick}\n    >\n      <div\n        className={clsx(\n          iconWrapperClassName\n            ? iconWrapperClassName\n            : isFavorite\n            ? 'duration-600 flex h-6 w-6 items-center justify-center rounded-full bg-opacity-white-90 transition-all lg:h-8 lg:w-8'\n            : 'duration-600 flex h-6 w-6 items-center justify-center rounded-full bg-opacity-white-90 transition-all group-hover:opacity-100 lg:h-8 lg:w-8 lg:opacity-0'\n        )}\n      >\n        <Icon\n          name={isFavorite ? 'heart-filled' : 'heart'}\n          className={clsx(\n            iconClassName,\n            !iconClassName && 'h-4 w-4',\n            !iconClassName && isFavorite && 'text-success-300'\n          )}\n        />\n      </div>\n    </button>\n  ) : null;\n};\n\nexport default FavoriteButton;\n","import React, { useEffect, useState } from 'react';\nimport ProductCardProps from './types/ProductCardProps';\nimport Tag from '../Tag/Tag';\nimport clsx from 'clsx';\nimport ProductPrice from '../ProductPrice/ProductPrice';\nimport { translate } from '../../Services/translation';\nimport Icon from '../Icon';\nimport BuySampleButton from '../BuyButton/BuySampleButton';\nimport ProductCardImageSlider from './ProductCardImageSlider';\nimport ProductQuickViewModal from '../ProductQuickView/ProductQuickViewModal';\nimport useIsMobile from '../../Hooks/useIsMobile';\nimport FavoriteButton from '../FavoriteButton/FavoriteButton';\nimport useIsStoreScreen from '../../Hooks/useIsStoreScreen';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\n\nconst ProductCard = ({\n  product,\n  lazyLoadImage,\n  className,\n  showInfo = true,\n  showRoomshot = false,\n  showPatternImage = false,\n  disableImageSlider = false,\n}: ProductCardProps) => {\n  const quicksearchState = useTypedSelector((state) => state.quickSearch);\n  const [renderQuickViewModal, setRenderQuickViewModal] = useState(false);\n  const [showQuickViewModal, setShowQuickViewModal] = useState(false);\n  const isMobile = useIsMobile();\n\n  const isStoreScreen = useIsStoreScreen();\n  // Set quick view model to open 1ms after we render it, to enable sliding in\n  useEffect(() => {\n    const timeoutId = setTimeout(() => {\n      setShowQuickViewModal(renderQuickViewModal);\n    }, 1);\n\n    return () => {\n      clearTimeout(timeoutId);\n    };\n  }, [renderQuickViewModal]);\n\n  return (\n    <>\n      <div\n        className={clsx(\n          'flex',\n          'flex-col',\n          'bg-white',\n          'rounded',\n          'h-full',\n          'max-w-full',\n          'm-w-0',\n          'group',\n          className\n        )}\n      >\n        <div className=\"image-wrapper relative h-full rounded\">\n          <div\n            className=\"flex h-full w-full overflow-hidden rounded bg-gray-200 aspect-[3/4]\"\n            onClick={() =>\n              (isMobile && setRenderQuickViewModal(true)) ||\n              (isStoreScreen && setRenderQuickViewModal(true))\n            }\n          >\n            {product.images && product.images.length > 0 && (\n              <ProductCardImageSlider\n                images={product.images}\n                roomshotImage={product.roomshotImage}\n                patternImage={product.patternImage}\n                productUrl={product.url}\n                forceRoomshotImage={showRoomshot}\n                forcePatternImage={showPatternImage}\n                disableSlider={disableImageSlider}\n              />\n            )}\n            {product.tags?.length ? (\n              <div className=\"absolute left-2 top-2 flex flex-wrap gap-2\">\n                {product.tags.map((tag) => (\n                  <Tag tagSize=\"small\" key={tag.id} {...tag}>\n                    {tag.name}\n                  </Tag>\n                ))}\n              </div>\n            ) : null}\n          </div>\n          <FavoriteButton product={product} />\n          <button\n            onClick={() => setRenderQuickViewModal(true)}\n            className=\"absolute bottom-0 right-0 p-2\"\n          >\n            <div className=\"flex h-6 w-6 items-center justify-center rounded-full bg-opacity-white-90 lg:hidden store-screen:lg:flex\">\n              <Icon name=\"plus\" className=\"h-4 w-4\" />\n            </div>\n          </button>\n          <div className=\"absolute -bottom-2 left-0 right-0 hidden !h-[unset] px-2 pb-2 opacity-0 transition-all duration-500 group-hover:pointer-events-auto group-hover:bottom-0 group-hover:opacity-100 lg:flex\">\n            {!product.disableBuyOption &&\n              !quicksearchState.disableBuyOption &&\n              product.samples?.map((sample) => (\n                <BuySampleButton\n                  {...sample}\n                  className=\"btn--large disabled:!opacity-100\"\n                  key={`sample-${sample.articleNumber}`}\n                />\n              ))}\n          </div>\n        </div>\n        {showInfo && (\n          <div className=\"flex flex-1 flex-col px-1 pt-2 lg:pt-3\">\n            <a\n              className=\"lg:h4 h6 mb-0.5 block overflow-hidden text-ellipsis whitespace-nowrap font-normal\"\n              href={product.url}\n            >\n              {product.name}\n            </a>\n            {product.variantsAmount && product.variantsAmount > 0 && (\n              <span className=\"mb-1 text-xs leading-tight text-gray-500\">\n                {product.variantsAmount}{' '}\n                {product.variantsAmount == 1\n                  ? translate('product-card.color')\n                  : translate('product-card.colors')}\n                {product.extraInfo?.items.length > 0 &&\n                  product.extraInfo?.items.map((item, idx) => (\n                    <span key={idx}>, {item.value}</span>\n                  ))}\n              </span>\n            )}\n            {product.price && <ProductPrice priceModel={product.price} />}\n          </div>\n        )}\n      </div>\n      {renderQuickViewModal && (\n        <ProductQuickViewModal\n          product={product}\n          open={showQuickViewModal}\n          disableBuyOption={quicksearchState.disableBuyOption}\n          onClosed={() => setRenderQuickViewModal(false)}\n        />\n      )}\n    </>\n  );\n};\n\nexport default ProductCard;\n","import React, { useRef, useMemo } from 'react';\nimport clsx from 'clsx';\nimport { Swiper, SwiperSlide, SwiperRef } from 'swiper/react';\nimport {} from 'swiper/react';\nimport { Navigation } from 'swiper';\nimport Product from '../../Types/Product';\nimport { LinkModel } from '../../Types/LinkModel';\nimport Icon from '../Icon';\nimport { uniqueId } from 'lodash-es';\nimport useReady from '../../Hooks/useReady';\n\nexport interface CustomResponsiveSliderProps {\n  items: Product[] | any[];\n  numPerRow: number;\n  showSlider: boolean;\n  preTitle?: string;\n  title?: string;\n  link?: LinkModel;\n  mobileLayout?: 'small' | 'large';\n  swiperSlideClassName?: string;\n  itemRenderer: (\n    item: any,\n    key: any,\n    className?: string,\n    index?: number\n  ) => Element | React.FC | any;\n}\n\nconst navigationBtnClasses =\n  'hidden h-10 w-10 items-center justify-center rounded-full bg-gray-100 text-gray-700 disabled:hover:bg-gray-100 hover:text-gray-900 hover:bg-gray-200 transition-all disabled:opacity-50 [&_svg]:hover:scale-110 disabled:[&_svg]:hover:scale-100 md:flex';\n\nconst CustomResponsiveSlider = (props: CustomResponsiveSliderProps) => {\n  const {\n    preTitle,\n    title,\n    link,\n    items,\n    numPerRow,\n    showSlider,\n    mobileLayout = 'small',\n    swiperSlideClassName,\n    itemRenderer,\n  } = props;\n  // Used to render product cards without slider first, to prevent CLS\n  const ready = useReady();\n  const swiperRef = useRef<SwiperRef | null>(null);\n  const prevBtnRef = useRef<HTMLButtonElement | null>(null);\n  const nextBtnRef = useRef<HTMLButtonElement | null>(null);\n  const uuid = useMemo(() => uniqueId(), []);\n\n  const cells = {\n    1: 'md:grid-cols-1',\n    2: 'md:grid-cols-2',\n    3: 'md:grid-cols-2 lg:grid-cols-3',\n    4: 'md:grid-cols-2 lg:grid-cols-4',\n    5: 'md:grid-cols-3 lg:grid-cols-5',\n    6: 'md:grid-cols-3 lg:grid-cols-6',\n  };\n\n  const mediumNumPerRow = useMemo(() => {\n    switch (numPerRow) {\n      case 4:\n        return 2;\n      case 5:\n      case 6:\n        return 3;\n      case 3:\n      default:\n        return numPerRow;\n    }\n  }, [numPerRow]);\n\n  const mobileNumPerRow = useMemo(() => {\n    switch (mobileLayout) {\n      case 'small':\n        return 2.11;\n      case 'large':\n        return 1.05;\n      default:\n        return 2.11;\n    }\n  }, [mobileLayout, mediumNumPerRow]);\n\n  return (\n    <>\n      <div className=\"mb-4 flex items-center justify-between\">\n        <div>\n          {preTitle && (\n            <span className=\"pretitle-sm mb-3 inline-block\">\n              {preTitle}\n            </span>\n          )}\n          {title && <h2 className=\"font-normal\">{title}</h2>}\n        </div>\n        <div className=\"flex items-center self-end\">\n          {link?.href && (\n            <a\n              href={link.href}\n              className=\"group relative block overflow-hidden whitespace-nowrap pb-[1px] text-md leading-tight text-gray-700 store-screen:border-gray-900\"\n            >\n              {link.text}\n              <span className=\"absolute bottom-0 left-0 h-[1px] w-full bg-gray-700 transition-[left] duration-700 group-hover:left-[200%] store-screen:hidden\"></span>\n              <span className=\"absolute -left-[200%] bottom-0 h-[1px] w-full bg-gray-700 transition-[left] duration-700 group-hover:left-0 store-screen:hidden\"></span>\n            </a>\n          )}\n          {showSlider && items.length > numPerRow && (\n            <>\n              <button\n                className={clsx(\n                  link?.href && 'ml-4',\n                  navigationBtnClasses\n                )}\n                ref={prevBtnRef}\n                disabled={!swiperRef?.current}\n              >\n                <Icon name=\"chevron-left\" className=\"h-5 w-5\" />\n              </button>\n              <button\n                className={clsx('ml-4', navigationBtnClasses)}\n                ref={nextBtnRef}\n                disabled={!swiperRef?.current}\n              >\n                <Icon name=\"chevron-right\" className=\"h-5 w-5\" />\n              </button>\n            </>\n          )}\n        </div>\n      </div>\n      {showSlider && ready ? (\n        <Swiper\n          spaceBetween={16}\n          ref={swiperRef}\n          slidesPerView={numPerRow}\n          slidesPerGroup={numPerRow}\n          modules={[Navigation]}\n          navigation={{\n            prevEl: prevBtnRef?.current,\n            nextEl: nextBtnRef?.current,\n          }}\n          threshold={5}\n          breakpoints={{\n            0: {\n              slidesPerView: mobileNumPerRow,\n              slidesPerGroup: Math.floor(mobileNumPerRow),\n            },\n            768: {\n              slidesPerView: mediumNumPerRow,\n              slidesPerGroup: mediumNumPerRow,\n            },\n            1024: { slidesPerView: numPerRow, slidesPerGroup: numPerRow },\n          }}\n          className=\"sm-down:!-mx-4 sm-down:!px-4\"\n        >\n          {items.map((item, idx) => (\n            <SwiperSlide\n              key={uuid + 'slide' + idx}\n              className={clsx(\n                '!h-auto',\n                mobileLayout == 'small' && 'md:max-h-none',\n                swiperSlideClassName\n              )}\n              virtualIndex={idx}\n            >\n              {itemRenderer(\n                item,\n                uuid + '-slide-' + idx,\n                clsx(mobileLayout == 'small' && 'md:max-h-none'),\n                idx\n              )}\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      ) : (\n        <div\n          className={clsx(\n            'grid gap-x-4 gap-y-6 lg:gap-y-4',\n            cells[numPerRow],\n            showSlider &&\n              (mobileLayout == 'small'\n                ? 'sm-down:grid-cols-2'\n                : 'sm-down:grid-cols-1'),\n            !showSlider &&\n              mobileLayout == 'large' &&\n              'grid-cols-2 sm-down:[&>*:nth-child(5n+1)]:col-span-2',\n            !showSlider && mobileLayout == 'small' && 'grid-cols-2'\n          )}\n        >\n          {showSlider &&\n            items\n              .slice(0, numPerRow)\n              .map((item, idx) =>\n                itemRenderer(\n                  item,\n                  uuid + '-noslide-' + idx,\n                  clsx(\n                    'h-auto',\n                    mobileLayout == 'small' && 'md:max-h-none',\n                    numPerRow == 6 && idx > 2 && 'md-only:hidden',\n                    numPerRow == 5 && idx > 2 && 'md-only:hidden',\n                    numPerRow == 4 && idx > 1 && 'md-only:hidden',\n                    numPerRow == 3 && idx > 1 && 'md-only:hidden',\n                    numPerRow == 2 && idx > 1 && 'md-only:hidden',\n                    numPerRow == 1 && idx > 0 && 'md-only:hidden',\n                    mobileLayout == 'small' && idx > 1 && 'sm-down:hidden',\n                    mobileLayout == 'large' && idx > 0 && 'sm-down:hidden',\n                    mobileLayout == 'large' &&\n                      numPerRow < 2 &&\n                      idx == 0 &&\n                      items.length > 1 &&\n                      'md-down:mr-[5%]',\n                    mobileLayout == 'small' &&\n                      numPerRow < 2 &&\n                      idx == 0 &&\n                      items.length > 2 &&\n                      'md-down:mr-[11%]'\n                  ),\n                  idx\n                )\n              )}\n          {!showSlider &&\n            items.map((item, idx) =>\n              itemRenderer(item, uuid + '-noslide-' + idx, '', idx)\n            )}\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default CustomResponsiveSlider;\n","import { get } from './http';\n\nexport const getBlockData = async (\n  blockName: string,\n  blockSystemId: string\n) => {\n  const res = await get(`/api/blocks/${blockName}/${blockSystemId}`);\n\n  if (!res.ok) {\n    console.warn(`Could not fetch ${blockName} (${blockSystemId})`);\n    console.trace(res, await res.text());\n    return undefined;\n  }\n\n  return await res.json();\n};\n","import clsx from 'clsx';\nimport React from 'react';\n\nconst ProductCardPlaceholder = ({ className }: { className?: string }) => {\n  return (\n    <div\n      className={clsx(\n        'm-w-0 skeleton group flex h-full max-w-full flex-col rounded bg-white',\n        className\n      )}\n    >\n      <div className=\"image-wrapper relative\">\n        <div className=\"flex overflow-hidden rounded bg-gray-200 aspect-[3/4]\"></div>\n      </div>\n      <div className=\"flex flex-1 flex-col rounded pt-4 lg:pt-3\">\n        <div className=\"h4 mb-0.5 block overflow-hidden text-ellipsis whitespace-nowrap rounded bg-gray-200 font-normal\">\n          &nbsp;\n        </div>\n        <div className=\"rounded bg-gray-200\">&nbsp;</div>\n      </div>\n    </div>\n  );\n};\n\nexport default ProductCardPlaceholder;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport ProductCard from '../Components/ProductCards/ProductCard';\nimport type Product from '../Types/Product';\nimport {} from 'swiper/react';\nimport { LinkModel } from '../Types/LinkModel';\nimport CustomResponsiveSlider from '../Components/CustomResponsiveSlider/CustomResponsiveSlider';\nimport { getBlockData } from '../Services/Block.service';\nimport ProductCardPlaceholder from '../Components/ProductCards/ProductCardPlaceholder';\n\nexport interface ProductBlockSharedProps {\n  preTitle?: string;\n  title?: string;\n  link?: LinkModel;\n  numPerRow: number;\n  showSlider: boolean;\n  mobileLayout?: 'small' | 'large';\n  products?: Product[];\n}\n\nexport interface ProductBlockComponentProps extends ProductBlockProps {\n  numberOfProducts: number;\n  blockSystemId?: string;\n}\n\nexport interface ProductBlockProps extends ProductBlockSharedProps {\n  showProductInfo: boolean;\n  showRoomImage: boolean;\n  showPatternImage: boolean;\n}\n\nconst ProductBlock = ({\n  blockSystemId,\n  numberOfProducts,\n  title,\n  preTitle,\n  link,\n  numPerRow,\n  showSlider,\n  mobileLayout = 'small',\n  ...props\n}: ProductBlockComponentProps) => {\n  const [blockProps, setBlockProps] = useState<\n    ProductBlockProps | undefined\n  >();\n\n  const showProductInfo = useMemo(\n    () => blockProps?.showProductInfo ?? props.showProductInfo,\n    [blockProps?.showProductInfo, props.showProductInfo]\n  );\n  const showRoomImage = useMemo(\n    () => blockProps?.showRoomImage ?? props.showRoomImage,\n    [blockProps?.showRoomImage, props.showRoomImage]\n  );\n\n  const items = useMemo(\n    () =>\n      blockProps?.products\n        ? blockProps.products\n        : props.products ?? Array.from({ length: numberOfProducts }),\n    [blockProps?.products, numberOfProducts, props.products]\n  );\n\n  useEffect(() => {\n    const getPageCardBlock = async () => {\n      setBlockProps(await getBlockData('ProductBlock', blockSystemId!));\n    };\n\n    if (!props.products && !blockProps && blockSystemId) {\n      getPageCardBlock();\n    }\n  }, [blockSystemId]);\n\n  return (\n    <>\n      <CustomResponsiveSlider\n        items={items}\n        preTitle={preTitle}\n        title={title}\n        numPerRow={numPerRow}\n        showSlider={showSlider}\n        mobileLayout={mobileLayout}\n        link={link}\n        swiperSlideClassName=\"rounded\"\n        itemRenderer={(item, key, className) =>\n          blockProps?.products ?? props.products ? (\n            <ProductCard\n              key={key}\n              product={item}\n              className={className}\n              showInfo={showProductInfo}\n              showRoomshot={showRoomImage}\n              showPatternImage={!showRoomImage}\n              disableImageSlider={true}\n            />\n          ) : (\n            <ProductCardPlaceholder key={key} className={className} />\n          )\n        }\n      />\n    </>\n  );\n};\n\nexport default ProductBlock;\n","import Icon from '../Icon';\nimport React from 'react';\n\nconst QuickSearchNoHit = (props) => {\n  const { title, description } = props;\n\n  return (\n    <div className=\"flex justify-start lg:my-6\">\n      <div className=\"flex max-w-[568px] flex-col items-start \">\n        {title && <h4 className=\"h4\">{title}</h4>}\n        {description && (\n          <div\n            className=\"mt-2\"\n            dangerouslySetInnerHTML={{\n              __html: description.value,\n            }}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default QuickSearchNoHit;\n","import React from 'react';\n\nconst QuickSearchLinkItem = ({ name, url }) => {\n  return (\n    <a\n      className=\"underlined-link w-fit self-start py-1 font-garamond text-lg text-gray-500 lg:text-xl\"\n      href={url}\n    >\n      {name}\n    </a>\n  );\n};\n\nexport default QuickSearchLinkItem;\n","import React from 'react';\nimport ProductCardQuickSearch from '../ProductCards/ProductCardQuickSearch';\nimport QuickSearchLinkItem from './QuickSearch.LinkItem';\nimport { SearchItem } from '../../Types/SearchItem';\nimport clsx from 'clsx';\nimport ProductCard from '../ProductCards/ProductCard';\n\ninterface QuickSearchResultTabProps {\n  modelKey: string;\n  results: SearchItem[];\n}\n\nconst QuickSearchResultItem = ({\n  modelKey,\n  item,\n}: {\n  modelKey: string;\n  item: SearchItem;\n}) => {\n  switch (modelKey) {\n    case 'products':\n      return <ProductCard product={item} />;\n    default:\n      return <QuickSearchLinkItem name={item.name} url={item.url} />;\n  }\n};\n\nconst QuickSearchResultTab = ({\n  modelKey,\n  results,\n}: QuickSearchResultTabProps) => {\n  return (\n    <div\n      id={`quick-search__tab-${modelKey}`}\n      className={clsx(\n        'mt-4 grid auto-rows-min grid-cols-1 gap-4 pb-44 lg:mt-6 lg:h-auto lg:pb-16',\n        modelKey === 'products'\n          ? 'grid-cols-2 md:grid-cols-4 xl:grid-cols-6'\n          : 'grid-cols-1 gap-1 lg:grid-cols-4 lg:gap-x-4 lg:gap-y-2'\n      )}\n    >\n      {results.map((result, index) => (\n        <QuickSearchResultItem\n          key={index}\n          modelKey={modelKey}\n          item={result}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default QuickSearchResultTab;\n","import { post } from '../Services/http';\nimport { catchError } from './Error.action';\nimport {\n  QUICK_SEARCH_QUERY,\n  QUICK_SEARCH_RECEIVE,\n  QUICK_SEARCH_ERROR,\n  QUICK_SEARCH_SHOW_FULL_FORM,\n  QUICK_SEARCH_SELECT_ITEM,\n  QUICK_SEARCH_ACTIVE_TAB,\n  QUICK_SEARCH_INPUT_ACTIVE,\n} from '../constants';\nimport { trackingServiceSearchEvent } from '../Services/Tracking.service';\n\nlet abortController;\n\nexport const query = (q) => (dispatch, getState) => {\n  // abort any existing, pending request.\n  // It's ok to call .abort() after the fetch has already completed, fetch simply ignores it.\n  abortController && abortController.abort();\n  abortController = new AbortController();\n\n  if (!q || q.trim() == '') {\n    dispatch(receive());\n    return;\n  }\n\n  trackingServiceSearchEvent(q);\n  return post('/api/quickSearch', q, abortController)\n    .then((response) => response.json())\n    .then((result) => dispatch(receive(result)))\n    .catch((ex) =>\n      dispatch(catchError(ex, (error) => searchError(error)))\n    );\n};\n\nexport const setSearchQuery = (query) => ({\n  type: QUICK_SEARCH_QUERY,\n  payload: {\n    query,\n  },\n});\n\nexport const searchError = (error) => ({\n  type: QUICK_SEARCH_ERROR,\n  payload: {\n    error,\n  },\n});\n\nexport const setActiveTab = (key) => ({\n  type: QUICK_SEARCH_ACTIVE_TAB,\n  payload: {\n    activeTab: key,\n  },\n});\n\nexport const toggleInputActive =\n  (active, clear = false) =>\n  (dispatch, getState) => {\n    const { query } = getState().quickSearch;\n    return dispatch({\n      type: QUICK_SEARCH_INPUT_ACTIVE,\n      payload: {\n        inputActive: active,\n        query: clear && !active ? '' : query,\n      },\n    });\n  };\n\nexport const receive = (result) => (dispatch, getState) => {\n  const { query } = getState().quickSearch;\n  return dispatch({\n    type: QUICK_SEARCH_RECEIVE,\n    payload: {\n      result,\n      disableBuyOption: result.disableBuyOption,\n      showResult:\n        result && Object.keys(result).length > 0 && query.length > 0,\n      activeTab:\n        result && result.results?.length\n          ? result.results[0].key\n          : undefined,\n    },\n  });\n};\n\nexport const toggleShowFullForm = () => (dispatch, getState) => {\n  dispatch(show(!getState().quickSearch.showFullForm));\n};\n\nconst show = (visible) => ({\n  type: QUICK_SEARCH_SHOW_FULL_FORM,\n  payload: {\n    showFullForm: visible,\n  },\n});\n\nexport const handleKeyDown = (event, opt) => (dispatch, getState) => {\n  const { result, selectedItem } = getState().quickSearch;\n\n  if (!result || !result.length) {\n    return;\n  }\n  const max = result.length - 1,\n    clip = (index) => (index < 0 ? max : index > max ? 0 : index);\n  switch (event.keyCode) {\n    case 38:\n      dispatch(selectItem(clip(selectedItem - 1)));\n      break;\n    case 40:\n      dispatch(selectItem(clip(selectedItem + 1)));\n      break;\n    case 13:\n      const selectedObject = result[selectedItem];\n      if (selectedObject && selectedObject.url) {\n        location.href = selectedObject.url;\n      } else {\n        location.href = opt.searchUrl;\n      }\n      break;\n    default:\n      break;\n  }\n};\n\nexport const handleClickSearch = (opt) => (dispatch, getState) => {\n  const { result } = getState().quickSearch;\n\n  if (!result || !result.length) {\n    return;\n  }\n  location.href = opt.searchUrl;\n};\n\nconst selectItem = (selectedItem) => ({\n  type: QUICK_SEARCH_SELECT_ITEM,\n  payload: {\n    selectedItem,\n  },\n});\n","import React from 'react';\nimport { translate } from '../../../Services/translation';\nimport { setActiveTab } from '../../../Actions/QuickSearch.action';\nimport { useDispatch } from 'react-redux';\nimport clsx from 'clsx';\n\nconst QuickSearchResultTabItem = ({ resultKey, quantity, active }) => {\n  const dispatch = useDispatch();\n  var translation = translate(`quicksearchheader.${resultKey}`);\n  return (\n    <li\n      className={clsx(\n        '[&_span]:h4',\n        'relative cursor-pointer whitespace-nowrap border-solid border-gray-900',\n        'after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[2px] after:bg-gray-700 after:opacity-0 after:transition after:ease-in-out after:content-[\"\"] group-[.is-light-theme]:after:bg-white',\n        'hover:after:opacity-100',\n        active && 'after:opacity-100'\n      )}\n      onClick={() => dispatch(setActiveTab(resultKey))}\n    >\n      <span>{translation}</span>\n      <span> {'(' + quantity + ')'}</span>\n    </li>\n  );\n};\n\nexport default QuickSearchResultTabItem;\n","import React from 'react';\nimport QuickSearchNoHit from './QuickSearch.NoHit';\nimport QuickSearchResultTab from './QuickSearchResultTab';\nimport QuickSearchResultTabItem from './utils/QuickSearchResult.TabItem';\nimport { QuickSearchResultItem } from '../../Types/QuickSearchResultItem';\nimport { EditorStringModel } from '../../Types/EditorString';\nimport clsx from 'clsx';\n\ninterface QuickSearchResultProps {\n  searchUrl: string;\n  activeTab?: string;\n  noHitHeader: string;\n  noHitDescription: EditorStringModel;\n  totalNumResults: number;\n  items?: QuickSearchResultItem[];\n}\n\nconst QuickSearchResult = ({\n  searchUrl,\n  activeTab,\n  noHitHeader,\n  noHitDescription,\n  items,\n  totalNumResults,\n}: QuickSearchResultProps) => {\n  return (\n    <div\n      className={clsx(\n        'container z-[55] h-screen w-full max-w-[1888px] rounded-b md:h-96 lg:px-6 xl:px-8',\n        totalNumResults > 0 && 'md:h-[496px]'\n      )}\n    >\n      <div>\n        <ul className=\"-mr-4 flex list-none gap-4 overflow-x-auto pr-4 pt-6 scrollbar-none\">\n          {items?.map(\n            (item, idx) =>\n              item.items.length > 0 && (\n                <QuickSearchResultTabItem\n                  resultKey={item.key}\n                  active={item.key == activeTab}\n                  quantity={item.items.length}\n                  key={idx}\n                />\n              )\n          )}\n        </ul>\n        {totalNumResults > 0 &&\n          items?.map(\n            (item, idx) =>\n              item.items.length > 0 &&\n              item.key == activeTab && (\n                <QuickSearchResultTab\n                  modelKey={item.key}\n                  results={item.items}\n                  key={idx}\n                />\n              )\n          )}\n      </div>\n      {totalNumResults == 0 && (\n        <QuickSearchNoHit\n          title={noHitHeader}\n          description={noHitDescription}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default QuickSearchResult;\n","import React from 'react';\n\nconst QuickSearchInitialTab = ({ sectionList }) => {\n  return (\n    <div className=\"container h-screen w-screen max-w-[1888px] md:h-[660px] lg:w-full lg:px-6 xl:px-8\">\n      <div className=\"grid grid-cols-1 pt-5 sm:grid-cols-2\">\n        {sectionList.map((listItem, index) => (\n          <div\n            key={listItem.sectionTitle + index}\n            className=\"flex flex-col\"\n          >\n            <h4 className=\"h4 py-1 text-gray-700\">\n              {listItem.sectionTitle}\n            </h4>\n            {listItem.sectionLinkList.map((subListItem, index) => (\n              <a\n                className=\"underlined-link mt-1 self-start py-1 font-garamond text-lg text-gray-500 lg:text-xl [&:first-child]:mt-0\"\n                key={'quick-search-initial' + subListItem.href + index}\n                href={subListItem.href}\n              >\n                {subListItem.text}\n              </a>\n            ))}\n            {listItem.searchLinkEditorField && (\n              <div\n                className=\"[&_a]:underlined-link [&_a]:mt-1 [&_a]:self-start [&_a]:py-1 [&_a]:font-garamond [&_a]:text-lg [&_a]:text-gray-500 [&_a]:lg:text-xl [&_p]:mt-1\"\n                dangerouslySetInnerHTML={{\n                  __html: listItem.searchLinkEditorField.value,\n                }}\n              ></div>\n            )}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default QuickSearchInitialTab;\n","import React, { useRef, useEffect, useState, useMemo } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { debounce } from 'lodash-es';\nimport QuickSearchResult from './QuickSearchResult';\nimport { uniqueId } from 'lodash';\nimport { translate } from '../../Services/translation';\nimport { addOverlay, removeOverlay } from '../../Actions/Overlay.action';\nimport {\n  query,\n  setSearchQuery,\n  handleKeyDown,\n  toggleInputActive,\n} from '../../Actions/QuickSearch.action';\nimport QuickSearchInitialTab from './QuickSearch.InitialTab';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { QuickSearchModel } from '../../Types/QuickSearchModel';\nimport Icon from '../Icon';\nimport clsx from 'clsx';\n\nconst debouncedQuery = debounce(\n  (dispatch, text) => dispatch(query(text)),\n  200\n);\n\nconst QuickSearch = (props: QuickSearchModel) => {\n  const quickSearch = useTypedSelector((state) => state.quickSearch);\n  const { query, result, showResult, activeTab, inputActive } =\n    quickSearch;\n  const [id] = useState(uniqueId());\n  const searchContainer = useRef(null);\n  const searchInput = useRef(null);\n  const dispatch = useDispatch();\n  const searchUrl =\n    global['LitiumQuickSearchUrl'] +\n    (query.length > 0 ? `?q=${query}` : '');\n\n  useEffect(() => {\n    if (inputActive) {\n      dispatch(\n        addOverlay('quick-search__' + id, () =>\n          dispatch(toggleInputActive(false))\n        )\n      );\n    } else {\n      dispatch(removeOverlay('quick-search__' + id));\n    }\n  }, [dispatch, inputActive, id]);\n  const items = useMemo(() => result?.results, [result]);\n  const totalNumResults = useMemo(\n    () =>\n      items?.reduce((total, curr) => curr.items.length + total, 0) ?? 0,\n    [items]\n  );\n  const noHits = useMemo(() => totalNumResults > 0, [totalNumResults]);\n\n  const handleOnClearClick = () => {\n    dispatch(setSearchQuery(''));\n    debouncedQuery(dispatch, '');\n    searchInput.current.focus();\n  };\n\n  return (\n    <>\n      {inputActive ? (\n        <div className=\"grow\" role=\"search\" ref={searchContainer}>\n          <div\n            className={clsx(\n              'relative flex h-[100vh] w-full flex-col items-center overflow-y-auto rounded-b bg-white pt-4 scrollbar-none lg:pb-16 lg:pt-9',\n\n              noHits ? 'lg:h-[720px]' : 'lg:h-[383px]'\n            )}\n            role=\"search\"\n          >\n            <div className=\"container flex w-full max-w-[1888px] flex-col !gap-0 lg:px-6 xl:px-8\">\n              <div className=\"w-full pb-4\">\n                <div className=\"relative py-1\">\n                  <div\n                    className={clsx(\n                      'absolute right-0 top-1/2 m-0 flex translate-y-[-50%] items-center',\n                      inputActive && 'text-gray-500'\n                    )}\n                  >\n                    {query.length > 0 && (\n                      <button\n                        className=\"mr-2 py-2 pl-2 text-sm text-gray-500\"\n                        onClick={() => handleOnClearClick()}\n                      >\n                        {translate('quick-search.clear')}\n                      </button>\n                    )}\n                    <a className=\"p-2\" href={searchUrl}>\n                      <Icon\n                        name={'magnifier'}\n                        className=\"h-6 w-6 text-gray-700 lg:h-8 lg:w-8\"\n                      />\n                    </a>\n                  </div>\n\n                  <input\n                    className={clsx(\n                      'h2 flex h-10 w-full rounded-none bg-transparent text-gray-700 search-decoration:hidden [&:focus]:outline-none'\n                    )}\n                    type=\"text\"\n                    placeholder={translate('general.search')}\n                    autoComplete=\"off\"\n                    value={decodeURIComponent(query)}\n                    onChange={(event) => {\n                      const text = encodeURIComponent(event.target.value);\n                      dispatch(setSearchQuery(text));\n                      debouncedQuery(dispatch, text);\n                    }}\n                    onClick={() => {\n                      dispatch(toggleInputActive(true));\n                      searchInput.current?.focus();\n                    }}\n                    onKeyDown={(event) => {\n                      dispatch(handleKeyDown(event, { searchUrl }));\n                      if (event.key == 'Enter' && searchUrl) {\n                        window.location.href = searchUrl;\n                      }\n                    }}\n                    ref={searchInput}\n                    autoFocus\n                  />\n                </div>\n              </div>\n              <hr className=\"w-full border-gray-100\" />\n            </div>\n            {showResult && result && (\n              <QuickSearchResult\n                searchUrl={searchUrl}\n                noHitDescription={props.noHitDescription}\n                noHitHeader={props.noHitHeader}\n                activeTab={activeTab}\n                items={items}\n                totalNumResults={totalNumResults}\n              />\n            )}\n\n            {!showResult && inputActive && (\n              <QuickSearchInitialTab {...props} />\n            )}\n          </div>\n          {noHits && (\n            <div className=\"fixed bottom-0 left-0 z-[60] flex h-16 w-full items-center justify-center border-t border-solid border-gray-100 bg-white py-2 lg:absolute\">\n              <div className=\"container w-full max-w-[1888px] lg:px-6 xl:px-8\">\n                <a\n                  href={searchUrl}\n                  className=\"btn btn--black btn--large w-full \"\n                >\n                  {translate('quicksearch.showmore')}\n                </a>\n              </div>\n            </div>\n          )}\n        </div>\n      ) : null}\n    </>\n  );\n};\n\nexport default QuickSearch;\n","import React from 'react';\nimport ProductListingLayoutProps from './ProductListingLayoutProps';\n\nconst Grid1plus2 = ({ children }: ProductListingLayoutProps) => {\n  return (\n    <div className=\"grid grid-cols-2 gap-4 md:grid-cols-4\">{children}</div>\n  );\n};\n\nexport default Grid1plus2;\n","import React from 'react';\nimport ProductListingLayoutProps from './ProductListingLayoutProps';\n\nconst Grid = ({ children }: ProductListingLayoutProps) => {\n  return (\n    <div className=\"grid grid-cols-2 gap-4 md:grid-cols-3 lg:grid-cols-4\">\n      {children}\n    </div>\n  );\n};\n\nexport default Grid;\n","import React from 'react';\nimport ProductListingLayoutProps from './ProductListingLayoutProps';\n\nconst Grid3by3 = ({ children }: ProductListingLayoutProps) => {\n  return (\n    <div className=\"grid grid-cols-1 gap-4 md:grid-cols-4 lg:grid-cols-6\">\n      {children}\n    </div>\n  );\n};\n\nexport default Grid3by3;\n","import React from 'react';\nimport { PRODUCT_DETAIL_LIST_COL_SIZE_LIST } from '../../constants';\nimport { translate } from '../../Services/translation';\n\nconst DetailedListTopBar = () => {\n  return (\n    <div className=\"hidden gap-4 rounded-t border-x border-y border-gray-200 bg-gray-50 p-3 lg:flex\">\n      <div\n        style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[0]}%` }}\n      ></div>\n      <div\n        className=\"text-md font-bold xl:text-lg\"\n        style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[1]}%` }}\n      >\n        {translate('detailed-product-card.article-id')}\n      </div>\n      <div\n        className=\"text-md font-bold xl:text-lg\"\n        style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[2]}%` }}\n      >\n        {translate('detailed-product-card.collection')}\n      </div>\n      <div\n        className=\"text-md font-bold xl:text-lg\"\n        style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[3]}%` }}\n      >\n        {translate('detailed-product-card.stock')}\n      </div>\n      <div\n        className=\"text-md font-bold xl:text-lg\"\n        style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[4]}%` }}\n      >\n        {translate('detailed-product-card.quantity')}\n      </div>\n      <div\n        className=\"text-right text-md font-bold xl:text-lg\"\n        style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[5]}%` }}\n      >\n        {translate('detailed-product-card.price')}\n      </div>\n      <div\n        className=\"text-md font-bold xl:text-lg\"\n        style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[6]}%` }}\n      >\n        {translate('detailed-product-card.boxes')}\n      </div>\n      <div\n        className=\"text-md font-bold xl:text-lg\"\n        style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[7]}%` }}\n      >\n        {translate('detailed-product-card.rolls')}\n      </div>\n      <div\n        className=\"text-md font-bold xl:text-lg\"\n        style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[8]}%` }}\n      >\n        {translate('detailed-product-card.total')}\n      </div>\n      <div\n        style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[9]}%` }}\n      ></div>\n    </div>\n  );\n};\n\nexport default DetailedListTopBar;\n","import React from 'react';\nimport ProductListingLayoutProps from './ProductListingLayoutProps';\nimport DetailedListTopBar from '../DetailedListTopBar';\n\nconst DetailedList = ({ children }: ProductListingLayoutProps) => {\n  return (\n    <div>\n      <DetailedListTopBar />\n      <div className=\"grid grid-cols-1 [&_>div:first-child]:rounded-tl [&_>div:first-child]:rounded-tr [&_>div:first-child]:border-t [&_>div:last-child]:rounded-bl [&_>div:last-child]:rounded-br [&_>div:nth-of-type(even)]:bg-gray-50 [&_>div:nth-of-type(odd)]:bg-white [&_>div]:border-x [&_>div]:border-b [&_>div]:border-gray-200 lg:[&_>div]:border-none\">\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport default DetailedList;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport clsx from 'clsx';\nimport { useTypedSelector } from '../../../Hooks/useTypedSelector';\nimport {\n  WishListActions,\n  addProductToWishList,\n  removeProductFromWishList,\n} from '../../../Reducers/WishList.reducer';\nimport Product from '../../../Types/Product';\nimport Icon from '../../Icon';\n\nconst DetailedListFavoriteButton = ({\n  product,\n  className,\n  iconClassName,\n  iconWrapperClassName,\n}: {\n  className?: string;\n  iconClassName?: string;\n  iconWrapperClassName?: string;\n  product: Product;\n}) => {\n  const dispatch = useDispatch();\n  const { current } = useTypedSelector((state) => state.userInfo);\n  const { favorite } = product;\n\n  const [isFavorite, setIsFavorite] = useState<boolean>(favorite);\n\n  const onClick = () => {\n    if (isFavorite) {\n      dispatch(removeProductFromWishList(product));\n      dispatch(WishListActions.removeWishListItem({ product: product }));\n    } else {\n      dispatch(addProductToWishList(product));\n    }\n    setIsFavorite(!isFavorite);\n  };\n\n  return current ? (\n    <button className={className} onClick={onClick}>\n      <Icon\n        name={isFavorite ? 'heart-filled' : 'heart'}\n        className={clsx(\n          iconClassName,\n          !iconClassName && 'h-6 w-6',\n          !iconClassName && isFavorite && 'text-success-300'\n        )}\n      />\n    </button>\n  ) : null;\n};\n\nexport default DetailedListFavoriteButton;\n","import React, { useEffect } from 'react';\nimport Input from '../../Inputs/Input';\nimport {\n  PRODUCT_DETAIL_LIST_COL_SIZE_LIST,\n  StockStatusLevel,\n} from '../../../constants';\nimport BuyButton from '../../BuyButton/BuyButton';\nimport Product from '../../../Types/Product';\nimport { translate } from '../../../Services/translation';\nimport clsx from 'clsx';\nimport FavoriteButton from '../../FavoriteButton/FavoriteButton';\nimport DetailedListFavoriteButton from './DetailedListFavoriteButton';\n\ninterface DetailedListBuyFormProps {\n  quantity: number;\n  product: Product;\n  boxesAmount: number;\n  rollsAmount: number;\n  totalAmount: number;\n  packageSize: number;\n  setBoxesAmount: (boxesAmount: number | undefined) => void;\n  setRollsAmount: (rollsAmount: number | undefined) => void;\n  setTotalAmount: (totalAmount: number | undefined) => void;\n  setQuantity: (quantity: number) => void;\n  isProductPage?: boolean;\n}\nconst DetailedListBuyForm = ({\n  isProductPage = false,\n  quantity,\n  product,\n  boxesAmount,\n  rollsAmount,\n  totalAmount,\n  setTotalAmount,\n  packageSize,\n  setBoxesAmount,\n  setRollsAmount,\n  setQuantity,\n}: DetailedListBuyFormProps) => {\n  const getParsedValue = (value: string) => {\n    return parseFloat(value) >= 0\n      ? parseFloat(value)\n      : value != ''\n      ? 0\n      : undefined;\n  };\n  useEffect(() => {\n    // if value of boxes is changed but boxes and rolls amount are 0 or empty - Clear total amount and set it to 0\n    if (\n      !boxesAmount &&\n      boxesAmount == 0 &&\n      !rollsAmount &&\n      rollsAmount == 0\n    ) {\n      setTotalAmount(0);\n      return;\n    }\n    //if boxes amount is changed and is is empty but rolls amount have a value. Set total amount to rolls amount\n    if (!boxesAmount && boxesAmount == 0) {\n      setTotalAmount(rollsAmount);\n      return;\n    }\n    if (boxesAmount && boxesAmount > 0) {\n      if (!rollsAmount && rollsAmount == 0) {\n        setTotalAmount(boxesAmount * packageSize);\n        return;\n      } else {\n        setTotalAmount(boxesAmount * packageSize + rollsAmount);\n      }\n    }\n  }, [boxesAmount]);\n  useEffect(() => {\n    // if value of rolls is changed but boxes and rolls amount are 0 or empty - Clear total amount and set it to 0\n    if (\n      !boxesAmount &&\n      boxesAmount == 0 &&\n      !rollsAmount &&\n      rollsAmount == 0\n    ) {\n      setTotalAmount(0);\n      return;\n    }\n    //if rolls amount is changed and is is empty but boxes amount have a value. Set total amount to boxes amount\n    if (!rollsAmount && rollsAmount == 0) {\n      setTotalAmount(boxesAmount * packageSize);\n      return;\n    }\n    if (rollsAmount && rollsAmount > 0) {\n      if (!boxesAmount && boxesAmount == 0) {\n        setTotalAmount(rollsAmount);\n        return;\n      } else {\n        setTotalAmount(boxesAmount * packageSize + rollsAmount);\n      }\n    }\n  }, [rollsAmount]);\n  useEffect(() => {\n    if (!totalAmount || totalAmount == 0) {\n      setBoxesAmount(0);\n      setRollsAmount(0);\n    }\n    if (totalAmount && totalAmount > 0) {\n      setQuantity(totalAmount);\n      if (totalAmount < packageSize) {\n        setBoxesAmount(0);\n        setRollsAmount(totalAmount);\n      } else {\n        setBoxesAmount(Math.floor(totalAmount / packageSize));\n        setRollsAmount(totalAmount % packageSize);\n      }\n    }\n    setQuantity(totalAmount && totalAmount > 0 ? totalAmount : 0);\n  }, [totalAmount]);\n  return (\n    <>\n      {packageSize && packageSize > 1 ? (\n        <>\n          <div\n            className=\"flex h-full flex-col self-center md-down:!w-[unset]\"\n            style={{\n              width: !isProductPage\n                ? `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[6]}%`\n                : undefined,\n            }}\n          >\n            <div\n              className={clsx(\n                'text-md font-bold ',\n                !isProductPage && 'lg:hidden'\n              )}\n            >\n              {translate('detailed-product-card.boxes')}\n            </div>\n            <Input\n              value={!!boxesAmount ? boxesAmount : ''}\n              onChange={(e) =>\n                setBoxesAmount(getParsedValue(e.target.value))\n              }\n              type=\"number\"\n            />\n          </div>\n          <div\n            className=\"flex h-full flex-col self-center md-down:!w-[unset]\"\n            style={{\n              width: !isProductPage\n                ? `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[7]}%`\n                : undefined,\n            }}\n          >\n            <div\n              className={clsx(\n                'text-md font-bold ',\n                !isProductPage && 'lg:hidden'\n              )}\n            >\n              {translate('detailed-product-card.rolls')}\n            </div>\n            <Input\n              value={!!rollsAmount ? rollsAmount : ''}\n              onChange={(e) =>\n                setRollsAmount(getParsedValue(e.target.value))\n              }\n              type=\"number\"\n            />\n          </div>\n        </>\n      ) : (\n        !isProductPage && (\n          <>\n            <div\n              className=\"flex h-full flex-col self-center md-down:!w-[unset]\"\n              style={{\n                width: !isProductPage\n                  ? `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[6]}%`\n                  : undefined,\n              }}\n            ></div>\n            <div\n              className=\"flex h-full flex-col self-center md-down:!w-[unset]\"\n              style={{\n                width: !isProductPage\n                  ? `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[7]}%`\n                  : undefined,\n              }}\n            ></div>\n          </>\n        )\n      )}\n      <div\n        className={clsx(\n          'flex h-full flex-col self-center md-down:!w-[unset]'\n        )}\n        style={{\n          width: !isProductPage\n            ? `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[8]}%`\n            : undefined,\n        }}\n      >\n        {!product.isMeasuredWallpaper && (\n          <>\n            <div\n              className={clsx(\n                'text-md font-bold ',\n                !isProductPage && 'lg:hidden'\n              )}\n            >\n              {translate('detailed-product-card.total')}\n            </div>\n            <Input\n              value={!!totalAmount ? totalAmount : ''}\n              onChange={(e) =>\n                setTotalAmount(getParsedValue(e.target.value))\n              }\n              type=\"number\"\n            />\n          </>\n        )}\n      </div>\n      <div\n        className={clsx(\n          'flex h-full self-center md-down:!w-[unset]',\n          !isProductPage ? 'lg:gap-3 md-down:flex-col' : 'flex-col',\n          isProductPage &&\n            (!packageSize || packageSize <= 1) &&\n            'col-span-2 sm:col-span-3'\n        )}\n        style={{\n          width: !isProductPage\n            ? `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[9]}%`\n            : undefined,\n        }}\n      >\n        {/* Empty column */}\n        <div\n          className={clsx(\n            'h-[21px] text-md font-bold',\n            !isProductPage && 'lg:hidden lg:gap-3',\n            isProductPage && packageSize > 1 && 'hidden sm:block'\n          )}\n        >\n          {' '}\n        </div>\n        {product.stockStatus?.level !== StockStatusLevel.Inactive &&\n          !product.disableBuyOption && (\n            <>\n              {!product.isMeasuredWallpaper ? (\n                <BuyButton\n                  articleNumber={product.id}\n                  quantity={quantity}\n                  hideIcon={true}\n                  btnSize={'medium'}\n                  disabled={\n                    (product.stockStatus &&\n                      !product.stockStatus.inStock) ||\n                    !quantity ||\n                    !product.id\n                  }\n                />\n              ) : (\n                <a\n                  className=\"btn btn--outlined btn--medium relative w-full border-gray-700\"\n                  href={product.url}\n                >\n                  {translate('product-card.view')}\n                </a>\n              )}\n            </>\n          )}\n        {!isProductPage && (\n          <DetailedListFavoriteButton\n            className=\"md-down:hidden\"\n            product={product}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nexport default DetailedListBuyForm;\n","import React from 'react';\nimport Product from '../../../Types/Product';\nimport { translate } from '../../../Services/translation';\ninterface ProductInformationPanelProps {\n  product: Product;\n}\n\nconst ProductInformationPanel = ({\n  product,\n}: ProductInformationPanelProps) => {\n  return (\n    <div>\n      <div className=\"mb-3 text-lg font-bold\">\n        {translate('detailed-product-card.product-information-title')}\n      </div>\n      <div className=\"flex flex-col gap-3\">\n        {product.productWidthM && (\n          <div className=\"flex justify-between text-md text-gray-700\">\n            <span>{translate('product.product-width')}</span>\n            <span>{`${product.productWidthM} ${translate(\n              'general.unit-m'\n            )}`}</span>\n          </div>\n        )}\n        {product.productLengthM && (\n          <div className=\"flex justify-between text-md text-gray-700\">\n            <span>{translate('product.product-length')}</span>\n            <span>{`${product.productLengthM} ${translate(\n              'general.unit-m'\n            )}`}</span>\n          </div>\n        )}\n        {product.productRepeatSizeCM && (\n          <div className=\"flex justify-between text-md text-gray-700\">\n            <span>{translate('product.product-repeat-size')}</span>\n            <span>{`${product.productRepeatSizeCM} ${translate(\n              'general.unit-cm'\n            )}`}</span>\n          </div>\n        )}\n        {product.productPatternMatch && (\n          <div className=\"flex justify-between text-md text-gray-700\">\n            <span>{translate('product.product-pattern-match')}</span>\n            <span>{product.productPatternMatch}</span>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default ProductInformationPanel;\n","import React, { useMemo } from 'react';\nimport PriceModel from '../../../Types/PriceModel';\nimport { translate } from '../../../Services/translation';\ninterface TieredPricesPanelProps {\n  priceModel: PriceModel;\n  packageSize?: number;\n}\n\ninterface TierPriceViewInterface {\n  formattedPrice: string;\n  savings?: string;\n  amountMessage: string;\n}\nconst IsSingleUnit = (packageSize, minimumQuantity) => {\n  if (!packageSize || packageSize === 1 || packageSize > minimumQuantity)\n    return true;\n  else return false;\n};\nconst IsBulkUnit = (packageSize, minimumQuantity) => {\n  if (packageSize <= minimumQuantity) return true;\n  else return false;\n};\n\nconst TieredPricesPanel = ({\n  priceModel,\n  packageSize,\n}: TieredPricesPanelProps) => {\n  const getTierPriceMessage = (\n    minimumQuantity: number,\n    packageSize: number | undefined,\n    unit?: string\n  ) => {\n    if (IsSingleUnit(packageSize, minimumQuantity))\n      return `${translate('tire-price-message.single-units')}`;\n    else if (IsBulkUnit(packageSize, minimumQuantity))\n      return `${translate(\n        'tire-price-message.bulk-units'\n      )} ${packageSize} ${unit}`;\n    else {\n      console.error('Cant get tiered price message');\n      return '';\n    }\n  };\n\n  const getAmountSaved = (tierPrice: number, basePrice: number) => {\n    if (tierPrice < basePrice) {\n      return `${100 - Math.floor((tierPrice / basePrice) * 100)} %`;\n    } else return '';\n  };\n\n  const getFormattedPrice = (price: number, currency: string) => {\n    return `${price} ${currency}`;\n  };\n\n  const tieredPrices = useMemo(() => {\n    if (!priceModel.price && !priceModel?.tierPrices) return '';\n    let localTieredPrices = [] as TierPriceViewInterface[];\n    priceModel.tierPrices.forEach((obj) => {\n      const tierPrice = {\n        formattedPrice: getFormattedPrice(\n          obj.price,\n          priceModel.currency.id\n        ),\n        savings: getAmountSaved(obj.price, priceModel.price.price),\n        amountMessage: getTierPriceMessage(\n          obj.minimumQuantity,\n          packageSize,\n          priceModel.price?.unitOfMeasurementTitle\n        ),\n      };\n      localTieredPrices.push(tierPrice);\n    });\n    return localTieredPrices;\n  }, []);\n\n  return (\n    <div>\n      {tieredPrices && tieredPrices.length > 0 && (\n        <div className=\"flex flex-col gap-3\">\n          <div>\n            <div className=\"mb-3 text-lg font-bold\">\n              {translate('detailed-product-card.tier-prices-title')}\n            </div>\n            <div className=\"text-md\">\n              {translate('detailed-product-card.tier-prices-info')}\n            </div>\n          </div>\n          <div className=\"grid grid-cols-[1fr_2fr_1fr] text-md font-bold\">\n            <span>{translate('product-card.price-per-unit')}</span>\n            <span>{translate('product-card.you-save')}</span>\n            <span>{translate('product-card.amount')}</span>\n          </div>\n          {tieredPrices.map((tierPrice, idx) => (\n            <div\n              key={idx}\n              className=\"grid grid-cols-[1fr_2fr_1fr] text-md\"\n            >\n              <span> {tierPrice.formattedPrice}</span>\n              <span> {tierPrice.savings}</span>\n              <span> {tierPrice.amountMessage}</span>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default TieredPricesPanel;\n","import React, { useState } from 'react';\nimport ResponsiveImage from '../ResponsiveImage/ResponsiveImage';\nimport Icon from '../Icon';\nimport { translate } from '../../Services/translation';\nimport DetailedListBuyForm from './DetailedProductCardComponents/DetailedListBuyForm';\nimport { ProductCardWithDetailsModel } from '../../Types/ProductCardWithDetailsModel';\nimport clsx from 'clsx';\nimport StockStatusPanel from './DetailedProductCardComponents/StockStatusPanel';\nimport ProductInformationPanel from './DetailedProductCardComponents/ProductInformationPanel';\nimport TieredPricesPanel from './DetailedProductCardComponents/TieredPricesPanel';\nimport FavoriteButton from '../FavoriteButton/FavoriteButton';\nimport BuySampleButton from '../BuyButton/BuySampleButton';\nimport { HIDE_TIER_PRICES, StockStatusLevel } from '../../constants';\nimport DetailedListFavoriteButton from './DetailedProductCardComponents/DetailedListFavoriteButton';\nimport StockStatus from '../../Types/StockStatus';\n\nconst ProductCardWithDetailsMobile = ({\n  product,\n  quantity,\n  boxesAmount,\n  rollsAmount,\n  totalAmount,\n  packageSize,\n  setQuantity,\n  setBoxesAmount,\n  setRollsAmount,\n  setTotalAmount,\n}: ProductCardWithDetailsModel) => {\n  const [detailsOpen, setDetailsOpen] = useState(false);\n\n  const getStockStatus = (stockStatus: StockStatus) => {\n    if (!stockStatus.inStock) return product.itemRestockDate;\n\n    return stockStatus.level == StockStatusLevel.OnDemand\n      ? stockStatus.description\n      : `${stockStatus.quantity} ${translate(\n          'detailed-product-card.units-in-stock'\n        )}`;\n  };\n\n  return (\n    <div className=\"w-full p-3 lg:hidden \">\n      <div className=\"flex gap-3\">\n        {product.images && product.images.length > 0 ? (\n          <a href={product.url} className=\"w-[66px]\">\n            <ResponsiveImage\n              imgProps={{\n                className:\n                  'aspect-[3/4] object-cover w-full rounded hover:cursor-pointer transition duration-500 group-hover:scale-105',\n              }}\n              {...product.images[0]?.imageModel}\n            />\n          </a>\n        ) : (\n          <a href={product.url} className=\"w-[66px]\">\n            <div className=\"w-full rounded object-cover transition duration-500 aspect-[3/4] group-hover:scale-105 hover:cursor-pointer\"></div>\n          </a>\n        )}\n        <div className=\"flex-1\">\n          <div className=\"mb-0.5 flex justify-between\">\n            <div>{product.id}</div>\n            <DetailedListFavoriteButton product={product} />\n          </div>\n          <h5 className=\"mb-0.5\">{product.name}</h5>\n          <div className=\"mb-0.5 text-md text-gray-500\">\n            {product.itemCollection}\n          </div>\n          <div className=\"text-md text-gray-500\">{`${\n            product.itemPackageSize\n          } ${product.price.price?.unitOfMeasurementTitle} / ${translate(\n            'detailed-product-card.boxes'\n          )} `}</div>\n        </div>\n      </div>\n      <div className=\"flex items-center justify-between\">\n        <div className=\"text-md\">\n          {`${product.price.formattedPrice} / `}\n          <span className=\"text-sm text-gray-500\">\n            {product.price.price?.unitOfMeasurementTitle}\n          </span>\n        </div>\n        <div>\n          {product.stockStatus && getStockStatus(product.stockStatus)}\n        </div>\n      </div>\n      <div className=\"flex w-full md-down:grid md-down:grid-cols-[1fr_1fr_1fr_1fr] md-down:gap-3\">\n        <DetailedListBuyForm\n          product={product}\n          quantity={quantity}\n          boxesAmount={boxesAmount}\n          rollsAmount={rollsAmount}\n          totalAmount={totalAmount}\n          packageSize={packageSize}\n          setQuantity={setQuantity}\n          setBoxesAmount={setBoxesAmount}\n          setRollsAmount={setRollsAmount}\n          setTotalAmount={setTotalAmount}\n        />\n      </div>\n      <div>\n        <button\n          className=\"flex items-center gap-0.5 self-start py-2\"\n          onClick={() => setDetailsOpen(!detailsOpen)}\n        >\n          <span className=\"text-md underline\">\n            {translate('detailed-product-card.details')}\n          </span>\n          <Icon\n            name=\"chevron-left\"\n            className={clsx(\n              'h-4 w-4 transition-transform',\n              detailsOpen ? 'rotate-90' : 'rotate-[270deg] '\n            )}\n          />\n        </button>\n      </div>\n      <div\n        className={clsx(\n          'grid w-full transition-[grid-template-rows] duration-200',\n          detailsOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\n        )}\n      >\n        <div className=\"flex flex-col gap-3 overflow-hidden\">\n          <div className=\"rounded border border-gray-200 p-4\">\n            <StockStatusPanel\n              itemBatchInventories={product.itemBatchInventories}\n              productId={product.id}\n            />\n          </div>\n          <div className=\"rounded border border-gray-200 p-4\">\n            <ProductInformationPanel product={product} />\n          </div>\n          {product.price?.tierPrices?.length > 0 && !HIDE_TIER_PRICES && (\n            <div className=\"rounded border border-gray-200 p-4\">\n              <TieredPricesPanel priceModel={product.price} />\n            </div>\n          )}\n          {product.stockStatus?.level !== StockStatusLevel.Inactive &&\n            !product.disableBuyOption &&\n            product.samples?.length! > 0 &&\n            product.samples?.map((sample) => (\n              <BuySampleButton\n                {...sample}\n                className=\"col-span-4 border border-solid border-gray-700\"\n                btnSize=\"medium\"\n                key={`sample-${sample.articleNumber}`}\n              />\n            ))}\n          <a\n            href={product.url}\n            className=\"btn btn--white btn--medium w-full border-gray-700\"\n          >\n            {translate('product-card.visit-product-page')}\n          </a>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default ProductCardWithDetailsMobile;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport ProductCardProps from './types/ProductCardProps';\nimport {\n  HIDE_TIER_PRICES,\n  PRODUCT_DETAIL_LIST_COL_SIZE_LIST,\n  StockStatusLevel,\n} from '../../constants';\nimport clsx from 'clsx';\nimport Icon from '../Icon';\nimport ProductPrice from '../ProductPrice/ProductPrice';\nimport StockStatusPanel from './DetailedProductCardComponents/StockStatusPanel';\nimport ProductInformationPanel from './DetailedProductCardComponents/ProductInformationPanel';\nimport TieredPricesPanel from './DetailedProductCardComponents/TieredPricesPanel';\nimport DetailedListBuyForm from './DetailedProductCardComponents/DetailedListBuyForm';\nimport BuySampleButton from '../BuyButton/BuySampleButton';\nimport ResponsiveImage from '../ResponsiveImage/ResponsiveImage';\nimport { translate } from '../../Services/translation';\nimport { ProductCardWithDetailsModel } from '../../Types/ProductCardWithDetailsModel';\nimport StockStatus from '../../Types/StockStatus';\n\nconst ProductCardWithDetails = ({\n  product,\n  quantity,\n  boxesAmount,\n  rollsAmount,\n  totalAmount,\n  packageSize,\n  setQuantity,\n  setBoxesAmount,\n  setRollsAmount,\n  setTotalAmount,\n}: ProductCardWithDetailsModel) => {\n  const [detailsOpen, setDetailsOpen] = useState(false);\n\n  const getFormattedDate = (date: Date) => {\n    if (!date) return;\n    const dateObj = new Date(date);\n    const month = dateObj.toLocaleString('sv-SE', { month: '2-digit' });\n    const day = dateObj.toLocaleString('sv-SE', { day: 'numeric' });\n    const year = dateObj.toLocaleString('sv-SE', { year: 'numeric' });\n    return `${day}/${month}/${year}`;\n  };\n\n  const getStockStatus = (stockStatus: StockStatus) => {\n    return stockStatus.level == StockStatusLevel.OnDemand\n      ? stockStatus.description\n      : stockStatus.quantity;\n  };\n\n  return (\n    <div className=\"hidden w-full flex-col border-x border-b border-gray-200 lg:flex\">\n      <div className=\"flex w-full gap-4 p-3\">\n        <div\n          className=\"flex h-full self-center\"\n          style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[0]}%` }}\n        >\n          <a href={product.url} className=\"h-full w-full\">\n            {product.images && product.images.length > 0 ? (\n              <ResponsiveImage\n                imgProps={{\n                  className:\n                    'aspect-[3/4] object-cover w-full rounded hover:cursor-pointer transition duration-500 group-hover:scale-105',\n                }}\n                {...product.images[0]?.imageModel}\n              />\n            ) : (\n              <div className=\"w-full rounded aspect-[3/4] hover:cursor-pointer\"></div>\n            )}\n          </a>\n        </div>\n        <div\n          className=\"flex h-full flex-col self-center\"\n          style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[1]}%` }}\n        >\n          <span className=\"mb-1 text-md xl:text-lg\">{product.id}</span>\n          <h5 className=\"mb-0.5\">{product.name}</h5>\n          <button\n            className=\"flex items-center gap-0.5 self-start py-0.5\"\n            onClick={() => setDetailsOpen(!detailsOpen)}\n          >\n            <span className=\"text-md underline\">\n              {translate('detailed-product-card.details')}\n            </span>\n            <Icon\n              name=\"chevron-left\"\n              className={clsx(\n                'h-4 w-4 transition-transform',\n                detailsOpen ? 'rotate-90' : 'rotate-[270deg] '\n              )}\n            />\n          </button>\n        </div>\n        <div\n          className=\"flex h-full self-center text-md xl:text-lg\"\n          style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[2]}%` }}\n        >\n          {product.itemCollection}\n        </div>\n        <div\n          className=\"flex h-full self-center text-md xl:text-lg\"\n          style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[3]}%` }}\n        >\n          {product.displayRestockDate && product.itemRestockDate && (\n            <span className=\"text-error-500\">\n              {getFormattedDate(product.itemRestockDate)}\n            </span>\n          )}\n          {!product.displayRestockDate && product.stockStatus && (\n            <span>{getStockStatus(product.stockStatus)}</span>\n          )}\n        </div>\n        <div\n          className=\"flex h-full self-center text-md xl:text-lg\"\n          style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[4]}%` }}\n        >\n          {packageSize} {product.unitOfMeasurement}\n        </div>\n        <div\n          className=\"flex h-full justify-end self-center\"\n          style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[5]}%` }}\n        >\n          <ProductPrice\n            priceModel={product.price}\n            itemPackageSize={product.itemPackageSize}\n            showTierPrices={true}\n          />\n        </div>\n        <DetailedListBuyForm\n          product={product}\n          quantity={quantity}\n          boxesAmount={boxesAmount}\n          rollsAmount={rollsAmount}\n          totalAmount={totalAmount}\n          packageSize={packageSize}\n          setQuantity={setQuantity}\n          setBoxesAmount={setBoxesAmount}\n          setRollsAmount={setRollsAmount}\n          setTotalAmount={setTotalAmount}\n        />\n      </div>\n      <div\n        className={clsx(\n          'grid w-full transition-[grid-template-rows] duration-200',\n          detailsOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\n        )}\n      >\n        <div className=\"flex w-full flex-col gap-3 overflow-hidden px-3\">\n          <div\n            className={clsx(\n              'grid gap-3',\n              !HIDE_TIER_PRICES ? 'grid-cols-2' : 'grid-cols-3'\n            )}\n          >\n            <div className=\"rounded border border-gray-200 p-4\">\n              <StockStatusPanel\n                itemBatchInventories={product.itemBatchInventories}\n                productId={product.id}\n              />\n            </div>\n            <div className=\"rounded border border-gray-200 p-4\">\n              <ProductInformationPanel product={product} />\n            </div>\n            {!HIDE_TIER_PRICES && (\n              <div className=\"rounded border border-gray-200 p-4\">\n                {product.price.tierPrices?.length > 0 && (\n                  <TieredPricesPanel\n                    packageSize={\n                      !!product.itemPackageSize\n                        ? product.itemPackageSize\n                        : 1\n                    }\n                    priceModel={product.price}\n                  />\n                )}\n              </div>\n            )}\n          </div>\n          <div className=\"flex w-full justify-between pb-3\">\n            {product.stockStatus?.level !== StockStatusLevel.Inactive &&\n            !product.disableBuyOption &&\n            product.samples?.length! > 0 ? (\n              product.samples?.map((sample) => (\n                <BuySampleButton\n                  {...sample}\n                  className=\"col-span-4 !w-auto border border-solid border-gray-700\"\n                  btnSize=\"medium\"\n                  key={`sample-${sample.articleNumber}`}\n                />\n              ))\n            ) : (\n              <div></div> // for alignment purposes only\n            )}\n            <a\n              href={product.url}\n              className=\"btn btn--outlined btn--medium border-gray-700\"\n            >\n              {translate('product-card.visit-product-page')}\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default ProductCardWithDetails;\n","import React, { useMemo, useState } from 'react';\nimport ProductCardProps from './types/ProductCardProps';\nimport ProductCardWithDetailsMobile from './ProductCardWithDetailsMobile';\nimport ProductCardWithDetails from './ProductCardWithDetails';\n\nconst ProductCardWithDetailsContainer = ({\n  product,\n  lazyLoadImage,\n  className,\n  showInfo = true,\n  showRoomshot = false,\n}: ProductCardProps) => {\n  const [quantity, setQuantity] = useState<number | undefined>(0);\n  const [boxesAmount, setBoxesAmount] = useState<number>(0);\n  const [rollsAmount, setRollsAmount] = useState<number>(0);\n  const [totalAmount, setTotalAmount] = useState<number>(0);\n  const [packageSize, setPackageSize] = useState<number>(0);\n  useMemo(\n    () =>\n      setPackageSize(\n        product.itemPackageSize ? product.itemPackageSize : 1\n      ),\n    []\n  );\n  return (\n    <>\n      <ProductCardWithDetails\n        product={product}\n        lazyLoadImage={lazyLoadImage}\n        className={className}\n        showInfo={showInfo}\n        showRoomshot={showRoomshot}\n        quantity={quantity}\n        boxesAmount={boxesAmount}\n        rollsAmount={rollsAmount}\n        totalAmount={totalAmount}\n        packageSize={packageSize}\n        setQuantity={setQuantity}\n        setBoxesAmount={setBoxesAmount}\n        setRollsAmount={setRollsAmount}\n        setTotalAmount={setTotalAmount}\n        setPackageSize={setPackageSize}\n      />\n      <ProductCardWithDetailsMobile\n        product={product}\n        lazyLoadImage={lazyLoadImage}\n        className={className}\n        showInfo={showInfo}\n        showRoomshot={showRoomshot}\n        quantity={quantity}\n        boxesAmount={boxesAmount}\n        rollsAmount={rollsAmount}\n        totalAmount={totalAmount}\n        packageSize={packageSize}\n        setQuantity={setQuantity}\n        setBoxesAmount={setBoxesAmount}\n        setRollsAmount={setRollsAmount}\n        setTotalAmount={setTotalAmount}\n        setPackageSize={setPackageSize}\n      />\n    </>\n  );\n};\n\nexport default ProductCardWithDetailsContainer;\n","import React from 'react';\nimport { PRODUCT_DETAIL_LIST_COL_SIZE_LIST } from '../../constants';\nimport { translate } from 'react-range/lib/utils';\nimport Icon from '../Icon';\nimport clsx from 'clsx';\n\nconst ProductCardWithDetailsPlaceholder = () => {\n  return (\n    <div className=\"skeleton hidden w-full flex-col border-x border-b border-gray-200 lg:flex\">\n      <div className=\"flex w-full gap-4 p-3\">\n        <div\n          className=\"flex h-full self-center\"\n          style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[0]}%` }}\n        >\n          <div className=\"aspect-[3/4] h-full w-full bg-gray-100\">\n            &nbsp;\n          </div>\n        </div>\n        <div\n          className=\"flex h-full flex-col self-center\"\n          style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[1]}%` }}\n        >\n          <span className=\"mb-1 bg-gray-100 text-md xl:text-lg\">\n            &nbsp;\n          </span>\n          <h5 className=\"mb-0.5 bg-gray-100\">&nbsp;</h5>\n          <div className=\"flex items-center gap-0.5 self-start bg-gray-100 py-0.5\">\n            <span className=\" flex-1 text-md\">&nbsp;</span>\n          </div>\n        </div>\n        <div\n          className=\"flex h-full self-center bg-gray-100 text-md xl:text-lg\"\n          style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[2]}%` }}\n        >\n          &nbsp;\n        </div>\n        <div\n          className=\"flex h-full self-center text-md xl:text-lg\"\n          style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[3]}%` }}\n        >\n          <span className=\"bg-gray-100\">&nbsp;</span>\n        </div>\n        <div\n          className=\"flex h-full self-center bg-gray-100 text-md xl:text-lg\"\n          style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[4]}%` }}\n        >\n          &nbsp;\n        </div>\n        <div\n          className=\"flex h-full justify-end self-center bg-gray-100\"\n          style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[5]}%` }}\n        >\n          &nbsp;\n        </div>\n        <div\n          className=\"flex h-10 justify-end self-center bg-gray-100\"\n          style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[6]}%` }}\n        >\n          &nbsp;\n        </div>\n        <div\n          className=\"flex h-10 justify-end self-center bg-gray-100\"\n          style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[7]}%` }}\n        >\n          &nbsp;\n        </div>\n        <div\n          className=\"flex h-10 justify-end self-center bg-gray-100\"\n          style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[8]}%` }}\n        >\n          &nbsp;\n        </div>\n        <div\n          className=\"flex h-10 justify-end self-center bg-gray-100\"\n          style={{ width: `${PRODUCT_DETAIL_LIST_COL_SIZE_LIST[9]}%` }}\n        ></div>\n      </div>\n    </div>\n  );\n};\n\nexport default ProductCardWithDetailsPlaceholder;\n","import React from 'react';\n\nconst ProductCardWithDetailsMobilePlaceholder = () => {\n  return (\n    <div className=\"skeleton w-full p-3 lg:hidden \">\n      <div className=\"flex gap-3\">\n        <a className=\"w-[66px]\">\n          <div className=\"aspect-[3/4] w-full min-w-[40px] rounded bg-gray-100 object-cover transition duration-500 group-hover:scale-105 hover:cursor-pointer\"></div>\n        </a>\n        <div className=\"flex flex-col\">\n          <div className=\"mb-0.5 flex justify-between\">\n            <div className=\"min-w-[40px] bg-gray-100\">&nbsp;</div>\n            <div className=\"-m-2  p-2\"></div>\n          </div>\n          <h5 className=\"mb-0.5 min-w-[40px] bg-gray-100\">&nbsp;</h5>\n          <div className=\"mb-0.5 inline-flex min-w-[40px] bg-gray-100 text-md text-gray-500\">\n            &nbsp;\n          </div>\n          <div className=\"min-w-[40px] bg-gray-100 text-md text-gray-500\">\n            &nbsp;\n          </div>\n        </div>\n      </div>\n      <div className=\"flex items-center justify-between\">\n        <div className=\"min-w-[40px] bg-gray-100 text-md\">\n          &nbsp;\n          <span className=\"min-w-[40px] bg-gray-100 text-sm text-gray-500\">\n            &nbsp;\n          </span>\n        </div>\n        <div className=\"min-w-[40px] bg-gray-100\">&nbsp;</div>\n      </div>\n      <div className=\"flex w-full md-down:grid md-down:grid-cols-[1fr_1fr_1fr_1fr] md-down:gap-3\">\n        <div className=\"min-w-[40px] bg-gray-100\">&nbsp;</div>\n        <div className=\"min-w-[40px] bg-gray-100\">&nbsp;</div>\n        <div className=\"min-w-[40px] bg-gray-100\">&nbsp;</div>\n        <div className=\"min-w-[40px] bg-gray-100\">&nbsp;</div>\n      </div>\n      <div>\n        <button className=\"flex items-center gap-0.5 self-start py-2\">\n          <span className=\"min-w-[40px] bg-gray-100 text-md\">&nbsp;</span>\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default ProductCardWithDetailsMobilePlaceholder;\n","import React, { Fragment } from 'react';\nimport ProductCardWithDetailsPlaceholder from '../ProductCardWithDetailsPlaceholder';\nimport ProductCardWithDetailsMobilePlaceholder from './ProductCardWithDetailsMobilePlaceholder';\n\nconst ProductCardWithDetailsPlaceholderContainer = () => {\n  return (\n    <>\n      <ProductCardWithDetailsMobilePlaceholder />\n      <ProductCardWithDetailsPlaceholder />\n    </>\n  );\n};\n\nexport default ProductCardWithDetailsPlaceholderContainer;\n","import React, {\n  useMemo,\n  useState,\n  useEffect,\n  useCallback,\n  createRef,\n  useLayoutEffect,\n} from 'react';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport ProductCard from '../ProductCards/ProductCard';\nimport ProductCardPlaceholder from '../ProductCards/ProductCardPlaceholder';\nimport { ProductListingType } from '../../Reducers/ProductListing.reducer';\nimport {\n  fetchProducts,\n  setIsLoadingMore,\n  setIsLoadingReverse,\n  setUrlCount,\n} from '../../Actions/ProductListing.action';\nimport { throttle } from 'lodash-es';\nimport { translate } from '../../Services/translation';\nimport { useTypedDispatch } from '../../Hooks/useTypedDispatch';\nimport useReady from '../../Hooks/useReady';\nimport Grid1plus2 from './Layouts/Grid1plus2';\nimport Grid from './Layouts/Grid';\nimport Grid3by3 from './Layouts/Grid3by3';\nimport RenderIfVisible from 'react-render-if-visible';\nimport clsx from 'clsx';\nimport DetailedList from './Layouts/DetailedList';\nimport ProductCardWithDetailsContainer from '../ProductCards/ProductCardWithDetailsContainer';\nimport ProductCardWithDetailsPlaceholderContainer from '../ProductCards/DetailedProductCardComponents/ProductCardWithDetailsPlaceholderContainer';\nimport Product from '../../Types/Product';\nimport BannerBlock, {\n  BannerBlockViewModel,\n} from '../../Blocks/BannerBlock/BannerBlock';\nimport useIsMobile from '../../Hooks/useIsMobile';\nimport useWindowSize from '../../Hooks/useWindowSize';\nconst MAX_BANNER_COUNT = 3;\nconst getScrollStorageKey = () => `scroll-${document.location.toString()}`;\nconst getBannerIndices = (\n  bannerCount: number,\n  productListingType: ProductListingType,\n  isMobile: boolean\n) => {\n  let indices: number[] = [];\n\n  if (bannerCount == 0) return indices;\n\n  if (productListingType == ProductListingType.Grid1plus2) {\n    indices = isMobile ? [10, 25, 40] : [6, 19, 34];\n  } else if (productListingType == ProductListingType.Grid2by2) {\n    indices = [8, 23, 32];\n  } else if (productListingType == ProductListingType.Grid3by3) {\n    indices = [12, 33, 46];\n  }\n\n  return indices.slice(0, Math.min(MAX_BANNER_COUNT, bannerCount));\n};\nconst getShiftCount = (\n  bannerIndices: number[],\n  bannerCount: number,\n  index: number\n) => {\n  for (let i = 1; i <= bannerIndices.length; i++) {\n    if (\n      bannerCount >= i &&\n      index > bannerIndices[i - 1]! &&\n      (bannerCount < i + 1 || index <= bannerIndices[i]!)\n    ) {\n      return i;\n    }\n  }\n\n  return 0;\n};\nconst isLargeCard = (\n  productListingType: ProductListingType,\n  index: number,\n  shiftCount: number = 0\n) => {\n  const shiftedIndex = index + shiftCount;\n\n  return (\n    productListingType == ProductListingType.Grid1plus2 &&\n    ((shiftedIndex - 2) % 10 === 0 || (shiftedIndex - 5) % 10 === 0)\n  );\n};\nconst isMobileLargeCard = (\n  productListingType: ProductListingType,\n  index: number\n) => {\n  const shiftedIndex = index;\n  return (\n    productListingType == ProductListingType.Grid1plus2 &&\n    shiftedIndex % 5 === 0\n  );\n};\n\nconst bannerShouldSpanTwoCols = (\n  productListingType: ProductListingType,\n  isMobile: boolean\n) => {\n  if (productListingType == ProductListingType.Grid3by3 && isMobile) {\n    return false;\n  }\n\n  if (productListingType == ProductListingType.Grid2by2 && !isMobile) {\n    return false;\n  }\n  return true;\n};\n\nconst elementIsVisibleInViewport = (el, partiallyVisible = false) => {\n  const { top, left, bottom, right } = el.getBoundingClientRect();\n  const { innerHeight, innerWidth } = window;\n  return partiallyVisible\n    ? ((top > 0 && top < innerHeight) ||\n      (bottom > 0 && bottom < innerHeight)) &&\n    ((left > 0 && left < innerWidth) ||\n      (right > 0 && right < innerWidth))\n    : top >= 0 &&\n    left >= 0 &&\n    bottom <= innerHeight &&\n    right <= innerWidth;\n};\n\nconst isBannerBlock = (item: Product | BannerBlockViewModel | undefined) =>\n  !!item && !!(item as BannerBlockViewModel).systemId;\n\nconst ProductListing = () => {\n  const dispatch = useTypedDispatch();\n  const ready = useReady();\n  const {\n    products,\n    totalProductsCount,\n    fromCount,\n    isLoadingMore,\n    isLoadingReverse,\n    productListingType,\n    showAllFallbackUrl,\n    pageSize,\n    showRoomImage,\n    renderProducts,\n    banners,\n  } = useTypedSelector((state) => state.productListing);\n\n  const [infiniteScrollEnabled, setInfiniteScrollEnabled] = useState(\n    !!fromCount\n  );\n  const [mostLoadedGroupPosY, setMostLoadedGroupPosY] = useState<\n    number | undefined\n  >();\n  const [leastLoadedGroupPosY, setLeastLoadedGroupPosY] = useState<\n    number | undefined\n  >();\n  const [loadThreshold, setLoadThreshold] = useState(5000);\n  const [isResizing, setIsResizing] = useState(false);\n  const [windowWidth] = useWindowSize();\n  const isReady = useReady();\n\n  const hasLoadedAll = useMemo(\n    () => totalProductsCount <= products.filter((p) => !!p).length,\n    [totalProductsCount, products]\n  );\n  const [initialProducts] = useState(products); // keep track of what products we initially had\n  const isMobile = useIsMobile();\n  const bannerIndices = useMemo(\n    () =>\n      getBannerIndices(banners?.length ?? 0, productListingType, isMobile),\n    [banners?.length, productListingType, isMobile]\n  );\n\n  const bannerCount = useMemo(\n    () =>\n      bannerIndices\n        .slice(0, (banners?.length ?? 0) + 1)\n        .filter((idx) => idx < products.length).length,\n    [bannerIndices, banners?.length, products.length]\n  );\n\n  const productsWithPlaceholders = useMemo<\n    (Product | BannerBlockViewModel | undefined)[]\n  >(() => {\n    if (!renderProducts) {\n      // Placeholder cards when rendered on the server\n      return Array.from({ length: pageSize }) as Product[];\n    }\n\n    const _products: (Product | BannerBlockViewModel | undefined)[] =\n      infiniteScrollEnabled\n        ? products.concat(\n          Array.from({\n            length:\n              totalProductsCount - products.length - (fromCount ?? 0),\n          })\n        )\n        : [...products];\n\n    if (initialProducts.length > 0) return _products;\n\n    // Insert banner blocks into product listing\n    if (banners?.length > 0) {\n      const bannerIndices = getBannerIndices(\n        banners?.length ?? 0,\n        productListingType,\n        isMobile\n      );\n\n      for (let bannerIndex = 0; bannerIndex < bannerCount; bannerIndex++) {\n        if (banners) {\n          const banner = banners[bannerIndex];\n          const indexInProductList = bannerIndices[bannerIndex];\n          if (typeof indexInProductList === 'undefined') {\n            continue;\n          }\n\n          _products.splice(indexInProductList, 0, banner);\n        }\n      }\n    }\n\n    return _products;\n  }, [\n    renderProducts,\n    infiniteScrollEnabled,\n    products,\n    totalProductsCount,\n    fromCount,\n    initialProducts.length,\n    banners,\n    productListingType,\n    pageSize,\n    bannerCount,\n    isMobile,\n  ]);\n\n  const productRefs = useMemo(\n    () =>\n      renderProducts\n        ? productsWithPlaceholders.map((p) =>\n          !!p ? createRef<HTMLDivElement>() : undefined\n        )\n        : [],\n    [productsWithPlaceholders, renderProducts]\n  );\n\n  const [ProductComponent, ProductPlaceholderComponent] = useMemo(() => {\n    switch (productListingType) {\n      case ProductListingType.Grid:\n      case ProductListingType.Grid1plus2:\n      case ProductListingType.Grid2by2:\n      case ProductListingType.Grid3by3:\n      case ProductListingType.SingleCard:\n      default:\n        return [ProductCard, ProductCardPlaceholder];\n      case ProductListingType.DetailedList:\n        return [\n          ProductCardWithDetailsContainer,\n          ProductCardWithDetailsPlaceholderContainer,\n        ];\n    }\n  }, [productListingType]);\n\n  /**\n   * The least (top) and most (bottom) loaded product group indexes.\n   * Used to determine when to load more/reverse\n   */\n  const mostLoadedIndex = useMemo(\n    () =>\n      hasLoadedAll || !renderProducts\n        ? -1\n        : productsWithPlaceholders.findLastIndex((p) => !!p),\n    [productsWithPlaceholders, hasLoadedAll, renderProducts]\n  );\n\n  const leastLoadedIndex = useMemo(\n    () =>\n      hasLoadedAll || !renderProducts\n        ? -1\n        : productsWithPlaceholders.findIndex((p) => !!p),\n    [productsWithPlaceholders, hasLoadedAll, renderProducts]\n  );\n\n  /**\n   * Fetches more products based on the most loaded index.\n   * @returns void\n   */\n  const loadMore = () => {\n    if (!infiniteScrollEnabled || isLoadingMore || hasLoadedAll) return;\n\n    const startIndex = mostLoadedIndex + 1;\n\n    dispatch(setIsLoadingMore(true));\n    dispatch(fetchProducts(startIndex)).finally(() => {\n      dispatch(setIsLoadingMore(false));\n    });\n  };\n\n  /**\n   * Fetches products in reverse, aka. on scroll up, based on the least loaded index.\n   * @returns void\n   */\n  const loadReverse = () => {\n    if (leastLoadedIndex == 0 || isLoadingReverse || hasLoadedAll) {\n      return;\n    }\n\n    let startIndex = leastLoadedIndex - pageSize;\n    let take: number | undefined = undefined;\n    if (startIndex < 0) {\n      take = pageSize + startIndex;\n      startIndex = 0;\n    }\n\n    dispatch(setIsLoadingReverse(true));\n    dispatch(fetchProducts(startIndex, take)).finally(() => {\n      dispatch(setIsLoadingReverse(false));\n    });\n  };\n\n  /**\n   * When clicking the button to show all products, which enables infinite scroll.\n   */\n  const onShowAllProducts = (e: React.MouseEvent) => {\n    e.preventDefault();\n    setInfiniteScrollEnabled(true);\n  };\n\n  /**\n   * Updates the stored positions for the least and most loaded product groups.\n   * These values are used to determine when to load more/reverse products.\n   */\n  const refreshLoadedGroupPositions = () => {\n    const leastLoadedGroupRef = productRefs.find((ref) => !!ref?.current);\n    const mostLoadedGroupRef = productRefs.findLast(\n      (ref) => !!ref?.current\n    );\n    const mostLoadedProductGroupPosY =\n      mostLoadedGroupRef?.current?.getBoundingClientRect().top;\n    let leastLoadedProductGroupPosY =\n      leastLoadedGroupRef?.current?.getBoundingClientRect().top;\n\n    if (leastLoadedIndex == mostLoadedIndex) {\n      leastLoadedProductGroupPosY = mostLoadedProductGroupPosY;\n    }\n\n    setMostLoadedGroupPosY(mostLoadedProductGroupPosY);\n    setLeastLoadedGroupPosY(leastLoadedProductGroupPosY);\n  };\n\n  /**\n   * Infinite scroll.\n   * Detect when to load more products\n   */\n  useEffect(() => {\n    if (\n      infiniteScrollEnabled &&\n      !isLoadingMore &&\n      mostLoadedGroupPosY &&\n      mostLoadedGroupPosY + window.innerHeight <= loadThreshold\n    ) {\n      loadMore();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [mostLoadedGroupPosY, infiniteScrollEnabled]);\n\n  /**\n   * Infinite reverse scroll.\n   * Detect when to load products reverse.\n   */\n  useEffect(() => {\n    if (\n      !!fromCount &&\n      !isLoadingReverse &&\n      leastLoadedGroupPosY &&\n      leastLoadedGroupPosY >= 0 - loadThreshold\n    ) {\n      loadReverse();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [leastLoadedGroupPosY, leastLoadedIndex]);\n\n  /**\n   * Following two useEffects are used to update the stored positions of the most & least loaded product groups,\n   * which is what is used to determine when to load more/reverse\n   */\n  useEffect(() => {\n    if (!renderProducts || !infiniteScrollEnabled) {\n      return;\n    }\n\n    const onScroll = throttle(\n      () => {\n        refreshLoadedGroupPositions();\n      },\n      100,\n      { leading: true, trailing: false }\n    );\n\n    window.addEventListener('scroll', onScroll);\n\n    return () => {\n      window.removeEventListener('scroll', onScroll);\n    };\n  }, [infiniteScrollEnabled, renderProducts, productRefs]);\n\n  useEffect(() => {\n    if (!renderProducts) return;\n\n    const refreshIntervalId = setInterval(() => {\n      refreshLoadedGroupPositions();\n      if (totalProductsCount <= products.length) {\n        clearInterval(refreshIntervalId);\n      }\n    }, 250);\n\n    return () => {\n      clearInterval(refreshIntervalId);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isLoadingMore, isLoadingReverse, renderProducts]);\n\n  /**\n   * Updates the \"count\" parameter in the url, to store how many products we've loaded.\n   */\n  useEffect(() => {\n    if (!infiniteScrollEnabled) return;\n\n    dispatch(setUrlCount(products.length));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [products.length]);\n\n  const wrapperClasses = useMemo(() => {\n    switch (productListingType) {\n      case ProductListingType.Grid:\n        return 'grid grid-cols-1 gap-4';\n      default:\n        return undefined;\n    }\n  }, [productListingType]);\n\n  const CurrentProductsLayout = useMemo(() => {\n    switch (productListingType) {\n      case ProductListingType.Grid1plus2:\n        return Grid1plus2;\n\n      case ProductListingType.Grid3by3:\n        return Grid3by3;\n      case ProductListingType.DetailedList:\n        return DetailedList;\n      case ProductListingType.Grid2by2:\n      default:\n        return Grid;\n    }\n  }, [productListingType]);\n\n  /**\n   * Logic to keep scroll position on page load\n   */\n  const [scrollY, setScrollY] = useState(0);\n  useEffect(() => {\n    const onScroll = throttle(\n      () => setScrollY(window.scrollY - window.outerHeight),\n      500\n    );\n\n    window.addEventListener('scroll', onScroll);\n    const scrollStorageKey = getScrollStorageKey();\n    const initialScrollY = parseInt(\n      sessionStorage.getItem(scrollStorageKey) ?? '0'\n    );\n\n    if (initialScrollY > 0) {\n      if ('scrollRestoration' in history) {\n        history.scrollRestoration = 'manual';\n      }\n      setTimeout(() => {\n        window.scrollTo({ top: initialScrollY, behavior: 'instant' });\n        sessionStorage.removeItem(scrollStorageKey);\n      }, 100);\n    }\n\n    return () => {\n      window.removeEventListener('scroll', onScroll);\n    };\n  }, []);\n\n  const onBeforeUnload = useCallback(() => {\n    const topMostIndexInView = productRefs.findIndex(\n      (ref) =>\n        ref?.current && elementIsVisibleInViewport(ref.current, false)\n    );\n\n    if (topMostIndexInView == 0 || topMostIndexInView >= pageSize) {\n      dispatch(setUrlCount(topMostIndexInView));\n    }\n\n    if (infiniteScrollEnabled) {\n      sessionStorage.setItem(getScrollStorageKey(), scrollY.toString());\n    }\n  }, [scrollY, infiniteScrollEnabled, productRefs]);\n\n  useEffect(() => {\n    window.addEventListener('beforeunload', onBeforeUnload);\n\n    return () => {\n      window.removeEventListener('beforeunload', onBeforeUnload);\n    };\n  }, [onBeforeUnload]);\n\n  useLayoutEffect(() => {\n    if (!isReady) return;\n\n    setIsResizing(true);\n    const timerId = setTimeout(() => setIsResizing(false), 100);\n    return () => {\n      clearTimeout(timerId);\n    };\n  }, [windowWidth]);\n\n  return (\n    <>\n      <div className={wrapperClasses}>\n        <CurrentProductsLayout>\n          {productsWithPlaceholders.map((p, idx) => {\n            return (\n              <div\n                data-p-index={idx}\n                ref={renderProducts ? productRefs[idx] : undefined}\n                key={idx + '-product'}\n                className={clsx(\n                  !isMobile &&\n                  isLargeCard(\n                    productListingType,\n                    idx,\n                    initialProducts.length > 0\n                      ? 0\n                      : getShiftCount(bannerIndices, bannerCount, idx)\n                  ) &&\n                  'md:col-span-2 md:row-span-2',\n                  isMobile &&\n                  !isBannerBlock(p) &&\n                  isMobileLargeCard(productListingType, idx) &&\n                  'sm-down:col-span-2 sm-down:row-span-2',\n                  isBannerBlock(p) && {\n                    'col-span-2': bannerShouldSpanTwoCols(\n                      productListingType,\n                      isMobile\n                    ),\n                    'sm-down:row-span-2':\n                      productListingType == ProductListingType.Grid1plus2,\n                    'aspect-square':\n                      (productListingType == ProductListingType.Grid1plus2 ||\n                        productListingType == ProductListingType.Grid2by2 ||\n                        productListingType == ProductListingType.Grid3by3) &&\n                      isMobile,\n                  }\n                )}\n              >\n                {!isResizing && (\n                  <RenderIfVisible\n                    initialVisible={!ready || !!initialProducts[idx]}\n                    visibleOffset={5000}\n                    rootElementClass={clsx(\n                      isLargeCard(\n                        productListingType,\n                        idx,\n                        initialProducts.length > 0\n                          ? 0\n                          : getShiftCount(bannerIndices, bannerCount, idx)\n                      ) &&\n                      '[&_.image-wrapper>div]:md:!aspect-auto [&_.image-wrapper>div]:md:h-full [&_.image-wrapper]:md:h-full [&_img]:md:!aspect-auto [&_img]:md:h-full',\n                      'h-full'\n                    )}\n                  >\n                    {!p && <ProductPlaceholderComponent />}\n                    {!!p && !!(p as Product).id && (\n                      <ProductComponent\n                        product={p as Product}\n                        showRoomshot={showRoomImage}\n                        showPatternImage={!showRoomImage}\n                      />\n                    )}\n                    {isBannerBlock(p) && (\n                      <BannerBlock\n                        {...(p as BannerBlockViewModel)}\n                        inProductListing={true}\n                      />\n                    )}\n                  </RenderIfVisible>\n                )}\n              </div>\n            )\n          }\n\n          )}\n        </CurrentProductsLayout>\n      </div>\n      {!infiniteScrollEnabled && !hasLoadedAll && (\n        <div className=\"mt-4 flex justify-center\">\n          <a\n            className=\"btn btn--primary btn--medium\"\n            onClick={onShowAllProducts}\n            href={ready ? undefined : showAllFallbackUrl}\n          >\n            {translate('general.show-all')}\n          </a>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default ProductListing;\n","import React from 'react';\n\nconst SearchResultLinkTab = ({ items }) => {\n  return (\n    <div className=\"container grid grid-cols-1 gap-x-4 gap-y-3 border-t border-gray-100 pb-6 pt-4 md:grid-cols-4 md:pb-10\">\n      {items.value.map((item) => {\n        return (\n          <a\n            className=\"h4 cursor-pointer py-1 text-gray-500\"\n            key={item.id}\n            href={item.url}\n          >\n            <span className=\"underlined-link self-start\">{item.name}</span>\n          </a>\n        );\n      })}\n    </div>\n  );\n};\nexport default SearchResultLinkTab;\n","import React from 'react';\nimport FilterTriggerButton from './FilterTriggerButton';\nimport CategoryLayoutSelect from './CategoryLayoutSelect';\n\nconst MobileStickyFilterBar = () => {\n  return (\n    <div className=\"flex items-center justify-between border-b border-t border-gray-100 bg-white px-4 py-2\">\n      <FilterTriggerButton />\n      <CategoryLayoutSelect />\n    </div>\n  );\n};\n\nexport default MobileStickyFilterBar;\n","import React from 'react';\nimport ProductsTotalCount from './ProductsTotalCount';\nimport PatternImageToggler from './PatternImageToggler';\n\nconst MobileProductCountBar = () => {\n  return (\n    <div className=\"flex items-center justify-between bg-white py-2\">\n      <ProductsTotalCount />\n      <PatternImageToggler />\n    </div>\n  );\n};\n\nexport default MobileProductCountBar;\n","import React from 'react';\nimport FilterBar from '../FilterBar/FilterBar';\nimport ProductFiltering from '../ProductFiltering/ProductFiltering';\nimport ProductListing from '../ProductListing/ProductListing';\nimport SearchResultLinkTab from './SearchResultLinkTab';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport ActiveFilterChips from '../ActiveFilterChips/ActiveFilterChips';\nimport MobileStickyFilterBar from '../FilterBar/MobileStickyFilterBar';\nimport MobileProductCountBar from '../FilterBar/MobileProductCountBar';\n\nconst SearchResult = (props) => {\n  const { activeTab = 'products' } = useTypedSelector<any>(\n    (state) => state.search\n  );\n\n  return (\n    <>\n      {props.productListing?.totalProductsCount > 0 &&\n        activeTab == 'products' && (\n          <div className=\"container relative\">\n            <div className=\"sticky top-0 z-20 hidden lg:block\">\n              <FilterBar />\n            </div>\n            <div className=\"sticky top-0 z-10 -ml-4 -mr-4 lg:hidden\">\n              <MobileStickyFilterBar />\n            </div>\n            <div className=\"lg:hidden\">\n              <MobileProductCountBar />\n            </div>\n            <div className=\"flex\">\n              <aside\n                id=\"category-filter-aside\"\n                className=\"duration-1500 relative w-0 transition-[width] ease-in-out [&.filter-visible]:mr-4 [&.filter-visible]:w-[300px] [&.filter-visible_.filter-container]:translate-x-0 [&_.filter-container]:-translate-x-[300px] [&_.filter-container]:transition-transform [&_.filter-container]:duration-150 [&_.filter-container]:ease-in-out\"\n              >\n                <ProductFiltering />\n              </aside>\n              <div className=\"flex-1\">\n                <div className=\"mb-6 md:mb-16\">\n                  <ProductListing />\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n      {props.brandListing?.total > 0 && activeTab == 'brands' && (\n        <SearchResultLinkTab items={props.brandListing.items} />\n      )}\n      {props.pagesListing?.total > 0 && activeTab == 'pages' && (\n        <SearchResultLinkTab items={props.pagesListing.items} />\n      )}\n      {props.categoryListing?.total > 0 && activeTab == 'categories' && (\n        <SearchResultLinkTab items={props.categoryListing.items} />\n      )}\n    </>\n  );\n};\n\nexport default SearchResult;\n","import { SEARCH_ACTIVE_TAB } from '../constants';\n\nexport const setActiveTab = (key) => ({\n  type: SEARCH_ACTIVE_TAB,\n  payload: {\n    activeTab: key,\n  },\n});\n","import React from 'react';\nimport { translate } from '../../Services/translation';\nimport { useDispatch } from 'react-redux';\nimport { setActiveTab } from '../../Actions/Search.action';\nimport clsx from 'clsx';\n\nconst SearchNavigationItem = ({ resultKey, quantity, active }) => {\n  const dispatch = useDispatch();\n\n  return (\n    <li\n      className={clsx(\n        active && 'after:opacity-100',\n        'relative whitespace-nowrap after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[2px] after:bg-gray-700 after:opacity-0 after:transition after:ease-in-out after:content-[\"\"] hover:cursor-pointer hover:after:opacity-100'\n      )}\n      onClick={() => dispatch(setActiveTab(resultKey))}\n    >\n      <span className=\"h4\">\n        {translate(`quicksearchheader.${resultKey}`)}\n      </span>\n      <span className=\"text-md\"> {'(' + quantity + ')'}</span>\n    </li>\n  );\n};\n\nexport default SearchNavigationItem;\n","import React, { useEffect, useCallback } from 'react';\nimport SearchNavigationItem from './SearchNavigationItem';\nimport { useDispatch } from 'react-redux';\nimport { setActiveTab as setActiveTabAction } from '../../Actions/Search.action';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\n\nconst SearchNavigation = (props) => {\n  const { activeTab = 'products' } = useTypedSelector<any>(\n    (state) => state.search\n  );\n  const dispatch = useDispatch();\n\n  const setActiveTab = useCallback(() => {\n    var productListingHits = props.productListing?.totalProductsCount;\n    var categoryListingHits = props.categoryListing?.total ?? 0;\n    var pagesListingHits = props.pagesListing?.total ?? 0;\n    var brandListingHits = props.brandListing?.total ?? 0;\n\n    if (productListingHits > 0) {\n      dispatch(setActiveTabAction('products'));\n    } else if (categoryListingHits > 0) {\n      dispatch(setActiveTabAction('categories'));\n    } else if (pagesListingHits > 0) {\n      dispatch(setActiveTabAction('pages'));\n    } else if (brandListingHits > 0) {\n      dispatch(setActiveTabAction('brands'));\n    }\n  }, [\n    dispatch,\n    props.brandListing?.total,\n    props.categoryListing?.total,\n    props.pagesListing?.total,\n    props.productListing?.totalProductsCount,\n  ]);\n\n  useEffect(() => {\n    setActiveTab();\n  }, [setActiveTab]);\n\n  return (\n    <>\n      {props.totalHits > 0 && (\n        <ul className=\"mt-4 flex flex-row gap-4 overflow-y-auto scrollbar-none lg:mt-6 sm-down:-mr-4\">\n          {props.productListing.totalProductsCount > 0 && (\n            <SearchNavigationItem\n              resultKey={'products'}\n              quantity={props.productListing.totalProductsCount}\n              active={activeTab == 'products'}\n            />\n          )}\n          {props.categoryListing.total > 0 && (\n            <SearchNavigationItem\n              resultKey={'categories'}\n              quantity={props.categoryListing.total}\n              active={activeTab == 'categories'}\n            />\n          )}\n          {props.pagesListing.total > 0 && (\n            <SearchNavigationItem\n              resultKey={'pages'}\n              quantity={props.pagesListing.total}\n              active={activeTab == 'pages'}\n            />\n          )}\n          {props.brandListing.total > 0 && (\n            <SearchNavigationItem\n              resultKey={'brands'}\n              quantity={props.brandListing.total}\n              active={activeTab == 'brands'}\n            />\n          )}\n        </ul>\n      )}\n    </>\n  );\n};\n\nexport default SearchNavigation;\n","import { get } from '../Services/http';\nimport { catchError } from './Error.action';\nimport { NAVIGATION_LOAD_ERROR, NAVIGATION_RECEIVE } from '../constants';\n\nexport const load = () => (dispatch, getState) => {\n  return get('/api/navigation')\n    .then((response) => response.json())\n    .then((data) => dispatch(receive(data)))\n    .catch((ex) => dispatch(catchError(ex, (error) => loadError(error))));\n};\n\nexport const loadError = (error) => ({\n  type: NAVIGATION_LOAD_ERROR,\n  payload: {\n    error,\n  },\n});\n\nexport const receive = (data) => ({\n  type: NAVIGATION_RECEIVE,\n  payload: {\n    contentLinks: data.contentLinks,\n  },\n});\n\nexport const setMobileMenuOpen = (mobileMenuOpen) => ({\n  type: NAVIGATION_RECEIVE,\n  payload: {\n    mobileMenuOpen,\n  },\n});\n","import Icon from '../Icon';\nimport React from 'react';\nimport { useDispatch } from 'react-redux';\nimport { setMobileMenuOpen } from '../../Actions/Navigation.action';\n\nconst NavigationMobileTrigger = () => {\n  const dispatch = useDispatch();\n\n  return (\n    <button\n      className=\"-mr-2 px-2 py-3 store-screen:py-4 lg:py-2 hover:[&_.icon]:scale-110\"\n      onClick={() => dispatch(setMobileMenuOpen(true))}\n    >\n      <Icon\n        className=\"icon h-6 w-6 text-gray-700 transition ease-in-out group-[.is-light-theme]:text-white store-screen:h-8 store-screen:w-8\"\n        name=\"menu\"\n      />\n    </button>\n  );\n};\n\nexport default NavigationMobileTrigger;\n","import React from 'react';\nimport Icon from '../../Icon';\nimport clsx from 'clsx';\nimport { translate } from '../../../Services/translation';\n\nconst MobileNavigationItem = ({\n  link,\n  onLinkClick,\n  isCurrentLink = false,\n}: {\n  link: any;\n  onLinkClick: (link: any) => void;\n  isCurrentLink?: boolean;\n}) => {\n  return (\n    <>\n      {(link.links?.length > 0 || link.extraInfo) && !isCurrentLink ? (\n        <li\n          onClick={() => onLinkClick(link)}\n          className={clsx(\n            'h4 flex cursor-pointer justify-between text-gray-700'\n          )}\n        >\n          <span className=\"flex flex-1 items-center px-4 py-3\">\n            {link.name ?? link.columnHeading?.text}\n          </span>\n\n          <div className=\"flex cursor-pointer items-center p-4\">\n            <Icon\n              className=\"gray-700 h-[1.5rem] w-[1.5rem]\"\n              name=\"chevron-right\"\n            />\n          </div>\n        </li>\n      ) : (\n        <li className={clsx('h4 flex justify-between text-gray-700')}>\n          {link.url || link.columnHeading?.href ? (\n            <a\n              className=\"flex flex-1 items-center px-4 py-3\"\n              href={link.url ?? link.columnHeading?.href ?? ''}\n            >\n              {isCurrentLink\n                ? `${translate('general.show-all')} ${link.name}`\n                : link.name ?? link.columnHeading?.text}\n            </a>\n          ) : (\n            <span className=\"flex flex-1 items-center px-4 py-3\">\n              {link.name ?? link.columnHeading?.text}\n            </span>\n          )}\n        </li>\n      )}\n    </>\n  );\n};\nexport default MobileNavigationItem;\n","import React from 'react';\nimport Icon from '../Icon';\nimport clsx from 'clsx';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\n\ninterface LanguageSelectTriggerProps {\n  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  languageSelectActive: boolean;\n}\n\nconst LanguageSelectTrigger = ({\n  onClick,\n  languageSelectActive,\n}: LanguageSelectTriggerProps) => {\n  const { currentChannel } = useTypedSelector(\n    (state) => state.channelPicker\n  );\n  const { currency } = useTypedSelector((state) => state.cart);\n\n  return (\n    <button\n      onClick={onClick}\n      className=\"mr-2 flex items-center bg-transparent py-3 text-sm uppercase text-gray-700 group-[.is-light-theme]:text-white lg:pr-3\"\n    >\n      <span className=\"whitespace-nowrap\">\n        {currentChannel.name} ({currency})\n      </span>\n      <Icon\n        className={clsx(\n          languageSelectActive ? 'rotate-180' : 'rotate-0',\n          'ml-0.5 h-3 w-3 transition-transform duration-300'\n        )}\n        name=\"chevron-down\"\n      />\n    </button>\n  );\n};\n\nexport default LanguageSelectTrigger;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { translate } from '../../Services/translation';\nimport Dropdown, { DropdownOption } from '../Dropdown';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { useTypedDispatch } from '../../Hooks/useTypedDispatch';\nimport {\n  channelPicker,\n  fetchChannelPickerData,\n  setSelectedChannelAndCountry,\n} from '../../Reducers/ChannelPicker.reducer';\nimport { addOverlay, removeOverlay } from '../../Actions/Overlay.action';\nimport LoadingSpinner from '../LoadingSpinner';\n\nconst LanguageSelectModal = () => {\n  const {\n    items: channelPickerItems = [],\n    currentChannel,\n    countries,\n    currentCountryCode,\n    isLoading,\n    open,\n  } = useTypedSelector((state) => state.channelPicker);\n  const dispatch = useTypedDispatch();\n\n  const [selectedChannelSystemId, setSelectedChannelSystemId] =\n    useState<string>(currentChannel.channelSystemId);\n  const [selectedCountryCode, setSelectedCountryCode] =\n    useState<string>(currentCountryCode);\n\n  const channelOptions: DropdownOption[] = useMemo(\n    () =>\n      channelPickerItems?.map((item) => ({\n        label: item.name,\n        value: item.channelSystemId,\n        disabled: selectedChannelSystemId == item.channelSystemId,\n      })) ?? [],\n    [channelPickerItems, selectedChannelSystemId]\n  );\n\n  const countryOptions: DropdownOption[] = useMemo(\n    () =>\n      countries?.map((item) => ({\n        label: item.name,\n        value: item.countryCode,\n        disabled: selectedCountryCode == item.countryCode,\n      })) ?? [],\n    [countries, selectedCountryCode]\n  );\n\n  const onSubmit = () => {\n    const selectedChannelItem = channelPickerItems.find(\n      (o) => o.channelSystemId == selectedChannelSystemId\n    );\n    if (!selectedChannelItem) return;\n\n    dispatch(\n      setSelectedChannelAndCountry({\n        channelItem: selectedChannelItem,\n        countryCode: selectedCountryCode,\n      })\n    );\n  };\n\n  useEffect(() => {\n    dispatch(\n      addOverlay(\n        'language-select-modal',\n        () => dispatch(channelPicker.setOpen(false)),\n        0\n      )\n    );\n\n    return () => {\n      dispatch(removeOverlay('language-select-modal'));\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!open || !selectedCountryCode) return;\n\n    dispatch(fetchChannelPickerData(selectedCountryCode));\n  }, [selectedCountryCode]);\n\n  useEffect(() => {\n    if (channelOptions.length == 1) {\n      setSelectedChannelSystemId(channelOptions[0]!.value);\n    }\n  }, [channelOptions]);\n\n  return (\n    <div className=\"flex flex-col p-4\">\n      <h5 className=\"mb-3\">\n        {translate('language-select.choose-country')}\n      </h5>\n      <div className=\"relative mb-4\">\n        <Dropdown\n          onChange={({ value }) => setSelectedCountryCode(value)}\n          options={countryOptions}\n          selectedValue={selectedCountryCode}\n          size=\"large\"\n        />\n        <label\n          className=\"absolute -top-2 left-[14px] bg-white px-1 text-sm font-light text-gray-700\"\n          htmlFor=\"country\"\n        >\n          {translate('language-select.country')}\n        </label>\n      </div>\n      <h5 className=\"mb-3\">\n        {translate('language-select.choose-language')}\n      </h5>\n      <div className=\"relative mb-4\">\n        <Dropdown\n          onChange={({ value }) => setSelectedChannelSystemId(value)}\n          options={channelOptions}\n          selectedValue={selectedChannelSystemId}\n          size=\"large\"\n        />\n        <label\n          className=\"absolute -top-2 left-[14px] bg-white px-1 text-sm font-light text-gray-700\"\n          htmlFor=\"country\"\n        >\n          {translate('language-select.language')}\n        </label>\n      </div>\n      <button\n        onClick={onSubmit}\n        className=\"btn btn--large btn--black btn--fullwidth\"\n        disabled={\n          (currentChannel.channelSystemId == selectedChannelSystemId &&\n            currentCountryCode == selectedCountryCode) ||\n          !selectedChannelSystemId ||\n          isLoading\n        }\n      >\n        {!isLoading && translate('general.update')}\n        {isLoading && <LoadingSpinner />}\n      </button>\n    </div>\n  );\n};\n\nexport default LanguageSelectModal;\n","import React, { useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { submitChangePassword } from '../../../Actions/Login.action';\nimport { useTypedSelector } from '../../../Hooks/useTypedSelector';\nimport { translate } from '../../../Services/translation';\nimport Input from '../../Inputs/Input';\nimport clsx from 'clsx';\n\nconst LoginChangePassword = () => {\n  const {\n    isLoading,\n    username = '',\n    password = '',\n  } = useTypedSelector((state) => state.login);\n  const [newPassword, setNewPassword] = useState('');\n  const [passwordConfirmation, setPasswordConfirmation] =\n    useState('');\n  const dispatch = useDispatch();\n\n  const onSubmit = (e?: any) => {\n    if (e) {\n      e.preventDefault();\n    }\n    dispatch(\n      submitChangePassword(\n        username,\n        password,\n        newPassword,\n        passwordConfirmation\n      )\n    );\n  };\n\n  return (\n    <>\n      <h1>{translate('login.change-password')}</h1>\n      <form onSubmit={onSubmit} className={clsx('mt-6')}>\n        <Input\n          wrapperClassName={clsx('mb-4')}\n          label={translate('general.password')}\n          inputSize=\"large\"\n          value={newPassword}\n          onChange={(e) => setNewPassword(e.target.value)}\n          placeholder={translate('general.password')}\n          type=\"password\"\n          disabled={isLoading}\n        />\n        <Input\n          label={translate('login.confirm-password')}\n          inputSize=\"large\"\n          value={passwordConfirmation}\n          onChange={(e) =>\n            setPasswordConfirmation(e.target.value)\n          }\n          placeholder={translate('login.confirm-password')}\n          type=\"password\"\n          disabled={isLoading}\n        />\n        <button\n          className={clsx(\n            'btn',\n            'btn--large',\n            'btn--primary',\n            'w-full',\n            'mt-4'\n          )}\n          type=\"submit\"\n          disabled={isLoading}\n        >\n          {!isLoading && translate('general.send')}\n          {isLoading && translate('general.loading')}\n        </button>\n      </form>\n    </>\n  );\n};\n\nexport default LoginChangePassword;\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport {\n  submitForgotPassword,\n  setUsername,\n  setLoginMode,\n  submitMagicLink,\n} from '../../../Actions/Login.action';\nimport { useTypedSelector } from '../../../Hooks/useTypedSelector';\nimport { translate } from '../../../Services/translation';\nimport LoginMode from '../../../Types/LoginMode';\nimport Input from '../../Inputs/Input';\nimport clsx from 'clsx';\n\nconst LoginForgotPassword = () => {\n  const {\n    username = '',\n    isLoading,\n    magicLinkModel,\n  } = useTypedSelector((state) => state.login);\n  const [isSuccessful, setIsSuccessful] = useState(false);\n  const dispatch = useDispatch();\n\n  const onSubmit = (e?: any) => {\n    if (e) {\n      e.preventDefault();\n    }\n    dispatch(submitForgotPassword(username)).then((success) =>\n      setIsSuccessful(success)\n    );\n  };\n\n  useEffect(() => {\n    // Send magic link on first render only, if magic link model is in state\n    if (!magicLinkModel?.link) return;\n    dispatch(submitMagicLink(magicLinkModel));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <>\n      <h1 className=\"mb-2\">\n        {!magicLinkModel ? (\n          translate('login.forgot-password')\n        ) : (\n          <>{translate('general.loading')}...</>\n        )}\n      </h1>\n      <div className=\"mb-6 text-xl\">\n        {translate('login.forgot-password.intro-text')}\n      </div>\n      {!isSuccessful && !magicLinkModel && (\n        <>\n          <form className=\"mb-7\" onSubmit={onSubmit}>\n            <Input\n              wrapperClassName=\"mb-4\"\n              label={translate('general.placeholder.username')}\n              showAnimatedLabel={true}\n              inputSize=\"large\"\n              value={username}\n              onChange={(e) => dispatch(setUsername(e.target.value))}\n            />\n            <button\n              className=\"btn btn--black btn--large w-full\"\n              type=\"submit\"\n              disabled={isLoading}\n            >\n              {!isLoading && translate('general.send')}\n              {isLoading && translate('general.loading')}\n            </button>\n          </form>\n          <div\n            className={clsx(\n              'flex',\n              'flex-col',\n              'items-center',\n              'text-center'\n            )}\n          >\n            <button\n              className=\"underlined-link col-span-2 mx-auto self-start text-sm uppercase after:w-full\"\n              onClick={() => dispatch(setLoginMode(LoginMode.Login))}\n              disabled={isLoading}\n            >\n              {!isLoading && translate('general.back')}\n              {isLoading && translate('general.loading')}\n            </button>\n          </div>\n        </>\n      )}\n      {isSuccessful && (\n        <>\n          <p className={clsx('text-base', 'mt-4')}>\n            {translate('login.forgot-password.success')}\n          </p>\n          <div className={clsx('flex', 'flex-col', 'mt-6')}>\n            <button\n              className=\"btn btn--clear btn--large w-full\"\n              onClick={() => dispatch(setLoginMode(LoginMode.Login))}\n            >\n              {translate('general.back')}\n            </button>\n          </div>\n        </>\n      )}\n    </>\n  );\n};\n\nexport default LoginForgotPassword;\n","import React from 'react';\nimport { useDispatch } from 'react-redux';\nimport {\n  performLogin as performLoginAction,\n  setLoginMode,\n  setPassword,\n  setUsername,\n} from '../../../Actions/Login.action';\nimport { useTypedSelector } from '../../../Hooks/useTypedSelector';\nimport { translate } from '../../../Services/translation';\nimport LoginMode from '../../../Types/LoginMode';\nimport Input from '../../Inputs/Input';\nimport clsx from 'clsx';\n\nconst LoginForm = () => {\n  const {\n    isLoading,\n    username = '',\n    password = '',\n  } = useTypedSelector((state) => state.login);\n  const dispatch = useDispatch();\n\n  const performLogin = (e?: any) => {\n    if (e) {\n      e.preventDefault();\n    }\n    dispatch(performLoginAction(username, password));\n  };\n\n  return (\n    <>\n      <h1 className=\"mb-2\">{translate('general.login')}</h1>\n      <div className=\"mb-6 text-xl \">\n        {translate('login.login-page.intro')}\n      </div>\n      <form onSubmit={performLogin}>\n        <Input\n          inputSize=\"xlarge\"\n          wrapperClassName=\"mb-4 [&_label]:!absolute [&_label]:!-top-2 [&_label]:!left-[14px] [&_label]:!text-sm [&_label]:!bg-white\"\n          label={translate('general.username')}\n          showAnimatedLabel={true}\n          onChange={(e) => dispatch(setUsername(e.target.value))}\n          disabled={isLoading}\n          autoComplete=\"username\"\n        />\n        <Input\n          inputSize=\"xlarge\"\n          showAnimatedLabel={true}\n          wrapperClassName=\"[&_label]:!absolute [&_label]:!-top-2 [&_label]:!left-[14px] [&_label]:!text-sm [&_label]:!bg-white\"\n          label={translate('general.placeholder.password')}\n          onChange={(e) => dispatch(setPassword(e.target.value))}\n          disabled={isLoading}\n          type=\"password\"\n          autoComplete=\"current-password\"\n        />\n        <button\n          type=\"submit\"\n          className={clsx(\n            'mt-4',\n            'btn',\n            'btn--xlarge',\n            'w-full',\n            'btn--black'\n          )}\n          disabled={isLoading}\n        >\n          {!isLoading && translate('general.login')}\n          {isLoading && translate('general.loading')}\n        </button>\n      </form>\n      <div className=\"mt-6 flex flex-col items-center\">\n        <button\n          onClick={() => dispatch(setLoginMode(LoginMode.ForgotPassword))}\n          disabled={isLoading}\n          className=\"underlined-link mx-auto mb-5 self-start text-sm uppercase after:w-full\"\n        >\n          {translate('login.forgot-password')}\n        </button>\n        <button\n          onClick={() => dispatch(setLoginMode(LoginMode.RegisterAccount))}\n          disabled={isLoading}\n          className=\"underlined-link mx-auto self-start text-sm uppercase after:w-full\"\n        >\n          {translate('login.register-account')}\n        </button>\n      </div>\n    </>\n  );\n};\n\nexport default LoginForm;\n","import React, { useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { selectOrganization } from '../../../Actions/Login.action';\nimport { useTypedSelector } from '../../../Hooks/useTypedSelector';\nimport { translate } from '../../../Services/translation';\nimport Dropdown from '../../Dropdown';\nimport clsx from 'clsx';\n\nconst LoginSelectOrganization = () => {\n  const dispatch = useDispatch();\n  const { organizations, isLoading } = useTypedSelector(\n    (state) => state.login\n  );\n  const [selectedOrganizationId, setSelectedOrganizationId] = useState<\n    string | undefined\n  >();\n\n  return organizations ? (\n    <>\n      <h1 className={clsx('mb-6')}>\n        {translate('login.choose-organization')}\n      </h1>\n      <Dropdown\n        placeholder={translate('login.choose-organization')}\n        onChange={({ value }) => setSelectedOrganizationId(value)}\n        options={organizations.map((org) => ({\n          value: org.systemId,\n          label: org.name,\n        }))}\n        selectedValue={selectedOrganizationId}\n        disabled={isLoading}\n      />\n      <button\n        className={clsx(\n          'button',\n          'btn',\n          'btn--primary',\n          'btn--large',\n          'w-full',\n          'mt-8'\n        )}\n        onClick={() =>\n          selectedOrganizationId &&\n          dispatch(selectOrganization(selectedOrganizationId))\n        }\n        disabled={isLoading || !selectedOrganizationId}\n      >\n        {!isLoading && translate('general.select')}\n        {isLoading && translate('general.loading')}\n      </button>\n    </>\n  ) : null;\n};\n\nexport default LoginSelectOrganization;\n","import { translate } from '../../../Services/translation';\nimport { mixed, object, ref, string } from 'yup';\n\nconst requiredTranslation = translate('validation.required');\n\nexport const registerUserValidationSchema = object().shape({\n  username: string()\n    .nullable()\n    .required(requiredTranslation)\n    .email(translate(`validation.email`)),\n  lastName: string().nullable().required(requiredTranslation),\n  firstName: string().nullable().required(requiredTranslation),\n  address: string()\n    .nullable()\n    .required(requiredTranslation)\n    .max(\n      36,\n      translate('validation.too-long')\n        .replace(\n          '{0}',\n          translate('checkout.customerinfo.address').replace('*', '')\n        )\n        .replace('{1}', '36')\n    ),\n  zipCode: string()\n    .nullable()\n    .required(requiredTranslation)\n    .max(\n      10,\n      translate('validation.too-long')\n        .replace(\n          '{0}',\n          translate('checkout.customerinfo.zipcode').replace('*', '')\n        )\n        .replace('{1}', '10')\n    ),\n  city: string()\n    .nullable()\n    .required(requiredTranslation)\n    .max(\n      36,\n      translate('validation.too-long')\n        .replace(\n          '{0}',\n          translate('checkout.customerinfo.city').replace('*', '')\n        )\n        .replace('{1}', '36')\n    ),\n  country: mixed()\n    .nullable()\n    .required(requiredTranslation)\n    .notOneOf([''], requiredTranslation),\n  phone: string().nullable().required(requiredTranslation),\n  password: string().nullable().required(requiredTranslation),\n  confirmPassword: string()\n    .nullable()\n    .required(requiredTranslation)\n    .oneOf(\n      [ref('password'), null],\n      translate('login.confirm-password.must-match')\n    ),\n});\n","import clsx from 'clsx';\nimport React, { useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport LoginMode from '../../../Types/LoginMode';\nimport { setLoginMode } from '../../../Actions/Login.action';\nimport { translate } from '../../../Services/translation';\nimport Input from '../../Inputs/Input';\nimport Dropdown from '../../Dropdown';\nimport Checkbox from '../../Inputs/Checkbox';\nimport { post } from '../../../Services/http';\nimport { triggerToast } from '../../../Services/Toast.service';\nimport LoadingSpinner from '../../LoadingSpinner';\nimport Icon from '../../Icon';\nimport { useTypedSelector } from '../../../Hooks/useTypedSelector';\nimport { camelCase } from 'lodash-es';\nimport { ValidationError } from 'yup';\nimport { registerUserValidationSchema } from '../misc/RegisterUserValidationSchema';\n\nconst LoginRegisterAccount = () => {\n  const dispatch = useDispatch();\n  const { country } = useTypedSelector((state) => state.login);\n\n  const [registerAccountFormData, setRegisterAccountFormData] = useState({\n    username: '',\n    password: '',\n    confirmPassword: '',\n    country,\n    phone: '',\n    firstName: '',\n    lastName: '',\n    address: '',\n    careOf: '',\n    zipCode: '',\n    city: '',\n    allowMarketing: false,\n  });\n  const [validationErrors, setValidationErrors] = useState<{\n    [key: string]: string | undefined;\n  }>({});\n  const [isLoading, setIsLoading] = useState(false);\n  const [isSuccess, setIsSuccess] = useState(false);\n\n  const handleChange = (event) => {\n    const { name, value } = event.target;\n\n    setRegisterAccountFormData((prevFormData) => ({\n      ...prevFormData,\n      [name]: value,\n    }));\n  };\n\n  const handleSubmitError = async (response: Response) => {\n    const data = (await response.json()) as { [key: string]: string };\n\n    // Keys from server is not in camelCase, convert them\n    const newErrors = {};\n    for (let key of Object.keys(data)) {\n      newErrors[camelCase(key)] = data[key];\n    }\n    setValidationErrors((prevErrors) => ({\n      ...prevErrors,\n      ...newErrors,\n    }));\n  };\n\n  const handleSubmit = async (event) => {\n    event.preventDefault();\n    setIsLoading(true);\n    try {\n      await registerUserValidationSchema.validate(\n        registerAccountFormData,\n        {\n          abortEarly: false,\n        }\n      );\n\n      const res = await post(\n        '/api/userinfo/register',\n        registerAccountFormData\n      );\n      if (res.ok) {\n        location.href = await res.text();\n        setIsSuccess(true);\n      } else {\n        setIsLoading(false);\n      }\n    } catch (err) {\n      if (err instanceof ValidationError) {\n        const validationErr = err as ValidationError;\n        const newValidationErrors = validationErr.inner.reduce(\n          (prev, e) => ({ ...prev, ['' + e.path]: e.message }),\n          {}\n        );\n        setValidationErrors((prevErrors) => ({\n          ...prevErrors,\n          ...newValidationErrors,\n        }));\n      } else if (err.response) {\n        if (err.response.status != 500) {\n          handleSubmitError(err.response);\n        } else {\n          const errorMessage = await err.response.text();\n          triggerToast({\n            title: translate('general.error'),\n            text: errorMessage,\n            type: 'error',\n            autoClose: false\n          });\n        }\n      }\n      setIsLoading(false);\n    }\n  };\n\n  const validateOnBlur = async (key: string, value: string) => {\n    try {\n      await registerUserValidationSchema.validateAt(\n        key,\n        { ...registerAccountFormData, [key]: value },\n        { abortEarly: true }\n      );\n\n      setValidationErrors((existingErrors) => ({\n        ...existingErrors,\n        [key]: undefined,\n      }));\n    } catch (err) {\n      setValidationErrors((existingErrors) => ({\n        ...existingErrors,\n        [key]: err.message,\n      }));\n    }\n  };\n\n  const getValidationErrorLabel = (key: string) => {\n    const errMsg = validationErrors[key];\n    return !!errMsg ? errMsg : undefined;\n  };\n\n  return (\n    <>\n      <h1 className=\"mb-6\">{translate('login.create-new-account')}</h1>\n      <form className=\"grid grid-cols-2 gap-4\" onSubmit={handleSubmit}>\n        <h4 className=\"col-span-2 \">\n          {translate('login.email-and-password')}\n        </h4>\n        <Input\n          inputSize=\"xlarge\"\n          wrapperClassName=\"col-span-2\"\n          name=\"username\"\n          showAnimatedLabel={true}\n          label={translate('general.email')}\n          value={registerAccountFormData.username}\n          type=\"email\"\n          onChange={handleChange}\n          onBlur={(e) => validateOnBlur(e.target.name, e.target.value)}\n          message={getValidationErrorLabel('username')}\n          inputState={!!validationErrors['username'] ? 'error' : 'default'}\n          disabled={isLoading}\n          required\n        />\n        <Input\n          inputSize=\"xlarge\"\n          wrapperClassName=\"col-span-2\"\n          name=\"password\"\n          showAnimatedLabel={true}\n          label={translate('general.password')}\n          value={registerAccountFormData.password}\n          onChange={handleChange}\n          onBlur={(e) => validateOnBlur(e.target.name, e.target.value)}\n          message={getValidationErrorLabel('password')}\n          inputState={!!validationErrors['password'] ? 'error' : 'default'}\n          type=\"password\"\n          disabled={isLoading}\n          required\n        />\n        <Input\n          inputSize=\"xlarge\"\n          wrapperClassName=\"col-span-2\"\n          name=\"confirmPassword\"\n          showAnimatedLabel={true}\n          label={translate('general.confirm-password')}\n          value={registerAccountFormData.confirmPassword}\n          onChange={handleChange}\n          onBlur={(e) => validateOnBlur(e.target.name, e.target.value)}\n          message={getValidationErrorLabel('confirmPassword')}\n          inputState={\n            !!validationErrors['confirmPassword'] ? 'error' : 'default'\n          }\n          type=\"password\"\n          disabled={isLoading}\n          required\n        />\n        <h4 className=\"col-span-2 mt-6\">\n          {translate('login.phone-and-adress')}\n        </h4>\n        <Dropdown\n          className=\"col-span-2 \"\n          size=\"large\"\n          label={registerAccountFormData.country}\n          onChange={({ value }) => {\n            setRegisterAccountFormData((prevFormData) => ({\n              ...prevFormData,\n              country: value,\n            }));\n          }}\n          options={global.LitiumConstants.countries.map((c) => ({\n            label: c.text,\n            value: c.value,\n          }))}\n          selectedValue={registerAccountFormData.country}\n          disabled={isLoading}\n        />\n        <Input\n          inputSize=\"xlarge\"\n          wrapperClassName=\"col-span-2\"\n          name=\"phone\"\n          showAnimatedLabel={true}\n          label={translate('general.phone')}\n          value={registerAccountFormData.phone}\n          onChange={handleChange}\n          onBlur={(e) => validateOnBlur(e.target.name, e.target.value)}\n          message={getValidationErrorLabel('phone')}\n          inputState={!!validationErrors['phone'] ? 'error' : 'default'}\n          disabled={isLoading}\n          required\n        />\n        <Input\n          inputSize=\"xlarge\"\n          wrapperClassName=\"\"\n          name=\"firstName\"\n          showAnimatedLabel={true}\n          label={translate('general.firstname')}\n          value={registerAccountFormData.firstName}\n          onChange={handleChange}\n          onBlur={(e) => validateOnBlur(e.target.name, e.target.value)}\n          message={getValidationErrorLabel('firstName')}\n          inputState={\n            !!validationErrors['firstName'] ? 'error' : 'default'\n          }\n          disabled={isLoading}\n          required\n        />\n        <Input\n          inputSize=\"xlarge\"\n          wrapperClassName=\"\"\n          name=\"lastName\"\n          label={translate('general.lastname')}\n          showAnimatedLabel={true}\n          value={registerAccountFormData.lastName}\n          onChange={handleChange}\n          onBlur={(e) => validateOnBlur(e.target.name, e.target.value)}\n          message={getValidationErrorLabel('lastName')}\n          inputState={!!validationErrors['lastName'] ? 'error' : 'default'}\n          required\n        />\n        <Input\n          inputSize=\"xlarge\"\n          wrapperClassName=\"col-span-2\"\n          name=\"address\"\n          showAnimatedLabel={true}\n          label={translate('general.address')}\n          value={registerAccountFormData.address}\n          onChange={handleChange}\n          onBlur={(e) => validateOnBlur(e.target.name, e.target.value)}\n          message={getValidationErrorLabel('address')}\n          inputState={!!validationErrors['address'] ? 'error' : 'default'}\n          disabled={isLoading}\n          required\n        />\n        <Input\n          inputSize=\"xlarge\"\n          wrapperClassName=\"col-span-2\"\n          name=\"careOf\"\n          showAnimatedLabel={true}\n          label={translate('general.care-of')}\n          value={registerAccountFormData.careOf}\n          onChange={handleChange}\n          disabled={isLoading}\n        />\n        <Input\n          inputSize=\"xlarge\"\n          wrapperClassName=\"\"\n          name=\"zipCode\"\n          label={translate('general.zip-code')}\n          showAnimatedLabel={true}\n          value={registerAccountFormData.zipCode}\n          onChange={handleChange}\n          onBlur={(e) => validateOnBlur(e.target.name, e.target.value)}\n          message={getValidationErrorLabel('zipCode')}\n          inputState={!!validationErrors['zipCode'] ? 'error' : 'default'}\n          disabled={isLoading}\n          required\n        />\n        <Input\n          inputSize=\"xlarge\"\n          wrapperClassName=\"\"\n          name=\"city\"\n          showAnimatedLabel={true}\n          label={translate('general.city')}\n          value={registerAccountFormData.city}\n          onChange={handleChange}\n          onBlur={(e) => validateOnBlur(e.target.name, e.target.value)}\n          message={getValidationErrorLabel('city')}\n          inputState={!!validationErrors['city'] ? 'error' : 'default'}\n          disabled={isLoading}\n          required\n        />\n        <Checkbox\n          onChange={(e) =>\n            setRegisterAccountFormData((prevData) => ({\n              ...prevData,\n              allowMarketing: e.target.checked,\n            }))\n          }\n          label={<>{translate('login.sign-up-for-newsletter')} </>}\n          checked={registerAccountFormData.allowMarketing}\n          name=\"allowMarketing\"\n          disabled={isLoading}\n          wrapperClassName=\"col-span-2\"\n        />\n        <button\n          className=\"btn btn--xlarge btn--fullwidth btn--black col-span-2\"\n          type=\"submit\"\n          disabled={isLoading || isSuccess}\n        >\n          {!isLoading && translate('login.create-new-account')}\n          {isLoading && !isSuccess && <LoadingSpinner />}\n          {isSuccess && <Icon name=\"check\" />}\n        </button>\n      </form>\n      <div className={clsx('flex', 'flex-col', 'mt-6')}>\n        <button\n          onClick={() => dispatch(setLoginMode(LoginMode.Login))}\n          className=\"underlined-link col-span-2 mx-auto self-start text-sm uppercase after:w-full\"\n        >\n          {translate('login.already-customer')}\n        </button>\n      </div>\n    </>\n  );\n};\n\nexport default LoginRegisterAccount;\n","import clsx from 'clsx';\nimport React, { useMemo, useState } from 'react';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { translate } from '../../Services/translation';\nimport { useTypedDispatch } from '../../Hooks/useTypedDispatch';\nimport { setLoginFormLoading } from '../../Actions/Login.action';\n\nconst LoginTypeSelector = () => {\n  const dispatch = useTypedDispatch();\n  const {\n    isB2b: initialIsB2b,\n    b2bUrl,\n    b2cUrl,\n  } = useTypedSelector((state) => state.login);\n\n  const [isB2b, setIsB2b] = useState<boolean>(initialIsB2b);\n\n  const onLinkClicked = (\n    isB2b: boolean,\n    e: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n  ) => {\n    e.preventDefault();\n\n    // As we redirect away from the page, we can set the form to loading\n    // without resetting it again. Same goes for IsB2b.\n    dispatch(setLoginFormLoading(true));\n    setIsB2b(isB2b);\n    setTimeout(() => {\n      location.href = (e.target as HTMLAnchorElement).href;\n    }, 300);\n  };\n\n  return (\n    <div className=\"relative mb-6 flex w-full justify-between rounded bg-gray-100 p-0.5\">\n      <a\n        className={clsx(\n          'relative z-10 flex flex-1 cursor-pointer items-center justify-center rounded py-3',\n          isB2b ? 'text-gray-500' : 'font-bold text-gray-900'\n        )}\n        href={b2cUrl}\n        onClick={(e) =>\n          isB2b && !!b2cUrl ? onLinkClicked(false, e) : e.preventDefault()\n        }\n      >\n        {translate('login.private-customer')}\n      </a>\n      <a\n        className={clsx(\n          'relative z-10 flex flex-1 cursor-pointer items-center justify-center rounded py-3',\n          isB2b ? 'font-bold text-gray-900' : 'text-gray-500'\n        )}\n        href={b2bUrl}\n        onClick={(e) =>\n          !isB2b && !!b2bUrl ? onLinkClicked(true, e) : e.preventDefault()\n        }\n      >\n        {translate('login.company-customer')}\n      </a>\n      <div\n        className={clsx(\n          'absolute bottom-0.5 top-0.5 w-1/2 rounded bg-white transition-[left] duration-300',\n          isB2b ? 'left-[calc(50%_-_2px)]' : 'left-0.5'\n        )}\n      ></div>\n    </div>\n  );\n};\n\nexport default LoginTypeSelector;\n","import React, { useEffect } from 'react';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport LoginMode from '../../Types/LoginMode';\nimport LoginChangePassword from './ui/LoginChangePassword';\nimport LoginForgotPassword from './ui/LoginForgotPassword';\nimport LoginForm from './ui/LoginForm';\nimport LoginSelectOrganization from './ui/LoginSelectOrganization';\nimport LoginRegisterAccount from './ui/LoginRegisterAccount';\nimport LoginTypeSelector from './LoginTypeSelector';\nimport { triggerToast } from '../../Services/Toast.service';\nimport { translate } from '../../Services/translation';\nimport { useTypedDispatch } from '../../Hooks/useTypedDispatch';\nimport { setLoginError } from '../../Actions/Login.action';\n\nconst LoginContainer = () => {\n  const { loginMode, error, b2bUrl, b2cUrl } = useTypedSelector(\n    (state) => state.login\n  );\n  const dispatch = useTypedDispatch();\n\n  useEffect(() => {\n    if (error) {\n      triggerToast({\n        type: 'error',\n        title: translate('general.error'),\n        text: error,\n        autoClose: false\n      });\n      dispatch(setLoginError(undefined));\n    }\n  }, [error]);\n\n  return (\n    <>\n      {loginMode == LoginMode.Login && (!!b2bUrl || !!b2cUrl) && (\n        <LoginTypeSelector />\n      )}\n      {loginMode == LoginMode.Login && <LoginForm error={error} />}\n      {loginMode == LoginMode.SelectOrganization && (\n        <LoginSelectOrganization />\n      )}\n      {loginMode == LoginMode.ChangePassword && <LoginChangePassword />}\n      {loginMode == LoginMode.ForgotPassword && <LoginForgotPassword />}\n      {loginMode == LoginMode.RegisterAccount && <LoginRegisterAccount />}\n    </>\n  );\n};\n\nexport default LoginContainer;\n","import React, {\n  Fragment,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useDispatch } from 'react-redux';\nimport { setMobileMenuOpen } from '../../Actions/Navigation.action';\nimport Icon from '../Icon';\nimport SideMenu from '../SideMenu/SideMenu';\nimport MobileNavigationItem from './ui/MobileNavigationItem';\nimport { translate } from '../../Services/translation';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport clsx from 'clsx';\nimport LanguageSelectTrigger from '../LanguageSelect/LanguageSelectTrigger';\nimport LanguageSelectModal from '../LanguageSelect/LanguageSelectModal';\nimport LoginContainer from '../Login/LoginContainer';\nimport { channelPicker } from '../../Reducers/ChannelPicker.reducer';\n\nconst NavigationMobile = () => {\n  const dispatch = useDispatch();\n  const {\n    mobileMenuOpen,\n    logoUrl,\n    contentLinks,\n    instagramUrl,\n    facebookUrl,\n    pinterestUrl,\n    myPagesUrl,\n    youtubeUrl,\n    extraLinksInMobileMenu,\n  } = useTypedSelector<any>((state) => state.navigation);\n  const [blockElements, setBlockElements] = useState<any[]>([]);\n\n  const userIsLoggedIn = useTypedSelector(\n    (state) => state.userInfo.current != null\n  );\n\n  const [loginOpen, setLoginOpen] = useState<boolean>(false);\n  const [currentLink, setCurrentLink] = useState<any>();\n  const [previousLink, setPreviousLink] = useState<any>();\n  const { open: languageSelectVisible } = useTypedSelector(\n    (state) => state.channelPicker\n  );\n\n  const handleCloseClick = useCallback(() => {\n    if (languageSelectVisible) {\n      dispatch(channelPicker.setOpen(false));\n      return;\n    }\n    dispatch(setMobileMenuOpen(false));\n  }, [dispatch, languageSelectVisible]);\n\n  useEffect(() => {\n    const blockElementsContainer =\n      document.getElementById('mega-menu-blocks');\n    const blockElements = blockElementsContainer\n      ? Array.from(blockElementsContainer.children)\n      : [];\n    setBlockElements(blockElements);\n  }, []);\n\n  const blockContainerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!blockContainerRef?.current) return;\n    blockContainerRef.current.innerHTML = '';\n    for (let block of blockElements) {\n      blockContainerRef.current.appendChild(block);\n    }\n  }, [blockContainerRef, blockElements]);\n\n  const onBackClick = useCallback(() => {\n    setPreviousLink(previousLink?.previousLink);\n    setCurrentLink(previousLink);\n  }, [previousLink]);\n\n  const onLinkClick = useCallback(\n    (link) => {\n      link.previousLink = previousLink;\n      setPreviousLink(currentLink);\n      setCurrentLink(link);\n    },\n    [currentLink, previousLink]\n  );\n\n  const links = useMemo(\n    () =>\n      (currentLink?.links ?? contentLinks).filter((l) => !l.rightAligned),\n    [contentLinks, currentLink?.links]\n  );\n\n  const Header = useCallback(\n    () => (\n      <div className=\"flex flex-1 items-center justify-between\">\n        {!currentLink && (\n          <>\n            <a href=\"/\">\n              <img className=\"max-h-8\" src={logoUrl} alt=\"Logo\" />\n            </a>\n            <div\n              className={clsx('-m-[1rem] cursor-pointer p-4')}\n              onClick={() => handleCloseClick()}\n            >\n              <Icon\n                className=\"h-[1.5rem] w-[1.5rem] text-gray-900\"\n                name=\"close\"\n              />\n            </div>\n          </>\n        )}\n        {currentLink && (\n          <>\n            {!languageSelectVisible ? (\n              <div\n                className=\"flex cursor-pointer items-center\"\n                onClick={onBackClick}\n              >\n                <Icon\n                  className=\"-ml-2 h-[1.5rem] w-[1.5rem] text-gray-900\"\n                  name=\"chevron-left\"\n                />\n                <span className=\"h6 mt-[3px] text-gray-500\">\n                  {translate('general.back')}\n                </span>\n              </div>\n            ) : (\n              <img className=\"max-h-8\" src={logoUrl} alt=\"Logo\" />\n            )}\n            <div\n              className=\"-m-[1rem] cursor-pointer p-4\"\n              onClick={() => handleCloseClick()}\n            >\n              <Icon\n                className=\"h-[1.5rem] w-[1.5rem] text-gray-900\"\n                name=\"close\"\n              />\n            </div>\n          </>\n        )}\n      </div>\n    ),\n    [\n      currentLink,\n      handleCloseClick,\n      languageSelectVisible,\n      logoUrl,\n      onBackClick,\n    ]\n  );\n\n  const NavigationLoginContainer = useCallback(() => {\n    return loginOpen ? (\n      <div className=\"absolute bottom-0 left-0 right-0 top-0 bg-white px-4 py-3\">\n        <div\n          className=\"mb-4 flex cursor-pointer items-center\"\n          onClick={() => setLoginOpen(false)}\n        >\n          <Icon\n            className=\"-ml-2 h-[1.5rem] w-[1.5rem] text-gray-500\"\n            name=\"chevron-left\"\n          />\n          <span className=\"h6 mt-[3px] text-gray-500\">\n            {translate('general.back')}\n          </span>\n        </div>\n        <LoginContainer />\n      </div>\n    ) : null;\n  }, [loginOpen]);\n\n  const LanguageSelectWrapper = useCallback(\n    ({ children }: { children: any }) => (\n      <div\n        className={clsx(\n          'absolute bottom-0 z-50 w-full',\n          languageSelectVisible && 'h-full',\n          !languageSelectVisible\n            ? 'pointer-events-none'\n            : 'pointer-events-auto'\n        )}\n      >\n        <div\n          className={clsx(\n            'grid h-full bg-white transition-all duration-200',\n            languageSelectVisible ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\n          )}\n        >\n          <div className=\"overflow-hidden\">{children}</div>\n        </div>\n      </div>\n    ),\n    [languageSelectVisible]\n  );\n\n  const Content = useCallback(\n    () => (\n      <div className=\"relative flex-1 gap-4 overflow-y-auto border-y border-gray-100 p-0 pt-3.5 \">\n        <ul className=\"flex flex-col\">\n          {currentLink &&\n            currentLink.links.length > 0 &&\n            currentLink.name && (\n              <MobileNavigationItem\n                link={currentLink}\n                onLinkClick={onLinkClick}\n                isCurrentLink={true}\n              />\n            )}\n          {links.map((link, idx) => (\n            <MobileNavigationItem\n              link={link}\n              key={'mobile' + link.url + link.name + idx}\n              onLinkClick={onLinkClick}\n            />\n          ))}\n        </ul>\n        {currentLink && currentLink.extraInfo?.value && (\n          <div\n            className=\"[&_a]:h4 [&_a]: [&_a]:flex [&_a]:cursor-pointer [&_a]:px-4 [&_a]:py-3 [&_a]:text-gray-700\"\n            dangerouslySetInnerHTML={{\n              __html: currentLink.extraInfo.value,\n            }}\n          ></div>\n        )}\n        {currentLink && currentLink.blockSystemIds?.length > 0 && (\n          <div\n            className={clsx(\n              'flex w-full overflow-x-auto p-4 scrollbar-none [&_>div]:flex-shrink-0',\n              currentLink.blockSystemIds.length == 1 &&\n                '[&_>div]:w-[calc(50%_-_1rem)]',\n              currentLink.blockSystemIds.length == 2 &&\n                'gap-4 [&_>div]:w-[calc(50%_-_0.5rem)]',\n              currentLink.blockSystemIds.length > 2 &&\n                'gap-4 [&_>div]:w-[calc(50%_-_1rem)]'\n            )}\n          >\n            {blockElements\n              ?.filter(\n                (b) =>\n                  currentLink.blockSystemIds.indexOf(\n                    b.dataset['litiumBlockId']\n                  ) != -1\n              )\n              .map((block, idx) => (\n                <div\n                  key={idx}\n                  dangerouslySetInnerHTML={{ __html: block?.innerHTML }}\n                ></div>\n              ))}\n          </div>\n        )}\n        {!currentLink && (\n          <ul>\n            {extraLinksInMobileMenu &&\n              extraLinksInMobileMenu.length > 0 &&\n              extraLinksInMobileMenu.map((link, idx) => (\n                <li key={link.href + idx}>\n                  <a\n                    className=\"block px-4 py-3 font-garamond text-h6\"\n                    href={link.href}\n                  >\n                    {link.text}\n                  </a>\n                </li>\n              ))}\n            <li className=\"font-garamond text-h6\">\n              {userIsLoggedIn ? (\n                <a\n                  className=\"block px-4 py-3 font-garamond text-h6\"\n                  href={myPagesUrl}\n                >\n                  {translate('mypage.page-name')}\n                </a>\n              ) : (\n                <button\n                  className=\"px-4 py-3\"\n                  onClick={() => setLoginOpen(true)}\n                >\n                  {translate('general.login')}\n                </button>\n              )}\n            </li>\n          </ul>\n        )}\n        <NavigationLoginContainer />\n        <LanguageSelectWrapper>\n          <LanguageSelectModal />\n        </LanguageSelectWrapper>\n      </div>\n    ),\n    [\n      LanguageSelectWrapper,\n      NavigationLoginContainer,\n      blockElements,\n      currentLink,\n      extraLinksInMobileMenu,\n      links,\n      myPagesUrl,\n      onLinkClick,\n      userIsLoggedIn,\n    ]\n  );\n\n  const footer = () => (\n    <div\n      key={'footer'}\n      className=\"flex w-full items-center justify-between\"\n    >\n      <div>\n        {instagramUrl && (\n          <a\n            target=\"_blank\"\n            className=\"p-2.5\"\n            href={instagramUrl}\n            rel=\"noreferrer\"\n            aria-label=\"Instagram\"\n          >\n            <Icon className=\"h-5 w-5\" name=\"instagram-logo-light\" />\n          </a>\n        )}\n        {facebookUrl && (\n          <a\n            target=\"_blank\"\n            className=\"p-2.5\"\n            href={facebookUrl}\n            rel=\"noreferrer\"\n            aria-label=\"Facebook\"\n          >\n            <Icon className=\"h-5 w-5\" name=\"facebook-logo-light\" />\n          </a>\n        )}\n        {pinterestUrl && (\n          <a\n            target=\"_blank\"\n            className=\"p-2.5\"\n            href={pinterestUrl}\n            rel=\"noreferrer\"\n            aria-label=\"Pinterest\"\n          >\n            <Icon className=\"h-5 w-5\" name=\"pinterest-logo-light\" />\n          </a>\n        )}\n        {youtubeUrl && (\n          <a\n            target=\"_blank\"\n            className=\"p-2.5\"\n            href={youtubeUrl}\n            rel=\"noreferrer\"\n            aria-label=\"Youtube\"\n          >\n            <Icon className=\"h-5 w-5\" name=\"youtube-logo-light\" />\n          </a>\n        )}\n      </div>\n      <LanguageSelectTrigger\n        onClick={() =>\n          dispatch(channelPicker.setOpen(!languageSelectVisible))\n        }\n        languageSelectActive={languageSelectVisible}\n      />\n    </div>\n  );\n\n  useEffect(() => {\n    setTimeout(() => {\n      setLoginOpen(false);\n    }, 200);\n  }, [mobileMenuOpen]);\n\n  useEffect(() => {\n    if (mobileMenuOpen) {\n      setCurrentLink(null);\n    }\n  }, [mobileMenuOpen]);\n\n  return (\n    <>\n      <SideMenu\n        className=\"z-[60] max-w-[480px] rounded\"\n        from=\"right\"\n        id=\"navigation-mobile\"\n        open={mobileMenuOpen}\n        onClosed={() => dispatch(setMobileMenuOpen(false))}\n        components={{ Header, Content, Footer: footer }}\n        showCloseButton={false}\n      ></SideMenu>\n    </>\n  );\n};\nexport default NavigationMobile;\n","import React, { useCallback, useEffect, useMemo } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { removeOverlay as removeOverlayAction } from '../Actions/Overlay.action';\nimport { useTypedSelector } from '../Hooks/useTypedSelector';\nimport clsx from 'clsx';\n\nconst OVERLAY_CLASS = 'overlay';\n\nconst Overlay = () => {\n  const dispatch = useDispatch();\n\n  const { activeOverlays, disableOverlayClick } = useTypedSelector(\n    (state) => state.overlay\n  );\n\n  const zIndexClasses = useMemo(\n    () =>\n      activeOverlays\n        .filter((o) => !!o.zIndexClass)\n        .map((o) => o.zIndexClass)\n        .join(' '),\n    [activeOverlays]\n  );\n\n  const removeOverlay = (componentName: string) =>\n    dispatch(removeOverlayAction(componentName));\n\n  const overlayClasses = activeOverlays\n    ? activeOverlays.map((c) => `${OVERLAY_CLASS}--${c.name}`)\n    : [];\n  /**\n   * Adds overlay classes to body to enable styling on components based on active overlays\n   */\n  useEffect(() => {\n    // Remove all overlay classes that are not active anymore, before adding new\n    const classesToRemove = Array.from(document.body.classList).filter(\n      (c) => c.startsWith(OVERLAY_CLASS) || c == OVERLAY_CLASS\n    );\n    if (classesToRemove && classesToRemove.length > 0) {\n      for (let className of classesToRemove) {\n        document.body.classList.remove(className);\n      }\n    }\n\n    // Add overlay classes to body\n    if (activeOverlays && activeOverlays.length > 0) {\n      for (let className of overlayClasses) {\n        document.body.classList.add(className);\n      }\n\n      if (!document.body.style.inset) {\n        document.body.style.inset = `-${window.scrollY}px 0 0`;\n        document.body.style.position = 'fixed';\n        document.body.style.overflowY = 'scroll';\n      }\n    } else if (!!document.body.style.inset) {\n      const scrollY = parseFloat(\n        document.body.style.inset\n          .split(' ')[0]\n          ?.replace('px', '')\n          .replace('-', '') ?? '0'\n      );\n      document.body.style.inset = '';\n      document.body.style.position = '';\n      document.body.style.overflowY = '';\n      window.scrollTo({ top: scrollY, behavior: 'auto' });\n    }\n  }, [activeOverlays]);\n\n  /**\n   * Removes all overlays.\n   * Triggers onOverLay click on all active overlay components\n   */\n  const onOverlayClick = useCallback(() => {\n    if (disableOverlayClick) return;\n\n    for (let component of activeOverlays) {\n      if (component.onOverlayClick) {\n        if (component.onOverlayClick() !== false) {\n          removeOverlay(component.name);\n        }\n      }\n    }\n  }, [activeOverlays, disableOverlayClick]);\n\n  return (\n    activeOverlays &&\n    activeOverlays.length > 0 && (\n      <div\n        className={clsx(\n          OVERLAY_CLASS,\n          overlayClasses.join(' '),\n          'fixed bottom-0 left-0 right-0 top-0 z-30 h-full w-full animate-[0.2s_ease-in-out_0s_both_1_fade-in] bg-overlay opacity-100',\n          zIndexClasses\n        )}\n        onClick={onOverlayClick}\n      />\n    )\n  );\n};\n\nexport default Overlay;\n","import {\n  BUY_BUTTON_SET_ARTICLE_NUMBER,\n  BUY_BUTTON_SET_LOADING,\n} from '../constants';\n\nexport const setBuyButtonArticleNumber = (articleNumber: string) => ({\n  type: BUY_BUTTON_SET_ARTICLE_NUMBER,\n  payload: {\n    articleNumber,\n  },\n});\n\nexport const setBuyButtonLoading = (isLoading: boolean) => ({\n  type: BUY_BUTTON_SET_LOADING,\n  payload: {\n    isLoading,\n  },\n});\n","import React, { useEffect } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { setBuyButtonArticleNumber } from '../../Actions/BuyButton.action';\nimport Dropdown from '../Dropdown';\nimport VariantPickerOption from './types/VariantPickerOption';\nimport { translate } from '../../Services/translation';\nimport VariantPickerProps from './types/VariantPickerProps';\n\nconst VariantPickerDropdown = ({\n  options,\n  selectedValue,\n}: VariantPickerProps) => {\n  const dispatch = useDispatch();\n\n  const onChange = (option: VariantPickerOption) => {\n    dispatch(setBuyButtonArticleNumber(option.value));\n  };\n\n  useEffect(() => {\n    if (selectedValue) {\n      setTimeout(() => dispatch(setBuyButtonArticleNumber(selectedValue)), 1);\n    }\n  }, [dispatch, selectedValue]);\n\n  return (\n    <Dropdown\n      placeholder={translate('variant-picker.select-option')}\n      options={options}\n      onChange={onChange}\n      selectedValue={selectedValue}\n    />\n  );\n};\n\nexport default VariantPickerDropdown;\n","import React, { useCallback, useEffect } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { setBuyButtonArticleNumber } from '../../Actions/BuyButton.action';\nimport VariantPickerOption from './types/VariantPickerOption';\nimport VariantPickerProps from './types/VariantPickerProps';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport clsx from 'clsx';\n\nconst VariantPickerButtons = ({\n  options,\n  selectedValue,\n}: VariantPickerProps) => {\n  const dispatch = useDispatch();\n\n  const { articleNumber } = useTypedSelector((state) => state.buyButton);\n\n  const onClick = useCallback(\n    (option: VariantPickerOption) => {\n      dispatch(setBuyButtonArticleNumber(option.value));\n    },\n    [dispatch]\n  );\n\n  useEffect(() => {\n    if (selectedValue) {\n      let option = options.find((opt) => opt.value == selectedValue);\n      setTimeout(() => option && onClick(option), 1);\n    }\n  }, [dispatch, selectedValue, onClick, options]);\n\n  return (\n    <div className=\"flex gap-1\">\n      {options.map((opt, idx) => (\n        <button\n          className={clsx(\n            'btn btn--outline btn--medium min-w-10 h-10',\n            opt.value == articleNumber && 'bg-primary-50'\n          )}\n          disabled={opt.disabled}\n          onClick={() => onClick(opt)}\n          key={'variant-picker' + opt.value + idx}\n        >\n          {opt.label}\n        </button>\n      ))}\n    </div>\n  );\n};\n\nexport default VariantPickerButtons;\n","import React, { useMemo } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { setLoginModalOpen } from '../../Actions/Login.action';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport LoginMode from '../../Types/LoginMode';\nimport LoginContainer from './LoginContainer';\nimport SideMenu from '../SideMenu/SideMenu';\nimport clsx from 'clsx';\n\nconst LoginModal = () => {\n  const { modalOpen, loginMode, isLoading } = useTypedSelector(\n    (state) => state.login\n  );\n  const dispatch = useDispatch();\n  const disableClosing = useMemo(\n    () =>\n      loginMode == LoginMode.ChangePassword ||\n      loginMode == LoginMode.SelectOrganization,\n    [loginMode]\n  );\n\n  return (\n    <SideMenu\n      className=\"z-[60] rounded\"\n      id=\"login-modal\"\n      open={modalOpen}\n      onClosed={() => dispatch(setLoginModalOpen(false))}\n      disableClosing={disableClosing || isLoading}\n    >\n      <div className={clsx('py-10', 'px-6')}>\n        <LoginContainer />\n      </div>\n    </SideMenu>\n  );\n};\n\nexport default LoginModal;\n","import React from 'react';\nimport LoginContainer from './LoginContainer';\nimport clsx from 'clsx';\n\nconst LoginPage = () => {\n  return (\n    <div\n      className={clsx(\n        'container',\n        'grid',\n        'pt-6',\n        'pb-6',\n        'place-items-center',\n        'md:pt-8',\n        'md:pb-8',\n        'lg:pt-10',\n        'lg:pb-10'\n      )}\n    >\n      <div className={clsx('w-full', 'sm:max-w-md')}>\n        <LoginContainer />\n      </div>\n    </div>\n  );\n};\nexport default LoginPage;\n","import Icon from '../Icon';\nimport React from 'react';\nimport { useDispatch } from 'react-redux';\nimport { setLoginModalOpen } from '../../Actions/Login.action';\nimport clsx from 'clsx';\n\nconst LoginModalTrigger = () => {\n  const dispatch = useDispatch();\n  return (\n    <button\n      onClick={() => dispatch(setLoginModalOpen(true))}\n      className=\"pointer px-2 py-3 lg:py-2\"\n    >\n      <Icon\n        className={clsx(\n          'h-6 w-6 text-gray-700 transition ease-in-out group-[.is-light-theme]:text-white'\n        )}\n        name=\"user\"\n      />\n    </button>\n  );\n};\nexport default LoginModalTrigger;\n","import { PRICE_HISTORY_SET_MODAL_OPEN } from '../constants';\n\nexport const setPriceHistoryModalOpen = (\n  modalOpen: boolean,\n  previouslyLowestPrice: string,\n  numberOfDays: number,\n  description: string,\n  title: string\n) => {\n  const action = {\n    type: PRICE_HISTORY_SET_MODAL_OPEN,\n    payload: {\n      modalOpen,\n      previouslyLowestPrice,\n      numberOfDays,\n      description,\n      title,\n    },\n  };\n  return action;\n};\n","import Icon from '../Icon';\nimport React from 'react';\nimport { useDispatch } from 'react-redux';\nimport { setPriceHistoryModalOpen } from '../../Actions/PriceHistory.actions';\nimport PriceModal from '../../Types/PriceModal';\n\nconst PriceHistoryModalTrigger = (productPriceHistory: PriceModal) => {\n  const { title, previouslyLowestPrice, numberOfDays, description } =\n    productPriceHistory;\n  const dispatch = useDispatch();\n  return (\n    <button\n      onClick={() =>\n        dispatch(\n          setPriceHistoryModalOpen(\n            true,\n            previouslyLowestPrice,\n            numberOfDays,\n            description,\n            title\n          )\n        )\n      }\n    >\n      <Icon\n        className=\"ml-3 h-5 w-5 cursor-pointer [&_#price-history-icon]:h-5 [&_#price-history-icon]:w-5 [&_#price-history-icon]:cursor-pointer [&_#price-history-icon]:align-top [&_#price-history-icon]:font-normal \"\n        name=\"info\"\n      />\n    </button>\n  );\n};\nexport default PriceHistoryModalTrigger;\n","import React, { useEffect } from 'react';\nimport OrderDetail from '../OrderDetail/OrderDetail';\nimport { trackingServicePurchaseEvent } from '../../Services/Tracking.service';\n\nconst OrderConfirmation = ({ title, text, order, extraText }) => {\n  useEffect(() => {\n    trackingServicePurchaseEvent(order);\n  }, []);\n\n  return (\n    <div>\n      {order && (\n        <OrderDetail\n          isConfirmation={true}\n          order={order}\n          confirmationTitle={title}\n          confirmationText={text}\n          confirmationExtraText={extraText}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default OrderConfirmation;\n","import React from 'react';\nimport { LinkModel } from '../Types/LinkModel';\nimport styled from 'styled-components';\nimport { grid } from '../styling/utils/grid';\nimport { breakpoint } from '../styling/mixins/breakpoints';\nimport { text } from '../styling/mixins/typography';\nimport clsx from 'clsx';\n\ninterface BrandsBlockProps {\n  title?: string;\n  brands: BrandItem[];\n  link?: LinkModel;\n}\n\ninterface BrandItem {\n  link: LinkModel;\n  imageUrl?: string;\n}\n\nconst BrandsBlock = ({ title, link, brands }: BrandsBlockProps) => {\n  return (\n    <div className=\"container pb-8 pt-6 md:pb-10 md:pt-8 lg:pb-12 lg:pt-10\">\n      <div className=\"mb-6 flex items-center justify-between md:mb-8\">\n        <h2>{title}</h2>\n        {link && (\n          <a className=\"text-xl underline\" href={link.href}>\n            {link.text}\n          </a>\n        )}\n      </div>\n      <ul\n        className={clsx(\n          'grid grid-cols-2 items-center justify-center gap-4 py-0 pb-2 md:grid-cols-3 lg:grid-cols-6 lg:gap-6'\n        )}\n      >\n        {brands.map((brand) => (\n          <li className=\"h-full\" key={brand.link.text + brand.link.href}>\n            <a\n              className=\"flex h-full justify-center\"\n              href={brand.link.href}\n              aria-label={brand.link.text}\n            >\n              {brand.imageUrl && (\n                <img\n                  className=\"aspect-square object-contain\"\n                  src={brand.imageUrl}\n                  alt={brand.link.text}\n                  loading=\"lazy\"\n                />\n              )}\n            </a>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nexport default BrandsBlock;\n","import React from 'react';\nimport { EditorStringModel } from '../Types/EditorString';\nimport EditorString from '../Components/EditorString/EditorString';\nimport clsx from 'clsx';\n\ninterface RichTextBlockProps {\n  text: EditorStringModel;\n  textMobile?: EditorStringModel;\n  additionalPaddingX: boolean;\n  additionalPaddingY: boolean;\n}\n\nconst RichTextBlock = ({\n  text,\n  textMobile,\n  additionalPaddingX,\n  additionalPaddingY,\n}: RichTextBlockProps) => {\n  return (\n    <div\n      className={clsx(\n        additionalPaddingX && 'lg:px-10',\n        additionalPaddingY && 'lg:py-10'\n      )}\n    >\n      {/* Desktop */}\n      <div className={clsx(!!textMobile?.value && 'hidden lg:block')}>\n        <EditorString {...text} />\n      </div>\n      {/* Mobile */}\n      {!!textMobile?.value && (\n        <div className=\"lg:hidden\">\n          <EditorString {...textMobile} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default RichTextBlock;\n","import React, { useState } from 'react';\nimport { Collapse } from 'react-collapse';\nimport { useCookies } from 'react-cookie';\nimport Icon from '../Icon';\nimport { EditorStringModel } from '../../Types/EditorString';\n\nconst TopMessage = ({\n  systemId,\n  message,\n  link,\n}: {\n  systemId: string;\n  message: EditorStringModel;\n  link?: string;\n}) => {\n  const [isOpen, setIsOpen] = useState(true);\n  const [_, setCookie] = useCookies([`top-message-${systemId}-visible`]);\n\n  return (\n    <>\n      {message && (\n        <Collapse isOpened={isOpen}>\n          <div className=\"relative bg-gray-700 text-center text-white\">\n            <a\n              className=\"block py-2 pl-4 pr-8 text-md\"\n              href={link}\n              dangerouslySetInnerHTML={{\n                __html: message.value ?? '',\n              }}\n            ></a>\n            <button\n              className=\"absolute right-0 top-1/2 h-full -translate-y-1/2 px-2\"\n              onClick={() => {\n                setCookie(`top-message-${systemId}-visible`, 'close');\n                setIsOpen(false);\n              }}\n            >\n              <Icon className=\" h-4 w-4\" name=\"close\" />\n            </button>\n          </div>\n        </Collapse>\n      )}\n    </>\n  );\n};\n\nexport default TopMessage;\n","import React from 'react';\nimport Collapsible from '../Components/Collapsible';\nimport { EditorStringModel } from '../Types/EditorString';\nimport EditorString from '../Components/EditorString/EditorString';\n\ninterface FaqAccordionProps {\n  systemId: string;\n  title: string;\n  faqItems: FaqAccordionItem[];\n}\n\ninterface FaqAccordionItem {\n  title?: string;\n  text?: EditorStringModel;\n}\n\nconst FaqAccordion = (props: FaqAccordionProps) => {\n  const faqList = props.faqItems;\n\n  return (\n    <div className=\"[&>div:first-of-type]:border-t\">\n      {faqList.map((faq) => (\n        <Collapsible\n          className=\"w-full border-b border-gray-100 transition\"\n          key={faq.title}\n          label={faq.title}\n          labelClassName=\"h3 !text-h3-mobile lg:!text-h3 store-screen:py-3\"\n          labelSize=\"h-4 w-4\"\n          contentClassName=\"[&_.ReactCollapse--collapse[aria-hidden='false']]:pb-6 [&_.ReactCollapse--collapse]:transition-all\"\n        >\n          <EditorString value={faq.text?.value} />\n        </Collapsible>\n      ))}\n    </div>\n  );\n};\n\nexport default FaqAccordion;\n","import React from 'react';\nimport EditorString from '../Components/EditorString/EditorString';\nimport { EditorStringModel } from '../Types/EditorString';\n\ninterface UspBlockProps {\n  title?: string;\n  items: UspItem[];\n}\n\ninterface UspItem {\n  title: string;\n  imageUrl: string;\n  text: EditorStringModel;\n}\n\nconst UspBlock = ({ items, title }: UspBlockProps) => {\n  return (\n    <div className=\"container\">\n      <ul className=\"grid grid-cols-2 gap-4 md:grid-cols-4 [&_div]:text-center [&_div]:text-md\">\n        {items.map((item, index) => (\n          <li\n            className=\"flex flex-col items-center\"\n            key={item.title + index}\n          >\n            <img\n              className=\"mb-4 max-h-6\"\n              src={item.imageUrl}\n              alt={item.title}\n              loading=\"lazy\"\n            />\n            <h6 className=\"mb-2\">{item.title}</h6>\n            <EditorString value={item.text.value} />\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nexport default UspBlock;\n","import React, { useCallback, useMemo } from 'react';\nimport Icon from '../Icon';\n\ninterface ScrollToElementButtonProps {\n  btnType: 'default' | 'primary' | 'secondary' | 'outlined';\n  btnSize:\n    | 'xsmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xlarge';\n  selector: string;\n  label: string | JSX.Element;\n  fullwidth?: boolean;\n  iconBefore?: string | JSX.Element;\n  iconAfter?: string | JSX.Element;\n}\n\nconst ScrollToElementButton = ({\n  btnType,\n  btnSize,\n  selector,\n  label,\n  fullwidth = false,\n  iconBefore,\n  iconAfter,\n}: ScrollToElementButtonProps) => {\n  const onClick = () => {\n    const elementTopPosition =\n      document\n        .querySelector(selector)\n        ?.getBoundingClientRect().top ?? 0;\n    if (!elementTopPosition) return;\n\n    const headerHeight =\n      document\n        .querySelector('#header')\n        ?.getBoundingClientRect().height ?? 0;\n\n    window.scrollTo({\n      top: elementTopPosition - headerHeight,\n      behavior: 'smooth',\n    });\n  };\n\n  const IconElement = useCallback(\n    ({ icon }: { icon: string | JSX.Element }) => {\n      if (typeof icon == 'string') {\n        return <Icon name={icon} />;\n      } else {\n        return icon;\n      }\n    },\n    []\n  );\n\n  return (\n    <div>TODO</div>\n    // <Button\n    //   btnType={btnType}\n    //   btnSize={btnSize}\n    //   fullwidth={fullwidth}\n    //   onClick={onClick}\n    // >\n    //   {iconBefore && <IconElement icon={iconBefore} />}\n    //   <span>{label}</span>\n    //   {iconAfter && <IconElement icon={iconAfter} />}\n    // </Button>\n  );\n};\n\nexport default ScrollToElementButton;\n","import React, { useEffect, useState } from 'react';\nimport { Collapse } from 'react-collapse';\nimport Icon from '../Icon';\nimport clsx from 'clsx';\n\ninterface CollapsibleAttributes {\n  label?: string | JSX.Element;\n  className?: string;\n  transitionDuration?: string;\n  onStateChange?: Function;\n  isOpen?: boolean;\n  hideBorder?: boolean;\n  children?: any;\n}\n\nexport default ({\n  children,\n  label,\n  className = '',\n  onStateChange: externalStateChange,\n  isOpen: externalIsOpen,\n  hideBorder,\n}: CollapsibleAttributes) => {\n  const [isOpen, setIsOpen] = useState<boolean>(externalIsOpen ?? false);\n\n  const onStateChange = (open: boolean) => {\n    externalStateChange && externalStateChange(open);\n    setIsOpen(open);\n  };\n\n  useEffect(() => {\n    setIsOpen(externalIsOpen ?? false);\n  }, [externalIsOpen]);\n\n  return (\n    <div\n      className={`collapsible [&_.ReactCollapse--content]:!pb-0 [&_ul>li]:border-b [&_ul>li_a]:pl-[1.75rem]  [&_ul>li_a]:text-md ${\n        className ?? ''\n      } ${hideBorder ? 'border-b-0 border-t-0' : ''}`}\n    >\n      <label className=\"border-b border-gray-300 !pb-0 !pt-0 text-md !font-[400] [&_>a]:flex-1 \">\n        {label}\n        <div\n          className=\"flex h-10 w-10 items-center justify-center border-l border-gray-300\"\n          onClick={() => onStateChange(!isOpen)}\n        >\n          <Icon\n            className={clsx(\n              'h-5 w-5 duration-200',\n              isOpen ? 'rotate-180' : 'rotate-0'\n            )}\n            name=\"caret-down\"\n          />\n        </div>\n      </label>\n      <div className=\"collapsible__content\">\n        <Collapse isOpened={isOpen}>{children}</Collapse>\n      </div>\n    </div>\n  );\n};\n","import React from 'react';\nimport SubNavigationCollapsible from './SubNavigationCollapsible';\nimport { SubNavigationLinkModel } from '../../Types/SubNavigationLinkModel';\nimport clsx from 'clsx';\n\nconst SubNavigation = ({ links, name, url }: SubNavigationLinkModel) => {\n  return (\n    <ul className=\"rounded-b border-t border-gray-300 md:rounded md:border [&_.collapsible]:!border-b-0 [&_.collapsible]:!border-t-0\">\n      <li className=\"border-gray-300 [&:not(:last-child)]:border-b\">\n        <a\n          className=\"flex h-10 items-center pl-2 text-md font-bold hover:bg-gray-100\"\n          href={url}\n        >\n          {name}\n        </a>\n      </li>\n      {links?.length >= 1 && (\n        <ul\n          className={clsx(\n            'border-gray-300 [&_>li:not(:last-child)]:border-b'\n          )}\n        >\n          {links.map((link, idx) =>\n            link.links?.length >= 1 ? (\n              <li\n                className={clsx(\n                  'border-b-0',\n                  link.isSelected && 'bg-gray-100'\n                )}\n                key={link.name + link.url + idx}\n              >\n                <SubNavigationCollapsible\n                  isOpen={\n                    link.isSelected ||\n                    link.links.some((l) => l.isSelected == true)\n                  }\n                  label={\n                    <a\n                      className={clsx(\n                        'flex h-10 items-center pl-4 text-md hover:bg-gray-100',\n                        link.isSelected && 'font-bold'\n                      )}\n                      href={link.url}\n                    >\n                      {link.name}\n                    </a>\n                  }\n                >\n                  <ul>\n                    {link.links.map((secondLevelLink, idx) => (\n                      <li\n                        className={clsx(\n                          'border-b-0',\n                          secondLevelLink.isSelected && 'bg-gray-100'\n                        )}\n                        key={secondLevelLink.name + idx}\n                      >\n                        <a\n                          className={clsx(\n                            'flex h-10 items-center !text-md hover:bg-gray-100',\n                            secondLevelLink.isSelected && 'font-bold'\n                          )}\n                          href={secondLevelLink.url}\n                        >\n                          {secondLevelLink.name}\n                        </a>\n                      </li>\n                    ))}\n                  </ul>\n                </SubNavigationCollapsible>\n              </li>\n            ) : (\n              <li\n                className={clsx(link.isSelected && 'bg-gray-100')}\n                key={link.name + idx}\n              >\n                <a\n                  className={clsx(\n                    'flex h-10 items-center pl-4 text-md hover:bg-gray-100',\n                    link.isSelected && 'font-bold'\n                  )}\n                  href={link.url}\n                >\n                  {link.name}\n                </a>\n              </li>\n            )\n          )}\n        </ul>\n      )}\n    </ul>\n  );\n};\n\nexport default SubNavigation;\n","import React from 'react';\nimport SubNavigation from './SubNavigation';\nimport Collapsible from '../Collapsible';\nimport { translate } from '../../Services/translation';\nimport { SubNavigationLinkModel } from '../../Types/SubNavigationLinkModel';\n\nconst SubNavigationContainer = ({\n  links,\n  name,\n  url,\n}: SubNavigationLinkModel) => {\n  return (\n    <>\n      <div className=\"md:hidden\">\n        <Collapsible\n          className=\"[&_>label]:bold mb-6 rounded border border-gray-300 !pb-0 [&_.ReactCollapsible--content]:!pb-0 [&_>label]:!pl-4 [&_>label]:!pr-4\"\n          label={translate('subnavigation.mobile-title')}\n        >\n          <SubNavigation links={links} name={name} url={url} />\n        </Collapsible>\n      </div>\n      <div className=\"hidden md:block\">\n        <SubNavigation links={links} name={name} url={url} />\n      </div>\n    </>\n  );\n};\n\nexport default SubNavigationContainer;\n","import React, { useMemo } from 'react';\nimport ProductCard from '../Components/ProductCards/ProductCard';\nimport BannerBlockItem from './BannerBlock/BannerBlockItem';\nimport { breakpoint } from '../styling/mixins/breakpoints';\nimport styled from 'styled-components';\nimport { cells, grid } from '../styling/utils/grid';\nimport { BannerBlockProps } from './BannerBlock/BannerBlock';\nimport { ProductNoSliderProps } from './ProductBlock';\nimport { LinkModel } from '../Types/LinkModel';\nimport { text } from '../styling/mixins/typography';\n\ninterface ProductAndBannerProps {\n  products: ProductNoSliderProps;\n  banners: BannerBlockProps;\n  showBannerToTheRight: boolean;\n  productQuantity: number;\n  title?: string;\n  link?: LinkModel;\n}\n\nconst ProductsAndBannerBlock = ({\n  products: productsBlock,\n  banners: bannersBlock,\n  showBannerToTheRight,\n  title,\n  link,\n}: ProductAndBannerProps) => {\n  const bannerBlockItem = useMemo(\n    () => (bannersBlock.banners?.length ? bannersBlock.banners[0] : null),\n    [bannersBlock.banners]\n  );\n\n  const firstTwoProducts = useMemo(\n    () => productsBlock.products?.slice(0, 2),\n    [productsBlock]\n  );\n  const remainingProducts = useMemo(\n    () => productsBlock.products?.slice(3),\n    [productsBlock]\n  );\n  const numbersPerRowStyle = {\n    1: 'lg:grid-cols-1',\n    2: 'lg:grid-cols-2',\n    3: 'lg:grid-cols-3',\n    4: 'lg:grid-cols-4',\n    5: 'lg:grid-cols-5',\n    6: 'lg:grid-cols-6',\n  };\n\n  const bannersRightStyle = {\n    true: 'lg:hidden',\n    false: '',\n  };\n\n  if (!bannerBlockItem) return null;\n  return (\n    <>\n      <div className=\"mb-6 grid grid-cols-2 gap-4 lg:gap-6\">\n        <div className=\"flex items-center\">\n          {title && <h2>{title}</h2>}\n        </div>\n        <div className=\"flex items-center justify-end\">\n          {link?.href && (\n            <a className=\"text-xl underline\" href={link.href}>\n              {link.text}\n            </a>\n          )}\n        </div>\n      </div>\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2 lg:gap-6 [&_img.banner-item-image]:lg:aspect-[unset] [&_img.banner-item-image]:lg:h-full [&_img.banner-item-image]:xl:aspect-[unset] [&_img.banner-item-image]:xl:h-full \">\n        <div\n          className={`${\n            bannersRightStyle[showBannerToTheRight ? 'true' : 'false']\n          }`}\n        >\n          <BannerBlockItem\n            className=\"h-full\"\n            {...bannerBlockItem}\n            lazyLoadImage={true}\n          />\n        </div>\n        {firstTwoProducts && (\n          <div\n            className={`grid grid-cols-2 gap-4 lg:gap-6 ${\n              numbersPerRowStyle[firstTwoProducts.length]\n            }`}\n          >\n            {firstTwoProducts.map((product, idx) => (\n              <ProductCard\n                key={product.id + 'mixed' + idx}\n                product={product}\n                lazyLoadImage={true}\n              />\n            ))}\n          </div>\n        )}\n        {showBannerToTheRight && (\n          <div className=\"display: none lg:flex\">\n            <BannerBlockItem\n              className=\"banner-item\"\n              {...bannerBlockItem}\n              lazyLoadImage={true}\n            />\n          </div>\n        )}\n      </div>\n      {remainingProducts?.length ? (\n        <div className=\":md:mt-6 mt-4 grid grid-cols-2 gap-4 lg:grid-cols-4 lg:gap-6\">\n          {remainingProducts.map((product, idx) => (\n            <ProductCard\n              key={product.id + 'mixed' + idx}\n              product={product}\n              lazyLoadImage={true}\n            />\n          ))}\n        </div>\n      ) : null}\n    </>\n  );\n};\n\nexport default ProductsAndBannerBlock;\n","import { useEffect } from 'react';\nimport 'vanilla-cookieconsent';\nimport 'vanilla-cookieconsent/dist/cookieconsent.css';\nimport { translate } from '../../Services/translation';\nimport {\n  CookieConsentBlockItem,\n  CookieConsentGroup,\n  CookieConsentTableHeader,\n} from './Types';\ninterface CookieConsentProps {\n  modalTitle: string;\n  modalDescription: string;\n  settingsTitle: string;\n  tableHeaders?: CookieConsentTableHeader[];\n  blockItems?: CookieConsentBlockItem[];\n  groups?: CookieConsentGroup[];\n  revision?: number;\n}\n\nconst CookieConsent = ({\n  modalTitle,\n  modalDescription,\n  settingsTitle,\n  tableHeaders = [],\n  blockItems = [],\n  groups = [],\n  revision = 0,\n}: CookieConsentProps) => {\n  const getCookieTableItem = (blockItem) => {\n    const item = { is_regex: blockItem.isRegex };\n    for (let index in tableHeaders) {\n      const header = tableHeaders[index];\n      if (!header) continue;\n\n      if (!blockItem.columns[index]) {\n        item[header.key] = '';\n      } else {\n        item[header.key] = blockItem.columns[index];\n      }\n    }\n    return item;\n  };\n\n  useEffect(() => {\n    if (groups.length == 0) {\n      return;\n    }\n\n    // obtain plugin\n    const cc = initCookieConsent();\n\n    // run plugin with config\n    cc.run({\n      current_lang: 'en',\n      autoclear_cookies: true, // default: false\n      page_scripts: true, // default: false\n      revision: revision, // default: 0\n\n      languages: {\n        en: {\n          consent_modal: {\n            title: modalTitle,\n            description: modalDescription,\n            primary_btn: {\n              text: translate('cc.accept-all'),\n              role: 'accept_all',\n            },\n            secondary_btn: {\n              text: translate('cc.reject-all'),\n              role: 'accept_necessary',\n            },\n          },\n          settings_modal: {\n            title: settingsTitle,\n            save_settings_btn: translate('cc.settings.save'),\n            accept_all_btn: translate('cc.accept-all'),\n            reject_all_btn: translate('cc.reject-all'),\n            close_btn_label: translate('cc.close-all'),\n            cookie_table_headers: tableHeaders.map((header) => ({\n              [header.key]: header.label,\n            })),\n            blocks: groups.map((group) => ({\n              title: group.title,\n              description: group.description,\n              toggle: group.toggle ? group.toggle : undefined,\n              cookie_table:\n                group.key && blockItems[group.key]\n                  ? blockItems[group.key].map((item) =>\n                      getCookieTableItem(item)\n                    )\n                  : undefined,\n            })),\n          },\n        },\n      },\n    });\n  }, []);\n\n  return null;\n};\n\nexport default CookieConsent;\n","import React, { useCallback } from 'react';\nimport Modal from 'react-modal';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { useDispatch } from 'react-redux';\nimport { setPriceHistoryModalOpen } from '../../Actions/PriceHistory.actions';\nimport Icon from '../Icon';\n\nconst customModalStyles = {\n  content: {\n    background: 'none',\n    padding: 0,\n    border: 'none',\n  },\n  overlay: {\n    background: 'rgba(0, 0, 0, 0.8)',\n    zIndex: 2003,\n  },\n};\n\nconst PriceHistoryModal = () => {\n  const {\n    modalOpen,\n    previouslyLowestPrice,\n    numberOfDays,\n    description,\n    title,\n  } = useTypedSelector((state) => state.priceHistory);\n\n  const dispatch = useDispatch();\n\n  const close = useCallback(() => {\n    dispatch(\n      setPriceHistoryModalOpen(\n        false,\n        previouslyLowestPrice,\n        numberOfDays,\n        description,\n        title\n      )\n    );\n  }, [dispatch, previouslyLowestPrice, numberOfDays, description, title]);\n\n  return (\n    <div id=\"price-history\">\n      <Modal\n        ariaHideApp={false}\n        preventScroll={true}\n        isOpen={modalOpen}\n        onRequestClose={close}\n        style={customModalStyles}\n        shouldCloseOnOverlayClick={true}\n      >\n        <div className=\"modalBox relative top-10 m-auto max-w-[640px] translate-y-[-50%] rounded border border-gray-300 bg-gray-100 p-7 lg:p-10 [&_.lowest-price]:mb-2\">\n          <div className=\"mb-2\">\n            <div\n              className=\"absolute right-[5px] top-[5px] text-[1.5rem]\"\n              onClick={close}\n            >\n              <Icon\n                className=\"absolute right-[5px] top-[5px] h-[14px] w-[14px] cursor-pointer text-gray-400\"\n                name=\"close\"\n                cursor=\"pointer\"\n              />\n            </div>\n            <h5 className=\"modal-title\">{title}</h5>\n            <h4 className=\"mb-2\">{previouslyLowestPrice}</h4>\n          </div>\n          <div className=\"text-lg\">\n            <p>{description}</p>\n          </div>\n        </div>\n      </Modal>\n    </div>\n  );\n};\n\nexport default PriceHistoryModal;\n","import React from 'react';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport clsx from 'clsx';\n\nconst CategoryNavigation = () => {\n  const { subNavigation } = useTypedSelector(\n    (state) => state.productFiltering\n  );\n  let currentCategory = subNavigation;\n  let subCategories = subNavigation?.links;\n  let foundCategory;\n\n  while (currentCategory.links?.length > 0) {\n    subCategories = currentCategory.links;\n    foundCategory = currentCategory.links.find(\n      (l) => l.isSelected == true\n    );\n    if (!foundCategory || foundCategory.links?.length === 0) {\n      break;\n    } else {\n      currentCategory = foundCategory;\n    }\n  }\n  return (\n    <div className=\"hidden flex-col text-md lg:block\">\n      <div className=\"py-3 font-bold\">\n        {foundCategory ? (\n          <a href={currentCategory.url}>{currentCategory.name}</a>\n        ) : (\n          currentCategory.name\n        )}\n      </div>\n      <ul className=\"flex flex-col gap-2 border-b border-solid border-gray-300 pb-4\">\n        {subCategories\n          .sort((a, b) => a.name?.localeCompare(b.name))\n          .map((link, idx) => (\n            <li\n              className={clsx(\n                foundCategory &&\n                  foundCategory.url == link.url &&\n                  'pointer-events-none font-bold',\n                'flex'\n              )}\n              key={link.url + idx}\n            >\n              <a className=\"flex-1\" href={link.url}>\n                {link.name}\n              </a>{' '}\n            </li>\n          ))}\n      </ul>\n    </div>\n  );\n};\n\nexport default CategoryNavigation;\n","import React, { useEffect, useState } from 'react';\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport { Autoplay } from 'swiper';\nimport clsx from 'clsx';\nimport Icon from '../Icon';\n\ninterface TopMenuUspsProps {\n  uspList: Usp[];\n  textColor: string;\n}\n\ninterface Usp {\n  uspText: string;\n  uspLink?: string;\n}\n\nconst TopMenuUsps = ({ uspList, textColor }: TopMenuUspsProps) => {\n  const [hasLoaded, setHasLoaded] = useState(false);\n\n  useEffect(() => {\n    setHasLoaded(true);\n  }, []);\n\n  return (\n    <>\n      {uspList != undefined && uspList.length == 1 && (\n        <div className=\"flex items-center justify-center\">\n          <a\n            style={{ color: textColor }}\n            className=\"flex items-center text-sm leading-normal\"\n            href={uspList[0]?.uspLink}\n          >\n            <span className=\"inline-flex items-center\">\n              <span className=\"relative\">\n                {uspList[0]?.uspText}\n                {uspList[0]?.uspLink && (\n                  <Icon\n                    style={{ color: textColor }}\n                    className=\"icon absolute -right-4 top-[3px] h-3 w-3 transition-all ease-in-out group-hover:-right-5\"\n                    name=\"arrow-right\"\n                  />\n                )}\n              </span>\n            </span>\n          </a>\n        </div>\n      )}\n      {!hasLoaded && uspList != undefined && uspList.length > 1 && (\n        <div className=\"flex items-center justify-center\">\n          <a\n            style={{ color: textColor }}\n            className=\"flex items-center text-sm leading-normal\"\n            href={uspList[0]?.uspLink}\n          >\n            <span className=\"inline-flex items-center\">\n              <span className=\"relative\">\n                {uspList[0]?.uspText}\n                {uspList[0]?.uspLink && (\n                  <Icon\n                    style={{ color: textColor }}\n                    className=\"icon absolute -right-4 top-[3px] h-3 w-3 transition-all ease-in-out group-hover:-right-5\"\n                    name=\"arrow-right\"\n                  />\n                )}\n              </span>\n            </span>\n          </a>\n        </div>\n      )}\n      {hasLoaded && uspList.length > 1 && (\n        <Swiper\n          className=\"flex h-[18px] items-center justify-center text-center\"\n          modules={[Autoplay]}\n          direction={'vertical'}\n          loop={true}\n          autoplay={{\n            delay: 4000,\n            disableOnInteraction: false,\n          }}\n          threshold={5}\n        >\n          {uspList.map((usp, idx) => (\n            <SwiperSlide key={'slide' + idx}>\n              <div className=\"flex h-full items-center justify-center\">\n                <a\n                  style={{ color: textColor }}\n                  className={clsx(\n                    'group cursor-default text-center text-sm leading-normal',\n                    usp.uspLink && 'hover:cursor-pointer'\n                  )}\n                  href={usp.uspLink}\n                >\n                  <span className=\"relative inline-flex items-center\">\n                    {usp.uspText}\n                    {usp.uspLink && (\n                      <span>\n                        <Icon\n                          style={{ color: textColor }}\n                          className=\"icon absolute -right-4 top-[3px] h-3 w-3 transition-all ease-in-out group-hover:-right-5\"\n                          name=\"arrow-right\"\n                        />\n                      </span>\n                    )}\n                  </span>\n                </a>\n              </div>\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      )}\n    </>\n  );\n};\n\nexport default TopMenuUsps;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport Icon from '../Icon';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { uniqueId } from 'lodash-es';\nimport { addOverlay, removeOverlay } from '../../Actions/Overlay.action';\nimport { toggleInputActive } from '../../Actions/QuickSearch.action';\n\nconst QuickSearchTrigger = () => {\n  const quickSearch = useTypedSelector((state) => state.quickSearch);\n  const { inputActive } = quickSearch;\n\n  const [id] = useState(uniqueId());\n  const dispatch = useDispatch();\n\n  useEffect(() => {\n    if (inputActive) {\n      dispatch(\n        addOverlay('quick-search__' + id, () =>\n          dispatch(toggleInputActive(false))\n        )\n      );\n    } else {\n      dispatch(removeOverlay('quick-search__' + id));\n    }\n  }, [dispatch, inputActive, id]);\n  return (\n    <>\n      <button\n        onClick={() =>\n          dispatch(toggleInputActive(!inputActive, inputActive))\n        }\n        className=\"px-2 py-3 store-screen:py-4 lg:py-2 hover:[&_.icon]:scale-110\"\n      >\n        {inputActive ? (\n          <Icon\n            name=\"close\"\n            className=\"icon h-6 w-6 text-gray-700 transition ease-in-out group-[.is-light-theme]:text-white store-screen:h-8 store-screen:w-8\"\n          />\n        ) : (\n          <Icon\n            name=\"search\"\n            className=\"icon h-6 w-6 text-gray-700 transition ease-in-out group-[.is-light-theme]:text-white store-screen:h-8 store-screen:w-8\"\n          />\n        )}\n      </button>\n    </>\n  );\n};\n\nexport default QuickSearchTrigger;\n","import React, { useState } from 'react';\nimport { translate } from '../../Services/translation';\nimport { post } from '../../Services/http';\nimport Checkbox from '../Inputs/Checkbox';\nimport Icon from '../Icon';\nimport { trackingServiceNewsLetterEvent } from '../../Services/Tracking.service';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport useIsStoreScreen from '../../Hooks/useIsStoreScreen';\nimport clsx from 'clsx';\n\ninterface newsletterRegistrationProps {\n  termsUrl: string;\n}\n\nconst NewsletterRegistration = ({\n  termsUrl,\n}: newsletterRegistrationProps) => {\n  const { currency } = useTypedSelector((state) => state.cart);\n  const [email, setEmail] = useState('');\n  const [registrationError, setRegistrationError] = useState('');\n  const [isTryingToSubscribe, setIsTryingToSubscribe] = useState(false);\n  const [hasApproved, setHasApproved] = useState(false);\n  const [registrationSuccessful, setRegistrationSuccessful] =\n    useState(false);\n  const handleEmailChange = (e) => {\n    setRegistrationSuccessful(false);\n    setEmail(e.target.value);\n  };\n  const isStoreScreen = useIsStoreScreen();\n\n  const handleSubmit = (e) => {\n    e.preventDefault();\n    if (!hasApproved) {\n      setRegistrationError(translate('newsletter.please-approve-terms'));\n      return;\n    }\n    if (registrationSuccessful || isTryingToSubscribe) {\n      return;\n    }\n    setIsTryingToSubscribe(true);\n    setRegistrationError('');\n\n    post('/api/newsletter/subscribe', { email })\n      .then((response) => {\n        if (response.ok) {\n          setRegistrationSuccessful(true);\n          trackingServiceNewsLetterEvent(currency);\n        } else {\n          setRegistrationSuccessful(false);\n          console.error('Failed to subscribe to newsletter.');\n          setRegistrationError(\n            translate('newsletter.registration-failed')\n          );\n        }\n      })\n      .catch((error) => {\n        setRegistrationSuccessful(false);\n        setRegistrationError(translate('newsletter.registration-failed'));\n        console.error(\n          'An error occurred while subscribing to newsletter:',\n          error\n        );\n      })\n      .finally(() => {\n        setIsTryingToSubscribe(false);\n        setEmail('');\n      });\n  };\n\n  return (\n    <div\n      className={clsx(\n        'flex flex-col items-center justify-center gap-0 xl:items-end',\n        isStoreScreen &&\n          'py-[1.875rem] md:py-[2.125rem] lg:items-center lg:py-[2.625rem]'\n      )}\n    >\n      <h6 className=\"h2 mb-1.5 w-full max-w-[1024px] font-normal text-gray-700 lg:max-w-[768px]\">\n        {translate('newsletter-registration.title')}\n      </h6>\n      <div className=\"mb-4 w-full max-w-[1024px] text-lg text-gray-500 lg:max-w-[768px]\">\n        {translate('newsletter-registration.description')}\n      </div>\n      <form\n        className=\"relative w-full max-w-[1024px] lg:max-w-[768px]\"\n        onSubmit={handleSubmit}\n      >\n        <input\n          className=\"leading-large placeholder:h4 mb-3 w-full border-b border-gray-200 bg-transparent py-3 pr-4 text-lg text-gray-900 placeholder:text-gray-400 focus:bg-white focus:px-4 active:bg-white active:px-4 xl:py-4\"\n          type=\"text\"\n          onChange={handleEmailChange}\n          placeholder={\n            registrationSuccessful\n              ? translate('newsletter.registration-success')\n              : translate('newsletter.email-placeholder')\n          }\n          value={email}\n          disabled={registrationSuccessful}\n          required\n        />\n        <div className=\"flex items-center\">\n          <Checkbox\n            inputSize={'small'}\n            onChange={(e) => setHasApproved(e.target.checked)}\n            label={<>{translate('newsletter.i-approve')} </>}\n            wrapperClassName=\"[&_span]:!text-gray-700\"\n          />\n          <a\n            className=\"text-md text-gray-700 underline hover:opacity-80\"\n            href={termsUrl}\n          >\n            {translate('newsletter.terms')}\n          </a>\n        </div>\n        {registrationError && (\n          <div className=\"leading-large mt-2 text-sm text-error-500\">\n            {registrationError}\n          </div>\n        )}\n        {registrationSuccessful && (\n          <div className=\"leading-large mt-2 text-sm text-success-500\">\n            {translate('newsletter.registration-success')}\n          </div>\n        )}\n        <button\n          className=\"absolute right-[4px] top-[4px] z-[1] flex h-10 w-10 items-center justify-center rounded-sm bg-transparent text-gray-700 hover:text-gray-500 disabled:cursor-not-allowed xl:h-12 xl:w-12\"\n          disabled={registrationSuccessful}\n          type=\"submit\"\n        >\n          {registrationSuccessful ? (\n            <Icon className=\"h-7 w-7 text-gray-700\" name=\"check\" />\n          ) : isTryingToSubscribe ? (\n            <Icon className=\"h-7 w-7 text-gray-700\" name=\"refresh\" />\n          ) : (\n            <Icon className=\"h-7 w-7 text-gray-700\" name=\"arrow-right\" />\n          )}\n        </button>\n      </form>\n    </div>\n  );\n};\n\nexport default NewsletterRegistration;\n","import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport Icon from './Icon';\n\nconst RoundedPlusButton = forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n>((props: React.ButtonHTMLAttributes<HTMLButtonElement>, ref) => {\n  return (\n    <button\n      {...props}\n      className={clsx(\n        props.className,\n        'flex h-6 w-6 items-center justify-center rounded-full bg-opacity-white-90 transition-transform hover:scale-110 lg:h-8 lg:w-8 lg:p-1'\n      )}\n      ref={ref}\n    >\n      <Icon name=\"plus\" className=\"h-4 w-4\" />\n    </button>\n  );\n});\n\nRoundedPlusButton.displayName = 'RoundedPlusButton';\n\nexport default RoundedPlusButton;\n","import React, { useMemo, useCallback } from 'react';\nimport SideMenu from '../SideMenu/SideMenu';\nimport useIsMobile from '../../Hooks/useIsMobile';\nimport uniqueId from 'lodash-es/uniqueId';\nimport { translate } from '../../Services/translation';\nimport ProductCard from '../ProductCards/ProductCard';\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport Product from '../../Types/Product';\nimport clsx from 'clsx';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport useIsStoreScreen from '../../Hooks/useIsStoreScreen';\n\ninterface ProductsModalProps {\n  open: boolean;\n  onClosed: () => void;\n  products: Product[];\n  className?: string;\n}\n\nconst ProductsModal = ({\n  open,\n  onClosed,\n  products,\n  className,\n}: ProductsModalProps) => {\n  const uuid = useMemo(() => uniqueId(), []);\n  const isMobile = useIsMobile();\n  const isStoreScreen = useIsStoreScreen();\n  const sideMenuContent = useCallback(() => {\n    return (\n      <div className=\"overflow-y-auto pb-4 scrollbar-none\">\n        <Swiper\n          slidesPerView={2.3}\n          slidesPerGroup={2}\n          className=\"h-full store-screen:block lg:hidden [&_.swiper-wrapper]:h-full [&_.swiper-wrapper]:gap-x-4\"\n          slidesOffsetBefore={16}\n          slidesOffsetAfter={80}\n          threshold={5}\n        >\n          {products.map((product, idx) => (\n            <SwiperSlide\n              key={product.id + 'slide' + idx + uuid}\n              className=\"h-full\"\n            >\n              <ProductCard\n                product={product}\n                lazyLoadImage={true}\n                className=\"h-full\"\n                showPatternImage={true}\n              />\n            </SwiperSlide>\n          ))}\n        </Swiper>\n        <div className=\"hidden grid-cols-2 gap-4 pl-4 pr-4 store-screen:hidden lg:grid\">\n          {products.map((product, idx) => (\n            <ProductCard\n              key={`${product.id}${idx}${uuid}`}\n              product={product}\n              lazyLoadImage={true}\n              className=\"h-full\"\n              showPatternImage={true}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }, [products, uuid]);\n\n  return (\n    <SideMenu\n      id={`products-modal-${uuid}`}\n      from={isMobile || isStoreScreen ? 'bottom' : 'right'}\n      open={open}\n      onClosed={onClosed}\n      title={translate('general.products')}\n      className={clsx(\n        className,\n        'store-screen:h-[unset] store-screen:!rounded-b-none store-screen:rounded-t lg:h-[calc(100%_-_1rem)] lg:rounded md-down:!rounded-b-none md-down:rounded-t'\n      )}\n      components={{ Content: sideMenuContent }}\n      zIndexClass=\"z-50\"\n    ></SideMenu>\n  );\n};\n\nexport default ProductsModal;\n","import React, { useState } from 'react';\nimport Product from '../../Types/Product';\nimport RoundedPlusButton from '../RoundedPlusButton';\nimport ProductsModal from '../ProductsModal/ProductsModal';\n\ninterface MediaBlockProductsButtonProps {\n  products: Product[];\n}\n\nconst MediaBlockProductsButton = ({\n  products,\n}: MediaBlockProductsButtonProps) => {\n  const [productsOpen, setProductsOpen] = useState(false);\n  return (\n    <>\n      <RoundedPlusButton className=\"absolute bottom-2 right-2 lg:bottom-4 lg:right-4\" />\n      <ProductsModal\n        open={productsOpen}\n        onClosed={() => setProductsOpen(false)}\n        products={products}\n        className=\"md-down:max-h-[50%]\"\n      />\n      <div\n        onClick={() => setProductsOpen(true)}\n        className=\"absolute bottom-0 left-0 right-0 top-0 z-10 cursor-pointer\"\n      ></div>\n    </>\n  );\n};\n\nexport default MediaBlockProductsButton;\n","import React from 'react';\nimport PageCardItemModel from '../Types/PageCardItemModel';\nimport ResponsiveImage from '../Components/ResponsiveImage/ResponsiveImage';\nimport clsx from 'clsx';\nimport Tag from '../Components/Tag/Tag';\n\ninterface PageCardItemProps {\n  item: PageCardItemModel;\n  aspectRatio?: string;\n  className?: string;\n}\n\nconst getTagColor = (color: string) => {\n  if (color && color.length == 7) return color + 'E6';\n  return color;\n};\n\nconst PageCardItem = ({\n  item,\n  aspectRatio,\n  className,\n}: PageCardItemProps) => {\n  return (\n    <div\n      className={clsx('fade-slide-up relative flex flex-col', className)}\n    >\n      {item.tags && item.tags.length > 0 && (\n        <div className=\"absolute left-2 top-2 z-10 flex flex-col items-start gap-2 md:flex-row\">\n          {item.tags.map((tag, idx) => (\n            <Tag tagSize=\"small\" key={tag.id} {...tag}>\n              {tag.name}\n            </Tag>\n          ))}\n        </div>\n      )}\n      <a className=\"group\" href={item.url}>\n        <div className=\"mb-4\">\n          {item.thumbnail?.sizeDefinitions &&\n          item.thumbnail.sizeDefinitions.length > 0 ? (\n            <div className=\"overflow-hidden rounded will-change-transform\">\n              <ResponsiveImage\n                {...item.thumbnail}\n                lazyLoad={true}\n                imgProps={{\n                  className: clsx(\n                    'h-full w-full rounded object-cover transition duration-500 group-hover:scale-105',\n                    aspectRatio\n                  ),\n                }}\n              />\n            </div>\n          ) : (\n            <div\n              className={clsx(\n                'mb-4 h-full w-full rounded bg-gray-100',\n                aspectRatio\n              )}\n            ></div>\n          )}\n        </div>\n        <div className=\"flex flex-col items-start px-1\">\n          <h4 className=\"mb-1 inline-block font-normal text-gray-700 transition group-hover:text-gray-500\">\n            {item.title}\n          </h4>\n          <p\n            style={{\n              display: '-webkit-box',\n              WebkitLineClamp: 2,\n              WebkitBoxOrient: 'vertical',\n            }}\n            className=\"block max-h-[3em] overflow-hidden text-ellipsis break-words text-lg leading-[1.5em] text-gray-700 group-hover:text-gray-500\"\n          >\n            {item.textExcerpt}\n          </p>\n        </div>\n      </a>\n    </div>\n  );\n};\n\nexport default PageCardItem;\n","import React, { useEffect, useState } from 'react';\nimport PageCardItem from '../../Blocks/PageCardItem';\nimport PageCardItemModel from '../../Types/PageCardItemModel';\nimport clsx from 'clsx';\nimport Masonry, { ResponsiveMasonry } from 'react-responsive-masonry';\n\ninterface MasonryItem {\n  item: PageCardItemModel;\n  isDoneLoading?: boolean;\n}\n\ninterface MasonrySkeletonItem {\n  aspectRatio?: string;\n  isDoneLoading?: boolean;\n}\n\nconst SkeletonItem = ({\n  aspectRatio,\n  isDoneLoading = false,\n}: MasonrySkeletonItem) => (\n  <div\n    className={clsx(\n      'transition-opacity duration-150',\n      isDoneLoading ? 'opacity-0' : 'opactiy-100'\n    )}\n  >\n    <div className=\"skeleton\">\n      <div\n        className={clsx(\n          'mb-4 h-full w-full rounded bg-gray-100 object-cover',\n          aspectRatio\n        )}\n      ></div>\n      <div className=\"flex flex-col items-start px-1\">\n        <h4 className=\"mb-1 inline-block h-6 w-full bg-gray-100 font-normal text-gray-900 transition hover:text-gray-700\"></h4>\n        <p className=\"block h-12 w-full overflow-hidden text-ellipsis break-words bg-gray-100 text-lg leading-[1.5em] text-gray-900 hover:text-gray-700\"></p>\n      </div>\n    </div>\n  </div>\n);\n\nconst Item = ({ item, isDoneLoading }: MasonryItem) =>\n  !item.skeleton ? (\n    <PageCardItem item={item} aspectRatio={item.aspectRatio} />\n  ) : (\n    <SkeletonItem\n      aspectRatio={item.aspectRatio}\n      isDoneLoading={isDoneLoading}\n    />\n  );\n\ninterface PageCardItemListProps {\n  items: PageCardItemModel[];\n  isLoading?: boolean;\n  className?: string;\n  isInBlock?: boolean;\n}\n\nconst PageCardItemList = ({\n  items,\n  isLoading = false,\n  className,\n  isInBlock = false,\n}: PageCardItemListProps) => {\n  const [ready, setReady] = useState(false);\n  useEffect(() => setReady(true), []);\n\n  return (\n    <div\n      className={clsx(\n        'transition-opacity duration-300',\n        ready ? 'opacity-100' : 'min-h-screen opacity-0',\n        isInBlock ? '' : 'container',\n        className\n      )}\n    >\n      {ready ? (\n        <ResponsiveMasonry\n          columnsCountBreakPoints={{ 0: 2, 1023: 3, 1439: 4 }}\n        >\n          <Masonry gutter=\"32px 16px\">\n            {items.map((item, idx) => (\n              <Item\n                key={\n                  'masonry-' +\n                  idx +\n                  item.title +\n                  item.aspectRatio +\n                  item.url +\n                  item.textExcerpt\n                }\n                item={item}\n                isDoneLoading={!isLoading}\n              />\n            ))}\n          </Masonry>\n        </ResponsiveMasonry>\n      ) : (\n        <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4\">\n          {items.map((item, idx) => (\n            <Item\n              item={item}\n              key={'initial-' + idx}\n              isDoneLoading={!isLoading}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default PageCardItemList;\n","import React from 'react';\nimport { LinkModel } from '../Types/LinkModel';\n\ninterface ListBlockHeaderProps {\n  preTitle?: string;\n  title?: string;\n  link?: LinkModel;\n}\n\nconst ListBlockHeader = ({\n  preTitle,\n  title,\n  link,\n}: ListBlockHeaderProps) => {\n  return (\n    <div className=\"mb-4 flex items-center justify-between\">\n      <div>\n        {preTitle && (\n          <span className=\"pretitle-sm mb-3 inline-block\">{preTitle}</span>\n        )}\n        {title && <h2 className=\"font-normal\">{title}</h2>}\n      </div>\n\n      <div className=\"flex items-center self-end\">\n        {link?.href && (\n          <a\n            href={link.href}\n            className=\"group relative block overflow-hidden whitespace-nowrap pb-[1px] text-md leading-tight text-gray-700 store-screen:border-b store-screen:border-gray-900\"\n          >\n            {link.text}\n            <span className=\"absolute bottom-0 left-0 h-[1px] w-full bg-gray-700 transition-[left] duration-700 group-hover:left-[200%] store-screen:hidden\"></span>\n            <span className=\"absolute -left-[200%] bottom-0 h-[1px] w-full bg-gray-700 transition-[left] duration-700 group-hover:left-0 store-screen:hidden\"></span>\n          </a>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default ListBlockHeader;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { LinkModel } from '../Types/LinkModel';\nimport CustomResponsiveSlider from '../Components/CustomResponsiveSlider/CustomResponsiveSlider';\nimport PageCardItemModel from '../Types/PageCardItemModel';\nimport PageCardItem from './PageCardItem';\nimport PageCardItemList from '../Components/NewsList/PageCardItemList';\nimport ListBlockHeader from './ListBlockHeader';\nimport clsx from 'clsx';\nimport { getBlockData } from '../Services/Block.service';\n\nexport interface PageCardBlockProps {\n  items: PageCardItemModel[];\n  numPerRow: number;\n  showSlider: boolean;\n  showInfo: boolean;\n  preTitle?: string;\n  title?: string;\n  link?: LinkModel;\n  mobileLayout?: 'small' | 'large';\n}\n\nconst validAspectRatios = [\n  'aspect-square',\n  'aspect-[3/4]',\n  'aspect-[4/3]',\n  'aspect-[2/3]',\n  'aspect-[3/2]',\n];\n\nconst getFixedAspectRatios = (index: number) => {\n  switch (index) {\n    case 0:\n    default:\n      return 'aspect-[3/4]';\n    case 1:\n      return 'aspect-square';\n    case 2:\n      return 'lg:aspect-[2/3] md:aspect-square aspect-[4/3]';\n    case 3:\n      return 'xl:aspect-[4/3] lg:aspect-square aspect-[2/3]';\n    case 4:\n      return 'xl:aspect-square aspect-[2/3]';\n    case 5:\n      return 'xl:aspect-[2/3] lg:aspect-[3/4] aspect-[4/3]';\n    case 6:\n      return 'xl:aspect-[3/4] lg:aspect-[2/3] aspect-[4/3]';\n    case 7:\n      return 'xl:aspect-square lg:aspect-[4/3] aspect-square';\n  }\n};\n\nconst getRandomInt = (min: number, max: number) => {\n  min = Math.ceil(min);\n  max = Math.floor(max);\n  return Math.floor(Math.random() * (max - min) + min); // The maximum is exclusive and the minimum is inclusive\n};\n\nconst generateAspectRatio = (\n  invalidAspectRatio: string | undefined = undefined\n) => {\n  let aspectRatio =\n    validAspectRatios[getRandomInt(0, validAspectRatios.length - 1)] ??\n    'aspect-square';\n\n  // Generate new aspect ratio until we get a valid aspect ratio\n  if (invalidAspectRatio) {\n    while (aspectRatio == invalidAspectRatio) {\n      let newAspectRatio =\n        validAspectRatios[getRandomInt(0, validAspectRatios.length - 1)];\n      if (!newAspectRatio) {\n        return 'aspect-square';\n      }\n      aspectRatio = newAspectRatio;\n    }\n  }\n\n  return aspectRatio;\n};\n\nconst getAspectRatio = (index) => {\n  switch (index % 4) {\n    case 0:\n    default:\n      return 'aspect-[3/4]';\n    case 1:\n      return 'aspect-square';\n    case 2:\n      return 'aspect-[2/3]';\n    case 3:\n      return 'aspect-[4/3]';\n  }\n};\n\nconst withInitialProps = (items: PageCardItemModel[]) => {\n  var _items = [...items];\n  items.forEach((n, idx) => {\n    if (!n.aspectRatio) {\n      n.aspectRatio =\n        idx < 8 ? getFixedAspectRatios(idx) : generateAspectRatio();\n    }\n  });\n  return _items;\n};\n\nconst PageCardBlock = ({ blockSystemId }: { blockSystemId: string }) => {\n  const [blockProps, setBlockProps] = useState<\n    PageCardBlockProps | undefined\n  >();\n\n  const {\n    preTitle,\n    title,\n    link,\n    items,\n    numPerRow,\n    showSlider,\n    mobileLayout = 'small',\n  } = blockProps ?? ({} as PageCardBlockProps);\n\n  const pageCardItemListItems = useMemo(\n    () => (items ? withInitialProps(items) : items),\n    [items]\n  );\n\n  useEffect(() => {\n    const getPageCardBlock = async () => {\n      setBlockProps(await getBlockData('PageCardBlock', blockSystemId));\n    };\n\n    getPageCardBlock();\n  }, [blockSystemId]);\n\n  return blockProps ? (\n    <>\n      <div className={clsx(!showSlider && 'hidden')}>\n        <CustomResponsiveSlider\n          link={link}\n          items={items}\n          preTitle={preTitle}\n          title={title}\n          numPerRow={numPerRow}\n          showSlider={showSlider}\n          mobileLayout={mobileLayout}\n          itemRenderer={(item, key, className, index) => (\n            <PageCardItem\n              key={key}\n              className={className}\n              item={item}\n              aspectRatio={getAspectRatio(index) + ' sm-down:aspect-[3/4]'}\n            />\n          )}\n        />\n      </div>\n      {!showSlider && (\n        <>\n          <ListBlockHeader\n            showSlider={false}\n            title={title}\n            preTitle={preTitle}\n            link={link}\n          />\n          <PageCardItemList\n            items={pageCardItemListItems}\n            isInBlock={true}\n          />\n        </>\n      )}\n    </>\n  ) : null;\n};\n\nexport default PageCardBlock;\n","import React, { useState, useEffect } from 'react';\nimport { translate } from '../Services/translation';\nimport clsx from 'clsx';\nimport { ArticleCategoryModel } from '../Types/ArticleCategoryModel';\n\ninterface PageListFilterProps {\n  categories: ArticleCategoryModel[];\n  onChange: (activeFilters: string[]) => void;\n  activeTagIds: string[];\n  setActiveTagIds: any\n}\n\nconst PageListFilter = ({\n  categories,\n  onChange,\n  activeTagIds,\n  setActiveTagIds\n}: PageListFilterProps) => {\n  \n  const addFilterToList = (tagId: string) => {\n    let newTagIdsList: string[] = [];\n    if (!activeTagIds.includes(tagId)) {\n      newTagIdsList = [...activeTagIds, tagId];\n    } else {\n      const listExcludingTagId = activeTagIds.filter(\n        (existingTagId) => existingTagId != tagId\n      );\n      newTagIdsList = listExcludingTagId;\n    }\n\n    if (typeof onChange === 'function') {\n      onChange(newTagIdsList);\n    }\n\n    setActiveTagIds(newTagIdsList);\n  };\n\n  const clearTagIds = () => {\n    if (activeTagIds.length == 0) return;\n\n    if (typeof onChange === 'function') {\n      onChange([]);\n    }\n\n    setActiveTagIds([]);\n  };\n\n  return (\n    <div className=\"mb-6 mt-10 lg:px-4\">\n      <div className=\"nowrap flex flex-row gap-4 overflow-x-auto [&_>span]:relative [&_>span]:pb-px [&_>span]:after:absolute [&_>span]:after:bottom-0 [&_>span]:after:left-0 [&_>span]:after:right-0 [&_>span]:after:h-0.5 [&_>span]:after:bg-gray-900  [&_>span]:after:transition-opacity [&_>span]:after:duration-500 \">\n        <span\n          className={clsx(\n            'h4 ml-4 cursor-pointer whitespace-nowrap font-normal text-gray-700 after:opacity-0 hover:after:opacity-100 lg:ml-0',\n            activeTagIds.length == 0 && 'after:opacity-100'\n          )}\n          onClick={clearTagIds}\n        >\n          {translate('general.show-all')}\n        </span>\n        {categories &&\n          categories.length > 0 &&\n          categories.map((category, idx) => (\n            <span\n              className={clsx(\n                'h4 cursor-pointer whitespace-nowrap font-normal text-gray-700 after:opacity-0 last:mr-4 hover:after:opacity-100 lg:last:mr-0',\n                activeTagIds.includes(category.tagId) &&\n                  'after:opacity-100'\n              )}\n              onClick={() => addFilterToList(category.tagId)}\n              key={category.name + idx}\n            >\n              {category.name}\n            </span>\n          ))}\n      </div>\n    </div>\n  );\n};\n\nexport default PageListFilter;\n","import React, { useState } from 'react';\nimport PageCardItemList from './PageCardItemList';\nimport PageCardItemModel from '../../Types/PageCardItemModel';\nimport { get } from '../../Services/http';\nimport { translate } from '../../Services/translation';\nimport PageListFilter from '../PageListFilter';\nimport { ArticleCategoryModel } from '../../Types/ArticleCategoryModel';\nimport CustomResponsiveSlider from '../CustomResponsiveSlider/CustomResponsiveSlider';\nimport PageCardItem from '../../Blocks/PageCardItem';\n\ninterface Pagination {\n  totalCount: number;\n  currentPageIndex: number;\n  pageSize: number;\n  pageCount: number;\n}\n\ninterface NewsListProps {\n  news: PageCardItemModel[];\n  pagination: Pagination;\n  categories: ArticleCategoryModel[];\n  baseUrl: string;\n  initialCategories?: ArticleCategoryModel[];\n}\n\nconst validAspectRatios = [\n  'aspect-square',\n  'aspect-[3/4]',\n  'aspect-[4/3]',\n  'aspect-[2/3]',\n  'aspect-[3/2]',\n];\n\nconst getFixedAspectRatios = (index: number) => {\n  switch (index) {\n    case 0:\n    default:\n      return 'aspect-[3/4]';\n    case 1:\n      return 'aspect-square';\n    case 2:\n      return 'lg:aspect-[2/3] md:aspect-square aspect-[4/3]';\n    case 3:\n      return 'xl:aspect-[4/3] lg:aspect-square aspect-[2/3]';\n    case 4:\n      return 'xl:aspect-square aspect-[2/3]';\n    case 5:\n      return 'xl:aspect-[2/3] lg:aspect-[3/4] aspect-[4/3]';\n    case 6:\n      return 'xl:aspect-[3/4] lg:aspect-[2/3] aspect-[4/3]';\n    case 7:\n      return 'xl:aspect-square lg:aspect-[4/3] aspect-square';\n  }\n};\n\nconst getRandomInt = (min: number, max: number) => {\n  min = Math.ceil(min);\n  max = Math.floor(max);\n  return Math.floor(Math.random() * (max - min) + min); // The maximum is exclusive and the minimum is inclusive\n};\n\nconst generateAspectRatio = (\n  invalidAspectRatio: string | undefined = undefined\n) => {\n  let aspectRatio =\n    validAspectRatios[getRandomInt(0, validAspectRatios.length - 1)] ??\n    'aspect-square';\n\n  // Generate new aspect ratio until we get a valid aspect ratio\n  if (invalidAspectRatio) {\n    while (aspectRatio == invalidAspectRatio) {\n      let newAspectRatio =\n        validAspectRatios[getRandomInt(0, validAspectRatios.length - 1)];\n      if (!newAspectRatio) {\n        return 'aspect-square';\n      }\n      aspectRatio = newAspectRatio;\n    }\n  }\n\n  return aspectRatio;\n};\n\nconst withInitialProps = (items: PageCardItemModel[]) => {\n  var _items = [...items];\n  items.forEach((n, idx) => {\n    if (!n.aspectRatio) {\n      n.aspectRatio =\n        idx < 8 ? getFixedAspectRatios(idx) : generateAspectRatio();\n    }\n  });\n  return _items;\n};\n\nconst NewsList = ({\n  news: initialNews,\n  pagination: initialPagination,\n  categories,\n  baseUrl,\n  initialCategories,\n}: NewsListProps) => {\n  const [isLoading, setIsLoading] = useState(false);\n  const [items, setItems] = useState(withInitialProps(initialNews));\n  const [pagination, setPagination] = useState(initialPagination);\n  const [currentPage, setCurrentPage] = useState(\n    pagination.currentPageIndex\n  );\n  const [activeTagIds, setActiveTagIds] = useState<string[]>(\n    initialCategories?.map((c) => c.tagId) ?? []\n  );\n\n  const fetchArticles = (\n    activeFilters?: string[],\n    isLoadMore?: boolean\n  ) => {\n    const searchParams = new URLSearchParams();\n\n    if (activeFilters && activeFilters.length > 0) {\n      searchParams.append('tags', activeFilters.join(','));\n    }\n\n    if (isLoadMore === true) {\n      searchParams.append('pageNumber', `${currentPage + 1}`);\n    }\n\n    const url = `/api/news?${searchParams.toString()}`;\n    return get(url).then((res) => res.json());\n  };\n\n  const onFilterChange = (activeFilters?: string[]) => {\n    setIsLoading(true);\n    setCurrentPage(1);\n    fetchArticles(activeFilters, false)\n      .then((data: NewsListProps) => {\n        setPagination(data.pagination);\n        setItems(withInitialProps(data.news));\n      })\n      .finally(() => {\n        setIsLoading(false);\n      });\n\n    updateUrl(activeFilters);\n  };\n\n  const updateUrl = (activeFilters?: string[]) => {\n    if (!activeFilters || activeFilters.length == 0) {\n      window.history.pushState(null, '', baseUrl);\n      return;\n    }\n\n    if (activeFilters.length > 1) {\n      const searchParams = new URLSearchParams(window.location.search);\n      searchParams.set('tags', activeFilters.join(','));\n      window.history.pushState(\n        null,\n        '',\n        `${baseUrl}?${searchParams.toString()}`\n      );\n      return;\n    }\n\n    const category = categories.find((c) => c.tagId == activeFilters[0]);\n    if (!category) return;\n    window.history.pushState(null, '', category.url);\n  };\n\n  const getSkeletonItems = (count: number): PageCardItemModel[] => {\n    return Array.from({ length: count }).map((_) => ({\n      aspectRatio: generateAspectRatio(),\n      skeleton: true,\n      title: '',\n      tags: [],\n    }));\n  };\n\n  const onLoadMoreClick = () => {\n    setIsLoading(true);\n    let itemsWithSkeletons = [\n      ...items,\n      ...getSkeletonItems(\n        Math.min(pagination.pageSize, pagination.totalCount - items.length)\n      ),\n    ];\n    setItems(itemsWithSkeletons);\n\n    fetchArticles(activeTagIds, true)\n      .then((data: NewsListProps) => {\n        setCurrentPage(currentPage + 1);\n        // Set correct aspect ratio, from the skeleton cards\n        const skeletonItems = itemsWithSkeletons.filter((i) => i.skeleton);\n\n        data.news.forEach((item, idx) => {\n          item.aspectRatio =\n            skeletonItems[idx]?.aspectRatio ?? generateAspectRatio();\n        });\n\n        // Remove placeholders for this group key\n        setTimeout(() => {\n          setItems([...items, ...data.news]);\n        }, 150);\n      })\n      .catch((err) => {\n        // Unset skeleton cards\n        setItems(items);\n        console.log(err);\n      })\n      .finally(() => setIsLoading(false));\n  };\n\n  return (\n    <div className=\"mb-4\">\n      <PageListFilter\n        categories={categories}\n        onChange={onFilterChange}\n        activeTagIds={activeTagIds}\n        setActiveTagIds={setActiveTagIds}\n      />\n      <div className=\"hidden md:block\">\n        <PageCardItemList items={items} isLoading={isLoading} />\n      </div>\n      <div className=\"container md:hidden\">\n        <CustomResponsiveSlider\n          numPerRow={2}\n          items={items}\n          showSlider={false}\n          mobileLayout=\"large\"\n          itemRenderer={(item, key, className) => (\n            <PageCardItem\n              item={item}\n              aspectRatio=\"aspect-[3/4]\"\n              className={className}\n              key={key}\n            />\n          )}\n        />\n      </div>\n      {pagination.totalCount > items.filter((i) => !i.skeleton).length && (\n        <div className=\"my-6 flex justify-center lg:mt-10\">\n          <button\n            className=\"btn btn--outline btn--large\"\n            onClick={onLoadMoreClick}\n          >\n            {translate('general.load-more')}\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default NewsList;\n","import React, { useState, useEffect, useMemo, useRef } from 'react';\nimport { ProductSelectorItem } from '../../Types/ProductPageModel';\nimport LoadingSpinner from '../LoadingSpinner';\nimport clsx from 'clsx';\nimport { Swiper, SwiperRef, SwiperSlide } from 'swiper/react';\nimport { translate } from '../../Services/translation';\nimport Icon from '../Icon';\nimport { Navigation } from 'swiper';\nimport useReady from '../../Hooks/useReady';\n\nconst MAX_ITEMS_UNTIL_SLIDER = 6;\n\ninterface ProductSelectorProps {\n  items: ProductSelectorItem[];\n  onVariantSelected: (id: string) => void;\n  loadingProductId?: string;\n  selectedProductId?: string;\n}\n\nconst ProductSelector = ({\n  selectedProductId,\n  items,\n  onVariantSelected,\n  loadingProductId,\n}: ProductSelectorProps) => {\n  const ready = useReady();\n  const [showLoadingSpinner, setShowLoadingSpinner] = useState(false);\n  const [loadingSpinnerTimeoutId, setLoadingSpinnerTimeoutId] = useState<\n    NodeJS.Timeout | undefined\n  >();\n  const swiperRef = useRef<SwiperRef | null>(null);\n\n  useEffect(() => {\n    clearTimeout(loadingSpinnerTimeoutId);\n    if (typeof loadingProductId !== 'undefined') {\n      const timeout = setTimeout(() => setShowLoadingSpinner(true), 150);\n      setLoadingSpinnerTimeoutId(timeout);\n    } else {\n      setShowLoadingSpinner(false);\n    }\n  }, [loadingProductId]);\n\n  const showSlider = useMemo(\n    () => items.length > MAX_ITEMS_UNTIL_SLIDER,\n    [items.length]\n  );\n\n  const currentProductIndex = useMemo(\n    () => items.findIndex((i) => i.id == selectedProductId),\n    [items, selectedProductId]\n  );\n\n  useEffect(() => {\n    if (swiperRef.current?.swiper) {\n      swiperRef.current.swiper.slideTo(currentProductIndex);\n    }\n  }, [currentProductIndex]);\n\n  const prevBtnRef = useRef<HTMLButtonElement | null>(null);\n  const nextBtnRef = useRef<HTMLButtonElement | null>(null);\n\n  return (\n    <div className=\"w-full overflow-hidden\">\n      <h5 className=\"mb-2 flex items-end justify-between\">\n        {translate('product-page.more-variants')}\n        {showSlider && (\n          <div className=\"flex gap-2\">\n            <button\n              className=\"group h-6 w-6 rounded-full bg-gray-100 disabled:bg-gray-50\"\n              ref={prevBtnRef}\n              disabled={!ready}\n            >\n              <Icon\n                name=\"chevron-left\"\n                className=\"pointer-events-none text-gray-700 group-disabled:opacity-50\"\n              />\n            </button>\n            <button\n              className=\"group h-6 w-6 rounded-full bg-gray-100 disabled:bg-gray-50\"\n              ref={nextBtnRef}\n              disabled={!ready}\n            >\n              <Icon\n                name=\"chevron-right\"\n                className=\"pointer-events-none text-gray-700 group-disabled:opacity-50\"\n              />\n            </button>\n          </div>\n        )}\n      </h5>\n      {(!showSlider || !ready) && (\n        <div\n          className=\"grid gap-2 overflow-hidden\"\n          style={{\n            gridTemplateColumns: `repeat(${MAX_ITEMS_UNTIL_SLIDER}, minmax(0, 1fr))`,\n          }}\n        >\n          {items.slice(0, MAX_ITEMS_UNTIL_SLIDER).map((item) => (\n            <ProductSelectorItemElement\n              key={`${item.id}-product-selector`}\n              item={item}\n              selectedProductId={selectedProductId}\n              loadingProductId={loadingProductId}\n              showLoadingSpinner={showLoadingSpinner}\n              onVariantSelected={onVariantSelected}\n              skeleton={\n                showSlider &&\n                currentProductIndex > MAX_ITEMS_UNTIL_SLIDER - 1\n              }\n            />\n          ))}\n        </div>\n      )}\n      {showSlider && ready && (\n        <Swiper\n          slidesPerView={MAX_ITEMS_UNTIL_SLIDER}\n          slidesPerGroup={MAX_ITEMS_UNTIL_SLIDER}\n          spaceBetween={8}\n          modules={[Navigation]}\n          navigation={{\n            prevEl: prevBtnRef?.current,\n            nextEl: nextBtnRef?.current,\n          }}\n          initialSlide={currentProductIndex}\n          ref={swiperRef}\n          threshold={5}\n        >\n          {items.map((item) => (\n            <SwiperSlide key={`${item.id}-product-selector`}>\n              <ProductSelectorItemElement\n                item={item}\n                selectedProductId={selectedProductId}\n                loadingProductId={loadingProductId}\n                showLoadingSpinner={showLoadingSpinner}\n                onVariantSelected={onVariantSelected}\n              />\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      )}\n    </div>\n  );\n};\n\ninterface ProductSelectorItemElementProps {\n  selectedProductId?: string;\n  item: ProductSelectorItem;\n  onVariantSelected: (id: string) => void;\n  showLoadingSpinner: boolean;\n  loadingProductId?: string;\n  className?: string;\n  skeleton?: boolean;\n}\n\nconst ProductSelectorItemElement = ({\n  selectedProductId,\n  item,\n  onVariantSelected,\n  showLoadingSpinner,\n  loadingProductId,\n  className,\n  skeleton = false,\n}: ProductSelectorItemElementProps) => (\n  <a\n    className={clsx(\n      'group relative my-2 block overflow-hidden rounded border bg-gray-100 transition-all duration-500 will-change-transform aspect-[3/4]',\n      className,\n      selectedProductId == item.id\n        ? 'border-gray-700'\n        : 'border-transparent hover:[&_>img]:scale-110',\n      (typeof loadingProductId !== 'undefined' ||\n        selectedProductId == item.id) &&\n        'disabled pointer-events-none'\n    )}\n    onClick={(e) => {\n      e.preventDefault();\n      onVariantSelected(item.id);\n    }}\n    href={item.url}\n  >\n    {!skeleton && (\n      <img\n        src={item.imageUrl}\n        className={clsx(\n          'h-full w-full cursor-pointer rounded object-cover transition-transform aspect-[3/4] group-[.disabled]:pointer-events-none',\n          showLoadingSpinner && 'group-[.disabled]:opacity-50'\n        )}\n        alt={item.name}\n        loading=\"lazy\"\n      />\n    )}\n    {loadingProductId == item.id && showLoadingSpinner && (\n      <span className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\">\n        <LoadingSpinner className=\"h-6 w-6 text-primary-200\" />\n      </span>\n    )}\n  </a>\n);\n\nexport default ProductSelector;\n","import clsx from 'clsx';\nimport React from 'react';\nimport ProductTab from '../../Types/ProductTab';\n\ninterface ProductPageTabsProps {\n  setActiveTab: (index: number) => void;\n  tabs: ProductTab[];\n  activeTabIndex: number;\n}\n\nconst ProductPageTabsMenu = ({\n  setActiveTab,\n  tabs,\n  activeTabIndex,\n}: ProductPageTabsProps) => {\n  return (\n    <div className=\"hidden gap-6 lg:flex\">\n      {tabs.map((tab, idx) => (\n        <button\n          className={clsx(\n            activeTabIndex == idx && '!text-gray-700 after:opacity-100',\n            'lg:h4 xl:h3 relative text-start leading-normal !text-gray-300 after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:bg-gray-700 after:opacity-0 after:transition-opacity after:duration-500 hover:after:opacity-100'\n          )}\n          onClick={() => setActiveTab(idx)}\n          key={tab.title + idx}\n        >\n          {tab.title}\n        </button>\n      ))}\n    </div>\n  );\n};\n\nexport default ProductPageTabsMenu;\n","import clsx from 'clsx';\nimport React from 'react';\nimport Collapsible from '../Collapsible';\nimport ProductTab from '../../Types/ProductTab';\ninterface ProductPageTabContentProps {\n  active: boolean;\n  item: ProductTab;\n}\n\nconst ProductPageTabContent = ({\n  item,\n  active,\n}: ProductPageTabContentProps) => {\n  return (\n    <>\n      <div className={clsx(active && 'lg:block', 'hidden pb-16 pt-8')}>\n        {item.content}\n      </div>\n      <div className=\"lg:hidden\">\n        <Collapsible\n          className=\"border-b border-gray-100\"\n          label={item.title}\n          labelClassName=\"h3 px-4 !text-h3-mobile\"\n          labelSize=\"h-4 w-4\"\n        >\n          <div className=\"border-t border-gray-100 px-4 py-3\">\n            {item.content}\n          </div>\n        </Collapsible>\n      </div>\n    </>\n  );\n};\n\nexport default ProductPageTabContent;\n","import React from 'react';\nimport { translate } from '../../Services/translation';\nimport '../../../images/certificate-1.png';\nimport '../../../images/certificate-2.png';\nimport '../../../images/certificate-3.png';\nimport '../../../images/certificate-4.png';\nimport '../../../images/certificate-5.png';\nimport '../../../images/certificate-6.png';\nimport '../../../images/certificate-7.svg';\nimport '../../../images/easy-up-quality.png';\n\ninterface ceritificateListProps {\n  certificateList: string[];\n  itemIsEasyUp: boolean;\n}\n\nconst Certificates = ({\n  certificateList,\n  itemIsEasyUp,\n}: ceritificateListProps) => {\n  const svgCertificates = ['7'];\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      {itemIsEasyUp && (\n        <div className=\"flex gap-4\" key=\"ease-up\">\n          <img\n            className=\"h-14 w-14 min-w-[3.5rem] object-contain\"\n            alt=\"easy-up-logo\"\n            src={'/ui/images/easy-up-quality.png'}\n          />\n          <div className=\"flex flex-col text-lg\">\n            <span className=\"font-medium text-gray-700\">\n              {translate(`certificates.title-easy-up`)}\n            </span>\n            <span className=\"font-light text-gray-700\">\n              {translate(`certificates.desciption-easy-up`)}\n            </span>\n          </div>\n        </div>\n      )}\n      {certificateList?.map((cert, idx) => (\n        <div className=\"flex gap-4\" key={idx + cert.valueOf() + 'cert'}>\n          <img\n            className=\"h-14 w-14 min-w-[3.5rem] object-contain\"\n            alt=\"certificate-logo\"\n            src={\n              '/ui/images/certificate-' +\n              cert.valueOf() +\n              (svgCertificates.includes(cert.valueOf()) ? '.svg' : '.png')\n            }\n          />\n          <div className=\"flex flex-col text-lg\">\n            <span className=\"font-medium text-gray-700\">\n              {translate(`certificates.title-${cert.valueOf()}`)}\n            </span>\n            <span className=\"font-light text-gray-700\">\n              {translate(`certificates.desciption-${cert.valueOf()}`)}\n            </span>\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default Certificates;\n","import React from 'react';\nimport EditorString from '../EditorString/EditorString';\nimport { ProductPageModel } from '../../Types/ProductPageModel';\nimport { translate } from '../../Services/translation';\nimport Placeholder from '../ProductPage/Placeholder';\nimport Certificates from './Certificates';\n\nconst ProductPageDescriptionTab = ({\n  productPage,\n}: {\n  productPage: ProductPageModel;\n}) => {\n  const productItem = productPage.productItem;\n  return (\n    <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n      <div>\n        <h1 className=\"mb-3\">{productItem.name}</h1>\n        {(productItem.itemCollection || productItem.id) && (\n          <div className=\"pretitle-sm mb-5 flex gap-6 uppercase text-gray-500\">\n            {productItem.itemCollection && (\n              <span>\n                {translate('general.collection')}:{' '}\n                {productItem.itemCollection}\n              </span>\n            )}\n            {productItem.id && (\n              <span>\n                {translate('general.article-number')}: {productItem.id}\n              </span>\n            )}\n          </div>\n        )}\n        {productItem.description && (\n          <span>\n            <EditorString\n              value={productItem.description.replace(/[\\n\\r]/g, '<br/>')}\n            />\n          </span>\n        )}\n      </div>\n      <div className=\"mt-4 lg:mt-0\">\n        <Certificates\n          itemIsEasyUp={productPage.itemIsEasyUp}\n          certificateList={productPage.certificates}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default ProductPageDescriptionTab;\n","import React from 'react';\n\nconst Field = ({ name, value }: { name: string; value: string }) => {\n  return (\n    <div className=\"grid grid-cols-2 border-b border-solid border-b-gray-100 [&:last-child]:border-0 [&:nth-child(2n)]:bg-gray-50\">\n      <span className=\"w-full px-4 py-3\">{name}</span>\n      <span className=\"w-full px-4 py-3\">{value}</span>\n    </div>\n  );\n};\nexport default Field;\n","import React from 'react';\nimport { ProductPageModel } from '../../Types/ProductPageModel';\nimport { FieldViewModel } from '../../Types/FieldViewModel';\nimport Field from './ProductPageSpecification/Field';\n\nconst FieldComponent = ({ viewName, name, value }: FieldViewModel) => {\n  switch (viewName) {\n    case 'Field':\n    default:\n      return <Field name={name} value={value} />;\n  }\n};\n\nconst ProductPageSpecificationsTab = ({\n  productPage,\n}: {\n  productPage: ProductPageModel;\n}) => {\n  const fields = productPage.productSpecificationsGroup?.productFields;\n  return fields && fields.length > 0 ? (\n    <div className=\"grid grid-cols-1 lg:grid-cols-2\">\n      <div className=\"rounded border border-solid border-gray-100\">\n        {fields?.map((field) => (\n          <FieldComponent\n            {...field}\n            key={field.id + '-field-' + productPage.productItem.id}\n          />\n        ))}\n      </div>\n    </div>\n  ) : null;\n};\n\nexport default ProductPageSpecificationsTab;\n","import React from 'react';\nimport { EditorStringModel } from '../../Types/EditorString';\nimport EditorString from '../EditorString/EditorString';\n\nconst ProductPageTrustabilityTab = ({\n  shippingInfo,\n  returnInfo,\n}: {\n  shippingInfo: EditorStringModel;\n  returnInfo: EditorStringModel;\n}) => {\n  return shippingInfo || returnInfo ? (\n    <div className=\"grid lg:grid-cols-2\">\n      <div className=\"flex flex-col gap-y-6\">\n        {shippingInfo?.value && (\n          <div>\n            <EditorString {...shippingInfo} />\n          </div>\n        )}\n        {returnInfo && (\n          <div>\n            <EditorString {...returnInfo} />\n          </div>\n        )}\n      </div>\n    </div>\n  ) : null;\n};\n\nexport default ProductPageTrustabilityTab;\n","import React from 'react';\nimport Collapsible from '../Collapsible';\nimport EditorString from '../EditorString/EditorString';\nimport { FAQItems } from '../../Types/ProductPageModel';\n\nconst ProductPageFAQTab = ({\n  items,\n  show,\n}: {\n  items: FAQItems[];\n  show: boolean;\n}) => {\n  return show ? (\n    <div className=\"w-1/2 md-down:w-full [&>div:first-of-type]:border-t\">\n      {items.map(\n        (faq, idx) =>\n          faq.title && (\n            <Collapsible\n              className=\"w-full border-b border-gray-100 transition\"\n              key={faq.title + idx}\n              label={faq.title}\n              labelClassName=\"h3 !text-h3-mobile\"\n              labelSize=\"h-4 w-4\"\n              contentClassName=\"[&_.ReactCollapse--collapse[aria-hidden='false']]:pb-6 [&_.ReactCollapse--collapse]:transition-all\"\n            >\n              {faq.text.value && <EditorString value={faq.text?.value} />}\n            </Collapsible>\n          )\n      )}\n    </div>\n  ) : null;\n};\n\nexport default ProductPageFAQTab;\n","import React, { useMemo, useState } from 'react';\nimport ProductPageTabsMenu from './ProductPageTabsMenu';\nimport ProductPageTabContent from './ProductPageTabContent';\nimport { translate } from '../../Services/translation';\nimport { ProductPageModel } from '../../Types/ProductPageModel';\nimport ProductPageDescriptionTab from './ProductPageDescriptionTab';\nimport ProductPageSpecificationsTab from './ProductPageSpecificationsTab';\nimport ProductPageTrustabilityTab from './ProductPageTrustabilityTab';\nimport ProductPageFAQTab from './ProductPageFAQTab';\n\nconst ProductPageTabsContainer = ({\n  productPage,\n}: {\n  productPage: ProductPageModel;\n}) => {\n  const [activeTabIndex, setActiveTabIndex] = useState(0);\n  const items = useMemo(\n    () => [\n      {\n        title: translate('tab-title.product-description'),\n        content: <ProductPageDescriptionTab productPage={productPage} />,\n        visible:\n          productPage.productItem.description &&\n          productPage.productItem.description?.length > 0,\n      },\n      {\n        title: translate('tab-title.specifications'),\n        content: (\n          <ProductPageSpecificationsTab productPage={productPage} />\n        ),\n        visible:\n          productPage.productSpecificationsGroup &&\n          productPage.productSpecificationsGroup?.productFields.length > 0,\n      },\n      {\n        title: translate('tab-title.trustability'),\n        content: (\n          <ProductPageTrustabilityTab\n            shippingInfo={productPage.generalShippingInfo}\n            returnInfo={productPage.generalReturnInfo}\n          />\n        ),\n        visible:\n          productPage.generalShippingInfo || productPage.generalReturnInfo,\n      },\n      {\n        title: translate('tab-title.faq'),\n        content: (\n          <ProductPageFAQTab\n            show={productPage.faqItems.length > 0}\n            items={productPage.faqItems}\n          />\n        ),\n      },\n    ],\n    [productPage]\n  );\n\n  const filteredItemList = useMemo(\n    () => items.filter((item) => !!item.content && item.visible !== false),\n    [items]\n  );\n\n  return (\n    <div className=\"lg:container mb-6 border-t border-gray-100 lg:mb-16 lg:border-t-0\">\n      <ProductPageTabsMenu\n        tabs={filteredItemList}\n        setActiveTab={setActiveTabIndex}\n        activeTabIndex={activeTabIndex}\n      />\n      {filteredItemList.map((item, idx) => (\n        <ProductPageTabContent\n          key={item.title + idx}\n          item={item}\n          active={activeTabIndex == idx}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default ProductPageTabsContainer;\n","import React, { useState, useCallback } from 'react';\nimport ResponsiveImage from '../ResponsiveImage/ResponsiveImage';\nimport FullscreenImageSlider from '../FullscreenImageSlider/FullscreenImageSlider';\nimport ProductItemImage from '../../Types/ProductItemImage';\n\ninterface ProductPageImageGalleryProps {\n  images?: ProductItemImage[];\n  videoUrl?: string;\n}\n\nconst ProductPageImageGallery = ({\n  images = [],\n  videoUrl,\n}: ProductPageImageGalleryProps) => {\n  const [activeImageIndex, setActiveImageIndex] = useState<\n    number | undefined\n  >();\n\n  const getOrderNumber = useCallback(\n    (index) => {\n      if (videoUrl) {\n        if (index == 0) {\n          return 1;\n        } else if (index == 1) {\n          return 3;\n        } else {\n          return index + 2;\n        }\n      } else {\n        return index + 1;\n      }\n    },\n    [videoUrl]\n  );\n  const getClickedIndex = useCallback(\n    (index) => {\n      if (videoUrl) {\n        if (index == 0) {\n          return 0;\n        } else {\n          return index + 1;\n        }\n      } else {\n        return index;\n      }\n    },\n    [videoUrl]\n  );\n  return (\n    <>\n      <div className=\"hidden grid-cols-2 gap-4 lg:grid\">\n        {videoUrl && (\n          <div className=\"order-2 w-full overflow-hidden rounded bg-gray-100 object-cover will-change-transform aspect-[3/4]\">\n            <video\n              className=\"w-full scale-110 rounded object-cover aspect-[3/4]\"\n              style={{ clipPath: 'inset(1px 1px)' }}\n              src={videoUrl}\n              autoPlay\n              muted\n              onClick={() =>\n                setActiveImageIndex(images.length > 0 ? 1 : 0)\n              }\n              playsInline\n              loop\n            />\n          </div>\n        )}\n        {images &&\n          images.map((productImage, idx) => (\n            <ResponsiveImage\n              pictureProps={{\n                onClick: () => setActiveImageIndex(getClickedIndex(idx)),\n                style: { order: getOrderNumber(idx) },\n                className:\n                  'aspect-[3/4] bg-gray-100 rounded overflow-hidden group will-change-transform',\n              }}\n              imgProps={{\n                className:\n                  'aspect-[3/4] object-cover w-full rounded hover:cursor-pointer transition duration-500 group-hover:scale-105',\n              }}\n              key={'image' + idx}\n              {...productImage.imageModel}\n            />\n          ))}\n      </div>\n      {typeof activeImageIndex != 'undefined' && (\n        <FullscreenImageSlider\n          images={images}\n          videoUrl={videoUrl}\n          onClosed={() => setActiveImageIndex(undefined)}\n          initialSlide={activeImageIndex}\n        />\n      )}\n    </>\n  );\n};\n\nexport default ProductPageImageGallery;\n","import React, { useState, useEffect, useMemo } from 'react';\nimport 'swiper/css/bundle';\nimport { SwiperSlide, Swiper } from 'swiper/react';\nimport ResponsiveImage from '../ResponsiveImage/ResponsiveImage';\nimport ProductItemImage from '../../Types/ProductItemImage';\nimport FullscreenImageSlider from '../FullscreenImageSlider/FullscreenImageSlider';\nimport { ResponsiveImageModel } from '../../Types/ResponsiveImageModel';\nimport useReady from '../../Hooks/useReady';\n\ninterface ProductPageMobileImagesProps {\n  images?: ProductItemImage[];\n  videoUrl?: string;\n}\n\ninterface MediaItem {\n  videoUrl?: string;\n  imageModel?: ResponsiveImageModel;\n}\n\nconst ProductPageMobileImages = ({\n  images,\n  videoUrl,\n}: ProductPageMobileImagesProps) => {\n  const [activeImageIndex, setActiveImageIndex] = useState<\n    number | undefined\n  >();\n\n  const handleSetActiveImage = (idx) => {\n    if (videoUrl) {\n      if (idx > 1) {\n        //video url is always at idx 1\n        setActiveImageIndex(idx - 1);\n      } else {\n        setActiveImageIndex(idx);\n      }\n    } else {\n      setActiveImageIndex(idx);\n    }\n  };\n\n  const ready = useReady();\n  let mediaArray: MediaItem[] | undefined = useMemo(() => {\n    if (images?.length == 0 && !videoUrl) return [];\n    if (images?.length == 0 && videoUrl) return [{ videoUrl }];\n    return videoUrl && images && images.length > 0\n      ? [\n          { imageModel: images[0]?.imageModel },\n          { videoUrl: videoUrl },\n          ...images\n            .slice(1)\n            .map((img) => ({ imageModel: img.imageModel })),\n        ]\n      : images;\n  }, [images, videoUrl]);\n  return (\n    <>\n      {mediaArray && mediaArray.length > 0 && (\n        <div className=\"lg:hidden\">\n          {!ready && (\n            <div className=\"flex w-full overflow-hidden pl-1\">\n              {mediaArray[0] && (\n                <div className=\"mr-1 w-[83.9%] rounded bg-gray-100 aspect-[3/4]\">\n                  {!mediaArray[0].videoUrl ? (\n                    <ResponsiveImage\n                      {...mediaArray[0].imageModel}\n                      pictureProps={{\n                        className:\n                          'aspect-[3/4] bg-gray-100 rounded overflow-hidden',\n                      }}\n                      imgProps={{\n                        className:\n                          'aspect-[3/4] object-cover w-full rounded',\n                      }}\n                    />\n                  ) : (\n                    <video\n                      className=\"order-2 w-full overflow-hidden rounded object-cover aspect-[3/4]\"\n                      src={videoUrl}\n                    />\n                  )}\n                </div>\n              )}\n              {mediaArray[1] && (\n                <div className=\"skeleton h-auto flex-1 rounded-l bg-gray-100\"></div>\n              )}\n            </div>\n          )}\n          {ready && (\n            <Swiper\n              className=\"[&_>.swiper-wrapper]:pl-1\"\n              lazy={true}\n              slidesPerView={1.2}\n              spaceBetween={4}\n              threshold={5}\n            >\n              {mediaArray.map((mediaItem, idx) => (\n                <SwiperSlide\n                  key={\n                    mediaItem.videoUrl\n                      ? mediaItem.videoUrl\n                      : mediaItem.imageModel?.alt + '' + idx\n                  }\n                >\n                  {!mediaItem.videoUrl ? (\n                    <ResponsiveImage\n                      pictureProps={{\n                        onClick: () => handleSetActiveImage(idx),\n                        className:\n                          'aspect-[3/4] bg-gray-100 rounded overflow-hidden',\n                      }}\n                      imgProps={{\n                        className:\n                          'aspect-[3/4] object-cover w-full rounded',\n                      }}\n                      {...mediaItem.imageModel}\n                    />\n                  ) : (\n                    <div className=\"order-2 w-full overflow-hidden rounded bg-gray-100 object-cover aspect-[3/4]\">\n                      <video\n                        autoPlay\n                        playsInline\n                        muted\n                        loop\n                        className=\"w-full scale-110 overflow-hidden object-cover aspect-[3/4]\"\n                        src={videoUrl}\n                        onClick={() =>\n                          setActiveImageIndex(\n                            images && images.length > 0 ? 1 : 0\n                          )\n                        }\n                      />\n                    </div>\n                  )}\n                </SwiperSlide>\n              ))}\n            </Swiper>\n          )}\n          {typeof activeImageIndex != 'undefined' && (\n            <FullscreenImageSlider\n              images={images}\n              onClosed={() => setActiveImageIndex(undefined)}\n              initialSlide={activeImageIndex}\n              videoUrl={videoUrl}\n            />\n          )}\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default ProductPageMobileImages;\n","import React, { useState } from 'react';\nimport { ProductPageModel } from '../../Types/ProductPageModel';\nimport QuantityInput from '../QuantityInput/QuantityInput';\nimport BuyButton from '../BuyButton/BuyButton';\nimport clsx from 'clsx';\nimport BuySampleButton from '../BuyButton/BuySampleButton';\nimport { StockStatusLevel } from '../../constants';\n\nconst ProductPageBuySection = ({\n  product,\n}: {\n  product: ProductPageModel;\n}) => {\n  const [buyQuantity, setBuyQuantity] = useState(1);\n\n  return product.stockStatus?.level !== StockStatusLevel.Inactive ? (\n    <div className=\"mb-3 flex flex-col gap-3\">\n      {!!product.productItem.price?.price &&\n        !!product.stockStatus?.inStock &&\n        !product.disableBuyOption && (\n          <div className=\"flex flex-row gap-3\">\n            <QuantityInput\n              className=\"min-w-[112px]\"\n              onChange={setBuyQuantity}\n              wrapperClassName=\"col-span-1 [&.quantity-input_div]:h-full\"\n              showButtons={true}\n              disabled={!product.productItem.price?.price}\n              mediumSize={true}\n            />\n            <BuyButton\n              articleNumber={product.productItem.id}\n              quantity={buyQuantity}\n              className={clsx(\n                !product.productItem.price?.price && 'opacity-80',\n                'col-span-3'\n              )}\n              disabled={!product.productItem.price?.price}\n            />\n          </div>\n        )}\n      {product.stockStatus?.level !== StockStatusLevel.Inactive &&\n        !product.disableBuyOption &&\n        product.productItem.samples?.map((sample) => (\n          <BuySampleButton\n            {...sample}\n            className=\"col-span-4 border border-solid border-gray-700\"\n            key={`sample-${sample.articleNumber}`}\n          />\n        ))}\n    </div>\n  ) : null;\n};\n\nexport default ProductPageBuySection;\n","import React, { useMemo } from 'react';\nimport PriceModel from '../../Types/PriceModel';\nimport { translate } from '../../Services/translation';\n\ninterface ProductPageProductPriceProps {\n  priceModel: PriceModel;\n  showUnit?: boolean;\n  itemPackageSize?: number;\n}\nconst ProductPageProductPrice = ({\n  priceModel,\n  showUnit = true,\n  itemPackageSize = 1,\n}: ProductPageProductPriceProps) => {\n  const tierPriceBoxes = useMemo(() => {\n    let index = priceModel.tierPrices.findIndex(\n      (f) => f.minimumQuantity == itemPackageSize\n    );\n\n    if (index > -1 && itemPackageSize > 1) {\n      return priceModel.tierPrices[index];\n    } else {\n      return undefined;\n    }\n  }, [itemPackageSize, priceModel]);\n\n  return (\n    <div className=\"flex flex-col py-0.5\">\n      {priceModel.formattedCampaignPrice ? (\n        <div className=\"mb-2 text-xl font-normal leading-none text-campaign\">\n          {priceModel.formattedCampaignPrice}{' '}\n          {showUnit && priceModel.price?.unitOfMeasurementTitle && (\n            <UnitOfMeasurment\n              unit={priceModel.price?.unitOfMeasurementTitle}\n            />\n          )}\n          <span className=\"ml-2 text-md font-normal leading-none text-gray-500 line-through\">\n            {priceModel.formattedPrice}\n          </span>\n        </div>\n      ) : (\n        priceModel.formattedPrice && (\n          <>\n            <div className=\"flex text-xl font-normal leading-none\">\n              {priceModel.formattedPrice}\n              {showUnit && priceModel.price?.unitOfMeasurementTitle && (\n                <UnitOfMeasurment\n                  unit={priceModel.price?.unitOfMeasurementTitle}\n                />\n              )}\n            </div>\n            <div className=\"flex text-xl font-normal leading-none\">\n              {showUnit && tierPriceBoxes && (\n                <TierPrice\n                  currencySymbol={priceModel.currency.symbol}\n                  price={tierPriceBoxes.price}\n                  unit={priceModel.price?.unitOfMeasurementTitle}\n                />\n              )}\n            </div>\n          </>\n        )\n      )}\n    </div>\n  );\n};\n\nconst UnitOfMeasurment = ({ unit }: { unit: string }) => (\n  <span className=\"ml-0.5 self-end text-md font-light leading-none text-gray-500\">\n    {` / ${unit?.toLowerCase()}`}\n  </span>\n);\n\nconst TierPrice = ({\n  currencySymbol,\n  price,\n  unit,\n}: {\n  currencySymbol: string;\n  price: number;\n  unit?: string;\n}) => {\n  return (\n    <span className=\"mt-2 self-end text-right text-sm font-light leading-none text-gray-500\">\n      {`${price} ${currencySymbol} / ${unit?.toLowerCase()} ${translate(\n        'product-page.tier-price.box-price'\n      )}`}\n    </span>\n  );\n};\n\nexport default ProductPageProductPrice;\n","import React, { useMemo } from 'react';\nimport Icon from './Icon';\nimport { uniqueId } from 'lodash-es';\nimport clsx from 'clsx';\n\ninterface RatingStarsProps {\n  rating?: number;\n  starsCount?: number;\n  showRatingText?: boolean;\n  starClassName?: string;\n}\n\nconst RatingStars = ({\n  rating,\n  starsCount = 5,\n  showRatingText = true,\n  starClassName,\n}: RatingStarsProps) => {\n  const uuid = useMemo(() => uniqueId(), []);\n  const fullStarsCount = useMemo(\n    () => (rating ? Math.floor(rating) : 0),\n    [rating]\n  );\n  const hasHalfStar = useMemo(\n    () => (rating ? rating % 1 !== 0 : false),\n    [rating]\n  );\n  const onStarsClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n\n    document\n      .getElementById('yotpo-reviews-widget')\n      ?.scrollIntoView({ behavior: 'smooth' });\n  };\n\n  const getStarName = (index: number) => {\n    if (index < fullStarsCount) {\n      return 'star-filled';\n    } else if (index === fullStarsCount && hasHalfStar) {\n      return 'star-half';\n    }\n    return 'star-empty';\n  };\n\n  return rating ? (\n    <a\n      onClick={onStarsClick}\n      href=\"#yotpo-reviews-widget\"\n      className=\"flex items-baseline gap-0.5\"\n    >\n      {showRatingText && (\n        <span className=\"mr-0.5 text-md font-normal text-gray-700\">\n          {rating.toFixed(1)}\n        </span>\n      )}\n      {Array.from({ length: starsCount }).map((_, idx) => (\n        <Icon\n          key={`${idx}-rating-star-${uuid}`}\n          className={clsx(starClassName, 'h-3 w-[13px]')}\n          name={getStarName(idx)}\n        />\n      ))}\n    </a>\n  ) : null;\n};\n\nexport default RatingStars;\n","import React from 'react';\nimport PriceModel from '../../Types/PriceModel';\nimport Icon from '../Icon';\nimport ProductPageProductPrice from './ProductPageProductPrice';\nimport { YotpoBottomLine } from '../../Types/Yotpo';\nimport RatingStars from '../RatingStars';\nimport Product from '../../Types/Product';\nimport FavoriteButton from '../FavoriteButton/FavoriteButton';\nimport { translate } from '../../Services/translation';\nimport clsx from 'clsx';\n\ninterface ProductPageProductInformationProps {\n  title: string;\n  priceModel?: PriceModel;\n  bottomLine?: YotpoBottomLine;\n  product: Product;\n  muralCanvasDisclaimer?: string;\n  isB2b?: boolean;\n  articleNumber?: string;\n}\n\nconst ProductPageProductInformation = ({\n  title,\n  priceModel,\n  bottomLine,\n  product,\n  muralCanvasDisclaimer,\n  isB2b = false,\n  articleNumber,\n}: ProductPageProductInformationProps) => {\n  return (\n    <>\n      <div\n        className={clsx(\n          'mb-2 flex justify-between',\n          !isB2b && 'items-center'\n        )}\n      >\n        <div className=\"flex flex-col gap-1\">\n          {articleNumber && (\n            <p className=\"text-lg font-normal leading-6 text-gray-700\">\n              {translate('general.article-number')}: {articleNumber}\n            </p>\n          )}\n          <h1 className=\"h3\">{title}</h1>\n        </div>\n        <FavoriteButton\n          className=\"flex\"\n          iconClassName=\"w-6 h-6\"\n          iconWrapperClassName=\"flex items-center justify-center\"\n          product={product}\n        />\n      </div>\n      <a className=\"mb-4 flex justify-between\">\n        {priceModel && (\n          <ProductPageProductPrice\n            priceModel={priceModel}\n            itemPackageSize={product.itemPackageSize ?? 0}\n          />\n        )}\n        {bottomLine && <RatingStars rating={bottomLine.average_score} />}\n      </a>\n      {isB2b && (\n        <div className=\"mb-4 flex flex-col\">\n          {product.itemCollection && (\n            <p className=\"text-lg font-normal text-gray-700\">\n              {translate('general.collection')}: {product.itemCollection}\n            </p>\n          )}\n          {product.itemPackageSize && product.itemPackageSize > 0 && (\n            <p className=\"text-lg font-normal text-gray-700\">{`${\n              product.itemPackageSize\n            } ${product.price.price?.unitOfMeasurementTitle} / ${translate(\n              'detailed-product-card.boxes'\n            )} `}</p>\n          )}\n        </div>\n      )}\n      {muralCanvasDisclaimer && (\n        <p className=\"mb-4 text-lg font-light leading-6 text-gray-900\">\n          {muralCanvasDisclaimer}\n        </p>\n      )}\n    </>\n  );\n};\n\nexport default ProductPageProductInformation;\n","import React, { useMemo } from 'react';\nimport EditorString from '../EditorString/EditorString';\nimport { EditorStringModel } from '../../Types/EditorString';\nimport Icon from '../Icon';\nimport { renderToString } from 'react-dom/server';\n\ninterface ProductPageUspsProps {\n  uspBlock?: EditorStringModel;\n}\n\nconst getFormattedString = (str: string | undefined) =>\n  str?.replaceAll(\n    '<li>',\n    '<li>' +\n      renderToString(\n        <div className=\"mr-1 inline-block h-4 w-4\">\n          <Icon name=\"usp-check\" />\n        </div>\n      )\n  );\n\nconst ProductPageUsps = ({ uspBlock }: ProductPageUspsProps) => {\n  // workaround for bug\n  // https://github.com/facebook/react/issues/16416\n  const formattedUspValue = useMemo(\n    () =>\n      typeof global.window === 'undefined'\n        ? ''\n        : getFormattedString(uspBlock?.value),\n    [uspBlock?.value]\n  );\n  return (\n    <>\n      {uspBlock?.value && (\n        <div className=\"usp-editor-wrapper my-7 lg:my-9\">\n          <EditorString\n            value={\n              typeof global.window === 'undefined'\n                ? getFormattedString(uspBlock?.value)\n                : formattedUspValue\n            }\n          />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default ProductPageUsps;\n","import React, { useMemo } from 'react';\nimport ProductBlock from '../../Blocks/ProductBlock';\nimport { translate } from '../../Services/translation';\nimport { ProductRelation } from '../../Types/ProductPageModel';\n\ninterface productRelationsProps {\n  productRelations?: (ProductRelation | undefined)[];\n}\nconst ProductRelationBlockContainer = ({\n  productRelations,\n}: productRelationsProps) => {\n  const filteredProductRelations = useMemo(\n    () =>\n      productRelations &&\n      (productRelations.filter(\n        (productRelation) =>\n          productRelation && productRelation.value.length > 0\n      ) as ProductRelation[]),\n    [productRelations]\n  );\n\n  return (\n    <>\n      {filteredProductRelations!.length > 0 &&\n        filteredProductRelations?.map((productRelation, idx) => (\n          <div\n            key={productRelation.key.id + idx}\n            className=\"pb-6 lg:pb-10\"\n          >\n            <ProductBlock\n              products={productRelation.value}\n              title={translate(\n                productRelation.key.id.toLowerCase() + '.title'\n              )}\n              numPerRow={4}\n              showSlider={productRelation.value.length > 2 ? true : false}\n              showInfo={true}\n              showPatternImage={productRelation.key.id === 'Matching'}\n            />\n          </div>\n        ))}\n    </>\n  );\n};\n\nexport default ProductRelationBlockContainer;\n","import React, { useEffect, useState } from 'react';\nimport { translate } from '../../Services/translation';\nimport SideMenu from '../SideMenu/SideMenu';\nimport Icon from '../Icon';\n\nconst ProductPageBuyGuideContainer = () => {\n  const [modalOpen, setModalOpen] = useState(false);\n  const [buyGuideContainerRef, setBuyGuideContainerRef] = useState<\n    HTMLDivElement | undefined\n  >();\n  const [children, setChildren] = useState<Element[]>([]);\n\n  useEffect(() => {\n    if (!modalOpen) {\n      setBuyGuideContainerRef(undefined);\n    }\n  }, [modalOpen]);\n\n  useEffect(() => {\n    const buyGuideElem = document.getElementById('buy-guide-content');\n    setChildren(Array.from(buyGuideElem?.children ?? []));\n  }, []);\n\n  useEffect(() => {\n    if (buyGuideContainerRef) {\n      buyGuideContainerRef.innerHTML = '';\n      for (var child of children) {\n        buyGuideContainerRef.appendChild(child);\n      }\n    }\n  }, [buyGuideContainerRef, children]);\n  return (\n    <>\n      <div className=\"block\">\n        <button\n          className=\"flex items-center\"\n          onClick={() => setModalOpen(!modalOpen)}\n        >\n          <Icon\n            name=\"question-light\"\n            className=\"mr-1 h-5 w-5 text-gray-700\"\n          />\n          <span className=\"text-sm font-normal uppercase tracking-wider underline\">\n            {translate('product-page.buy-guide-link')}\n          </span>\n        </button>\n      </div>\n      <SideMenu\n        id=\"buyGuide\"\n        open={modalOpen}\n        title={' '}\n        onClosed={() => setModalOpen(false)}\n        className={\n          'm-2 !h-[calc(100%_-_1rem)] rounded md-down:w-[calc(100%_-_1rem)] [&_>div:first-child]:h-[52px] [&_>div]:!pl-0 [&_>div]:!pr-0'\n        }\n      >\n        <div className=\"pl-7 pr-7 lg:pl-[48px] lg:pr-[48px]\">\n          <h2 className=\"mb-6\">{translate('buy-guide.title')}</h2>\n          <div\n            id=\"buy-guide-content\"\n            ref={(ref) => {\n              if (ref) {\n                setBuyGuideContainerRef(ref);\n              }\n            }}\n          ></div>\n        </div>\n      </SideMenu>\n    </>\n  );\n};\n\nexport default ProductPageBuyGuideContainer;\n","import clsx from 'clsx';\nimport {useEffect, useRef, useState} from 'react';\nimport Icon from '../Icon';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { translate } from '../../Services/translation';\n\ninterface ProductPageLinkBlockProps {\n  url?: string;\n  onClick?: () => void;\n  buttonText: string;\n  iconName?: string;\n  preTitle?: string;\n  title?: string;\n  description?: string;\n  className?: string;\n  productId?: string;\n  openInNewWindow?: boolean;\n  displayArButton?: boolean;\n}\n\ninterface MutationCallback {\n  (mutations: MutationRecord[], observer: MutationObserver): void;\n}\n\nconst ProductPageLinkBlock = ({\n  url,\n  buttonText,\n  iconName,\n  preTitle,\n  title,\n  description,\n  className,\n  productId,\n  openInNewWindow = false,\n  displayArButton = false,\n  displayButton = true,\n  onClick,\n}: ProductPageLinkBlockProps) => {\n\n  const mutationRef = useRef(null);\n  const [containerDisplay, setContainerDisplay] = useState('none');\n  const onMutation: MutationCallback = (mutations, observer) => {\n      for (const mutation of mutations) {\n          if (mutation.oldValue == 'visibility:hidden' && mutation.target.style.visibility == 'visible') {\n              setContainerDisplay('block');\n          }\n      }\n  }\n  if(displayArButton) {\n        useMutationObserver(mutationRef, onMutation);\n  }\n\n  useEffect(() => {\n      if (mutationRef.current != null && mutationRef.current.style.visibility == 'hidden') {\n          setContainerDisplay('none');\n      } \n      else {\n          setContainerDisplay('block')\n      }\n  }, [mutationRef.current]);\n\n  return (\n    <div\n        className={clsx('rounded bg-gray-100 p-6 lg:p-8', className)}\n        {...(displayArButton && { style: { display: containerDisplay } })}\n    >\n      {preTitle && (\n        <div className=\"pretitle-sm mb-3 inline-block\">{preTitle}</div>\n      )}\n      {title && <h3 className=\"mb-2\">{title}</h3>}\n      {description && <div>{description}</div>}\n      <div\n        className={clsx(\n          'flex flex-wrap gap-4 mt-6',\n          displayArButton && 'roomvo-container'\n        )}\n        data-product-type-str=\"wall\"\n      >\n        {displayButton &&\n          (url ? (\n            <a\n              href={url}\n              className=\"btn btn--black btn--large\"\n              target={openInNewWindow ? '_blank' : undefined}\n              rel=\"noreferrer\"\n              onClick={onClick}\n            >\n              {iconName && (\n                <Icon name={iconName} className=\"mr-3 h-6 w-6\" />\n              )}\n              {buttonText}\n            </a>\n          ) : (\n            <button\n              className=\"btn btn--black btn--large\"\n              onClick={onClick}\n            >\n              {iconName && (\n                <Icon name={iconName} className=\"mr-3 h-6 w-6\" />\n              )}\n              {buttonText}\n            </button>\n          ))}\n        {displayArButton && productId && (\n          <button\n            className=\"roomvo-stimr btn btn--black btn--large\"\n            data-sku={productId}\n            onClick={onClick}\n            ref={mutationRef}\n            style={{ visibility: 'hidden' }}\n          >\n            {iconName && <Icon name={iconName} className=\"mr-3 h-6 w-6\" />}\n            {translate('product-page.wallpaper-roomvo.button')}\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nconst useMutationObserver = (\n    ref,\n    callback,\n    options = {\n      characterData: true,\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeOldValue: true,\n      characterDataOldValue: true,\n      attributeFilter: ['style'],\n    }\n) => {\n  useEffect(() => {\n    const observer = new MutationObserver(callback);\n    observer.observe(ref.current, options);\n    return () => observer.disconnect();\n  }, [ref]);\n}\nexport default ProductPageLinkBlock;\n","import React from 'react';\nimport { ProductPageModel } from '../../Types/ProductPageModel';\n\nconst ProductPageStructuredData = ({\n  productPage,\n}: {\n  productPage: ProductPageModel;\n}) => {\n  const product = productPage.productItem;\n  const price = product.price;\n  return (\n    <>\n      {/* MPN would be the id that is commonly used by everyone for this item */}\n      <meta itemProp=\"mpn\" content={product.id} />\n      {/* SKU could be the internal variant id in Litium */}\n      <meta itemProp=\"sku\" content={product.id} />\n      <meta itemProp=\"name\" content={product.name} />\n      <meta itemProp=\"description\" content={product.description} />\n      {product.images?.map((img, idx) => (\n        <link\n          itemProp=\"image\"\n          href={img.originalSrc}\n          key={`${product.id}-meta-image-${idx}`}\n        />\n      ))}\n      {product.brand && (\n        <div\n          itemProp=\"brand\"\n          itemType=\"https://schema.org/Brand\"\n          itemScope\n        >\n          <meta itemProp=\"name\" content={product.brand} />\n        </div>\n      )}\n      {price && (\n        <div\n          itemProp=\"offers\"\n          itemType=\"https://schema.org/Offer\"\n          itemScope\n        >\n          <meta\n            itemProp=\"price\"\n            content={\n              price.campaignPrice?.priceWithVat?.toString() ??\n              price.price?.priceWithVat?.toString()\n            }\n          />\n          <meta itemProp=\"priceCurrency\" content={price.currency.id} />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default ProductPageStructuredData;\n","import React from 'react';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport useIsMobile from '../../Hooks/useIsMobile';\n\nconst YotpoUgc = ({ productId }: { productId: string }) => {\n  const { galleryId, galleryIdMobile } = useTypedSelector((state) => state.yotpo);\n  const isMobile = useIsMobile();\n\n  return (\n    <div\n      className=\"yotpo yotpo-pictures-widget\"\n      data-gallery-id={isMobile ? galleryIdMobile : galleryId}\n      data-product-id={productId}\n    ></div>\n  );\n};\n\nexport default YotpoUgc;","import React, { useEffect, useState } from 'react';\nimport { YotpoBottomLine } from '../Types/Yotpo';\nimport { useTypedSelector } from '../Hooks/useTypedSelector';\n\nconst useYotpoBottomLine = (productId?: string) => {\n  const [yotpoBottomLine, setYotpoBottomLine] = useState<\n    YotpoBottomLine | undefined\n  >();\n  const [isPageVisible, setIsPageVisible] = useState(false);\n\n  const { storeId } = useTypedSelector((state) => state.yotpo);\n\n  useEffect(() => {\n    const handleVisibilityChange = () => {\n        setIsPageVisible(!document.hidden)\n    }\n    document.addEventListener('visibilitychange', handleVisibilityChange);\n\n    return () => {\n      document.removeEventListener('visibilitychange', handleVisibilityChange);\n    };\n  }, []);\n\n  useEffect(() => {\n    // Reload Yotpo widgets when switching product\n    if (global.Yotpo && isPageVisible) {\n      var yotpoApi = new global.Yotpo.API(global.yotpo);\n      yotpoApi.refreshWidgets();\n    }\n\n    // Fetch Yotpo data from API\n    if (productId) {\n      getYotpoBottomLine(productId, storeId).then((data) =>\n        setYotpoBottomLine(data)\n      );\n    }\n  }, [productId]);\n\n  return yotpoBottomLine;\n};\n\nconst getYotpoBottomLine = async (\n  productId: string,\n  storeId: string\n): Promise<YotpoBottomLine> => {\n  const res = await fetch(\n    `https://api-cdn.yotpo.com/v1/widget/${storeId}/products/${productId}/reviews.json`\n  );\n  return (await res.json()).response.bottomline;\n};\n\nexport default useYotpoBottomLine;\n","interface CalculateRollCountProps {\n  wallWidth: number;\n  wallHeight: number;\n  rollWidth: number;\n  rollLength: number;\n  patternSize: number;\n  fitment: number;\n}\n\nexport function calculateRollCount({\n  wallWidth,\n  wallHeight,\n  rollWidth,\n  rollLength,\n  patternSize,\n  fitment,\n}: CalculateRollCountProps) {\n  if (patternSize <= 0 || fitment == 0) patternSize = 1;\n\n  const numCoverings = Math.ceil(wallWidth / rollWidth); // antal våder\n  const numFullRepeats = Math.floor(wallHeight / patternSize);\n  const leftOfLastReport =\n    (wallHeight / patternSize - numFullRepeats) * patternSize;\n  const repeatFitment = fitment == 0 ? patternSize : patternSize * fitment;\n  let waste =\n    repeatFitment > leftOfLastReport\n      ? repeatFitment - leftOfLastReport\n      : patternSize - leftOfLastReport + repeatFitment; // skärsmån mellan våder (spill)\n\n  if (fitment == 0) {\n    waste = 0;\n  }\n\n  let numRolls = 0;\n  let leftOfCurrentRoll = rollLength;\n\n  // Not beautiful, should be refactored to not use a loop, if possible\n  for (let i = 0; i < numCoverings; i++) {\n    if (leftOfCurrentRoll == rollLength) {\n      numRolls++;\n    }\n\n    leftOfCurrentRoll = leftOfCurrentRoll - wallHeight;\n    if (fitment != 0) {\n      leftOfCurrentRoll = leftOfCurrentRoll - waste;\n    }\n\n    if (leftOfCurrentRoll < wallHeight) {\n      if (fitment == 0 && waste == 0) {\n        waste = leftOfCurrentRoll;\n      }\n      leftOfCurrentRoll = rollLength;\n    }\n  }\n\n  const coveringsPerRoll = Math.ceil(numCoverings / numRolls);\n\n  return {\n    rolls: numRolls,\n    waste: waste ?? 0,\n    coveringsPerRoll,\n    totalCoverings: numCoverings,\n  };\n}\n\nexport function getFitment(patternMatch: string) {\n  switch (patternMatch) {\n    case '1':\n    default:\n      return 0;\n    case '2':\n      return 1;\n    case '3':\n      return 0.5;\n    case '4':\n      return 0.33;\n    case '5':\n      return 0.2;\n  }\n}\n","import React from 'react';\nimport Icon from '../Icon';\nimport { translate } from '../../Services/translation';\n\nexport interface WallpaperCalculatorResult {\n  rolls: number;\n  waste: number;\n  coveringsPerRoll: number;\n  totalCoverings: number;\n  showWaste: boolean;\n}\n\nconst WallpaperCalculatorResult = ({\n  rolls,\n  waste,\n  coveringsPerRoll,\n  totalCoverings,\n  showWaste,\n}: WallpaperCalculatorResult) => {\n  return (\n    <div className=\"grid grid-cols-1 gap-3\">\n      <div className=\"flex items-center gap-2\">\n        <Icon name=\"check\" className=\"h-6 w-6 flex-shrink-0\" />\n        <span\n          dangerouslySetInnerHTML={{\n            __html: translate(\n              'wallpaper-calculator.result.total-coverings'\n            ).replace('{coverings}', totalCoverings.toString()),\n          }}\n        ></span>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <Icon name=\"check\" className=\"h-6 w-6 flex-shrink-0\" />\n        <span\n          dangerouslySetInnerHTML={{\n            __html: translate(\n              'wallpaper-calculator.result.coverings'\n            ).replace('{coverings}', coveringsPerRoll.toString()),\n          }}\n        ></span>\n      </div>\n      {showWaste && (\n        <div className=\"flex items-center gap-2\">\n          <Icon name=\"check\" className=\"h-6 w-6 flex-shrink-0\" />\n          <span\n            dangerouslySetInnerHTML={{\n              __html: translate(\n                'wallpaper-calculator.result.cutting-margin'\n              ).replace('{waste}', Math.floor(waste * 100).toString()),\n            }}\n          ></span>\n        </div>\n      )}\n      <div className=\"flex items-center gap-2\">\n        <Icon name=\"check\" className=\"h-6 w-6 flex-shrink-0\" />\n        <span\n          dangerouslySetInnerHTML={{\n            __html: translate(\n              'wallpaper-calculator.result.recommendation'\n            ).replace('{rolls}', rolls.toString()),\n          }}\n        ></span>\n      </div>\n    </div>\n  );\n};\n\nexport default WallpaperCalculatorResult;\n","import React, { useMemo, useState } from 'react';\nimport { translate } from '../../Services/translation';\nimport Input from '../Inputs/Input';\nimport { calculateRollCount } from '../../Services/WallpaperCalculatorService';\nimport SideMenu from '../SideMenu/SideMenu';\nimport BuyButton from '../BuyButton/BuyButton';\nimport { add as addToCart } from '../../Services/Cart.service';\nimport { receive } from '../../Actions/Cart.action';\nimport { useTypedDispatch } from '../../Hooks/useTypedDispatch';\nimport Icon from '../Icon';\nimport WallpaperCalculatorResult from './WallpaperCalculatorResult';\n\ninterface WallpaperCalculatorModalProps {\n  articleNumber: string;\n  rollWidth: number;\n  rollLength: number;\n  patternSizeMeters: number;\n  fitment: number;\n  open: boolean;\n  hasPrice: boolean;\n  onClosed: () => void;\n  onAddedToCart: () => void;\n}\n\nconst WallpaperCalculatorModal = ({\n  articleNumber,\n  rollWidth,\n  rollLength,\n  patternSizeMeters,\n  fitment,\n  open,\n  hasPrice,\n  onClosed,\n  onAddedToCart,\n}: WallpaperCalculatorModalProps) => {\n  const dispatch = useTypedDispatch();\n  const [wallWidth, setWallWidth] = useState<number | undefined>();\n  const [wallHeight, setWallHeight] = useState<number | undefined>();\n\n  const calculatorResult = useMemo(\n    () =>\n      wallWidth && wallHeight && rollWidth && rollLength\n        ? calculateRollCount({\n            wallWidth,\n            wallHeight,\n            rollLength,\n            rollWidth,\n            patternSize: patternSizeMeters ?? 0.01,\n            fitment: fitment ?? 0,\n          })\n        : undefined,\n    [\n      wallWidth,\n      wallHeight,\n      rollWidth,\n      rollLength,\n      patternSizeMeters,\n      fitment,\n    ]\n  );\n\n  const onSubmitClick = async (e) => {\n    e.preventDefault();\n    if (!calculatorResult?.rolls) return;\n\n    // Add to cart, then close the modal after 1000 ms\n    const cart = await addToCart({\n      articleNumber,\n      quantity: Math.ceil(calculatorResult?.rolls),\n    });\n    dispatch(receive(cart));\n    setTimeout(() => onAddedToCart(), 1000);\n  };\n\n  return (\n    <SideMenu\n      id=\"side-menu-modal\"\n      open={open}\n      onClosed={onClosed}\n      showCloseButton={false}\n      contentClassName=\"p-7 pt-6 lg:p-12 lg:pt-6\"\n      className=\"rounded\"\n    >\n      <h2 className=\"mb-2\">{translate('wallpaper-calculator')}</h2>\n      <div className=\"mb-6 text-xl font-light\">\n        {translate('wallpaper-calculator.title')}\n      </div>\n      <form onSubmit={onSubmitClick}>\n        <div className=\"grid grid-cols-1 gap-2\">\n          <Input\n            label={`${translate('wallpaper-calculator.wall-width')} (m)`}\n            type=\"number\"\n            step=\"0.01\"\n            value={wallWidth ?? ''}\n            onChange={(e) =>\n              setWallWidth(\n                e.target.value != ''\n                  ? parseFloat(e.target.value)\n                  : undefined\n              )\n            }\n            showAnimatedLabel={true}\n            inputSize=\"large\"\n          />\n          <Input\n            label={`${translate('wallpaper-calculator.wall-height')} (m)`}\n            type=\"number\"\n            step=\"0.01\"\n            value={wallHeight ?? ''}\n            onChange={(e) =>\n              setWallHeight(\n                e.target.value != ''\n                  ? parseFloat(e.target.value)\n                  : undefined\n              )\n            }\n            showAnimatedLabel={true}\n            inputSize=\"large\"\n          />\n        </div>\n        <div className=\"mt-4 flex flex-col text-lg leading-normal\">\n          {calculatorResult && calculatorResult.rolls > 0 ? (\n            <WallpaperCalculatorResult\n              {...calculatorResult}\n              showWaste={fitment > 0}\n            />\n          ) : (\n            <span>{translate('wallpaper-calculator.fill-in-form')}</span>\n          )}\n        </div>\n        {hasPrice && (\n          <BuyButton\n            className=\"mt-4\"\n            type=\"submit\"\n            onClick={onSubmitClick}\n            disabled={\n              !calculatorResult?.rolls ||\n              calculatorResult.rolls <= 0 ||\n              Number.isNaN(calculatorResult.rolls)\n            }\n            label={\n              <>\n                <Icon name=\"shopping-cart\" className=\"mr-3 h-6 w-6\" />{' '}\n                {translate(\n                  'wallpaper-calculator.add-rolls-to-cart'\n                ).replace(\n                  '{0}',\n                  Math.ceil(calculatorResult?.rolls ?? 0).toString()\n                )}\n              </>\n            }\n          />\n        )}\n      </form>\n      <button\n        onClick={onClosed}\n        className=\"btn btn--white btn--small mt-6 w-full text-center text-md font-normal uppercase leading-4 underline\"\n      >\n        {translate('general.cancel')}\n      </button>\n    </SideMenu>\n  );\n};\n\nexport default WallpaperCalculatorModal;\n","import React, { useState } from 'react';\nimport useReady from '../../Hooks/useReady';\nimport WallpaperCalculatorModal from '../WallpaperCalculator/WallpaperCalculatorModal';\nimport { useTypedDispatch } from '../../Hooks/useTypedDispatch';\nimport { setShowMiniCart } from '../../Actions/Cart.action';\nimport ProductPageLinkBlock from './ProductPageLinkBlock';\nimport { translate } from '../../Services/translation';\n\nconst ProductPageWallpaperCalculatorModalWrapper = ({\n  articleNumber,\n  rollWidth,\n  rollLength,\n  patternSizeMeters,\n  fitment,\n  hasPrice,\n}: {\n  articleNumber: string;\n  rollWidth: number;\n  rollLength: number;\n  patternSizeMeters: number;\n  fitment: number;\n  hasPrice: boolean;\n}) => {\n  const dispatch = useTypedDispatch();\n  const ready = useReady();\n  const [wallpaperCalculatorOpen, setWallpaperCalculatorOpen] =\n    useState(false);\n\n  return (\n    <>\n      <ProductPageLinkBlock\n        preTitle={translate('product-page.wallpaper-calculator')}\n        title={translate('product-page.wallpaper-calculator.title')}\n        description={translate(\n          'product-page.wallpaper-calculator.description'\n        )}\n        buttonText={translate('product-page.wallpaper-calculator.button')}\n        iconName=\"scroll\"\n        onClick={() => setWallpaperCalculatorOpen(true)}\n      />\n      {ready && (\n        <WallpaperCalculatorModal\n          open={wallpaperCalculatorOpen}\n          onClosed={() => setWallpaperCalculatorOpen(false)}\n          rollWidth={rollWidth}\n          rollLength={rollLength}\n          patternSizeMeters={patternSizeMeters}\n          fitment={fitment}\n          articleNumber={articleNumber}\n          hasPrice={hasPrice}\n          onAddedToCart={() => {\n            setTimeout(() => {\n              setWallpaperCalculatorOpen(false);\n              setTimeout(() => {\n                dispatch(setShowMiniCart(true));\n              }, 1);\n            }, 150);\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nexport default ProductPageWallpaperCalculatorModalWrapper;\n","import React, { useMemo } from 'react';\nimport { informationModal } from '../../Types/InformationModal';\nimport EditorString from '../EditorString/EditorString';\nimport Icon from '../Icon';\n\nconst InformationModal = (modal: informationModal) => {\n  return (\n    <div className=\"mb-4 rounded-lg border border-solid  border-warning-500 bg-warning-100 p-4 pb-5\">\n      {modal.title && (\n        <div className=\"mb-1.5 flex items-center\">\n          <Icon className=\"mr-1.5 h-5 w-5\" name=\"info\" />\n          <p className=\"text-lg font-medium leading-6\">{modal.title}</p>\n        </div>\n      )}\n      {modal.description?.value && (\n        <EditorString value={modal.description.value} />\n      )}\n    </div>\n  );\n};\n\nexport default InformationModal;\n","import React, { useEffect } from 'react';\nimport Input from '../../Inputs/Input';\nimport {\n  PRODUCT_DETAIL_LIST_COL_SIZE_LIST,\n  StockStatusLevel,\n} from '../../../constants';\nimport BuyButton from '../../BuyButton/BuyButton';\nimport Product from '../../../Types/Product';\nimport { translate } from '../../../Services/translation';\nimport clsx from 'clsx';\nimport FavoriteButton from '../../FavoriteButton/FavoriteButton';\nimport DetailedListFavoriteButton from './DetailedListFavoriteButton';\n\ninterface DetailedListBuyFormProps {\n  quantity: number;\n  product: Product;\n  boxesAmount: number;\n  rollsAmount: number;\n  totalAmount: number;\n  packageSize: number;\n  setBoxesAmount: (boxesAmount: number | undefined) => void;\n  setRollsAmount: (rollsAmount: number | undefined) => void;\n  setTotalAmount: (totalAmount: number | undefined) => void;\n  setQuantity: (quantity: number) => void;\n  isProductPage?: boolean;\n}\nconst DetailedListBuyFormPDP = ({\n  isProductPage = false,\n  quantity,\n  product,\n  boxesAmount,\n  rollsAmount,\n  totalAmount,\n  setTotalAmount,\n  packageSize,\n  setBoxesAmount,\n  setRollsAmount,\n  setQuantity,\n}: DetailedListBuyFormProps) => {\n  const showExtraInputs = packageSize && packageSize > 1;\n\n  const getParsedValue = (value: string) => {\n    return parseFloat(value) >= 0\n      ? parseFloat(value)\n      : value != ''\n      ? 0\n      : undefined;\n  };\n  useEffect(() => {\n    // if value of boxes is changed but boxes and rolls amount are 0 or empty - Clear total amount and set it to 0\n    if (\n      !boxesAmount &&\n      boxesAmount == 0 &&\n      !rollsAmount &&\n      rollsAmount == 0\n    ) {\n      setTotalAmount(0);\n      return;\n    }\n    //if boxes amount is changed and is is empty but rolls amount have a value. Set total amount to rolls amount\n    if (!boxesAmount && boxesAmount == 0) {\n      setTotalAmount(rollsAmount);\n      return;\n    }\n    if (boxesAmount && boxesAmount > 0) {\n      if (!rollsAmount && rollsAmount == 0) {\n        setTotalAmount(boxesAmount * packageSize);\n        return;\n      } else {\n        setTotalAmount(boxesAmount * packageSize + rollsAmount);\n      }\n    }\n  }, [boxesAmount]);\n  useEffect(() => {\n    // if value of rolls is changed but boxes and rolls amount are 0 or empty - Clear total amount and set it to 0\n    if (\n      !boxesAmount &&\n      boxesAmount == 0 &&\n      !rollsAmount &&\n      rollsAmount == 0\n    ) {\n      setTotalAmount(0);\n      return;\n    }\n    //if rolls amount is changed and is is empty but boxes amount have a value. Set total amount to boxes amount\n    if (!rollsAmount && rollsAmount == 0) {\n      setTotalAmount(boxesAmount * packageSize);\n      return;\n    }\n    if (rollsAmount && rollsAmount > 0) {\n      if (!boxesAmount && boxesAmount == 0) {\n        setTotalAmount(rollsAmount);\n        return;\n      } else {\n        setTotalAmount(boxesAmount * packageSize + rollsAmount);\n      }\n    }\n  }, [rollsAmount]);\n  useEffect(() => {\n    if (!totalAmount || totalAmount == 0) {\n      setBoxesAmount(0);\n      setRollsAmount(0);\n    }\n    if (totalAmount && totalAmount > 0) {\n      setQuantity(totalAmount);\n      if (totalAmount < packageSize) {\n        setBoxesAmount(0);\n        setRollsAmount(totalAmount);\n      } else {\n        setBoxesAmount(Math.floor(totalAmount / packageSize));\n        setRollsAmount(totalAmount % packageSize);\n      }\n    }\n    setQuantity(totalAmount && totalAmount > 0 ? totalAmount : 0);\n  }, [totalAmount]);\n\n  return !!product.price?.price ? (\n    <>\n      {showExtraInputs && (\n        <>\n          <div className=\"flex flex-col justify-end\">\n            <div className=\"text-md font-bold\">\n              {translate('detailed-product-card.boxes')}\n            </div>\n            <Input\n              value={!!boxesAmount ? boxesAmount : ''}\n              onChange={(e) =>\n                setBoxesAmount(getParsedValue(e.target.value))\n              }\n              type=\"number\"\n              className=\"h-12\"\n            />\n          </div>\n          <div>\n            <div\n              className={clsx(\n                'text-md font-bold ',\n                !isProductPage && 'lg:hidden'\n              )}\n            >\n              {translate('detailed-product-card.rolls')}\n            </div>\n            <Input\n              value={!!rollsAmount ? rollsAmount : ''}\n              onChange={(e) =>\n                setRollsAmount(getParsedValue(e.target.value))\n              }\n              type=\"number\"\n              className=\"h-12\"\n            />\n          </div>\n        </>\n      )}\n      <div\n        className={clsx(\n          'flex flex-col self-center md-down:!w-[unset]',\n          !showExtraInputs && 'col-span-1 xl:col-span-2'\n        )}\n      >\n        {!product.isMeasuredWallpaper && (\n          <>\n            <div\n              className={clsx(\n                'text-md font-bold ',\n                !isProductPage && 'lg:hidden'\n              )}\n            >\n              {translate('detailed-product-card.total')}\n            </div>\n            <Input\n              value={!!totalAmount ? totalAmount : ''}\n              onChange={(e) =>\n                setTotalAmount(getParsedValue(e.target.value))\n              }\n              type=\"number\"\n              className=\"h-12\"\n            />\n          </>\n        )}\n      </div>\n      {product.stockStatus?.level !== StockStatusLevel.Inactive &&\n        !product.disableBuyOption && (\n          <div\n            className={clsx(\n              'flex items-end',\n              !showExtraInputs && 'col-span-3 xl:col-span-2'\n            )}\n          >\n            {!product.isMeasuredWallpaper ? (\n              <BuyButton\n                className=\"h-12 !self-end\"\n                articleNumber={product.id}\n                quantity={quantity}\n                hideIcon={true}\n                btnSize={'medium'}\n                disabled={\n                  (product.stockStatus && !product.stockStatus.inStock) ||\n                  !quantity ||\n                  !product.id\n                }\n              />\n            ) : (\n              <a\n                className=\"btn btn--outlined btn--medium relative w-full border-gray-700\"\n                href={product.url}\n              >\n                {translate('product-card.view')}\n              </a>\n            )}\n          </div>\n        )}\n    </>\n  ) : null;\n};\n\nexport default DetailedListBuyFormPDP;\n","import React from 'react';\nimport Icon from '../Icon';\nimport { translate } from '../../Services/translation';\n\nconst ProductPageRoomvoButton = ({ id }: { id: string | undefined }) => {\n  return (\n    <button\n      data-sku={id}\n      className=\"roomvo-stimr invisible ml-auto flex h-6 items-center gap-1 text-sm font-normal uppercase leading-4 underline\"\n    >\n      <Icon name=\"cube-focus\" className=\"h-5 w-5\" />\n      {translate('product-page.wallpaper-simulator.link')}\n    </button>\n  );\n};\n\nexport default ProductPageRoomvoButton;\n","export enum ItemStatusEnum {\n  Sellable = '0',\n  ToBeDiscontinued = '8',\n  Discontinued = '9',\n}\n\nexport type ItemStatus =\n  | ItemStatusEnum.Sellable\n  | ItemStatusEnum.ToBeDiscontinued\n  | ItemStatusEnum.Discontinued;\n","import React from 'react';\nimport Icon from '../Icon';\nimport clsx from 'clsx';\nimport { translate } from '../../Services/translation';\nimport { ItemStatus, ItemStatusEnum } from '../../Types/ItemStatus';\n\ninterface DiscontinuedItemProps {\n  className?: string;\n  itemStatus: ItemStatus;\n}\n\nconst DiscontinuedItem: React.FC<DiscontinuedItemProps> = ({\n  className,\n  itemStatus,\n}) => {\n  if (itemStatus != ItemStatusEnum.ToBeDiscontinued) {\n    return null;\n  }\n\n  return (\n    <div\n      className={clsx(\n        className,\n        'mb-4 flex w-full items-center rounded border border-warning-500 bg-warning-100 p-2 pl-3'\n      )}\n    >\n      <Icon\n        name=\"info-circle\"\n        className=\"mr-1.5 h-5 w-5 stroke-gray-700\"\n      />\n      <div className=\"line-h self-center text-md/5 font-light text-gray-700\">\n        {translate('item-status.discontinued')}\n      </div>\n    </div>\n  );\n};\n\nexport default DiscontinuedItem;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport Placeholder from './Placeholder';\nimport ProductSelector from './ProductSelector';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { useDispatch } from 'react-redux';\nimport { setActiveProduct } from '../../Reducers/ProductPage/Actions/setActiveProduct.action';\nimport { ProductPageModel } from '../../Types/ProductPageModel';\nimport { translate } from '../../Services/translation';\nimport ProductPageTabsContainer from '../ProductPageTabs/ProductPageTabsContainer';\nimport ProductPageImageGallery from './ProductPageImageGallery';\nimport ProductPageMobileImages from './ProductPageMobileImages';\nimport ProductPageBuySection from './ProductPageBuySection';\nimport ProductPageProductInformation from './ProductPageProductInformation';\nimport ProductPageUsps from './ProductPageUsps';\nimport ProductRelationBlockContainer from './ProductRelationBlockContainer';\nimport StockStatus from '../StockStatus/StockStatus';\nimport ProductPageBuyGuideContainer from './ProductPageBuyGuideContainer';\nimport ProductPageLinkBlock from './ProductPageLinkBlock';\nimport ProductPageStructuredData from './ProductPageStructuredData';\nimport YotpoUgc from '../Yotpo/YotpoUgc';\nimport useYotpoBottomLine from '../../Hooks/useYotpoBottomLine';\nimport ProductPageWallpaperCalculatorModalWrapper from './ProductPageWallpaperCalculatorModalWrapper';\nimport InformationModal from './ProductPageInformationModal';\nimport DetailedListBuyForm from '../ProductCards/DetailedProductCardComponents/DetailedListBuyForm';\nimport clsx from 'clsx';\nimport useIsStoreScreen from '../../Hooks/useIsStoreScreen';\nimport { trackingServiceProductPageViewEvent } from '../../Services/Tracking.service';\nimport { useTypedDispatch } from '../../Hooks/useTypedDispatch';\nimport { StockStatusLevel } from '../../constants';\nimport BuySampleButton from '../BuyButton/BuySampleButton';\nimport DetailedListBuyFormPDP from '../ProductCards/DetailedProductCardComponents/DetailedListBuyFormPDP';\nimport ProductPageRoomvoButton from './ProductPageRoomvoButton';\nimport DiscontinuedItem from '../DiscontinuedItem/DiscontinuedItem';\n\nconst ProductPage = (model: ProductPageModel) => {\n  const dispatch = useTypedDispatch();\n  const { currentProduct: productFromState, loadingProductId } =\n    useTypedSelector((state) => state.productPage);\n  const { currency } = useTypedSelector((state) => state.cart);\n  const isB2BUser = useTypedSelector(\n    (state) => state.userInfo.current?.isBusinessCustomer\n  );\n  const isStoreScreen = useIsStoreScreen();\n  const currentProduct = useMemo(\n    () => productFromState ?? model,\n    [productFromState, model]\n  );\n  const yotpoBottomLine = useYotpoBottomLine(\n    currentProduct.productItem.id\n  );\n  const renameBreadcrumb = () => {\n    const breadcrumb = document.querySelectorAll('.breadcrumb-element');\n    const lastBreadcrumb = breadcrumb[breadcrumb.length - 1];\n    if (lastBreadcrumb) {\n      lastBreadcrumb.innerHTML = currentProduct.productItem.name;\n    }\n  };\n\n  useEffect(() => {\n    renameBreadcrumb();\n  }, [currentProduct.productItem.id]);\n  const [quantity, setQuantity] = useState<number | undefined>(0);\n  const [boxesAmount, setBoxesAmount] = useState<number>(0);\n  const [rollsAmount, setRollsAmount] = useState<number>(0);\n  const [totalAmount, setTotalAmount] = useState<number>(0);\n  const [packageSize, setPackageSize] = useState<number>(0);\n  useMemo(\n    () =>\n      setPackageSize(\n        currentProduct.productItem.itemPackageSize\n          ? currentProduct.productItem.itemPackageSize\n          : 1\n      ),\n    []\n  );\n\n  return (\n    <div itemScope itemType=\"http://schema.org/Product\">\n      <ProductPageMobileImages\n        images={currentProduct.productItem.images}\n        videoUrl={currentProduct.productItem.videoUrl}\n      />\n      <div className=\"container mb-8 grid grid-cols-1 gap-4 store-screen:grid-cols-8 lg:grid-cols-3\">\n        <div className=\"col-span-2 hidden gap-4 store-screen:col-span-5 lg:grid\">\n          <ProductPageImageGallery\n            images={currentProduct.productItem.images}\n            videoUrl={currentProduct.productItem.videoUrl}\n          />\n          {currentProduct.productItem.id && (\n            <div className=\"lg:block\">\n              <YotpoUgc productId={currentProduct.productItem.id} />\n            </div>\n          )}\n        </div>\n        <div className=\"store-screen:col-span-3 lg:-mt-8 lg:flex lg:justify-center lg:px-4 xl:px-8\">\n          <div className=\"w-full self-start pt-6 lg:sticky lg:top-0 lg:max-w-[568px] lg:pt-8\">\n            <ProductPageProductInformation\n              title={currentProduct.productItem.name}\n              priceModel={currentProduct.productItem.price}\n              bottomLine={yotpoBottomLine}\n              product={currentProduct.productItem}\n              isB2b={isB2BUser}\n              articleNumber={currentProduct.productItem.id}\n            />\n            {currentProduct.productItem.informationModal?.active && (\n              <InformationModal\n                {...currentProduct.productItem.informationModal}\n              />\n            )}\n            {currentProduct.stockStatus && (\n              <StockStatus {...currentProduct.stockStatus} />\n            )}\n            {currentProduct.productItem.itemStatus && (\n              <DiscontinuedItem\n                itemStatus={currentProduct.productItem.itemStatus}\n              />\n            )}\n            {isB2BUser ? (\n              <>\n                <div className={clsx('mb-3 grid grid-cols-4 gap-2')}>\n                  <DetailedListBuyFormPDP\n                    product={currentProduct.productItem}\n                    quantity={quantity ?? 1}\n                    boxesAmount={boxesAmount}\n                    rollsAmount={rollsAmount}\n                    totalAmount={totalAmount}\n                    packageSize={packageSize}\n                    setQuantity={setQuantity}\n                    setBoxesAmount={setBoxesAmount}\n                    setRollsAmount={setRollsAmount}\n                    setTotalAmount={setTotalAmount}\n                    isProductPage={true}\n                  />\n                </div>\n                {currentProduct.productItem.stockStatus?.level !==\n                  StockStatusLevel.Inactive &&\n                  !currentProduct.disableBuyOption &&\n                  currentProduct.productItem.samples?.map((sample) => (\n                    <BuySampleButton\n                      {...sample}\n                      className=\"col-span-4 mb-3 border border-solid border-gray-700\"\n                      key={`sample-${sample.articleNumber}`}\n                    />\n                  ))}\n              </>\n            ) : (\n              <ProductPageBuySection product={currentProduct} />\n            )}\n            {(currentProduct.buyGuideBlocks != null ||\n              (!model.hideRoomvoButton &&\n                currentProduct.productItem.simulatorCompatible)) && (\n              <div\n                className=\"roomvo-container flex items-center justify-between\"\n                data-product-type-str=\"wall\"\n              >\n                {model.buyGuideBlocks != null && (\n                  <ProductPageBuyGuideContainer />\n                )}\n                {!model.hideRoomvoButton &&\n                  currentProduct.productItem.simulatorCompatible && (\n                    <ProductPageRoomvoButton\n                      id={currentProduct.productItem.id}\n                    />\n                  )}\n              </div>\n            )}\n            <ProductPageUsps uspBlock={model.uspBlock} />\n            {currentProduct.variants?.length > 1 && (\n              <ProductSelector\n                items={currentProduct.variants}\n                onVariantSelected={(id) =>\n                  dispatch(\n                    setActiveProduct({\n                      id,\n                      currentProductId: currentProduct.productItem.id,\n                    })\n                  )\n                }\n                loadingProductId={loadingProductId}\n                selectedProductId={currentProduct.productItem.id}\n              />\n            )}\n          </div>\n        </div>\n      </div>\n      <ProductPageTabsContainer productPage={currentProduct} />\n      {currentProduct.productItem.id && (\n        <div className=\"container lg:hidden\">\n          <YotpoUgc productId={currentProduct.productItem.id} />\n        </div>\n      )}\n      <div className=\"container mb-16 grid grid-cols-1 gap-4 lg:grid-cols-2\">\n        {currentProduct.productItem.id &&\n          model.allowWallpaperCalculator && (\n            <ProductPageWallpaperCalculatorModalWrapper\n              articleNumber={currentProduct.productItem.id}\n              rollWidth={currentProduct.widthMeters}\n              rollLength={currentProduct.lengthMeters}\n              patternSizeMeters={currentProduct.patternSizeMeters}\n              fitment={currentProduct.fitment}\n              hasPrice={!!currentProduct.productItem.price?.price}\n            />\n          )}\n        {model.arApplicationUrl && (\n          <ProductPageLinkBlock\n            className=\"lg:hidden\"\n            url={model.arApplicationUrl}\n            preTitle={translate('product-page.ar-application')}\n            title={translate('product-page.ar-application.title')}\n            description={translate(\n              'product-page.ar-application.description'\n            )}\n            buttonText={translate('product-page.ar-application.button')}\n            iconName=\"cube-focus\"\n            openInNewWindow={true}\n          />\n        )}\n        {!model.hideRoomvoButton &&\n          currentProduct.productItem.simulatorCompatible && (\n            <ProductPageLinkBlock\n              preTitle={translate('product-page.wallpaper-simulator')}\n              title={translate('product-page.wallpaper-simulator.title')}\n              description={translate(\n                'product-page.wallpaper-simulator.description'\n              )}\n              buttonText={translate(\n                'product-page.wallpaper-simulator.button'\n              )}\n              iconName=\"cube-focus\"\n              displayArButton={true}\n              displayButton={false}\n              productId={currentProduct.productItem.id}\n            />\n          )}\n      </div>\n      <div className=\"container mb-16\">\n        <ProductRelationBlockContainer\n          productRelations={[\n            currentProduct.accessoriesProducts,\n            currentProduct.similarProducts,\n            currentProduct.matchingProducts,\n          ]}\n        />\n      </div>\n      <ProductPageStructuredData productPage={currentProduct} />\n    </div>\n  );\n};\n\nexport default ProductPage;\n","import React, { useMemo } from 'react';\nimport { translate } from '../../Services/translation';\nimport { MeasuredWallpaperData } from '../../Types/ProductPageModel';\nimport Icon from '../Icon';\nimport clsx from 'clsx';\n\ninterface MeasuredWallpaperCalculatorProps {\n  setCalculatorWidth: (width: number) => void;\n  setCalculatorHeight: (height: number) => void;\n  calculatorWidth: number;\n  calculatorHeight: number;\n  calculatorActive: boolean;\n  calculatedSizeTooSmall: boolean;\n  measuredWallpaper: MeasuredWallpaperData;\n  disableWallSizeSelection?: boolean;\n}\n\nexport const isValidHeight = (\n  measuredWallpaper: MeasuredWallpaperData,\n  height: number\n) => measuredWallpaper.wallHeights.indexOf(height) != -1;\n\nexport const isValidWidth = (\n  measuredWallpaper: MeasuredWallpaperData,\n  width: number\n) => measuredWallpaper.wallWidths.indexOf(width) != -1;\n\nconst MeasuredWallpaperCalculator = ({\n  setCalculatorWidth,\n  setCalculatorHeight,\n  calculatorWidth,\n  calculatorHeight,\n  calculatedSizeTooSmall,\n  calculatorActive,\n  measuredWallpaper,\n  disableWallSizeSelection,\n}: MeasuredWallpaperCalculatorProps) => {\n  const heightOptions = useMemo(\n    () =>\n      measuredWallpaper.wallHeights.map((height) => ({\n        label:\n          height.toString() + ' ' + measuredWallpaper.unitOfMeasurement,\n        value: height,\n      })),\n    [measuredWallpaper]\n  );\n\n  const widthOptions = useMemo(\n    () =>\n      measuredWallpaper.wallWidths.map((width) => ({\n        label:\n          width.toString() + ' ' + measuredWallpaper.unitOfMeasurement,\n        value: width,\n      })),\n    [measuredWallpaper.unitOfMeasurement, measuredWallpaper.wallWidths]\n  );\n\n  const handleHeightSelect: React.ChangeEventHandler<HTMLSelectElement> = (\n    e\n  ) => {\n    setCalculatorHeight(parseInt(e.target.value));\n  };\n  const handleWidthSelect: React.ChangeEventHandler<HTMLSelectElement> = (\n    e\n  ) => {\n    setCalculatorWidth(parseInt(e.target.value));\n  };\n\n  return (\n    <div className=\"mb-4\">\n      <div className=\"grid grid-cols-2 gap-6\">\n        <div className=\"relative\">\n          <label\n            htmlFor=\"set-width\"\n            className=\"absolute !left-2 -top-3 z-10 flex -translate-y-px transform !bg-white px-2 py-1 text-sm text-gray-700\"\n          >\n            {translate('calculator.width')} (\n            {measuredWallpaper.unitOfMeasurement})\n          </label>\n          <select\n            id=\"select-width\"\n            className={clsx(\n              'w-full appearance-none rounded border border-solid border-gray-300 bg-transparent py-4 pl-12 pr-5 text-base font-normal leading-normal transition focus:outline-none',\n              disableWallSizeSelection ? 'cursor-auto' : 'cursor-pointer'\n            )}\n            value={calculatorWidth}\n            onChange={handleWidthSelect}\n            disabled={disableWallSizeSelection}\n          >\n            <option value=\"\">\n              0 {measuredWallpaper.unitOfMeasurement}\n            </option>\n            {widthOptions.map((widthOption) => (\n              <option\n                key={'height' + widthOption.value}\n                value={widthOption.value}\n              >\n                {widthOption.label}\n              </option>\n            ))}\n          </select>\n          <Icon\n            className=\"pointer-events-none absolute left-3 top-1/2 h-6 w-6 -translate-y-1/2\"\n            name=\"arrows-horizontal\"\n          />\n        </div>\n        <div className=\"relative\">\n          <label\n            htmlFor=\"set-height\"\n            className=\"absolute !left-2 -top-3 z-10 flex -translate-y-px transform !bg-white px-2 py-1 text-sm text-gray-700\"\n          >\n            {translate('calculator.height')} (\n            {measuredWallpaper.unitOfMeasurement})\n          </label>\n          <select\n            id=\"select-height\"\n            className={clsx(\n              'w-full appearance-none rounded border border-solid border-gray-300 bg-transparent py-4 pl-12 pr-5 text-base font-normal leading-normal transition focus:outline-none',\n              disableWallSizeSelection ? 'cursor-auto' : 'cursor-pointer'\n            )}\n            value={calculatorHeight}\n            onChange={handleHeightSelect}\n            disabled={disableWallSizeSelection}\n          >\n            <option value=\"\">\n              0 {measuredWallpaper.unitOfMeasurement}\n            </option>\n            {heightOptions.map((heightOption) => (\n              <option\n                key={'height' + heightOption.value}\n                value={heightOption.value}\n              >\n                {heightOption.label}\n              </option>\n            ))}\n          </select>\n          <Icon\n            className=\"pointer-events-none absolute left-3 top-1/2 h-6 w-6 -translate-y-1/2\"\n            name=\"arrows-vertical\"\n          />\n        </div>\n      </div>\n      {calculatedSizeTooSmall && calculatorActive && (\n        <div className=\"bold mt-4 flex w-full items-center justify-center rounded border border-error-300 bg-error-100 p-3 text-center text-md\">\n          {translate('mural-calculator.to-small-size')}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default MeasuredWallpaperCalculator;\n","import React, { useState, useEffect } from 'react';\nimport PriceModel from '../../Types/PriceModel';\nimport ProductPageProductPrice from './ProductPageProductPrice';\nimport BuyButton from '../BuyButton/BuyButton';\nimport { translate } from '../../Services/translation';\nimport { addMeasuredWallpaperToCart } from '../../Services/Cart.service';\nimport { get } from '../../Services/http';\nimport {\n  receive as receiveCart,\n  triggerAddToCartAnimation,\n} from '../../Actions/Cart.action';\nimport { useTypedDispatch } from '../../Hooks/useTypedDispatch';\nimport LoadingSpinner from '../LoadingSpinner';\nimport MeasuredWallpaperCuttingsData from '../../Types/MeasuredWallpaperCuttingsData';\nimport ProductSampleItem from '../../Types/ProductSampleItem';\nimport BuySampleButton from '../BuyButton/BuySampleButton';\nimport StockStatus from '../../Types/StockStatus';\nimport { StockStatusLevel } from '../../constants';\nimport { CustomWallpaperFile } from '../MeasuredWallpaperCutout/CustomWallpaper/CustomWallpaperDropzone';\n\ninterface MeasuredWallpaperBuySectionProps {\n  width?: number;\n  height?: number;\n  priceModel: PriceModel;\n  calculatedSizeTooSmall: boolean;\n  cuttingsData: MeasuredWallpaperCuttingsData;\n  articleNumber: string;\n  samples?: ProductSampleItem[];\n  stockstatus?: StockStatus;\n  customWallpaperFile?: CustomWallpaperFile;\n  buyButtonDisabled?: boolean;\n  buyButtonHidden?: boolean;\n  disableBuyOption?: boolean;\n}\nconst MeasuredWallpaperBuySection = ({\n  width,\n  height,\n  priceModel,\n  calculatedSizeTooSmall,\n  cuttingsData,\n  articleNumber,\n  samples,\n  stockstatus,\n  customWallpaperFile,\n  buyButtonDisabled = false,\n  buyButtonHidden = false,\n  disableBuyOption = false,\n}: MeasuredWallpaperBuySectionProps) => {\n  const dispatch = useTypedDispatch();\n  const [showLoadingSpinner, setShowLoadingSpinner] = useState(false);\n  const [calculatedPrice, setCalculatedPrice] = useState<\n    PriceModel | undefined\n  >();\n\n  useEffect(() => {\n    if (!width || !height) {\n      setCalculatedPrice(undefined);\n      return;\n    }\n\n    const loadingSpinnerTimeout = setTimeout(\n      () => setShowLoadingSpinner(true),\n      200\n    );\n    get(\n      `/api/productpage/${articleNumber}/price?width=${width}&height=${height}`\n    )\n      .then(async (res) => setCalculatedPrice(await res.json()))\n      .finally(() => {\n        clearTimeout(loadingSpinnerTimeout);\n        setShowLoadingSpinner(false);\n      });\n  }, [width, height, articleNumber]);\n\n  const unitPrice = priceModel.campaignPrice?.price\n    ? priceModel.formattedCampaignPrice\n    : priceModel.formattedPrice;\n\n  const onBuyButtonClick = async () => {\n    if (typeof width === 'undefined' || typeof height === 'undefined')\n      return;\n\n    const cart = await addMeasuredWallpaperToCart({\n      articleNumber,\n      wallWidth: width,\n      wallHeight: height,\n      cuttingsData,\n      customWallpaperFile,\n    });\n\n    dispatch(receiveCart(cart));\n    dispatch(triggerAddToCartAnimation());\n  };\n\n  return (\n    <>\n      {!showLoadingSpinner && !calculatedPrice && (\n        <div className=\"mb-2\">\n          <ProductPageProductPrice priceModel={priceModel} />\n        </div>\n      )}\n      {(calculatedPrice || showLoadingSpinner) && (\n        <div className=\"mb-2 flex items-end justify-between text-xl font-bold leading-none\">\n          {!showLoadingSpinner && (\n            <ProductPageProductPrice\n              priceModel={calculatedPrice!}\n              showUnit={false}\n            />\n          )}\n          {showLoadingSpinner && <LoadingSpinner />}\n          {unitPrice && (\n            <span className=\"text-md font-normal text-gray-500\">\n              ({unitPrice} / {priceModel.price?.unitOfMeasurementTitle})\n            </span>\n          )}\n        </div>\n      )}\n      {!!unitPrice &&\n        stockstatus?.level !== StockStatusLevel.Inactive &&\n        !disableBuyOption &&\n        !buyButtonHidden && (\n          <BuyButton\n            className=\"mb-2 mt-2\"\n            disabled={\n              calculatedSizeTooSmall ||\n              !width ||\n              !height ||\n              showLoadingSpinner ||\n              buyButtonDisabled\n            }\n            onClick={onBuyButtonClick}\n          >\n            {translate('general.add-to-cart')}\n          </BuyButton>\n        )}\n      {stockstatus?.level !== StockStatusLevel.Inactive &&\n        !disableBuyOption &&\n        samples?.map((sample) => (\n          <BuySampleButton\n            {...sample}\n            className=\"col-span-4 mb-2 border border-solid border-gray-700\"\n            key={`sample-${sample.articleNumber}`}\n          />\n        ))}\n    </>\n  );\n};\n\nexport default MeasuredWallpaperBuySection;\n","import React from 'react';\nimport { translate } from '../../Services/translation';\n\nconst MeasuredWallpaperCutoutArrows = ({\n  wallWidth,\n  wallHeight,\n}: {\n  wallWidth: number;\n  wallHeight: number;\n}) => {\n  return (\n    <>\n      {/* Width */}\n      <div className=\"min-h-4 pointer-events-none absolute -top-8 z-40 flex h-4 w-full select-none flex-col items-center justify-center\">\n        <p className=\"absolute z-10 m-0 rounded bg-white px-1.5 py-1 text-center text-md font-medium lg:text-sm\">\n          {translate('general.width')} {wallWidth} cm\n        </p>\n        <div className=\"relative hidden w-full translate-y-3 transform items-center justify-between opacity-70 sm:translate-y-0 md:flex\">\n          <div className=\"rotate-180 transform\">\n            <svg\n              height=\"14\"\n              width=\"8\"\n              viewBox=\"0 0 8 14\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M.185.176a.655.655 0 01.893 0l6.737 6.4a.579.579 0 010 .848l-6.737 6.4a.655.655 0 01-.893 0 .58.58 0 010-.848L6.475 7 .185 1.024a.579.579 0 010-.848z\"\n                fill=\"#333\"\n              />\n            </svg>\n          </div>\n          <div className=\"absolute left-0 right-0 top-1/2 flex h-px w-full -translate-y-1/2 transform bg-gray-900\"></div>\n          <svg\n            height=\"14\"\n            width=\"8\"\n            viewBox=\"0 0 8 14\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M.185.176a.655.655 0 01.893 0l6.737 6.4a.579.579 0 010 .848l-6.737 6.4a.655.655 0 01-.893 0 .58.58 0 010-.848L6.475 7 .185 1.024a.579.579 0 010-.848z\"\n              fill=\"#333\"\n            />\n          </svg>\n        </div>\n      </div>\n      {/* Height */}\n      <div className=\"pointer-events-none absolute -left-8 top-1/2 z-40 flex h-full w-4 -translate-y-1/2 transform select-none flex-col items-center justify-center\">\n        <p className=\"absolute z-10 m-0 -rotate-90 whitespace-nowrap rounded bg-white px-1 py-1.5 text-center text-md font-medium lg:text-sm\">\n          {translate('general.height')} {wallHeight} {'cm'}\n        </p>\n        <div className=\"relative bottom-0 top-0 hidden h-full translate-x-3 transform flex-col justify-between opacity-70 sm:translate-x-0 md:flex\">\n          <div className=\"-translate-y-1 -rotate-90 transform\">\n            <svg\n              height=\"14\"\n              width=\"8\"\n              viewBox=\"0 0 8 14\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M.185.176a.655.655 0 01.893 0l6.737 6.4a.579.579 0 010 .848l-6.737 6.4a.655.655 0 01-.893 0 .58.58 0 010-.848L6.475 7 .185 1.024a.579.579 0 010-.848z\"\n                fill=\"#333\"\n              />\n            </svg>\n          </div>\n          <div className=\"absolute bottom-0 left-1/2 top-0 flex h-full w-px -translate-x-1/2 transform bg-gray-900\"></div>\n          <div className=\"translate-y-1 rotate-90 transform\">\n            <svg\n              height=\"14\"\n              width=\"8\"\n              viewBox=\"0 0 8 14\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M.185.176a.655.655 0 01.893 0l6.737 6.4a.579.579 0 010 .848l-6.737 6.4a.655.655 0 01-.893 0 .58.58 0 010-.848L6.475 7 .185 1.024a.579.579 0 010-.848z\"\n                fill=\"#333\"\n              />\n            </svg>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default MeasuredWallpaperCutoutArrows;\n","import React, { useCallback, useEffect } from 'react';\nimport { MeasuredWallpaperData } from '../../Types/ProductPageModel';\nimport useWindowSize from '../../Hooks/useWindowSize';\n\ninterface MeasuredWallpaperRulersProps {\n  measuredWallpaper: MeasuredWallpaperData;\n  wallWidth: number;\n  wallHeight: number;\n  selectionRef: React.MutableRefObject<HTMLDivElement | null>;\n  showRuler: boolean;\n  showVerticalLines: boolean;\n  showHorizontalLines: boolean;\n}\n\nconst MeasuredWallpaperRulers = ({\n  showRuler,\n  showVerticalLines,\n  showHorizontalLines,\n  measuredWallpaper,\n  wallWidth,\n  wallHeight,\n  selectionRef,\n}: MeasuredWallpaperRulersProps) => {\n  const [windowWidth, windowHeight] = useWindowSize();\n\n  const drawLinesOnSelection = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      const gapInCm = 50;\n      ctx.lineWidth = 2;\n      ctx.strokeStyle = 'indianred';\n\n      const selectionRect = selectionRef.current?.getBoundingClientRect();\n      const selectionWidth = selectionRect?.width ?? 0;\n      const cmToPxWidth = selectionWidth / wallWidth;\n      const selectionHeight = ctx.canvas.height;\n      const cmToPxHeight = selectionHeight / wallHeight;\n\n      const numHorizontalLines = wallWidth / gapInCm;\n      const numVerticalLines = wallHeight / gapInCm;\n      const strokeGapHorizontal = gapInCm * cmToPxWidth;\n      const strokeGapVertical = gapInCm * cmToPxHeight;\n\n      if (showVerticalLines) {\n        // X-axis, i.e. vertical lines\n        for (\n          let j = 0, i = strokeGapHorizontal;\n          j < numHorizontalLines - 1;\n          j++\n        ) {\n          ctx.beginPath();\n          ctx.setLineDash([5, 3]);\n          ctx.moveTo(i, 0);\n          ctx.lineTo(i, ctx.canvas.height);\n          ctx.stroke();\n          i += strokeGapHorizontal;\n        }\n      }\n\n      if (showHorizontalLines) {\n        // Y-axis, i.e. horizontal lines\n        for (\n          let k = 0, p = strokeGapVertical;\n          k < numVerticalLines - 1;\n          k++\n        ) {\n          ctx.beginPath();\n          ctx.setLineDash([5, 3]);\n          ctx.moveTo(0, ctx.canvas.height - p);\n          ctx.lineTo(ctx.canvas.width, ctx.canvas.height - p);\n          ctx.stroke();\n          p += strokeGapVertical;\n        }\n      }\n    },\n    [\n      selectionRef,\n      wallWidth,\n      wallHeight,\n      showHorizontalLines,\n      showVerticalLines,\n    ]\n  );\n\n  const drawRuler = useCallback(\n    (ctx: CanvasRenderingContext2D, isHorizontal: boolean) => {\n      const tickStepInCm = 10;\n      const tickLabelEachCm = 100;\n      const labelPerTick = tickLabelEachCm / tickStepInCm;\n      const rulerHeight = isHorizontal\n        ? ctx.canvas.height\n        : ctx.canvas.width;\n      const cmToPx = isHorizontal\n        ? ctx.canvas.width / wallWidth\n        : ctx.canvas.height / wallHeight;\n      const numTicks = Math.floor(\n        isHorizontal ? wallWidth : wallHeight / tickStepInCm\n      );\n      const tickGapPx = tickStepInCm * cmToPx;\n\n      for (let i = 0, pos = 0; i <= numTicks; i++) {\n        const isFullTick = i % labelPerTick === 0;\n        const isHalfTick = i % (labelPerTick / 2) === 0;\n        let tickLength = rulerHeight / 2 - 2;\n\n        ctx.lineWidth = 1;\n        if (isFullTick) {\n          tickLength += 12;\n          ctx.lineWidth = 2;\n        } else if (isHalfTick) {\n          tickLength += 8;\n        }\n\n        ctx.beginPath();\n        if (isHorizontal) {\n          ctx.moveTo(pos, 0);\n          ctx.lineTo(pos, tickLength);\n        } else {\n          ctx.moveTo(0, ctx.canvas.height - pos);\n          ctx.lineTo(tickLength, ctx.canvas.height - pos);\n        }\n        ctx.stroke();\n\n        // Draw label on each \"full\" thick, except for the first and last tick\n        if (isFullTick && i !== 0 && i != numTicks) {\n          ctx.font = `${wallWidth > 1000 ? 8 : 10}px AKZIDENZ, sans-serif`;\n          const text = `${i * 10} cm`;\n          const textMetrics = ctx.measureText(text);\n          const textWidth = textMetrics.width;\n          const textHeight =\n            textMetrics.actualBoundingBoxAscent +\n            textMetrics.actualBoundingBoxDescent;\n          if (isHorizontal) {\n            ctx.fillText(\n              text,\n              pos - textWidth / 2,\n              tickLength + textHeight + 4\n            );\n          } else {\n            // Save current state of the context\n            ctx.save();\n            // Set origin to where we want to draw the text\n            ctx.translate(tickLength + 4, ctx.canvas.height - pos);\n            ctx.textAlign = 'center';\n            // Rotate and draw text\n            ctx.rotate(Math.PI / 2);\n            ctx.fillText(text, 0, 0);\n            // Restore context to saved state (non-rotated)\n            ctx.restore();\n          }\n        }\n\n        pos += tickGapPx;\n      }\n    },\n    [wallWidth, wallHeight, windowWidth, windowHeight]\n  );\n\n  useEffect(() => {\n    const canvas = document.querySelector('#rulers-canvas') as\n      | HTMLCanvasElement\n      | undefined;\n    if (!canvas) return;\n\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return;\n\n    ctx.canvas.width = ctx.canvas.offsetWidth;\n    ctx.canvas.height = ctx.canvas.offsetHeight;\n    drawLinesOnSelection(ctx);\n  }, [drawLinesOnSelection]);\n\n  useEffect(() => {\n    const rightRulerCanvas = document.querySelector(\n      '#right-rulers-canvas'\n    ) as HTMLCanvasElement | undefined;\n    const bottomRulerCanvas = document.querySelector(\n      '#bottom-rulers-canvas'\n    ) as HTMLCanvasElement | undefined;\n    const rulerSize = 48;\n\n    if (rightRulerCanvas) {\n      const ctx = rightRulerCanvas.getContext('2d');\n      if (!ctx) return;\n\n      ctx.canvas.width = rulerSize;\n      ctx.canvas.height = ctx.canvas.offsetHeight;\n      ctx.canvas.style.right = `-${rulerSize}px`;\n      ctx.canvas.style.top = `0`;\n\n      if (showRuler) {\n        drawRuler(ctx, false);\n      }\n    }\n\n    if (bottomRulerCanvas) {\n      const ctx = bottomRulerCanvas.getContext('2d');\n      if (!ctx) return;\n\n      ctx.canvas.width = ctx.canvas.offsetWidth;\n      ctx.canvas.height = rulerSize;\n      ctx.canvas.style.bottom = `-${rulerSize}px`;\n      ctx.canvas.style.left = `0`;\n\n      if (showRuler) {\n        drawRuler(ctx, true);\n      }\n    }\n  }, [drawRuler, showRuler]);\n\n  return <></>;\n};\n\nexport default MeasuredWallpaperRulers;\n","import React from 'react';\n\nconst NotificationDot = () => (\n  <div className=\"absolute right-0 top-0 h-2.5 w-2.5 rounded-full bg-red-300 shadow-sm shadow-red-400\"></div>\n);\n\nexport default NotificationDot;","import React, { useEffect, useMemo, useState } from 'react';\nimport Icon from '../Icon';\nimport clsx from 'clsx';\nimport { translate } from '../../Services/translation';\nimport { round } from 'lodash-es';\nimport NotificationDot from '../NotificationDot';\nimport { Tooltip } from 'react-tooltip';\nimport useIsMobile from '../../Hooks/useIsMobile';\n\nexport interface MeasuredWallpaperZoomButtonsProps {\n  onZoom: (zoom: number) => void;\n  minZoomRatio: number;\n  maxZoomRatio: number;\n  currentZoomRatio: number;\n  zoomRatioStep: number;\n  visibleZoomLevel: number;\n}\n\nconst MeasuredWallpaperZoomButtons = ({\n  onZoom,\n  currentZoomRatio,\n  visibleZoomLevel,\n  zoomRatioStep,\n  minZoomRatio,\n  maxZoomRatio,\n}: MeasuredWallpaperZoomButtonsProps) => {\n  const isMobile = useIsMobile();\n\n  const zoomLevelTooltip = useMemo(\n    () =>\n      translate('measured-wallpaper.zoom-level').replace(\n        '{0}',\n        visibleZoomLevel.toFixed(2).toString()\n      ),\n    [visibleZoomLevel]\n  );\n\n  return (\n    <>\n      <button\n        className={clsx(\n          'grid h-10 w-10 flex-shrink-0 place-items-center rounded-full border border-solid border-gray-100 bg-opacity-white-90 text-gray-900 transition-colors duration-300 disabled:text-gray-300',\n          currentZoomRatio === 0 && 'pointer-events-none'\n        )}\n        onClick={() => onZoom(0)}\n        data-tooltip-id=\"zoom-tooltip\"\n        data-tooltip-content={translate('measured-wallpaper.reset-zoom')}\n        disabled={currentZoomRatio === 0}\n      >\n        <Icon name=\"frame-corners\" className=\"h-5 w-5\" />\n      </button>\n      <button\n        className=\"relative grid h-10 w-10 flex-shrink-0 place-items-center rounded-full border border-solid border-gray-100 bg-opacity-white-90 text-gray-900 disabled:text-gray-300\"\n        onClick={() => onZoom(round(currentZoomRatio - zoomRatioStep, 2))}\n        disabled={\n          visibleZoomLevel <= minZoomRatio ||\n          round(visibleZoomLevel - zoomRatioStep, 2) < minZoomRatio\n        }\n        data-tooltip-id=\"zoom-tooltip\"\n        data-tooltip-content={\n          currentZoomRatio != 0 ? zoomLevelTooltip : undefined\n        }\n      >\n        <Icon name=\"magnifying-glass-minus\" className=\"h-5 w-5\" />\n        {currentZoomRatio < 0 && <NotificationDot />}\n      </button>\n      <button\n        className=\"relative grid h-10 w-10 flex-shrink-0 place-items-center rounded-full border border-solid border-gray-100 bg-opacity-white-90 text-gray-900 disabled:text-gray-300\"\n        onClick={() => onZoom(round(currentZoomRatio + zoomRatioStep, 2))}\n        disabled={\n          visibleZoomLevel >= maxZoomRatio ||\n          round(visibleZoomLevel + zoomRatioStep, 2) > maxZoomRatio\n        }\n        data-tooltip-id=\"zoom-tooltip\"\n        data-tooltip-content={\n          currentZoomRatio != 0 ? zoomLevelTooltip : undefined\n        }\n      >\n        <Icon name=\"magnifying-glass-plus\" className=\"h-5 w-5\" />\n        {currentZoomRatio > 0 && <NotificationDot />}\n      </button>\n      <Tooltip\n        id=\"zoom-tooltip\"\n        place={isMobile ? 'top' : 'bottom'}\n        delayShow={200}\n      />\n    </>\n  );\n};\n\nexport default MeasuredWallpaperZoomButtons;\n","import clsx from 'clsx';\nimport React, {\n  ButtonHTMLAttributes,\n  forwardRef,\n  useMemo,\n  useRef,\n} from 'react';\nimport Icon from '../Icon';\nimport { PlacesType, Tooltip } from 'react-tooltip';\nimport { uniqueId } from 'lodash-es';\nimport MeasuredWallpaperZoomButtons, {\n  MeasuredWallpaperZoomButtonsProps,\n} from './MeasuredWallpaperZoomButtons';\n\ninterface OptionButton extends ButtonHTMLAttributes<HTMLButtonElement> {\n  icon: string | React.ReactElement;\n  tooltipPosition?: PlacesType;\n  tooltip?: string;\n}\n\ninterface MeasuredWallpaperOptionButtonsProps\n  extends MeasuredWallpaperZoomButtonsProps {\n  buttons: (OptionButton | undefined)[];\n  mainButtonIcon?: string | React.ReactElement;\n  rotateOnOpen?: boolean;\n  tooltipPosition?: PlacesType;\n  showNotificationDot?: boolean;\n  showZoomButtons: boolean;\n}\n\nconst OptionButton = forwardRef<HTMLButtonElement, OptionButton>(\n  (\n    {\n      icon,\n      tooltip,\n      tooltipPosition,\n      className,\n      children,\n      ...props\n    }: OptionButton,\n    ref\n  ) => {\n    const tooltipId = useMemo(() => uniqueId(), []);\n    return (\n      <>\n        <button\n          className={clsx(\n            'grid h-10 w-10 flex-shrink-0 place-items-center rounded-full border border-solid border-gray-100 bg-white text-gray-900 disabled:text-gray-300',\n            className\n          )}\n          {...props}\n          ref={ref}\n          data-tooltip-content={tooltip}\n          data-tooltip-id={tooltipId}\n        >\n          {typeof icon === 'string' ? (\n            <Icon name={icon} className=\"h-5 w-5\" />\n          ) : (\n            icon\n          )}\n          {children}\n        </button>\n        <Tooltip\n          id={tooltipId}\n          place={tooltipPosition}\n          delayShow={200}\n          delayHide={0}\n        />\n      </>\n    );\n  }\n);\n\nOptionButton.displayName = 'ExpandingButtonElement';\n\nconst MeasuredWallpaperOptionButtons = ({\n  mainButtonIcon,\n  rotateOnOpen = true,\n  tooltipPosition = 'bottom',\n  showNotificationDot = false,\n  showZoomButtons,\n  minZoomRatio,\n  maxZoomRatio,\n  currentZoomRatio,\n  zoomRatioStep,\n  visibleZoomLevel,\n  onZoom,\n  ...props\n}: MeasuredWallpaperOptionButtonsProps) => {\n  const filteredButtons = useMemo(\n    () => props.buttons.filter((btn) => !!btn),\n    [props.buttons]\n  );\n\n  return (\n    <div\n      className={clsx(\n        'flex items-center gap-2 overflow-x-auto px-4 py-3',\n        showZoomButtons\n          ? 'justify-start sm:justify-center'\n          : 'justify-center'\n      )}\n    >\n      {showZoomButtons && (\n        <MeasuredWallpaperZoomButtons\n          minZoomRatio={minZoomRatio}\n          maxZoomRatio={maxZoomRatio}\n          zoomRatioStep={zoomRatioStep}\n          currentZoomRatio={currentZoomRatio}\n          visibleZoomLevel={visibleZoomLevel}\n          onZoom={onZoom}\n        />\n      )}\n      {filteredButtons.map((btn, idx) => (\n        <OptionButton\n          {...btn!}\n          key={idx}\n          tooltipPosition={tooltipPosition}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default MeasuredWallpaperOptionButtons;\n","import React, {\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { MeasuredWallpaperData } from '../../Types/ProductPageModel';\nimport MeasuredWallpaperCuttingsData from '../../Types/MeasuredWallpaperCuttingsData';\nimport useWindowSize from '../../Hooks/useWindowSize';\nimport clsx from 'clsx';\nimport {\n  disableBodyScrolling,\n  enableBodyScrolling,\n} from '../../Utils/scrolling';\nimport MeasuredWallpaperCutoutArrows from './MeasuredWallpaperCutoutArrows';\nimport { round } from 'lodash-es';\nimport MeasuredWallpaperRulers from './MeasuredWallpaperRulers';\nimport { translate } from '../../Services/translation';\nimport MeasuredWallpaperOptionButtons from './MeasuredWallpaperOptionButtons';\n\nexport interface MeasuredWallpaperCutoutProps {\n  measuredWallpaper: MeasuredWallpaperData;\n  wallWidth: number;\n  wallHeight: number;\n  initialCutFromX?: number;\n  initialCutFromY?: number;\n  initialZoom?: number;\n  onCuttingsDataChange?: (\n    cuttingData: MeasuredWallpaperCuttingsData\n  ) => void;\n  maxHeight?: number | null;\n  flipHorizontally?: boolean;\n  onFlipHorizontally?: (flipHorizontally: boolean) => void;\n}\n\n/**\n * Rounds a value up or down to the nearest provided decimal points\n * @param value The value to round\n * @param roundToDecimal Number of decimal points, such as 0.05, 0.01\n * @param roundUp If the value should be rounded up or down. False to round down. Defaults to true.\n * @returns The rounded value\n */\nconst roundToNearestDecimal = (\n  value: number,\n  roundToDecimal: number,\n  roundUp: boolean = true\n) => {\n  const multiplier = 1 / roundToDecimal;\n  return roundUp\n    ? Math.ceil(value * multiplier) / multiplier\n    : Math.ceil(value * multiplier) / multiplier;\n};\n\nconst roundZoomRatio = (value: number) =>\n  roundToNearestDecimal(value, 0.05);\n\nconst selectionClasses =\n  'absolute bottom-0 left-0 right-0 top-0 max-h-full max-w-full';\n\nconst MeasuredWallpaperCutout = ({\n  measuredWallpaper,\n  wallWidth,\n  wallHeight,\n  initialCutFromX,\n  initialCutFromY,\n  onCuttingsDataChange,\n  onFlipHorizontally,\n  initialZoom,\n  flipHorizontally = false,\n  maxHeight = 768,\n}: MeasuredWallpaperCutoutProps) => {\n  const patternWidth = measuredWallpaper.patternWidth;\n  const patternHeight = measuredWallpaper.patternHeight;\n  const breadthWidth = measuredWallpaper.breadthWidth;\n  const repeatableX = measuredWallpaper.repeatableX;\n  const repeatableY = measuredWallpaper.repeatableY;\n  const scalable = measuredWallpaper.scalable;\n\n  const horizontalRepeats = wallWidth / patternWidth;\n  const verticalRepeats = wallHeight / patternHeight;\n  const totalHorizontalRepeats = Math.max(Math.ceil(horizontalRepeats), 2);\n\n  const hasInitialPosition = useMemo(\n    () =>\n      typeof initialCutFromX !== 'undefined' &&\n      typeof initialCutFromY !== 'undefined',\n    [] // do not use any deps, as we don't want to update this variable on change\n  );\n\n  const selectionRef = useRef<HTMLDivElement | null>(null);\n  const breadthCanvasRef = useRef<HTMLCanvasElement | null>(null);\n  const imageRef = useRef<HTMLDivElement | null>(null);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  const [windowWidth, windowHeight] = useWindowSize();\n  const [borderSize, setBorderSize] = useState<{\n    top: number;\n    bottom: number;\n    x: number;\n  }>({ top: 48, bottom: 48, x: 48 });\n  const [initialX, setInitialX] = useState(0);\n  const [initialY, setInitialY] = useState(0);\n  const [offsetX, setOffsetX] = useState(0);\n  const [offsetY, setOffsetY] = useState(0);\n  const [isDragging, setIsDragging] = useState(false);\n  const [hasDragged, setHasDragged] = useState(false);\n  const [showBreadths, setShowBreadths] = useState(false);\n  const setImageTranslate = (\n    translate: string,\n    flipHorizontally: boolean\n  ) => {\n    if (!imageRef.current) return;\n    imageRef.current.style.transform = clsx(\n      translate,\n      flipHorizontally && 'scaleX(-1)'\n    );\n  };\n  const setImageWidth = (width: number | string) => {\n    if (!imageRef.current) return;\n\n    imageRef.current.style.width =\n      typeof width === 'number' ? `${width}px` : width;\n  };\n  const setImageHeight = (height: number) => {\n    if (!imageRef.current) return;\n\n    imageRef.current.style.height = `${height}px`;\n  };\n  const [showRuler, setShowRuler] = useState(false);\n  const [showHorizontalLines, setShowHorizontalLines] = useState(false);\n  const [showVerticalLines, setShowVerticalLines] = useState(false);\n  const [hasSetInitialPosition, setHasSetInitialPosition] = useState(\n    !hasInitialPosition\n  );\n\n  // For wall heights above pattern height, the wallpaper is actually zoomed, which needs to be calculated\n  const calculatedZoomLevel = useMemo(\n    () =>\n      wallHeight > patternHeight && !repeatableY\n        ? round(wallHeight / patternHeight, 6)\n        : 1,\n    [patternHeight, repeatableY, wallHeight]\n  );\n\n  const minZoom = useMemo(\n    () =>\n      measuredWallpaper.isCustomWallpaper\n        ? 1\n        : calculateMinZoomLevel(\n            repeatableY,\n            wallWidth,\n            wallHeight,\n            patternWidth,\n            patternHeight,\n            totalHorizontalRepeats,\n            measuredWallpaper.minZoomRatio\n          ),\n    [\n      measuredWallpaper.isCustomWallpaper,\n      measuredWallpaper.minZoomRatio,\n      repeatableY,\n      wallWidth,\n      wallHeight,\n      patternWidth,\n      patternHeight,\n      totalHorizontalRepeats,\n    ]\n  );\n\n  // Zoom is from 0, but the initial value is the \"visible zoom level\"\n  const zoom = useRef(initialZoom ?? 0);\n\n  const imageBgSize = useMemo(() => {\n    if (!repeatableX && !repeatableY) {\n      return `contain`;\n    }\n\n    if (wallHeight > patternHeight && repeatableY && !scalable) {\n      return `${100 / Math.ceil(horizontalRepeats)}% ${\n        100 / verticalRepeats\n      }%`;\n    }\n    return 'contain';\n  }, [\n    horizontalRepeats,\n    patternHeight,\n    repeatableX,\n    repeatableY,\n    scalable,\n    verticalRepeats,\n    wallHeight,\n  ]);\n\n  const bgRepeat = useMemo(() => {\n    if (repeatableX && repeatableY) {\n      return 'repeat';\n    } else if (repeatableX) {\n      return 'repeat-x';\n    } else if (repeatableY) {\n      return 'repeat-y';\n    }\n    return 'no-repeat';\n  }, [repeatableX, repeatableY]);\n\n  const setImagePositionOnDrag = (movingX: number, movingY: number) => {\n    if (\n      !imageRef?.current ||\n      !containerRef?.current ||\n      !selectionRef?.current\n    )\n      return;\n\n    const imageRect = imageRef.current.getBoundingClientRect()!;\n    const containerRect = containerRef.current.getBoundingClientRect()!;\n    const selectionRect = selectionRef.current.getBoundingClientRect()!;\n\n    const leftLimit =\n      selectionRect.left - containerRect.left - borderSize.x;\n    const rightLimit = leftLimit + selectionRect.width;\n    const rightEdgePos = imageRect.width + movingX;\n\n    // X axis\n    if (movingX > leftLimit) {\n      movingX = leftLimit;\n    }\n    if (rightLimit > rightEdgePos) {\n      movingX = rightLimit - imageRect.width;\n    }\n\n    // Y axis\n    const topLimit =\n      selectionRect.top - containerRect.top - borderSize.top;\n    const bottomLimit = topLimit + selectionRect.height;\n    const bottomEdgePos = imageRect.height + movingY;\n    if (movingY > topLimit) {\n      movingY = topLimit;\n    }\n    if (bottomLimit > bottomEdgePos) {\n      movingY = bottomLimit - imageRect.height;\n    }\n\n    setOffsetX(movingX);\n    setOffsetY(movingY);\n\n    setImageTranslate(\n      `translate3d(${movingX}px, ${movingY}px, 0)`,\n      flipHorizontally\n    );\n  };\n\n  const onDragStart = (\n    e:\n      | React.TouchEvent<HTMLElement>\n      | React.MouseEvent<HTMLElement, MouseEvent>\n  ) => {\n    setHasDragged(true);\n    if (e.type == 'touchstart') {\n      const touchEvent = e as React.TouchEvent<HTMLElement>;\n      var touchPos = touchEvent.touches[0];\n      if (!touchPos) return;\n      setInitialX(touchPos.clientX - offsetX);\n      setInitialY(touchPos.clientY - offsetY);\n    } else {\n      const mouseEvent = e as React.MouseEvent<HTMLElement, MouseEvent>;\n      if (mouseEvent.button != 0) return; // Only move on left click\n\n      setInitialX(mouseEvent.clientX - offsetX);\n      setInitialY(mouseEvent.clientY - offsetY);\n    }\n\n    if (e.target == imageRef.current) {\n      setIsDragging(true);\n      disableBodyScrolling(true);\n      document.body.style.userSelect = 'none'; // Disable selecting text when moving the image\n    }\n  };\n\n  const onDrag = useCallback(\n    (\n      e:\n        | React.TouchEvent<HTMLElement>\n        | React.MouseEvent<HTMLElement, MouseEvent>\n    ) => {\n      if (!isDragging) return;\n      e.stopPropagation();\n      let movingX = 0;\n      let movingY = 0;\n\n      if (e.type == 'touchmove') {\n        const touchEvent = e as React.TouchEvent<HTMLElement>;\n        var touchPos = touchEvent.touches[0];\n        if (!touchPos) return;\n        movingX = touchPos.clientX - initialX;\n        movingY = touchPos.clientY - initialY;\n      } else {\n        const mouseEvent = e as React.MouseEvent<HTMLElement, MouseEvent>;\n        movingX = mouseEvent.clientX - initialX;\n\n        movingY = mouseEvent.clientY - initialY;\n      }\n\n      setImagePositionOnDrag(movingX, movingY);\n    },\n    [initialX, initialY, isDragging]\n  );\n\n  const onDragEnd = useCallback(() => {\n    setInitialX(0);\n    setInitialY(0);\n\n    setIsDragging(false);\n    document.body.style.removeProperty('user-select'); // Re-enable selecting text\n    enableBodyScrolling();\n  }, []);\n\n  /* Set image position to bottom left */\n  const resetImagePositionToBottomLeft = () => {\n    if (\n      !containerRef.current ||\n      !imageRef.current ||\n      !selectionRef.current ||\n      hasInitialPosition\n    )\n      return;\n\n    const imageRect = imageRef.current?.getBoundingClientRect()!;\n    const containerRect = containerRef.current?.getBoundingClientRect()!;\n    const selectionRect = selectionRef.current?.getBoundingClientRect()!;\n    const topLimit = selectionRef.current.offsetTop!;\n    const bottomLimit = topLimit + selectionRect.height;\n\n    const posX = selectionRect.left - containerRect.left - borderSize.x;\n    const posY = bottomLimit - imageRect.height;\n\n    setImagePositionOnDrag(posX, posY);\n    if (wallWidth > 0 && wallHeight > 0) {\n      setHasDragged(true);\n    }\n  };\n\n  const getCuttingsData =\n    useCallback((): MeasuredWallpaperCuttingsData => {\n      const selectionRect = selectionRef.current?.getBoundingClientRect();\n      const imageRect = imageRef.current?.getBoundingClientRect();\n      if (!selectionRect || !imageRect)\n        return {\n          cutFromX: 0,\n          cutToX: 0,\n          cutFromY: 0,\n          cutToY: 0,\n          zoom: zoom.current,\n          mirrored: flipHorizontally,\n        };\n\n      const x = selectionRect.left - imageRect.left;\n      const y = selectionRect.top - imageRect.top;\n\n      const cutFromX = x / imageRect.width;\n      const cutSizeX = selectionRect.width / imageRect.width; //should equal to: wallWidth / canvasWidth\n      const cutToX = cutFromX + cutSizeX;\n\n      const cutFromY = y / imageRect.height;\n      const cutSizeY = selectionRect.height / imageRect.height; // should equal to: wallHeight / canvasHeight\n      const cutToY = cutFromY + cutSizeY;\n\n      return {\n        cutFromX: Math.max(0, cutFromX).toFixed(6),\n        cutToX: Math.min(1, cutToX).toFixed(6),\n\n        cutFromY: Math.max(0, cutFromY).toFixed(6),\n        cutToY: Math.min(1, cutToY).toFixed(6),\n\n        zoom: zoom.current,\n        mirrored: flipHorizontally,\n      };\n    }, [flipHorizontally, zoom]);\n\n  const setInitialImagePosition = (cutFromX: number, cutFromY: number) => {\n    const selectionRect = selectionRef.current!.getBoundingClientRect();\n    const imageRect = imageRef.current!.getBoundingClientRect();\n\n    const initialX = selectionRect.left - imageRect.left;\n    const initialY = selectionRect.top - imageRect.top;\n\n    const posX = initialX - cutFromX * imageRect.width;\n    const posY = initialY - cutFromY * imageRect.height;\n\n    setImagePositionOnDrag(posX, posY);\n    setHasSetInitialPosition(true);\n  };\n\n  const drawBreadths = useCallback(\n    (ctx) => {\n      ctx.lineWidth = 2;\n      ctx.strokeStyle = 'hotpink';\n\n      if (window.innerWidth < 1024 || wallWidth > 1000) {\n        ctx.lineWidth = 1;\n      }\n      const selectionWidth =\n        selectionRef.current?.getBoundingClientRect().width ?? 0;\n\n      const cmToPx = selectionWidth / wallWidth;\n\n      const num = wallWidth / breadthWidth;\n      const strokeGap = breadthWidth * cmToPx;\n\n      if (showBreadths) {\n        for (let j = 0, i = strokeGap; j < num - 1; j++) {\n          ctx.moveTo(i, 0);\n          ctx.lineTo(i, 1000);\n          ctx.stroke();\n          i += strokeGap;\n        }\n      }\n    },\n    [breadthWidth, wallWidth, showBreadths]\n  );\n\n  const onZoom = (newZoomLevel: number) => {\n    zoom.current = newZoomLevel;\n    calculateImageSizeAndSetPosition();\n  };\n\n  /* Draw/hide breadths on canvas */\n  useLayoutEffect(() => {\n    const canvas = breadthCanvasRef.current;\n    if (!canvas) return;\n\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return;\n\n    ctx.canvas.width = ctx.canvas.offsetWidth;\n    drawBreadths(ctx);\n  }, [\n    showBreadths,\n    windowWidth,\n    borderSize,\n    drawBreadths,\n    wallWidth,\n    wallHeight,\n  ]);\n\n  /* Allow moving wallpaper when moving mouse outside container */\n  useLayoutEffect(() => {\n    const mouseMove = (e: any) => onDrag(e);\n    const mouseUp = () => onDragEnd();\n\n    document.addEventListener('mousemove', mouseMove);\n    document.addEventListener('mouseup', mouseUp);\n\n    return () => {\n      document.removeEventListener('mousemove', mouseMove);\n      document.removeEventListener('mouseup', mouseUp);\n    };\n  }, [onDrag, onDragEnd]);\n\n  const setScalableImageSizes = (\n    selectHeight: number,\n    zoomRatio: number\n  ) => {\n    let imageWidthPercent: number | undefined;\n    let imageHeight = selectHeight;\n    const wallRatio = wallWidth / wallHeight;\n    const imageRatio = patternWidth / patternHeight;\n    const isWidthMaxed = imageRatio < wallRatio;\n\n    if (isWidthMaxed) {\n      // If the selected wall size is maxed in width, calculate the height and unset image width to make it maxed out\n      imageHeight = (selectHeight * wallRatio) / imageRatio;\n      imageWidthPercent = undefined;\n    } else {\n      // Otherwise, height is maxed, unset width percent to use aspect-ratio on the image element\n      imageWidthPercent = undefined;\n    }\n\n    setImageWidth(\n      typeof imageWidthPercent === 'undefined'\n        ? ''\n        : imageWidthPercent * zoomRatio + '%'\n    );\n    setImageHeight(imageHeight * zoomRatio);\n  };\n\n  const setImagePositionByCuttingsData = (\n    cutFromX: number,\n    cutFromY: number\n  ) => {\n    if (\n      isNaN(cutFromX) ||\n      !isFinite(cutFromX) ||\n      isNaN(cutFromY) ||\n      !isFinite(cutFromY) ||\n      !selectionRef.current ||\n      !imageRef.current\n    )\n      return;\n\n    const imageRect = imageRef.current.getBoundingClientRect();\n\n    const posX =\n      selectionRef.current.offsetLeft! - cutFromX * imageRect.width;\n    const posY =\n      selectionRef.current.offsetTop! - cutFromY * imageRect.height;\n\n    setImagePositionOnDrag(posX, posY);\n  };\n\n  const calculateImageSizeAndSetPosition = () => {\n    if (!selectionRef.current || !imageRef.current) return;\n\n    const cuttingsData = getCuttingsData();\n    const selectionRect = selectionRef.current.getBoundingClientRect();\n    const selectHeight = selectionRect.height;\n    const calculatedZoom = Math.max(\n      1,\n      round(wallHeight / patternHeight, 6)\n    );\n    const zoomRatio = repeatableY ? 1 : calculatedZoom + zoom.current;\n\n    if (scalable) {\n      setScalableImageSizes(selectHeight, zoomRatio);\n      if (zoomRatio == 1) {\n        resetImagePositionToBottomLeft();\n      }\n    } else {\n      let patternRepeatsX = totalHorizontalRepeats;\n\n      if (\n        repeatableY &&\n        repeatableX &&\n        wallWidth >= patternWidth * patternRepeatsX\n      ) {\n        patternRepeatsX += 1;\n      }\n\n      const canvasWidth = patternWidth * patternRepeatsX * zoomRatio;\n      const canvasHeight =\n        patternHeight >= wallHeight\n          ? patternHeight * zoomRatio\n          : wallHeight * (1 + zoom.current);\n\n      const canvasRatio = canvasWidth / canvasHeight;\n      const heightRatio = wallHeight / canvasHeight;\n      const newImageHeight = selectHeight / heightRatio;\n      const newImageWidth = canvasRatio * newImageHeight;\n\n      setImageWidth(newImageWidth);\n      setImageHeight(newImageHeight);\n    }\n\n    if (hasInitialPosition && !hasSetInitialPosition) {\n      setInitialImagePosition(initialCutFromX!, initialCutFromY!);\n    } else if (!hasInitialPosition && !hasDragged) {\n      resetImagePositionToBottomLeft();\n    } else if (minZoom > zoomRatio) {\n      zoom.current = 0;\n      resetImagePositionToBottomLeft(); // Timeout needed to let the document actually update\n    } else {\n      const cutFromX =\n        typeof cuttingsData.cutFromX === 'number'\n          ? cuttingsData.cutFromX\n          : parseFloat(cuttingsData.cutFromX);\n      const cutFromY =\n        typeof cuttingsData.cutFromY === 'number'\n          ? cuttingsData.cutFromY\n          : parseFloat(cuttingsData.cutFromY);\n      setImagePositionByCuttingsData(cutFromX, cutFromY);\n    }\n  };\n\n  /* Trigger onCuttingsDataChange when moving the image */\n  useLayoutEffect(() => {\n    if (!imageRef.current || typeof onCuttingsDataChange !== 'function')\n      return;\n\n    const observer = new MutationObserver(() => {\n      const data = getCuttingsData();\n      onCuttingsDataChange(data);\n    });\n\n    observer.observe(imageRef.current, {\n      attributes: true,\n      childList: false,\n      characterData: false,\n      subtree: false,\n      attributeFilter: ['style'],\n    });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [imageRef, onCuttingsDataChange, getCuttingsData]);\n\n  useLayoutEffect(() => {\n    const cuttingsData = getCuttingsData();\n    if (onCuttingsDataChange) {\n      onCuttingsDataChange(cuttingsData);\n    }\n  }, [flipHorizontally]);\n\n  // Reset zoom when changing wall height\n  useLayoutEffect(() => {\n    if (zoom.current !== 0 && (hasDragged || hasSetInitialPosition)) {\n      onZoom(0);\n    }\n  }, [wallHeight]);\n\n  useLayoutEffect(() => {\n    if (!selectionRef.current || !imageRef.current) return;\n    // Main effect that triggers calculation of image size then repositions it\n    calculateImageSizeAndSetPosition();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [borderSize, windowWidth, wallWidth, wallHeight, flipHorizontally]);\n\n  const hasAnyOptionToggled = useMemo(\n    () =>\n      showRuler ||\n      showBreadths ||\n      showHorizontalLines ||\n      showVerticalLines ||\n      flipHorizontally,\n    [\n      flipHorizontally,\n      showBreadths,\n      showHorizontalLines,\n      showRuler,\n      showVerticalLines,\n    ]\n  );\n\n  return (\n    <div className=\"relative flex h-full flex-col lg:col-span-2\">\n      <div className=\"relative w-full flex-1 border-gray-100 bg-gray-100 lg:rounded-t-lg lg:border-x-2 lg:border-t-2 md-down:border-t\">\n        <div\n          className=\"grid h-full min-h-[calc(100vh_*_0.5)] w-full overflow-hidden\"\n          onTouchEnd={onDragEnd}\n          onMouseUp={onDragEnd}\n          ref={containerRef}\n          id=\"measured-wallpaper-cutout\"\n        >\n          <div\n            id=\"outer\"\n            className=\"relative h-full w-full\"\n            style={{\n              maxHeight: maxHeight ? `${maxHeight}px` : undefined,\n              borderTopWidth: borderSize.top,\n              borderBottomWidth: borderSize.bottom,\n              borderLeftWidth: borderSize.x,\n              borderRightWidth: borderSize.x,\n              borderStyle: 'solid',\n              borderColor: 'transparent',\n            }}\n          >\n            <div\n              className=\"absolute bg-left-bottom\"\n              ref={imageRef}\n              style={{\n                transform: 'translate3d(0, 0, 0)',\n                aspectRatio: scalable\n                  ? `${patternWidth} / ${patternHeight}`\n                  : undefined,\n                backgroundImage: `url(${measuredWallpaper.imageUrl})`,\n                backgroundSize: imageBgSize,\n                backgroundRepeat: bgRepeat,\n              }}\n              onMouseDown={onDragStart}\n              onMouseUp={onDragEnd}\n              onMouseMove={onDrag}\n              onTouchStart={onDragStart}\n              onTouchMove={onDrag}\n              onTouchEnd={onDragEnd}\n            ></div>\n            <div\n              ref={selectionRef}\n              id=\"selection\"\n              className={clsx(\n                selectionClasses,\n                'pointer-events-none z-10 m-auto before:absolute before:h-full before:w-full before:border before:border-solid before:border-black before:outline before:outline-[100vh] before:outline-[rgba(255,255,255,0.7)]'\n              )}\n              style={{\n                aspectRatio: `${wallWidth / wallHeight}`,\n              }}\n            >\n              <canvas\n                className=\"pointer-events-none absolute z-10 h-full w-full\"\n                ref={breadthCanvasRef}\n              ></canvas>\n              <canvas\n                className=\"pointer-events-none absolute z-10 h-full w-full\"\n                id=\"rulers-canvas\"\n              ></canvas>\n              <canvas\n                id=\"bottom-rulers-canvas\"\n                className=\"absolute w-full\"\n              ></canvas>\n              <canvas\n                id=\"right-rulers-canvas\"\n                className=\"absolute h-full\"\n              ></canvas>\n              <MeasuredWallpaperRulers\n                showRuler={showRuler}\n                showVerticalLines={showVerticalLines}\n                showHorizontalLines={showHorizontalLines}\n                selectionRef={selectionRef}\n                measuredWallpaper={measuredWallpaper}\n                wallWidth={wallWidth}\n                wallHeight={wallHeight}\n              />\n              <MeasuredWallpaperCutoutArrows\n                wallWidth={wallWidth}\n                wallHeight={wallHeight}\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className=\"z-10 w-full border-2 border-solid border-gray-100 bg-[#fbfbfb] lg:rounded-b-lg\">\n        <MeasuredWallpaperOptionButtons\n          showNotificationDot={hasAnyOptionToggled}\n          buttons={[\n            {\n              icon: showRuler ? 'ruler-fill' : 'ruler',\n              onClick: () => setShowRuler(!showRuler),\n              tooltip: translate(\n                showRuler\n                  ? 'measured-wallpaper.hide-ruler'\n                  : 'measured-wallpaper.show-ruler'\n              ),\n            },\n            {\n              icon: showVerticalLines\n                ? 'square-split-horizontal-fill'\n                : 'square-split-horizontal',\n              onClick: () => setShowVerticalLines(!showVerticalLines),\n              tooltip: translate(\n                showVerticalLines\n                  ? 'measured-wallpaper.hide-vertical-lines'\n                  : 'measured-wallpaper.show-vertical-lines'\n              ),\n            },\n            {\n              icon: showHorizontalLines\n                ? 'square-split-vertical-fill'\n                : 'square-split-vertical',\n              onClick: () => setShowHorizontalLines(!showHorizontalLines),\n              tooltip: translate(\n                showHorizontalLines\n                  ? 'measured-wallpaper.hide-horizontal-lines'\n                  : 'measured-wallpaper.show-horizontal-lines'\n              ),\n            },\n            {\n              icon: showBreadths ? 'columns-fill' : 'columns',\n              onClick: () => setShowBreadths(!showBreadths),\n              tooltip: translate(\n                showBreadths\n                  ? 'measured-wallpaper.hide-breadths'\n                  : 'measured-wallpaper.show-breadths'\n              ),\n            },\n            {\n              icon: flipHorizontally ? 'perspective-fill' : 'perspective',\n              onClick: () =>\n                onFlipHorizontally &&\n                onFlipHorizontally(!flipHorizontally),\n              tooltip: translate(\n                flipHorizontally\n                  ? 'measured-wallpaper.reset-flip'\n                  : 'measured-wallpaper.flip-horizontally'\n              ),\n            },\n          ]}\n          minZoomRatio={minZoom}\n          maxZoomRatio={measuredWallpaper.maxZoomRatio}\n          zoomRatioStep={measuredWallpaper.zoomRatioSteps}\n          currentZoomRatio={zoom.current}\n          visibleZoomLevel={\n            repeatableY\n              ? 1\n              : roundZoomRatio(calculatedZoomLevel + zoom.current)\n          }\n          onZoom={onZoom}\n          showZoomButtons={!repeatableY}\n        />\n      </div>\n    </div>\n  );\n};\n\nfunction calculateMinZoomLevel(\n  repeatableY: boolean,\n  wallWidth: number,\n  wallHeight: number,\n  patternWidth: number,\n  patternHeight: number,\n  totalHorizontalRpeats: number,\n  minZoomRatio: number\n) {\n  if (repeatableY) return 1;\n\n  return Math.max(\n    roundZoomRatio(wallHeight / patternHeight),\n    roundZoomRatio(wallWidth / (patternWidth * totalHorizontalRpeats)),\n    minZoomRatio\n  );\n}\n\nexport default MeasuredWallpaperCutout;\n","export const disableBodyScrolling = (includeX = false) => {\n  document.body.style.inset = `-${window.scrollY}px -${\n    includeX ? window.scrollX : 0\n  } 0`;\n  document.body.style.position = 'fixed';\n  document.body.style.overflowY = 'scroll';\n  document.body.style.overscrollBehavior = 'none';\n  document.querySelector('html')!.style.overscrollBehavior = 'none';\n};\n\nexport const enableBodyScrolling = () => {\n  if (!!document.body.style.inset) {\n    const insetSplit = document.body.style.inset.split(' ');\n    const scrollY = parseFloat(\n      insetSplit[0]?.replace('px', '').replace('-', '') ?? '0'\n    );\n    const scrollX = parseFloat(\n      insetSplit[1]?.replace('px', '').replace('-', '') ?? '0'\n    );\n    document.body.style.inset = '';\n    document.body.style.position = '';\n    document.body.style.overflowY = '';\n    document.body.style.overscrollBehavior = '';\n    document.querySelector('html')!.style.overscrollBehavior = '';\n    window.scrollTo({ top: scrollY, left: scrollX, behavior: 'auto' });\n  }\n};\n","import React, { useCallback } from 'react';\nimport { useDropzone } from 'react-dropzone';\nimport Icon from '../../Icon';\nimport clsx from 'clsx';\nimport { translate } from '../../../Services/translation';\nimport { CustomWallpaperInfo } from '../../../Types/ProductPageModel';\nimport EditorString from '../../EditorString/EditorString';\nimport { triggerToast } from '../../../Services/Toast.service';\n\nexport interface CustomWallpaperFile {\n  file: File;\n  width: number;\n  height: number;\n  getUrl: () => string;\n}\n\ninterface CustomWallpaperDropzoneProps {\n  onFileSelected: (customWallpaperFile: CustomWallpaperFile) => void;\n  isReplacementZone?: boolean;\n  selectedImageUrl?: string;\n  customWallpaperInfo: CustomWallpaperInfo;\n}\n\nconst validateFile = (\n  customWallpaperFile: CustomWallpaperFile,\n  customWallpaperInfo: CustomWallpaperInfo\n) => {\n  if (customWallpaperFile.file.size > customWallpaperInfo.maxSizeBytes) {\n    throw new Error(\n      translate('measured-wallpaper.custom.file-too-large').replace(\n        '{MaxSize}',\n        customWallpaperInfo.maxSizeFormatted\n      )\n    );\n  }\n\n  if (\n    customWallpaperFile.width < customWallpaperInfo.minWidth ||\n    customWallpaperFile.height < customWallpaperInfo.minHeight\n  ) {\n    throw new Error(\n      translate('measured-wallpaper.custom.image-too-small')\n        .replace('{Width}', customWallpaperInfo.minWidth.toString())\n        .replace('{Height}', customWallpaperInfo.minHeight.toString())\n    );\n  }\n};\n\nconst CustomWallpaperDropzone = ({\n  onFileSelected,\n  isReplacementZone = false,\n  selectedImageUrl,\n  customWallpaperInfo,\n}: CustomWallpaperDropzoneProps) => {\n  const onDrop = useCallback((acceptedFiles: File[]) => {\n    if (acceptedFiles.length == 0) return;\n\n    const formData = new FormData();\n    acceptedFiles.map((file, idx) => {\n      formData.append('imageUpload' + idx, file);\n      const _URL = window.URL || window.webkitURL;\n      const img = new Image();\n      const objectUrl = _URL.createObjectURL(file);\n      img.addEventListener('load', (e) => {\n        var loadedImage = e.target as HTMLImageElement;\n\n        const customWallpaperFile: CustomWallpaperFile = {\n          file,\n          width: loadedImage.width,\n          height: loadedImage.height,\n          getUrl: () => _URL.createObjectURL(file),\n        };\n\n        try {\n          validateFile(customWallpaperFile, customWallpaperInfo);\n          onFileSelected(customWallpaperFile);\n        } catch (err) {\n          console.log(err);\n          triggerToast({\n            title: translate(\n              'measured-wallpaper.custom.error-toast-title'\n            ),\n            text: err.message,\n            type: 'error',\n            autoClose: false\n          });\n        }\n\n        _URL.revokeObjectURL(objectUrl);\n        img.remove();\n      });\n      img.src = objectUrl;\n    });\n  }, []);\n\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    onDrop,\n    accept: customWallpaperInfo.acceptedFileTypes.reduce(\n      (prev, fileType) => ({ ...prev, [fileType]: [] }),\n      {}\n    ),\n    minSize: 0,\n    maxSize: customWallpaperInfo.maxSizeBytes,\n    multiple: false,\n  });\n\n  return (\n    <div\n      className={clsx(\n        'relative mx-auto w-full max-w-3xl overflow-hidden rounded border-2 border-dashed border-gray-200 text-center'\n      )}\n      {...getRootProps()}\n    >\n      {selectedImageUrl && (\n        <div\n          className=\"absolute inset-0 z-0 h-full w-full rounded\"\n          style={{\n            backgroundImage: `url(${selectedImageUrl})`,\n            backgroundSize: 'cover',\n            backgroundRepeat: 'no-repeat',\n          }}\n        ></div>\n      )}\n      <div\n        className={clsx(\n          'flex w-full cursor-pointer flex-col items-center justify-center rounded px-2 pb-4 pt-3 hover:bg-success-100',\n          isDragActive ? 'bg-success-100' : 'bg-success-50',\n          selectedImageUrl && 'opacity-[0.85]',\n          !isReplacementZone && 'h-64'\n        )}\n      >\n        <input {...getInputProps()} type=\"file\" />\n        {!isReplacementZone && (\n          <Icon\n            name={selectedImageUrl ? 'check' : 'image'}\n            className=\"h-14 w-14\"\n          />\n        )}\n        {!isReplacementZone && (\n          <div className=\"text-md text-gray-700\">\n            {!selectedImageUrl && (\n              <EditorString {...customWallpaperInfo.infoText} />\n            )}\n            {selectedImageUrl && (\n              <>\n                <p className=\"font-bold\">\n                  {selectedImageUrl &&\n                    translate('measured-wallpaper.custom.image-selected')}\n                </p>\n                <p>\n                  {selectedImageUrl &&\n                    translate(\n                      'measured-wallpaper.custom.choose-wall-sizes'\n                    )}\n                </p>\n              </>\n            )}\n          </div>\n        )}\n\n        {isReplacementZone && <Icon name=\"images\" className=\"h-14 w-14\" />}\n        {isReplacementZone && (\n          <div className=\"text-md text-gray-700\">\n            <p className=\"font-bold\">\n              {translate('measured-wallpaper.custom.change-image')}\n            </p>\n            <p>{translate('measured-wallpaper.custom.drag-and-drop')}</p>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default CustomWallpaperDropzone;\n","import React, {\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport ProductPageProductInformation from './ProductPageProductInformation';\nimport StockStatus from '../StockStatus/StockStatus';\nimport ProductPageUsps from './ProductPageUsps';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { ProductPageModel } from '../../Types/ProductPageModel';\nimport MeasuredWallpaperCalculator, {\n  isValidHeight,\n  isValidWidth,\n} from './MeasuredWallpaperCalculator';\nimport ProductPageImageGallery from './ProductPageImageGallery';\nimport MeasuredWallpaperBuySection from './MeasuredWallpaperBuySection';\nimport MeasuredWallpaperCuttingsData from '../../Types/MeasuredWallpaperCuttingsData';\nimport clsx from 'clsx';\nimport useYotpoBottomLine from '../../Hooks/useYotpoBottomLine';\nimport YotpoUgc from '../Yotpo/YotpoUgc';\nimport ProductPageTabsContainer from '../ProductPageTabs/ProductPageTabsContainer';\nimport ProductPageStructuredData from './ProductPageStructuredData';\nimport ProductRelationBlockContainer from './ProductRelationBlockContainer';\nimport ProductPageLinkBlock from './ProductPageLinkBlock';\nimport { translate } from '../../Services/translation';\nimport ProductPageBuyGuideContainer from './ProductPageBuyGuideContainer';\nimport ProductSelector from './ProductSelector';\nimport { setActiveProduct } from '../../Reducers/ProductPage/Actions/setActiveProduct.action';\nimport { useTypedDispatch } from '../../Hooks/useTypedDispatch';\nimport { trackingServiceProductPageViewEvent } from '../../Services/Tracking.service';\nimport ProductPageMobileImages from './ProductPageMobileImages';\nimport MeasuredWallpaperCutout from '../MeasuredWallpaperCutout/MeasuredWallpaperCutout';\nimport {\n  PRICE_TOGGLE_BEFORE_RELOAD_EVENT,\n  StockStatusLevel,\n} from '../../constants';\nimport CustomWallpaperDropzone, {\n  CustomWallpaperFile,\n} from '../MeasuredWallpaperCutout/CustomWallpaper/CustomWallpaperDropzone';\nimport ProductPageRoomvoButton from './ProductPageRoomvoButton';\nimport DiscontinuedItem from '../DiscontinuedItem/DiscontinuedItem';\n\nconst MIN_KVCM_SIZE = 30000;\n\nexport const getCutoutUrl = () => {};\n\nconst MeasuredWallpaperProductPage = (model: ProductPageModel) => {\n  const dispatch = useTypedDispatch();\n  const { currentProduct: productFromState, loadingProductId } =\n    useTypedSelector((state) => state.productPage);\n  const { currency } = useTypedSelector((state) => state.cart);\n  const currentProduct = useMemo(\n    () => productFromState ?? model,\n    [productFromState, model]\n  );\n  const yotpoBottomLine = useYotpoBottomLine(\n    currentProduct.productItem.id\n  );\n\n  const [calculatorActive, setCalculatorActive] = useState(false);\n  const [calculatorHeight, setCalculatorHeight] = useState(0);\n  const [calculatorWidth, setCalculatorWidth] = useState(0);\n  const [initialCuttingData, setInitialCuttingData] = useState<\n    { cutFromX: number; cutFromY: number; zoom: number } | undefined\n  >();\n  const [flipHorizontally, setFlipHorizontally] = useState(false);\n  const [customWallpaperFile, setCustomWallpaperFile] = useState<\n    CustomWallpaperFile | undefined\n  >();\n  const [cuttingsData, setCuttingsData] =\n    useState<MeasuredWallpaperCuttingsData>(\n      {} as MeasuredWallpaperCuttingsData\n    );\n\n  const measuredWallpaperData = useMemo(\n    () =>\n      currentProduct.measuredWallpaper\n        ? {\n            ...currentProduct.measuredWallpaper,\n            ...(customWallpaperFile\n              ? {\n                  patternWidth: customWallpaperFile.width,\n                  patternHeight: customWallpaperFile.height,\n                  imageUrl: customWallpaperFile.getUrl(),\n                }\n              : {}),\n          }\n        : undefined,\n    [currentProduct.measuredWallpaper, customWallpaperFile]\n  );\n\n  const calculatedSizeTooSmall = useMemo(\n    () => calculatorWidth * calculatorHeight < MIN_KVCM_SIZE,\n    [calculatorHeight, calculatorWidth]\n  );\n\n  useEffect(\n    () => setCalculatorActive(calculatorWidth > 0 && calculatorHeight > 0),\n    [calculatorWidth, calculatorHeight]\n  );\n\n  useLayoutEffect(() => {\n    if (calculatorActive) {\n      window.scrollTo({\n        top: document.getElementById('measured-wallpaper-cutout')\n          ?.offsetTop,\n        behavior: 'smooth',\n      });\n    }\n  }, [calculatorActive, calculatorWidth, calculatorHeight]);\n\n  useEffect(() => {\n    trackingServiceProductPageViewEvent(currency);\n  }, []);\n\n  useEffect(() => {\n    if (!measuredWallpaperData) return;\n\n    const searchParams = new URLSearchParams(window.location.search);\n    const wallWidthFromUrl = searchParams.get('w');\n    const wallHeightFromUrl = searchParams.get('h');\n    const xPos = searchParams.get('x');\n    const yPos = searchParams.get('y');\n    const zoom = searchParams.get('zoom');\n    const mirrored = searchParams.get('mirrored');\n\n    const numericX = parseFloat(xPos ?? 'NaN');\n    const numericY = parseFloat(yPos ?? 'NaN');\n    const numericZoom = parseFloat(zoom ?? 'NaN');\n\n    if (\n      !!xPos &&\n      !!yPos &&\n      !Number.isNaN(numericX) &&\n      !Number.isNaN(numericY)\n    ) {\n      setInitialCuttingData({\n        cutFromX: numericX,\n        cutFromY: numericY,\n        zoom: !!zoom && !Number.isNaN(numericZoom) ? numericZoom : 0,\n      });\n    }\n\n    if (mirrored?.toLowerCase() == 'true') {\n      setFlipHorizontally(true);\n    }\n\n    const numericWidth = parseInt(wallWidthFromUrl ?? 'NaN');\n    const numericHeight = parseInt(wallHeightFromUrl ?? 'NaN');\n\n    if (\n      !!wallHeightFromUrl &&\n      !!wallWidthFromUrl &&\n      !Number.isNaN(numericWidth) &&\n      !Number.isNaN(numericHeight) &&\n      isValidWidth(measuredWallpaperData, numericWidth) &&\n      isValidHeight(measuredWallpaperData, numericHeight)\n    ) {\n      setCalculatorWidth(numericWidth);\n      setCalculatorHeight(numericHeight);\n      setCalculatorActive(false);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!calculatorActive) return;\n\n    const onPriceToggleBeforeReload = () => {\n      const url = new URL(window.location.href);\n      url.searchParams.set('x', cuttingsData.cutFromX.toString());\n      url.searchParams.set('y', cuttingsData.cutFromY.toString());\n      url.searchParams.set('w', calculatorWidth.toString());\n      url.searchParams.set('h', calculatorHeight.toString());\n      url.searchParams.set('zoom', cuttingsData.zoom.toString());\n      url.searchParams.set('mirrored', cuttingsData.mirrored.toString());\n\n      window.history.replaceState(\n        PRICE_TOGGLE_BEFORE_RELOAD_EVENT,\n        '',\n        url.toString()\n      );\n    };\n\n    window.addEventListener(\n      PRICE_TOGGLE_BEFORE_RELOAD_EVENT,\n      onPriceToggleBeforeReload\n    );\n    return () => {\n      window.removeEventListener(\n        PRICE_TOGGLE_BEFORE_RELOAD_EVENT,\n        onPriceToggleBeforeReload\n      );\n    };\n  }, [calculatorActive, calculatorHeight, calculatorWidth, cuttingsData]);\n\n  const onCustomWallpaperSelected = (file: CustomWallpaperFile) => {\n    setCustomWallpaperFile(file);\n  };\n\n  return (\n    <div itemScope itemType=\"http://schema.org/Product\">\n      {!calculatorActive && (\n        <ProductPageMobileImages\n          images={currentProduct.productItem.images}\n          videoUrl={currentProduct.productItem.videoUrl}\n        />\n      )}\n      <div className=\"lg:container mb-8 grid grid-cols-1 lg:grid-cols-3\">\n        {calculatorActive && measuredWallpaperData && (\n          <MeasuredWallpaperCutout\n            wallWidth={calculatorWidth}\n            wallHeight={calculatorHeight}\n            initialCutFromX={initialCuttingData?.cutFromX}\n            initialCutFromY={initialCuttingData?.cutFromY}\n            initialZoom={initialCuttingData?.zoom}\n            measuredWallpaper={measuredWallpaperData}\n            onCuttingsDataChange={setCuttingsData}\n            flipHorizontally={flipHorizontally}\n            onFlipHorizontally={setFlipHorizontally}\n          />\n        )}\n        {!calculatorActive && (\n          <div className=\"relative grid lg:col-span-2\">\n            <div className=\"col-span-2 hidden gap-4 lg:grid\">\n              <ProductPageImageGallery\n                images={currentProduct.productItem.images}\n                videoUrl={currentProduct.productItem.videoUrl}\n              />\n              {currentProduct.productItem.id && (\n                <div className=\"lg:block\">\n                  <YotpoUgc productId={currentProduct.productItem.id} />\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n        <div className=\"px-4 lg:-mt-8 lg:flex lg:justify-center lg:px-4 xl:px-8 md-down:mx-auto\">\n          <div className=\"w-full self-start pt-6 lg:sticky lg:top-0 lg:max-w-[568px] lg:pt-8\">\n            <ProductPageProductInformation\n              title={currentProduct.productItem.name}\n              bottomLine={yotpoBottomLine}\n              product={currentProduct.productItem}\n              muralCanvasDisclaimer={\n                currentProduct.stockStatus?.level !==\n                  StockStatusLevel.Inactive &&\n                (!measuredWallpaperData?.isCustomWallpaper ||\n                  !!measuredWallpaperData.imageUrl)\n                  ? translate('product-page.mural-canvas.disclaimer')\n                  : undefined\n              }\n              articleNumber={currentProduct.productItem.id}\n            />\n            {currentProduct.stockStatus && (\n              <StockStatus {...currentProduct.stockStatus} />\n            )}\n            {currentProduct.productItem.itemStatus && (\n              <DiscontinuedItem\n                itemStatus={currentProduct.productItem.itemStatus}\n              />\n            )}\n            {measuredWallpaperData &&\n              measuredWallpaperData.patternHeight > 0 &&\n              measuredWallpaperData.patternWidth > 0 &&\n              measuredWallpaperData.breadthWidth > 0 &&\n              currentProduct?.stockStatus?.level !==\n                StockStatusLevel.Inactive && (\n                <MeasuredWallpaperCalculator\n                  calculatorActive={calculatorActive}\n                  calculatedSizeTooSmall={calculatedSizeTooSmall}\n                  setCalculatorHeight={setCalculatorHeight}\n                  setCalculatorWidth={setCalculatorWidth}\n                  calculatorWidth={calculatorWidth}\n                  calculatorHeight={calculatorHeight}\n                  measuredWallpaper={measuredWallpaperData}\n                  disableWallSizeSelection={\n                    (typeof initialCuttingData?.cutFromX !== 'undefined' &&\n                      typeof initialCuttingData?.cutFromY !==\n                        'undefined') ||\n                    (measuredWallpaperData.isCustomWallpaper &&\n                      !customWallpaperFile)\n                  }\n                />\n              )}\n            {!measuredWallpaperData?.isPreview &&\n              measuredWallpaperData?.isCustomWallpaper && (\n                <div className=\"mb-4\">\n                  <CustomWallpaperDropzone\n                    onFileSelected={onCustomWallpaperSelected}\n                    selectedImageUrl={\n                      calculatorActive\n                        ? undefined\n                        : customWallpaperFile?.getUrl()\n                    }\n                    isReplacementZone={calculatorActive}\n                    customWallpaperInfo={\n                      measuredWallpaperData?.customWallpaperInfo!\n                    }\n                  />\n                </div>\n              )}\n            <MeasuredWallpaperBuySection\n              width={calculatorWidth}\n              height={calculatorHeight}\n              priceModel={currentProduct.productItem.price}\n              articleNumber={currentProduct.productItem.id ?? ''}\n              calculatedSizeTooSmall={calculatedSizeTooSmall}\n              cuttingsData={cuttingsData}\n              samples={currentProduct.productItem.samples}\n              stockstatus={currentProduct.stockStatus}\n              customWallpaperFile={customWallpaperFile}\n              disableBuyOption={currentProduct.disableBuyOption}\n              buyButtonDisabled={false}\n              buyButtonHidden={\n                measuredWallpaperData?.isCustomWallpaper &&\n                !calculatorActive\n              }\n            />\n            {(currentProduct.buyGuideBlocks != null ||\n              (!model.hideRoomvoButton &&\n                currentProduct.productItem.simulatorCompatible)) && (\n              <div\n                className=\"roomvo-container flex items-center justify-between\"\n                data-product-type-str=\"wall\"\n              >\n                {model.buyGuideBlocks != null && (\n                  <ProductPageBuyGuideContainer />\n                )}\n                {!model.hideRoomvoButton &&\n                  currentProduct.productItem.simulatorCompatible && (\n                    <ProductPageRoomvoButton\n                      id={currentProduct.productItem.id}\n                    />\n                  )}\n              </div>\n            )}\n            <ProductPageUsps uspBlock={currentProduct.uspBlock} />\n            {currentProduct.variants?.length > 1 && (\n              <ProductSelector\n                items={currentProduct.variants}\n                onVariantSelected={(id) => {\n                  dispatch(\n                    setActiveProduct({\n                      id,\n                      currentProductId: currentProduct.productItem.id,\n                    })\n                  );\n                  setCalculatorWidth(0);\n                  setCalculatorHeight(0);\n                }}\n                loadingProductId={loadingProductId}\n                selectedProductId={currentProduct.productItem.id}\n              />\n            )}\n          </div>\n        </div>\n      </div>\n      <ProductPageTabsContainer productPage={currentProduct} />\n      {currentProduct.productItem.id && (\n        <div className=\"container lg:hidden\">\n          <YotpoUgc productId={currentProduct.productItem.id} />\n        </div>\n      )}\n      <div className=\"container mb-16 grid grid-cols-1 gap-4 lg:grid-cols-2\">\n        {currentProduct.arApplicationUrl && (\n          <ProductPageLinkBlock\n            className=\"lg:hidden\"\n            url={currentProduct.arApplicationUrl}\n            preTitle={translate('product-page.ar-application')}\n            title={translate('product-page.ar-application.title')}\n            description={translate(\n              'product-page.ar-application.description'\n            )}\n            buttonText={translate('product-page.ar-application.button')}\n            iconName=\"cube-focus\"\n            openInNewWindow={true}\n          />\n        )}\n        {!model.hideRoomvoButton && (\n          <ProductPageLinkBlock\n            preTitle={translate('product-page.wallpaper-simulator')}\n            title={translate('product-page.wallpaper-simulator.title')}\n            description={translate(\n              'product-page.wallpaper-simulator.description'\n            )}\n            buttonText={translate(\n              'product-page.wallpaper-simulator.button'\n            )}\n            iconName=\"images\"\n            displayArButton={true}\n            displayButton={false}\n            productId={currentProduct.productItem.id}\n          />\n        )}\n      </div>\n      <div className=\"container mb-16\">\n        <ProductRelationBlockContainer\n          productRelations={[\n            currentProduct.accessoriesProducts,\n            currentProduct.similarProducts,\n            currentProduct.matchingProducts,\n          ]}\n        />\n      </div>\n      <ProductPageStructuredData productPage={currentProduct} />\n    </div>\n  );\n};\n\nexport default MeasuredWallpaperProductPage;\n","import React from 'react';\nimport { EditorStringModel } from '../Types/EditorString';\nimport { ResponsiveImageModel } from '../Types/ResponsiveImageModel';\nimport { LinkModel } from '../Types/LinkModel';\nimport ResponsiveImage from '../Components/ResponsiveImage/ResponsiveImage';\n\ninterface MegaMenuBlockProps {\n  title: string;\n  text: EditorStringModel;\n  image: ResponsiveImageModel;\n  link: LinkModel;\n}\n\nconst MegaMenuBlock = ({\n  link,\n  title,\n  text,\n  image,\n}: MegaMenuBlockProps) => {\n  return (\n    <a href={link?.href}>\n      {image && (\n        <ResponsiveImage\n          imgProps={{\n            className: 'rounded mb-4',\n          }}\n          {...image}\n        />\n      )}\n      {title && <div className=\"h4\">{title}</div>}\n      {text && <div className=\"text-lg text-gray-500\">{text}</div>}\n    </a>\n  );\n};\n\nexport default MegaMenuBlock;\n","import React from 'react';\nimport LanguageSelectTrigger from './LanguageSelectTrigger';\nimport LanguageSelectModal from './LanguageSelectModal';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { useTypedDispatch } from '../../Hooks/useTypedDispatch';\nimport { channelPicker } from '../../Reducers/ChannelPicker.reducer';\n\nconst LanguageSelectDesktopContainer = () => {\n  const { open } = useTypedSelector((state) => state.channelPicker);\n  const dispatch = useTypedDispatch();\n\n  return (\n    <div className=\"relative store-screen:hidden\">\n      <LanguageSelectTrigger\n        onClick={() => dispatch(channelPicker.setOpen(!open))}\n        languageSelectActive={open}\n      />\n      {open && (\n        <div className=\"absolute left-[50%] w-[268px] translate-x-[-50%] rounded bg-white shadow-[0px_13px_37px_0px_rgba(0,0,0,0.21)]\">\n          <LanguageSelectModal />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default LanguageSelectDesktopContainer;\n","import React from 'react';\nimport LoginContainer from './LoginContainer';\n\nconst RegisterUserPage = () => {\n  return (\n    <div className=\"container grid place-items-center py-6 md:py-8 lg:py-10\">\n      <div className=\"w-full sm:max-w-md\">\n        <LoginContainer />\n      </div>\n    </div>\n  );\n};\n\nexport default RegisterUserPage;\n","import React, { useEffect } from 'react';\nimport { CollectionItemProps } from './Types/CollectionItem';\nimport Icon from '../Icon';\n\nconst CollectionItem = (props: CollectionItemProps) => {\n  return (\n    <a\n      href={'/api/collectionstore/' + props.fileName}\n      className=\"flex cursor-pointer items-center justify-between rounded-md border-[1px] border-solid border-gray-200 bg-gray-50 px-3 py-4\"\n    >\n      <Icon className=\"h-10 w-10\" name=\"zipfile\" />\n      <div className=\"m-2 flex-1\">\n        {props.name && <p className=\"text-lg font-medium\">{props.name}</p>}\n        {props.fileName && (\n          <span>\n            {props.fileName} ({props.fileSize})\n          </span>\n        )}\n      </div>\n      <Icon className=\"h-6 w-6\" name=\"download\" />\n    </a>\n  );\n};\n\nexport default CollectionItem;\n","import React, { useEffect, useState } from 'react';\nimport Input from '../Inputs/Input';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { useDispatch } from 'react-redux';\nimport { CollectionItemProps } from './Types/CollectionItem';\nimport { CollectionStoreActions } from '../../Reducers/CollectionStore.reducer';\nimport { translate } from '../../Services/translation';\n\nconst CollectionStoreInput = () => {\n  const { collectionItems } = useTypedSelector(\n    (state) => state.CollectionStoreReducer\n  );\n\n  const [collectionItem, setCollectionItem] =\n    useState<CollectionItemProps>();\n\n  const dispatch = useDispatch();\n\n  const onChange = (value) => {\n    setCollectionItem(undefined); //reset collectionItem onChange\n\n    collectionItems.map((item) => {\n      if (item.name.toLowerCase() == value) {\n        setCollectionItem(item);\n      }\n    });\n  };\n\n  useEffect(() => {\n    dispatch(\n      CollectionStoreActions.setCollectionItem({\n        item: collectionItem!,\n      })\n    );\n  }, [dispatch, collectionItem]);\n\n  return (\n    <Input\n      onChange={(e) => onChange(e.target.value.toLowerCase())}\n      className=\" w-full bg-gray-100 p-4\"\n      icon=\"search\"\n      inputSize=\"large\"\n      placeholder={translate('general.search')}\n    />\n  );\n};\n\nexport default CollectionStoreInput;\n","import React, { useEffect, useState } from 'react';\nimport { EditorStringModel } from '../../Types/EditorString';\nimport EditorString from '../EditorString/EditorString';\nimport { CollectionItemProps } from './Types/CollectionItem';\nimport CollectionItem from './CollectionItem';\nimport CollectionStoreInput from './CollectionStoreInput';\nimport { useDispatch } from 'react-redux';\nimport { CollectionStoreActions } from '../../Reducers/CollectionStore.reducer';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\n\ninterface CollectionStore {\n  title: string;\n  description: EditorStringModel;\n  collectionItems: CollectionItemProps[];\n}\n\nconst CollectionStore = (props: CollectionStore) => {\n  const dispatch = useDispatch();\n\n  useEffect(() => {\n    dispatch(\n      CollectionStoreActions.SetCollectionItems({\n        items: props.collectionItems,\n      })\n    );\n  }, [dispatch, props.collectionItems]);\n\n  const { selectedCollectionItem } = useTypedSelector(\n    (state) => state.CollectionStoreReducer\n  );\n\n  return (\n    <div className=\"container container--narrow pt-6 lg:pt-10\">\n      <div className=\"max-w-[568px]\">\n        {props.title && <h1>{props.title}</h1>}\n        {props.description.value && (\n          <EditorString value={props.description.value} />\n        )}\n      </div>\n      <div className=\"mt-8\">\n        <CollectionStoreInput />\n        <div className=\"mb-10 mt-8 grid  grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3\">\n          {selectedCollectionItem ? (\n            <CollectionItem {...selectedCollectionItem} />\n          ) : (\n            props.collectionItems &&\n            props.collectionItems.length > 0 &&\n            props.collectionItems.map((item) => (\n              <CollectionItem key={item.name + item.fileSize} {...item} />\n            ))\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default CollectionStore;\n","import React, { useMemo, useState } from 'react';\nimport { translate } from '../../Services/translation';\nimport Input from '../Inputs/Input';\nimport {\n  calculateRollCount,\n  getFitment,\n} from '../../Services/WallpaperCalculatorService';\nimport Dropdown from '../Dropdown';\nimport { ListItem } from '../../Types/ListItem';\nimport WallpaperCalculatorResult from './WallpaperCalculatorResult';\n\ninterface WallpaperCalculator {\n  productPatternMatches: ListItem[];\n}\n\nconst WallpaperCalculator = ({\n  productPatternMatches,\n}: WallpaperCalculator) => {\n  const [wallWidth, setWallWidth] = useState<number | undefined>(4.5);\n  const [wallHeight, setWallHeight] = useState<number | undefined>(2.4);\n  const [rollWidth, setRollWidth] = useState<number | undefined>(0.53);\n  const [rollLength, setRollLength] = useState<number | undefined>(10.05);\n  const [patternSize, setPatternSize] = useState<number | undefined>(0.53);\n  const [fitment, setFitment] = useState<number>(0);\n\n  const calculatorResult = useMemo(\n    () =>\n      wallWidth && wallHeight && rollWidth && rollLength\n        ? calculateRollCount({\n            wallWidth,\n            wallHeight,\n            rollWidth,\n            rollLength,\n            patternSize: patternSize ?? 0.01,\n            fitment,\n          })\n        : undefined,\n    [wallWidth, wallHeight, rollWidth, rollLength, patternSize, fitment]\n  );\n\n  return (\n    <div className=\"mt-6\">\n      <h2 className=\"mb-3\">{translate('wallpaper-calculator.title')}</h2>\n      <form>\n        <Input\n          label={`${translate('wallpaper-calculator.wall-width')} (m)`}\n          className=\"mb-4\"\n          type=\"number\"\n          step=\"0.01\"\n          value={wallWidth ?? ''}\n          onChange={(e) =>\n            setWallWidth(\n              e.target.value != '' ? parseFloat(e.target.value) : undefined\n            )\n          }\n          showAnimatedLabel={true}\n          inputSize=\"large\"\n        />\n        <Input\n          label={`${translate('wallpaper-calculator.wall-height')} (m)`}\n          className=\"mb-4\"\n          type=\"number\"\n          step=\"0.01\"\n          value={wallHeight ?? ''}\n          onChange={(e) =>\n            setWallHeight(\n              e.target.value != '' ? parseFloat(e.target.value) : undefined\n            )\n          }\n          showAnimatedLabel={true}\n          inputSize=\"large\"\n        />\n        <Input\n          label={`${translate('wallpaper-calculator.roll-width')} (m)`}\n          className=\"mb-4\"\n          type=\"number\"\n          step=\"0.01\"\n          value={rollWidth ?? ''}\n          onChange={(e) =>\n            setRollWidth(\n              e.target.value != '' ? parseFloat(e.target.value) : undefined\n            )\n          }\n          showAnimatedLabel={true}\n          inputSize=\"large\"\n        />\n        <Input\n          label={`${translate('wallpaper-calculator.roll-length')} (m)`}\n          className=\"mb-4\"\n          type=\"number\"\n          step=\"0.01\"\n          value={rollLength ?? ''}\n          onChange={(e) =>\n            setRollLength(\n              e.target.value != '' ? parseFloat(e.target.value) : undefined\n            )\n          }\n          showAnimatedLabel={true}\n          inputSize=\"large\"\n        />\n        {fitment > 0 && (\n          <Input\n            label={`${translate('wallpaper-calculator.pattern-size')} (m)`}\n            className=\"mb-4\"\n            type=\"number\"\n            step=\"0.01\"\n            value={patternSize ?? ''}\n            onChange={(e) =>\n              setPatternSize(\n                e.target.value != ''\n                  ? parseFloat(e.target.value)\n                  : undefined\n              )\n            }\n            showAnimatedLabel={true}\n            inputSize=\"large\"\n          />\n        )}\n        <Dropdown\n          options={productPatternMatches.map((p) => ({\n            label: p.text,\n            value: getFitment(p.value ?? '1').toString(),\n          }))}\n          selectedValue={fitment}\n          onChange={({ value }) => setFitment(parseFloat(value))}\n          label={translate('wallpaper-calculator.fitment')}\n          className=\"mb-4\"\n        />\n      </form>\n      {typeof calculatorResult?.rolls !== 'undefined' ? (\n        <WallpaperCalculatorResult\n          {...calculatorResult}\n          showWaste={fitment > 0}\n        />\n      ) : (\n        <span>{translate('wallpaper-calculator.fill-in-form')}</span>\n      )}\n    </div>\n  );\n};\n\nexport default WallpaperCalculator;\n","import React, { useEffect, useMemo } from 'react';\nimport { Retailer } from '../../Types/Retailer';\nimport Dropdown from '../Dropdown';\nimport { translate } from '../../Services/translation';\n\nconst formatName = (name: string) => {\n  return name\n    .toLowerCase()\n    .replace(/(?:^|\\s)\\S/g, (char) => char.toUpperCase());\n};\n\ninterface RetailerListFilteringProps {\n  retailerList: Retailer[];\n  setActiveCountryFilter: (country: string | null) => void;\n  setActiveCityFilter: (city: string | null) => void;\n  filteredRetailerList: Retailer[];\n  setActiveRetailer: (retailer: Retailer | null) => void;\n  activeCountryFilter: string | null;\n  activeCityFilter: string | null;\n  activeRetailer: Retailer | null;\n  isLoading: boolean;\n}\n\nconst RetailerListFiltering = ({\n  retailerList,\n  filteredRetailerList,\n  setActiveCountryFilter,\n  setActiveCityFilter,\n  setActiveRetailer,\n  activeCountryFilter,\n  activeCityFilter,\n  activeRetailer,\n  isLoading,\n}: RetailerListFilteringProps) => {\n  const filteredCityList = useMemo(() => {\n    if (activeCountryFilter == null) {\n      return [...new Set(retailerList?.map((retailer) => retailer.city))];\n    } else {\n      return [\n        ...new Set(\n          retailerList\n            .filter((retailer) =>\n              retailer.country\n                ?.toString()\n                .includes(\n                  activeCountryFilter != null ? activeCountryFilter : ''\n                )\n            )\n            .map((retailer) => retailer.city)\n        ),\n      ];\n    }\n  }, [activeCountryFilter, retailerList]);\n\n  const uniqueCountries = useMemo(() => {\n    return [...new Set(retailerList?.map((retailer) => retailer.country))];\n  }, [retailerList]);\n\n  useEffect(() => {\n    setActiveCityFilter(null);\n    setActiveRetailer(null);\n  }, [activeCountryFilter]);\n\n  useEffect(() => {\n    setActiveRetailer(null);\n  }, [activeCityFilter]);\n\n  const countryOptions = useMemo(() => {\n    const options = uniqueCountries\n      .sort((a, b) => a.localeCompare(b))\n      .map((country) => {\n        return {\n          label: formatName(country),\n          value: country,\n        };\n      });\n\n    options.unshift({\n      label: translate('general.show-all'),\n      value: '',\n    });\n\n    return options;\n  }, [uniqueCountries]);\n\n  const citiesOptions = useMemo(() => {\n    const options = filteredCityList\n      .sort((a, b) => a.localeCompare(b))\n      .map((city) => {\n        return {\n          label: formatName(city),\n          value: city,\n        };\n      });\n\n    options.unshift({\n      label: translate('general.show-all'),\n      value: '',\n    });\n\n    return options;\n  }, [filteredCityList]);\n\n  const handleSetActiveRetailerInDropdown = (retailer: Retailer) => {\n    if (retailer.position.lat == 0 || retailer.position.lng == 0) {\n      setActiveRetailer(null);\n      return;\n    }\n    if (activeRetailer) {\n      setActiveRetailer(null);\n      setTimeout(() => {\n        setActiveRetailer(retailer);\n      }, 200);\n    } else {\n      setActiveRetailer(retailer);\n    }\n  };\n\n  const retailerOptions = useMemo(() => {\n    const options = filteredRetailerList\n      ?.sort((a, b) => a.name?.localeCompare(b.name))\n      .map((retailer) => {\n        return {\n          label: retailer.name,\n          value: retailer.name,\n          object: retailer,\n        };\n      });\n\n    options?.unshift({\n      label: translate('general.show-all'),\n      value: '',\n      object: {\n        name: '',\n        position: {\n          lat: 0,\n          lng: 0,\n        },\n      },\n    });\n\n    return options;\n  }, [filteredRetailerList]);\n\n  return (\n    <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n      <div className=\"relative [&_label]:bg-white [&_label]:px-1\">\n        {countryOptions && (\n          <Dropdown\n            className=\"relative\"\n            placeholder={translate('retailers.country-placeholder')}\n            options={countryOptions}\n            selectedValue={activeCountryFilter ?? ''}\n            onChange={(e) => setActiveCountryFilter(e.value)}\n            disabled={isLoading}\n          />\n        )}\n\n        <label className=\"absolute -top-2 left-[14px] bg-white px-1 text-sm font-light text-gray-700\">\n          {translate('retailers.country-select')}\n        </label>\n      </div>\n      <div className=\"relative [&_label]:bg-white [&_label]:px-1\">\n        {citiesOptions && (\n          <Dropdown\n            className=\"relative\"\n            placeholder={translate('retailers.city-placeholder')}\n            options={citiesOptions}\n            selectedValue={activeCityFilter ?? ''}\n            onChange={(e) => setActiveCityFilter(e.value)}\n            disabled={isLoading}\n          />\n        )}\n\n        <label className=\"absolute -top-2 left-[14px] bg-white px-1 text-sm font-light text-gray-700\">\n          {translate('retailers.city-select')}\n        </label>\n      </div>\n      <div className=\"relative [&_label]:bg-white [&_label]:px-1\">\n        {retailerOptions && (\n          <Dropdown\n            className=\"relative\"\n            placeholder={translate('retailers.retailer-placeholder')}\n            options={retailerOptions}\n            selectedValue={activeRetailer?.name ?? ''}\n            onChange={(e) => handleSetActiveRetailerInDropdown(e.object)}\n            disabled={isLoading}\n          />\n        )}\n        <label className=\"absolute -top-2 left-[14px] bg-white px-1 text-sm font-light text-gray-700\">\n          {translate('retailers.retailer-select')}\n        </label>\n      </div>\n    </div>\n  );\n};\n\nexport default RetailerListFiltering;\n","import React from 'react';\nimport Icon from '../Icon';\nimport { translate } from '../../Services/translation';\nimport { Retailer } from '../../Types/Retailer';\n\ninterface RetailerListTopBarProps {\n  showMap: boolean;\n  setShowMap: (showMap: boolean) => void;\n  retailersAmount: number;\n  setActiveRetailer: (retailer: Retailer | null) => void;\n  activeRetailer: Retailer | null;\n}\n\nconst RetailerListTopBar = ({\n  showMap,\n  setShowMap,\n  retailersAmount,\n  setActiveRetailer,\n  activeRetailer,\n}: RetailerListTopBarProps) => {\n  const handleOnShowMapClick = () => {\n    if (activeRetailer) {\n      let storedRetailer = activeRetailer;\n      setActiveRetailer(null);\n      setShowMap(true);\n      setTimeout(() => {\n        setActiveRetailer(storedRetailer);\n      }, 200);\n    } else {\n      setShowMap(true);\n    }\n  };\n\n  return (\n    <div className=\"my-3 flex items-center justify-between\">\n      <div className=\"text-sm uppercase text-gray-500\">\n        {retailersAmount} {translate('retailers.retailers')}\n      </div>\n      <div className=\"flex gap-6\">\n        <button\n          className=\"flex items-center gap-2 py-2.5 text-sm uppercase text-gray-700\"\n          onClick={() => handleOnShowMapClick()}\n        >\n          {showMap ? (\n            <Icon name=\"map-pin-fill\" className=\"h-5 w-5\" />\n          ) : (\n            <Icon name=\"map-pin-light\" className=\"h-5 w-5\" />\n          )}\n          <span className=\"hidden lg:flex\">\n            {translate('retailers.show-map')}\n          </span>\n        </button>\n        <button\n          className=\"flex items-center gap-2 py-2.5 text-sm uppercase text-gray-700\"\n          onClick={() => setShowMap(false)}\n        >\n          {!showMap ? (\n            <Icon name=\"rows-fill\" className=\"h-5 w-5\" />\n          ) : (\n            <Icon name=\"two-rows-light\" className=\"h-5 w-5\" />\n          )}\n          <span className=\"hidden lg:flex\">\n            {translate('retailers.show-list')}\n          </span>\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default RetailerListTopBar;\n","import React, { useMemo } from 'react';\nimport { Retailer } from '../../Types/Retailer';\nimport Icon from '../Icon';\nimport { translate } from '../../Services/translation';\n\ninterface RetailerStoreCardProps {\n  retailer: Retailer;\n}\n\nconst RetailerStoreCard = ({ retailer }: RetailerStoreCardProps) => {\n  const directionsUrl = useMemo(() => {\n    return `https://www.google.com/maps?saddr=My+Location&daddr=${retailer.position.lat},${retailer.position.lng}`;\n  }, [retailer]);\n  return (\n    <div className=\"rounded border border-gray-200 bg-gray-100 px-4 pb-2 pt-3\">\n      <div className=\"text-lg font-medium\">{retailer.name}</div>\n      <div className=\"my-3 flex flex-col gap-2\">\n        <div className=\"flex gap-1\">\n          <Icon className=\"h-5 w-5\" name=\"map-pin-light\" />\n          <span className=\"flex flex-1 text-md text-gray-700\">\n            {retailer.address1}, {retailer.zipCode} {retailer.city},{' '}\n            {retailer.country}.\n          </span>\n        </div>\n        {retailer.phoneNumber && (\n          <div className=\"flex gap-1\">\n            <Icon className=\"h-5 w-5\" name=\"phone-light\" />\n            <span className=\"flex flex-1 text-md text-gray-700 underline\">\n              <a href={`tel:${retailer.phoneNumber}`}>\n                {retailer.phoneNumber}\n              </a>\n            </span>\n          </div>\n        )}\n        {retailer.email && (\n          <div className=\"flex gap-1\">\n            <Icon className=\"h-5 w-5\" name=\"mail\" />\n            <span className=\"flex flex-1 text-md text-gray-700 underline\">\n              <a href={`mailto:${retailer.email}`}>{retailer.email}</a>\n            </span>\n          </div>\n        )}\n        {retailer.website && (\n          <div className=\"flex gap-1\">\n            <Icon className=\"h-5 w-5\" name=\"link-light\" />\n            <span className=\"flex flex-1 text-md text-gray-700 underline\">\n              <a href={retailer.website}>{retailer.website}</a>\n            </span>\n          </div>\n        )}\n      </div>\n      {retailer.position.lat && retailer.position.lng && (\n        <a\n          className=\"-ml-2 mt-2 p-2 text-md underline\"\n          target=\"_blank\"\n          href={directionsUrl}\n          rel=\"noreferrer\"\n        >\n          {translate('retailers.show-directions')}\n        </a>\n      )}\n    </div>\n  );\n};\n\nexport default RetailerStoreCard;\n","import React from 'react';\nimport { Retailer } from '../../Types/Retailer';\nimport RetailerStoreCard from './RetailerStoreCard';\n\ninterface RetailerListStoresProps {\n  filteredRetailerList: Retailer[];\n}\n\nconst RetailerListStores = ({\n  filteredRetailerList,\n}: RetailerListStoresProps) => {\n  return (\n    <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3\">\n      {filteredRetailerList.length > 0 &&\n        filteredRetailerList.map((retailer) => (\n          <RetailerStoreCard\n            key={retailer.name + retailer.address1}\n            retailer={retailer}\n          />\n        ))}\n    </div>\n  );\n};\n\nexport default RetailerListStores;\n","export const CUSTOM_MAP_STYLE = [\n  {\n    featureType: 'administrative',\n    elementType: 'all',\n    stylers: [\n      {\n        saturation: '-100',\n      },\n    ],\n  },\n  {\n    featureType: 'administrative.province',\n    elementType: 'all',\n    stylers: [\n      {\n        visibility: 'off',\n      },\n    ],\n  },\n  {\n    featureType: 'landscape',\n    elementType: 'all',\n    stylers: [\n      {\n        saturation: -100,\n      },\n      {\n        lightness: 85,\n      },\n      {\n        visibility: 'on',\n      },\n    ],\n  },\n  {\n    featureType: 'poi',\n    elementType: 'all',\n    stylers: [\n      {\n        saturation: -100,\n      },\n      {\n        lightness: '50',\n      },\n      {\n        visibility: 'simplified',\n      },\n    ],\n  },\n  {\n    featureType: 'road',\n    elementType: 'all',\n    stylers: [\n      {\n        saturation: '-100',\n      },\n    ],\n  },\n  {\n    featureType: 'road.highway',\n    elementType: 'all',\n    stylers: [\n      {\n        visibility: 'simplified',\n      },\n    ],\n  },\n  {\n    featureType: 'road.arterial',\n    elementType: 'all',\n    stylers: [\n      {\n        lightness: '30',\n      },\n    ],\n  },\n  {\n    featureType: 'road.local',\n    elementType: 'all',\n    stylers: [\n      {\n        lightness: '40',\n      },\n    ],\n  },\n  {\n    featureType: 'transit',\n    elementType: 'all',\n    stylers: [\n      {\n        saturation: -100,\n      },\n      {\n        visibility: 'simplified',\n      },\n    ],\n  },\n  {\n    featureType: 'water',\n    elementType: 'geometry',\n    stylers: [\n      {\n        hue: '#C8D7D4',\n      },\n      {\n        lightness: 20,\n      },\n      {\n        saturation: -90,\n      },\n    ],\n  },\n  {\n    featureType: 'water',\n    elementType: 'labels',\n    stylers: [\n      {\n        lightness: -25,\n      },\n      {\n        saturation: -100,\n      },\n    ],\n  },\n];\n","import React, { useMemo } from 'react';\nimport { Retailer } from '../../Types/Retailer';\nimport Icon from '../Icon';\nimport { translate } from '../../Services/translation';\n\ninterface MarkerInfoBoxProps {\n  retailer: Retailer;\n}\n\nconst MarkerInfoBox = ({ retailer }: MarkerInfoBoxProps) => {\n  const directionsUrl = useMemo(() => {\n    return `https://www.google.com/maps?saddr=My+Location&daddr=${retailer.position.lat},${retailer.position.lng}`;\n  }, [retailer]);\n  return (\n    <div className=\"pr-1\">\n      <div className=\"text-md font-bold \">{retailer.name}</div>\n      <div className=\"my-4 flex flex-col gap-2\">\n        {retailer.formattedAddress && (\n          <div className=\"flex items-center gap-0.5 whitespace-nowrap\">\n            <Icon className=\"h-5 w-5 \" name=\"map-pin-light\" />\n            <span className=\"flex flex-col text-sm text-gray-700\">\n              <span>{retailer.formattedAddress}</span>\n            </span>\n          </div>\n        )}\n        {retailer.phoneNumber && (\n          <div className=\"flex items-center gap-0.5 \">\n            <Icon className=\"h-5 w-5\" name=\"phone-light\" />\n            <span className=\"text-sm text-gray-700 underline\">\n              <a href={`tel:${retailer.phoneNumber}`}>\n                {retailer.phoneNumber}\n              </a>\n            </span>\n          </div>\n        )}\n        {retailer.email && (\n          <div className=\"flex items-center gap-0.5 \">\n            <Icon className=\"h-5 w-5\" name=\"mail\" />\n            <span className=\"text-sm text-gray-700 underline\">\n              <a href={`mailto:${retailer.email}`}>{retailer.email}</a>\n            </span>\n          </div>\n        )}\n        {retailer.website && (\n          <div className=\"flex items-center gap-0.5\">\n            <Icon className=\"h-5 w-5\" name=\"link-light\" />\n            <span className=\"text-sm text-gray-700 underline\">\n              <a href={retailer.website}>{retailer.website}</a>\n            </span>\n          </div>\n        )}\n      </div>\n      {retailer.position.lat && retailer.position.lng && (\n        <a\n          className=\"-ml-2 mt-2 p-2 underline\"\n          target=\"_blank\"\n          href={directionsUrl}\n          rel=\"noreferrer\"\n        >\n          {translate('retailers.show-directions')}\n        </a>\n      )}\n    </div>\n  );\n};\n\nexport default MarkerInfoBox;\n","import React, { useCallback, useEffect } from 'react';\nimport '../../../images/map-pin-fill.svg';\nimport '../../../images/circle-fill.svg';\nimport { Retailer } from '../../Types/Retailer';\nimport { CUSTOM_MAP_STYLE } from './MapStyling';\nimport {\n  GoogleMap,\n  InfoWindow,\n  Marker,\n  MarkerClusterer,\n  useJsApiLoader,\n} from '@react-google-maps/api';\nimport MarkerInfoBox from './MarkerInfoBox';\n\ninterface RetailerListMapProps {\n  retailerList: Retailer[];\n  activeRetailer: Retailer | null;\n  setActiveRetailer: (retailer: Retailer | null) => void;\n  isLoading: boolean;\n  googleApiKey: string;\n}\n\nconst RetailerListMap = ({\n  retailerList,\n  activeRetailer,\n  setActiveRetailer,\n  googleApiKey,\n  isLoading: isLoadingRetailers,\n}: RetailerListMapProps) => {\n  const [map, setMap] = React.useState<google.maps.Map | null>(null);\n\n  const { isLoaded } = useJsApiLoader({\n    id: 'google-map-script',\n    googleMapsApiKey: googleApiKey,\n  });\n\n  const handleOnLoad = useCallback((map) => setMap(map), []);\n\n  const onUnmount = React.useCallback(function callback() {\n    setMap(null);\n  }, []);\n  const handleActiveMarkerClick = (retailer: Retailer) => {\n    if (activeRetailer === retailer) {\n      setActiveRetailer(null);\n      return;\n    }\n    setActiveRetailer(retailer);\n  };\n  useEffect(() => {\n    if (!map) return;\n    const bounds = new window.google.maps.LatLngBounds();\n    retailerList.map((retailer) => {\n      bounds.extend(retailer.position);\n    });\n    map.fitBounds(bounds);\n  }, [map, retailerList]);\n\n  const MAP_OPTIONS = {\n    styles: CUSTOM_MAP_STYLE,\n    streetViewControl: true,\n    maxZoom: 18,\n  };\n\n  return isLoaded && !isLoadingRetailers ? (\n    <GoogleMap\n      mapContainerClassName=\"aspect-square lg:aspect-video w-full rounded max-h-[620px]\"\n      options={MAP_OPTIONS}\n      onLoad={handleOnLoad}\n      onUnmount={onUnmount}\n    >\n      <MarkerClusterer\n        averageCenter\n        minimumClusterSize={2}\n        styles={[\n          {\n            url: '/ui/images/circle-fill.svg',\n            height: 30,\n            textLineHeight: 30,\n            width: 30,\n            textColor: 'white',\n          },\n          {\n            url: '/ui/images/circle-fill.svg',\n            height: 35,\n            textLineHeight: 35,\n            width: 35,\n            textColor: 'white',\n          },\n          {\n            url: '/ui/images/circle-fill.svg',\n            height: 40,\n            textLineHeight: 40,\n            width: 40,\n            textColor: 'white',\n          },\n          {\n            url: '/ui/images/circle-fill.svg',\n            height: 45,\n            textLineHeight: 45,\n            width: 45,\n            textColor: 'white',\n          },\n          {\n            url: '/ui/images/circle-fill.svg',\n            height: 50,\n            textLineHeight: 50,\n            width: 50,\n            textColor: 'white',\n          },\n        ]}\n      >\n        {(clusterer) =>\n          retailerList &&\n          retailerList.length > 0 &&\n          retailerList.map((retailer: Retailer) => (\n            <Marker\n              key={`${retailer.name}-${retailer.position.lat},${retailer.position.lng}`}\n              position={retailer.position}\n              onClick={() => handleActiveMarkerClick(retailer)}\n              clusterer={clusterer}\n              icon={{\n                url: '/ui/images/map-pin-fill.svg',\n                scaledSize: new google.maps.Size(30, 30),\n              }}\n            >\n              {activeRetailer === retailer ? (\n                <InfoWindow onCloseClick={() => setActiveRetailer(null)}>\n                  <MarkerInfoBox retailer={retailer} />\n                </InfoWindow>\n              ) : null}\n            </Marker>\n          ))\n        }\n      </MarkerClusterer>\n    </GoogleMap>\n  ) : (\n    <div className=\"skeleton max-h-[620px] w-full rounded bg-gray-200 aspect-square lg:aspect-video\"></div>\n  );\n};\nexport default React.memo(RetailerListMap);\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport RetailerListFiltering from './RetailerListFiltering';\nimport RetailerListTopBar from './RetailerListTopBar';\nimport RetailerListStores from './RetailerListStores';\nimport RetailerListMap from './RetailerListMap';\nimport { Retailer } from '../../Types/Retailer';\nimport { get } from '../../Services/http';\nimport { triggerToast } from '../../Services/Toast.service';\nimport { translate } from '../../Services/translation';\n\ninterface RetailerListContainerProps {\n  googleApiKey: string;\n}\n\nconst RetailerListContainer = ({\n  googleApiKey,\n}: RetailerListContainerProps) => {\n  const [retailers, setRetailers] = useState<Retailer[]>([]);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [showMap, setShowMap] = useState(true);\n  const [activeRetailer, setActiveRetailer] = useState<Retailer | null>(\n    null\n  );\n  const [activeCountryFilter, setActiveCountryFilter] = useState<\n    string | null\n  >(null);\n  const [activeCityFilter, setActiveCityFilter] = useState<string | null>(\n    null\n  );\n\n  useEffect(() => {\n    const fetchRetailers = async () => {\n      setIsLoading(true);\n      try {\n        const res = await get('/api/retailers');\n        if (res.ok) {\n          setRetailers(await res.json());\n        }\n      } catch (err) {\n        triggerToast({\n          title: translate('general.error'),\n          text: translate('retailers.fetch-error'),\n          type: 'error',\n          autoClose: false,\n        });\n        console.log(err);\n      } finally {\n        setIsLoading(false);\n      }\n    };\n\n    fetchRetailers();\n  }, []);\n\n  const filteredRetailerList = useMemo(() => {\n    if (activeRetailer) {\n      return [activeRetailer];\n    } else {\n      return retailers.filter(\n        (r) =>\n          (!activeCountryFilter ||\n            r.country?.toLowerCase() ==\n              activeCountryFilter.toLowerCase()) &&\n          (!activeCityFilter ||\n            r.city?.toLowerCase() == activeCityFilter.toLowerCase())\n      );\n    }\n  }, [retailers, activeCityFilter, activeCountryFilter, activeRetailer]);\n\n  const retailersAmount = useMemo(() => {\n    return filteredRetailerList?.length ?? 0;\n  }, [filteredRetailerList]);\n\n  return (\n    <>\n      <RetailerListFiltering\n        filteredRetailerList={filteredRetailerList}\n        retailerList={retailers}\n        setActiveCountryFilter={setActiveCountryFilter}\n        setActiveCityFilter={setActiveCityFilter}\n        setActiveRetailer={setActiveRetailer}\n        activeCountryFilter={activeCountryFilter}\n        activeCityFilter={activeCityFilter}\n        activeRetailer={activeRetailer}\n        isLoading={isLoading}\n      />\n      <RetailerListTopBar\n        retailersAmount={retailersAmount}\n        showMap={showMap}\n        setShowMap={setShowMap}\n        activeRetailer={activeRetailer}\n        setActiveRetailer={setActiveRetailer}\n      />\n      {showMap ? (\n        <RetailerListMap\n          retailerList={filteredRetailerList}\n          setActiveRetailer={setActiveRetailer}\n          activeRetailer={activeRetailer}\n          googleApiKey={googleApiKey}\n          isLoading={isLoading}\n        />\n      ) : (\n        <RetailerListStores filteredRetailerList={filteredRetailerList} />\n      )}\n    </>\n  );\n};\n\nexport default RetailerListContainer;\n","import React, { useState } from 'react';\nimport Input from '../Components/Inputs/Input';\nimport { useForm } from 'react-hook-form';\nimport TextArea from '../Components/Inputs/TextArea';\nimport { translate } from '../Services/translation';\nimport { post } from '../Services/http';\nimport Icon from '../Components/Icon';\nimport { triggerToast } from '../Services/Toast.service';\n\ntype FormData = {\n  name: string;\n  subject: string;\n  email: string;\n  message: string;\n};\n\nconst ContactForm = () => {\n  const {\n    register,\n    handleSubmit,\n    formState: { errors },\n    reset,\n  } = useForm<FormData>();\n\n  const onSubmit = (data, e) => {\n    post('api/contact', data)\n      .catch((err) => {\n        err.response\n          .json()\n          .then((data) =>\n            triggerToast({ type: 'error', text: data?.error ?? data, autoClose: false})\n          );\n      })\n      .finally(() => {\n        reset();\n        setEmailHasBeenSent(true);\n      });\n  };\n  const [emailHasBeenSent, setEmailHasBeenSent] = useState(false);\n\n  return (\n    <form onSubmit={handleSubmit(onSubmit)}>\n      <h4 className=\"mb-4\">{translate('contact-form.title')}</h4>\n      <Input\n        wrapperClassName=\"mb-4\"\n        inputSize=\"xlarge\"\n        showAnimatedLabel={true}\n        inputState={errors.name ? 'error' : 'default'}\n        label={translate('general.name')}\n        type=\"text\"\n        helperText={\n          errors.name && translate('contact-form.required-message')\n        }\n        {...register('name', { required: true })}\n      />\n      <Input\n        wrapperClassName=\"mb-4\"\n        inputSize=\"xlarge\"\n        showAnimatedLabel={true}\n        inputState={errors.subject ? 'error' : 'default'}\n        label={translate('general.subject')}\n        type=\"text\"\n        helperText={\n          errors.subject && translate('contact-form.required-message')\n        }\n        {...register('subject', { required: false })}\n      />\n      <Input\n        wrapperClassName=\"mb-6\"\n        inputSize=\"xlarge\"\n        inputState={errors.email ? 'error' : 'default'}\n        showAnimatedLabel={true}\n        label={translate('general.email')}\n        type=\"email\"\n        helperText={\n          errors.email && translate('contact-form.required-message')\n        }\n        {...register('email', { required: true })}\n      />\n      <TextArea\n        inputSize=\"xlarge\"\n        inputState={errors.message ? 'error' : 'default'}\n        wrapperClassName=\"mb-6\"\n        showAnimatedLabel={true}\n        label={translate('general.message')}\n        type=\"text\"\n        helperText={\n          errors.message && translate('contact-form.required-message')\n        }\n        {...register('message', { required: true })}\n      />\n      <button\n        className=\"btn btn--black btn--xlarge w-full\"\n        disabled={emailHasBeenSent}\n        type=\"submit\"\n      >\n        {emailHasBeenSent ? (\n          <>\n            {translate('contact-form.message-sent')}{' '}\n            <Icon name=\"check\" className=\"h-4 w-4\" />\n          </>\n        ) : (\n          translate('contact-form.submit')\n        )}\n      </button>\n    </form>\n  );\n};\n\nexport default ContactForm;\n","import React from 'react';\nimport { ToastContainer as ToastifyContainer } from 'react-toastify';\nimport 'react-toastify/ReactToastify.min.css';\nimport Icon from '../Icon';\nconst ToastContainer = () => {\n  return (\n    <ToastifyContainer\n      position=\"bottom-right\"\n      autoClose={false}\n      hideProgressBar={true}\n      newestOnTop={true}\n      draggable={false}\n      closeOnClick={false}\n      closeButton={({ ariaLabel, closeToast }) => (\n        <Icon\n          name=\"close\"\n          className=\"absolute right-2 top-2 h-4 w-4 cursor-pointer\"\n          aria-label={ariaLabel}\n          onClick={(e) => closeToast(e as any)}\n        />\n      )}\n    ></ToastifyContainer>\n  );\n};\n\nexport default ToastContainer;\n","import React, { useMemo } from 'react';\nimport ProductFiltering from '../ProductFiltering/ProductFiltering';\nimport { translate } from '../../Services/translation';\nimport Icon from '../Icon';\nimport { useDispatch } from 'react-redux';\nimport { clearAllFilters } from '../../Actions/ProductFiltering.action';\n\ninterface FilterModalInterface {\n  setFiltersVisible: (visible: boolean) => void;\n}\n\nconst WallpaperSimulatorFilterModal = ({\n  setFiltersVisible,\n}: FilterModalInterface) => {\n  const dispatch = useDispatch();\n\n  return (\n    <div className=\"absolute bottom-2 left-4 top-[50px] flex w-full max-w-[300px] flex-col rounded bg-white shadow-[0px_13px_37px_0px_rgba(0,0,0,0,21)] [&_.ReactCollapse--collapse]:lg:px-4 [&_.collapsible_>label]:lg:px-4 [&_.filter-container]:flex [&_.filter-container]:max-h-[calc(100%_-_50px)] [&_.filter-container]:flex-1 [&_.filter-container]:flex-col [&_.filter-container]:overflow-y-auto [&_.filter-container_>.collapsible:last-of-type]:lg:!border-y\">\n      <div className=\"flex items-center justify-between border-b border-gray-100 py-1 pl-4 pr-0.5\">\n        <h2 className=\"flex-1 text-h2-mobile\">\n          {translate('simulator.filter-title')}\n        </h2>\n        <button onClick={() => setFiltersVisible(false)} className=\"p-3\">\n          <Icon name=\"close\" className=\"h-5 w-5\" />\n        </button>\n      </div>\n      <ProductFiltering />\n      <div className=\"border-t border-gray-100 p-2\">\n        <button\n          onClick={() => {\n            dispatch(clearAllFilters());\n          }}\n          className=\"btn btn--large btn--fullwidth btn--outlined\"\n        >\n          {translate('simulator.clean-filters')}\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default WallpaperSimulatorFilterModal;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport Product from '../../Types/Product';\nimport { translate } from '../../Services/translation';\nimport ProductCardPlaceholder from '../ProductCards/ProductCardPlaceholder';\nimport Icon from '../Icon';\nimport WallpaperSimulatorFilterModal from './WallpaperSimulatorFilterModal';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport Pagination from '../Pagination';\nimport { Pager, calculatePager } from '../../Services/Pagination.service';\nimport { useTypedDispatch } from '../../Hooks/useTypedDispatch';\nimport { queryProductFiltering } from '../../Actions/ProductFiltering.action';\nimport ProductCardImageSlider from '../ProductCards/ProductCardImageSlider';\nimport ActiveFilterChips from '../ActiveFilterChips/ActiveFilterChips';\n\ninterface ProductSelectorInterface {\n  products?: Product[];\n  setSelectedProduct: (product: Product) => void;\n  totalProductsCount: number;\n  currentPage: number;\n  pageSize: number;\n}\n\nconst WallpaperSimulatorProductSelector = ({\n  products,\n  setSelectedProduct,\n  totalProductsCount,\n  currentPage,\n  pageSize,\n}: ProductSelectorInterface) => {\n  const dispatch = useTypedDispatch();\n  const [filtersVisible, setFiltersVisible] = useState<boolean>(false);\n  const [pager, setPager] = useState<Pager | undefined>();\n  const { filters = [] } = useTypedSelector(\n    (state) => state.productFiltering\n  );\n  const totalActiveFilters = useMemo(\n    () =>\n      filters\n        ? filters.reduce(\n            (sum, filter) => sum + filter.selectedOptions.length,\n            0\n          )\n        : 0,\n    [filters]\n  );\n\n  useEffect(() => {\n    setPager(\n      calculatePager(totalProductsCount, currentPage, {\n        pageSize: pageSize,\n      })\n    );\n  }, [totalProductsCount, currentPage, pageSize]);\n\n  useEffect(() => {\n    dispatch(queryProductFiltering(null, false, false, true));\n  }, []);\n\n  const onPageChanged = (newPageNumber) => {\n    const urlParams = new URLSearchParams(window.location.search);\n    urlParams.set('page', newPageNumber);\n    const newUrl = `${window.location.pathname}?${urlParams.toString()}`;\n    window.history.replaceState('WallpaperSimulator', '', newUrl);\n\n    dispatch(queryProductFiltering(null, false, false, true));\n  };\n\n  return (\n    <div className=\"relative min-h-[549px] border border-gray-100 bg-gray-50 px-4 py-3\">\n      <div className=\"mb-1 flex flex-row justify-between\">\n        <button\n          className=\"flex items-center py-2\"\n          onClick={() => setFiltersVisible(!filtersVisible)}\n        >\n          <Icon\n            className=\"mr-2 h-5 w-5 text-gray-700\"\n            name=\"sliders-light\"\n          />\n          <span className=\"text-sm uppercase\">\n            {translate('simulator.filter-button-label')}\n          </span>\n          {totalActiveFilters >= 1 && (\n            <span className=\"ml-1 flex h-5 w-5 items-center justify-center rounded-full bg-gray-700\">\n              <span className=\"text-sm leading-tight text-white\">\n                {totalActiveFilters}\n              </span>\n            </span>\n          )}\n        </button>\n        <div className=\"text-sm text-gray-500\">\n          {products?.length} {translate('simulator.products')}\n        </div>\n      </div>\n      <ActiveFilterChips />\n      <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n        {products &&\n          products.length > 0 &&\n          products.map((product: Product, idx) =>\n            !!product ? (\n              <div\n                className=\"flex cursor-pointer flex-col\"\n                onClick={() => setSelectedProduct(product)}\n                key={product.id}\n              >\n                {product.images && product.images.length > 0 && (\n                  <div className=\"h-full w-full rounded aspect-[3/4]\">\n                    <ProductCardImageSlider\n                      images={product.images}\n                      disableSlider={true}\n                      forcePatternImage={true}\n                      patternImage={product.patternImage}\n                    />\n                  </div>\n                )}\n                <div className=\"px-1 pt-2\">\n                  <h6>{product.name}</h6>\n                </div>\n              </div>\n            ) : (\n              <ProductCardPlaceholder key={'skeleton-' + idx} />\n            )\n          )}\n      </div>\n      {pager && (\n        <div className=\"mt-4\">\n          <Pagination model={pager} onChange={onPageChanged} />\n        </div>\n      )}\n      {filtersVisible && (\n        <WallpaperSimulatorFilterModal\n          setFiltersVisible={setFiltersVisible}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default WallpaperSimulatorProductSelector;\n","import React from 'react';\nimport ResponsiveImage from '../ResponsiveImage/ResponsiveImage';\nimport RadioButton from '../Inputs/Radiobutton';\nimport { SimulatorRoom } from '../../Types/SimulatorRoom';\nimport clsx from 'clsx';\ninterface RoomSelectorInterface {\n  simulatorRooms: SimulatorRoom[];\n  selectedRoom: SimulatorRoom;\n  setSelectedRoom: (room: SimulatorRoom) => void;\n}\nconst WallPaperSimulatorRoomSelector = ({\n  simulatorRooms,\n  selectedRoom,\n  setSelectedRoom,\n}: RoomSelectorInterface) => {\n  return (\n    <fieldset className=\"grid grid-cols-2 gap-2 border-t-gray-100 bg-gray-50 p-4\">\n      {simulatorRooms.map((room, idx) => (\n        <div\n          className={clsx(\n            'flex items-center justify-between rounded border bg-white p-1.5 pr-3 hover:cursor-pointer',\n            selectedRoom.name == room.name\n              ? ' border-gray-700'\n              : 'border-gray-100'\n          )}\n          key={room.name + idx}\n        >\n          <label\n            className=\"flex flex-1 cursor-pointer items-center gap-2\"\n            htmlFor={room.name}\n          >\n            <ResponsiveImage\n              {...room.roomImage}\n              imgProps={{ className: 'w-[40px] h-auto rounded' }}\n            />\n            <h6 className=\"flex flex-1 text-h6\">{room.name}</h6>\n          </label>\n          <RadioButton\n            id={room.name}\n            name=\"wallpaperSimulator\"\n            checked={selectedRoom.name == room.name}\n            onChange={() => setSelectedRoom(room)}\n          />\n        </div>\n      ))}\n    </fieldset>\n  );\n};\n\nexport default WallPaperSimulatorRoomSelector;\n","import React from 'react';\nimport { SimulatorRoom } from '../../Types/SimulatorRoom';\nimport clsx from 'clsx';\nimport Product from '../../Types/Product';\nimport WallpaperSimulatorProductSelector from './WallpaperSimulatorProductSelector';\nimport WallPaperSimulatorRoomSelector from './WallPaperSimulatorRoomSelector';\nimport { translate } from '../../Services/translation';\nimport Icon from '../Icon';\n\ninterface ConfiguratorInterface {\n  simulatorRooms: SimulatorRoom[];\n  selectedRoom: SimulatorRoom;\n  setSelectedRoom: (room: SimulatorRoom) => void;\n  setSelectedProduct: (product: Product) => void;\n  products: Product[];\n  roomSelectorOpen: boolean;\n  setRoomSelectorOpen: (open: boolean) => void;\n  productSelectorOpen: boolean;\n  setProductSelectorOpen: (open: boolean) => void;\n  totalProductsCount: number;\n  currentPage: number;\n  pageSize: number;\n}\nconst WallPaperSimulatorConfigurator = ({\n  simulatorRooms,\n  selectedRoom,\n  setSelectedRoom,\n  setSelectedProduct,\n  products,\n  roomSelectorOpen,\n  setRoomSelectorOpen,\n  productSelectorOpen,\n  setProductSelectorOpen,\n  totalProductsCount,\n  currentPage,\n  pageSize,\n}: ConfiguratorInterface) => {\n  return (\n    <>\n      <div>\n        <div className=\"mb-4 rounded border border-gray-100\">\n          <label\n            className=\"flex cursor-pointer items-center py-2.5 pl-4 pr-2\"\n            onClick={() => setRoomSelectorOpen(!roomSelectorOpen)}\n          >\n            <div className=\"flex h-8 w-8 items-center justify-center rounded-full bg-gray-100 text-h5\">\n              1\n            </div>\n            <h4 className=\"ml-2 flex flex-1\">\n              {translate('simulator.choose-room')}\n            </h4>\n            <div className=\"p-3\">\n              <Icon\n                name=\"chevron-left\"\n                className={clsx(\n                  'h-5 w-5 transition-transform',\n                  roomSelectorOpen ? 'rotate-90' : 'rotate-[270deg] '\n                )}\n              />\n            </div>\n          </label>\n          <div\n            className={clsx(\n              'grid w-full transition-[grid-template-rows] duration-200',\n              roomSelectorOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\n            )}\n          >\n            <div className=\"overflow-hidden\">\n              <WallPaperSimulatorRoomSelector\n                simulatorRooms={simulatorRooms}\n                selectedRoom={selectedRoom}\n                setSelectedRoom={setSelectedRoom}\n              />\n            </div>\n          </div>\n        </div>\n        <div className=\"mb-4 rounded border border-gray-100\">\n          <label\n            className=\"flex cursor-pointer items-center py-2.5 pl-4 pr-2\"\n            onClick={() => setProductSelectorOpen(!productSelectorOpen)}\n          >\n            <div className=\"flex h-8 w-8 items-center justify-center rounded-full bg-gray-100 text-h5\">\n              2\n            </div>\n            <h4 className=\"ml-2 flex flex-1\">\n              {translate('simulator.choose-wallpaper')}\n            </h4>\n            <div className=\"p-3\">\n              <Icon\n                name=\"chevron-left\"\n                className={clsx(\n                  'h-5 w-5 transition-transform',\n                  productSelectorOpen ? 'rotate-90' : 'rotate-[270deg] '\n                )}\n              />\n            </div>\n          </label>\n          <div\n            className={clsx(\n              'grid w-full transition-[grid-template-rows] duration-200',\n              productSelectorOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\n            )}\n          >\n            <div\n              id=\"product-selector-container\"\n              className=\"overflow-hidden\"\n            >\n              <WallpaperSimulatorProductSelector\n                setSelectedProduct={setSelectedProduct}\n                products={products}\n                totalProductsCount={totalProductsCount}\n                currentPage={currentPage}\n                pageSize={pageSize}\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default WallPaperSimulatorConfigurator;\n","import React, { useEffect, useState } from 'react';\nimport { SimulatorRoom } from '../../Types/SimulatorRoom';\nimport ResponsiveImage from '../ResponsiveImage/ResponsiveImage';\nimport '../../../images/xyz.jpg';\nimport Product from '../../Types/Product';\nimport clsx from 'clsx';\nimport LoadingSpinner from '../LoadingSpinner';\n\ninterface SimulatorCanvasProps {\n  simulatorRooms: SimulatorRoom[];\n  selectedRoom: SimulatorRoom;\n  activeProduct?: Product;\n  isFullScreen?: boolean;\n  setSelectedRoom: (room: SimulatorRoom) => void;\n}\n\nconst MAX_MS_BEFORE_SHOW_SPINNER = 100;\n\nconst WallPaperSimulatorCanvas = ({\n  selectedRoom,\n  activeProduct,\n  isFullScreen = false,\n}: SimulatorCanvasProps) => {\n  const [showLoadingSpinner, setShowLoadingSpinner] = useState(false);\n  const [isLoadingImage, setIsLoadingImage] = useState(false);\n\n  useEffect(() => {\n    if (!activeProduct?.simulatorGeneratedImageUrl) return;\n\n    setIsLoadingImage(true);\n\n    const loadingTimer = setTimeout(\n      () => setShowLoadingSpinner(true),\n      MAX_MS_BEFORE_SHOW_SPINNER\n    );\n\n    const onLoadOrAbort = () => {\n      clearTimeout(loadingTimer);\n      setIsLoadingImage(false);\n      setShowLoadingSpinner(false);\n      image.remove();\n    };\n\n    const image = new Image();\n    image.addEventListener('load', onLoadOrAbort);\n    image.addEventListener('abort', onLoadOrAbort);\n    image.addEventListener('error', onLoadOrAbort);\n    image.src = activeProduct.simulatorGeneratedImageUrl;\n\n    return () => {\n      onLoadOrAbort();\n    };\n  }, [activeProduct]);\n\n  return (\n    <div\n      id=\"simulator-canvas\"\n      className={clsx(\n        'relative grid grid-cols-1 overflow-hidden rounded object-cover aspect-[675/900] store-screen:before:absolute store-screen:before:bottom-0 store-screen:before:left-0 store-screen:before:right-0 store-screen:before:top-0',\n        isFullScreen ? 'h-auto' : 'w-full max-w-[470px]'\n      )}\n    >\n      <div\n        className=\"z-1 absolute bottom-0 left-0 right-0 top-0 h-full w-full\"\n        style={{\n          backgroundImage: `url(\"${\n            !isLoadingImage\n              ? activeProduct?.simulatorGeneratedImageUrl ?? ''\n              : ''\n          }\")`,\n          backgroundSize: '100%',\n          scale: `calc(100% * ${\n            selectedRoom.roomZoomMultiplier > 1\n              ? selectedRoom.roomZoomMultiplier\n              : 1\n          })`,\n        }}\n      ></div>\n      <ResponsiveImage\n        pictureProps={{\n          className:\n            'rounded col-start-1 row-start-1 z-10 object-cover h-full',\n        }}\n        imgProps={{\n          className: 'w-full max-w-[unset] h-full object-cover',\n        }}\n        {...selectedRoom.roomImage}\n      />\n      {showLoadingSpinner && (\n        <div className=\"absolute inset-0 z-20 bg-opacity-white-50\">\n          <div className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\">\n            <LoadingSpinner className=\"h-12 w-12\" />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default WallPaperSimulatorCanvas;\n","import React from 'react';\nimport Product from '../../Types/Product';\nimport { translate } from '../../Services/translation';\nimport ResponsiveImage from '../ResponsiveImage/ResponsiveImage';\n\ninterface ChoosenWallpaperInterface {\n  activeProduct?: Product;\n  setProductSelectorOpen: (open: boolean) => void;\n}\n\nconst ChoosenWallpaper = ({\n  activeProduct,\n  setProductSelectorOpen,\n}: ChoosenWallpaperInterface) => {\n  const handleChooseWallpaperClick = () => {\n    let productContainerElem = document.getElementById(\n      'product-selector-container'\n    );\n    setProductSelectorOpen(true);\n    if (productContainerElem) {\n      productContainerElem.scrollIntoView({ behavior: 'smooth' });\n    }\n  };\n  return (\n    <>\n      {activeProduct ? (\n        <div className=\"flex flex-1 items-center gap-2\">\n          {activeProduct.images && activeProduct.images.length > 0 && (\n            <ResponsiveImage\n              {...activeProduct.images[0]?.imageModel}\n              imgProps={{\n                className:\n                  'h-10 w-full rounded object-cover transition duration-500 group-hover:scale-105 aspect-[3/4] store-screen:hidden',\n              }}\n            />\n          )}\n          <div className=\"flex flex-col\">\n            <a href={activeProduct.url}>\n              <h6>{activeProduct.name}</h6>\n            </a>\n            <span className=\"text-sm text-gray-500\">\n              {translate('general.product')}: {activeProduct.id}\n            </span>\n          </div>\n        </div>\n      ) : (\n        <div className=\"flex flex-1 items-center gap-2\">\n          <div className=\"h-10 rounded border border-dashed border-gray-500 bg-gray-100 aspect-[3/4]  store-screen:hidden\"></div>\n          <div className=\"flex flex-col\">\n            <h6>{translate('simulator.no-choosen-wallpaper')}</h6>\n            <span\n              onClick={() => handleChooseWallpaperClick()}\n              className=\"cursor-pointer text-sm text-gray-500 underline\"\n            >\n              {translate('simulator.choose-wallpaper')}\n            </span>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default ChoosenWallpaper;\n","import React from 'react';\nimport { translate } from '../../Services/translation';\nimport Product from '../../Types/Product';\nimport clsx from 'clsx';\nimport html2canvas from 'html2canvas';\nimport Icon from '../Icon';\nimport { SimulatorRoom } from '../../Types/SimulatorRoom';\n\ninterface ActionButtonInterface {\n  activeProduct?: Product;\n  linkCopied?: boolean;\n  setLinkCopied: (linkCopied: boolean) => void;\n  selectedRoom: SimulatorRoom;\n}\nconst createDownloadableImageCanvas = (\n  activeProduct: Product,\n  selectedRoom\n) => {\n  // Create the wrapping div element that contains the background image (wallpaper) and position it offscreen\n  var tempDivCanvas = document.createElement('div');\n  tempDivCanvas.id = 'downloadable-canvas';\n  tempDivCanvas.style.backgroundImage = `url(\"${\n    activeProduct?.simulatorGeneratedImageUrl ?? ''\n  }\")`;\n  tempDivCanvas.style.backgroundSize = `calc(60% * ${\n    selectedRoom.roomZoomMultiplier ? selectedRoom.roomZoomMultiplier : 1\n  })`;\n  tempDivCanvas.style.position = 'absolute';\n  tempDivCanvas.style.left = '-10000px';\n  tempDivCanvas.style.top = '-10000px';\n  tempDivCanvas.className =\n    'grid aspect-[675/900] w-[1080px] grid-cols-1 overflow-hidden rounded object-cover';\n\n  // Create the overlay room image element\n  var tempRoomImage = document.createElement('img');\n  tempRoomImage.src = selectedRoom.roomImage.sizeDefinitions[0].url;\n  (tempRoomImage.className =\n    'rounded col-start-1 row-start-1 z-10 object-cover h-full'),\n    tempDivCanvas.appendChild(tempRoomImage);\n  document.body.appendChild(tempDivCanvas);\n};\n\nconst WallpaperSimulatorActionButtons = ({\n  activeProduct,\n  linkCopied,\n  setLinkCopied,\n  selectedRoom,\n}: ActionButtonInterface) => {\n  const handleDownloadImageClick = () => {\n    if (!activeProduct) return;\n    createDownloadableImageCanvas(activeProduct, selectedRoom);\n    let canvasElement = document.getElementById('downloadable-canvas');\n    html2canvas(canvasElement as HTMLElement).then((canvas) => {\n      const base64img = canvas.toDataURL('image/png');\n      var a = document.createElement('a');\n      a.href = base64img;\n      a.download = `${activeProduct?.name}-preview.png`;\n      a.click();\n      a.remove();\n    });\n    canvasElement?.remove();\n  };\n\n  const handleCopyLinkClick = () => {\n    if (!activeProduct) return;\n    const currentUrl = window.location.href;\n    navigator.clipboard.writeText(currentUrl);\n    setLinkCopied(true);\n  };\n  return (\n    <div className=\"flex flex-col gap-3\">\n      <div className=\"grid grid-cols-1 gap-3 store-screen:hidden lg:grid-cols-2\">\n        <button\n          className={clsx(\n            'btn btn--large bg-white',\n            activeProduct\n              ? 'border-gray-900'\n              : '!cursor-default !border-gray-700 !text-gray-700 opacity-50'\n          )}\n          onClick={() => handleCopyLinkClick()}\n        >\n          {linkCopied ? (\n            <>\n              <Icon name=\"copy-icon\" className=\"mr-3 h-4 w-4\" />\n              {translate('simulator.link-copied')}{' '}\n              <Icon name=\"check\" className=\"ml-1 h-4 w-4\" />\n            </>\n          ) : (\n            <>\n              <Icon name=\"copy-icon\" className=\"mr-3 h-4 w-4\" />\n              {translate('simulator.copy-link')}\n            </>\n          )}\n        </button>\n        <button\n          className={clsx(\n            'btn btn--large bg-white',\n            activeProduct\n              ? 'border-gray-900'\n              : '!cursor-default !border-gray-700 !text-gray-700 opacity-50'\n          )}\n          onClick={() => handleDownloadImageClick()}\n        >\n          <Icon name=\"download\" className=\"mr-3 h-4 w-4\" />\n          {translate('simulator.download-image')}\n        </button>\n      </div>\n      {activeProduct ? (\n        <a\n          href={activeProduct.url}\n          className=\"btn btn--black btn--large btn--fullwidth\"\n        >\n          {translate('simulator.go-to-product')}\n          <Icon name=\"chevron-right\" className=\"ml-2 h-4 w-4\" />\n        </a>\n      ) : (\n        <div className=\"btn btn--large btn--disabled btn--fullwidth !cursor-default bg-gray-700 text-white opacity-50\">\n          {translate('simulator.go-to-product')}\n          <Icon name=\"chevron-right\" className=\"ml-2 h-4 w-4\" />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default WallpaperSimulatorActionButtons;\n","import clsx from 'clsx';\nimport React, { useEffect, useState } from 'react';\nimport Icon from './Icon';\n\ninterface DialogInterface {\n  children: React.ReactNode;\n  isOpen: boolean;\n  setFunction: (isOpen: boolean) => void;\n}\nconst FullScreenDialog = ({\n  setFunction,\n  children,\n  isOpen,\n}: DialogInterface) => {\n  const handleEscapeKeyPress = (event) => {\n    if (event.key === 'Escape') {\n      setFunction(false);\n    }\n  };\n\n  useEffect(() => {\n    window.addEventListener('keydown', handleEscapeKeyPress);\n    return () => {\n      window.removeEventListener('keydown', handleEscapeKeyPress);\n    };\n  }, []);\n\n  return (\n    <>\n      <dialog\n        open={isOpen}\n        className={clsx(\n          'fixed bottom-0 right-0 top-0 z-50 flex h-[100vh] w-[100vw] items-center justify-center  p-4 transition-all lg:p-8',\n          isOpen ? 'left-0' : 'left-full'\n        )}\n      >\n        <button\n          className=\"absolute right-4 top-4\"\n          onClick={() => setFunction(false)}\n        >\n          <Icon name=\"close\" className=\"h-5 w-5\" />\n        </button>\n        <div className=\"bg-gray-50\">{children}</div>\n      </dialog>\n    </>\n  );\n};\n\nexport default FullScreenDialog;\n","import React from 'react';\nimport Icon from '../Icon';\nimport { SimulatorRoom } from '../../Types/SimulatorRoom';\n\ninterface RoomPaginationInterface {\n  roomAmount: number;\n  currentRoomIndex: number;\n  setSelectedRoom: (room: SimulatorRoom) => void;\n  simulatorRooms: any;\n}\n\nconst RoomPagination = ({\n  roomAmount,\n  currentRoomIndex,\n  setSelectedRoom,\n  simulatorRooms,\n}: RoomPaginationInterface) => {\n  const handleActiveRoomDecrease = (): void => {\n    if (currentRoomIndex >= 1) {\n      setSelectedRoom(simulatorRooms[currentRoomIndex - 1]);\n    } else {\n      setSelectedRoom(simulatorRooms[roomAmount - 1]);\n    }\n  };\n  const handleActiveRoomIncrease = (): void => {\n    if (currentRoomIndex != roomAmount - 1) {\n      setSelectedRoom(simulatorRooms[currentRoomIndex + 1]);\n    } else {\n      setSelectedRoom(simulatorRooms[0]);\n    }\n  };\n\n  return (\n    <div className=\"mt-2 flex flex-row items-center gap-2 rounded-full bg-white\">\n      <button className=\"p-2.5\" onClick={() => handleActiveRoomDecrease()}>\n        <Icon className=\"h-5 w-5\" name=\"chevron-left\" />\n      </button>\n      <div className=\"text-md\">{`${\n        currentRoomIndex + 1\n      }/${roomAmount}`}</div>\n      <button className=\"p-2.5\" onClick={() => handleActiveRoomIncrease()}>\n        <Icon className=\"h-5 w-5\" name=\"chevron-right\" />\n      </button>\n    </div>\n  );\n};\n\nexport default RoomPagination;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { translate } from '../../Services/translation';\nimport WallPaperSimulatorConfigurator from './WallPaperSimulatorConfigurator';\nimport WallPaperSimulatorCanvas from './WallPaperSimulatorCanvas';\nimport ChoosenWallpaper from './ChoosenWallpaper';\nimport { SimulatorRoom } from '../../Types/SimulatorRoom';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport WallpaperSimulatorActionButtons from './WallpaperSimulatorActionButtons';\nimport FullScreenDialog from '../FullScreenDialog';\nimport RoomPagination from './RoomPagination';\nimport Icon from '../Icon';\nimport Product from '../../Types/Product';\n\ninterface WallpaperSimulatorInterface {\n  simulatorRooms: SimulatorRoom[];\n  selectedProduct?: Product;\n}\n\nconst WallpaperSimulatorContainer = ({\n  simulatorRooms,\n  selectedProduct: initialSelectedProduct,\n}: WallpaperSimulatorInterface) => {\n  const [selectedRoom, setSelectedRoom] = useState<SimulatorRoom>(\n    simulatorRooms[0] ?? ({} as SimulatorRoom)\n  );\n\n  const [fullScreenModalOpen, setFullScreenModalOpen] =\n    useState<boolean>(false);\n\n  const [roomSelectorOpen, setRoomSelectorOpen] = useState<boolean>(true);\n  const [linkCopied, setLinkCopied] = useState<boolean>(false);\n\n  const [productSelectorOpen, setProductSelectorOpen] =\n    useState<boolean>(true);\n\n  const { products, currentPage, totalProductsCount, pageSize } =\n    useTypedSelector((state) => state.productListing);\n\n  const [activeProduct, setActiveProduct] = useState<Product | undefined>(\n    initialSelectedProduct\n  );\n\n  useEffect(() => {\n    const urlParams = new URLSearchParams(window.location.search);\n    const rooNameFromUrl = urlParams.get('simulatorRoom');\n    const roomObject = simulatorRooms.find(\n      (r) => r.name === rooNameFromUrl\n    );\n    if (roomObject !== null && roomObject !== undefined) {\n      setSelectedRoom(roomObject);\n    }\n  }, []);\n\n  const updateUrl = (room, articleNumber) => {\n    let hasChanges = false;\n    const urlParams = new URLSearchParams(window.location.search);\n\n    if (typeof room?.name !== 'undefined') {\n      urlParams.set('simulatorRoom', room.name);\n      hasChanges = true;\n    }\n\n    if (typeof articleNumber !== 'undefined') {\n      urlParams.set('articleNumber', articleNumber);\n      hasChanges = true;\n    }\n\n    if (hasChanges) {\n      const newUrl = `${window.location.pathname}?${urlParams.toString()}`;\n      window.history.replaceState('WallpaperSimulator', '', newUrl);\n    }\n  };\n  useEffect(() => {\n    updateUrl(selectedRoom, activeProduct?.id);\n    setLinkCopied(false);\n  }, [selectedRoom, activeProduct]);\n\n  return (\n    <div className=\"container mb-6 grid grid-cols-1 gap-4 lg:mb-10 lg:grid-cols-2\">\n      <div className=\"relative\">\n        <div className=\"rounded border border-gray-100 bg-gray-50 pb-2 lg:sticky lg:left-0 lg:right-0 lg:top-0\">\n          <div className=\"flex p-2\">\n            <ChoosenWallpaper\n              activeProduct={activeProduct}\n              setProductSelectorOpen={setProductSelectorOpen}\n            />\n            <button\n              className=\"flex h-10 w-10 items-center justify-center rounded-full bg-white\"\n              onClick={() => setFullScreenModalOpen(!fullScreenModalOpen)}\n            >\n              <Icon name=\"full-screen\" className=\"h-5 w-5\" />\n            </button>\n          </div>\n          <div className=\"flex flex-col items-center justify-center\">\n            <WallPaperSimulatorCanvas\n              simulatorRooms={simulatorRooms}\n              selectedRoom={selectedRoom}\n              activeProduct={activeProduct}\n              setSelectedRoom={setSelectedRoom}\n            />\n            <RoomPagination\n              currentRoomIndex={simulatorRooms.indexOf(selectedRoom)}\n              roomAmount={simulatorRooms.length}\n              setSelectedRoom={setSelectedRoom}\n              simulatorRooms={simulatorRooms}\n            />\n          </div>\n        </div>\n      </div>\n      <div className=\"lg:px-8\">\n        <h1 className=\"mb-3\">{translate('simulator.title')}</h1>\n        <WallPaperSimulatorConfigurator\n          simulatorRooms={simulatorRooms}\n          selectedRoom={selectedRoom}\n          setSelectedRoom={setSelectedRoom}\n          setSelectedProduct={setActiveProduct}\n          products={products}\n          roomSelectorOpen={roomSelectorOpen}\n          setRoomSelectorOpen={setRoomSelectorOpen}\n          productSelectorOpen={productSelectorOpen}\n          setProductSelectorOpen={setProductSelectorOpen}\n          totalProductsCount={totalProductsCount}\n          currentPage={currentPage}\n          pageSize={pageSize}\n        />\n        <WallpaperSimulatorActionButtons\n          activeProduct={activeProduct}\n          selectedRoom={selectedRoom}\n          linkCopied={linkCopied}\n          setLinkCopied={setLinkCopied}\n        />\n      </div>\n      <FullScreenDialog\n        setFunction={setFullScreenModalOpen}\n        isOpen={fullScreenModalOpen}\n      >\n        <WallPaperSimulatorCanvas\n          isFullScreen={true}\n          simulatorRooms={simulatorRooms}\n          selectedRoom={selectedRoom}\n          activeProduct={activeProduct}\n          setSelectedRoom={setSelectedRoom}\n        />\n      </FullScreenDialog>\n    </div>\n  );\n};\n\nexport default WallpaperSimulatorContainer;\n","import React, { useEffect } from 'react';\nimport clsx from 'clsx';\nimport FavoriteButton from '../../FavoriteButton/FavoriteButton';\nimport Product from '../../Types/Product';\nimport { translate } from '../../Services/translation';\nimport Input from '../Inputs/Input';\nimport { PRODUCT_DETAIL_LIST_COL_SIZE_LIST } from '../../constants';\nimport {\n  InputId,\n  ProductTotal,\n  QuickOrderActions,\n  TotalType,\n  getTotalPrice,\n} from '../../Reducers/QuickOrder.reducer';\nimport { useDispatch } from 'react-redux';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\n\ninterface DetailedListBuyFormProps {\n  quantity: number;\n  product: Product;\n  boxesAmount: number;\n  rollsAmount: number;\n  totalAmount: number;\n  packageSize: number;\n  setBoxesAmount: (boxesAmount: number | undefined) => void;\n  setRollsAmount: (rollsAmount: number | undefined) => void;\n  setTotalAmount: (totalAmount: number | undefined) => void;\n  setQuantity: (quantity: number) => void;\n  isProductPage?: boolean;\n}\n\nconst QuickOrderDetailedListBuyForm = ({\n  isProductPage = false,\n  quantity,\n  product,\n  boxesAmount,\n  rollsAmount,\n  totalAmount,\n  setTotalAmount,\n  packageSize,\n  setBoxesAmount,\n  setRollsAmount,\n  setQuantity,\n}: DetailedListBuyFormProps) => {\n  const dispatch = useDispatch();\n  const calculateOnTotal = (value): ProductTotal => {\n    let total = value;\n    let boxes = boxesAmount ?? 0;\n    let rolls = rollsAmount ?? 0;\n    let quantity = 0;\n\n    if (value > 0) {\n      quantity = value;\n      if (value < packageSize) {\n        rolls = value;\n        boxes = 0;\n      } else {\n        if (packageSize > 0) {\n          boxes = Math.floor(value / packageSize);\n          rolls = value % packageSize;\n        }\n      }\n    }\n    quantity = value ?? 0;\n\n    return {\n      total: total,\n      rollsAmount: rolls ?? 0,\n      boxesAmount: boxes ?? 0,\n      quantity: quantity,\n    };\n  };\n\n  const calculateOnRolls = (value): ProductTotal => {\n    let total = totalAmount ?? 0;\n    let boxes = boxesAmount ?? 0;\n    let rolls = value ?? 0;\n    let quantity = 0;\n\n    if (rolls == 0) {\n      total = boxesAmount * packageSize;\n    }\n    if (rolls > 0) {\n      if (!boxesAmount && boxesAmount == 0) {\n        if (rolls >= packageSize) {\n          boxes = Math.floor(value / packageSize);\n          rolls = value % packageSize;\n          total = boxes * packageSize + rolls;\n        } else {\n          total = value;\n        }\n      } else {\n        if (rolls >= packageSize) {\n          var boxestoAdd = Math.floor(rolls / packageSize);\n          boxes = boxes + boxestoAdd;\n          rolls = value % packageSize;\n          total = boxes * packageSize + rolls;\n        } else {\n          total = boxesAmount * packageSize + value;\n          boxes = boxesAmount;\n        }\n      }\n    }\n\n    quantity = total;\n\n    return {\n      total: total,\n      rollsAmount: rolls,\n      boxesAmount: boxes,\n      quantity: quantity,\n    };\n  };\n\n  const calculateOnBoxes = (value): ProductTotal => {\n    let total = totalAmount ?? 0;\n    let boxes = value ?? 0;\n    let rolls = rollsAmount ?? 0;\n    let quantity = 0;\n\n    if (boxes == 0 && rollsAmount > 0) {\n      total = rollsAmount;\n    }\n    if (boxes > 0) {\n      if (rollsAmount == 0) {\n        total = boxes * packageSize;\n      } else {\n        rolls = rollsAmount % packageSize;\n        total = boxes * packageSize + rolls;\n      }\n    }\n\n    quantity = total;\n\n    return {\n      total: total,\n      rollsAmount: rolls,\n      boxesAmount: boxes,\n      quantity: quantity,\n    };\n  };\n\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const id = e.target.id;\n    const value = e.target.valueAsNumber;\n\n    if (document.activeElement?.id !== id) return;\n\n    switch (id) {\n      case InputId.total:\n        const resultTotal = calculateOnTotal(value);\n        setTotalAmount(resultTotal.total);\n        setRollsAmount(resultTotal.rollsAmount);\n        setBoxesAmount(resultTotal.boxesAmount);\n        setQuantity(resultTotal.quantity);\n        break;\n      case InputId.boxes:\n        const resultBoxes = calculateOnBoxes(value);\n        setTotalAmount(resultBoxes.total);\n        setRollsAmount(resultBoxes.rollsAmount);\n        setBoxesAmount(resultBoxes.boxesAmount);\n        setQuantity(resultBoxes.quantity);\n        break;\n      case InputId.rolls:\n        const resultRolls = calculateOnRolls(value);\n        setTotalAmount(resultRolls.total);\n        setRollsAmount(resultRolls.rollsAmount);\n        setBoxesAmount(resultRolls.boxesAmount);\n        setQuantity(resultRolls.quantity);\n        break;\n      default:\n        break;\n    }\n  };\n\n  return (\n    <>\n      {packageSize > 1 ? (\n        <>\n          <div className=\"flex flex-col self-center\">\n            <div\n              className={clsx(\n                'text-md font-bold ',\n                !isProductPage && 'lg:hidden'\n              )}\n            >\n              {translate('detailed-product-card.boxes')}\n            </div>\n            <Input\n              id={InputId.boxes}\n              value={boxesAmount}\n              onChange={(e) => onChange(e)}\n              type=\"number\"\n              onKeyDown={(e) => {\n                if (e.key === 'Enter') {\n                  dispatch(QuickOrderActions.setAddNewRow());\n                }\n              }}\n            />\n          </div>\n          <div className=\"flex flex-col self-center\">\n            <div\n              className={clsx(\n                'text-md font-bold ',\n                !isProductPage && 'lg:hidden'\n              )}\n            >\n              {translate('detailed-product-card.rolls')}\n            </div>\n            <Input\n              id={InputId.rolls}\n              value={rollsAmount}\n              onChange={(e) => onChange(e)}\n              type=\"number\"\n              onKeyDown={(e) => {\n                if (e.key === 'Enter') {\n                  dispatch(QuickOrderActions.setAddNewRow());\n                }\n              }}\n            />\n          </div>\n        </>\n      ) : (\n        <>\n          <div></div>\n          <div></div>\n        </>\n      )}\n      <div className=\"flex flex-col self-center\">\n        <div\n          className={clsx(\n            'text-md font-bold ',\n            !isProductPage && 'lg:hidden'\n          )}\n        >\n          {translate('detailed-product-card.total')}\n        </div>\n        <Input\n          id={InputId.total}\n          value={totalAmount}\n          onChange={(e) => onChange(e)}\n          type=\"number\"\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              dispatch(QuickOrderActions.setAddNewRow());\n            }\n          }}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default QuickOrderDetailedListBuyForm;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport {\n  QuickOrderActions,\n  TotalType,\n} from '../../Reducers/QuickOrder.reducer';\nimport { useDispatch } from 'react-redux';\nimport clsx from 'clsx';\nimport { translate } from '../../Services/translation';\nimport Icon from '../Icon';\nimport Input from '../Inputs/Input';\nimport TieredPricesPanel from '../ProductCards/DetailedProductCardComponents/TieredPricesPanel';\nimport ProductInformationPanel from '../ProductCards/DetailedProductCardComponents/ProductInformationPanel';\nimport StockStatusPanel from '../ProductCards/DetailedProductCardComponents/StockStatusPanel';\nimport {\n  HIDE_TIER_PRICES,\n  QUICK_ORDER_LIST_COL_SIZE_LIST,\n  StockStatusLevel,\n} from '../../constants';\nimport ProductPrice from '../ProductPrice/ProductPrice';\nimport { QuickOrderProductCardProps } from '../ProductCards/types/ProductCardProps';\nimport BuySampleButton from '../BuyButton/BuySampleButton';\nimport QuickOrderDetailedListBuyForm from './QuickOrderDetailedListBuyForm';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport StockStatus from '../../Types/StockStatus';\n\nconst QuickOrderProductCard = ({\n  product,\n}: QuickOrderProductCardProps) => {\n  const dispatch = useDispatch();\n  const { focusedArticle } = useTypedSelector(\n    (state) => state.QuickOrderReducer\n  );\n\n  const [packageSize, setPackageSize] = useState<number>(0);\n  const [detailsOpen, setDetailsOpen] = useState(false);\n  const [focused, setFocused] = useState<boolean>(\n    product.uniqueId == focusedArticle?.uniqueId\n  );\n\n  useEffect(() => {\n    setPackageSize(product.itemPackageSize ? product.itemPackageSize : 1);\n  }, []);\n\n  useEffect(() => {\n    setFocused(product.uniqueId == focusedArticle?.uniqueId);\n  }, [focusedArticle]);\n\n  const getFormattedDate = (date: Date) => {\n    if (!date) return;\n    const dateObj = new Date(date);\n    const month = dateObj.toLocaleString('sv-SE', { month: '2-digit' });\n    const day = dateObj.toLocaleString('sv-SE', { day: 'numeric' });\n    const year = dateObj.toLocaleString('sv-SE', { year: 'numeric' });\n    return `${day}/${month}/${year}`;\n  };\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key == 'Enter') {\n      dispatch(dispatch(QuickOrderActions.setAddNewRow()));\n    }\n  };\n\n  const getStockStatus = (stockStatus: StockStatus) => {\n    return stockStatus.level == StockStatusLevel.OnDemand\n      ? stockStatus.description\n      : stockStatus.quantity;\n  };\n\n  return (\n    <div className=\"hidden w-full flex-col border-x border-b border-gray-200 lg:flex\">\n      <div className=\"flex w-full gap-4 p-3\">\n        <div\n          className=\"flex items-center text-md leading-tight text-gray-500\"\n          style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[0]}%` }}\n        >\n          <Input\n            autoFocus={focused}\n            value={product.id}\n            placeholder={translate('quick-order.article-nr')}\n            onKeyDown={(e) => handleKeyDown(e)}\n          />\n        </div>\n        <div\n          className=\"flex h-full flex-col self-center\"\n          style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[1]}%` }}\n        >\n          <h5 className=\"mb-0.5\">{product.name}</h5>\n          {product.itemCollection}\n          <button\n            className=\"flex items-center gap-0.5 self-start py-0.5\"\n            tabIndex={-1}\n            onClick={() => setDetailsOpen(!detailsOpen)}\n          >\n            <span className=\"text-md underline\">\n              {translate('detailed-product-card.details')}\n            </span>\n            <Icon\n              name=\"chevron-left\"\n              className={clsx(\n                'h-4 w-4 transition-transform',\n                detailsOpen ? 'rotate-90' : 'rotate-[270deg] '\n              )}\n            />\n          </button>\n        </div>\n        <div\n          className=\"flex h-full self-center text-md xl:text-lg\"\n          style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[2]}%` }}\n        >\n          {product.displayRestockDate && product.itemRestockDate && (\n            <span className=\"text-error-500\">\n              {getFormattedDate(product.itemRestockDate)}\n            </span>\n          )}\n          {!product.displayRestockDate && product.stockStatus && (\n            <span>{getStockStatus(product.stockStatus)}</span>\n          )}\n        </div>\n        <div\n          className=\"flex h-full self-center text-md xl:text-lg\"\n          style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[3]}%` }}\n        >\n          {packageSize} {product.unitOfMeasurement}\n        </div>\n        <div\n          className=\"flex items-center text-md leading-tight text-gray-500\"\n          style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[4]}%` }}\n        >\n          <Input\n            value={product.note}\n            placeholder={translate('quick-order.note')}\n            onKeyDown={(e) => handleKeyDown(e)}\n            onChange={(e) =>\n              dispatch(\n                QuickOrderActions.addNoteToRow({\n                  product: product,\n                  note: e.target.value,\n                })\n              )\n            }\n          />\n        </div>\n        <div\n          className=\"flex h-full justify-end self-center\"\n          style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[5]}%` }}\n        >\n          <ProductPrice\n            priceModel={product.price}\n            itemPackageSize={product.itemPackageSize}\n            showTierPrices={true}\n          />\n        </div>\n        <div\n          className=\"grid grid-cols-3 items-center gap-4\"\n          style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[6]}%` }}\n        >\n          <QuickOrderDetailedListBuyForm\n            product={product}\n            quantity={product.totalAmount.total ?? 0}\n            setQuantity={(totalAmount) => {\n              dispatch(\n                QuickOrderActions.updateRowQuantity({\n                  product: product,\n                  quantity: totalAmount ?? 0,\n                  key: TotalType.total,\n                })\n              );\n            }}\n            boxesAmount={product.totalAmount.boxesAmount ?? 0}\n            rollsAmount={product.totalAmount.rollsAmount ?? 0}\n            packageSize={product.itemPackageSize ?? 1}\n            totalAmount={product.totalAmount.total ?? 0}\n            setBoxesAmount={(boxAmount) => {\n              dispatch(\n                QuickOrderActions.updateRowQuantity({\n                  product: product,\n                  quantity: boxAmount ?? 0,\n                  key: TotalType.boxes,\n                })\n              );\n            }}\n            setRollsAmount={(rollsAmount) => {\n              dispatch(\n                QuickOrderActions.updateRowQuantity({\n                  product: product,\n                  quantity: rollsAmount ?? 0,\n                  key: TotalType.rolls,\n                })\n              );\n            }}\n            setTotalAmount={(totalAmount) => {\n              dispatch(\n                QuickOrderActions.updateRowQuantity({\n                  product: product,\n                  quantity: totalAmount ?? 0,\n                  key: TotalType.total,\n                })\n              );\n            }}\n          />\n        </div>\n        <div\n          style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[9]}%` }}\n          className=\"self-center text-right md-down:hidden\"\n        >\n          {product.formattedPrice && product.formattedPrice}\n        </div>\n        <div\n          className=\"flex items-center justify-center\"\n          style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[10]}%` }}\n        >\n          <button\n            tabIndex={-1}\n            onClick={() =>\n              dispatch(\n                QuickOrderActions.removeResultRow({\n                  product: product,\n                })\n              )\n            }\n          >\n            <Icon name=\"delete\" className=\"h-6 w-6\" />\n          </button>\n        </div>\n      </div>\n      <div\n        className={clsx(\n          'grid w-full transition-[grid-template-rows] duration-200',\n          detailsOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\n        )}\n      >\n        <div className=\"flex w-full flex-col gap-3 overflow-hidden px-3\">\n          <div\n            className={clsx(\n              'grid gap-3',\n              !HIDE_TIER_PRICES ? 'grid-cols-2' : 'grid-cols-3'\n            )}\n          >\n            <div className=\"rounded border border-gray-200 p-4\">\n              <StockStatusPanel\n                itemBatchInventories={product.itemBatchInventories}\n                productId={product.id}\n              />\n            </div>\n            <div className=\"rounded border border-gray-200 p-4\">\n              <ProductInformationPanel product={product} />\n            </div>\n            {!HIDE_TIER_PRICES && (\n              <div className=\"rounded border border-gray-200 p-4\">\n                {product.price.tierPrices?.length > 0 && (\n                  <TieredPricesPanel\n                    packageSize={\n                      !!product.itemPackageSize\n                        ? product.itemPackageSize\n                        : 1\n                    }\n                    priceModel={product.price}\n                  />\n                )}\n              </div>\n            )}\n          </div>\n          <div className=\"flex w-full justify-between pb-3\">\n            {!product?.isSample &&\n            product.stockStatus?.level !== StockStatusLevel.Inactive &&\n            !product.disableBuyOption &&\n            product.samples?.length! > 0 ? (\n              product.samples?.map((sample) => (\n                <div key={`sample-${sample.articleNumber}`}>\n                  <BuySampleButton\n                    {...sample}\n                    tabIndex={-1}\n                    btnSize=\"large\"\n                    className=\"border border-solid border-gray-700\"\n                  />\n                </div>\n              ))\n            ) : (\n              <div></div> // for alignment purposes only\n            )}\n            <a\n              href={product.url}\n              className=\"btn btn--outlined btn--large border-solid border-gray-700\"\n              tabIndex={-1}\n            >\n              {translate('product-card.visit-product-page')}\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default QuickOrderProductCard;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { translate } from '../../Services/translation';\nimport Input from '../Inputs/Input';\nimport useDebouncedOnChange from '../../Hooks/useDebouncedOnChange';\nimport { useDispatch } from 'react-redux';\nimport {\n  QuickOrderActions,\n  getProduct,\n} from '../../Reducers/QuickOrder.reducer';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport QuickOrderProductCard from './QuickOrderProductCard';\nimport { QUICK_ORDER_LIST_COL_SIZE_LIST } from '../../constants';\nimport Icon from '../Icon';\nimport { useDebouncedCallback } from 'use-debounce';\n\nconst QuickOrderDesktopTable = () => {\n  const dispatch = useDispatch();\n  const [searchQuery, setSearchQuery] = useState<String | undefined>(\n    undefined\n  );\n\n  const { result, addNewRow, formattedPrice } = useTypedSelector(\n    (state) => state.QuickOrderReducer\n  );\n\n  const debouncedSearchQuery = useDebouncedCallback((value) => {\n    if (value && value !== '') {\n      setSearchQuery(value);\n    }\n  }, 1000);\n\n  useEffect(() => {\n    if (searchQuery) {\n      dispatch(getProduct(searchQuery));\n    }\n  }, [searchQuery, dispatch]);\n\n  return (\n    <div className=\"hidden w-full grid-cols-10 flex-col lg:flex\">\n      <div className=\"hidden gap-4 rounded-t border-x border-y border-gray-200 bg-gray-50 p-3 lg:flex\">\n        <div\n          className=\"text-md font-bold xl:text-lg\"\n          style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[0]}%` }}\n        >\n          {translate('quick-order.article-nr')}\n        </div>\n        <div\n          className=\"text-md font-bold xl:text-lg\"\n          style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[1]}%` }}\n        >\n          {translate('quick-order.name-collection')}\n        </div>\n        <div\n          className=\"text-md font-bold xl:text-lg\"\n          style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[2]}%` }}\n        >\n          {translate('quick-order.stock-quantity')}\n        </div>\n        <div\n          className=\"text-md font-bold xl:text-lg\"\n          style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[3]}%` }}\n        >\n          {translate('quick-order.package-size')}\n        </div>\n        <div\n          className=\"text-md font-bold xl:text-lg\"\n          style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[4]}%` }}\n        >\n          {translate('quick-order.note')}\n        </div>\n        <div\n          className=\"text-right text-md font-bold xl:text-lg\"\n          style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[5]}%` }}\n        >\n          {translate('detailed-product-card.price')}\n        </div>\n        <div\n          className=\"flex items-center gap-4\"\n          style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[6]}%` }}\n        >\n          <div\n            className=\"text-right text-md font-bold xl:text-lg\"\n            style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[12]}%` }}\n          >\n            {translate('detailed-product-card.boxes')}\n          </div>\n          <div\n            className=\"text-right text-md font-bold xl:text-lg\"\n            style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[12]}%` }}\n          >\n            {translate('detailed-product-card.rolls')}\n          </div>\n          <div\n            className=\"text-right text-md font-bold xl:text-lg\"\n            style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[12]}%` }}\n          >\n            {translate('detailed-product-card.total')}\n          </div>\n        </div>\n        <div\n          className=\"text-right text-md font-bold xl:text-lg\"\n          style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[9]}%` }}\n        >\n          {translate('quick-order.total-price')}\n        </div>\n        <div\n          className=\"text-right text-md font-bold xl:text-lg\"\n          style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[10]}%` }}\n        ></div>\n      </div>\n      <div className=\"border]  rounded-md border-solid border-gray-200 [&>*:nth-child(even)]:bg-gray-50 [&>*:nth-child(odd)]:bg-white\">\n        {result &&\n          result.map((item) => {\n            return (\n              <QuickOrderProductCard\n                key={'desktop' + item.uniqueId}\n                product={item}\n              />\n            );\n          })}\n        {addNewRow && (\n          <div className=\"hidden w-full flex-col border-x border-b border-gray-200 lg:flex\">\n            <div className=\"flex w-full gap-4 p-3\">\n              <div\n                className=\"flex items-center text-md leading-tight text-gray-500\"\n                style={{ width: `${QUICK_ORDER_LIST_COL_SIZE_LIST[0]}%` }}\n              >\n                <Input\n                  autoFocus\n                  placeholder={translate('quick-order.article-nr')}\n                  onChange={(e) => {\n                    debouncedSearchQuery(e.target.value);\n                  }}\n                />\n              </div>\n            </div>\n          </div>\n        )}\n        <div className=\"col-span-full flex items-center justify-between px-3 py-3\">\n          <button\n            className=\" flex cursor-pointer items-center justify-center gap-2 rounded-md border border-solid border-gray-700 px-4 py-2 text-center text-sm font-normal uppercase\"\n            onClick={() => dispatch(QuickOrderActions.setAddNewRow())}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                dispatch(QuickOrderActions.setAddNewRow());\n              }\n            }}\n          >\n            <Icon name=\"plus\" className=\"h-5 w-5\" />\n            {translate('quick-order.add-row')}\n          </button>\n          {formattedPrice && (\n            <div className=\"flex flex-row gap-2\">\n              <h3>{translate('quick-order.total-sum')}</h3>\n              <h3>{formattedPrice}</h3>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default QuickOrderDesktopTable;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport clsx from 'clsx';\nimport Icon from '../Icon';\nimport { translate } from '../../Services/translation';\nimport StockStatusPanel from '../ProductCards/DetailedProductCardComponents/StockStatusPanel';\nimport ProductInformationPanel from '../ProductCards/DetailedProductCardComponents/ProductInformationPanel';\nimport TieredPricesPanel from '../ProductCards/DetailedProductCardComponents/TieredPricesPanel';\nimport Input from '../Inputs/Input';\nimport { QuickOrderProductCardProps } from '../ProductCards/types/ProductCardProps';\nimport {\n  QuickOrderActions,\n  TotalType,\n} from '../../Reducers/QuickOrder.reducer';\nimport { HIDE_TIER_PRICES } from '../../constants';\nimport { useDebouncedCallback } from 'use-debounce';\nimport QuickOrderDetailedListBuyForm from './QuickOrderDetailedListBuyForm';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\n\nconst QuickOrderMobileProductCard = ({\n  product,\n}: QuickOrderProductCardProps) => {\n  const [detailsOpen, setDetailsOpen] = useState(false);\n  const { focusedArticle } = useTypedSelector(\n    (state) => state.QuickOrderReducer\n  );\n  const [focused, setFocused] = useState<boolean>(\n    product.uniqueId == focusedArticle?.uniqueId\n  );\n  const getFormattedDate = (date: Date) => {\n    if (!date) return;\n    const dateObj = new Date(date);\n    const month = dateObj.toLocaleString('sv-SE', { month: '2-digit' });\n    const day = dateObj.toLocaleString('sv-SE', { day: 'numeric' });\n    const year = dateObj.toLocaleString('sv-SE', { year: 'numeric' });\n    return `${day}/${month}/${year}`;\n  };\n  const dispatch = useDispatch();\n  useEffect(() => {\n    setFocused(product.uniqueId == focusedArticle?.uniqueId);\n  }, [focusedArticle]);\n  const [packageSize, setPackageSize] = useState<number>(0);\n\n  return (\n    <div className=\"w-full border-b border-gray-200 p-4 lg:hidden\">\n      <div className=\"flex flex-col gap-3\">\n        <div className=\"flex justify-between\">\n          <div className=\"flex flex-1 flex-col text-md leading-tight text-gray-500\">\n            <p className=\"text-md font-normal leading-[150%] text-gray-900\">\n              {translate('detailed-product-card.article-id')}\n            </p>\n            <Input\n              autoFocus={focused}\n              value={product.id}\n              placeholder=\"Artikelnr\"\n            />\n          </div>\n        </div>\n        <div className=\"flex flex-col  text-md text-gray-500\">\n          <h5 className=\"mb-0.5\">{product.name}</h5>\n          {product.itemCollection}\n          <button\n            className=\"flex items-center gap-0.5 self-start py-2\"\n            onClick={() => setDetailsOpen(!detailsOpen)}\n          >\n            <span className=\"text-md underline\">\n              {translate('detailed-product-card.details')}\n            </span>\n            <Icon\n              name=\"chevron-left\"\n              className={clsx(\n                'h-4 w-4 transition-transform',\n                detailsOpen ? 'rotate-90' : 'rotate-[270deg] '\n              )}\n            />\n          </button>\n        </div>\n        <div\n          className={clsx(\n            'grid w-full transition-[grid-template-rows] duration-200',\n            detailsOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\n          )}\n        >\n          <div className=\"flex flex-col gap-3 overflow-hidden\">\n            <div className=\"rounded border border-gray-200 p-4\">\n              <StockStatusPanel\n                itemBatchInventories={product.itemBatchInventories}\n                productId={product.id}\n              />\n            </div>\n            <div className=\"rounded border border-gray-200 p-4\">\n              <ProductInformationPanel product={product} />\n            </div>\n            {!HIDE_TIER_PRICES && (\n              <div className=\"rounded border border-gray-200 p-4\">\n                <TieredPricesPanel priceModel={product.price} />\n              </div>\n            )}\n            <a\n              href={product.url}\n              className=\"btn btn--outlined btn--medium w-full\"\n            >\n              {translate('product-card.visit-product-page')}\n            </a>\n          </div>\n        </div>\n        <div className=\"flex flex-row\">\n          <div className=\"xl:text-l flex h-full flex-1 flex-col self-center  text-md\">\n            <p className=\"text-md font-normal leading-[150%] text-gray-900\">\n              {translate('detailed-product-card.stock')}\n            </p>\n            {product.stockStatus?.inStock ? (\n              <span>{product.stockStatus.quantity}</span>\n            ) : (\n              <span className=\"text-error-500\">\n                {product.itemRestockDate &&\n                  getFormattedDate(product.itemRestockDate)}\n              </span>\n            )}\n          </div>\n          <div className=\"flex flex-1 flex-col\">\n            <p className=\"text-md font-normal leading-[150%] text-gray-900\">\n              {translate('detailed-product-card.quantity')}\n            </p>\n            {packageSize} {product.unitOfMeasurement}\n          </div>\n        </div>\n        <div className=\"flex flex-col text-md leading-tight  text-gray-500\">\n          <p className=\"text-md font-normal leading-[150%] text-gray-900\">\n            {translate('quick-order.note')}\n          </p>\n          <Input\n            placeholder={translate('quick-order.note')}\n            value={product.note}\n            onChange={(e) =>\n              dispatch(\n                QuickOrderActions.addNoteToRow({\n                  product: product,\n                  note: e.target.value,\n                })\n              )\n            }\n          />\n        </div>\n        <div className=\"flex flex-col text-md leading-tight  text-gray-500\">\n          <div className=\"flex w-full md-down:grid md-down:grid-cols-[1fr_1fr_1fr] md-down:gap-3\">\n            <QuickOrderDetailedListBuyForm\n              product={product}\n              quantity={product.totalAmount.total ?? 0}\n              boxesAmount={product.totalAmount.boxesAmount ?? 0}\n              rollsAmount={product.totalAmount.rollsAmount ?? 0}\n              packageSize={product.itemPackageSize ?? 1}\n              totalAmount={product.totalAmount.total ?? 0}\n              setQuantity={(totalAmount) => {\n                dispatch(\n                  QuickOrderActions.updateRowQuantity({\n                    product: product,\n                    quantity: totalAmount ?? 0,\n                    key: TotalType.total,\n                  })\n                );\n              }}\n              setBoxesAmount={(boxAmount) => {\n                dispatch(\n                  QuickOrderActions.updateRowQuantity({\n                    product: product,\n                    quantity: boxAmount ?? 0,\n                    key: TotalType.boxes,\n                  })\n                );\n              }}\n              setRollsAmount={(rollsAmount) => {\n                dispatch(\n                  QuickOrderActions.updateRowQuantity({\n                    product: product,\n                    quantity: rollsAmount ?? 0,\n                    key: TotalType.rolls,\n                  })\n                );\n              }}\n              setTotalAmount={(totalAmount) => {\n                dispatch(\n                  QuickOrderActions.updateRowQuantity({\n                    product: product,\n                    quantity: totalAmount ?? 0,\n                    key: TotalType.total,\n                  })\n                );\n              }}\n            />\n          </div>\n        </div>\n        <div className=\"flex justify-between\">\n          <p className=\"text-md font-normal leading-[150%] text-gray-900\">\n            {translate('quick-order.total-price')}\n          </p>\n          <p>{product.formattedPrice}</p>\n        </div>\n        <div className=\"flex justify-end\">\n          <Icon\n            name=\"delete\"\n            onClick={() => {\n              dispatch(QuickOrderActions.removeResultRow({ product }));\n            }}\n            className=\"h-6 w-6\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default QuickOrderMobileProductCard;\n","import React, { useEffect, useState } from 'react';\nimport { translate } from '../../Services/translation';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport QuickOrderMobileProductCard from './QuickOrderMobileProductCard';\nimport useDebouncedOnChange from '../../Hooks/useDebouncedOnChange';\nimport {\n  QuickOrderActions,\n  getProduct,\n} from '../../Reducers/QuickOrder.reducer';\nimport { useDispatch } from 'react-redux';\nimport Icon from '../Icon';\nimport Input from '../Inputs/Input';\nimport { useDebouncedCallback } from 'use-debounce';\n\nconst QuickOrderMobileTable = () => {\n  const { result, addNewRow, formattedPrice } = useTypedSelector(\n    (state) => state.QuickOrderReducer\n  );\n  const dispatch = useDispatch();\n\n  const [searchQuery, setSearchQuery] = useState<String | undefined>(\n    undefined\n  );\n\n  const debouncedSearchQuery = useDebouncedCallback((value) => {\n    if (value && value !== '') {\n      setSearchQuery(value);\n    }\n  }, 1000);\n\n  useEffect(() => {\n    if (searchQuery) {\n      dispatch(getProduct(searchQuery));\n    }\n  }, [searchQuery, dispatch]);\n\n  return (\n    <div className=\"w-full rounded border-x border-y border-gray-200 bg-gray-50 lg:hidden\">\n      {result &&\n        result.map((item) => {\n          return (\n            <QuickOrderMobileProductCard\n              key={'mobile' + item.uniqueId}\n              product={item}\n            />\n          );\n        })}\n      {addNewRow && (\n        <div className=\"flex w-full flex-col border-b border-gray-200\">\n          <div className=\"flex w-full gap-4 p-3\">\n            <div className=\"flex w-full items-center text-md leading-tight text-gray-500\">\n              <Input\n                placeholder={translate('quick-order.article-nr')}\n                onChange={(e) => {\n                  debouncedSearchQuery(e.target.value);\n                }}\n              />\n            </div>\n          </div>\n        </div>\n      )}\n      <div className=\"flex flex-col items-center justify-between gap-3 px-3 py-3\">\n        <button\n          className=\"flex w-full flex-1 cursor-pointer items-center justify-center gap-2 rounded-md border border-solid border-gray-700 px-4 py-2 text-center text-sm font-normal uppercase\"\n          onClick={() => dispatch(QuickOrderActions.setAddNewRow())}\n        >\n          <Icon name=\"plus\" className=\"h-5 w-5\" />\n          {translate('quick-order.add-row')}\n        </button>\n        {formattedPrice && (\n          <div className=\"flex w-full flex-row justify-between\">\n            <h3>{translate('quick-order.total-sum')}</h3>\n            <h3>{formattedPrice}</h3>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default QuickOrderMobileTable;\n","import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport EditorString from '../EditorString/EditorString';\nimport { EditorStringModel } from '../../Types/EditorString';\nimport { translate } from '../../Services/translation';\nimport QuickOrderDesktopTable from './QuickOrderDesktopTable';\nimport QuickOrderMobileTable from './QuickOrderMobileTable';\nimport { useDispatch } from 'react-redux';\nimport {\n  QuickOrderCsvProduct,\n  getProducts,\n  QuickOrderProduct,\n  getTotalPrice,\n  QuickOrderActions,\n} from '../../Reducers/QuickOrder.reducer';\nimport {\n  receive as receiveCart,\n  triggerAddToCartAnimation,\n} from '../../Actions/Cart.action';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { addMultiple } from '../../Services/QuickOrder.service';\nimport clsx from 'clsx';\nimport BuyButton from '../BuyButton/BuyButton';\nimport { triggerToast } from '../../Services/Toast.service';\nimport { PRICE_TOGGLE_BEFORE_RELOAD_EVENT } from '../../constants';\n\ninterface QuickOrder {\n  title: string;\n  description: EditorStringModel;\n  disableBuyOption: boolean;\n}\n\nconst mapToExtractProduct = (product: QuickOrderProduct) => {\n  const result = {\n    ArticleNumber: product.id,\n    Name: product.name,\n    Collection: product.itemCollection,\n    Quantity: product.totalAmount?.total,\n    Note: product?.note ?? '',\n    DisableBuyOption: product?.disableBuyOption ?? '',\n  };\n\n  return result;\n};\n\nconst QuickOrder = (props: QuickOrder) => {\n  const { result, updatePending, errors } = useTypedSelector(\n    (state) => state.QuickOrderReducer\n  );\n\n  const priceToggleEventRef = useRef(false);\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const [showLoadingSpinner, setShowLoadingSpinner] =\n    useState<boolean>(false);\n  const [showCheckmark, setShowCheckmark] = useState<boolean>(false);\n  const [csvData, setCsvData] = useState<QuickOrderCsvProduct[]>();\n\n  const dispatch = useDispatch();\n\n  const opacityTransitionClasses = 'transition duration-[1500ms]';\n  const stateIconClasses = clsx(\n    'left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2',\n    opacityTransitionClasses\n  );\n\n  const exportAsCvs = () => {\n    const csvRows: any[] = [];\n    const headers = Object.keys(mapToExtractProduct(result[0]!!));\n    csvRows.push(headers.join(';'));\n\n    result.map((res) => {\n      const mappedProduct = mapToExtractProduct(res);\n      const values = Object.values(mappedProduct).join(';');\n      csvRows.push(values);\n    });\n\n    download(csvRows.join('\\n'));\n  };\n\n  const download = (data) => {\n    const blob = new Blob(['\\ufeff', data], {\n      type: 'text/csv;charset=ISO-8859-1',\n    });\n    const url = window.URL.createObjectURL(blob);\n    const a = document.createElement('a');\n\n    a.setAttribute('href', url);\n    a.setAttribute(\n      'download',\n      translate('quick-order') +\n        '_' +\n        new Date().toISOString().split('T')[0] +\n        '.csv'\n    );\n\n    a.click();\n  };\n\n  useEffect(() => {\n    if (csvData) {\n      dispatch(getProducts(csvData));\n    }\n  }, [csvData]);\n\n  useEffect(() => {\n    const sessionData = sessionStorage.getItem('quickOrderCsvRows');\n\n    if (sessionData) {\n      try {\n        const parsedData = JSON.parse(sessionData);\n\n        if (parsedData && parsedData.length > 0) setCsvData(parsedData);\n      } catch {}\n    }\n\n    window.addEventListener(PRICE_TOGGLE_BEFORE_RELOAD_EVENT, () => {\n      priceToggleEventRef.current = true;\n    });\n\n    window.addEventListener('unload', () => {\n      if (!priceToggleEventRef.current)\n        sessionStorage.removeItem('quickOrderCsvRows');\n    });\n  }, []);\n\n  useEffect(() => {\n    let quickOrderCsvRows = [] as QuickOrderCsvProduct[];\n\n    if (result) {\n      quickOrderCsvRows = result.map((res) => ({\n        ArticleNumber: res.id!,\n        Quantity: String(res.totalAmount.total),\n        Note: res.note!,\n      }));\n    }\n\n    sessionStorage.setItem(\n      'quickOrderCsvRows',\n      JSON.stringify(quickOrderCsvRows)\n    );\n  }, [result]);\n\n  const handleFileChange = (event) => {\n    const file = event.target.files[0];\n    const csvData: QuickOrderCsvProduct[] = [];\n    const reader = new FileReader();\n    reader.onload = () => {\n      if (reader.result) {\n        const result = reader.result.replace(/(\\r||\\r)/gm, '');\n        const rows = result.split('\\n');\n        const headers = rows[0].split(';');\n        const columnIndices = {};\n\n        for (const i in headers) {\n          columnIndices[headers[i.replace(/\\s+|\\r\\n/g, '')]] = i.replace(\n            /\\s+|\\r\\n/g,\n            ''\n          );\n        }\n\n        rows.slice(1).forEach((row) => {\n          const columns = row.split(';');\n          csvData.push({\n            ArticleNumber: columns[columnIndices['ArticleNumber']],\n            Quantity: columns[columnIndices['Quantity']],\n            Note: columns[columnIndices['Note']],\n          });\n        });\n\n        setCsvData(csvData);\n      }\n    };\n\n    reader.readAsText(file, 'ISO-8859-1');\n  };\n\n  const itemsTotalPrice = useMemo(\n    () => result.reduce((prev, item) => prev + item.totalAmount.total, 0),\n    [result]\n  );\n\n  useEffect(() => {\n    const timeOutId = setTimeout(() => {\n      if (!updatePending) dispatch(getTotalPrice(result));\n    }, 500);\n\n    return () => {\n      clearTimeout(timeOutId);\n    };\n  }, [itemsTotalPrice]);\n\n  useEffect(() => {\n    errors?.length > 0 &&\n      errors?.map((error) => {\n        if (error.replacement) {\n          triggerToast({\n            title: error.title,\n            text: `${error.message} ${error.replacement}`,\n            type: 'error',\n            autoClose: false,\n          });\n        } else {\n          triggerToast({\n            title: error.title,\n            text: error.message,\n            type: 'error',\n            autoClose: false,\n          });\n        }\n      });\n  }, [errors, result, dispatch]);\n\n  return (\n    <div className=\"container container--narrow pt-6 lg:pt-10\">\n      <div className=\"mb-10 max-w-[568px]\">\n        {props.title && <h1>{props.title}</h1>}\n        {props.description?.value && (\n          <EditorString value={props.description.value} />\n        )}\n      </div>\n      <div className=\"my-4 flex items-center justify-end\">\n        <label className=\"cursor-pointer rounded-md border border-solid border-gray-700 px-4 py-3 text-sm font-normal uppercase md-down:flex-1\">\n          {translate('quick-order.import')}\n          <input\n            name=\"file\"\n            type=\"file\"\n            accept=\".csv\"\n            className=\"hidden\"\n            onChange={handleFileChange}\n          />\n        </label>\n      </div>\n      <div className=\"flex flex-1\">\n        <QuickOrderMobileTable />\n        <QuickOrderDesktopTable />\n      </div>\n      <div className=\"my-4 flex items-center justify-end gap-4 md-down:flex-col\">\n        <button\n          className=\"rounded-md border border-solid border-gray-700 px-4 py-3 text-sm font-normal uppercase md-down:w-full md-down:flex-1\"\n          onClick={(e) => exportAsCvs()}\n        >\n          {translate('quick-order.export')}\n        </button>\n        {!props.disableBuyOption && (\n          <BuyButton\n            disabled={result.length == 0 || isLoading || showCheckmark}\n            label={translate('quick-order.cart-add')}\n            className={clsx(\n              'rounded-md px-4 py-3 text-center text-sm font-normal uppercase text-white md:!w-auto md-down:w-full md-down:flex-1'\n            )}\n            onClick={async () => {\n              const cart = await addMultiple(result);\n              dispatch(receiveCart(cart));\n              dispatch(triggerAddToCartAnimation());\n              dispatch(QuickOrderActions.clearResultRow());\n            }}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default QuickOrder;\n","import { post, put } from '../Services/http';\nimport {\n  pushEcommerce,\n  dataLayerAddToCart,\n} from '../Services/Gtm.service';\nimport { QuickOrderProduct } from '../Reducers/QuickOrder.reducer';\n\nexport const addMultiple = async (products: QuickOrderProduct[]) => {\n  if (\n    products.filter(\n      (p) =>\n        !p.totalAmount.total ||\n        isNaN(p.totalAmount.total) ||\n        p.totalAmount.total <= 0\n    ).length > 0\n  ) {\n    throw 'Invalid quantity';\n  }\n\n  const response = await post(\n    '/api/cart/addMultiple',\n    products.map((product) => {\n      return {\n        articleNumber: product.id,\n        quantity: product.totalAmount.total,\n        note: product.note,\n      };\n    })\n  );\n  return response.json();\n};\n","import React, { useEffect, useState } from 'react';\nimport EditorString from '../EditorString/EditorString';\nimport {\n  WishListActions,\n  WishListProps,\n  shareListAsMail,\n} from '../../Reducers/WishList.reducer';\nimport ProductCard from '../ProductCards/ProductCard';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { translate } from '../../Services/translation';\nimport Toggler from '../Toggler';\nimport { useDispatch } from 'react-redux';\nimport Icon from '../Icon';\nimport SideMenu from '../SideMenu/SideMenu';\nimport TextArea from '../Inputs/TextArea';\nimport Input from '../Inputs/Input';\nimport { ShareStatus } from '../../Reducers/WishList.reducer';\nimport LoadingSpinner from '../LoadingSpinner';\nimport { useTypedDispatch } from '../../Hooks/useTypedDispatch';\nimport PatternImageToggler from '../FilterBar/PatternImageToggler';\n\nconst WishList = () => {\n  const {\n    items,\n    description,\n    title,\n    id,\n    shareUri,\n    shareModal,\n    shareStatus,\n  } = useTypedSelector((state) => state.wishList);\n\n  const { showRoomImage } = useTypedSelector(\n    (state) => state.productListing\n  );\n\n  const [showCheckmark, setShowCheckmark] = useState<boolean>(false);\n  const [modalOpen, setModalOpen] = useState<boolean>(false);\n  const [message, setMessage] = useState<String>();\n  const [email, setEmail] = useState<String>();\n  const dispatch = useTypedDispatch();\n\n  const copyShareLink = () => {\n    if (shareUri) {\n      setShowCheckmark(true);\n      navigator.clipboard.writeText(shareUri);\n      setTimeout(() => setShowCheckmark(false), 2500);\n    }\n  };\n\n  const onSubmit = () => {\n    if (email) {\n      dispatch(\n        shareListAsMail({\n          email: email,\n          message: message ?? '',\n          shareUri: shareUri ?? '',\n        })\n      ).finally(() =>\n        setTimeout(\n          () => dispatch(WishListActions.resetshareStatus({})),\n          2500\n        )\n      );\n    }\n  };\n\n  return (\n    <>\n      <SideMenu\n        className=\"z-50 rounded\"\n        id={id}\n        open={modalOpen}\n        onClosed={() => setModalOpen(false)}\n        contentClassName=\"px-7\"\n      >\n        {shareModal && (\n          <div className=\"mt-4 flex flex-col\">\n            {shareModal?.title && (\n              <h3 className=\"mb-2\">{shareModal.title}</h3>\n            )}\n            {shareModal?.description && (\n              <p className=\"mb-6\">{shareModal.description}</p>\n            )}\n            <TextArea\n              inputSize=\"large\"\n              className=\"mb-4 rounded-md\"\n              placeholder={translate('wish-list.message')}\n              onChange={(e) => setMessage(e.target.value)}\n            />\n            <Input\n              className=\"mb-4 rounded-md\"\n              inputSize=\"large\"\n              placeholder={translate('wish-list.mail')}\n              onChange={(e) => setEmail(e.target.value)}\n            />\n            <button\n              className=\"h-14 cursor-pointer items-center justify-center gap-2 rounded-md border border-solid bg-gray-700 px-4 text-center text-sm font-normal uppercase text-white\"\n              onClick={onSubmit}\n            >\n              {shareStatus === ShareStatus.none &&\n                translate('wish-list.submit')}\n              {shareStatus === ShareStatus.pending && <LoadingSpinner />}\n              {shareStatus === ShareStatus.fulfilled && (\n                <Icon\n                  name=\"check\"\n                  color=\"text-white\"\n                  className=\"h-4 w-4\"\n                />\n              )}\n              {shareStatus === ShareStatus.rejected && (\n                <Icon\n                  name=\"close\"\n                  color=\"text-white\"\n                  className=\"text-white-500 h-4 w-4\"\n                />\n              )}\n            </button>\n          </div>\n        )}\n      </SideMenu>\n      <div className=\"border-b border-gray-100\">\n        <div className=\"container\">\n          <div className=\"mb-6 max-w-[568px]\">\n            {title && <h1>{title}</h1>}\n            {description?.value && (\n              <EditorString value={description.value} />\n            )}\n          </div>\n          {shareUri && (\n            <div className=\"mb-10 flex flex-row gap-4 md-down:flex-col\">\n              <button\n                className=\"flex w-[168px] cursor-pointer items-center justify-center gap-2 rounded-md border border-solid border-gray-700 px-4 py-2 text-center text-sm font-normal uppercase md-down:w-full\"\n                onClick={copyShareLink}\n              >\n                {showCheckmark && translate('wish-list.copied')}\n                <Icon\n                  name={showCheckmark ? 'check' : 'document'}\n                  className=\"h-5 w-5\"\n                />\n                {!showCheckmark && translate('wish-list.copy')}\n              </button>\n              <button\n                className=\"flex w-[168px] cursor-pointer items-center justify-center gap-2 rounded-md border border-solid border-gray-700 px-4 py-2 text-center text-sm font-normal uppercase md-down:w-full\"\n                onClick={() => setModalOpen(true)}\n              >\n                <Icon name=\"mail\" className=\"h-5 w-5\" />\n                {translate('wish-list.share-mail')}\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n      <div className=\"container mb-10\">\n        <div className=\"my-3 flex items-center justify-between\">\n          <div className=\"text-sm uppercase text-gray-500\">\n            {items?.length} {translate('general.products').toLowerCase()}\n          </div>\n          <PatternImageToggler />\n        </div>\n        <div className=\"grid grid-cols-4 gap-4 md-down:grid-cols-2\">\n          {items?.map((item) => {\n            return (\n              <ProductCard\n                key={item.id}\n                product={item.product}\n                showRoomshot={showRoomImage}\n                showPatternImage={!showRoomImage}\n              />\n            );\n          })}\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default WishList;\n","import React, { useEffect, useState } from 'react';\nimport { SubNavigationLinkModel } from '../../Types/SubNavigationLinkModel';\nimport clsx from 'clsx';\nimport useReady from '../../Hooks/useReady';\n\nconst SubNavigationList = ({ links }: SubNavigationLinkModel) => {\n  const isReady = useReady();\n  return (\n    <>\n      {isReady ? (\n        <div className=\"after-fade-to-white relative pb-0  after:absolute after:right-0 after:top-0 after:z-10 after:block after:h-[27px] after:w-10 lg:after:hidden md-down:-mr-4\">\n          <div className=\"flex gap-x-6 gap-y-3 scrollbar-none lg:flex-wrap md-down:overflow-y-scroll md-down:pr-10\">\n            {links?.map((link) => (\n              <a\n                href={link.url}\n                className={clsx(\n                  'underlined-link box-content whitespace-nowrap text-gray-700',\n                  link.isSelected &&\n                    'after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[2px] after:w-full after:bg-gray-700 after:content-[\"\"]'\n                )}\n                key={link.name + link.url}\n              >\n                {link.name}\n              </a>\n            ))}\n          </div>\n        </div>\n      ) : (\n        <div className=\"after-fade-to-white -mr-4 flex items-center gap-6 overflow-x-hidden pr-8 after:absolute after:right-0 after:block after:h-[27px] after:w-10\">\n          {links?.map((link) => {\n            return (\n              <a\n                key={link.name + link.url}\n                href={link.url}\n                className={clsx(\n                  'underlined-link box-content whitespace-nowrap text-gray-700',\n                  link.isSelected &&\n                    'after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[2px] after:w-full after:bg-gray-700 after:content-[\"\"]'\n                )}\n              >\n                {link.name}\n              </a>\n            );\n          })}\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default SubNavigationList;\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { uniqueId } from 'lodash-es';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { translate } from '../../Services/translation';\nimport { addOverlay, removeOverlay } from '../../Actions/Overlay.action';\nimport { toggleInputActive } from '../../Actions/QuickSearch.action';\nimport clsx from 'clsx';\n\nconst StickyStoreNavigation = () => {\n  const { storeScreen } = useTypedSelector<any>(\n    (state) => state.navigation\n  );\n  const quickSearch = useTypedSelector((state) => state.quickSearch);\n  const { inputActive } = quickSearch;\n  const dispatch = useDispatch();\n  const [id] = useState(uniqueId());\n\n  useEffect(() => {\n    if (inputActive) {\n      dispatch(\n        addOverlay('quick-search__' + id, () =>\n          dispatch(toggleInputActive(false))\n        )\n      );\n    } else {\n      dispatch(removeOverlay('quick-search__' + id));\n    }\n  }, [dispatch, inputActive, id]);\n\n  return (\n    <div className=\"fixed bottom-0 z-30 w-full bg-gray-500\">\n      <ul className=\"grid grid-cols-5 gap-px\">\n        <li>\n          <a\n            className={clsx(\n              storeScreen.startPageLink?.attributes?.active\n                ? 'bg-gray-700'\n                : 'bg-gray-900',\n              'flex h-28 w-full items-center justify-center text-center text-md font-normal uppercase tracking-[0.16em] text-white'\n            )}\n            href={storeScreen.startPageLink?.href}\n          >\n            {storeScreen.startPageLink?.text}\n          </a>\n        </li>\n        {storeScreen.links.map((link: any) => (\n          <li key={link.href + link.text}>\n            <a\n              className={clsx(\n                link.attributes?.active ? 'bg-gray-700' : 'bg-gray-900',\n                'flex h-28 w-full items-center justify-center text-center text-md font-normal uppercase tracking-[0.16em] text-white'\n              )}\n              href={link.href}\n            >\n              {link.text}\n            </a>\n          </li>\n        ))}\n        <li>\n          <button\n            onClick={() =>\n              dispatch(toggleInputActive(!inputActive, inputActive))\n            }\n            className={clsx(\n              'flex h-28 w-full items-center justify-center bg-gray-900 text-center text-md font-normal uppercase tracking-[0.16em] text-white'\n            )}\n          >\n            {translate('general.search')}\n          </button>\n        </li>\n        <li>\n          <a\n            className={clsx(\n              storeScreen.wallpaperCalculatorLink?.attributes?.active\n                ? 'bg-gray-700'\n                : 'bg-gray-900',\n              'flex h-28 w-full items-center justify-center text-center text-md font-normal uppercase tracking-[0.16em] text-white'\n            )}\n            href={storeScreen.wallpaperCalculatorLink?.href}\n          >\n            {storeScreen.wallpaperCalculatorLink?.text}\n          </a>\n        </li>\n      </ul>\n    </div>\n  );\n};\n\nexport default StickyStoreNavigation;\n","import React, { useEffect, useState } from 'react';\nimport Icon from '../Icon';\nimport { addOverlay, removeOverlay } from '../../Actions/Overlay.action';\nimport { useDispatch } from 'react-redux';\nimport { useTypedSelector } from '../../Hooks/useTypedSelector';\nimport { signOut } from '../../Actions/Login.action';\nimport { translate } from '../../Services/translation';\n\nconst LoggedInIconAndDropdown = () => {\n  const [dropDownVisible, setDropDownVisible] = useState<boolean>(false);\n  const dropdownRef = React.useRef<HTMLUListElement>(null);\n  const dispatch = useDispatch();\n  const navigation = useTypedSelector((state) => state.navigation);\n\n  useEffect(() => {\n    dropDownVisible\n      ? dispatch(\n          addOverlay(\n            'mypages-menu-modal',\n            () => setDropDownVisible && setDropDownVisible(false),\n            0\n          )\n        )\n      : dispatch(removeOverlay('mypages-menu-modal'));\n  }, [dropDownVisible]);\n  return (\n    <div className=\"relative store-screen:hidden\">\n      <div\n        onClick={() => setDropDownVisible(!dropDownVisible)}\n        className=\"relative \"\n      >\n        <button className=\"relative flex cursor-pointer px-2 py-3 lg:py-2 hover:[&_.icon]:scale-110\">\n          <Icon\n            name=\"user\"\n            className=\"h-6 w-6 text-gray-700\n        group-[.is-light-theme]:text-white\"\n          />\n          <span className=\"absolute bottom-[3px] right-[3px] z-10 h-3 w-3 rounded-full bg-success-500\"></span>\n        </button>\n      </div>\n      {dropDownVisible && (\n        <ul\n          ref={dropdownRef}\n          className=\"my-pages-menu absolute right-0 top-10 z-[100] min-w-[200px] overflow-hidden rounded border border-gray-300 bg-white\"\n        >\n          {navigation.myPagesUrl && (\n            <li className=\"border-b border-gray-300 px-3 py-2.5 text-md\">\n              <a href={navigation.myPagesUrl}>\n                {translate('mypages-menu.my-details')}\n              </a>\n            </li>\n          )}\n          {navigation.myOrdersUrl && (\n            <li className=\"border-b border-gray-300 px-3 py-2.5 text-md\">\n              <a href={navigation.myOrdersUrl}>\n                {translate('mypages-menu.order-history')}\n              </a>\n            </li>\n          )}\n          <li\n            className=\"flex flex-1 cursor-pointer items-center border-b border-gray-300 p-2 px-3 py-2.5 text-md \"\n            onClick={signOut}\n          >\n            <Icon name=\"logout\" className=\"mr-2 h-5 w-5 text-error-500\" />\n            {translate('general.sign-out')}\n          </li>\n        </ul>\n      )}\n    </div>\n  );\n};\n\nexport default LoggedInIconAndDropdown;\n","import React, { useEffect, useState } from 'react';\nimport { translate } from '../../Services/translation';\nimport { useTypedDispatch } from '../../Hooks/useTypedDispatch';\nimport { addOverlay, removeOverlay } from '../../Actions/Overlay.action';\nimport clsx from 'clsx';\nimport Icon from '../Icon';\nimport { post } from '../../Services/http';\nimport { triggerToast } from '../../Services/Toast.service';\nimport LoadingSpinner from '../LoadingSpinner';\nimport { PRICE_TOGGLE_BEFORE_RELOAD_EVENT } from '../../constants';\n\ninterface PriceToggleProps {\n  showRecommendedPrice: boolean;\n  canChange: boolean;\n}\n\ntype SelectedPriceValue = 'recommended' | 'purchase';\n\nconst options: { label: string; value: SelectedPriceValue }[] = [\n  {\n    label: translate('price-toggle.recommended-price'),\n    value: 'recommended',\n  },\n  {\n    label: translate('price-toggle.purchase-price'),\n    value: 'purchase',\n  },\n];\n\nconst PriceToggle = ({\n  showRecommendedPrice,\n  canChange,\n}: PriceToggleProps) => {\n  const dispatch = useTypedDispatch();\n  const [dropdownOpen, setDropdownOpen] = useState(false);\n  const [isLoading, setIsLoading] = useState(false);\n  const [clickedValue, setClickedValue] = useState<\n    SelectedPriceValue | undefined\n  >();\n  const [initialValue] = useState<SelectedPriceValue>(\n    showRecommendedPrice ? 'recommended' : 'purchase'\n  );\n\n  useEffect(() => {\n    dropdownOpen\n      ? dispatch(\n          addOverlay('price-toggle', () => setDropdownOpen(false), '')\n        )\n      : dispatch(removeOverlay('price-toggle'));\n  }, [dropdownOpen]);\n\n  const submitPriceToggle = async (value: SelectedPriceValue) => {\n    if (!canChange) return;\n\n    try {\n      setIsLoading(true);\n      await post(`/api/pricetoggle/${value}`, {});\n      window.dispatchEvent(new Event(PRICE_TOGGLE_BEFORE_RELOAD_EVENT));\n      window.location.reload();\n    } catch (err) {\n      triggerToast({\n        title: translate('general.error'),\n        text: translate('price-toggle.general-error'),\n        type: 'error',\n        autoClose: false\n      });\n      console.error(err);\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <div className=\"relative\">\n      <button\n        onClick={() => canChange && setDropdownOpen(!dropdownOpen)}\n        className=\"block text-md font-light text-white\"\n        disabled={!canChange}\n      >\n        {showRecommendedPrice\n          ? translate('price-toggle.showing-recommended')\n          : translate('price-toggle.showing-purchase')}\n        {canChange && (\n          <Icon\n            name=\"chevron-down\"\n            className={clsx(\n              'ml-1 transition-transform ease-in-out',\n              dropdownOpen ? 'rotate-180' : 'rotate-0'\n            )}\n          />\n        )}\n      </button>\n      {dropdownOpen && (\n        <ul className=\"absolute right-0 top-[25px] z-[100] min-w-[200px] overflow-hidden rounded border border-gray-300 bg-white\">\n          {options.map((opt) => (\n            <li\n              className={clsx(\n                'border-b border-gray-300 px-3 py-2.5 text-md',\n                opt.value == initialValue && 'cursor-default font-medium'\n              )}\n              key={opt.value}\n            >\n              <button\n                onClick={() => {\n                  submitPriceToggle(opt.value);\n                  setClickedValue(opt.value);\n                }}\n                disabled={initialValue == opt.value || isLoading}\n                className={clsx(isLoading && 'text-gray-300')}\n              >\n                {opt.label}\n                {clickedValue == opt.value && isLoading && (\n                  <LoadingSpinner className=\"ml-2\" />\n                )}\n              </button>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n};\n\nexport default PriceToggle;\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport MeasuredWallpaperCutout, {\n  MeasuredWallpaperCutoutProps,\n} from '../MeasuredWallpaperCutout/MeasuredWallpaperCutout';\nimport MeasuredWallpaperCuttingsData from '../../Types/MeasuredWallpaperCuttingsData';\nimport { throttle } from 'lodash-es';\nimport { translate } from '../../Services/translation';\nimport clsx from 'clsx';\nimport ProductPageProductPrice from '../ProductPage/ProductPageProductPrice';\nimport PriceModel from '../../Types/PriceModel';\nimport LoadingSpinner from '../LoadingSpinner';\nimport MeasuredWallpaperCalculator from '../ProductPage/MeasuredWallpaperCalculator';\nimport BuyButton from '../BuyButton/BuyButton';\n\ninterface MeasuredWallpaperStandaloneProps\n  extends MeasuredWallpaperCutoutProps {\n  articleNumber: string;\n  panelOptions: {\n    showPanel: boolean;\n    showBuyButton: boolean;\n    showPrice: boolean;\n    showWallDropdowns: boolean;\n  };\n  name: string;\n  customerId: string;\n  channelId: string;\n}\n\nconst MeasuredWallpaperStandalone = ({\n  articleNumber,\n  name,\n  panelOptions,\n  customerId,\n  channelId,\n  ...props\n}: MeasuredWallpaperStandaloneProps) => {\n  const [cuttingsData, setCuttingsData] = useState(\n    {} as MeasuredWallpaperCuttingsData\n  );\n  const [flipHorizontally, setFlipHorizontally] = useState(false);\n  const [showPriceLoadingSpinner, setShowPriceLoadingSpinner] =\n    useState(false);\n  const [priceModel, setPriceModel] = useState<PriceModel | undefined>();\n  const [wallSize, setWallSize] = useState({\n    width: props.wallWidth,\n    height: props.wallHeight,\n  });\n\n  const postMessage = (eventName: string, data: any = {}) => {\n    window.parent.postMessage(\n      {\n        event: eventName,\n        ...data,\n      },\n      '*'\n    );\n  };\n\n  const onAddToCartClick = () => {\n    postMessage('ADD_TO_CART');\n  };\n\n  const submitCuttingsData = useCallback(\n    throttle(\n      (cuttingsData) => {\n        postMessage('CUTTINGS_DATA_CHANGED', {\n          cuttingsData,\n        });\n      },\n      200,\n      { leading: false, trailing: true }\n    ),\n    []\n  );\n\n  useEffect(() => {\n    if (cuttingsData == ({} as MeasuredWallpaperCuttingsData)) return;\n    submitCuttingsData({ ...cuttingsData, mirrored: flipHorizontally });\n  }, [cuttingsData, flipHorizontally, submitCuttingsData]);\n\n  useEffect(() => {\n    let priceLoadingSpinnerTimeout: NodeJS.Timeout | undefined;\n    const onMessage = async (e: MessageEvent) => {\n      switch (e.data?.event) {\n        case 'PRICE_LOADING':\n          priceLoadingSpinnerTimeout = setTimeout(\n            () => setShowPriceLoadingSpinner(true),\n            200\n          );\n          break;\n        case 'PRICE_LOADED':\n          clearTimeout(priceLoadingSpinnerTimeout);\n          setShowPriceLoadingSpinner(false);\n          setPriceModel(e.data.priceModel);\n          break;\n        case 'WALL_SIZE_CHANGED':\n          setWallSize({\n            width: e.data.wallWidth,\n            height: e.data.wallHeight,\n          });\n          break;\n        default:\n          break;\n      }\n    };\n\n    window.addEventListener('message', onMessage);\n\n    return () => {\n      clearTimeout(priceLoadingSpinnerTimeout);\n      window.removeEventListener('message', onMessage);\n    };\n  }, []);\n\n  const selectedWallSizeTooSmall = useMemo(\n    () => (wallSize.width / 100) * (wallSize.height / 100) < 3,\n    [wallSize.height, wallSize.width]\n  );\n\n  useEffect(() => {\n    if (selectedWallSizeTooSmall) return;\n\n    postMessage('SET_WALL_SIZE', {\n      wallWidth: wallSize.width,\n      wallHeight: wallSize.height,\n    });\n  }, [selectedWallSizeTooSmall, wallSize.width, wallSize.height]);\n\n  return (\n    <div\n      className={clsx(\n        'flex h-full w-full flex-col',\n        panelOptions.showPanel !== false && 'lg:flex-row lg:flex-wrap'\n      )}\n    >\n      <div\n        className={clsx(\n          'relative h-full w-full rounded-lg border-2 border-gray-100',\n          panelOptions.showPanel !== false && 'lg:w-2/3'\n        )}\n      >\n        <MeasuredWallpaperCutout\n          {...props}\n          wallWidth={wallSize.width}\n          wallHeight={wallSize.height}\n          onCuttingsDataChange={setCuttingsData}\n          maxHeight={null}\n          onFlipHorizontally={setFlipHorizontally}\n          flipHorizontally={flipHorizontally}\n        />\n      </div>\n      {panelOptions.showPanel !== false && (\n        <div className=\"p-4 lg:w-1/3\">\n          <div className=\"flex flex-col gap-1\">\n            <p className=\"text-lg font-normal leading-6 text-gray-700\">\n              {translate('general.article-number')}: {articleNumber}\n            </p>\n\n            <h1 className=\"h3\">{name}</h1>\n          </div>\n          <a className=\"mb-4 flex justify-between\">\n            {!showPriceLoadingSpinner && priceModel && (\n              <ProductPageProductPrice\n                priceModel={priceModel}\n                showUnit={false}\n              />\n            )}\n            {(showPriceLoadingSpinner || !priceModel) && (\n              <LoadingSpinner />\n            )}\n          </a>\n          {panelOptions.showWallDropdowns !== false && (\n            <MeasuredWallpaperCalculator\n              measuredWallpaper={props.measuredWallpaper}\n              calculatorWidth={wallSize.width}\n              calculatorHeight={wallSize.height}\n              calculatorActive={true}\n              calculatedSizeTooSmall={selectedWallSizeTooSmall}\n              setCalculatorWidth={(width) =>\n                setWallSize({ ...wallSize, width: width })\n              }\n              setCalculatorHeight={(height) =>\n                setWallSize({ ...wallSize, height: height })\n              }\n            />\n          )}\n          {panelOptions.showBuyButton !== false && (\n            <BuyButton\n              disabled={\n                selectedWallSizeTooSmall || showPriceLoadingSpinner\n              }\n              onClick={onAddToCartClick}\n            >\n              {translate('general.add-to-cart')}\n            </BuyButton>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default MeasuredWallpaperStandalone;\n","import React, { useEffect, useState } from 'react';\nimport Icon from '../../Icon';\nimport { translate } from '../../../Services/translation';\nimport { useTypedSelector } from '../../../Hooks/useTypedSelector';\n\nconst CheckoutScreenConfirmation = () => {\n  const checkout = useTypedSelector((state) => state.checkout);\n  const { payload } = checkout;\n  const { redirectUrl } = payload;\n\n  const [secondsLeft, setSecondsLeft] = useState<number>(5);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      if (redirectUrl) {\n        location.href = redirectUrl;\n      }\n    }, 5000);\n\n    const interval = setInterval(() => {\n      setSecondsLeft((prevSeconds) => prevSeconds - 1);\n      if (secondsLeft <= 0) {\n        clearInterval(interval);\n      }\n    }, 1000);\n\n    return () => {\n      clearTimeout(timer);\n      clearInterval(interval);\n    };\n  }, []);\n\n  return (\n    <div className=\"flex h-[calc(100vh-175px)] flex-col items-center justify-center gap-3\">\n      <h1>{translate('checkout.order-success')}</h1>\n      <Icon name=\"check-mark\" className=\"h-20 w-20\" />\n      <h3>\n        {translate('checkout.order-redirect').replace(\n          '{0}',\n          secondsLeft.toString()\n        )}\n      </h3>\n    </div>\n  );\n};\n\nexport default CheckoutScreenConfirmation;\n","import React, { useEffect, useState } from 'react';\nimport { useTypedSelector } from '../../../Hooks/useTypedSelector';\nimport EmptyCart from '../Checkout.EmptyCart';\nimport Cart from '../Checkout.Cart';\nimport CheckoutStepContainer from '../CheckoutStepContainer';\nimport Input from '../../Inputs/Input';\nimport TextArea from '../../Inputs/TextArea';\nimport { translate } from '../../../Services/translation';\nimport { CartState } from '../../../Reducers/Cart.reducer';\nimport {\n  submitOrder,\n  setOrderNote as setOrderNoteAction,\n} from '../../../Actions/Checkout.action';\nimport { useDispatch } from 'react-redux';\nimport useDebouncedOnChange from '../../../Hooks/useDebouncedOnChange';\nimport CheckoutScreenConfirmation from './Checkout.ScreenConfirmation';\n\nconst CheckoutStoreScreenContainer = () => {\n  const dispatch = useDispatch();\n  const cart = useTypedSelector<CartState>((state) => state.cart);\n  const checkout = useTypedSelector((state) => state.checkout);\n  const { checkoutIsSubmitting, storeScreenSuccess, payload } = checkout;\n  const { redirectUrl } = payload;\n  const [orderRows] = useState(cart?.orderRows);\n  const [stepContainerList, setStepContainerList] = useState([]);\n  const hasOrderRows = orderRows && Object.keys(orderRows).length > 0;\n\n  const [comments, setOrderNote] = useDebouncedOnChange('', () =>\n    dispatch(setOrderNoteAction(comments))\n  );\n\n  const [email, setEmail] = useState<String>();\n  const [message, setMessage] = useState<String>();\n  const [reference, setReference] = useState<String>();\n\n  const [ready, setReady] = useState(false);\n  useEffect(() => setReady(true), []);\n\n  const numProducts = hasOrderRows\n    ? Object.values(cart.orderRows).length\n    : 0;\n\n  // Empty cart render\n  if (numProducts <= 0) {\n    return (\n      <div className=\"bg-gray-100 px-0 py-6 md:py-8 lg:py-10\">\n        <EmptyCart />\n      </div>\n    );\n  }\n\n  if (storeScreenSuccess) {\n    return (\n      <div className=\"bg-gray-100 px-0 py-6 md:py-8 lg:py-10\">\n        <CheckoutScreenConfirmation />\n      </div>\n    );\n  }\n\n  return (\n    ready && (\n      <div className=\"bg-gray-100 px-0 py-6 md:py-8 lg:py-10\">\n        <div className=\"lg:container px-0\">\n          <Cart />\n          <CheckoutStepContainer\n            label={translate('checkout.submit-order')}\n            stepKey=\"customerInfo\"\n            showContent={true}\n            stepComplete={false}\n            setStepContainerList={setStepContainerList}\n            stepContainerList={stepContainerList}\n          >\n            <p className=\"pb-3 text-xl leading-normal text-gray-700\">\n              {translate('checkout.call-personel')}\n            </p>\n            <div className=\"flex flex-col gap-4\">\n              <Input\n                label={translate('checkout.store-email')}\n                onChange={(e) => setEmail(e.target.value)}\n                inputSize=\"xlarge\"\n                placeholder={translate('checkout.email')}\n              />\n              <Input\n                label={translate('checkout.store-reference')}\n                onChange={(e) => setReference(e.target.value)}\n                inputSize=\"xlarge\"\n                placeholder={translate('checkout.reference')}\n              />\n              <TextArea\n                label={translate('checkout.customer-support')}\n                placeholder={translate('checkout.customer-message')}\n                onChange={(e) => setMessage(e.target.value)}\n              />\n              <button\n                className=\"btn btn--black btn--xlarge w-full uppercase\"\n                disabled={!email || checkoutIsSubmitting}\n                onClick={() => {\n                  dispatch(submitOrder(email, message, reference));\n                }}\n                type=\"submit\"\n              >\n                {translate('checkout.submit-order.store')}\n              </button>\n            </div>\n          </CheckoutStepContainer>\n        </div>\n      </div>\n    )\n  );\n};\n\nexport default CheckoutStoreScreenContainer;\n","import React from 'react';\nimport { FileModel } from '../Types/FileModel';\n\ninterface FileListProps {\n  title: string;\n  items: FileListItem[];\n}\n\ninterface FileListItem {\n  name: string;\n  file: FileModel;\n  fileSize: string;\n}\n\nconst FileListBlock = (props: FileListProps) => {\n  const { title, items } = props;\n\n  if (items.length <= 0) return;\n\n  return (\n    <div className=\"flex flex-col rounded-lg bg-gray-100 p-6\">\n      {title && (\n        <h2 className=\"pb-2 font-normal text-gray-700\">{title}</h2>\n      )}\n      <ul className=\"px-4\">\n        {items.map(({ name, file, fileSize }, index) => {\n          return (\n            <li className=\"list-disc pb-2 last:pb-0\" key={index}>\n              <a\n                className=\"text-xl font-light leading-normal text-gray-700\"\n                href={file.url}\n              >\n                <span className=\"underline\">{name ?? file.filename}</span>\n                {fileSize && (\n                  <span className=\"text-md text-gray-500\">\n                    {' '}\n                    ({fileSize})\n                  </span>\n                )}\n              </a>\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n};\n\nexport default FileListBlock;\n","import renderWrapper from './render-wrapper';\nimport MiniCart from '../Components/MiniCart/MiniCart';\nimport MiniCartButton from '../Components/MiniCart/MiniCartButton';\nimport StockStatus from '../Components/StockStatus/StockStatus';\nimport Checkout from '../Components/Checkout/Checkout';\nimport ProductFiltering from '../Components/ProductFiltering/ProductFiltering';\nimport ProductSorting from '../Components/ProductSorting/ProductSorting';\nimport BuyButton from '../Components/BuyButton/BuyButton';\nimport FilterBar from '../Components/FilterBar/FilterBar';\nimport MyPagesContainer from '../Components/MyPages/MyPagesContainer';\nimport Navigation from '../Components/Navigation/Navigation';\nimport ProductPageImageSlider from '../Components/ProductPageImageSlider/ProductPage.ImageSlider';\nimport BannerSliderBlock from '../Blocks/BannerBlock/BannerSliderBlock';\nimport BannerBlock from '../Blocks/BannerBlock/BannerBlock';\nimport ProductListHeaderText from '../Components/ProductList.HeaderText';\nimport ActiveFilterChips from '../Components/ActiveFilterChips/ActiveFilterChips';\nimport ProductBlock from '../Blocks/ProductBlock';\nimport QuickSearch from '../Components/QuickSearch/QuickSearch';\nimport SearchResult from '../Components/SearchResult/SearchResult';\nimport SearchNavigation from '../Components/SearchResult/SearchNavigation';\nimport NavigationMobileTrigger from '../Components/Navigation/NavigationMobileTrigger';\nimport NavigationMobile from '../Components/Navigation/NavigationMobile';\nimport Overlay from '../Components/Overlay';\nimport VariantPickerDropdown from '../Components/VariantPicker/VariantPicker.Dropdown';\nimport VariantPickerButtons from '../Components/VariantPicker/VariantPicker.Buttons';\nimport LoginModal from '../Components/Login/LoginModal';\nimport LoginPage from '../Components/Login/LoginPage';\nimport LoginModalTrigger from '../Components/Login/LoginModalTrigger';\nimport ProductListing from '../Components/ProductListing/ProductListing';\nimport PriceHistoryModalTrigger from '../Components/ProductPriceHistory/PriceHistoryModalTrigger';\nimport OrderConfirmation from '../Components/OrderConfirmation/OrderConfirmation';\nimport BrandsBlock from '../Blocks/BrandsBlock';\nimport EditorString from '../Components/EditorString/EditorString';\nimport RichTextBlock from '../Blocks/RichTextBlock';\nimport TopMessage from '../Components/TopMessage/TopMessage';\nimport FaqAccordion from '../Blocks/FaqAccordion';\nimport ResponsiveImage from '../Components/ResponsiveImage/ResponsiveImage';\nimport UspBlock from '../Blocks/UspBlock';\nimport ScrollToElementButton from '../Components/ScrollToElementButton/ScrollToElementButton';\nimport SubNavigationContainer from '../Components/SubNavigationContainer/SubNavigationContainer';\nimport ProductsAndBannerBlock from '../Blocks/ProductsAndBannerBlock';\nimport CookieConsent from '../Components/CookieConsent/CookieConsent';\nimport PriceHistoryModal from '../Components/ProductPriceHistory/PriceHistoryModal';\nimport CategoryNavigation from '../Components/ProductListing/CategoryNavigation';\nimport TopMenuUsps from '../Components/TopMenuUsps/TopMenuUsps';\nimport QuickSearchTrigger from '../Components/QuickSearch/QuickSearchTrigger';\nimport NewsletterRegistration from '../Components/NewsletterRegistration/NewsletterRegistration';\nimport MediaBlockProductsButton from '../Components/MediaBlockProductsButton/MediaBlockProductsButton';\nimport ProductPrice from '../Components/ProductPrice/ProductPrice';\nimport CustomResponsiveSlider from '../Components/CustomResponsiveSlider/CustomResponsiveSlider';\nimport PageCardBlock from '../Blocks/PageCardBlock';\nimport NewsList from '../Components/NewsList/NewsList';\nimport ProductPage from '../Components/ProductPage/ProductPage';\nimport MeasuredWallpaperProductPage from '../Components/ProductPage/MeasuredWallpaperProductPage';\nimport MegaMenuBlock from '../Blocks/MegaMenuBlock';\nimport MobileProductCountBar from '../Components/FilterBar/MobileProductCountBar';\nimport MobileStickyFilterBar from '../Components/FilterBar/MobileStickyFilterBar';\nimport LanguageSelectDesktopContainer from '../Components/LanguageSelect/LanguageSelectDesktopContainer';\nimport RegisterUserPage from '../Components/Login/RegisterUserPage';\nimport CollectionStore from '../Components/CollectionStore/CollectionStore';\nimport WallpaperCalculator from '../Components/WallpaperCalculator/WallpaperCalculator';\nimport RetailerListContainer from '../Components/RetailerList/RetailerListContainer';\nimport ContactForm from '../Blocks/ContactForm';\nimport ToastContainer from '../Components/Toast/ToastContainer';\nimport WallpaperSimulatorContainer from '../Components/WallpaperSimulator/WallpaperSimulatorContainer';\nimport QuickOrder from '../Components/QuickOrder/QuickOrder';\nimport WishList from '../Components/WishList/WishList';\nimport SubNavigationList from '../Components/SubNavigationContainer/SubNavigationList';\nimport StickyStoreNavigation from '../Components/Navigation/StickyStoreNavigation';\nimport LoggedInIconAndDropdown from '../Components/MyPages/LoggedInIconAndDropdown';\nimport PriceToggle from '../Components/PriceToggle/PriceToggle';\nimport MeasuredWallpaperStandalone from '../Components/MeasuredWallpaperStandalone/MeasuredWallpaperStandalone';\nimport CheckoutStoreScreenContainer from '../Components/Checkout/StoreScreen/Checkout.StoreScreenContainer';\nimport FileListBlock from '../Blocks/FileListBlock';\n\nglobal['Components'] = {\n  ProductListing: (props) => renderWrapper(ProductListing, props),\n  MiniCart: (props) => renderWrapper(MiniCart, props),\n  MiniCartButton: (props) => renderWrapper(MiniCartButton, props),\n  StockStatus: (props) => renderWrapper(StockStatus, props),\n  ProductFiltering: (props) => renderWrapper(ProductFiltering, props),\n  ProductSorting: (props) => renderWrapper(ProductSorting, props),\n  MyPagesContainer: (props) => renderWrapper(MyPagesContainer, props),\n  Checkout: (props) => renderWrapper(Checkout, props),\n  BuyButton: (props) => renderWrapper(BuyButton, props),\n  FilterBar: (props) => renderWrapper(FilterBar, props),\n  QuickSearch: (props) => renderWrapper(QuickSearch, props),\n  SearchResult: (props) => renderWrapper(SearchResult, props),\n  SearchNavigation: (props) => renderWrapper(SearchNavigation, props),\n  ProductBlock: (props) => renderWrapper(ProductBlock, props),\n  ProductListHeaderText: (props) =>\n    renderWrapper(ProductListHeaderText, props),\n  Navbar: (props) => renderWrapper(Navigation, props),\n  ProductPageImageSlider: (props) =>\n    renderWrapper(ProductPageImageSlider, props),\n  BannerSliderBlock: (props) => renderWrapper(BannerSliderBlock, props),\n  BannerBlock: (props) => renderWrapper(BannerBlock, props),\n  ActiveFilterChips: (props) => renderWrapper(ActiveFilterChips, props),\n  NavigationMobileTrigger: (props) =>\n    renderWrapper(NavigationMobileTrigger, props),\n  NavigationMobile: (props) => renderWrapper(NavigationMobile, props),\n  Overlay: (props) => renderWrapper(Overlay, props),\n  VariantPickerDropdown: (props) =>\n    renderWrapper(VariantPickerDropdown, props),\n  VariantPickerButtons: (props) =>\n    renderWrapper(VariantPickerButtons, props),\n  LoginModal: (props) => renderWrapper(LoginModal, props),\n  LoginPage: (props) => renderWrapper(LoginPage, props),\n  LoginModalTrigger: (props) => renderWrapper(LoginModalTrigger, props),\n  TopMessage: (props) => renderWrapper(TopMessage, props),\n  OrderConfirmation: (props) => renderWrapper(OrderConfirmation, props),\n  ProductsAndBannerBlock: (props) =>\n    renderWrapper(ProductsAndBannerBlock, props),\n  BrandsBlock: (props) => renderWrapper(BrandsBlock, props),\n  EditorString: (props) => renderWrapper(EditorString, props),\n  RichTextBlock: (props) => renderWrapper(RichTextBlock, props),\n  FaqAccordion: (props) => renderWrapper(FaqAccordion, props),\n  UspBlock: (props) => renderWrapper(UspBlock, props),\n  ResponsiveImage: (props) => renderWrapper(ResponsiveImage, props),\n  ScrollToElementButton: (props) =>\n    renderWrapper(ScrollToElementButton, props),\n  SubNavigationContainer: (props) =>\n    renderWrapper(SubNavigationContainer, props),\n  CookieConsent: (props) => renderWrapper(CookieConsent, props),\n  PriceHistoryModalTrigger: (props) =>\n    renderWrapper(PriceHistoryModalTrigger, props),\n  PriceHistoryModal: (props) => renderWrapper(PriceHistoryModal, props),\n  CategoryNavigation: (props) => renderWrapper(CategoryNavigation, props),\n  TopMenuUsps: (props) => renderWrapper(TopMenuUsps, props),\n  QuickSearchTrigger: (props) => renderWrapper(QuickSearchTrigger, props),\n  LanguageSelectDesktopContainer: (props) =>\n    renderWrapper(LanguageSelectDesktopContainer, props),\n  NewsletterRegistration: (props) =>\n    renderWrapper(NewsletterRegistration, props),\n  MediaBlockProductsButton: (props) =>\n    renderWrapper(MediaBlockProductsButton, props),\n  ProductPrice: (props) => renderWrapper(ProductPrice, props),\n  CustomResponsiveSlider: (props) =>\n    renderWrapper(CustomResponsiveSlider, props),\n  PageCardBlock: (props) => renderWrapper(PageCardBlock, props),\n  NewsList: (props) => renderWrapper(NewsList, props),\n  ProductPage: (props) => renderWrapper(ProductPage, props),\n  MeasuredWallpaperProductPage: (props) =>\n    renderWrapper(MeasuredWallpaperProductPage, props),\n  MegaMenuBlock: (props) => renderWrapper(MegaMenuBlock, props),\n  MobileProductCountBar: (props) =>\n    renderWrapper(MobileProductCountBar, props),\n  MobileStickyFilterBar: (props) =>\n    renderWrapper(MobileStickyFilterBar, props),\n  RegisterUserPage: (props) => renderWrapper(RegisterUserPage, props),\n  CollectionStore: (props) => renderWrapper(CollectionStore, props),\n  RetailerListContainer: (props) =>\n    renderWrapper(RetailerListContainer, props),\n  WallpaperCalculator: (props) =>\n    renderWrapper(WallpaperCalculator, props),\n  ContactForm: (props) => renderWrapper(ContactForm, props),\n  ToastContainer: (props) => renderWrapper(ToastContainer, props),\n  WallpaperSimulatorContainer: (props) =>\n    renderWrapper(WallpaperSimulatorContainer, props),\n  QuickOrder: (props) => renderWrapper(QuickOrder, props),\n  WishList: (props) => renderWrapper(WishList, props),\n  SubNavigationList: (props) => renderWrapper(SubNavigationList, props),\n  StickyStoreNavigation: (props) =>\n    renderWrapper(StickyStoreNavigation, props),\n  LoggedInIconAndDropdown: (props) =>\n    renderWrapper(LoggedInIconAndDropdown, props),\n  PriceToggle: (props) => renderWrapper(PriceToggle, props),\n  MeasuredWallpaperStandalone: (props) =>\n    renderWrapper(MeasuredWallpaperStandalone, props),\n  CheckoutStoreScreenContainer: (props) =>\n    renderWrapper(CheckoutStoreScreenContainer, props),\n  FileListBlock: (props) => renderWrapper(FileListBlock, props),\n};\n"],"sourceRoot":""}