\n
\n \n );\n};\n\nSearchBarComponent.defaultProps = {\n isFloatingBetweenComponents: false,\n isFocused: false,\n onSearch: () => {},\n prettyUrlTitle: '',\n query: '',\n redirectToSearch: true,\n searchLinks: [],\n searchUrl: '',\n title: '',\n microSitePath: ''\n};\n\nSearchBarComponent.propTypes = {\n colorScheme: PropTypes.string.isRequired,\n isFloatingBetweenComponents: PropTypes.bool,\n isFocused: PropTypes.bool,\n onSearch: PropTypes.func,\n prettyUrlTitle: PropTypes.string,\n query: PropTypes.string,\n redirectToSearch: PropTypes.bool,\n searchLinks: PropTypes.arrayOf(PropTypes.object),\n searchUrl: PropTypes.string,\n title: PropTypes.string,\n microSitePath: PropTypes.string\n};\n\nexport default SearchBarComponent;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SelectItem = ({ title, value }) => {\n return ;\n};\n\nSelectItem.propTypes = { title: PropTypes.string.isRequired, value: PropTypes.string.isRequired };\n\nexport default SelectItem;\n","import { apiGetService } from './baseApi.service';\n\nexport default function stateSearch(stateIDs) {\n return (async () => {\n const url = `/api/state/getRowsForStates?stateNodeIDs=${stateIDs.join('&stateNodeIDs=')}`;\n\n return apiGetService(url);\n })();\n}\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport SelectItem from '../layout/shared/SelectItem';\nimport { searchHeaderShape } from '../../types';\nimport stateSearch from '../../services/stateSearch.service';\nimport Loader from '../shared/loader/Loader';\nimport DataTableComponent from '../shared/dataTable/DataTableComponent';\n\nconst StateSelector = ({\n initialState,\n searchHeader,\n states,\n setShowContentDivider,\n showDataTableContentDivider\n}) => {\n const [dataRows, setDataRows] = useState([]);\n const [defaultValue, setDefaultValue] = useState('default');\n const [loading, setLoading] = useState(false);\n const [isExpanded, setIsExpanded] = useState(false);\n const [isPageLoaded, setIsPageLoaded] = useState(false);\n\n const setUrl = values => {\n let currentUrl = window.location.href;\n\n if (currentUrl.includes('stateid')) {\n // Remove it\n const index = currentUrl.indexOf('&stateid') || currentUrl.indexOf('?stateid');\n currentUrl = currentUrl.substring(0, index);\n }\n\n if (currentUrl.includes('?')) {\n // eslint-disable-next-line no-restricted-globals\n history.pushState({}, 'Filter Update', `${currentUrl}&stateid=${values}`);\n } else {\n // eslint-disable-next-line no-restricted-globals\n history.pushState({}, 'Filter Update', `${currentUrl}?stateid=${values}`);\n }\n };\n\n const getStateInfo = async values => {\n setLoading(true);\n setUrl(values);\n\n const response = await stateSearch(values.split(','));\n\n setDataRows(response);\n setShowContentDivider(false);\n setLoading(false);\n };\n\n if (!isPageLoaded) {\n setIsPageLoaded(true);\n\n if (initialState) {\n getStateInfo(initialState);\n setDefaultValue(initialState);\n }\n }\n\n return (\n <>\n {loading && \n {!isFloatingBetweenComponents && title &&
\n {title}
}\n closeDropdown()}>\n {children} }\n >\n \n \n {dropdownOpen && (\n
\n {searchLinks && searchLinks.length > 0 && (\n \n {Children.toArray(\n searchSuggestions.map(item => (\n
\n )}\n \n {item.url ? (\n e.preventDefault()}\n >\n \n {item.url}\n \n ) : (\n \n )}\n
\n ))\n )}\n \n {'E.g. '}\n {Children.toArray(\n searchLinks.map((link, index) => (\n \n \n {link.name}\n \n {index + 1 < searchLinks.length && ', '}\n \n ))\n )}\n
\n )}\n \n
\n {dataRows && dataRows.length > 0 && (\n \n
\n {searchHeader.title}
\n{searchHeader.subTitle}
\n\n \n setIsExpanded(!isExpanded)}\n onChange={selected => getStateInfo(selected.target.value)}\n >\n \n {states.length > 0 &&\n states.map(state => (\n
\n \n
\n )}\n \n );\n};\n\nStateSelectorComponent.defaultProps = {\n initialState: '',\n showContentDividerInitialState: true,\n showDataTableContentDivider: true\n};\n\nStateSelectorComponent.propTypes = {\n initialState: PropTypes.string,\n searchHeader: searchHeaderShape.isRequired,\n showContentDividerInitialState: PropTypes.bool,\n showDataTableContentDivider: PropTypes.bool,\n states: PropTypes.arrayOf(PropTypes.object).isRequired\n};\n\nexport default StateSelectorComponent;\n","export const SET_IS_SCROLL_PAST_NAV = 'SET_IS_SCROLL_PAST_NAV';\nexport const SET_IS_SCROLL_PAST_FOOTER = 'SET_IS_SCROLL_PAST_FOOTER';\n\nexport function setIsScrollPastNavAction(isScrollPastNav) {\n return {\n type: SET_IS_SCROLL_PAST_NAV,\n isScrollPastNav\n };\n}\n\nexport function setIsScrollPastFooterAction(isScrollPastFooter) {\n return {\n type: SET_IS_SCROLL_PAST_FOOTER,\n isScrollPastFooter\n };\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport LazyLoadImg from '../../widgets/shared/LazyLoadImg';\n\nimport { sizedImageShape } from '../../../types';\n\nconst Tile = ({ altText, image, title, statement, guid, selectItem, isActive }) => {\n return (\n \n
\n {showContentDivider && \n
\n );\n};\n\nTile.defaultProps = {\n altText: ''\n};\n\nTile.propTypes = {\n altText: PropTypes.string,\n image: sizedImageShape.isRequired,\n title: PropTypes.string.isRequired,\n statement: PropTypes.string.isRequired,\n guid: PropTypes.string.isRequired,\n selectItem: PropTypes.func.isRequired,\n isActive: PropTypes.bool.isRequired\n};\n\nexport default Tile;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SliderArrow = ({ className, to, onClick, img, currentSlide, checkIfHidden }) => {\n if (checkIfHidden(currentSlide)) return false;\n\n return (\n \n \n
\n \n \n
\n {parentPageUrl && (\n
\n );\n};\n\nGlobalComponentContainer.defaultProps = {\n parentPageTitle: null,\n parentPageUrl: null,\n shortDescription: null,\n title: null\n};\n\nGlobalComponentContainer.propTypes = {\n parentPageTitle: PropTypes.string,\n parentPageUrl: PropTypes.string,\n shortDescription: PropTypes.string,\n title: PropTypes.string\n};\n\nexport default GlobalComponentContainer;\n","import React from 'react';\nimport { Provider } from 'react-redux';\nimport getStore from '../../state/store';\n\nconst store = getStore();\n\nconst storeProvider = Component => props => (\n \n \n {parentPageTitle}\n \n
\n )}\n {title && {title}
}\n {shortDescription && }\n\n
\n \n \n {\n onDismiss();\n setHasCCPABanner(false);\n }}\n >\n Accept\n \n
\n \n
\n {hasCCPABanner && \n {!isMobileNavigation && (!hideFooterMenu || isWhiteLabel) && (\n
\n \n
\n )}\n {!hideFooterMenu &&\n menuItems() &&\n menuItems().map((item, index) => (\n \n \n
\n \n
\n ))}\n - \n
\n {newLineToBreak(corporateAddress)}\n {copyright}\n
\n )}\n\n {!isWhiteLabel &&\n legalMenuItems &&\n legalMenuItems.map(item =>
\n \n
\n )}\n \n );\n};\n\nPredictiveSearch.defaultProps = {\n isFiltered: false,\n items: [],\n onChange: () => {},\n onInputValueChange: () => {},\n onStateChange: () => {},\n placeholder: '',\n products: [],\n selectedInputValue: '',\n selectedItem: {}\n};\n\nPredictiveSearch.propTypes = {\n isFiltered: PropTypes.bool,\n items: PropTypes.arrayOf(PropTypes.object),\n onChange: PropTypes.func,\n onInputValueChange: PropTypes.func,\n onStateChange: PropTypes.func,\n placeholder: PropTypes.string,\n products: PropTypes.arrayOf(PropTypes.object),\n regex: PropTypes.instanceOf(RegExp).isRequired,\n selectedInputValue: PropTypes.string,\n selectedItem: selectedItemShape\n};\n\nexport default PredictiveSearch;\n","import React, { useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useCssVariables } from '../../utilities';\n\nconst FileStep = ({ backgroundColor, icon, number, text, textColor }) => {\n const numberRef = useRef(null);\n\n useCssVariables(numberRef, {\n '--number-background-color': `${backgroundColor || 'unset'}`,\n '--number-text-color': `${textColor || 'unset'}`\n });\n\n return (\n \n {inputValue && (\n {\n // DO NOT REMOVE AWAIT\n // TypeScript say's it's not needed,\n // but it is. Trust me...\n await clearSelection();\n openMenu();\n }}\n >\n 
\n \n )}\n \n \n \n\n {isOpen && (\n
\n \n {items\n .filter(\n item =>\n !inputValue || item.name.toLowerCase().includes(inputValue.toLowerCase())\n )\n .map((item, index) => (\n {\n return `${highlight}`;\n })} ${\n !isFiltered && item.title && item.title.length ? `(${item.title})` : ''\n }`\n }}\n />\n ))}\n
\n )}\n \n {icon ? (\n 
\n ) : (\n {number}\n )}\n \n
\n );\n};\n\nFileStep.defaultProps = {\n backgroundColor: '',\n icon: '',\n number: '',\n text: '',\n textColor: ''\n};\n\nFileStep.propTypes = {\n backgroundColor: PropTypes.string,\n icon: PropTypes.string,\n number: PropTypes.string,\n text: PropTypes.string,\n textColor: PropTypes.string\n};\n\nexport default FileStep;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport PredictiveSearch from '../shared/predictiveSearch/PredictiveSearch';\nimport DataTableComponent from '../shared/dataTable/DataTableComponent';\nimport FileStep from './FileStep';\n\nconst PaperClaimsLanding = ({\n fileProcess,\n initialProduct,\n instructionOneBackgroundColor,\n instructionOneIcon,\n instructionOneText,\n instructionOneTextColor,\n instructionTwoBackgroundColor,\n instructionTwoIcon,\n instructionTwoText,\n instructionTwoTextColor,\n instructionThreeBackgroundColor,\n instructionThreeIcon,\n instructionThreeText,\n instructionThreeTextColor,\n products,\n selectorDescription,\n selectorPlaceholder\n}) => {\n const [filteredProductsList, setFilteredProductsList] = useState([]);\n const [pageLoaded, setPageLoaded] = useState(false);\n const [regex, setRegex] = useState(new RegExp());\n const [selectedInputValue, setSelectedInputValue] = useState('');\n const [selectedProduct, setSelectedProduct] = useState({});\n const [isFiltered, setIsFiltered] = useState(false);\n\n const productsList = products.map(product => ({\n name: product.claimsProductName,\n rows: product.rows\n }));\n\n const clearSelection = () => {\n setSelectedInputValue('');\n setSelectedProduct({});\n };\n\n const getProducts = (businessUnitTitle, businessUnitAlias) => {\n clearSelection();\n setFilteredProductsList(productsList);\n setIsFiltered(false);\n\n if (businessUnitAlias && businessUnitAlias.length) {\n setFilteredProductsList(productsList.filter(product => product.alias === businessUnitAlias));\n setIsFiltered(true);\n }\n };\n\n const setUrl = product => {\n let currentUrl = window.location.href;\n\n if (currentUrl.includes('?')) {\n currentUrl = currentUrl.substring(0, currentUrl.indexOf('?'));\n }\n\n if (product) {\n // eslint-disable-next-line no-restricted-globals\n history.pushState({}, 'Filter Update', `${currentUrl}?product=${product}`);\n }\n };\n\n const onStateChange = changes => {\n const { selectedItem = selectedProduct, inputValue = selectedInputValue } = changes;\n setSelectedProduct(selectedItem);\n setSelectedInputValue(inputValue);\n\n if (selectedItem) {\n setUrl(selectedItem.name);\n }\n };\n\n const onChange = selectedItem => {\n if (selectedItem) {\n setSelectedProduct(selectedItem);\n } else {\n setSelectedProduct({});\n }\n };\n\n const setInitialProduct = () => {\n if (initialProduct) {\n const product = products.find(\n prod => prod.claimsProductName.toLowerCase() === initialProduct.toLowerCase()\n );\n setSelectedProduct(product);\n setSelectedInputValue(product.claimsProductName);\n }\n };\n\n const onInputValueChange = inputValue => {\n setRegex(new RegExp(`${inputValue}`, 'i'));\n };\n\n if (!pageLoaded) {\n setPageLoaded(true);\n getProducts();\n setInitialProduct();\n }\n return (\n \n
\n );\n};\n\nPaperClaimsLanding.defaultProps = {\n fileProcess: '',\n initialProduct: '',\n instructionOneBackgroundColor: '',\n instructionOneIcon: '',\n instructionOneTextColor: '',\n instructionTwoBackgroundColor: '',\n instructionTwoIcon: '',\n instructionTwoTextColor: '',\n instructionThreeBackgroundColor: '',\n instructionThreeIcon: '',\n instructionThreeTextColor: '',\n selectorDescription: '',\n selectorPlaceholder: ''\n};\n\nPaperClaimsLanding.propTypes = {\n fileProcess: PropTypes.string,\n initialProduct: PropTypes.string,\n instructionOneBackgroundColor: PropTypes.string,\n instructionOneIcon: PropTypes.string,\n instructionOneText: PropTypes.string.isRequired,\n instructionOneTextColor: PropTypes.string,\n instructionTwoBackgroundColor: PropTypes.string,\n instructionTwoIcon: PropTypes.string,\n instructionTwoText: PropTypes.string.isRequired,\n instructionTwoTextColor: PropTypes.string,\n instructionThreeBackgroundColor: PropTypes.string,\n instructionThreeIcon: PropTypes.string,\n instructionThreeText: PropTypes.string.isRequired,\n instructionThreeTextColor: PropTypes.string,\n products: PropTypes.arrayOf(PropTypes.object).isRequired,\n selectorDescription: PropTypes.string,\n selectorPlaceholder: PropTypes.string\n};\n\nexport default PaperClaimsLanding;\n","import React from 'react';\n\nconst TabletAndMobileContainer = props => {\n return ;\n};\n\nexport default TabletAndMobileContainer;\n","import React from 'react';\n\nconst DesktopContainer = props => {\n return ;\n};\n\nexport default DesktopContainer;\n","module.exports = __webpack_public_path__ + \"assets/f2e3d1a56594f9f0c40dfb1cdae696d8.svg\";","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst ParagraphItem = ({ description, title }) => {\n return (\n \n
\n \n
\n {fileProcess}
\n\n
\n \n
\n {selectorDescription}
\n )}\n\n {title}\n \n
\n );\n};\n\nParagraphItem.propTypes = {\n description: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired\n};\n\nexport default ParagraphItem;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport ParagraphItem from '../shared/ParagraphItem';\n\nconst ProductsServicesTileExpansion = ({ isSlider, overview, selectProduct, closeIcon }) => {\n return (\n <>\n \n
\n \n );\n};\n\nProductsServicesTileExpansion.propTypes = {\n isSlider: PropTypes.bool.isRequired,\n overview: PropTypes.string.isRequired,\n selectProduct: PropTypes.func.isRequired,\n closeIcon: PropTypes.string.isRequired\n};\n\nexport default ProductsServicesTileExpansion;\n","import React from 'react';\nimport ReactModal from 'react-modal';\nimport PropTypes from 'prop-types';\nimport ParagraphItem from '../shared/ParagraphItem';\n\nconst ProductsServicesModalExpansion = ({\n isActive,\n overview,\n selectProduct,\n shortDescription,\n title,\n closeIcon\n}) => {\n ReactModal.setAppElement('#wrapper');\n\n return (\n \n
\n \n
\n \n );\n};\n\nProductsServicesModalExpansion.defaultProps = {\n isActive: false,\n overview: '',\n shortDescription: '',\n title: '',\n closeIcon: ''\n};\n\nProductsServicesModalExpansion.propTypes = {\n isActive: PropTypes.bool,\n overview: PropTypes.string,\n selectProduct: PropTypes.func.isRequired,\n shortDescription: PropTypes.string,\n title: PropTypes.string,\n closeIcon: PropTypes.string\n};\n\nexport default ProductsServicesModalExpansion;\n","import React, { useState } from 'react';\nimport Slider from 'react-slick';\nimport PropTypes from 'prop-types';\nimport { Element } from 'react-scroll';\nimport DesktopContainer from '../../shared/DesktopContainer';\nimport TabletAndMobileContainer from '../../shared/TabletAndMobileContainer';\nimport GlobalComponentContainer from '../GlobalComponentContainer';\nimport ConditionalWrapper from '../../shared/conditionalWrapper/ConditionalWrapper';\nimport ProductsServicesTileExpansion from './ProductsServicesTileExpansion';\nimport ProductsServicesModalExpansion from './ProductsServicesModalExpansion';\nimport Tile from '../../shared/tile/Tile';\n\nconst ProductsServicesComponent = ({\n parentPageName,\n parentPageTitle,\n parentPageUrl,\n prettyUrlTitle,\n products,\n shortDescription,\n title,\n leftArrow,\n rightArrow,\n closeIcon\n}) => {\n let sliderRef;\n const [selectedProductGuid, selectProduct] = useState();\n const [selectedContentId, selectContent] = useState(0);\n const [isSlider, setIsSlider] = useState(true);\n\n const selectedProduct = products && products.find(tile => tile.guid === selectedProductGuid);\n\n const settings = {\n arrows: false,\n draggable: false,\n slidesToShow: 4,\n slidesToScroll: 1,\n infinite: true,\n lazyLoad: true,\n onReInit: () => {\n if (sliderRef) {\n setIsSlider(sliderRef.innerSlider.state.slideCount > 4);\n }\n }\n };\n\n const setSelectedProduct = guid => {\n if (guid === selectedProductGuid) {\n selectProduct();\n } else {\n selectProduct(guid);\n }\n // Sets overview content back to active when tile state changes\n selectContent(0);\n };\n\n const nextSlide = () => {\n sliderRef.slickNext();\n selectProduct();\n };\n\n const prevSlide = () => {\n sliderRef.slickPrev();\n selectProduct();\n };\n\n const productCount = products.length;\n return (\n \n
\n \n {title}
\n \n\n
\n \n
\n \n {children} }\n >\n \n \n \n \n \n
\n \n
\n \n
\n {productCount >= settings.slidesToShow + 1 && (\n \n
\n )}\n {`${productCount} Products & Services`}
\n\n {isSlider && (\n \n \n \n )}\n {isSlider ? (\n {\n sliderRef = component;\n }}\n {...settings}\n >\n {products.map(product => (\n
\n {selectedProductGuid && (\n \n {products.map(product => (\n
\n \n
\n \n {children} }\n >\n
\n \n
\n \n \n
\n \n \n
\n \n\n (\n setModalState(true)}\n >\n {children}\n \n )}\n >\n {videoUrl && (\n \n {children}\n \n )}\n >\n \n \n \n \n \n )\n ) : (\n hasLinks && (\n
\n - \n
- \n Quick Links\n \n {hasJumpLinks &&\n jumpLinks.map(link => (\n
- \n
- \n \n {link.name}\n \n \n ))}\n
\n
\n \n
\n \n <>\n \n \n \n \n \n
\n \n
\n \n {children} }\n >\n \n \n \n \n
\n {hasContentDivider && \n \n
\n \n \n
\n \n {children} }\n >\n
\n {title}
\n- \n {socialLinks.map((link, index) => (\n
- \n
\n \n\n
\n ))}\n
\n {Children.toArray(\n detailedContentItems.map(item => (\n
\n \n {children} }\n >\n
\n ))\n )}\n \n
\n \n \n
\n\n \n \n
\n \n\n (\n setSelectedContent(item.guid)}\n >\n {children}\n \n )}\n >\n {item.videoUrl && (\n \n {children}\n \n )}\n >\n {item.imageMobile && item.imageMobile.url ? (\n <>\n \n \n \n \n \n ) : (\n \n \n \n \n \n )}\n \n
\n \n
\n \n \n
\n {hasContentDivider && \n {states && (\n
\n \n \n
\n \n );\n};\n\nWhiteLabelSearchBarComponent.defaultProps = {\n isFloatingBetweenComponents: false,\n isFocused: false,\n onSearch: () => {},\n prettyUrlTitle: '',\n query: '',\n redirectToSearch: true,\n searchLinks: [],\n searchUrl: '',\n title: '',\n microSitePath: ''\n};\n\nWhiteLabelSearchBarComponent.propTypes = {\n colorScheme: PropTypes.string.isRequired,\n isFloatingBetweenComponents: PropTypes.bool,\n isFocused: PropTypes.bool,\n onSearch: PropTypes.func,\n prettyUrlTitle: PropTypes.string,\n query: PropTypes.string,\n redirectToSearch: PropTypes.bool,\n searchLinks: PropTypes.arrayOf(PropTypes.object),\n searchUrl: PropTypes.string,\n title: PropTypes.string,\n microSitePath: PropTypes.string\n};\n\nexport default WhiteLabelSearchBarComponent;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Element } from 'react-scroll';\nimport ConditionalWrapper from '../../shared/conditionalWrapper/ConditionalWrapper';\nimport ContentDivider from '../shared/ContentDivider';\n\nconst HtmlSnippetComponent = ({ hasContentDivider, html, prettyUrlTitle }) => {\n const content = html.replaceAll('<\\\\script', '\n {!isFloatingBetweenComponents && title &&
\n {title}
}\n closeDropdown()}>\n {children} }\n >\n \n \n {dropdownOpen && (\n
\n {searchLinks && searchLinks.length > 0 && (\n \n {searchSuggestions.map(item => (\n
\n )}\n \n {item.url ? (\n e.preventDefault()}\n >\n \n {item.url}\n \n ) : (\n \n )}\n
\n ))}\n \n {'E.g. '}\n {searchLinks.map((link, index) => (\n \n \n {link.name}\n \n {index + 1 < searchLinks.length && ', '}\n \n ))}\n
\n )}\n \n {children} }\n >\n
\n );\n};\nHtmlSnippetComponent.defaultProps = {\n hasContentDivider: false,\n prettyUrlTitle: ''\n};\n\nHtmlSnippetComponent.propTypes = {\n hasContentDivider: PropTypes.bool,\n html: PropTypes.string.isRequired,\n prettyUrlTitle: PropTypes.string\n};\n\nexport default HtmlSnippetComponent;\n","import React, { useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { Element } from 'react-scroll';\nimport { useCssVariables } from '../../../utilities';\n\nconst QuickCtaComponent = ({\n alignment,\n backgroundColor,\n ctaButtonBackgroundColor,\n ctaButtonTarget,\n ctaButtonText,\n ctaButtonTextColor,\n ctaButtonUrl,\n prettyUrlTitle,\n title,\n titleTextColor\n}) => {\n const quickCtaRef = useRef(null);\n\n useCssVariables(quickCtaRef, {\n '--background-color': `${backgroundColor || 'unset'}`,\n '--text-color': `${titleTextColor || 'unset'}`,\n '--cta-background-color': `${ctaButtonBackgroundColor || 'unset'}`,\n '--cta-text-color': `${ctaButtonTextColor || 'unset'}`\n });\n\n return (\n \n \n {hasContentDivider &&
\n \n \n
\n \n \n
\n \n
\n \n \n {ctaButtonText}\n \n
\n \n
\n \n {children} }\n >\n {title && (\n
\n {hasContentDivider && \n {description && (\n \n )}\n {hasMedia && (\n
\n \n \n {hasImage ? (\n (\n \n {children}\n \n )}\n >\n \n \n \n \n \n )}\n
\n )}\n \n
\n \n {children} }\n >\n
\n {hasContentDivider && \n
\n \n {title}
\n- \n {products &&\n products.map(item => (\n
- \n
\n <>{item.name}\n \n \n ))}\n
\n {children} }\n >\n
\n \n {previousProduct && (\n \n )}\n {nextProduct && (\n \n )}\n
\n {hasContentDivider && \n
\n );\n};\n\nFullWidthImageCarouselComponent.defaultProps = {\n isInfinite: false,\n leftArrow: '',\n rightArrow: '',\n slides: [],\n ...globalComponentDefaults\n};\n\nFullWidthImageCarouselComponent.propTypes = {\n isInfinite: PropTypes.bool,\n leftArrow: PropTypes.string,\n rightArrow: PropTypes.string,\n slides: PropTypes.arrayOf(fullWidthImageCarouselSlideShape),\n ...globalComponentProperties\n};\n\nexport default FullWidthImageCarouselComponent;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport ReactModal from 'react-modal';\nimport DesktopAndTabletContainerFull from '../../shared/DesktopAndTabletContainerFullWidth';\nimport MobileContainerFull from '../../shared/MobileContainerFullWidth';\nimport ConditionalWrapper from '../../shared/conditionalWrapper/ConditionalWrapper';\nimport VideoModal from '../shared/VideoModal';\nimport LazyLoadImg from '../shared/LazyLoadImg';\n\nconst IconText30By70ContentComponent = ({ iconTextItems }) => {\n const [selectedContentGuid, selectContent] = useState(null);\n\n const setSelectedContent = guid => {\n if (guid === selectedContentGuid) {\n selectContent(null);\n } else {\n selectContent(guid);\n }\n };\n\n const selectedContent =\n iconTextItems && iconTextItems.find(item => item.guid === selectedContentGuid);\n\n ReactModal.setAppElement('#wrapper');\n\n return (\n \n
\n \n \n {children} }\n >\n \n {slides.map((slide, index) => (\n // We have no stable ID to use for this array.\n // More information: https://reactjs.org/docs/lists-and-keys.html#keys\n // eslint-disable-next-line react/no-array-index-key\n \n \n \n
\n \n \n \n \n \n
\n ))}\n \n {iconTextItems.map(item => (\n
\n \n \n \n
\n ))}\n \n
\n \n \n
\n\n \n \n {item.image && item.image.url && (\n (\n \n {children}\n \n )}\n >\n {item.imageMobile && item.imageMobile.url ? (\n <>\n \n \n \n \n \n ) : (\n \n )}\n \n
\n \n {whiteLabelNavigationItems.map(item => (\n
\n \n \n {item.documentName}\n \n |\n
\n ))}\n \n
\n \n
\n {!shouldHideDivider && \n {author && (\n
\n {`Published by ${author.name} on ${newDate}`}
\n )}\n \n\n
\n \n
\n {author && (\n {SHARE_TITLE}
\n\n
\n \n
\n \n
\n \n 
\n
\n )}\n {topics && (\n {AUTHOR_TITLE}
\n \n{`Written by ${author.name}`}
\n \n \n\n \n {topic.displayName}\n \n ))}\n \n
\n )}\n {TOPICS_TITLE}
\n \n {topics.map(topic => (\n\n
\n );\n};\n\nClaimsLanding.defaultProps = {\n existingClaimImage: '',\n existingClaimText: '',\n fileProcess: '',\n howToVideoUrl: '',\n howToVideoUrlText: '',\n initialProduct: '',\n instructionOneBackgroundColor: '',\n instructionOneIcon: '',\n instructionOneTextColor: '',\n instructionTwoBackgroundColor: '',\n instructionTwoIcon: '',\n instructionTwoTextColor: '',\n instructionThreeBackgroundColor: '',\n instructionThreeIcon: '',\n instructionThreeTextColor: '',\n newClaimImage: '',\n newClaimText: '',\n onlineClaimExplanationText: '',\n onlineClaimShortDescription: '',\n onlineClaimTitle: '',\n onlineClaimUrl: '',\n onlineClaimUrlText: '',\n savedClaimImage: '',\n savedClaimText: '',\n selectorDescription: '',\n selectorPlaceholder: ''\n};\n\nClaimsLanding.propTypes = {\n existingClaimImage: PropTypes.string,\n existingClaimText: PropTypes.string,\n fileProcess: PropTypes.string,\n howToVideoUrl: PropTypes.string,\n howToVideoUrlText: PropTypes.string,\n initialProduct: PropTypes.string,\n instructionOneBackgroundColor: PropTypes.string,\n instructionOneIcon: PropTypes.string,\n instructionOneText: PropTypes.string.isRequired,\n instructionOneTextColor: PropTypes.string,\n instructionTwoBackgroundColor: PropTypes.string,\n instructionTwoIcon: PropTypes.string,\n instructionTwoText: PropTypes.string.isRequired,\n instructionTwoTextColor: PropTypes.string,\n instructionThreeBackgroundColor: PropTypes.string,\n instructionThreeIcon: PropTypes.string,\n instructionThreeText: PropTypes.string.isRequired,\n instructionThreeTextColor: PropTypes.string,\n newClaimImage: PropTypes.string,\n newClaimText: PropTypes.string,\n onlineClaimExplanationText: PropTypes.string,\n onlineClaimUrl: PropTypes.string,\n onlineClaimUrlText: PropTypes.string,\n onlineClaimShortDescription: PropTypes.string,\n onlineClaimTitle: PropTypes.string,\n products: PropTypes.arrayOf(PropTypes.object).isRequired,\n savedClaimImage: PropTypes.string,\n savedClaimText: PropTypes.string,\n selectorDescription: PropTypes.string,\n selectorPlaceholder: PropTypes.string\n};\n\nexport default ClaimsLanding;\n","module.exports = __webpack_public_path__ + \"assets/deda8c9c56b6dfb032888f38329ed24d.svg\";","import React, { useState } from 'react';\nimport AnimateHeight from 'react-animate-height';\nimport PropTypes from 'prop-types';\nimport { Element, scroller } from 'react-scroll';\nimport localStorage from 'local-storage';\n\nimport arrowUp from 'images/icons/layout/Arrow-Up-Purple.svg';\nimport arrowDown from 'images/icons/layout/Arrow-Down-Blue.svg';\n\nimport SearchBarComponent from '../widgets/searchBar/SearchBarComponent';\nimport AnchorWrapper from '../layout/shared/AnchorWrapper';\nimport PageWasLoadedFromBackOrForwardOperation from '../../services/browser.service';\n\nimport TabletAndMobileContainer from '../shared/TabletAndMobileContainer';\nimport Pager from '../shared/pager/Pager';\n\nimport { getSearch, submitClick } from '../../services/search.service';\nimport { isRunningOnServer } from '../../utilities';\n\nconst SearchLanding = ({\n alerts,\n businessUnitFilters,\n initialSearchText,\n miscFilters,\n noResultsText,\n searchLinks\n}) => {\n const STOREDSEARCHPARAMETERS = 'storedSearchParameters';\n const ALL = { audiences: null, key: 'All', title: 'All' };\n const ALLRESULTS = { displayValue: 'All Results', key: null, value: null };\n const itemsPerPage = 10;\n const [businessUnitFilterState, setSelectedBUFilter] = useState(ALL);\n const [searchItems, setSearchItems] = useState();\n const [searchText, setSearchText] = useState();\n const [searchId, setSearchId] = useState();\n const [pagerInfo, setPagerInfo] = useState();\n const [currentPage, setCurrentPage] = useState(1);\n const [isAccordionExpanded, setIsAccordionExpanded] = useState(false);\n const [isFilterExpanded, setIsFilterExpanded] = useState(false);\n const [currentFilter, setCurrentFilter] = useState(ALLRESULTS);\n const [isPageLoaded, setIsPageLoaded] = useState(false);\n\n const showResults = searchItems && searchItems.length > 0;\n const hasAlerts = !!alerts && !!alerts.length;\n\n const search = async (query, page, businessUnitFilter, filter) => {\n const searchFilter = filter == null ? currentFilter : filter;\n const buFilter = businessUnitFilter == null ? businessUnitFilterState : businessUnitFilter;\n\n localStorage.set(STOREDSEARCHPARAMETERS, {\n query,\n page,\n businessUnitFilter: buFilter,\n searchFilter\n });\n\n setCurrentPage(page);\n setSearchText(query);\n setSelectedBUFilter(buFilter);\n setCurrentFilter(searchFilter);\n\n const response = await getSearch(\n query,\n page,\n itemsPerPage,\n buFilter.title === ALL.title ? '' : buFilter.title,\n searchFilter.key === null ? null : searchFilter\n );\n\n if (response) {\n setSearchItems(response.listing.items);\n setPagerInfo(response.listing.pager);\n setSearchId(response.searchId);\n\n scroller.scrollTo('scroll', {\n smooth: true,\n duration: 500,\n delay: 150,\n offset: hasAlerts ? -200 : -150\n });\n }\n };\n\n const toggleBUFilters = () => {\n setIsAccordionExpanded(!isAccordionExpanded);\n setIsFilterExpanded(false);\n };\n\n const toggleFilters = () => {\n setIsFilterExpanded(!isFilterExpanded);\n setIsAccordionExpanded(false);\n };\n\n const getItemCountRange = () => {\n const start = (pagerInfo.currentPage - 1) * itemsPerPage + 1;\n const end =\n pagerInfo.currentPage * pagerInfo.pageSize < pagerInfo.totalItems\n ? pagerInfo.currentPage * pagerInfo.pageSize\n : pagerInfo.totalItems;\n\n return `${start}-${end}`;\n };\n\n const onSearch = async (query, page) => {\n await search(query, page, businessUnitFilterState, currentFilter);\n };\n\n const modifyFilter = async filter => {\n setCurrentFilter(filter);\n await search(searchText, 1, businessUnitFilterState, filter);\n };\n\n const setBusinessUnitFilter = businessUnitFilter => {\n setSelectedBUFilter(businessUnitFilter);\n setIsAccordionExpanded(false);\n search(searchText, 1, businessUnitFilter, currentFilter);\n };\n\n const submitClickAndNavigate = item => {\n const newItem = item;\n newItem.searchId = searchId;\n\n submitClick(newItem);\n\n window.location.href = item.url;\n };\n\n if (!isPageLoaded) {\n setIsPageLoaded(true);\n\n const storedSearchParameters = localStorage.get(STOREDSEARCHPARAMETERS);\n localStorage.remove(STOREDSEARCHPARAMETERS);\n\n if (storedSearchParameters != null && PageWasLoadedFromBackOrForwardOperation()) {\n search(\n storedSearchParameters.query,\n storedSearchParameters.page,\n storedSearchParameters.businessUnitFilter == null\n ? ALL\n : storedSearchParameters.businessUnitFilter,\n storedSearchParameters.searchFilter\n );\n } else if (initialSearchText) {\n search(initialSearchText, currentPage);\n }\n }\n\n return (\n <>\n \n
\n \n
\n \n
\n \n
\n \n \n openModal()}\n >\n \n {howToVideoUrlText || 'View the video on how to file an online claim'}\n \n \n \n {onlineClaimUrlText || 'Go to online claims'}\n \n\n
\n \n
\n \n 
\n
\n {newClaimText}
\n\n 
\n
\n {existingClaimText}
\n\n 
\n
\n {savedClaimText}
\n\n \n \n \n \n \n \n \n \n\n {showResults && pagerInfo && (\n \n \n
\n \n );\n};\n\nSearchLanding.defaultProps = {\n alerts: [],\n businessUnitFilters: [],\n initialSearchText: '',\n miscFilters: [],\n searchLinks: []\n};\n\nSearchLanding.propTypes = {\n alerts: PropTypes.arrayOf(PropTypes.object),\n businessUnitFilters: PropTypes.arrayOf(PropTypes.object),\n initialSearchText: PropTypes.string,\n miscFilters: PropTypes.arrayOf(PropTypes.object),\n noResultsText: PropTypes.string.isRequired,\n searchLinks: PropTypes.arrayOf(PropTypes.object)\n};\n\nexport default SearchLanding;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Element, scroller } from 'react-scroll';\nimport localStorage from 'local-storage';\n\nimport SearchBarComponent from '../widgets/searchBar/SearchBarComponent';\nimport AnchorWrapper from '../layout/shared/AnchorWrapper';\nimport PageWasLoadedFromBackOrForwardOperation from '../../services/browser.service';\n\nimport Pager from '../shared/pager/Pager';\n\nimport { getSearch, submitClick } from '../../services/search.service';\n\nconst ClientSearchLanding = ({\n alerts,\n initialSearchText,\n noResultsText,\n searchLinks,\n microSitePath\n}) => {\n const STOREDSEARCHPARAMETERS = 'storedSearchParameters';\n const ALL = { audiences: null, key: 'All', title: 'All' };\n const itemsPerPage = 10;\n const [searchItems, setSearchItems] = useState();\n const [searchText, setSearchText] = useState();\n const [searchId, setSearchId] = useState();\n const [pagerInfo, setPagerInfo] = useState();\n const [currentPage, setCurrentPage] = useState(1);\n const [isPageLoaded, setIsPageLoaded] = useState(false);\n\n const showResults = searchItems && searchItems.length > 0;\n const hasAlerts = !!alerts && !!alerts.length;\n\n const search = async (query, page) => {\n localStorage.set(STOREDSEARCHPARAMETERS, {\n query,\n page\n });\n\n setCurrentPage(page);\n setSearchText(query);\n\n const response = await getSearch(query, page, itemsPerPage, null, null, microSitePath);\n\n if (response) {\n setSearchItems(response.listing.items);\n setPagerInfo(response.listing.pager);\n setSearchId(response.searchId);\n\n scroller.scrollTo('scroll', {\n smooth: true,\n duration: 500,\n delay: 150,\n offset: hasAlerts ? -200 : -150\n });\n }\n };\n\n const getItemCountRange = () => {\n const start = (pagerInfo.currentPage - 1) * itemsPerPage + 1;\n const end =\n pagerInfo.currentPage * pagerInfo.pageSize < pagerInfo.totalItems\n ? pagerInfo.currentPage * pagerInfo.pageSize\n : pagerInfo.totalItems;\n\n return `${start}-${end}`;\n };\n\n const onSearch = async (query, page) => {\n await search(query, page, microSitePath);\n };\n\n const submitClickAndNavigate = item => {\n const newItem = item;\n newItem.searchId = searchId;\n\n submitClick(newItem);\n\n window.location.href = item.url;\n };\n\n if (!isPageLoaded) {\n setIsPageLoaded(true);\n\n const storedSearchParameters = localStorage.get(STOREDSEARCHPARAMETERS);\n localStorage.remove(STOREDSEARCHPARAMETERS);\n\n if (storedSearchParameters != null && PageWasLoadedFromBackOrForwardOperation()) {\n search(\n storedSearchParameters.query,\n storedSearchParameters.page,\n storedSearchParameters.businessUnitFilter == null\n ? ALL\n : storedSearchParameters.businessUnitFilter,\n storedSearchParameters.searchFilter\n );\n } else if (initialSearchText) {\n search(initialSearchText, currentPage);\n }\n }\n\n return (\n <>\n \n
\n \n
\n \n
\n \n {!isRunningOnServer() && businessUnitFilters && businessUnitFilters.length > 0 && (\n
\n - \n
- \n
- \n
\n {businessUnitFilters && businessUnitFilters.length > 0 && (\n
\n - \n
- \n \n \n
\n
\n - \n
- \n \n \n
- \n
- \n
- \n
\n
\n \n \n
\n - \n
- \n
- \n
- \n
- \n
- \n
\n
\n )}\n\n \n \n {`${getItemCountRange()} of\n ${pagerInfo.totalItems}\n Items Matching your Search Criteria`}\n \n
\n \n
\n \n {showResults ? (\n searchItems.map((item, index) => (\n \n <>{link.name}\n \n ))}\n \n )}\n \n )}\n
\n {showResults && pagerInfo && (\n \n \n submitClickAndNavigate({\n rank: index + (currentPage - 1) * itemsPerPage,\n searchItemId: item.searchItemId,\n url: item.url\n })\n }\n >\n \n {item.url}\n \n {item.businessUnitTitle && (\n {item.businessUnitTitle}\n )}\n \n
\n ))\n ) : (\n <>\n \n \n \n \n \n
\n \n );\n};\n\nClientSearchLanding.defaultProps = {\n alerts: [],\n initialSearchText: '',\n searchLinks: []\n};\n\nClientSearchLanding.propTypes = {\n alerts: PropTypes.arrayOf(PropTypes.object),\n initialSearchText: PropTypes.string,\n noResultsText: PropTypes.string.isRequired,\n searchLinks: PropTypes.arrayOf(PropTypes.object),\n microSitePath: PropTypes.string.isRequired\n};\n\nexport default ClientSearchLanding;\n","import React from 'react';\nimport ReactDOMServer from 'react-dom/server';\nimport PropTypes from 'prop-types';\n\nimport arrowLeft from '../../../images/icons/layout/Arrow-Left-Blue.svg';\n\nconst BreadCrumb = ({ breadCrumbs }) => {\n const desktopBreadCrumb = breadCrumbs\n .map(breadCrumb => {\n if (breadCrumb.url) {\n return ReactDOMServer.renderToStaticMarkup(\n {`${breadCrumb.name}`}\n );\n }\n\n return `${breadCrumb.name}`;\n })\n .join(' / ');\n\n const mobileBreadCrumb = breadCrumbs.reverse().find(breadCrumb => breadCrumb.url);\n return (\n \n
\n )}\n\n \n \n {`${getItemCountRange()} of\n ${pagerInfo.totalItems}\n Items Matching your Search Criteria`}\n \n
\n \n
\n \n {showResults ? (\n searchItems.map((item, index) => (\n \n <>{link.name}\n \n ))}\n \n )}\n \n )}\n
\n {showResults && pagerInfo && (\n \n \n submitClickAndNavigate({\n rank: index + (currentPage - 1) * itemsPerPage,\n searchItemId: item.searchItemId,\n url: item.url\n })\n }\n >\n \n {item.url}\n \n {item.businessUnitTitle && (\n {item.businessUnitTitle}\n )}\n \n
\n ))\n ) : (\n <>\n \n
\n );\n};\n\nBreadCrumb.defaultProps = {\n breadCrumbs: []\n};\n\nBreadCrumb.propTypes = {\n breadCrumbs: PropTypes.arrayOf(PropTypes.object)\n};\n\nexport default BreadCrumb;\n","import React, { useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport DateFormat from 'dateformat';\nimport cookie from 'react-cookies';\nimport classNames from 'classnames';\nimport { useCssVariables } from '../../../utilities';\n\nconst Alert = ({\n allowDismissal,\n color,\n count,\n dismissTiming,\n endDate,\n fullDetailsUrl,\n fullDetailsUrlTarget,\n hasDate,\n hasMultipleAlerts,\n icon,\n index,\n message,\n filterAlertsList,\n startDate,\n textColor,\n title\n}) => {\n const string = message;\n const lengthMobile = 100;\n const length = 180;\n\n const trimmedStringMobile =\n string.length > lengthMobile\n ? `${string.substring(0, lengthMobile - 3)}...`\n : string.substring(0, lengthMobile);\n const trimmedString =\n string.length > length ? `${string.substring(0, length - 3)}...` : string.substring(0, length);\n\n const newStartDate = new Date(startDate);\n const formattedStartDate = DateFormat(newStartDate, 'm/d/yyyy');\n const newEndDate = new Date(endDate);\n const formattedEndDate = DateFormat(newEndDate, 'm/d/yyyy');\n\n const onDismiss = cookieName => {\n cookie.save(cookieName, null, { path: '/', maxAge: dismissTiming * 3600 });\n };\n\n const alertRef = useRef(null);\n\n useCssVariables(alertRef, {\n '--text-color': `#${textColor}`,\n '--background-color': `#${color}`\n });\n\n return (\n \n \n
\n \n 
\n {mobileBreadCrumb && (\n \n {`${mobileBreadCrumb.name}`}\n \n )}\n
\n \n
\n \n );\n};\n\nAlert.defaultProps = {\n filterAlertsList: () => {},\n fullDetailsUrlTarget: '_self'\n};\n\nAlert.propTypes = {\n allowDismissal: PropTypes.bool.isRequired,\n color: PropTypes.string.isRequired,\n count: PropTypes.number.isRequired,\n dismissTiming: PropTypes.number.isRequired,\n endDate: PropTypes.string.isRequired,\n fullDetailsUrl: PropTypes.string.isRequired,\n fullDetailsUrlTarget: PropTypes.string,\n hasDate: PropTypes.bool.isRequired,\n hasMultipleAlerts: PropTypes.bool.isRequired,\n icon: PropTypes.string.isRequired,\n index: PropTypes.number.isRequired,\n message: PropTypes.string.isRequired,\n filterAlertsList: PropTypes.func,\n startDate: PropTypes.string.isRequired,\n textColor: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired\n};\n\nexport default Alert;\n","import React, { useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport Slider from 'react-slick';\nimport ArrowLeft from 'images/icons/layout/Arrow-Left-White.png';\nimport ArrowRight from 'images/icons/layout/Arrow-Right-White.png';\nimport { useCssVariables } from '../../../utilities';\nimport Alert from './Alert';\n\nconst Alerts = ({ alerts }) => {\n const sliderSettings = {\n adaptiveHeight: true,\n arrows: true,\n autoplay: false,\n dots: false\n };\n const [alertsList, setAlertsList] = useState(alerts);\n\n const hasMultipleAlerts = alertsList.length > 1;\n const alertsCount = alertsList.length;\n\n const filterAlertsList = index => {\n const array = [...alertsList];\n\n if (index > -1) {\n array.splice(index, 1);\n }\n\n if (array.length === 0) {\n window.location.reload();\n }\n\n setAlertsList(array);\n };\n\n const alertsRef = useRef(null);\n\n useCssVariables(alertsRef, {\n '--arrow-left': `url('${ArrowLeft}')`,\n '--arrow-right': `url('${ArrowRight}')`\n });\n\n return (\n \n \n \n {\n filterAlertsList(index);\n onDismiss(title);\n }}\n className=\"btn-no-style\"\n >\n Dismiss\n \n )}\n
\n \n {hasMultipleAlerts && {`Alert ${index + 1}/${count}: `}}\n : `\n : ''\n }${fullDetailsUrl && ` View Full Details`}`\n }}\n />\n \n {trimmedString}\n {trimmedStringMobile}\n {fullDetailsUrl && (\n View Full Details`\n }}\n />\n )}\n \n
\n {allowDismissal && (\n \n \n {alertsList &&\n alertsList.map((alert, index) => (\n \n
\n );\n};\n\nAlerts.defaultProps = {\n alerts: []\n};\n\nAlerts.propTypes = {\n alerts: PropTypes.arrayOf(PropTypes.object)\n};\n\nexport default Alerts;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport AnimateHeight from 'react-animate-height';\nimport arrowUp from 'images/icons/layout/Arrow-Up-Purple.svg';\nimport arrowDown from 'images/icons/layout/Arrow-Down-Blue.svg';\nimport DesktopContainer from '../../shared/DesktopContainer';\nimport TabletAndMobileContainer from '../../shared/TabletAndMobileContainer';\n\nconst BusinessUnitDetail = ({\n content,\n landingPageUrl,\n title,\n resourceLinks,\n resourceLinkTitle\n}) => {\n const [isExpanded, setIsExpanded] = useState(false);\n const hasResourceLinks = !!(resourceLinks && resourceLinks.length);\n const toggleSubMenu = () => {\n setIsExpanded(!isExpanded);\n };\n\n return (\n <>\n \n
\n \n
\n \n
\n \n \n {`More about ${title}`}\n
\n \n {hasResourceLinks &&
\n {resourceLinkTitle}
}\n {resourceLinks.map(link => (\n \n {link.name}\n \n ))}\n\n {`About ${title}`}\n {resourceLinks.map(link => (\n \n {link.name}\n \n ))}\n
\n \n selectBusinessUnit(businessUnitDetails)}\n >\n {businessUnitDetails.title}\n \n \n
\n );\n};\n\nBusinessUnitButton.defaultProps = {\n isActive: false\n};\n\nBusinessUnitButton.propTypes = {\n businessUnitDetails: businessUnit.isRequired,\n isActive: PropTypes.bool,\n selectBusinessUnit: PropTypes.func.isRequired\n};\n\nexport default BusinessUnitButton;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport AnimateHeight from 'react-animate-height';\nimport { isRunningOnServer } from '../../../utilities';\nimport BusinessUnitDetail from './BusinessUnitDetail';\nimport BusinessUnitButton from './BusinessUnitButton';\n\nconst DesktopMenuItem = ({\n businessUnitMenuItems,\n children,\n content,\n currentUrl,\n icon,\n isActive,\n name,\n showMenuItemsAsTiles,\n target,\n url\n}) => {\n const [isExpanded, setIsExpanded] = useState(false);\n const [selectedBusinessUnit, setSelectedBusinessUnit] = useState(null);\n const hasBusinessUnits = businessUnitMenuItems && !!businessUnitMenuItems.length;\n const hasValidSubLinks = !!(children && children.length);\n\n const headingHasIcon = !!icon;\n const hasSubMenuItems = hasValidSubLinks || hasBusinessUnits;\n\n const toggleSubMenu = value => {\n if (hasSubMenuItems) {\n setIsExpanded(value);\n\n if (!isExpanded) {\n setSelectedBusinessUnit(null);\n }\n }\n };\n\n const selectBusinessUnit = businessUnit => {\n if (selectedBusinessUnit === businessUnit) {\n setSelectedBusinessUnit(null);\n } else {\n setSelectedBusinessUnit(businessUnit);\n }\n };\n\n return (\n \n \n \n \n \n\n {hasValidSubLinks && !showMenuItemsAsTiles && (\n \n \n )}\n
\n )}\n \n
\n \n {headingHasIcon && }\n \n
\n \n
\n \n {hasBusinessUnits &&\n businessUnitMenuItems.map(businessUnit =>\n showMenuItemsAsTiles ? (\n \n {businessUnit.title}\n \n )\n )}\n {!hasBusinessUnits &&\n showMenuItemsAsTiles &&\n children.map(link => (\n \n {link.name}\n \n ))}\n
\n {selectedBusinessUnit && \n
\n \n {children.map(link => {\n return (\n \n {link.name}\n \n );\n })}\n
\n \n \n
\n \n );\n};\n\nDesktopNavigationMenu.defaultProps = {\n alerts: [],\n searchUrl: ''\n};\n\nDesktopNavigationMenu.propTypes = {\n alerts: PropTypes.arrayOf(PropTypes.object),\n currentUrl: PropTypes.string.isRequired,\n mainMenuItems: PropTypes.arrayOf(PropTypes.object).isRequired,\n globalImages: globalImage.isRequired,\n isScrollPastNav: PropTypes.bool.isRequired,\n hasAlerts: PropTypes.bool.isRequired,\n hasStickyNav: PropTypes.bool.isRequired,\n searchUrl: PropTypes.string,\n isWhiteLabel: PropTypes.bool.isRequired\n};\n\nexport default DesktopNavigationMenu;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport AnimateHeight from 'react-animate-height';\nimport arrowUp from 'images/icons/layout/Arrow-Up-Purple.svg';\nimport arrowDown from 'images/icons/layout/Arrow-Down-Blue.svg';\nimport BusinessUnitDetail from './BusinessUnitDetail';\n\nconst MobileMenuItem = ({\n businessUnitMenuItems,\n children,\n isActive,\n name,\n showMenuItemsAsTiles,\n url\n}) => {\n const [isExpanded, setIsExpanded] = useState(false);\n const hasBusinessUnits = businessUnitMenuItems && !!businessUnitMenuItems.length;\n const hasValidSubLinks = !!(children && children.length);\n const hasLink = !!url;\n const hasSubMenuItems = hasValidSubLinks || hasBusinessUnits;\n\n const toggleSubMenu = () => {\n if (hasSubMenuItems) {\n setIsExpanded(!isExpanded);\n }\n };\n\n const onClickOfItemWithLink = () => {\n if (hasSubMenuItems) {\n toggleSubMenu();\n\n if (isExpanded) {\n setIsExpanded(true);\n window.location.href = url;\n }\n } else {\n window.location.href = url;\n }\n };\n\n const buttonOnClick = hasLink ? onClickOfItemWithLink : toggleSubMenu;\n\n return (\n \n
\n - \n {hasBusinessUnits &&\n businessUnitMenuItems.map(businessUnit =>\n showMenuItemsAsTiles ? (\n
- \n \n {businessUnit.title}\n \n \n )\n )}\n\n {hasValidSubLinks &&\n !hasBusinessUnits &&\n children.map(link => {\n return (\n
- \n \n {link.name}\n \n \n );\n })}\n
- \n {mainMenuItems &&\n mainMenuItems.map(item => (\n
\n
\n );\n};\n\nCard.defaultProps = {\n altText: '',\n businessUnitTitle: '',\n contentType: '',\n submit: item => {\n window.location.href = item.link;\n },\n thumbnailImage: ''\n};\n\nCard.propTypes = {\n altText: PropTypes.string,\n businessUnitTitle: PropTypes.string,\n contentType: PropTypes.string,\n link: PropTypes.string.isRequired,\n rank: PropTypes.number.isRequired,\n searchItemId: PropTypes.string.isRequired,\n submit: PropTypes.func,\n title: PropTypes.string.isRequired,\n thumbnailImage: sizedImageShape\n};\n\nexport default Card;\n","import { apiGetService, apiPostService } from './baseApi.service';\n\nexport function newsroomSearch(filters, itemsPerPage, page, isBusinessUnit) {\n return (async () => {\n let url = `/api/newsroom/search?page=${page}&itemsPerPage=${itemsPerPage}&isBusinessUnit=${isBusinessUnit}`;\n let filtersList = '';\n\n if (filters) {\n filtersList = filters.map(filter => `&${filter.type}=${filter.values.join()}`).join('');\n url += `${filtersList}`;\n }\n\n return apiGetService(url);\n })();\n}\n\nexport function submitClick(item) {\n return (async () => {\n return apiPostService('/api/search/submitClick', item);\n })();\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst BusinessUnitItem = ({\n getNewsroomData,\n isActive,\n modifyFilters,\n setFilters,\n title,\n value\n}) => {\n return (\n \n \n submit({\n link,\n rank,\n searchItemId\n })\n }\n title={`Link to ${title}`}\n >\n
\n \n {hasImage && (\n
\n \n {contentType}\n
\n \n {title}
\n {businessUnitTitle ? (\n {businessUnitTitle}\n ) : (\n Trustmark\n )}\n\n {\n const filters = modifyFilters(type, value, false);\n setFilters(filters);\n getNewsroomData(1, filters, false);\n }}\n />\n \n
\n );\n};\n\nCheckbox.defaultProps = {\n getNewsroomData: () => {},\n label: '',\n modifyFilters: () => {},\n setFilters: () => {},\n type: ''\n};\n\nCheckbox.propTypes = {\n getNewsroomData: PropTypes.func,\n isSelected: PropTypes.bool.isRequired,\n label: PropTypes.string,\n modifyFilters: PropTypes.func,\n setFilters: PropTypes.func,\n type: PropTypes.string,\n value: PropTypes.string.isRequired\n};\n\nexport default Checkbox;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { valuesShape } from '../../../types';\n\nimport Checkbox from './Checkbox';\n\nconst FilterSection = ({ getNewsroomData, modifyFilters, setFilters, title, type, values }) => {\n return (\n \n {title}\n {values.map(item => (\n
\n );\n};\n\nFilterSection.defaultProps = {\n getNewsroomData: () => {},\n modifyFilters: () => {},\n setFilters: () => {},\n title: '',\n type: '',\n values: []\n};\n\nFilterSection.propTypes = {\n getNewsroomData: PropTypes.func,\n modifyFilters: PropTypes.func,\n setFilters: PropTypes.func,\n title: PropTypes.string,\n type: PropTypes.string,\n values: PropTypes.arrayOf(valuesShape)\n};\n\nexport default FilterSection;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport arrowUp from 'images/icons/layout/Arrow-Up-Purple.svg';\nimport arrowDown from 'images/icons/layout/Arrow-Down-Blue.svg';\n\nimport AnimateHeight from 'react-animate-height';\nimport BusinessUnitItem from '../../layout/shared/BusinessUnitItem';\nimport FilterSection from './FilterSection';\n\nimport { filtersShape } from '../../../types';\n\nimport { ALL_ITEMS, ALL_TRUSTMARK } from '../../../constants/newsroom';\n\nconst SearchFilters = ({\n allItems,\n clearFilters,\n filterCount,\n getData,\n isBusinessUnit,\n isLoaded,\n modifyFilters,\n page,\n response,\n setFilters\n}) => {\n const [isExpanded, setIsExpanded] = useState(false);\n const [isAccordionExpanded, setAccordionIsExpanded] = useState(false);\n\n const list = allItems;\n const filtersListing = response.filters;\n\n let businessUnits = [];\n let filterItems = [];\n const toggleFilters = () => {\n setIsExpanded(!isExpanded);\n setAccordionIsExpanded(false);\n };\n\n if (isLoaded && list.length > 0) {\n const businessUnitFilters = filtersListing.find(\n filterType => filterType.key === 'businessunittitle'\n );\n\n if (businessUnitFilters) {\n businessUnits = businessUnitFilters.items.map(item => ({\n isSelected: item.isSelected,\n label: item.label,\n value: item.value\n }));\n }\n\n filterItems = filtersListing\n .filter(filterType => filterType.key !== 'businessunittitle')\n .map(filter => ({\n title: filter.label,\n type: filter.key,\n values: filter.items.map(item => ({\n isSelected: item.isSelected,\n label: item.label,\n value: item.value\n }))\n }));\n }\n\n const toggleBUFilters = () => {\n setAccordionIsExpanded(!isAccordionExpanded);\n setIsExpanded(false);\n };\n\n return (\n <>\n \n
\n \n
\n \n {isBusinessUnit && (\n
\n \n {businessUnits && businessUnits.length > 0 && (\n
\n )}\n {isLoaded && (\n <>\n - \n
\n
\n - \n
- \n \n \n
\n
\n \n )}\n - \n
- \n \n \n
\n
\n \n \n {filterItems.map(filter => (\n
\n \n {\n getData(1, clearFilters(), false);\n }}\n type=\"button\"\n >\n Reset Filters\n \n
\n \n
\n \n \n );\n};\n\nSearchFilters.defaultProps = {\n allItems: [],\n isLoaded: false,\n response: {}\n};\n\nSearchFilters.propTypes = {\n allItems: PropTypes.arrayOf(PropTypes.object),\n clearFilters: PropTypes.func.isRequired,\n filterCount: PropTypes.number.isRequired,\n getData: PropTypes.func.isRequired,\n isBusinessUnit: PropTypes.bool.isRequired,\n isLoaded: PropTypes.bool,\n modifyFilters: PropTypes.func.isRequired,\n page: PropTypes.number.isRequired,\n response: filtersShape,\n setFilters: PropTypes.func.isRequired\n};\n\nexport default SearchFilters;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Card from '../../shared/card/Card';\nimport Loader from '../../shared/loader/Loader';\nimport { newsroomSearch, submitClick } from '../../../services/newsroomSearch.service';\nimport getQueryStringParameters from '../../../services/queryString.service';\n\nimport SearchFilters from '../../shared/searchFilters/SearchFilters';\nimport DesktopContainer from '../../shared/DesktopContainer';\nimport TabletAndMobileContainer from '../../shared/TabletAndMobileContainer';\n\nimport { SHOW_MORE, FEATURED_TITLE } from '../../../constants/newsroom';\n\nconst NewsroomLanding = ({ businessUnitTitle }) => {\n const [allItems, setAllItems] = useState([]);\n const [apiResponse, setApiResponse] = useState();\n const [filters, setFilters] = useState([]);\n const [isLoading, setIsLoading] = useState(true);\n const [page, setPage] = useState(1);\n const [pageLoaded, setPageLoaded] = useState(false);\n const [searchId, setSearchId] = useState();\n\n let itemsPerPage = 20;\n\n const totalItems = apiResponse && apiResponse.listing.pager.totalItems;\n const featuredItems = allItems && allItems.filter(item => item.isFeatured);\n const items = allItems && allItems.filter(item => !item.isFeatured);\n const isBusinessUnit = businessUnitTitle === '';\n const showFeaturedSection = featuredItems && !!featuredItems.length;\n let filterCount = 0;\n\n if (apiResponse) {\n const filterResponse = apiResponse.filters;\n filterCount = filterResponse\n .map(section => section.items.filter(filter => filter.isSelected === true).length)\n .reduce((a, b) => a + b, 0);\n }\n\n const getNewsroomData = (pageNumber, filterList, pageChanged) => {\n const fetchData = async () => {\n setIsLoading(true);\n if (!pageChanged) {\n setPage(1);\n }\n const response = await newsroomSearch(\n filterList,\n itemsPerPage,\n pageNumber,\n businessUnitTitle !== ''\n );\n setApiResponse(response);\n setAllItems(existingItems =>\n existingItems && pageChanged\n ? existingItems.concat(response.listing.items)\n : response.listing.items\n );\n setSearchId(response.searchId);\n setIsLoading(false);\n };\n fetchData();\n };\n\n const isShowMoreVisible = () => {\n return items && totalItems > items.length;\n };\n\n const setUrl = filtersList => {\n let currentUrl = window.location.href;\n let currentFilters = filtersList;\n\n if (currentUrl.includes('?')) {\n currentUrl = currentUrl.substring(0, currentUrl.indexOf('?'));\n }\n\n if (businessUnitTitle) {\n currentFilters = filtersList.filter(filter => filter.type !== 'businessunittitle');\n }\n\n if (currentFilters) {\n const props = currentFilters\n .filter(filter => filter.values.length > 0)\n .map(filter => `&${filter.type}=${filter.values.join()}`)\n .join('')\n .slice(1);\n\n if (!props) {\n // eslint-disable-next-line no-restricted-globals\n history.pushState({}, 'Filter Update', `${currentUrl}`);\n } else {\n // eslint-disable-next-line no-restricted-globals\n history.pushState({}, 'Filter Update', `${currentUrl}?${props}`);\n }\n }\n };\n\n const modifyFilters = (originalFilters, type, value, removeOthers) => {\n const filtersList = [...originalFilters];\n if (type === '' || value === '') {\n return originalFilters;\n }\n\n if (filtersList && filtersList.some(item => item.type === type)) {\n const item = filtersList.filter(filter => filter.type === type)[0];\n const splitValues = value.split(',');\n\n if (item.values.length === 1) {\n item.values = item.values[0].split(',');\n }\n\n splitValues.forEach(v => {\n const itemIndex = item.values.indexOf(v);\n if (itemIndex === -1) {\n if (removeOthers) {\n item.values = [v];\n } else {\n item.values.push(v);\n }\n } else if (!removeOthers) {\n item.values.splice(itemIndex, 1);\n }\n });\n } else {\n filtersList.push({ type, values: [value] });\n }\n\n setUrl(filtersList);\n\n return filtersList;\n };\n\n const modifyFiltersOnClick = (type, value, removeOthers) => {\n let filtersList = [...filters];\n\n filtersList = modifyFilters(filtersList, type, value, removeOthers);\n\n return filtersList;\n };\n\n const clearFilters = () => {\n let newFilters = [];\n if (businessUnitTitle !== '') {\n newFilters = filters.filter(item => item.type === 'businessunittitle');\n }\n setFilters(newFilters);\n setUrl(newFilters);\n return newFilters;\n };\n\n const submitClickAndNavigate = item => {\n const newItem = item;\n newItem.searchId = searchId;\n\n submitClick(newItem);\n\n window.location.href = item.link;\n };\n\n if (!pageLoaded) {\n setPageLoaded(true);\n\n getQueryStringParameters().then(queryStringParameters => {\n let filterList = [];\n\n Object.keys(queryStringParameters).forEach(key => {\n const values = queryStringParameters[key];\n values.split(',').forEach(value => {\n filterList = modifyFilters(filterList, key, value, false);\n });\n });\n\n if (businessUnitTitle !== '') {\n filterList = modifyFilters(filterList, 'businessunittitle', businessUnitTitle, true);\n }\n\n setFilters(filterList);\n\n getNewsroomData(1, filterList, false);\n });\n }\n\n return (\n <>\n \n {businessUnits && businessUnits.length > 0 && (\n
\n - \n
\n {isLoading && \n \n\n {items && totalItems ? (\n \n \n \n ) : (\n ''\n )}\n
\n \n );\n};\n\nNewsroomLanding.defaultProps = {\n businessUnitTitle: ''\n};\n\nNewsroomLanding.propTypes = {\n businessUnitTitle: PropTypes.string\n};\n\nexport default NewsroomLanding;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { searchHeaderShape } from '../../types';\nimport DataTableComponent from '../shared/dataTable/DataTableComponent';\nimport StateSelectorComponent from './StateSelectorComponent';\n\nconst ContactUsGlobalComponent = ({\n hideStateSelector,\n initialState,\n rows,\n searchHeader,\n states\n}) => {\n return (\n \n
\n ) : (\n ''\n )}\n\n {showFeaturedSection && (\n \n {`1-${items.length} of ${totalItems} Items`}\n
\n \n
\n \n )}\n {items && totalItems ? (\n {FEATURED_TITLE}
\n\n {featuredItems &&\n featuredItems.map((item, index) => (\n
\n \n \n {\n setPage(page + 1);\n itemsPerPage = 20;\n getNewsroomData(page + 1, filters, true);\n }}\n >\n {SHOW_MORE}\n \n \n \n {\n setPage(page === 1 ? page + 2 : page + 1);\n itemsPerPage = 10;\n getNewsroomData(page === 1 ? page + 2 : page + 1, filters, true);\n }}\n >\n {SHOW_MORE}\n \n \n \n )}\n
\n \n {items &&\n items.map((item, index) => (\n
\n {isShowMoreVisible() && (\n <>\n \n
\n );\n};\n\nContactUsGlobalComponent.defaultProps = {\n initialState: '',\n searchHeader: {}\n};\n\nContactUsGlobalComponent.propTypes = {\n hideStateSelector: PropTypes.bool.isRequired,\n initialState: PropTypes.string,\n rows: PropTypes.arrayOf(PropTypes.object).isRequired,\n searchHeader: searchHeaderShape,\n states: PropTypes.arrayOf(PropTypes.object).isRequired\n};\n\nexport default ContactUsGlobalComponent;\n","export const CORPORATE = 'Corporate';\nexport const BU_DROPDOWN_TITLE = 'Select an Area of Specialization';\nexport const BU_ALL_OPTION = 'Corporate';\nexport const AUDIENCE_DROPDOWN_TITLE = 'Tell us A Little About Yourself';\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport AnimateHeight from 'react-animate-height';\n\nimport arrowUp from 'images/icons/layout/Arrow-Up-Purple.svg';\nimport arrowDown from 'images/icons/layout/Arrow-Down-Blue.svg';\n\nimport {\n AUDIENCE_DROPDOWN_TITLE,\n BU_ALL_OPTION,\n BU_DROPDOWN_TITLE,\n CORPORATE\n} from '../../constants/contact-us';\n\nconst ContactUsFilters = ({\n filters,\n getAudienceData,\n initialAudienceFilter,\n initialBusinessUnitFilter\n}) => {\n const businessUnits = filters;\n const [isFirstLoad, setIsFirstLoad] = useState(true);\n const [isBUAccordionExpanded, setBUAccordionIsExpanded] = useState(false);\n const [isAudienceAccordionExpanded, setAudienceAccordionIsExpanded] = useState(false);\n const [selectedBUFilter, setSelectedBUFilter] = useState(CORPORATE);\n const [selectedAudience, setSelectedAudience] = useState(null);\n\n const toggleBUFilters = () => {\n setBUAccordionIsExpanded(!isBUAccordionExpanded);\n };\n\n const toggleAudienceFilters = () => {\n setAudienceAccordionIsExpanded(!isAudienceAccordionExpanded);\n };\n\n const setUrl = (businessUnit, audience) => {\n let currentUrl = window.location.href;\n\n if (currentUrl.includes('?')) {\n currentUrl = currentUrl.substring(0, currentUrl.indexOf('?'));\n }\n\n if (!businessUnit && !audience) {\n // eslint-disable-next-line no-restricted-globals\n history.pushState({}, 'Filter Update', `${currentUrl}`);\n } else {\n // eslint-disable-next-line no-restricted-globals\n history.pushState(\n {},\n 'Filter Update',\n `${currentUrl}?bu=${businessUnit}&audience=${audience}`\n );\n }\n };\n\n const setBusinessUnitFilter = (businessUnit, initialAudience, skipUrl) => {\n toggleBUFilters();\n setSelectedBUFilter(businessUnit);\n\n if (businessUnit === CORPORATE) {\n getAudienceData(null, null);\n setUrl(null, null);\n return;\n }\n\n let audience = '';\n\n if (initialAudience && businessUnit !== CORPORATE) {\n audience = initialAudience;\n } else {\n audience = businessUnit.audiences[0].toString();\n }\n\n setSelectedAudience(audience);\n getAudienceData(businessUnit.key, audience);\n\n if (!skipUrl) {\n setUrl(businessUnit.key, audience);\n }\n };\n\n const setAudienceFilter = audience => {\n toggleAudienceFilters();\n setSelectedAudience(audience);\n getAudienceData(selectedBUFilter.key, audience);\n setUrl(selectedBUFilter.key, audience);\n };\n\n const initializeBUFilter = () => {\n if (initialBusinessUnitFilter) {\n setBusinessUnitFilter(\n businessUnits.find(\n bu => bu.key.toLowerCase() === initialBusinessUnitFilter.toLowerCase()\n ) || CORPORATE,\n initialAudienceFilter,\n true\n );\n } else {\n setSelectedBUFilter(CORPORATE);\n }\n\n setBUAccordionIsExpanded(false);\n };\n\n if (isFirstLoad) {\n setIsFirstLoad(false);\n initializeBUFilter();\n }\n\n return (\n \n
\n {selectedBUFilter !== CORPORATE && (\n \n
\n \n
\n \n {businessUnits && businessUnits.length > 0 && (\n
\n - \n
- \n
- \n
\n \n \n
\n {BU_DROPDOWN_TITLE}
\n- \n
- \n \n \n
\n
\n \n {selectedBUFilter !== CORPORATE && (\n <>\n \n {businessUnits && businessUnits.length > 0 && (\n
\n - \n
- \n
- \n
{AUDIENCE_DROPDOWN_TITLE}
\n- \n
- \n
\n
\n \n \n )}\n \n
\n - \n {selectedBUFilter.audiences.map(audience => (\n
- \n
\n
\n \n )}\n \n
\n \n
\n \n {selectedBUFilter.audiences.map(audience => (\n \n setAudienceFilter(audience)}\n >\n {audience}\n \n
\n ))}\n \n {states &&
\n );\n};\n\nContactUsAudienceComponent.defaultProps = {\n initialState: '',\n rows: [],\n searchHeader: {},\n states: []\n};\n\nContactUsAudienceComponent.propTypes = {\n initialState: PropTypes.string,\n rows: PropTypes.arrayOf(PropTypes.object),\n searchHeader: searchHeaderShape,\n states: PropTypes.arrayOf(PropTypes.object)\n};\n\nexport default ContactUsAudienceComponent;\n","import { apiGetService } from './baseApi.service';\n\nexport default function contactUsSearch(businessUnit, audience) {\n return (async () => {\n const url = `/api/contactUs/getAudienceData?businessUnit=${businessUnit}&audience=${audience}`;\n\n return apiGetService(url);\n })();\n}\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport ContactUsGlobalComponent from './ContactUsGlobalComponent';\nimport ContactUsFilters from './ContactUsFilters';\nimport { searchHeaderShape } from '../../types';\nimport ContactUsAudienceComponent from './ContactUsAudienceComponent';\nimport contactUsSearch from '../../services/contactUsSearch.service';\nimport Loader from '../shared/loader/Loader';\n\nconst ContactUsLanding = ({\n businessUnitFilters,\n hideStateSelector,\n initialAudienceFilter,\n initialBusinessUnitFilter,\n initialState,\n rows,\n searchHeader,\n states\n}) => {\n const [audienceData, setAudienceData] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n\n const getAudienceData = async (businessUnit, audience) => {\n if (businessUnit === null && audience === null) {\n setAudienceData(null);\n return;\n }\n\n setIsLoading(true);\n const response = await contactUsSearch(businessUnit, audience);\n\n if (response) {\n setAudienceData(response);\n }\n\n setIsLoading(false);\n };\n\n return (\n \n {isLoading &&
\n );\n};\n\nContactUsLanding.defaultProps = {\n initialAudienceFilter: '',\n initialBusinessUnitFilter: '',\n initialState: '',\n rows: [],\n searchHeader: {}\n};\n\nContactUsLanding.propTypes = {\n businessUnitFilters: PropTypes.arrayOf(PropTypes.object).isRequired,\n hideStateSelector: PropTypes.bool.isRequired,\n initialAudienceFilter: PropTypes.string,\n initialBusinessUnitFilter: PropTypes.string,\n initialState: PropTypes.string,\n rows: PropTypes.arrayOf(PropTypes.object),\n searchHeader: searchHeaderShape,\n states: PropTypes.arrayOf(PropTypes.object).isRequired\n};\n\nexport default ContactUsLanding;\n","import { apiGetService, apiPostService } from './baseApi.service';\n\nfunction getSearchSuggestionsData(\n searchText,\n useHighlights = false,\n top = 5,\n useFuzzyMatching = false\n) {\n return (async () => {\n return apiGetService(\n `/api/careers/suggest?searchText=${searchText}&useHighlights=${useHighlights}&top=${top}&useFuzzyMatching=${useFuzzyMatching}`\n );\n })();\n}\n\nexport function getSearchSuggestions(\n minimumCharacters,\n searchText,\n useHighlights = false,\n top = 5,\n useFuzzyMatching = false\n) {\n if (searchText.length < minimumCharacters) {\n return null;\n }\n\n return getSearchSuggestionsData(searchText, useHighlights, top, useFuzzyMatching);\n}\n\nexport function careersSearch(query, filters, page, itemsPerPage, zipRange, zip) {\n let filterString;\n if (filters) {\n filterString = filters\n .map(filter => `${filter.key}=${encodeURIComponent(filter.values.join(','))}`)\n .join('&');\n }\n\n return (async () => {\n let url = `/api/careers/getCareers?query=${query}&page=${page}&itemsPerPage=${itemsPerPage}`;\n\n if (filterString) {\n url += `&${filterString}`;\n }\n\n if (zip && zip.length === 5 && zipRange !== 0) {\n url += `&zipRange=${zipRange}&zip=${zip}`;\n }\n\n return apiGetService(url);\n })();\n}\n\nexport function submitClick(item) {\n return (async () => {\n return apiPostService('/api/careers/submitClick', item);\n })();\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport htmlToPlainText from 'html2plaintext';\n\nconst JobRow = ({\n applyUrl,\n businessUnit,\n category,\n jobDescription,\n jobID,\n jobLocation,\n rank,\n submit,\n title\n}) => {\n const descriptionCharacterCount = 300;\n let description = htmlToPlainText(jobDescription);\n\n if (description.length > descriptionCharacterCount) {\n description = `${description.slice(0, descriptionCharacterCount)}...`;\n }\n\n return (\n \n
\n );\n};\n\nJobRow.propTypes = {\n applyUrl: PropTypes.string.isRequired,\n businessUnit: PropTypes.string.isRequired,\n category: PropTypes.string.isRequired,\n jobDescription: PropTypes.string.isRequired,\n jobID: PropTypes.string.isRequired,\n jobLocation: PropTypes.string.isRequired,\n rank: PropTypes.number.isRequired,\n submit: PropTypes.func.isRequired,\n title: PropTypes.string.isRequired\n};\n\nexport default JobRow;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport SearchIcon from '../../../images/icons/layout/Search.svg';\nimport CloseIcon from '../../../images/icons/layout/Close-Blue.svg';\n\nimport { getSearchSuggestions } from '../../../services/careersSearch.service';\n// import goToRedirect from '../../../services/redirect.service';\n\nconst SearchBarComponent = ({ getCareers }) => {\n const [searchSuggestions, setSearchSuggestions] = useState([]);\n const [inputValue, setInputValue] = useState();\n const [isOpen, setIsOpen] = useState(false);\n\n const hasSearchSuggestions = searchSuggestions && searchSuggestions.length;\n const dropdownOpen = hasSearchSuggestions || isOpen;\n\n const closeDropdown = () => {\n setIsOpen(false);\n setSearchSuggestions([]);\n };\n\n const closeDropdownClearValue = () => {\n setIsOpen(false);\n setSearchSuggestions([]);\n setInputValue('');\n };\n\n return (\n \n \n \n submit({\n applyUrl,\n rank,\n searchItemId: jobID\n })\n }\n >\n {title}\n \n \n
\n {businessUnit}
\n\n \n
\n {category}
\n \n\n \n
\n {jobLocation}
\n \n\n \n \n submit({\n applyUrl,\n rank,\n searchItemId: jobID\n })\n }\n >\n Apply\n \n \n
\n \n
\n DESCRIPTION
\n{description}
\n\n
\n );\n};\n\nSearchBarComponent.propTypes = {\n getCareers: PropTypes.func.isRequired\n};\n\nexport default SearchBarComponent;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport AnimateHeight from 'react-animate-height';\nimport { Element, scroller } from 'react-scroll';\n\nimport arrowUp from 'images/icons/layout/Arrow-Up-Purple.svg';\nimport arrowDown from 'images/icons/layout/Arrow-Down-Blue.svg';\nimport { careersSearch, submitClick } from '../../../services/careersSearch.service';\nimport ContentDivider from '../shared/ContentDivider';\nimport Loader from '../../shared/loader/Loader';\nimport Pager from '../../shared/pager/Pager';\nimport ConditionalWrapper from '../../shared/conditionalWrapper/ConditionalWrapper';\n\nimport JobRow from './JobRow';\nimport GlobalComponentContainer from '../GlobalComponentContainer';\nimport { globalComponentProperties, globalComponentDefaults } from '../../../types';\nimport CareersSearchBar from './CareersSearchBar';\n\nconst CareersComponent = ({\n hasContentDivider,\n parentPageTitle,\n parentPageUrl,\n prettyUrlTitle,\n shortDescription,\n title\n}) => {\n const pageOptions = [25, 50];\n const zipOptions = [10, 25, 50, 100];\n const [filters, setFilters] = useState([]);\n const [appliedFilters, setAppliedFilters] = useState([]);\n const [appliedFiltersCount, setAppliedFiltersCount] = useState();\n const [currentQuery, setCurrentQuery] = useState();\n const [pageLoaded, setPageLoaded] = useState(false);\n const [pagerInfo, setPagerInfo] = useState({});\n const [currentItemsPerPage, setItemsPerPage] = useState(pageOptions[0]);\n const [jobs, setJobs] = useState();\n const [isFiltersExpanded, setIsFiltersExpanded] = useState(false);\n const [isPagingExpanded, setIsPagingExpanded] = useState(false);\n const [isGeolocationExpanded, setIsGeolocationExpanded] = useState(false);\n const [isLoading, setIsLoading] = useState(false);\n const [searchId, setSearchId] = useState();\n const [currentRange, setCurrentRange] = useState();\n const [currentZip, setCurrentZip] = useState();\n\n const getCareersNoLoading = async (query, page, filter, itemsPerPage, zipRange, zip) => {\n const response = await careersSearch(query, filter, page, itemsPerPage, zipRange, zip);\n\n setJobs(response.listing.items);\n setFilters(response.filters);\n setPagerInfo(response.listing.pager);\n setCurrentQuery(query);\n setSearchId(response.searchId);\n };\n\n const getCareers = async (query, page, filter, itemsPerPage, zipRange, zip) => {\n setIsLoading(true);\n await getCareersNoLoading(query, page, filter, itemsPerPage, zipRange, zip);\n\n scroller.scrollTo('scroll', {\n smooth: true,\n duration: 500,\n delay: 150,\n offset: -150\n });\n\n setIsLoading(false);\n };\n\n const changePage = (query, page) => {\n getCareers(query, page, appliedFilters, currentItemsPerPage, currentRange, currentZip);\n };\n\n const toggleFilters = () => {\n setIsFiltersExpanded(!isFiltersExpanded);\n setIsPagingExpanded(false);\n setIsGeolocationExpanded(false);\n };\n\n const togglePaging = () => {\n setIsPagingExpanded(!isPagingExpanded);\n setIsFiltersExpanded(false);\n setIsGeolocationExpanded(false);\n };\n\n const toggleGeolocation = () => {\n setIsGeolocationExpanded(!isGeolocationExpanded);\n setIsPagingExpanded(false);\n setIsFiltersExpanded(false);\n };\n\n const modifyFilters = filter => {\n const item = appliedFilters.find(applied => applied.key === filter.key);\n if (item) {\n const valueIndex = item.values.indexOf(filter.value);\n\n if (valueIndex !== -1) {\n // Remove value from existing array of values\n item.values.splice(valueIndex, 1);\n } else {\n // Add value to the existing array of values\n item.values.push(filter.value);\n }\n } else {\n // Add new object with key and value\n appliedFilters.push({\n key: filter.key,\n values: [filter.value]\n });\n }\n\n const count = appliedFilters\n .map(appliedFilter => appliedFilter.values.length)\n .reduce((a, b) => a + b, 0);\n\n setAppliedFilters(appliedFilters);\n setAppliedFiltersCount(count);\n getCareers(currentQuery, 1, appliedFilters, currentItemsPerPage, currentRange, currentZip);\n };\n\n const clearFilters = () => {\n setAppliedFilters([]);\n setAppliedFiltersCount(null);\n setCurrentZip();\n setCurrentRange();\n getCareers(currentQuery, 1, [], currentItemsPerPage);\n };\n\n const search = async query => {\n await getCareers(query, 1, appliedFilters, currentItemsPerPage, currentRange, currentZip);\n };\n\n const setZip = value => {\n setCurrentZip(value);\n if (value.length === 5 && currentRange) {\n getCareers(currentQuery, 1, appliedFilters, currentItemsPerPage, currentRange, value);\n }\n };\n\n const setRange = value => {\n setCurrentRange(value);\n toggleGeolocation();\n\n if (currentZip && currentZip.length === 5) {\n getCareers(currentQuery, 1, appliedFilters, currentItemsPerPage, value, currentZip);\n }\n };\n\n const submitClickAndNavigate = item => {\n const newItem = item;\n newItem.searchId = searchId;\n\n submitClick(newItem);\n\n window.open(item.applyUrl);\n };\n\n if (!pageLoaded) {\n setPageLoaded(true);\n getCareersNoLoading('*', 1, appliedFilters, currentItemsPerPage);\n }\n\n return (\n closeDropdown()}>\n \n {dropdownOpen && (\n
\n \n {searchSuggestions.map(item => (\n
\n )}\n \n {item.url ? (\n e.preventDefault()}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n \n {`${item.category} | ${item.location}`}\n \n ) : (\n \n )}\n
\n ))}\n \n {isLoading && {children} }\n >\n \n \n \n \n \n \n \n )}\n {hasContentDivider && (\n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n - \n
- \n \n \n
\n setZip(event.target.value)}\n />\n
\n - \n
- \n
- \n
- \n
- \n {zipOptions.map(zip => (\n
\n
\n \n \n {filters &&\n filters.map(filter => (\n
\n \n {filter.label}\n {filter.items.map(item => (\n
\n ))}\n \n {\n modifyFilters(item);\n }}\n />\n \n
\n ))}\n \n clearFilters()}\n >\n Reset Filters\n \n
\n \n \n \n
\n {jobs && (\n \n setZip(event.target.value)}\n />\n
\n - \n
- \n \n \n
- \n
- \n \n \n
- \n {zipOptions.map(zip => (\n
\n
\n \n
\n \n
\n Items per Page
\n- \n
- \n \n \n
- \n
- \n {pageOptions.map(value => (\n
\n
\n \n {jobs.length === 0 ? (\n
\n {jobs.length !== 0 && (\n No Results Found
\n ) : (\n <>\n\n
\n {jobs.map((job, index) => (\n JOBS
\n CATEGORY
\n LOCATION
\n \n
\n )}\n \n \n
\n \n );\n};\n\nBusinessUnitTileExpansion.defaultProps = {\n overviewIcon: '',\n resourceLinksIcon: '',\n resourceLinksTitle: '',\n resourceLinks: [],\n newsroomLink: '',\n newsroomInfo: {}\n};\n\nBusinessUnitTileExpansion.propTypes = {\n overviewIcon: PropTypes.string,\n overview: PropTypes.string.isRequired,\n learnMoreLink: PropTypes.string.isRequired,\n learnMoreTarget: PropTypes.string.isRequired,\n resourceLinksIcon: PropTypes.string,\n resourceLinksTitle: PropTypes.string,\n resourceLinks: PropTypes.arrayOf(PropTypes.object),\n newsroomLink: PropTypes.string,\n selectBusinessUnit: PropTypes.func.isRequired,\n newsroomInfo: newsroomInfoShape\n};\n\nexport default BusinessUnitTileExpansion;\n","import React from 'react';\nimport ReactModal from 'react-modal';\nimport PropTypes from 'prop-types';\nimport close from '../../../images/icons/layout/Close-Blue.svg';\nimport arrowLeft from '../../../images/icons/layout/Arrow-Left-Blue.svg';\nimport {\n OVERVIEW,\n LEARN_MORE_LINK,\n NEWSROOM_READ_MORE,\n BACK_BUTTON\n} from '../../../constants/expansion-titles';\nimport { newsroomInfoShape } from '../../../types';\nimport LazyLoadImg from '../shared/LazyLoadImg';\n\nconst BusinessUnitModalExpansion = ({\n isActive,\n selectBusinessUnit,\n title,\n statement,\n overviewIcon,\n overview,\n learnMoreLink,\n learnMoreTarget,\n resourceLinksIcon,\n resourceLinksTitle,\n resourceLinks,\n newsroomLink,\n newsroomInfo\n}) => {\n ReactModal.setAppElement('#wrapper');\n\n return (\n \n \n {LEARN_MORE_LINK}\n \n
\n \n {overviewIcon && 
}\n
\n \n {OVERVIEW}
\n\n {resourceLinksIcon && 
}\n
\n {resourceLinks &&\n resourceLinks.map(link => (\n \n {link.name}\n \n ))}\n {resourceLinksTitle}
\n\n {newsroomInfo && (\n <>\n
\n {newsroomInfo.contentType}
\n \n{newsroomInfo.title}
\n \n {NEWSROOM_READ_MORE}\n \n \n )}\n\n
\n \n );\n};\n\nBusinessUnitModalExpansion.defaultProps = {\n isActive: false,\n overviewIcon: '',\n resourceLinksIcon: '',\n resourceLinksTitle: '',\n resourceLinks: [],\n newsroomLink: '',\n newsroomInfo: {}\n};\n\nBusinessUnitModalExpansion.propTypes = {\n isActive: PropTypes.bool,\n selectBusinessUnit: PropTypes.func.isRequired,\n title: PropTypes.string.isRequired,\n statement: PropTypes.string.isRequired,\n overviewIcon: PropTypes.string,\n overview: PropTypes.string.isRequired,\n learnMoreLink: PropTypes.string.isRequired,\n learnMoreTarget: PropTypes.string.isRequired,\n resourceLinksIcon: PropTypes.string,\n resourceLinksTitle: PropTypes.string,\n resourceLinks: PropTypes.arrayOf(PropTypes.object),\n newsroomLink: PropTypes.string,\n newsroomInfo: newsroomInfoShape\n};\n\nexport default BusinessUnitModalExpansion;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Element } from 'react-scroll';\nimport { globalComponentProperties, globalComponentDefaults } from '../../../types';\n\nimport GlobalComponentContainer from '../GlobalComponentContainer';\nimport DesktopContainer from '../../shared/DesktopContainer';\nimport TabletAndMobileContainer from '../../shared/TabletAndMobileContainer';\nimport Tile from '../../shared/tile/Tile';\nimport ConditionalWrapper from '../../shared/conditionalWrapper/ConditionalWrapper';\n\nimport BusinessUnitTileExpansion from './BusinessUnitTileExpansion';\nimport BusinessUnitModalExpansion from './BusinessUnitModalExpansion';\n\nconst FourBuComponent = ({\n businessUnitTiles,\n parentPageTitle,\n parentPageUrl,\n prettyUrlTitle,\n shortDescription,\n title\n}) => {\n const [selectedBusinessUnitGuid, selectBusinessUnit] = useState();\n\n const setSelectedBusinessUnit = guid => {\n if (guid === selectedBusinessUnitGuid) {\n selectBusinessUnit();\n } else {\n selectBusinessUnit(guid);\n }\n };\n\n const selectedBusinessUnit =\n businessUnitTiles && businessUnitTiles.find(tile => tile.guid === selectedBusinessUnitGuid);\n\n return (\n \n
\n \n {title}
\n \n\n \n {LEARN_MORE_LINK}\n \n
\n \n \n {overviewIcon && }\n
\n \n {OVERVIEW}
\n\n {resourceLinksIcon && }\n
\n {resourceLinks &&\n resourceLinks.map(link => (\n \n {link.name}\n \n ))}\n {newsroomInfo && (\n <>\n {resourceLinksTitle}
\n{newsroomInfo.contentType}
\n{newsroomInfo.title}
\n \n {NEWSROOM_READ_MORE}\n \n \n )}\n\n
\n \n {children} }\n >\n \n \n \n \n \n )}\n \n
\n \n {businessUnitTiles &&\n businessUnitTiles.map(tile => (\n
\n {selectedBusinessUnitGuid && (\n <>\n \n
\n );\n};\n\nLargeHeroSlide.defaultProps = {\n hasHeadingTwo: false,\n isOnDesktop: true\n};\n\nLargeHeroSlide.propTypes = {\n hasHeadingTwo: PropTypes.bool,\n heroSlide: largeHeroSlide.isRequired,\n isOnDesktop: PropTypes.bool\n};\n\nexport default LargeHeroSlide;\n","export const SLIDE_BACKGROUND_COLOR = 'color';\nexport const SLIDE_BACKGROUND_IMAGE = 'image';\nexport const SLIDE_BACKGROUND_VIDEO = 'video';\n","import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport Slider from 'react-slick';\n\nimport LargeHeroSlide from './LargeHeroSlide';\nimport { largeHeroSlide } from '../../../types';\nimport DesktopAndTabletContainer from '../../shared/DesktopAndTabletContainer';\nimport MobileContainer from '../../shared/MobileContainer';\n\nconst LargeHeroWidget = ({ autoForwardTiming, heroSlides }) => {\n const sliderSettings = {\n adaptiveHeight: true,\n arrows: false,\n autoplaySpeed: (autoForwardTiming || 0) * 1000,\n autoplay: !!autoForwardTiming,\n dots: true,\n dotsClass: 'vertical-dots',\n lazyLoad: false\n };\n\n const hasMultipleSlides = heroSlides.length > 1;\n return (\n <>\n {hasMultipleSlides && \n {hasBackgroundVideo && }\n
\n \n
\n \n
\n \n {hasHeadingTwo ? (\n
\n \n \n
\n ) : (\n\n \n
\n )}\n{heroSlide.shortDescription}
\n {hasCtaButton && (\n\n \n {heroSlide.ctaButton.text}\n \n {hasSecondCtaButton && (\n \n {heroSlide.ctaButton.secondText}\n \n )}\n
\n )}\n Trustmark Home
}\n\n {image.url && }\n
\n );\n};\n\nTestimonialDesktop.defaultProps = {\n altText: '',\n icon: null,\n image: null\n};\n\nTestimonialDesktop.propTypes = {\n altText: PropTypes.string,\n author: PropTypes.string.isRequired,\n colorScheme: PropTypes.string.isRequired,\n icon: PropTypes.string,\n image: sizedImageShape,\n quote: PropTypes.string.isRequired\n};\n\nexport default TestimonialDesktop;\n","import React, { useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { sizedImageShape } from '../../../types';\nimport { useCssVariables } from '../../../utilities';\n\nconst TestimonialMobile = ({ altText, author, colorScheme, icon, image, quote }) => {\n const testimonialImageRef = useRef(null);\n\n useCssVariables(testimonialImageRef, {\n '--background-image': `url(\"${image.url}\")`\n });\n\n return (\n \n {icon && }\n \n
\n {author}
\n\n
\n );\n};\n\nTestimonialMobile.defaultProps = {\n altText: '',\n icon: null,\n image: null\n};\n\nTestimonialMobile.propTypes = {\n altText: PropTypes.string,\n author: PropTypes.string.isRequired,\n colorScheme: PropTypes.string.isRequired,\n icon: PropTypes.string,\n image: sizedImageShape,\n quote: PropTypes.string.isRequired\n};\n\nexport default TestimonialMobile;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Slider from 'react-slick';\nimport { Element } from 'react-scroll';\n\nimport ConditionalWrapper from '../../shared/conditionalWrapper/ConditionalWrapper';\nimport GlobalComponentContainer from '../GlobalComponentContainer';\nimport TestimonialDesktop from './TestimonialDesktop';\nimport TestimonialMobile from './TestimonialMobile';\nimport SliderArrow from '../../shared/slick/SliderArrow';\n\nconst TestimonialComponent = ({\n testimonials,\n parentPageTitle,\n parentPageUrl,\n prettyUrlTitle,\n shortDescription,\n title,\n leftArrow,\n rightArrow\n}) => {\n const settings = {\n prevArrow: \n {image.url && }\n
\n \n {icon && }\n \n
\n {author}
\n\n
\n \n {children} }\n >\n \n {testimonials.map(testimonial => (\n \n \n
\n \n
\n ))}\n \n (\n \n {children}\n \n )}\n >\n \n \n \n {answer && }\n \n
\n );\n};\n\nFaqSecondary.defaultProps = {\n answer: '',\n prettyUrlTitle: ''\n};\n\nFaqSecondary.propTypes = {\n answer: PropTypes.string,\n prettyUrlTitle: PropTypes.string,\n question: PropTypes.string.isRequired\n};\n\nexport default FaqSecondary;\n","import React, { useState } from 'react';\nimport { Element } from 'react-scroll';\n\nimport PropTypes from 'prop-types';\nimport AnimateHeight from 'react-animate-height';\n\nimport ConditionalWrapper from '../../shared/conditionalWrapper/ConditionalWrapper';\n\nimport FaqSecondary from './FaqSecondary';\n\nconst Faq = ({ answer, faqs, prettyUrlTitle, question, upArrow, downArrow }) => {\n const [isFaqVisible, setIsFaqVisible] = useState(false);\n\n const toggleFaq = () => {\n setIsFaqVisible(!isFaqVisible);\n };\n return (\n \n (\n \n {children}\n \n )}\n >\n \n \n \n {answer && }\n {!!faqs &&\n faqs.map(faq => (\n \n
\n );\n};\n\nFaq.defaultProps = {\n answer: '',\n faqs: [],\n prettyUrlTitle: '',\n upArrow: '',\n downArrow: ''\n};\n\nFaq.propTypes = {\n answer: PropTypes.string,\n faqs: PropTypes.arrayOf(PropTypes.object),\n prettyUrlTitle: PropTypes.string,\n question: PropTypes.string.isRequired,\n upArrow: PropTypes.string,\n downArrow: PropTypes.string\n};\n\nexport default Faq;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Element } from 'react-scroll';\n\nimport GlobalComponentContainer from '../GlobalComponentContainer';\nimport ContentDivider from '../shared/ContentDivider';\nimport Faq from './Faq';\nimport ConditionalWrapper from '../../shared/conditionalWrapper/ConditionalWrapper';\n\nconst FaqComponent = ({\n faqs,\n hasContentDivider,\n parentPageTitle,\n parentPageUrl,\n prettyUrlTitle,\n shortDescription,\n title,\n upArrow,\n downArrow\n}) => {\n return (\n \n
\n \n {children} }\n >\n {title && (\n
\n {hasContentDivider && \n {faqs.map(faq => (\n
\n \n \n
\n );\n};\n\nSmallHeroSlide.propTypes = {\n heroSlide: smallHeroSlide.isRequired\n};\n\nexport default SmallHeroSlide;\n","import React from 'react';\n\nimport SmallHeroSlide from './SmallHeroSlide';\nimport { smallHeroSlide } from '../../../types';\n\nconst SmallHeroWidget = ({ heroSlide }) => {\n return (\n \n
\n \n
\n \n
\n \n \n
\n
\n {hasCtaButton && (\n \n
\n \n \n {heroSlide.ctaButton.text}\n \n {hasSecondCtaButton && (\n \n {heroSlide.ctaButton.secondText}\n \n )}\n
\n )}\n \n
\n \n {children} }\n >\n {title && (\n
\n \n {Children.toArray(highlights.map(highlight =>
\n {hasContentDivider && \n
\n \n {children} }\n >\n
\n \n {featuredItems.map(item => (\n
\n \n \n \n
\n \n \n );\n};\n\nVideoItemComponent.defaultProps = {\n videoItem: {},\n gridClass: ''\n};\n\nVideoItemComponent.propTypes = {\n gridClass: PropTypes.string,\n dynamicImage: PropTypes.string.isRequired,\n selectContent: PropTypes.func.isRequired,\n videoItem: video\n};\n\nexport default VideoItemComponent;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport ReactModal from 'react-modal';\nimport { Element } from 'react-scroll';\nimport GlobalComponentContainer from '../GlobalComponentContainer';\nimport { globalComponentProperties } from '../../../types';\n\nimport VideoModal from '../shared/VideoModal';\nimport VideoItemComponent from '../shared/VideoItemComponent';\n\nimport DesktopContainer from '../../shared/DesktopContainer';\nimport TabletAndMobileContainer from '../../shared/TabletAndMobileContainer';\nimport ConditionalWrapper from '../../shared/conditionalWrapper/ConditionalWrapper';\n\nconst FeaturedContentVideoComponent = ({ header, videos }) => {\n const [selectedContentGuid, selectContent] = useState(null);\n\n const isGrid = videos && videos.length > 2;\n\n const gridClass = isGrid ? 'grid' : '';\n\n const setSelectedContent = guid => {\n if (guid === selectedContentGuid) {\n selectContent(null);\n } else {\n selectContent(guid);\n }\n };\n\n const selectedContent = videos && videos.find(item => item.guid === selectedContentGuid);\n\n const Grid = ({ children }) =>\n isGrid ? {children}
: children;\n\n ReactModal.setAppElement('#wrapper');\n\n return (\n \n \n {children} }\n >\n \n \n \n \n
\n \n \n {header.isSingleVideoFeatured ? (\n \n {videos.slice(1).map(item => (\n \n )}\n \n )}\n
\n \n {header.isSingleVideoFeatured ? (\n \n {videos.slice(1).map(item => (\n \n )}\n \n )}\n
\n \n
\n \n {hasMedia && (\n (\n setSelectedContent(guid)}\n >\n {children}\n \n )}\n >\n {videoUrl && (\n \n {children}\n \n )}\n >\n {hasImage ? (\n \n \n \n \n \n )}\n \n \n )}\n {safeDescription && (\n \n )}\n
\n \n
\n \n {children} }\n >\n
\n {hasContentDivider && \n {items.map(item => (\n
\n \n \n
\n );\n};\n\nPrivacyPolicy.propTypes = {\n description: PropTypes.string.isRequired,\n id: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired\n};\n\nexport default PrivacyPolicy;\n","import React, { useState } from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { scroller, Element } from 'react-scroll';\nimport storeProvider from '../../shared/StoreProvider';\n\nimport ConditionalWrapper from '../../shared/conditionalWrapper/ConditionalWrapper';\nimport GlobalComponentContainer from '../GlobalComponentContainer';\nimport PrivacyPolicy from './PrivacyPolicy';\nimport ContentDivider from '../shared/ContentDivider';\n\nconst PrivacyPolicyComponent = ({\n hasAlerts,\n isScrollPastFooter,\n isScrollPastNav,\n parentPageTitle,\n parentPageUrl,\n prettyUrlTitle,\n privacyPolicies,\n queryStringValue,\n shortDescription,\n title\n}) => {\n const [selectValue, setSelectValue] = useState('Jump To');\n const [pageLoaded, setPageLoaded] = useState(false);\n const anchorSettings = {\n duration: 500,\n delay: 150,\n smooth: true,\n offset: hasAlerts ? -220 : -140\n };\n\n const handleOnChange = value => {\n setSelectValue(value);\n scroller.scrollTo(value, anchorSettings);\n };\n\n const scrollToTop = () => {\n scroller.scrollTo('wrapper', anchorSettings);\n };\n\n const handleOnLoad = async value => {\n await setSelectValue(value);\n await handleOnChange(value);\n };\n\n if (!pageLoaded) {\n setPageLoaded(true);\n handleOnLoad(queryStringValue);\n }\n\n return (\n {title}
\n \n\n
\n \n {children} }\n >\n
\n \n {title && (\n
\n \n \n
\n \n
\n \n {\n handleOnChange(event.target.value);\n }}\n value={selectValue}\n >\n \n {privacyPolicies.map(privacyPolicy => (\n \n {privacyPolicy.prettyUrlTitle || privacyPolicy.title}\n \n ))}\n \n
\n\n \n {privacyPolicies.map(privacyPolicy => (\n \n {\n scrollToTop();\n }}\n >\n Back To Top\n \n
\n \n
\n \n {contentTitle &&
\n {contentTitle}
}\n\n {description && (\n \n )}\n {hasImage && (\n
\n \n (\n \n {children}\n \n )}\n >\n
\n )}\n \n
\n \n \n
\n \n {title && }\n\n
\n \n
\n \n \n
\n \n
\n);\n\nSimpleProduct.defaultProps = {\n altText: ''\n};\n\nSimpleProduct.propTypes = {\n image: sizedImageShape.isRequired,\n url: PropTypes.string.isRequired,\n urlTarget: PropTypes.string.isRequired,\n altText: PropTypes.string,\n title: PropTypes.string.isRequired,\n shortDescription: PropTypes.string.isRequired\n};\n\nexport default SimpleProduct;\n","import React, { useRef, useState } from 'react';\nimport Slider from 'react-slick';\nimport PropTypes from 'prop-types';\nimport { Element } from 'react-scroll';\nimport GlobalComponentContainer from '../GlobalComponentContainer';\nimport ConditionalWrapper from '../../shared/conditionalWrapper/ConditionalWrapper';\nimport SimpleProduct from './SimpleProduct';\nimport { useCssVariables } from '../../../utilities';\n\nconst SimpleProductsServicesComponent = ({\n parentPageTitle,\n parentPageUrl,\n prettyUrlTitle,\n products,\n shortDescription,\n title,\n leftArrow,\n rightArrow\n}) => {\n const sliderRef = useRef(null);\n const [isSlider, setIsSlider] = useState(false);\n const checkIfSlider = slideCountThreshold => () => {\n if (sliderRef.current) {\n setIsSlider(sliderRef.current.innerSlider.state.slideCount > slideCountThreshold);\n }\n };\n\n const ref = useRef(null);\n const slidesToShow = Math.min(4, products.length);\n const flexBasis = `${100 / slidesToShow}%`;\n useCssVariables(ref, { '--slide-flex-basis': flexBasis });\n\n const settings = {\n arrows: false,\n draggable: false,\n slidesToShow,\n slidesToScroll: 1,\n infinite: true,\n lazyLoad: true,\n responsive: [\n {\n breakpoint: 1024,\n settings: {\n slidesToShow: 2,\n infinite: true,\n lazyLoad: true,\n onReInit: checkIfSlider(2)\n }\n },\n {\n breakpoint: 767,\n settings: {\n slidesToShow: 1,\n infinite: true,\n lazyLoad: true,\n onReInit: checkIfSlider(1)\n }\n }\n ],\n onReInit: checkIfSlider(slidesToShow)\n };\n\n const nextSlide = () => {\n if (sliderRef.current) {\n sliderRef.current.slickNext();\n }\n };\n\n const prevSlide = () => {\n if (sliderRef.current) {\n sliderRef.current.slickPrev();\n }\n };\n\n return (\n \n (\n \n {children}\n \n )}\n >\n
\n \n {title &&
\n \n {title}
}\n \n\n
\n \n {children} }\n >\n
\n \n
\n \n {isSlider && (\n \n \n \n )}\n \n {products.map((product, index) => (\n // eslint-disable-next-line react/no-array-index-key\n \n {isSlider && (\n \n \n \n )}\n
\n \n \n
\n );\n};\n\nWhiteLabelSmallHeroBanner.propTypes = {\n heroSlide: whiteLabelSmallHeroBanner.isRequired\n};\n\nexport default WhiteLabelSmallHeroBanner;\n","import React from 'react';\n\nimport WhiteLabelSmallHeroBanner from './WhiteLabelSmallHeroBanner';\nimport { whiteLabelSmallHeroBanner } from '../../../types';\n\nconst WhiteLabelSmallHeroBannerWidget = ({ heroSlide }) => {\n return (\n \n
\n \n
\n \n
\n {hasCtaButton && (\n \n
\n \n \n
\n \n\n \n {heroSlide.ctaButton.text}\n \n {hasSecondCtaButton && (\n \n {heroSlide.ctaButton.secondText}\n \n )}\n
\n )}\n \n
\n );\n};\n\nItem.defaultProps = {\n altText: null,\n description: null,\n image: {},\n link: null,\n target: null,\n borderColor: null\n};\n\nItem.propTypes = {\n altText: PropTypes.string,\n description: PropTypes.string,\n image: sizedImageShape,\n link: PropTypes.string,\n target: PropTypes.string,\n borderColor: PropTypes.string\n};\n\nexport default Item;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Element } from 'react-scroll';\n\nimport ConditionalWrapper from '../../shared/conditionalWrapper/ConditionalWrapper';\nimport GlobalComponentContainer from '../GlobalComponentContainer';\nimport ContentDivider from '../shared/ContentDivider';\n\nimport Item from './Item';\n\nconst MaterialItemsComponent = ({\n hasContentDivider,\n parentPageTitle,\n parentPageUrl,\n prettyUrlTitle,\n shortDescription,\n thirdsGrid,\n title,\n items\n}) => {\n return (\n \n {hasImage &&\n (link ? (\n \n {borderColor ? (\n
\n \n
\n \n {children} }\n >\n
\n {hasContentDivider && \n {items.map(item => (\n
\n \n \n
\n );\n};\n\nItem.defaultProps = {\n altText: null,\n description: null,\n image: {},\n link: null,\n target: null,\n borderColor: null\n};\n\nItem.propTypes = {\n altText: PropTypes.string,\n description: PropTypes.string,\n image: sizedImageShape,\n link: PropTypes.string,\n target: PropTypes.string,\n borderColor: PropTypes.string\n};\n\nexport default Item;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Element } from 'react-scroll';\n\nimport ConditionalWrapper from '../../shared/conditionalWrapper/ConditionalWrapper';\nimport GlobalComponentContainer from '../GlobalComponentContainer';\nimport ContentDivider from '../shared/ContentDivider';\n\nimport Item from './ItemWithDescription';\n\nconst MaterialItemsWithDescriptionComponent = ({\n hasContentDivider,\n parentPageTitle,\n parentPageUrl,\n prettyUrlTitle,\n shortDescription,\n thirdsGrid,\n title,\n items\n}) => {\n return (\n \n
\n \n {hasImage &&\n (link ? (\n \n {borderColor ? (\n
\n {description && }\n \n
\n \n {children} }\n >\n
\n {hasContentDivider && \n {items.map(item => (\n
\n \n \n
\n);\n\nSitemapLanding.defaultProps = {\n mainMenu: [],\n legalMenu: [],\n searchUrl: ''\n};\n\nSitemapLanding.propTypes = {\n mainMenu: PropTypes.arrayOf(menuItemShape),\n legalMenu: PropTypes.arrayOf(menuItemShape),\n searchUrl: PropTypes.string\n};\n\nexport default SitemapLanding;\n","import { scroller } from 'react-scroll';\n\nexport const scrollToParameter = (value, hasAlerts, key) => {\n const anchorSettings = {\n duration: 500,\n delay: 250,\n offset: hasAlerts ? -220 : -140\n };\n const parameter = value;\n\n // Logic for global component anchor link\n if (key.toLowerCase() === 'section') {\n // Check if element exists\n scroller.scrollTo(parameter, anchorSettings);\n }\n // Logic for faq item anchor link\n if (key.toLowerCase() === 'faq') {\n const faqItem = document.getElementById(parameter);\n\n // Check if element exists\n if (faqItem !== null) {\n // If faq item anchor is nested then trigger click of primary faq container\n if (faqItem.parentElement.classList.contains('secondary')) {\n const primaryContainer = faqItem.closest('.primary');\n primaryContainer.childNodes[0].click();\n }\n // Scroll to selected faq\n scroller.scrollTo(parameter, anchorSettings);\n // Trigger click of selected faq button to expand\n document.getElementById(parameter).childNodes[0].click();\n }\n }\n};\n\nexport const getAllFAQButtons = hasAlerts => {\n const list = document.getElementsByClassName('anchor-link');\n for (let i = 0; i < list.length; i += 1) {\n list[i].onclick = () => {\n const value = list[i].getAttribute('faq');\n scrollToParameter(value, hasAlerts, 'faq');\n };\n }\n};\n","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport getQueryStringParameters from '../../../services/queryString.service';\nimport { scrollToParameter, getAllFAQButtons } from '../../../services/scroller.service';\n\nconst Scroller = ({ hasAlerts }) => {\n useEffect(() => {\n getQueryStringParameters().then(queryStringParameters => {\n Object.keys(queryStringParameters).forEach(key => {\n scrollToParameter(queryStringParameters[key], hasAlerts, key);\n });\n });\n\n getAllFAQButtons(hasAlerts);\n });\n\n return ;\n};\n\nScroller.defaultProps = {\n hasAlerts: []\n};\n\nScroller.propTypes = {\n hasAlerts: PropTypes.bool\n};\n\nexport default Scroller;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport ReactDOMServer from 'react-dom/server';\nimport Helmet from 'react-helmet';\n\nimport getStore from './state/store';\nimport initializeSite from './services/initialization.service';\n\nimport NavigationMenu from './components/layout/NavigationMenu';\n\nimport FourBuComponent from './components/widgets/fourBusinessUnits/FourBuComponent';\nimport LargeHeroWidget from './components/widgets/hero/LargeHeroWidget';\nimport TestimonialComponent from './components/widgets/testimonials/TestimonialComponent';\nimport IntroComponent from './components/widgets/intro/IntroComponent';\nimport AnimationComponent from './components/widgets/animation/AnimationComponent';\nimport SmallHeroWidget from './components/widgets/hero/SmallHeroWidget';\nimport HighlightsComponent from './components/widgets/highlights/HighlightsComponent';\nimport FeaturedContentImageComponent from './components/widgets/featuredContent/ImageComponent';\nimport FeaturedContentNewsroomComponent from './components/widgets/featuredContent/NewsroomComponent';\nimport BusinessUnitSocialFooterComponent from './components/widgets/businessUnits/SocialFooterComponent';\nimport DetailedContentComponent from './components/widgets/detailedContent/DetailedContentComponent';\nimport FeaturedContentVideoComponent from './components/widgets/featuredContent/VideoComponent';\nimport ProductsServicesComponent from './components/widgets/productsServices/ProductsServicesComponent';\nimport LegalDisclaimerComponent from './components/widgets/legalDisclaimer/LegalDisclaimerComponent';\nimport DataTableComponent from './components/shared/dataTable/DataTableComponent';\nimport TextComponent from './components/widgets/text/TextComponent';\nimport CareersComponent from './components/widgets/careers/CareersComponent';\nimport ProductNetworkAvailabilityComponent from './components/widgets/productNetworkAvailability/ProductNetworkAvailabilityComponent';\nimport SearchBarComponent from './components/widgets/searchBar/SearchBarComponent';\nimport WhiteLabelSearchBarComponent from './components/widgets/whiteLabelSearchBar/WhiteLabelSearchBarComponent';\nimport HtmlSnippetComponent from './components/widgets/htmlSnippet/HtmlSnippetComponent';\nimport QuickCtaComponent from './components/widgets/quickCta/QuickCtaComponent';\nimport FaqComponent from './components/widgets/faq/FaqComponent';\nimport MultipleItemComponent from './components/widgets/multipleItem/MultipleItemComponent';\nimport GeneralTextComponent from './components/widgets/generalText/GeneralTextComponent';\nimport PrivacyPolicyComponent from './components/widgets/privacyPolicy/PrivacyPolicyComponent';\nimport ProductsByBUComponent from './components/widgets/productsByBU/ProductsByBUComponent';\nimport ProductNavigationComponent from './components/widgets/productNavigation/ProductNavigationComponent';\nimport ConversionLinkComponent from './components/widgets/conversionLink/ConversionLinkComponent';\nimport FullWidthImageCarouselComponent from './components/widgets/fullWidthImageCarousel/FullWidthImageCarouselComponent';\nimport SimpleProductsServicesComponent from './components/widgets/simpleProductsServices/SimpleProductsServicesComponent';\nimport WhiteLabelSmallHeroBannerWidget from './components/widgets/hero/WhiteLabelSmallHeroBannerWidget';\nimport IconText30By70ContentComponent from './components/widgets/IconText30By70Content/IconText30By70ContentComponent';\nimport WhiteLabelNavigationContentComponent from './components/widgets/whiteLabelNavigationContent/WhiteLabelNavigationContentComponent';\nimport MaterialItemsComponent from './components/widgets/materialItems/MaterialItemsComponent';\nimport MaterialItemsWithDescriptionComponent from './components/widgets/materialItems/MaterialItemsWithDescriptionComponent';\n// Landing Pages\nimport NewsroomDetailContent from './components/newsroom/newsroomDetail/NewsroomDetailContent';\nimport NewsroomLanding from './components/newsroom/newsroomLanding/NewsroomLanding';\nimport ContactUsLanding from './components/contactUs/ContactUsLanding';\nimport ClaimsLanding from './components/claims/ClaimsLanding';\nimport PaperClaimsLanding from './components/claims/PaperClaimsLanding';\nimport SearchLanding from './components/searchLanding/SearchLanding';\nimport ClientSearchLanding from './components/clientSearchLanding/ClientSearchLanding';\nimport SitemapLanding from './components/sitemap/SitemapLanding';\n\n// Layout Components\nimport Footer from './components/layout/Footer';\n\n// Shared Components\nimport BreadCrumb from './components/shared/breadCrumb/BreadCrumb';\nimport Scroller from './components/shared/scroller/Scroller';\nimport CCPABanner from './components/shared/ccpaBanner/CCPABanner';\n\nimport 'slick-carousel/slick/slick.css';\nimport 'slick-carousel/slick/slick-theme.css';\n\nconst store = getStore();\n\ninitializeSite(store.dispatch);\n\n// All JavaScript in here will be loaded server-side\n// Expose components globally so ReactJS.NET can use them\nglobal.React = React;\nglobal.ReactDOM = ReactDOM;\nglobal.ReactDOMServer = ReactDOMServer;\nglobal.Helmet = Helmet;\n\n// Global components\nglobal.NavigationMenu = NavigationMenu;\n\n// Widget components\nglobal.LargeHeroWidget = LargeHeroWidget;\nglobal.SmallHeroWidget = SmallHeroWidget;\nglobal.FourBuComponent = FourBuComponent;\nglobal.ProductsServicesComponent = ProductsServicesComponent;\nglobal.TestimonialComponent = TestimonialComponent;\nglobal.IntroComponent = IntroComponent;\nglobal.AnimationComponent = AnimationComponent;\nglobal.HighlightsComponent = HighlightsComponent;\nglobal.FeaturedContentImageComponent = FeaturedContentImageComponent;\nglobal.FeaturedContentVideoComponent = FeaturedContentVideoComponent;\nglobal.FeaturedContentNewsroomComponent = FeaturedContentNewsroomComponent;\nglobal.BusinessUnitSocialFooterComponent = BusinessUnitSocialFooterComponent;\nglobal.DetailedContentComponent = DetailedContentComponent;\nglobal.ProductsServicesComponent = ProductsServicesComponent;\nglobal.LegalDisclaimerComponent = LegalDisclaimerComponent;\nglobal.DataTableComponent = DataTableComponent;\nglobal.TextComponent = TextComponent;\nglobal.CareersComponent = CareersComponent;\nglobal.ProductNetworkAvailabilityComponent = ProductNetworkAvailabilityComponent;\nglobal.SearchBarComponent = SearchBarComponent;\nglobal.WhiteLabelSearchBarComponent = WhiteLabelSearchBarComponent;\nglobal.HtmlSnippetComponent = HtmlSnippetComponent;\nglobal.QuickCtaComponent = QuickCtaComponent;\nglobal.FaqComponent = FaqComponent;\nglobal.MultipleItemComponent = MultipleItemComponent;\nglobal.GeneralTextComponent = GeneralTextComponent;\nglobal.PrivacyPolicyComponent = PrivacyPolicyComponent;\nglobal.ProductsByBUComponent = ProductsByBUComponent;\nglobal.ProductNavigationComponent = ProductNavigationComponent;\nglobal.ConversionLinkComponent = ConversionLinkComponent;\nglobal.FullWidthImageCarouselComponent = FullWidthImageCarouselComponent;\nglobal.SimpleProductsServicesComponent = SimpleProductsServicesComponent;\nglobal.WhiteLabelSmallHeroBannerWidget = WhiteLabelSmallHeroBannerWidget;\nglobal.IconText30By70ContentComponent = IconText30By70ContentComponent;\nglobal.WhiteLabelNavigationContentComponent = WhiteLabelNavigationContentComponent;\nglobal.MaterialItemsComponent = MaterialItemsComponent;\nglobal.MaterialItemsWithDescriptionComponent = MaterialItemsWithDescriptionComponent;\n// Content components\nglobal.NewsroomDetailContent = NewsroomDetailContent;\nglobal.NewsroomLanding = NewsroomLanding;\nglobal.ContactUsLanding = ContactUsLanding;\nglobal.ClaimsLanding = ClaimsLanding;\nglobal.PaperClaimsLanding = PaperClaimsLanding;\nglobal.SearchLanding = SearchLanding;\nglobal.ClientSearchLanding = ClientSearchLanding;\nglobal.SitemapLanding = SitemapLanding;\n\n// Layout Components\nglobal.Footer = Footer;\n\n// Shared Components\nglobal.BreadCrumb = BreadCrumb;\nglobal.Scroller = Scroller;\nglobal.CCPABanner = CCPABanner;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst AnchorWrapper = ({ children, name, target, url }) =>\n url ? (\n \n {children}\n \n ) : (\n <>{children}\n );\n\nAnchorWrapper.defaultProps = {\n name: '',\n target: '',\n url: ''\n};\n\nAnchorWrapper.propTypes = {\n children: PropTypes.element.isRequired,\n name: PropTypes.string,\n target: PropTypes.string,\n url: PropTypes.string\n};\n\nexport default AnchorWrapper;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactModal from 'react-modal';\nimport close from '../../../images/icons/layout/Close-White.svg';\n\nconst VideoModal = ({ isActive, selectFunction, title, videoUrl }) => {\n ReactModal.setAppElement('#wrapper');\n\n return (\n \n
\n \n {mainMenu.map(megaMenuItem => (\n \n \n ))}\n \n \n
\n {megaMenuItem.name}
\n- \n {megaMenuItem?.children && megaMenuItem.children.length ? (\n megaMenuItem.children.map(menuItem => (\n
Other
\n- \n {legalMenu\n .filter(\n // Probably not the best solution. However, this is not a page that will be changed much, if at all.\n menuItem =>\n !(\n menuItem.name.toLowerCase().includes('sitemap') ||\n menuItem.url.toLowerCase().includes('sitemap')\n )\n )\n .map(menuItem => (\n
\n \n
\n \n );\n};\n\nVideoModal.defaultProps = {\n isActive: false,\n selectFunction: () => {},\n title: '',\n videoUrl: ''\n};\n\nVideoModal.propTypes = {\n isActive: PropTypes.bool,\n selectFunction: PropTypes.func,\n title: PropTypes.string,\n videoUrl: PropTypes.string\n};\n\nexport default VideoModal;\n","export const OVERVIEW = 'Overview';\nexport const LEARN_MORE_LINK = 'Learn More';\nexport const NEWSROOM_READ_MORE = 'Read More';\nexport const BACK_BUTTON = 'Back to homepage';\nexport const PREVIOUS = 'Prev';\nexport const NEXT = 'Next';\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { sizedImageShape } from '../../../types';\n\nconst LazyLoadImg = ({ alt, className, id, src, style }) => {\n const placeholderStyles = {\n maxWidth: '100%',\n height: 'auto'\n };\n\n return (\n \n
\n \n {downloadLink && (\n
\n );\n};\n\nDataSection.defaultProps = {\n address: '',\n contactFormURL: '',\n contactFormURLText: '',\n description: '',\n downloadLink: '',\n downloadLinkText: '',\n email: '',\n fax: '',\n phone: '',\n title: '',\n webURL: '',\n webURLText: '',\n webURLTarget: '',\n zip: ''\n};\n\nDataSection.propTypes = {\n address: PropTypes.string,\n contactFormURL: PropTypes.string,\n contactFormURLText: PropTypes.string,\n description: PropTypes.string,\n downloadLink: PropTypes.string,\n downloadLinkText: PropTypes.string,\n email: PropTypes.string,\n fax: PropTypes.string,\n phone: PropTypes.string,\n title: PropTypes.string,\n webURL: PropTypes.string,\n webURLText: PropTypes.string,\n webURLTarget: PropTypes.string,\n zip: PropTypes.string\n};\n\nexport default DataSection;\n","export const CONTACT_FORM_LINK = 'Contact Form';\nexport const DOWNLOAD_LINK = 'Download Link';\nexport const EMAIL = 'Email';\nexport const EMAIL_LINK = 'Contact Via Email';\nexport const FAX = 'Fax';\nexport const MAIL = 'Mail';\nexport const PHONE = 'Phone';\nexport const WEB_LINK = 'External Link';\nexport const ZIP_CODE = 'Zip Codes';\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport DataSection from './DataSection';\n\nconst DataRow = ({ description, sections, title }) => {\n return (\n \n \n {downloadLinkText || `${DOWNLOAD_LINK}`}\n \n
\n )}\n {title && {title}}\n {description && {description}
}\n {email && (\n\n {EMAIL}\n
\n )}\n {phone && (\n \n \n {EMAIL_LINK}\n \n
\n\n {PHONE}\n
\n )}\n {fax && (\n {phone}
\n\n {FAX}\n
\n )}\n {address && (\n {fax}
\n\n {MAIL}\n \n
\n )}\n {zip && (\n \n {ZIP_CODE}\n
\n )}\n {contactFormURL && (\n \n )}\n {webURL && (\n \n )}\n {zip}
\n\n \n {title}\n {description && }\n \n {sections.length > 0 && (\n \n {sections.map(section => (\n \n )}\n
\n );\n};\n\nDataRow.defaultProps = {\n description: '',\n sections: [],\n title: ''\n};\n\nDataRow.propTypes = {\n description: PropTypes.string,\n sections: PropTypes.arrayOf(PropTypes.object),\n title: PropTypes.string\n};\n\nexport default DataRow;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport ContentDivider from '../../widgets/shared/ContentDivider';\nimport DataRow from './DataRow';\n\nconst DataTableComponent = ({ rows, showContentDivider }) => {\n return (\n \n {rows.map(row => (\n
\n {showContentDivider && \n \n {children}\n \n
\n );\n};\n\nCtaButton.defaultProps = {\n children: null,\n className: ''\n};\n\nCtaButton.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.string]),\n target: PropTypes.string.isRequired,\n path: PropTypes.string.isRequired,\n textColor: PropTypes.string.isRequired,\n backgroundColor: PropTypes.string.isRequired,\n className: PropTypes.string\n};\n\nexport default CtaButton;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst PlayIcon = ({ iconColor }) => {\n return (\n \n \n
\n );\n};\n\nPlayIcon.defaultProps = {\n iconColor: null\n};\n\nPlayIcon.propTypes = {\n iconColor: PropTypes.string\n};\nexport default PlayIcon;\n","import React from 'react';\nimport LoaderIcon from 'react-loaders';\n\nconst Loader = () => {\n return