\r\n 
\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n {this.renderRedirect()}\r\n this.onSearchPhraseUpdated(event)}\r\n onKeyPress={event => this.handleSearchAndRedirect(event)}\r\n ref={this.searchInputRef}\r\n />\r\n \r\n {/* */}\r\n
\r\n );\r\n }\r\n}\r\n\r\nSearchBox.contextType = TranslationsContext;\r\n\r\nexport default withRouter(SearchBox);","import * as React from 'react';\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\ntype RedirectButtonProps = {\r\n redirectUrl: string,\r\n buttonLabel: string,\r\n closeMenu?: () => void,\r\n additionalClass?: string\r\n};\r\n\r\nconst RedirectButton = (props: RedirectButtonProps) => {\r\n let history = useHistory();\r\n\r\n function handleClick() {\r\n history.push(props.redirectUrl);\r\n\r\n if (props.closeMenu) {\r\n props.closeMenu();\r\n }\r\n }\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default RedirectButton;","import * as React from 'react';\r\nimport IUserContext, { ISubscriptions, IUserProfile } from './user.context.interface';\r\nimport { IUser } from './user.context.interface';\r\nimport { Cart } from '../../http/modules/cart/cart.models';\r\nimport { CreateSubscriptionRequest } from '../../http/modules/subscriptions/subscriptions.models';\r\n\r\nconst defaultContext: IUserContext = {\r\n user: {} as IUser,\r\n cart: {} as Cart,\r\n updateQuantityInCart:((id: string, qty: number) => {}),\r\n refreshCart: (() => new Promise\r\n
\r\n );\r\n};\r\n\r\nServerErrorMessage.defaultProps = {\r\n translations: {\r\n somethingWentWrong: 'Sorry, something went wrong',\r\n tryAgain: 'Please try again',\r\n pleaseContact: 'If you continue experiencing issues, please contact',\r\n customerService: 'Customer Service',\r\n }\r\n};\r\n\r\nexport default ServerErrorMessage;","import * as React from 'react';\r\nimport HttpClient from '../../http/http.client';\r\nimport CheckUtils from '../../../utilities/check-utils';\r\nimport { HttpClientConfiguration } from '../../http/http.client.configuration';\r\nimport { IHttp } from '../../http/http.interface';\r\nimport { IProductModule } from '../../http/modules/product/product.interface';\r\nimport { ITranslationsModule } from '../../http/modules/translations/translations.interface';\r\nimport { ICartModule } from '../../http/modules/cart/cart.interface';\r\nimport { IOrdersModule } from '../../http/modules/orders/orders.interface';\r\nimport { ICustomerServiceModule } from '../../http/modules/customer-service/customer-service.interface';\r\nimport B2CHttp from '../../http/http';\r\nimport { ProductModule } from '../../http/modules/product/product.client';\r\nimport { TranslationsModule } from '../../http/modules/translations/translations.client';\r\nimport { CartModule } from '../../http/modules/cart/cart.client';\r\nimport { OrdersModule } from '../../http/modules/orders/orders.client';\r\nimport { CustomerServiceModule } from '../../http/modules/customer-service/customer-service.client';\r\nimport { IAuthModule } from '../../http/modules/auth/auth.interface';\r\nimport { AuthModule } from '../../http/modules/auth/auth.client';\r\nimport { IAccountModule } from '../../http/modules/account/account.interface';\r\nimport { AccountModule } from '../../http/modules/account/account.client';\r\nimport Spinner from '../../../components/common/spinner';\r\nimport { RouterPaths } from '../../const';\r\nimport ServerErrorMessage from '../../../components/common/server-error-message';\r\n\r\nlet client: HttpClient;\r\ninterface ProviderState {\r\n http: IHttp | null;\r\n product: IProductModule | null;\r\n translations: ITranslationsModule | null;\r\n cart: ICartModule | null;\r\n orders: IOrdersModule | null;\r\n customerService: ICustomerServiceModule | null;\r\n auth: IAuthModule | null;\r\n account: IAccountModule | null;\r\n hasError: boolean;\r\n}\r\n\r\ninterface ProviderProps {\r\n mainContainerRef: React.RefObject\r\n
\r\n {props.translations.tryAgain}
\r\n{props.translations.somethingWentWrong}.
\r\n{props.translations.pleaseContact} {props.translations.customerService}.
\r\n\r\n \r\n
\r\n \r\n {translations.confirmationMessage}\r\n
\r\n \r\n \r\n \r\n
\r\n - \r\n {props.products.map((product) => (\r\n
- \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n {product.name}\r\n {!configurationContext.isFeatureFlagEnabled(\"hideItemDescriptionInCart\") &&\r\n {product.description}\r\n }\r\n
\r\n\r\n \r\n {product.quantity} x {product.price}\r\n \r\n\r\n- \r\n {!CheckUtils.isNullOrEmptyString(product.colorName) &&\r\n
- {translations.color} : {product.colorName} \r\n }\r\n
\r\n \r\n ))}\r\n - \r\n {translations.shipping}\r\n{props.shippingPrice}\r\n \r\n
\r\n setMiniCartOpen(false)} />\r\n
\r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n {\r\n if (!props.disabled) {\r\n clearScheduledClose();\r\n setMiniCartOpen(true);\r\n }\r\n }}\r\n onMouseLeave={() => setMiniCartOpen(false)}\r\n >\r\n\r\n \r\n \r\n \r\n {props.total}\r\n {translations.items}\r\n \r\n \r\n\r\n {!CheckUtils.isNullOrEmptyArray(props.products) &&\r\n \r\n \r\n
\r\n }\r\n \r\n {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\r\n \r\n
\r\n \r\n
\r\n \r\n {renderProductList()}\r\n \r\n \r\n {props.total} {translations.itemsInCart}\r\n \r\n {props.totalPrice}\r\n
\r\n- \r\n {category.subcategories.map((subcategory) => (\r\n
- this.handleRedirectClick()}>{subcategory.title} \r\n ))}\r\n
\r\n
\r\n );\r\n }\r\n\r\n private handleRedirectClick() {\r\n this.hideMenu();\r\n this.setState({ showAccountLink: false, showCustomerServiceLink: false });\r\n }\r\n\r\n private hideMenu(): void {\r\n this.props.onMenuVisibilityChange(false);\r\n }\r\n\r\n private handleLogoutClicked() {\r\n this.props.userContext.clearUser();\r\n this.hideMenu();\r\n }\r\n\r\n private handleAccountShowMenuClicked() {\r\n this.setState({ showAccountLink: !this.state.showAccountLink });\r\n }\r\n\r\n private handleCustomerServiceMenuClicked() {\r\n this.setState({ showCustomerServiceLink: !this.state.showCustomerServiceLink });\r\n }\r\n\r\n private handleExpandableCategoryClicked(category: ProductCategory) {\r\n if (this.state.expandedCategoryId === category.id.toString()) {\r\n this.setState({ expandedCategoryId: \"\" })\r\n } else {\r\n this.setState({ expandedCategoryId: category.id.toString() })\r\n }\r\n }\r\n\r\n private isCategoryExpanded(category: ProductCategory) {\r\n return this.state.expandedCategoryId === category.id.toString();\r\n }\r\n}\r\n\r\nMobileHeaderMenu.contextType = TranslationsContext;\r\n","import * as React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport MobileHeaderMenu from '../page-header/mobile-header-menu';\r\nimport TranslationsContext from '../../infrastructure/context/translations/translations-context';\r\nimport TranslationsMenager from '../../infrastructure/translation-manager';\r\nimport { RouterPaths, TranslationKeys } from '../../infrastructure/const';\r\nimport UserContext from '../../infrastructure/context/user/user.context';\r\n\r\ntype MobileHeaderState = {\r\n isActive: boolean\r\n}\r\n\r\ntype MobileHeaderProps = {\r\n brand: string;\r\n}\r\n\r\nexport default class MobileHeader extends React.Component\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n - \r\n
- \r\n
\r\n {(staticContent) => (\r\n !CheckUtils.isNullObject(staticContent.customerService) && !CheckUtils.isNullObject(staticContent.customerService.menu) &&\r\n \r\n- \r\n {staticContent.customerService.menu.map((link) => (\r\n
- this.handleRedirectClick()}>{link.title} \r\n ))}\r\n
\r\n
- \r\n
- \r\n {userProfile && userProfile.isAuthenticated &&\r\n <>\r\n
- \r\n
- \r\n
this.handleLogoutClicked()}>\r\n {translations.logout}\r\n \r\n \r\n
this.handleRedirectClick()} />\r\n this.handleRedirectClick()} />\r\n this.handleRedirectClick()} />\r\n \r\n - \r\n
\r\n {this.renderHamburgerMenu()}\r\n {this.renderLogo()}\r\n this.onMenuVisibilityChange(isVisible)}\r\n userContext={userContext}\r\n />\r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n {userContext.cart.total}\r\n {/* {new TranslationsMenager(translationsContext).getTranslation(TranslationKeys.CART_ITEMS)} */}\r\n \r\n
\r\n - \r\n
- \r\n {userProfile && userProfile.isAuthenticated &&\r\n {userProfile.firstName} {userProfile.lastName}\r\n }\r\n {userProfile && !userProfile.isAuthenticated &&\r\n {translationManager.getTranslation(TranslationKeys.HEADER_LOGIN_BUTTON)}\r\n }\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default AccountHeader;","import * as React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport PageHeaderThemeContext from '../../infrastructure/context/pageheader-theme/pageheader-theme.context';\r\nimport IThemeContext from '../../infrastructure/context/pageheader-theme/pageheader-theme.context.interface';\r\nimport CheckUtils from '../../utilities/check-utils';\r\nimport classNames from 'classnames';\r\nimport { ProductCategory } from '../../infrastructure/http/modules/product/product.models';\r\nimport NavigationContext from '../../infrastructure/context/navigation/navigation.context';\r\nimport INavigationContext from '../../infrastructure/context/navigation/navigation.context.interface';\r\nimport ConfigurationContext from '../../infrastructure/context/configuration/configuration.context';\r\nimport IConfigurationContext from '../../infrastructure/context/configuration/configuration.context.interface';\r\nimport { FeatureFlagValues } from '../../infrastructure/const';\r\n\r\nexport default class CategoryMenuLinks extends React.Component {\r\n\r\n render(): JSX.Element {\r\n return (\r\n {translations.header}
\r\n\r\n {translations.text}\r\n
\r\n {!CheckUtils.isNullOrEmptyString(translations.goToShopping) &&\r\n {translations.goToShopping}\r\n }\r\n\r\n
\r\n );\r\n }\r\n\r\n private renderMenuLink(link: string, title: string, activeCategoryUrl: string) {\r\n const liClasses = classNames({\r\n 'level0 nav-connectline even first nav-1': true,\r\n 'active': activeCategoryUrl === link\r\n });\r\n\r\n return (\r\n \r\n \r\n
\r\n - \r\n {!CheckUtils.isNullOrEmptyString(translations.customerService) &&\r\n
- \r\n \r\n \r\n \r\n {translations.customerService}\r\n \r\n \r\n\r\n \r\n }\r\n {!CheckUtils.isNullOrEmptyString(translations.instructionalVideos) &&\r\n
- \r\n \r\n \r\n \r\n\r\n \r\n }\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst MenuLinkInner = (props: { category: ProductCategory, activeCategoryUrl: string, subcategories: ProductSubcategory[] }): JSX.Element => {\r\n const [hasSubcategories, setHasSubcategories] = useState(true);\r\n\r\n useEffect(() => {\r\n if (CheckUtils.isNullOrEmptyArray(props.subcategories)) {\r\n setHasSubcategories(false);\r\n };\r\n }, [props.subcategories]);\r\n\r\n return (\r\n \r\n
\r\n - \r\n {categories.map((category) => (\r\n
- \r\n {props.subcategories.map((subcategory) => (\r\n
- \r\n
\r\n {ReactHtmlParser(props.text)}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PageHeaderNotificationBar;","import React from 'react';\r\n\r\ntype PageHeaderTopBarProps = {\r\n phoneNumber: string;\r\n contactHours: string;\r\n sellingPoints: string[];\r\n};\r\n\r\nconst PageHeaderTopBar = (props: PageHeaderTopBarProps) => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PageHeaderTopBar;","import * as React from 'react';\r\nimport { withRouter, RouteComponentProps } from 'react-router-dom';\r\nimport SearchBar from '../search/search-bar';\r\nimport MiniCart from '../cart/mini-cart';\r\nimport MobileHeader from './mobile-header';\r\nimport PageHeaderLogo from './page-header-logo';\r\nimport PageHeaderLoginButton from './page-header-login-button';\r\nimport PageHeaderThemeContext from '../../infrastructure/context/pageheader-theme/pageheader-theme.context';\r\nimport UserContext from '../../infrastructure/context/user/user.context';\r\nimport IUserContext from '../../infrastructure/context/user/user.context.interface';\r\nimport { RouterPaths, PageHeaderThemes } from '../../infrastructure/const';\r\nimport IThemeContext from '../../infrastructure/context/pageheader-theme/pageheader-theme.context.interface';\r\nimport ConfigurationContext from '../../infrastructure/context/configuration/configuration.context';\r\nimport IConfigurationContext from '../../infrastructure/context/configuration/configuration.context.interface';\r\nimport AccountHeader from '../account/account-header';\r\nimport CategoryMenuLinks from '../menu/category-menu-links';\r\nimport PageHeaderLinks from './page-header-links';\r\nimport PageHeaderBottomLinks from './page-header-bottom-links';\r\nimport PageHeaderNotificationBar from './page-header-notification-bar';\r\nimport PageHeaderTopBar from './page-header-top-bar';\r\nimport IStaticContentContext from '../../infrastructure/context/static-content/static-content.context.interface';\r\nimport CheckUtils from '../../utilities/check-utils';\r\nimport StaticContentContext from '../../infrastructure/context/static-content/static-content.context';\r\n\r\ntype PageHeaderState = {\r\n translations: { [id: string]: string },\r\n isNotificationBarVisible: boolean\r\n};\r\n\r\nclass PageHeader extends React.Component\r\n
\r\n \r\n
\r\n - \r\n {props.sellingPoints.map((item, index) =>\r\n
- {item} \r\n )}\r\n
\r\n {props.phoneNumber}\r\n {props.contactHours}\r\n
}\r\n \r\n
\r\n {/* multi level menu */}\r\n \r\n \r\n {CheckUtils.isNullOrEmptyString(this.props.helpTextHtml) ? new TranslationManager(this.context).getTranslation(TranslationKeys.REQUIRED) : this.props.helpTextHtml}\r\n
\r\n }\r\n \r\n );\r\n }\r\n}\r\n\r\nInput.contextType = TranslationsContext;\r\n","import React, { ReactNode } from 'react';\r\nimport Input, { InputProps } from './input';\r\nimport TranslationsContext from '../../infrastructure/context/translations/translations-context';\r\nimport TranslationManager from '../../infrastructure/translation-manager';\r\nimport { TranslationKeys } from '../../infrastructure/const';\r\n\r\nclass EmailInput extends React.Component\r\n { window.open(this.props.link); }}\r\n title={this.props.linkDescription}\r\n >\r\n {this.props.linkDescription &&\r\n {this.props.linkDescription}\r\n }\r\n \r\n
\r\n );\r\n }\r\n}","import * as React from 'react';\r\nimport MaterialSpotItem from './material-spot-item';\r\nimport TranslationsContext from '../../infrastructure/context/translations/translations-context';\r\nimport { MaterialSpot } from '../../infrastructure/http/modules/static-content/static-content.models';\r\nimport CheckUtils from '../../utilities/check-utils';\r\n\r\nexport type MaterialSpotsProps = {\r\n items: MaterialSpot[];\r\n};\r\n\r\nexport default class MaterialSpots extends React.Component{ReactHtmlParser(this.props.title)}
\r\n{ReactHtmlParser(this.props.subtitle)}
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nMaterialSpots.contextType = TranslationsContext;","import * as React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport CheckUtils from '../../utilities/check-utils';\r\nimport { ProductCategory } from '../../infrastructure/http/modules/product/product.models';\r\nimport NavigationContext from '../../infrastructure/context/navigation/navigation.context';\r\nimport INavigationContext from '../../infrastructure/context/navigation/navigation.context.interface';\r\nimport TranslationsContext from '../../infrastructure/context/translations/translations-context';\r\nimport TranslationManager from '../../infrastructure/translation-manager';\r\nimport { TranslationKeys } from '../../infrastructure/const';\r\n\r\nexport default class CategoryMenuTiles extends React.Component {\r\n\r\n renderMenu(categories: ProductCategory[]): JSX.Element | null {\r\n return (\r\n \r\n
\r\n \r\n {this.props.items.map(block =>\r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {new TranslationManager(translationsContext).getTranslation(TranslationKeys.MENUTILES_HEADER)}\r\n
\r\n\r\n {!CheckUtils.isNullOrEmptyArray(categories) && categories.map(element => (\r\n this.renderMenuTile(element)\r\n ))}\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default LandingPageSplashBanner;","import React, { useContext } from 'react';\r\nimport ITranslationsContext from '../../../infrastructure/context/translations/translations-context.interface';\r\nimport TranslationsContext from '../../../infrastructure/context/translations/translations-context';\r\nimport TranslationManager from '../../../infrastructure/translation-manager';\r\nimport { TranslationKeys } from '../../../infrastructure/const';\r\n\r\nconst LandingPageSimpleWelcomeBanner = (): JSX.Element | null => {\r\n const context = useContext\r\n
\r\n \r\n \r\n 
\r\n
\r\n \r\n \r\n {(categoryContext) => (\r\n \r\n \r\n \r\n )}\r\n \r\n )\r\n }\r\n
\r\n {banner.title}
\r\n{ReactHtmlParser(banner.description)}
\r\n {\r\n banner.buttons.map((button, index) =>\r\n \r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default LandingPageSimpleWelcomeBanner;","import CheckUtils from \"./check-utils\";\r\n\r\nexport default class StringUtils {\r\n\r\n static removeSpaces(value: string): string {\r\n return value.replace(/\\s/g, '');\r\n }\r\n\r\n static removeSpecialCharacters(value: string): string {\r\n return value.replace(/[^\\w\\s]/gi, '');\r\n }\r\n\r\n static removeSpacesAndSpecialCharacters(value: string): string {\r\n const noCharactersLabel = this.removeSpecialCharacters(value);\r\n return StringUtils.removeSpaces(noCharactersLabel);\r\n }\r\n\r\n static convertEmailInTextToLink(text: string): string {\r\n if(CheckUtils.isNullOrEmptyString(text)){\r\n return \"\";\r\n }\r\n \r\n let emailsArray = text.match(/([a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\\.[a-zA-Z0-9._-]+)/gi);\r\n\r\n if (emailsArray === null) {\r\n return text;\r\n }\r\n\r\n for (let email of emailsArray) {\r\n const re = new RegExp(email, 'g');\r\n text = text.replace(re, `${email}`);\r\n }\r\n\r\n return text;\r\n }\r\n\r\n static convertPhoneNumberInTextToLink(text: string): string {\r\n let phonesNumberArray = text.match(/[+]*[(]{0,1}[0-9]{2,4}[)]{0,1}[-\\s/0-9]{3,4}[-\\s/0-9]{4,5}/g);\r\n\r\n if (phonesNumberArray === null) {\r\n return text;\r\n }\r\n\r\n for (let phoneNuber of phonesNumberArray) {\r\n const re = new RegExp(phoneNuber, 'g');\r\n text = text.replace(re, `${phoneNuber}`);\r\n }\r\n\r\n return text;\r\n }\r\n\r\n static convertStringWithNewLinesToHtmlString(text: string): string {\r\n const lines = text.split('\\n');\r\n if (lines.length > 1) {\r\n text = text.replace(/[\\n\\r]/g, '\r\n
\r\n {translationManager.getTranslation(TranslationKeys.LANDINGPAGE_WELCOMEMESSAGE)}
\r\n');\r\n }\r\n\r\n return text;\r\n }\r\n}","import React from 'react';\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport StringUtils from '../../utilities/string-utils';\r\n\r\ntype Props = {\r\n text: string;\r\n};\r\n\r\nconst MultiLineText = (props: Props): JSX.Element => {\r\n let text = props.text;\r\n text = StringUtils.convertStringWithNewLinesToHtmlString(text);\r\n\r\n return <>{ReactHtmlParser(text)};\r\n};\r\n\r\nexport default MultiLineText;","import React from \"react\";\r\nimport {\r\n AvailableNestedComponents,\r\n} from \"../../infrastructure/http/modules/static-content/static-content.models\";\r\n\r\nconst NestedComponent = (props: {\r\n nestedComponentName: string;\r\n availableComponentTypes: AvailableNestedComponents;\r\n}) => {\r\n if(!props.nestedComponentName || !props.availableComponentTypes) {\r\n return null;\r\n }\r\n\r\n const componentTypeKey = Object.keys(props.availableComponentTypes).find(\r\n (x) => x.toLowerCase() === props.nestedComponentName.toLowerCase()\r\n );\r\n\r\n if (!componentTypeKey) {\r\n return null;\r\n }\r\n\r\n const componentInfo = props.availableComponentTypes[componentTypeKey];\r\n const Component = componentInfo.component;\r\n return
\r\n
\r\n );\r\n};\r\n\r\nexport default IntroBannerSlide;\r\n","import React, { SyntheticEvent } from \"react\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport SwiperCore, { Autoplay, Pagination, Navigation } from \"swiper\";\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/modules/pagination/pagination.min.css\";\r\nimport \"swiper/modules/navigation/navigation.min.css\";\r\nimport IntroBannerSlide from \"./intro-banner-slide-content\";\r\nimport { IntroBanner } from \"../../../../infrastructure/http/modules/customer-service/customer-service.models\";\r\n\r\nSwiperCore.use([Autoplay]);\r\n\r\ninterface IProps {\r\n banners: IntroBanner[];\r\n onButtonClick: (e: SyntheticEvent\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {banner.buttons.map((button, index) => (\r\n \r\n {button.title}\r\n \r\n ))}\r\n
\r\n {!CheckUtils.isNullOrEmptyString(banner.bottomDisclaimer) && (\r\n \r\n {banner.bottomDisclaimer}\r\n \r\n )}\r\n \r\n {list.length > 1 ? (\r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default LandingPageIntroBanner;\r\n","import React from 'react';\r\nimport StringUtils from '../../utilities/string-utils';\r\nimport MultiLineText from '../common/new-line-text';\r\n\r\ntype TextComponentProps = {\r\n headingText: string;\r\n descriptionText: string;\r\n buttonText?: string;\r\n buttonUrl?: string;\r\n};\r\n\r\nconst TextComponent: React.FC\r\n
\r\n );\r\n};\r\n\r\nexport default TextComponent;","import React from 'react';\r\n\r\ntype TextImageComponentProps = {\r\n imgSrc: string;\r\n headingText: string;\r\n descriptionText: string;\r\n buttonText: string;\r\n buttonUrl: string;\r\n fullWidth?: boolean;\r\n};\r\n\r\nconst TextImageComponent: React.FC\r\n {props.headingText}\r\n
\r\n\r\n
\r\n {props.buttonText && }\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default TextImageComponent;","import React from 'react';\r\nimport { Partners } from '../../infrastructure/http/modules/static-content/static-content.models';\r\nimport CheckUtils from '../../utilities/check-utils';\r\n\r\ninterface Props {\r\n partners: Partners\r\n}\r\n\r\nconst PartnersSpot = (props: Props): JSX.Element | null => {\r\n if (CheckUtils.isNullObject(props.partners) || CheckUtils.isNullOrEmptyArray(props.partners.images)) {\r\n return null;\r\n };\r\n\r\n return (\r\n \r\n ![{props.headingText}]({\"./images/\")
\r\n
\r\n \r\n \r\n
\r\n \r\n {props.headingText}\r\n
\r\n\r\n {props.descriptionText}\r\n
\r\n \r\n\r\n {!CheckUtils.isNullOrEmptyString(props.partners.text) &&\r\n
\r\n );\r\n};\r\n\r\nexport default PartnersSpot;","import { TextImageSpot, TextImageSpotType } from \"../../../infrastructure/http/modules/static-content/static-content.models\";\r\n\r\nconst getTextImageSpotTypeFunction = function (item: TextImageSpot): TextImageSpotType {\r\n if (item.nestedComponentName) {\r\n return TextImageSpotType.NestedComponent;\r\n }\r\n\r\n if (item.image) {\r\n return TextImageSpotType.Image;\r\n }\r\n\r\n return TextImageSpotType.Text;\r\n}\r\n\r\nexport default getTextImageSpotTypeFunction;","import { TextImageSpot, TextImageSpotType } from \"../../../infrastructure/http/modules/static-content/static-content.models\";\r\nimport { TextImageSpotComponent } from \"../../../infrastructure/http/modules/static-content/static-content.models\";\r\nimport getTextImageSpotTypeFunction from \"./getSpotTypeFunction\";\r\n\r\nconst groupTextImageSpotsByTypeFunction = function (items: TextImageSpot[]): TextImageSpotComponent[] {\r\n let components: TextImageSpotComponent[] = [];\r\n\r\n if (!items) {\r\n return [];\r\n }\r\n\r\n for (let index = 0; index < items.length; index++) {\r\n const item = items[index];\r\n const type = getTextImageSpotTypeFunction(item);\r\n\r\n // First component in the list or additional component should always render as a new component\r\n if (index === 0 || type === TextImageSpotType.NestedComponent) {\r\n components.push({\r\n Type: type,\r\n Items: [item],\r\n } as TextImageSpotComponent);\r\n continue;\r\n }\r\n\r\n let previousType = components[components.length - 1].Type;\r\n\r\n // Items of the same type would be rendered next to each other as one component\r\n if (previousType === type) {\r\n components[components.length - 1].Items.push(item);\r\n continue;\r\n }\r\n\r\n // By default render as a separate component\r\n components.push({\r\n Type: type,\r\n Items: [item],\r\n } as TextImageSpotComponent);\r\n }\r\n\r\n return components;\r\n}\r\n\r\nexport default groupTextImageSpotsByTypeFunction;","import React, { useContext } from \"react\";\r\nimport TextComponent from \"./text-component\";\r\nimport TextImageComponent from \"./text-image-component\";\r\nimport CheckUtils from \"../../utilities/check-utils\";\r\nimport {\r\n AvailableNestedComponents,\r\n TextImageSpotComponent,\r\n TextImageSpotType,\r\n} from \"../../infrastructure/http/modules/static-content/static-content.models\";\r\nimport PartnersSpot from \"../landing-page/partners-spot\";\r\nimport StaticContentContext from \"../../infrastructure/context/static-content/static-content.context\";\r\nimport groupTextImageSpotsByTypeFunction from \"./helpers/groupSpotsByTypeFunction\";\r\nimport NestedComponent from \"../common/nested-component\";\r\nimport IStaticContentContext from \"../../infrastructure/context/static-content/static-content.context.interface\";\r\n\r\nconst TextImageSpots = (): JSX.Element | null => {\r\n const context = useContext\r\n {props.partners.text}\r\n
\r\n }\r\n\r\n {props.partners.images.map((imageUrl) =>\r\n 
\r\n )}\r\n
\r\n \r\n {component.Items.map((item) => (\r\n
\r\n );\r\n }\r\n })}\r\n \r\n );\r\n};\r\n\r\nexport default TextImageSpots;\r\n","import React, { useContext } from 'react';\r\nimport { AddProductRequest } from '../../infrastructure/http/modules/cart/cart.models';\r\nimport IUserContext from '../../infrastructure/context/user/user.context.interface';\r\nimport UserContext from '../../infrastructure/context/user/user.context';\r\nimport { GetHttpClientInstance } from '../../infrastructure/context/http/http-context-provider';\r\nimport TranslationsContext from '../../infrastructure/context/translations/translations-context';\r\nimport ITranslationsContext from '../../infrastructure/context/translations/translations-context.interface';\r\nimport TranslationManager from '../../infrastructure/translation-manager';\r\nimport { TranslationKeys } from '../../infrastructure/const';\r\n\r\ntype AddToCartButtonProps = {\r\n disabled: boolean,\r\n productId: string | null,\r\n quantity: number,\r\n classAttr: string,\r\n onClick: (() => void)\r\n onCartRefresh: (() => void)\r\n};\r\n\r\nconst AddToCartButton = (props: AddToCartButtonProps) => {\r\n const context = useContext\r\n {getPriceText()}\r\n
\r\n );\r\n};\r\n\r\nexport default ProductListPriceBox;","import React, { useContext, useState } from \"react\";\r\nimport SwiperCore, { Navigation } from \"swiper\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport { RouterPaths } from \"../../infrastructure/const\";\r\nimport INavigationContext from \"../../infrastructure/context/navigation/navigation.context.interface\";\r\nimport NavigationContext from \"../../infrastructure/context/navigation/navigation.context\";\r\nimport IConfigurationContext from \"../../infrastructure/context/configuration/configuration.context.interface\";\r\nimport ConfigurationContext from \"../../infrastructure/context/configuration/configuration.context\";\r\nimport CheckUtils from \"../../utilities/check-utils\";\r\nimport { Product } from \"../../infrastructure/http/modules/product/product.models\";\r\nimport AddToCartButton from \"./add-to-cart-button\";\r\nimport { Link } from \"react-router-dom\";\r\nimport ProductsEnrichmentUtils from \"../../utilities/product-enrichment-utils\";\r\nimport ProductListPriceBox from \"./product-list-price-box\";\r\n\r\ntype Props = {\r\n translations: SliderTranslations;\r\n products: Product[];\r\n displaySeeAllButton: boolean;\r\n seeAllRedirectionLink: string;\r\n};\r\n\r\nexport type SliderTranslations = {\r\n headerTitle: string;\r\n seeAll: string;\r\n addedToCart: string;\r\n};\r\n\r\nconst ProductListSlider = (props: Props): JSX.Element | null => {\r\n SwiperCore.use([Navigation]);\r\n\r\n if (CheckUtils.isNullOrEmptyArray(props.products)) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n {getAdditionalPriceText()}\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst ProductListSliderItem = (props: {\r\n addToCartTranslation: string;\r\n product: Product;\r\n}): JSX.Element => {\r\n const product = { ...props.product };\r\n\r\n const navigationContext = useContext\r\n \r\n {props.products.map((product) => (\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {props.translations.seeAll}\r\n \r\n )}\r\n
\r\n \r\n {props.translations.headerTitle}\r\n
\r\n\r\n {props.displaySeeAllButton && (\r\n\r\n {addedToCart && (\r\n \r\n onAddedToCart()}\r\n />\r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default ProductListSlider;\r\n","import React, { useContext, useEffect, useState } from 'react';\r\nimport ITranslationsContext from '../../infrastructure/context/translations/translations-context.interface';\r\nimport TranslationsContext from '../../infrastructure/context/translations/translations-context';\r\nimport TranslationManager from '../../infrastructure/translation-manager';\r\nimport { RouterPaths, TranslationKeys } from '../../infrastructure/const';\r\nimport IConfigurationContext from '../../infrastructure/context/configuration/configuration.context.interface';\r\nimport ConfigurationContext from '../../infrastructure/context/configuration/configuration.context';\r\nimport { GetHttpClientInstance } from '../../infrastructure/context/http/http-context-provider';\r\nimport CheckUtils from '../../utilities/check-utils';\r\nimport { Product } from '../../infrastructure/http/modules/product/product.models';\r\nimport ProductListSlider, { SliderTranslations } from './product-list-slider';\r\n\r\ntype Props = {\r\n productIds: Array\r\n \r\n {props.addToCartTranslation}\r\n
\r\n )}\r\n \r\n \r\n
\r\n {product.name}
\r\n\r\n
\r\n \r\n {!product.isConfigurable && (\r\n \r\n
// MiddleComponent\r\n );\r\n};\r\n\r\nexport default LandingPage;\r\n","import { MarketingDescriptionMetatags, MarketingDescriptionParagraphMetatag } from \"../infrastructure/const\";\r\nimport CheckUtils from \"./check-utils\";\r\n\r\nexport default class MetatagInterpreter {\r\n static convertToRegex(metatag: string): RegExp {\r\n return new RegExp(metatag.replace(/([.?*+^$[\\]\\\\(){}|-])/g, \"\\\\$1\"), 'g');\r\n }\r\n\r\n static convertParagraphsToNewLines(html: string): string {\r\n if(CheckUtils.isNullOrEmptyString(html)){\r\n return \"\";\r\n }\r\n html = html.replace(this.convertToRegex(MarketingDescriptionParagraphMetatag.start), \"\");\r\n html = html.replace(this.convertToRegex(MarketingDescriptionParagraphMetatag.end), \"\\n\");\r\n\r\n return html;\r\n }\r\n\r\n static convertToHtml(html: string): string {\r\n if(CheckUtils.isNullOrEmptyString(html)){\r\n return \"\";\r\n }\r\n Object.entries(MarketingDescriptionMetatags).forEach(([key, value]) => {\r\n let re = MetatagInterpreter.convertToRegex(key);\r\n html = html.replace(re, value);\r\n });\r\n return html;\r\n }\r\n\r\n static removeMarketingMetatags(html: string): string {\r\n if(CheckUtils.isNullOrEmptyString(html)){\r\n return \"\";\r\n }\r\n Object.entries(MarketingDescriptionMetatags).forEach(([key, value]) => {\r\n let re = MetatagInterpreter.convertToRegex(key);\r\n html = html.replace(re, \"\");\r\n });\r\n return html;\r\n }\r\n}","import React from 'react';\r\nimport { MarketingDescriptionMetatags } from '../../infrastructure/const';\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport CheckUtils from '../../utilities/check-utils';\r\nimport MetatagInterpreter from '../../utilities/metatag-interpreter';\r\n\r\ntype Props = {\r\n description: string,\r\n};\r\n\r\nconst ProductListMarketingDescription = (props: Props): JSX.Element | null => {\r\n\r\n if (CheckUtils.isNullOrEmptyString(props.description)) {\r\n return null;\r\n }\r\n\r\n let html = props.description;\r\n html = getLongDescriptionWithEllipsis(html);\r\n html = MetatagInterpreter.convertToHtml(html);\r\n\r\n return (\r\n \r\n \r\n {(configuration: IConfigurationContext) => (\r\n <>\r\n {\r\n configuration.getFeatureFlagValue(\"landingPageType\") === FeatureFlagValues.LandingPage.Splash &&\r\n \r\n \r\n {(staticContent: IStaticContentContext) => (\r\n <>\r\n\r\n \r\n
\r\n {ReactHtmlParser(html)}
\r\n );\r\n\r\n function getLongDescriptionWithEllipsis(description: string): string {\r\n if (CheckUtils.isNullOrEmptyString(description)) {\r\n return \"\";\r\n }\r\n\r\n // Convert custom metatags to new lines\r\n description = MetatagInterpreter.convertParagraphsToNewLines(description);\r\n\r\n // If description has paragraphs, show only 1st paragraph\r\n const paragraphs = description.split(\"\\n\");\r\n if (paragraphs.length > 1) {\r\n description = paragraphs[0];\r\n }\r\n\r\n // If there is no paragraphs in description or 1st paragraph is longer than 150 characters, show \"...\"\r\n if (description.length < 150) {\r\n return description;\r\n }\r\n\r\n //Do not inclued HTML tags into characters limit\r\n let charactersToAdd = 0;\r\n Object.keys(MarketingDescriptionMetatags).forEach((key: string) => {\r\n let re = MetatagInterpreter.convertToRegex(key);\r\n let count = (description.match(re) || []).length; // Number of occurences in the text\r\n const metatagLength = key.length;\r\n charactersToAdd += count * metatagLength;\r\n });\r\n\r\n return description.substr(0, 150 + charactersToAdd) + \"...\";\r\n }\r\n\r\n};\r\n\r\nexport default ProductListMarketingDescription;","import React, { useContext } from 'react';\r\nimport TranslationsContext from '../../infrastructure/context/translations/translations-context';\r\nimport ITranslationsContext from '../../infrastructure/context/translations/translations-context.interface';\r\nimport TranslationManager from '../../infrastructure/translation-manager';\r\nimport { TranslationKeys } from '../../infrastructure/const';\r\nimport { useHistory } from 'react-router-dom';\r\nimport IConfigurationContext from '../../infrastructure/context/configuration/configuration.context.interface';\r\nimport ConfigurationContext from '../../infrastructure/context/configuration/configuration.context';\r\nimport ProductsEnrichmentUtils from '../../utilities/product-enrichment-utils';\r\nimport INavigationContext from '../../infrastructure/context/navigation/navigation.context.interface';\r\nimport NavigationContext from '../../infrastructure/context/navigation/navigation.context';\r\nimport { Product } from '../../infrastructure/http/modules/product/product.models';\r\n\r\ntype SelectOptionButtonProps = {\r\n product: Product,\r\n classAttr?: string\r\n};\r\n\r\nconst SelectOptionButton = (props: SelectOptionButtonProps) => {\r\n const configurationContext = useContext\r\n {this.state.addedToCart &&\r\n
\r\n );\r\n }\r\n\r\n renderItemNumber(translationsContext: ITranslationsContext): JSX.Element | null {\r\n if (this.props.isConfigurable) {\r\n return null;\r\n }\r\n\r\n return (\r\n {new TranslationManager(translationsContext).getTranslation(TranslationKeys.PRINT_ITEMNUMBER)}: {this.props.itemNumber}\r\n );\r\n }\r\n\r\n renderAddToCartButton(): JSX.Element | null {\r\n if (this.props.isConfigurable) {\r\n return (\r\n \r\n \r\n {new TranslationManager(translationsContext).getTranslation(TranslationKeys.CART_ADDEDTOCART)}\r\n
\r\n }\r\n \r\n