{suggestion.displayName}
\n);\n\nconst NO_SELECTION_STYLE_NO = \"0000000000\";\n\nclass SearchBar extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: '',\n suggestions: []\n };\n }\n\n componentDidUpdate(prevProps, prevState) {\n if(prevProps.customSearchParam !== this.props.customSearchParam) {\n this.setState({value: this.props.customSearchParam})\n }\n }\n\n handleUDSearch = async (designId) => {\n const designSearchData = await checkDesignSearch(designId);\n\n if(designSearchData.belongsToPastOrder) {\n if(!isConsumer()) {\n this.props.showFillinHelperModal('fill in', designId);\n return true;\n } else {\n return false;\n }\n }\n\n if (!designSearchData.belongsToLocker && !designSearchData.cartId && !designSearchData.belongsToPastOrder) {\n return false;\n }\n\n this.props.showFillinHelperModal('navbar search', designId, designSearchData.belongsToLocker, designSearchData.cartId);\n return true;\n };\n\n onChange = (event, { newValue }) => {\n this.setState({\n value: newValue\n });\n };\n\n onSuggestionsFetchRequested = ({ value }) => {\n const inputValue = value.trim().toLowerCase();\n const inputLength = inputValue.length;\n if(inputLength > 0) {\n QuickSearchService.get(inputValue, false).then((products)=> {\n let noSelection = {\n displayName: value,\n styleNumber: NO_SELECTION_STYLE_NO,\n uniformProgram: \"\"\n };\n products.unshift(noSelection);\n this.setState({\n suggestions: products\n });\n });\n }\n };\n\n onSelectSuggestion = async (event, { suggestion, suggestionValue, suggestionIndex, sectionIndex, method }) => {\n suggestionValue = suggestionValue.trim();\n if (suggestion.styleNumber === NO_SELECTION_STYLE_NO) {\n if (isJbaDesignId(suggestionValue)) { // is embodee UD\n // Ensure Embodee UD matches format (UD1a2b3c4d) -- UD prefix is uppercase, all following characters are lowercase\n const prefix = suggestionValue.substring(0, 2);\n const id = suggestionValue.substring(2, suggestionValue.length);\n const transformedUD = `${prefix.toUpperCase()}${id.toLowerCase()}`;\n const handled = await this.handleUDSearch(transformedUD);\n if (!handled) {\n window.location = `${window.location.protocol}//${window.location.host}/en/en_US/p/builder?styleNumber=${transformedUD}`;\n }\n } else if (isSapDesignId(suggestionValue)) { // is custom stock UD\n window.location = `${window.location.protocol}//${window.location.host}/en/en_US/nts/pdp/design/${suggestionValue}`;\n } else {\n window.location = `${window.location.protocol}//${window.location.host}/en/en_US/nts/gridwall/any/any/100?search=${suggestionValue}`;\n }\n } else if (suggestion.uniformProgram.toLowerCase().indexOf('stock') === -1) {\n window.location = `${window.location.protocol}//${window.location.host}/en/en_US/p/builder?styleNumber=${suggestion.styleNumber}`;\n } else {\n window.location = `${window.location.protocol}//${window.location.host}/en/en_US/nts/pdp/style/${suggestion.styleNumber}`;\n }\n };\n\n onSuggestionsClearRequested = () => {\n this.setState({\n suggestions: []\n });\n };\n\n render() {\n const { value, suggestions } = this.state;\n const inputProps = {\n placeholder: '',\n value: decodeURIComponent(value),\n onChange: this.onChange\n };\n return (\n \n
\n );\n }\n}\nconst mapStateToProps = (state) => {\n return { customSearchParam: state.gridwall.userFilters.customSearchParam };\n};\nconst mapDispatchToProps = (dispatch) => {\n return {\n addSearchParam: (searchString) => {\n dispatch(dispatchAddCustomSearchParam(searchString));\n },\n push: (path) => dispatch(push(path)),\n showFillinHelperModal: (mode, ud, isInLocker, cartId) => dispatch(showFillinHelperModal(mode, ud, isInLocker, cartId)),\n }\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(SearchBar);","import React from 'react';\nimport {OverlayTrigger, Tooltip} from \"react-bootstrap\";\n\nexport const CouponBalanceTooltip:React.FC = () => {\n\n const tooltip = (\n Unfortunately, the coupon balance does not cover the quantity ordered.
\nPlease either reduce the quantity ordered or remove the embellishments.
\nOrders with embellishments include a surcharge, due to the cost of printing.
\n\n ✕\n REDEEM COUPON - {this.props.couponState.coupon.code.toUpperCase()}\n \n {this.props.couponState.coupon.error &&\n {this.props.couponState.coupon.error}\n }\n {!this.props.couponState.coupon.error &&\n \n Exp {this.props.couponState.coupon.expirationDate}\n \n {balanceColor === 'red' &&
\n );\n } else {\n return null;\n }\n }\n\n}\n\nconst mapStateToProps = state => {\n return {\n couponState: state.couponState\n }\n};\n\nexport const CouponBar = connect(\n mapStateToProps\n)(CouponBarClass);\n","import React from 'react';\nimport {connect} from 'react-redux';\nimport {Link, withRouter} from 'react-router-dom';\nimport {isMobile} from 'react-device-detect';\n\nimport logo from '../../../img/SVG/NIKE_TEAM_Mobile.svg';\nimport scheelsLogo from '../../../img/SVG/SCHEELS-NIKE-TEAM_Square.svg';\n\n// components\nimport {Image} from 'react-bootstrap';\nimport {NtsLink} from '../shared/ntsLink';\nimport {AccountOptions} from './menuOptions/accountOptions';\nimport {AdminOptions} from './menuOptions/adminOptions';\nimport {MensOptions} from './menuOptions/mensOptions';\nimport {WomensOptions} from './menuOptions/womensOptions';\nimport {KidsOptions} from \"./menuOptions/kidsOptions\";\nimport SearchBar from './searchBar';\nimport {CouponBar} from \"../coupons/bar/couponBar\";\n\n// services + helpers\nimport {handleLogout} from \"../../actions/userProfileActions\";\nimport {navigateToCartPage} from \"../../helpers/navbarHelpers\";\nimport {\n dispatchDisplayCouponLookupModal,\n dispatchLoadCouponDetails\n} from \"../../actions/couponActions\";\nimport {isCouponBarSupportedPage} from \"../../helpers/couponHelpers\";\nimport {hasAdminMenu, getUserEmail} from '../../helpers/userProfileHelpers';\nimport {isRetailExperience} from \"../../helpers/retailHelpers\";\nimport {setPreloginUrl} from \"../../../auth/utils/helpers\";\nimport {authService} from \"../../../App\";\n\nconst MOBILE_NAV_OPTS = {\n MAIN: \"MAIN\",\n MEN: \"MEN\",\n WOMEN: \"WOMEN\",\n KIDS: \"KIDS\",\n ACCOUNT: \"ACCOUNT\",\n ADMIN: \"ADMIN\"\n};\n\nlet timeout;\n\nclass Navbar extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n activeMobileNav: null,\n navIsOpen: false,\n dropdownState: 0\n }\n }\n\n componentDidMount(){\n this.forceHideDropdown();\n }\n\n componentWillReceiveProps(nextProps, nextContext) {\n //Hide coupon bar (needed for transitioning between Angular and React pages)\n if(!isCouponBarSupportedPage(nextProps.match.location)) {\n dispatchLoadCouponDetails({});\n }\n }\n\n handleLinkHover = (e) => {\n\n if(isMobile) {\n return false;\n }\n\n const target = e.target.id;\n const callback = this.showDropdown;\n // Create 500 millisecond delay to prevent showing menu when user is just passing over link\n timeout = setTimeout(function() {callback(target)}, 250);\n };\n\n //The dropdown state uses an int code for the context menu\n //I was going to use an enum, but jumping through two hoops seemed excessive\n //0 is hidden, the rest are display, with content encoded 1-4\n showDropdown = (menuItem) => {\n switch (menuItem) {\n case \"men-menu-toggle\":\n this.setState({dropdownState: 1});\n break;\n\n case \"women-menu-toggle\":\n this.setState({dropdownState: 2});\n break;\n\n case \"kids-menu-toggle\":\n this.setState({dropdownState: 3});\n break;\n\n default:\n this.setState({dropdownState: 0});\n }\n };\n\n hideDropdown = (e) => {\n clearTimeout(timeout);\n if(e.relatedTarget.id === \"nav-dropdown\" || e.relatedTarget.id === \"nav-bar\" || e.relatedTarget.id === \"primary-nav\"){\n return;\n } else if(e.relatedTarget && e.relatedTarget.classList && e.relatedTarget.classList.contains('nts-nav-bar-item') && e.relatedTarget.href) {\n // Workaround for mobile click emulation, stops propogration of other click handlers (behind nav element)\n window.location = e.relatedTarget.href;\n return false;\n }\n this.setState({dropdownState: 0});\n };\n\n forceHideDropdown = () => {\n this.setState({dropdownState: 0});\n };\n\n changeMobileNav = (menuToOpen) => {\n this.setState({activeMobileNav: menuToOpen})\n };\n\n toggleMobileNav = () => {\n let newState = {navIsOpen: !this.state.navIsOpen};\n if(!this.state.navIsOpen) {\n newState.activeMobileNav = MOBILE_NAV_OPTS.MAIN;\n // TODO: Once entire app is in react, find a redux way to do this\n document.body.style.overflow = \"hidden\";\n } else {\n // TODO: Once entire app is in react, find a redux way to do this\n document.body.style.overflow = \"\";\n }\n this.setState(newState)\n };\n\n login = () => {\n setPreloginUrl(window.location.href);\n authService.signinRedirect();\n };\n\n navigateTo = (url) => {\n this.toggleMobileNav();\n window.location = `${window.location.protocol}//${window.location.host}/en/en_US/${url}`;\n };\n\n handleCartClick = () => {\n navigateToCartPage();\n };\n\n handleCouponLookup = () => {\n dispatchDisplayCouponLookupModal(true, 'lookup');\n };\n\n handleDealerCouponLookup = () => {\n dispatchDisplayCouponLookupModal(true, 'dealer-lookup');\n };\n\n handleTopNavClick = (e) => {\n if(this.state.dropdownState === 0) {\n const navCategory = e.target.dataset.navCategory;\n this.showDropdown(navCategory)\n } else {\n window.location = e.target.dataset.navUrl;\n }\n };\n componentDidUpdate(prevProps) {\n const { history } = this.props;\n const isLoginOrders = history.location.pathname.includes(\"/en/en_US/nts/email/orders\");\n\n if(isLoginOrders && !this.props.userProfile.isLoading) {\n if(!this.props.userProfile.isLoggedIn) {\n this.login();\n } else {\n history.push('/en/en_US/nts/history/orders');\n }\n }\n }\n render() {\n const mobileLogo = isRetailExperience() ? scheelsLogo : logo;\n const userEmail = getUserEmail();\n return (\n \n );\n }\n}\n\nconst mapStateToProps = state => {\n return {\n userProfile: state.userState,\n navState: state.navigationState\n }\n};\n\nexport const ConnectedNavbar = connect(\n mapStateToProps\n)(Navbar);\n\nexport default withRouter(ConnectedNavbar);\n","import React from 'react';\nimport { Row, Col, Grid } from 'react-bootstrap';\nimport {Link} from 'react-router-dom';\n\nimport {akamaiImageUrl} from \"../../../App\";\nimport {isDealerRole} from \"../../helpers/userProfileHelpers\";\nimport {setPreloginUrl} from \"../../../auth/utils/helpers\";\nimport {authService} from \"../../../App\";\nimport {connect} from \"react-redux\";\n\n//TODO: Re-activate and re-point links once react version of FAQ pages are complete\n// const PLACEHOLDER_LINK = \"/en/en_US/nts/\";\n\nconst Footer = () => {\n\n const register = () => {\n setPreloginUrl(window.location.href);\n authService.signinRedirect();\n };\n return (\n \n \n \n
\n \n 
\n United States\n \n © {new Date().getFullYear()} Nike, Inc. All Rights Reserved\n \n
\n \n
\n );\n}\n\nconst mapStateToProps = (state) => {\n return {\n userAuthorities: state.userState.authorities\n }\n};\n\nexport default connect(mapStateToProps)(Footer);\n","import * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport { connect } from 'react-redux';\nimport { matchPath } from \"react-router-dom\";\nimport { Carousel, CarouselItem } from 'react-bootstrap';\n\nimport { AppState } from '../../reducers';\n\nimport { AnnouncementBannerService } from '../../api/services/ntsWebappService';\n\nconst pagesWithBanner = [\n '/en/en_US/nts', // Main Landing Page\n '/en/en_US/nts/', // also Main Landing Page\n '/en/en_US/nts/email/orders', // also Main Landing Page\n '/en/en_US/nts/locker', // Locker\n '/en/en_US/nts/pdp/:type/:id', // PDP/Stock Builder\n '/en/en_US/nts/gridwall/:gender/:sport/:routeKey', // Sport Landing Page\n '/en/en_US/nts/sport/:gender/:sport', // Sport Landing Page\n '/en/en_US/nts/promo/:gender/:sport', // Sport Landing Page (Promo)\n '/en/en_US/nts/gridwall/:gender/:sport/:routeKey', // Gridwall\n '/en/en_US/nts/checkout/order/:id', // Dealer Checkout\n '/en/en_US/nts/checkout/coupon/:id', // Coupon Checkout\n '/en/en_US/nts/history/orders', // Past Orders\n '/en/en_US/nts/fillin', // Create Fill-in\n '/en/en_US/nts/orders' // Dealer and Consumer Carts List\n];\n\nconst rolesWithAccess = (bannerRole: string = '') => {\n switch (bannerRole) {\n case 'ROLE_ADMIN':\n return ['ROLE_USER_ADMIN'];\n case 'ROLE_CUSTOMER_SERVICE':\n return ['ROLE_USER_ADMIN', 'ROLE_CUSTOMER_SERVICE'];\n case 'ROLE_DEALER_ELITE':\n return ['ROLE_USER_ADMIN', 'ROLE_CUSTOMER_SERVICE', 'ROLE_DEALER_ELITE'];\n case 'ROLE_DEALER':\n return ['ROLE_USER_ADMIN', 'ROLE_CUSTOMER_SERVICE', 'ROLE_DEALER_ELITE', 'ROLE_DEALER'];\n case 'ROLE_ARTWORK':\n return ['ROLE_USER_ADMIN', 'ROLE_CUSTOMER_SERVICE', 'ROLE_DEALER_ELITE', 'ROLE_DEALER', 'ROLE_ARTWORK_BROWSER'];\n case 'ROLE_CONSUMER':\n return ['ROLE_CONSUMER'];\n default:\n return ['ROLE_USER_ADMIN', 'ROLE_CUSTOMER_SERVICE', 'ROLE_DEALER_ELITE', 'ROLE_DEALER', 'ROLE_ARTWORK_BROWSER', 'ROLE_CONSUMER'];\n }\n}\n\nexport interface Banner {\n displayText: string;\n linkText?: string;\n linkUrl?: string;\n role?: string;\n target?: string;\n};\n\ninterface BannerConfig {\n banners: Banner[];\n};\n\ninterface StateProps {\n pathname: AppState['router']['location']['pathname'];\n userAuthorities: AppState['userState']['authorities'];\n};\n\nconst AnnouncementBanner: React.FCProduct Info
\n Custom Logos\n Embellishments\n Sizing Information\n \n Customization
\n Simple Customization\n Build to Order\n \n Ordering
\n How to Order\n Submitting a Quote\n Contact a Dealer\n Shipping and Delivery\n \n \n United States\n \n © {new Date().getFullYear()} Nike, Inc. All Rights Reserved\n \n \n {this.props.data &&\n \n \n \n {this.props.data.header}\n \n \n \n \n \n \n {this.props.data.cancelable &&\n \n }\n \n \n \n \n }\n
\n );\n }\n}\n\nconst mapStateToProps = (state: AppState): StateProps => {\n return {\n data: state.messageState.messageModal,\n };\n};\n\nexport const MessageModal = connect(\n mapStateToProps\n)(MessageModalComponent);\n","import React from 'react';\nimport {connect} from 'react-redux';\nimport {Modal} from 'react-bootstrap';\n\nimport {\n dispatchCouponLookupState,\n dispatchDisplayCouponLookupModal,\n dispatchLoadCouponDetails\n} from \"../../../actions/couponActions\";\nimport {AssortmentService} from \"../../../api/services/assortmentService\";\nimport {CouponService} from \"../../../api/services/couponService\";\nimport {store} from \"../../../../App\";\nimport {showToast} from \"../../../actions/toastActions\";\nimport {navigateToCartPage} from \"../../../helpers/navbarHelpers\";\nimport {isConsumer, isDealerRole} from \"../../../helpers/userProfileHelpers\";\nimport {Spacer} from '../../shared/spacer';\nimport {getCartNameById} from \"../../../helpers/orderHelpers\";\n\nexport class CouponLookupModalComponent extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n couponEntry: '',\n couponLoaded: false,\n couponDetails: {},\n validEntry: true,\n cartName: ''\n };\n }\n\n componentWillReceiveProps(nextProps, nextContext) {\n if (nextProps && nextProps.couponState && !nextProps.couponState.showCouponLookupModal) {\n this.setState({\n couponEntry: '',\n couponLoaded: false,\n error: '',\n cartName: ''\n })\n }\n }\n\n onHide = () => {\n dispatchDisplayCouponLookupModal(false);\n };\n\n onCouponLookupClick = () => {\n if(this.state.couponEntry) {\n CouponService.lookupCoupon(this.state.couponEntry.trim()).then(response => {\n if(response && response.error && !response.code.includes('INACTIVE')) {\n this.setState({\n error: response.message,\n couponEntry: ''\n })\n } else {\n const today = new Date();\n const activationDate = new Date(response.data.couponActivationDate);\n this.setState({\n couponLoaded: true,\n couponDetails: {\n code: response.data.couponCode,\n balance: response.data.balanceAmount,\n expirationDate: response.data.couponExpirationDate,\n activationDate: (activationDate && activationDate > today) ? response.data.couponActivationDate : ''\n }\n });\n }\n }).catch(error => {\n this.setState({\n error: (error && error.message) ? error.message : 'There was an issue retrieving your coupon details. Please try again later.'\n });\n });\n } else {\n this.setState({\n error: 'Please enter a valid coupon code'\n });\n }\n };\n\n onCouponRemoveClick = () => {\n if(isDealerRole()) {\n dispatchCouponLookupState('dealerRemove');\n getCartNameById(this.props.couponState.coupon.cartId).then(response => {\n this.setState({\n cartName: response\n });\n });\n } else {\n CouponService.removeCoupon(this.props.couponState.coupon.cartId).then(response => {\n if(response && !response.error) {\n this.onHide();\n store.dispatch(showToast(\"COUPON REMOVED\"));\n dispatchLoadCouponDetails({});\n navigateToCartPage();\n } else {\n this.setState({\n error: response.message,\n couponEntry: ''\n })\n }\n }).catch(error => {\n this.setState({\n error: (error && error.message) ? error.message : 'There was an issue removing your coupon. Please try again later.'\n });\n })\n }\n };\n\n onDealerCouponRemoveClick = () => {\n const encodedCartName = encodeURIComponent(this.state.cartName);\n CouponService.removeCoupon(this.props.couponState.coupon.cartId).then(response => {\n if(response && !response.error) {\n AssortmentService.updateCartName(encodedCartName, this.props.couponState.coupon.cartId).then(response => {\n this.onHide();\n store.dispatch(showToast(\"COUPON REMOVED\"));\n dispatchLoadCouponDetails({});\n navigateToCartPage();\n }).catch(e => {\n this.setState({\n error: (e && e.message) ? e.message : 'There was an issue updating your cart. Please try again later.'\n });\n });\n } else {\n this.setState({\n error: response.message,\n couponEntry: ''\n });\n }\n }).catch(error => {\n this.setState({\n error: (error && error.message) ? error.message : 'There was an issue removing your coupon. Please try again later.'\n });\n });\n };\n\n onCouponApplyClick = () => {\n if(this.state.couponEntry) {\n const cartId = new URLSearchParams(window.location.search).get('cartId');\n CouponService.applyCoupon(this.state.couponEntry.trim(), cartId).then(response => {\n if(response && response.error) {\n this.setState({\n error: response.message,\n couponEntry: ''\n })\n } else {\n this.onHide();\n store.dispatch(showToast(\"COUPON APPLIED\"));\n window.location.reload();\n }\n }).catch(error => {\n this.setState({\n error: (error && error.message) ? error.message : 'There was an issue applying your coupon. Please try again later.'\n });\n });\n } else {\n this.setState({\n error: 'Please enter a valid coupon code.'\n });\n }\n };\n\n getCartIdFromUrl = () => {\n let isCartPage = window.location.search.includes('order,detail');\n if(isCartPage) {\n //On cart page (url = /en/en_US/p/order,detail?cartId={cartId})\n let search = window.location.search;\n let params = new URLSearchParams(search);\n return params.get('cartId');\n } else {\n //On checkout page (url = /en/en_US/nts/checkout/coupon/{cartId})\n const urlSplit = window.location.pathname.split('/');\n return urlSplit[urlSplit.length - 1];\n }\n };\n\n getModalImplementation = (state) => {\n switch (state.couponModalType) {\n case 'apply':\n return {\n header: 'APPLY COUPON',\n subheader: 'Please enter coupon code',\n btnText: 'APPLY COUPON',\n btnAction: this.onCouponApplyClick,\n showInput: true,\n showCancelBtn: false\n };\n case 'remove':\n const subHdrText = (isConsumer()) ? 'Are you sure you want to remove your coupon? You will still be able to check out with a credit card.' : 'Are you sure you want to remove your coupon?';\n return {\n header: 'REMOVE COUPON',\n subheader: subHdrText,\n btnText: 'REMOVE COUPON',\n btnAction: this.onCouponRemoveClick,\n showInput: false,\n showCancelBtn: true\n };\n case 'dealerRemove':\n return {\n header: 'REMOVE COUPON',\n subheader: 'Please update your cart name',\n btnText: 'UPDATE',\n btnAction: this.onDealerCouponRemoveClick,\n showInput: false,\n showCancelBtn: false\n };\n default:\n return {\n header: (this.state.couponLoaded) ? 'COUPON INFO' : 'LOOK UP COUPON',\n subheader: 'Please enter coupon code',\n btnText: 'LOOK UP COUPON',\n btnAction: this.onCouponLookupClick,\n showInput: true,\n showCancelBtn: false\n };\n }\n };\n\n handleCreateCart = () => {\n CouponService.createDealerCouponCart(this.state.couponEntry.trim()).then(response => {\n if(response && response.error) {\n this.setState({\n error: response.message,\n couponEntry: ''\n })\n } else {\n this.onHide();\n store.dispatch(showToast(\"COUPON CART CREATED\"));\n }\n }).catch(error => {\n this.setState({\n error: (error && error.message) ? error.message : 'There was an issue creating your cart. Please try again later.'\n });\n });\n };\n\n render() {\n\n const inputClass = (this.state.error) ? 'nts-coupon-input error' : 'nts-coupon-input';\n const {header, subheader, btnText, btnAction, showInput, showCancelBtn} = this.getModalImplementation(this.props.couponState);\n\n return (\n {this.props.data.message}
\n{header}
\n \n
\n }\n\n {this.state.couponLoaded && this.state.couponDetails &&\n {subheader}
\n {this.state.error && {this.state.error}
}\n {showInput &&\n this.setState({couponEntry: e.target.value }) }\n onKeyPress={e => {if(e.key === 'Enter'){ btnAction() }}}\n />\n }\n {showCancelBtn && }\n {isDealerRole() && this.state.cartName && this.setState({cartName: e.target.value }) } />}\n \n \n {this.state.couponDetails.code && \n \n \n {isDealerRole() && }\n
\n }\n\n Coupon Code: {this.state.couponDetails.code}
}\n {this.state.couponDetails.balance &&Balance: {this.state.couponDetails.balance.toLocaleString(\"en-US\", {style: \"currency\", currency: \"USD\"})}
}\n {this.state.couponDetails.activationDate &&Activation Date: {this.state.couponDetails.activationDate}
}\n {this.state.couponDetails.expirationDate &&Expiration Date: {this.state.couponDetails.expirationDate}
}\n{toastState.toast}
;\n};\n\nconst mapStateToProps = state => {\n return {\n toastState: state.toastState\n }\n};\n\nexport const Toast = connect(\n mapStateToProps\n)(ToastComponent);","import PropTypes from 'prop-types';\nimport withSideEffect from 'react-side-effect';\nimport isEqual from 'react-fast-compare';\nimport React from 'react';\nimport objectAssign from 'object-assign';\n\nvar ATTRIBUTE_NAMES = {\n BODY: \"bodyAttributes\",\n HTML: \"htmlAttributes\",\n TITLE: \"titleAttributes\"\n};\n\nvar TAG_NAMES = {\n BASE: \"base\",\n BODY: \"body\",\n HEAD: \"head\",\n HTML: \"html\",\n LINK: \"link\",\n META: \"meta\",\n NOSCRIPT: \"noscript\",\n SCRIPT: \"script\",\n STYLE: \"style\",\n TITLE: \"title\"\n};\n\nvar VALID_TAG_NAMES = Object.keys(TAG_NAMES).map(function (name) {\n return TAG_NAMES[name];\n});\n\nvar TAG_PROPERTIES = {\n CHARSET: \"charset\",\n CSS_TEXT: \"cssText\",\n HREF: \"href\",\n HTTPEQUIV: \"http-equiv\",\n INNER_HTML: \"innerHTML\",\n ITEM_PROP: \"itemprop\",\n NAME: \"name\",\n PROPERTY: \"property\",\n REL: \"rel\",\n SRC: \"src\",\n TARGET: \"target\"\n};\n\nvar REACT_TAG_MAP = {\n accesskey: \"accessKey\",\n charset: \"charSet\",\n class: \"className\",\n contenteditable: \"contentEditable\",\n contextmenu: \"contextMenu\",\n \"http-equiv\": \"httpEquiv\",\n itemprop: \"itemProp\",\n tabindex: \"tabIndex\"\n};\n\nvar HELMET_PROPS = {\n DEFAULT_TITLE: \"defaultTitle\",\n DEFER: \"defer\",\n ENCODE_SPECIAL_CHARACTERS: \"encodeSpecialCharacters\",\n ON_CHANGE_CLIENT_STATE: \"onChangeClientState\",\n TITLE_TEMPLATE: \"titleTemplate\"\n};\n\nvar HTML_TAG_MAP = Object.keys(REACT_TAG_MAP).reduce(function (obj, key) {\n obj[REACT_TAG_MAP[key]] = key;\n return obj;\n}, {});\n\nvar SELF_CLOSING_TAGS = [TAG_NAMES.NOSCRIPT, TAG_NAMES.SCRIPT, TAG_NAMES.STYLE];\n\nvar HELMET_ATTRIBUTE = \"data-react-helmet\";\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) {\n return typeof obj;\n} : function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n};\n\nvar classCallCheck = function (instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n};\n\nvar createClass = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n}();\n\nvar _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n};\n\nvar inherits = function (subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass);\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n};\n\nvar objectWithoutProperties = function (obj, keys) {\n var target = {};\n\n for (var i in obj) {\n if (keys.indexOf(i) >= 0) continue;\n if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;\n target[i] = obj[i];\n }\n\n return target;\n};\n\nvar possibleConstructorReturn = function (self, call) {\n if (!self) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self;\n};\n\nvar encodeSpecialCharacters = function encodeSpecialCharacters(str) {\n var encode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n\n if (encode === false) {\n return String(str);\n }\n\n return String(str).replace(/&/g, \"&\").replace(//g, \">\").replace(/\"/g, \""\").replace(/'/g, \"'\");\n};\n\nvar getTitleFromPropsList = function getTitleFromPropsList(propsList) {\n var innermostTitle = getInnermostProperty(propsList, TAG_NAMES.TITLE);\n var innermostTemplate = getInnermostProperty(propsList, HELMET_PROPS.TITLE_TEMPLATE);\n\n if (innermostTemplate && innermostTitle) {\n // use function arg to avoid need to escape $ characters\n return innermostTemplate.replace(/%s/g, function () {\n return Array.isArray(innermostTitle) ? innermostTitle.join(\"\") : innermostTitle;\n });\n }\n\n var innermostDefaultTitle = getInnermostProperty(propsList, HELMET_PROPS.DEFAULT_TITLE);\n\n return innermostTitle || innermostDefaultTitle || undefined;\n};\n\nvar getOnChangeClientState = function getOnChangeClientState(propsList) {\n return getInnermostProperty(propsList, HELMET_PROPS.ON_CHANGE_CLIENT_STATE) || function () {};\n};\n\nvar getAttributesFromPropsList = function getAttributesFromPropsList(tagType, propsList) {\n return propsList.filter(function (props) {\n return typeof props[tagType] !== \"undefined\";\n }).map(function (props) {\n return props[tagType];\n }).reduce(function (tagAttrs, current) {\n return _extends({}, tagAttrs, current);\n }, {});\n};\n\nvar getBaseTagFromPropsList = function getBaseTagFromPropsList(primaryAttributes, propsList) {\n return propsList.filter(function (props) {\n return typeof props[TAG_NAMES.BASE] !== \"undefined\";\n }).map(function (props) {\n return props[TAG_NAMES.BASE];\n }).reverse().reduce(function (innermostBaseTag, tag) {\n if (!innermostBaseTag.length) {\n var keys = Object.keys(tag);\n\n for (var i = 0; i < keys.length; i++) {\n var attributeKey = keys[i];\n var lowerCaseAttributeKey = attributeKey.toLowerCase();\n\n if (primaryAttributes.indexOf(lowerCaseAttributeKey) !== -1 && tag[lowerCaseAttributeKey]) {\n return innermostBaseTag.concat(tag);\n }\n }\n }\n\n return innermostBaseTag;\n }, []);\n};\n\nvar getTagsFromPropsList = function getTagsFromPropsList(tagName, primaryAttributes, propsList) {\n // Calculate list of tags, giving priority innermost component (end of the propslist)\n var approvedSeenTags = {};\n\n return propsList.filter(function (props) {\n if (Array.isArray(props[tagName])) {\n return true;\n }\n if (typeof props[tagName] !== \"undefined\") {\n warn(\"Helmet: \" + tagName + \" should be of type \\\"Array\\\". Instead found type \\\"\" + _typeof(props[tagName]) + \"\\\"\");\n }\n return false;\n }).map(function (props) {\n return props[tagName];\n }).reverse().reduce(function (approvedTags, instanceTags) {\n var instanceSeenTags = {};\n\n instanceTags.filter(function (tag) {\n var primaryAttributeKey = void 0;\n var keys = Object.keys(tag);\n for (var i = 0; i < keys.length; i++) {\n var attributeKey = keys[i];\n var lowerCaseAttributeKey = attributeKey.toLowerCase();\n\n // Special rule with link tags, since rel and href are both primary tags, rel takes priority\n if (primaryAttributes.indexOf(lowerCaseAttributeKey) !== -1 && !(primaryAttributeKey === TAG_PROPERTIES.REL && tag[primaryAttributeKey].toLowerCase() === \"canonical\") && !(lowerCaseAttributeKey === TAG_PROPERTIES.REL && tag[lowerCaseAttributeKey].toLowerCase() === \"stylesheet\")) {\n primaryAttributeKey = lowerCaseAttributeKey;\n }\n // Special case for innerHTML which doesn't work lowercased\n if (primaryAttributes.indexOf(attributeKey) !== -1 && (attributeKey === TAG_PROPERTIES.INNER_HTML || attributeKey === TAG_PROPERTIES.CSS_TEXT || attributeKey === TAG_PROPERTIES.ITEM_PROP)) {\n primaryAttributeKey = attributeKey;\n }\n }\n\n if (!primaryAttributeKey || !tag[primaryAttributeKey]) {\n return false;\n }\n\n var value = tag[primaryAttributeKey].toLowerCase();\n\n if (!approvedSeenTags[primaryAttributeKey]) {\n approvedSeenTags[primaryAttributeKey] = {};\n }\n\n if (!instanceSeenTags[primaryAttributeKey]) {\n instanceSeenTags[primaryAttributeKey] = {};\n }\n\n if (!approvedSeenTags[primaryAttributeKey][value]) {\n instanceSeenTags[primaryAttributeKey][value] = true;\n return true;\n }\n\n return false;\n }).reverse().forEach(function (tag) {\n return approvedTags.push(tag);\n });\n\n // Update seen tags with tags from this instance\n var keys = Object.keys(instanceSeenTags);\n for (var i = 0; i < keys.length; i++) {\n var attributeKey = keys[i];\n var tagUnion = objectAssign({}, approvedSeenTags[attributeKey], instanceSeenTags[attributeKey]);\n\n approvedSeenTags[attributeKey] = tagUnion;\n }\n\n return approvedTags;\n }, []).reverse();\n};\n\nvar getInnermostProperty = function getInnermostProperty(propsList, property) {\n for (var i = propsList.length - 1; i >= 0; i--) {\n var props = propsList[i];\n\n if (props.hasOwnProperty(property)) {\n return props[property];\n }\n }\n\n return null;\n};\n\nvar reducePropsToState = function reducePropsToState(propsList) {\n return {\n baseTag: getBaseTagFromPropsList([TAG_PROPERTIES.HREF, TAG_PROPERTIES.TARGET], propsList),\n bodyAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.BODY, propsList),\n defer: getInnermostProperty(propsList, HELMET_PROPS.DEFER),\n encode: getInnermostProperty(propsList, HELMET_PROPS.ENCODE_SPECIAL_CHARACTERS),\n htmlAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.HTML, propsList),\n linkTags: getTagsFromPropsList(TAG_NAMES.LINK, [TAG_PROPERTIES.REL, TAG_PROPERTIES.HREF], propsList),\n metaTags: getTagsFromPropsList(TAG_NAMES.META, [TAG_PROPERTIES.NAME, TAG_PROPERTIES.CHARSET, TAG_PROPERTIES.HTTPEQUIV, TAG_PROPERTIES.PROPERTY, TAG_PROPERTIES.ITEM_PROP], propsList),\n noscriptTags: getTagsFromPropsList(TAG_NAMES.NOSCRIPT, [TAG_PROPERTIES.INNER_HTML], propsList),\n onChangeClientState: getOnChangeClientState(propsList),\n scriptTags: getTagsFromPropsList(TAG_NAMES.SCRIPT, [TAG_PROPERTIES.SRC, TAG_PROPERTIES.INNER_HTML], propsList),\n styleTags: getTagsFromPropsList(TAG_NAMES.STYLE, [TAG_PROPERTIES.CSS_TEXT], propsList),\n title: getTitleFromPropsList(propsList),\n titleAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.TITLE, propsList)\n };\n};\n\nvar rafPolyfill = function () {\n var clock = Date.now();\n\n return function (callback) {\n var currentTime = Date.now();\n\n if (currentTime - clock > 16) {\n clock = currentTime;\n callback(currentTime);\n } else {\n setTimeout(function () {\n rafPolyfill(callback);\n }, 0);\n }\n };\n}();\n\nvar cafPolyfill = function cafPolyfill(id) {\n return clearTimeout(id);\n};\n\nvar requestAnimationFrame = typeof window !== \"undefined\" ? window.requestAnimationFrame && window.requestAnimationFrame.bind(window) || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || rafPolyfill : global.requestAnimationFrame || rafPolyfill;\n\nvar cancelAnimationFrame = typeof window !== \"undefined\" ? window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame || cafPolyfill : global.cancelAnimationFrame || cafPolyfill;\n\nvar warn = function warn(msg) {\n return console && typeof console.warn === \"function\" && console.warn(msg);\n};\n\nvar _helmetCallback = null;\n\nvar handleClientStateChange = function handleClientStateChange(newState) {\n if (_helmetCallback) {\n cancelAnimationFrame(_helmetCallback);\n }\n\n if (newState.defer) {\n _helmetCallback = requestAnimationFrame(function () {\n commitTagChanges(newState, function () {\n _helmetCallback = null;\n });\n });\n } else {\n commitTagChanges(newState);\n _helmetCallback = null;\n }\n};\n\nvar commitTagChanges = function commitTagChanges(newState, cb) {\n var baseTag = newState.baseTag,\n bodyAttributes = newState.bodyAttributes,\n htmlAttributes = newState.htmlAttributes,\n linkTags = newState.linkTags,\n metaTags = newState.metaTags,\n noscriptTags = newState.noscriptTags,\n onChangeClientState = newState.onChangeClientState,\n scriptTags = newState.scriptTags,\n styleTags = newState.styleTags,\n title = newState.title,\n titleAttributes = newState.titleAttributes;\n\n updateAttributes(TAG_NAMES.BODY, bodyAttributes);\n updateAttributes(TAG_NAMES.HTML, htmlAttributes);\n\n updateTitle(title, titleAttributes);\n\n var tagUpdates = {\n baseTag: updateTags(TAG_NAMES.BASE, baseTag),\n linkTags: updateTags(TAG_NAMES.LINK, linkTags),\n metaTags: updateTags(TAG_NAMES.META, metaTags),\n noscriptTags: updateTags(TAG_NAMES.NOSCRIPT, noscriptTags),\n scriptTags: updateTags(TAG_NAMES.SCRIPT, scriptTags),\n styleTags: updateTags(TAG_NAMES.STYLE, styleTags)\n };\n\n var addedTags = {};\n var removedTags = {};\n\n Object.keys(tagUpdates).forEach(function (tagType) {\n var _tagUpdates$tagType = tagUpdates[tagType],\n newTags = _tagUpdates$tagType.newTags,\n oldTags = _tagUpdates$tagType.oldTags;\n\n\n if (newTags.length) {\n addedTags[tagType] = newTags;\n }\n if (oldTags.length) {\n removedTags[tagType] = tagUpdates[tagType].oldTags;\n }\n });\n\n cb && cb();\n\n onChangeClientState(newState, addedTags, removedTags);\n};\n\nvar flattenArray = function flattenArray(possibleArray) {\n return Array.isArray(possibleArray) ? possibleArray.join(\"\") : possibleArray;\n};\n\nvar updateTitle = function updateTitle(title, attributes) {\n if (typeof title !== \"undefined\" && document.title !== title) {\n document.title = flattenArray(title);\n }\n\n updateAttributes(TAG_NAMES.TITLE, attributes);\n};\n\nvar updateAttributes = function updateAttributes(tagName, attributes) {\n var elementTag = document.getElementsByTagName(tagName)[0];\n\n if (!elementTag) {\n return;\n }\n\n var helmetAttributeString = elementTag.getAttribute(HELMET_ATTRIBUTE);\n var helmetAttributes = helmetAttributeString ? helmetAttributeString.split(\",\") : [];\n var attributesToRemove = [].concat(helmetAttributes);\n var attributeKeys = Object.keys(attributes);\n\n for (var i = 0; i < attributeKeys.length; i++) {\n var attribute = attributeKeys[i];\n var value = attributes[attribute] || \"\";\n\n if (elementTag.getAttribute(attribute) !== value) {\n elementTag.setAttribute(attribute, value);\n }\n\n if (helmetAttributes.indexOf(attribute) === -1) {\n helmetAttributes.push(attribute);\n }\n\n var indexToSave = attributesToRemove.indexOf(attribute);\n if (indexToSave !== -1) {\n attributesToRemove.splice(indexToSave, 1);\n }\n }\n\n for (var _i = attributesToRemove.length - 1; _i >= 0; _i--) {\n elementTag.removeAttribute(attributesToRemove[_i]);\n }\n\n if (helmetAttributes.length === attributesToRemove.length) {\n elementTag.removeAttribute(HELMET_ATTRIBUTE);\n } else if (elementTag.getAttribute(HELMET_ATTRIBUTE) !== attributeKeys.join(\",\")) {\n elementTag.setAttribute(HELMET_ATTRIBUTE, attributeKeys.join(\",\"));\n }\n};\n\nvar updateTags = function updateTags(type, tags) {\n var headElement = document.head || document.querySelector(TAG_NAMES.HEAD);\n var tagNodes = headElement.querySelectorAll(type + \"[\" + HELMET_ATTRIBUTE + \"]\");\n var oldTags = Array.prototype.slice.call(tagNodes);\n var newTags = [];\n var indexToDelete = void 0;\n\n if (tags && tags.length) {\n tags.forEach(function (tag) {\n var newElement = document.createElement(type);\n\n for (var attribute in tag) {\n if (tag.hasOwnProperty(attribute)) {\n if (attribute === TAG_PROPERTIES.INNER_HTML) {\n newElement.innerHTML = tag.innerHTML;\n } else if (attribute === TAG_PROPERTIES.CSS_TEXT) {\n if (newElement.styleSheet) {\n newElement.styleSheet.cssText = tag.cssText;\n } else {\n newElement.appendChild(document.createTextNode(tag.cssText));\n }\n } else {\n var value = typeof tag[attribute] === \"undefined\" ? \"\" : tag[attribute];\n newElement.setAttribute(attribute, value);\n }\n }\n }\n\n newElement.setAttribute(HELMET_ATTRIBUTE, \"true\");\n\n // Remove a duplicate tag from domTagstoRemove, so it isn't cleared.\n if (oldTags.some(function (existingTag, index) {\n indexToDelete = index;\n return newElement.isEqualNode(existingTag);\n })) {\n oldTags.splice(indexToDelete, 1);\n } else {\n newTags.push(newElement);\n }\n });\n }\n\n oldTags.forEach(function (tag) {\n return tag.parentNode.removeChild(tag);\n });\n newTags.forEach(function (tag) {\n return headElement.appendChild(tag);\n });\n\n return {\n oldTags: oldTags,\n newTags: newTags\n };\n};\n\nvar generateElementAttributesAsString = function generateElementAttributesAsString(attributes) {\n return Object.keys(attributes).reduce(function (str, key) {\n var attr = typeof attributes[key] !== \"undefined\" ? key + \"=\\\"\" + attributes[key] + \"\\\"\" : \"\" + key;\n return str ? str + \" \" + attr : attr;\n }, \"\");\n};\n\nvar generateTitleAsString = function generateTitleAsString(type, title, attributes, encode) {\n var attributeString = generateElementAttributesAsString(attributes);\n var flattenedTitle = flattenArray(title);\n return attributeString ? \"<\" + type + \" \" + HELMET_ATTRIBUTE + \"=\\\"true\\\" \" + attributeString + \">\" + encodeSpecialCharacters(flattenedTitle, encode) + \"\" : \"<\" + type + \" \" + HELMET_ATTRIBUTE + \"=\\\"true\\\">\" + encodeSpecialCharacters(flattenedTitle, encode) + \"\";\n};\n\nvar generateTagsAsString = function generateTagsAsString(type, tags, encode) {\n return tags.reduce(function (str, tag) {\n var attributeHtml = Object.keys(tag).filter(function (attribute) {\n return !(attribute === TAG_PROPERTIES.INNER_HTML || attribute === TAG_PROPERTIES.CSS_TEXT);\n }).reduce(function (string, attribute) {\n var attr = typeof tag[attribute] === \"undefined\" ? attribute : attribute + \"=\\\"\" + encodeSpecialCharacters(tag[attribute], encode) + \"\\\"\";\n return string ? string + \" \" + attr : attr;\n }, \"\");\n\n var tagContent = tag.innerHTML || tag.cssText || \"\";\n\n var isSelfClosing = SELF_CLOSING_TAGS.indexOf(type) === -1;\n\n return str + \"<\" + type + \" \" + HELMET_ATTRIBUTE + \"=\\\"true\\\" \" + attributeHtml + (isSelfClosing ? \"/>\" : \">\" + tagContent + \"\");\n }, \"\");\n};\n\nvar convertElementAttributestoReactProps = function convertElementAttributestoReactProps(attributes) {\n var initProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n return Object.keys(attributes).reduce(function (obj, key) {\n obj[REACT_TAG_MAP[key] || key] = attributes[key];\n return obj;\n }, initProps);\n};\n\nvar convertReactPropstoHtmlAttributes = function convertReactPropstoHtmlAttributes(props) {\n var initAttributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n return Object.keys(props).reduce(function (obj, key) {\n obj[HTML_TAG_MAP[key] || key] = props[key];\n return obj;\n }, initAttributes);\n};\n\nvar generateTitleAsReactComponent = function generateTitleAsReactComponent(type, title, attributes) {\n var _initProps;\n\n // assigning into an array to define toString function on it\n var initProps = (_initProps = {\n key: title\n }, _initProps[HELMET_ATTRIBUTE] = true, _initProps);\n var props = convertElementAttributestoReactProps(attributes, initProps);\n\n return [React.createElement(TAG_NAMES.TITLE, props, title)];\n};\n\nvar generateTagsAsReactComponent = function generateTagsAsReactComponent(type, tags) {\n return tags.map(function (tag, i) {\n var _mappedTag;\n\n var mappedTag = (_mappedTag = {\n key: i\n }, _mappedTag[HELMET_ATTRIBUTE] = true, _mappedTag);\n\n Object.keys(tag).forEach(function (attribute) {\n var mappedAttribute = REACT_TAG_MAP[attribute] || attribute;\n\n if (mappedAttribute === TAG_PROPERTIES.INNER_HTML || mappedAttribute === TAG_PROPERTIES.CSS_TEXT) {\n var content = tag.innerHTML || tag.cssText;\n mappedTag.dangerouslySetInnerHTML = { __html: content };\n } else {\n mappedTag[mappedAttribute] = tag[attribute];\n }\n });\n\n return React.createElement(type, mappedTag);\n });\n};\n\nvar getMethodsForTag = function getMethodsForTag(type, tags, encode) {\n switch (type) {\n case TAG_NAMES.TITLE:\n return {\n toComponent: function toComponent() {\n return generateTitleAsReactComponent(type, tags.title, tags.titleAttributes, encode);\n },\n toString: function toString() {\n return generateTitleAsString(type, tags.title, tags.titleAttributes, encode);\n }\n };\n case ATTRIBUTE_NAMES.BODY:\n case ATTRIBUTE_NAMES.HTML:\n return {\n toComponent: function toComponent() {\n return convertElementAttributestoReactProps(tags);\n },\n toString: function toString() {\n return generateElementAttributesAsString(tags);\n }\n };\n default:\n return {\n toComponent: function toComponent() {\n return generateTagsAsReactComponent(type, tags);\n },\n toString: function toString() {\n return generateTagsAsString(type, tags, encode);\n }\n };\n }\n};\n\nvar mapStateOnServer = function mapStateOnServer(_ref) {\n var baseTag = _ref.baseTag,\n bodyAttributes = _ref.bodyAttributes,\n encode = _ref.encode,\n htmlAttributes = _ref.htmlAttributes,\n linkTags = _ref.linkTags,\n metaTags = _ref.metaTags,\n noscriptTags = _ref.noscriptTags,\n scriptTags = _ref.scriptTags,\n styleTags = _ref.styleTags,\n _ref$title = _ref.title,\n title = _ref$title === undefined ? \"\" : _ref$title,\n titleAttributes = _ref.titleAttributes;\n return {\n base: getMethodsForTag(TAG_NAMES.BASE, baseTag, encode),\n bodyAttributes: getMethodsForTag(ATTRIBUTE_NAMES.BODY, bodyAttributes, encode),\n htmlAttributes: getMethodsForTag(ATTRIBUTE_NAMES.HTML, htmlAttributes, encode),\n link: getMethodsForTag(TAG_NAMES.LINK, linkTags, encode),\n meta: getMethodsForTag(TAG_NAMES.META, metaTags, encode),\n noscript: getMethodsForTag(TAG_NAMES.NOSCRIPT, noscriptTags, encode),\n script: getMethodsForTag(TAG_NAMES.SCRIPT, scriptTags, encode),\n style: getMethodsForTag(TAG_NAMES.STYLE, styleTags, encode),\n title: getMethodsForTag(TAG_NAMES.TITLE, { title: title, titleAttributes: titleAttributes }, encode)\n };\n};\n\nvar Helmet = function Helmet(Component) {\n var _class, _temp;\n\n return _temp = _class = function (_React$Component) {\n inherits(HelmetWrapper, _React$Component);\n\n function HelmetWrapper() {\n classCallCheck(this, HelmetWrapper);\n return possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n HelmetWrapper.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {\n return !isEqual(this.props, nextProps);\n };\n\n HelmetWrapper.prototype.mapNestedChildrenToProps = function mapNestedChildrenToProps(child, nestedChildren) {\n if (!nestedChildren) {\n return null;\n }\n\n switch (child.type) {\n case TAG_NAMES.SCRIPT:\n case TAG_NAMES.NOSCRIPT:\n return {\n innerHTML: nestedChildren\n };\n\n case TAG_NAMES.STYLE:\n return {\n cssText: nestedChildren\n };\n }\n\n throw new Error(\"<\" + child.type + \" /> elements are self-closing and can not contain children. Refer to our API for more information.\");\n };\n\n HelmetWrapper.prototype.flattenArrayTypeChildren = function flattenArrayTypeChildren(_ref) {\n var _babelHelpers$extends;\n\n var child = _ref.child,\n arrayTypeChildren = _ref.arrayTypeChildren,\n newChildProps = _ref.newChildProps,\n nestedChildren = _ref.nestedChildren;\n\n return _extends({}, arrayTypeChildren, (_babelHelpers$extends = {}, _babelHelpers$extends[child.type] = [].concat(arrayTypeChildren[child.type] || [], [_extends({}, newChildProps, this.mapNestedChildrenToProps(child, nestedChildren))]), _babelHelpers$extends));\n };\n\n HelmetWrapper.prototype.mapObjectTypeChildren = function mapObjectTypeChildren(_ref2) {\n var _babelHelpers$extends2, _babelHelpers$extends3;\n\n var child = _ref2.child,\n newProps = _ref2.newProps,\n newChildProps = _ref2.newChildProps,\n nestedChildren = _ref2.nestedChildren;\n\n switch (child.type) {\n case TAG_NAMES.TITLE:\n return _extends({}, newProps, (_babelHelpers$extends2 = {}, _babelHelpers$extends2[child.type] = nestedChildren, _babelHelpers$extends2.titleAttributes = _extends({}, newChildProps), _babelHelpers$extends2));\n\n case TAG_NAMES.BODY:\n return _extends({}, newProps, {\n bodyAttributes: _extends({}, newChildProps)\n });\n\n case TAG_NAMES.HTML:\n return _extends({}, newProps, {\n htmlAttributes: _extends({}, newChildProps)\n });\n }\n\n return _extends({}, newProps, (_babelHelpers$extends3 = {}, _babelHelpers$extends3[child.type] = _extends({}, newChildProps), _babelHelpers$extends3));\n };\n\n HelmetWrapper.prototype.mapArrayTypeChildrenToProps = function mapArrayTypeChildrenToProps(arrayTypeChildren, newProps) {\n var newFlattenedProps = _extends({}, newProps);\n\n Object.keys(arrayTypeChildren).forEach(function (arrayChildName) {\n var _babelHelpers$extends4;\n\n newFlattenedProps = _extends({}, newFlattenedProps, (_babelHelpers$extends4 = {}, _babelHelpers$extends4[arrayChildName] = arrayTypeChildren[arrayChildName], _babelHelpers$extends4));\n });\n\n return newFlattenedProps;\n };\n\n HelmetWrapper.prototype.warnOnInvalidChildren = function warnOnInvalidChildren(child, nestedChildren) {\n if (process.env.NODE_ENV !== \"production\") {\n if (!VALID_TAG_NAMES.some(function (name) {\n return child.type === name;\n })) {\n if (typeof child.type === \"function\") {\n return warn(\"You may be attempting to nest elements are necessary, do not remove\n * @constructor\n */\nconst Spinner:React.FC = () => (\n \n Custom products are not eligible to be redeemed with a coupon\n \n );\n\n const getCartSelectRow = () => {\n if(props.isJba && props.cart.couponCode) {\n return (\n \n \n )\n } else {\n return (\n \n
\n );\n\n};\n\nexport default CartSelectorRow;","import React from 'react';\nimport {Modal} from 'react-bootstrap';\nimport {connect} from 'react-redux';\nimport {Row, Col} from 'react-bootstrap';\n\nimport {store} from '../../../App';\nimport {getCarts} from '../../actions/dealerActions';\nimport {\n createCart,\n addSapProductsToCarts,\n addJbaProductsToCarts,\n createJbaFillIn,\n handleAddProductResponse\n} from '../../actions/orderActions';\nimport {sendPdpDetailsEvent} from '../../helpers/dataAnalyticsHelper';\nimport {hideCartSelectionMessageModal} from \"../../actions/cartSelectorActions\";\nimport {ORDER_STATUS_ID_OPEN_QUOTE} from \"../../helpers/constants\";\n\n//components\nimport {FillInErrorPanel} from \"./fillInErrorPanel\";\nimport {isDealerRole} from \"../../helpers/userProfileHelpers\";\nimport CartSelectorRow from \"./cartSelectorRow\";\n\nclass CartSelector extends React.Component {\n\n defaultState = {\n showNewCartEntry: false,\n searchFilter: '',\n selectedItems: [],\n newCartName: '',\n message: '',\n msgStatus: '',\n orders: [],\n orderType: this.getOrderTypeFilter(),\n blockSaveBtn: false\n };\n\n constructor(props) {\n super(props);\n this.state = this.defaultState;\n }\n \n getOrderTypeFilter(isJba = false) {\n if(isJba) {\n // Dealers get Order carts, Consumer Buy/Anon/Consumers get Quote carts\n return (isDealerRole()) ? 'ORDERS' : 'QUOTES';\n } else {\n //TODO: Apply isLoggedIn logic here?\n //return (isConsumerBuyRole() || isDealerRole()) ? 'ORDERS' : 'QUOTES';\n return 'ORDERS';\n }\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.cartSelectorState.showSelectCartModal) return;\n\n if (nextProps.cartSelectorState.isFillIn) {\n this.setState({\n showNewCartEntry: true,\n newCartName: nextProps.cartSelectorState.defaultName ? nextProps.cartSelectorState.defaultName.replace('Fill-in: ', '') : \"\"\n })\n } else if (!this.props.cartSelectorState.showSelectCartModal) {\n const orderType = this.getOrderTypeFilter(nextProps.cartSelectorState.isJba);\n //Only runs if the old state was not to show the modal, but the new state does show the modal.\n store.dispatch(getCarts(orderType))\n .then(result => {\n // If no carts, show New Cart Entry form\n const hasCarts = result && result.carts && result.carts.orders && result.carts.orders.length > 0;\n if (!hasCarts) {\n this.setState({\n showNewCartEntry: true,\n newCartName: '',\n cartSelectorState: nextProps.cartSelectorState,\n orderType: orderType\n })\n } else {\n this.setState({\n orders: result.carts.orders,\n newCartName: '',\n cartSelectorState: nextProps.cartSelectorState,\n orderType: orderType\n })\n }\n });\n }\n }\n\n onHide = () => {\n this.hideModal();\n };\n\n onCancel = () => {\n this.hideModal();\n };\n\n onSubmitCarts = () => {\n this.clearMessage();\n\n if (this.state.selectedItems.length < 1) {\n\n this.setState({\n message: 'Please select a cart',\n msgStatus: 'error'\n })\n\n } else {\n\n const carts = [];\n this.state.selectedItems.forEach(id => {\n this.state.orders.forEach(item => {\n if (+item.id === id) {\n carts.push(item);\n }\n });\n });\n\n const redirectToCart = this.props.cartSelectorState.isFillIn ? true : false;\n\n if (this.props.cartSelectorState.products) {\n let addToCartPromises = [];\n this.props.cartSelectorState.products.forEach(product => {\n if (!product.error) {\n if(typeof this.props.cartSelectorState.isJba !== 'undefined' && this.props.cartSelectorState.isJba) {\n addJbaProductsToCarts(product, carts);\n } else {\n let promises = addSapProductsToCarts(product.selectedStyle, product.productDetails, product.design, true, carts, product.priceDetails, redirectToCart);\n addToCartPromises.push(...promises);\n Promise.all(addToCartPromises).then((orders) => {\n if (redirectToCart) {\n window.location = window.location.protocol + '//' + window.location.host + '/en/en_US/p/order,detail?cartId=' + carts[0].id;\n } else {\n handleAddProductResponse(orders[0]);\n }\n });\n }\n }\n });\n }\n\n //TODO: Should this report for fillins too? Need to handle multiple SAP products\n if (!this.props.cartSelectorState.isFillIn && this.props.cartSelectorState.selectedStyle && this.props.cartSelectorState.productDetails)\n sendPdpDetailsEvent(this.props.cartSelectorState.selectedStyle.details.displayName, this.props.cartSelectorState.productDetails.description, this.props.cartSelectorState.selectedStyle.details.styleNumber, this.props.cartSelectorState.selectedStyle.details.colorNumber);\n }\n \n // Clear cart selections, otherwise, auto-selects newly added carts\n const clearSelectedItems = this.state.selectedItems;\n clearSelectedItems.length = 0;\n this.setState({ selectedItems: clearSelectedItems });\n \n this.toggleCreateCartDialog();\n this.hideModal();\n };\n\n toggleCreateCartDialog = () => {\n if (this.props.cartSelectorState.isFillIn) {\n this.hideModal();\n } else {\n this.setState({\n showNewCartEntry: !this.state.showNewCartEntry\n })\n }\n };\n\n updateSearchFilter = (e) => {\n const value = e.target.value;\n this.setState({\n searchFilter: value\n })\n };\n\n toggleSelection = (e) => {\n\n let cartId = e.target.dataset.cartId;\n if (!cartId) {\n }\n cartId = +cartId; //convert to number\n\n let selectedItems = this.state.selectedItems.slice();\n const existingIndex = selectedItems.indexOf(cartId);\n\n if (existingIndex > -1) {\n selectedItems.splice(existingIndex, 1);\n } else {\n selectedItems.push(cartId);\n }\n\n this.setState({\n selectedItems: selectedItems\n });\n\n };\n\n isSelected = (id) => {\n\n let selected = false;\n if (this.state.selectedItems.length > 0) {\n selected = this.state.selectedItems.includes(+id);\n }\n\n return selected;\n\n };\n\n updateCartName = (e) => {\n const name = e.target.value;\n if (name && !this.validateCartName(name)) {\n this.setState({\n message: 'Cart name doesn\\'t support '+ e.target.value + ' special character',\n // message: 'Cart name can only contain alpha-numeric characters'+ e.target.value,\n msgStatus: 'error'\n })\n } else {\n this.setState({\n newCartName: name,\n message: '',\n msgStatus: ''\n });\n }\n\n };\n\n checkCartName = () => {\n if (!this.state.newCartName) {\n this.setState({\n message: 'Please enter a cart name',\n msgStatus: 'error'\n });\n return false;\n } else if (!this.validateCartName(this.state.newCartName)) {\n this.setState({\n message: 'Cart name can only contain alpha-numeric characters',\n msgStatus: 'error'\n });\n return false;\n }\n return true;\n };\n\n saveNewCart = () => {\n\n this.setState({\n ...this.state,\n blockSaveBtn: true,\n message: '',\n msgStatus: ''\n })\n\n if (this.checkCartName()) {\n if (this.props.cartSelectorState.isFillIn && this.props.cartSelectorState.isJba) {\n this.submitJbaFillInCart();\n this.setState({ ...this.state, blockSaveBtn: false });\n } else {\n let ordStatId = '';\n if(this.props.cartSelectorState.isJba && !isDealerRole()) { // JBA product + Not a dealer = Quote\n ordStatId = ORDER_STATUS_ID_OPEN_QUOTE;\n }\n createCart(this.getNewCartName(), this.props.cartSelectorState.isFillIn, ordStatId).then(result => {\n\n let selectedCarts = this.state.selectedItems;\n selectedCarts.push(+result.response.id);\n\n let orders = this.state.orders;\n orders.unshift(result.response);\n\n this.setState({\n newCartName: '',\n message: '',\n msgStatus: '',\n showNewCartEntry: false,\n selectedItems: selectedCarts,\n orders: orders,\n blockSaveBtn: false\n });\n\n if (this.props.cartSelectorState.isFillIn) {\n this.onSubmitCarts();\n }\n }).catch(e => {\n this.setState({\n ...this.state,\n blockSaveBtn: false,\n message: 'Unable to create cart. Please try again.',\n msgStatus: 'error'\n })\n });\n }\n }\n };\n\n getNewCartName = () => {\n let newCartName = this.state.newCartName;\n if (this.props.cartSelectorState.isFillIn) {\n newCartName = \"Fill-in: \" + newCartName;\n }\n return encodeURIComponent(newCartName);\n };\n\n submitJbaFillInCart = () => {\n if (this.props.cartSelectorState.products[0].uniformId) {\n //This is from the fillin page, is there a better way to tell this?\n createJbaFillIn(this.props.cartSelectorState.jbaSrcOrderId, this.props.cartSelectorState.products[0].uniformId, this.getNewCartName());\n } else {\n //This is from a past cart page.\n createJbaFillIn(this.props.cartSelectorState.jbaSrcOrderId, null, this.getNewCartName());\n }\n };\n\n // Verify cart name is alpha-numeric characters only\n validateCartName(name) {\n const cartNameRegex = new RegExp(/^(?! )[\\w\\s\\-#().:!\\[\\]'\\/\\\\]{1,50}$/);\n return cartNameRegex.test(name);\n }\n\n clearMessage = () => {\n this.setState({\n message: '',\n msgStatus: ''\n })\n };\n\n hideModal = () => {\n hideCartSelectionMessageModal();\n this.setState(this.defaultState);\n };\n\n hasProductsWithoutErrors = () => {\n if (Array.isArray(this.props.cartSelectorState.products) && this.props.cartSelectorState.products.length) {\n const productsWithOutErrors = this.props.cartSelectorState.products.filter((product) => {\n return (!product.error)\n });\n return productsWithOutErrors.length === 0;\n } else {\n return true;\n }\n };\n\n render() {\n\n let orders = [];\n const orderTypeText = this.state.orderType.toUpperCase() || 'CARTS';\n const orderTypeTextSingular = orderTypeText.substring(0, orderTypeText.length - 1);\n\n const hasExistingCarts =\n this.state.orders &&\n this.state.orders.length > 0;\n\n if (hasExistingCarts) {\n if (this.state.searchFilter) {\n orders = this.state.orders.filter(order => order.name.toLowerCase().indexOf(this.state.searchFilter.toLowerCase()) > -1);\n } else {\n orders = this.state.orders.slice();\n }\n }\n\n let staticValueStyle = {\n position: \"absolute\",\n left: \"10px\",\n top: \"8px\",\n fontSize: \"15px\",\n fontFamily: \"Helvetica\",\n paddingTop: \"3px\",\n fontWeight: \"400\",\n color: \"#111111\",\n cursor: \"text\",\n textTransform: \"none\"\n\n };\n\n let inputStyle = {\n padding: \"5px 5px 5px 52px\",\n width: \"88%\", height: \"40px\",\n\n };\n let wrapperStyle = {\n position: \"relative\",\n width: \"250px\"\n };\n\n if(this.props.cartSelectorState.showSelectCartModal) {\n return (\n \n \n ADD PRODUCT TO {orderTypeText} \n \n \n \n {this.state.message &&\n \n
\n }\n \n {(!this.state.showNewCartEntry) &&\n \n
\n }\n \n {(this.state.showNewCartEntry && !this.hasProductsWithoutErrors()) &&\n \n
\n }\n \n {!this.props.cartSelectorState.isFillIn &&\n \n \n {!this.props.cartSelectorState.isFillIn &&\n \n \n
\n \n }\n \n \n );\n } else {\n return null;\n }\n\n }\n\n}\n\nconst mapStateToProps = state => {\n return {\n builderState: state.builderState,\n pdpState: state.pdpState,\n cartSelectorState: state.cartSelectorState,\n }\n};\n\nexport const CartSelectorModal = connect(\n mapStateToProps\n)(CartSelector);\n","import {fetchRequestXml, urlNtsEnvironment} from './index';\nimport {LS_ACCESS_TOKEN} from '../../helpers/constants';\n\nexport const PAGE_COUNT = 12;\n\nexport const LockerService = {\n getLocker: (start: number, setId?: string, sport?: string) => {\n let query = `count=${PAGE_COUNT}&lang_locale=en_US&type=locker&start=${start}`;\n if (setId) {\n query = query + `&setId=${setId}`;\n } else if (sport) {\n query = query + `&sgFilter=${sport}`;\n }\n const request = new Request(`${urlNtsEnvironment}/services/assortment/locker/get?${query}`, {\n method: 'GET',\n headers: {\n 'Accept': 'application/xml',\n 'Authorization': localStorage.getItem(LS_ACCESS_TOKEN) || '',\n }\n });\n return fetchRequestXml(request);\n },\n\n removeLockerItem: (elementId: string) => {\n const request = new Request(`${urlNtsEnvironment}/services/assortment/locker/remove?elements=${elementId}`, {\n method: 'POST',\n headers: {\n 'Accept': 'application/xml',\n 'Authorization': localStorage.getItem(LS_ACCESS_TOKEN) || '',\n }\n });\n return fetchRequestXml(request);\n },\n\n createSet: (name: string, elementIds: string[]) => {\n const query = `lang_locale=en_US&name=${name}&elements=${elementIds.join('+')}`;\n const request = new Request(`${urlNtsEnvironment}/services/assortment/locker/set/add?${query}`, {\n method: 'POST',\n headers: {\n 'Accept': 'application/xml',\n 'Authorization': localStorage.getItem(LS_ACCESS_TOKEN) || '',\n }\n });\n return fetchRequestXml(request);\n },\n\n removeSet: (elementId: string) => {\n const query = `sets=${elementId}&lang_locale=en_US`;\n const request = new Request(`${urlNtsEnvironment}/services/assortment/locker/set/remove?${query}`, {\n method: 'POST',\n headers: {\n 'Accept': 'application/xml',\n 'Authorization': localStorage.getItem(LS_ACCESS_TOKEN) || '',\n }\n });\n return fetchRequestXml(request);\n },\n\n sendEmail: (email: string, fromEmail: string, toEmail: string, message: string, elementIds: string[]) => {\n const query = `mail=locker&from=${fromEmail}&to=${toEmail}&user_name=${email}&elements=${elementIds.join('+')}&message=${encodeURIComponent(message)}`;\n const request = new Request(`${urlNtsEnvironment}/en/en_US/p/mail?${query}`, {\n method: 'POST',\n headers: {\n 'Accept': 'application/xml',\n 'Authorization': localStorage.getItem(LS_ACCESS_TOKEN) || '',\n }\n });\n return fetchRequestXml(request);\n },\n};\n","import {LockerItem, ActionMode, Set, Sport, Filter} from '../reducers/lockerReducer';\nimport * as types from './actionTypes';\n\nexport const appendLockerItems = (items: LockerItem[], totalRecords: number) => ({\n type: types.APPEND_LOCKER_ITEMS,\n lockerItems: items,\n totalRecords,\n});\n\nexport const loadFilters = (sets: Set[], sports: Sport[]) => ({\n type: types.LOAD_FILTERS,\n sets,\n sports,\n});\n\nexport const toggleSelectLockerItem = (elementId: string) => ({\n type: types.TOGGLE_SELECT_LOCKER_ITEM,\n elementId,\n});\n\nexport const setActionMode = (actionMode: ActionMode) => ({\n type: types.SET_ACTION_MODE,\n actionMode,\n});\n\nexport const setPageStart = (pageStart: number) => ({\n type: types.SET_PAGE_START,\n pageStart,\n});\n\nexport const setSelectedFilter = (filter: Filter | null) => ({\n type: types.SET_SELECTED_FILTER,\n filter,\n});\n\nexport const setLockerItemImage = (elementId: string, imageUrl: string) => ({\n type: types.SET_LOCKER_ITEM_IMG,\n elementId,\n imageUrl\n})\n\nexport const resetLockerPage = () => ({\n type: types.RESET_LOCKER_PAGE,\n});\n","import React from 'react';\nimport {useDispatch} from 'react-redux';\nimport {push} from 'connected-react-router';\n\nimport {LockerService} from '../../api/services/lockerService';\nimport {\n checkDesignSearch,\n parseLockerItems,\n parseFilters,\n} from './lockerPageHelper';\nimport {loadFilters, appendLockerItems} from '../../actions/lockerActions';\nimport {showFillinHelperModal} from '../../actions/navigationActions';\nimport {startFullLoadingSpinner, endFullLoadingSpinner} from '../../actions/loadingSpinnerActions';\nimport {Filter, LockerItem} from '../../reducers/lockerReducer';\n\nexport const useGetLocker = () => {\n const dispatch = useDispatch();\n\n const getLocker = async (pageStart: number, filter: Filter | null) => {\n startFullLoadingSpinner();\n let setId, sport;\n if(filter) {\n setId = filter.value !== '' && filter.isSet ? filter.value : undefined;\n sport = filter.value !== '' && !filter.isSet ? filter.value : undefined;\n }\n const response = await LockerService.getLocker(pageStart, setId, sport)\n .catch((e: unknown) => console.error('Error fetching locker', e));\n\n if (response) {\n const { items, totalRecords } = parseLockerItems(response);\n dispatch(appendLockerItems(items, totalRecords));\n if (!filter || filter.value === '') {\n const { sets, sports } = parseFilters(response);\n dispatch(loadFilters(sets, sports));\n }\n }\n endFullLoadingSpinner();\n };\n\n return { getLocker };\n};\n\nexport const useIntersectionObserver = (elementRef: React.RefObject) => {\n const [entry, setEntry] = React.useState();\n\n const updateEntry = ([e]: IntersectionObserverEntry[]) => {\n setEntry(e);\n };\n\n React.useEffect(() => {\n const node = elementRef.current;\n const hasIOSupport = !!window.IntersectionObserver;\n\n if (!node || !hasIOSupport) {\n console.error('Invalid target or IntersectionObserver not supported');\n return;\n }\n\n const observerParams: IntersectionObserverInit = {\n root: null,\n rootMargin: '0px',\n threshold: 1,\n };\n const observer = new IntersectionObserver(updateEntry, observerParams);\n\n observer.observe(node);\n\n return () => {\n if (observer) {\n observer.disconnect();\n }\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [elementRef]);\n\n return entry;\n};\n\nconst MIN_DESKTOP_WIDTH = 993;\nconst getIsMobile = (width: number) => width < MIN_DESKTOP_WIDTH;\n\nexport const useIsMobile = () => {\n const [isMobile, setIsMobile] = React.useState(getIsMobile(window.innerWidth));\n\n React.useEffect(() => {\n const handleWindowResize = () => setIsMobile(getIsMobile(window.innerWidth));\n\n window.addEventListener('resize', handleWindowResize);\n\n return () => {\n window.removeEventListener('resize', handleWindowResize);\n };\n }, []);\n\n return isMobile;\n};\n\nexport const useHandleFillinHelper = () => {\n const dispatch = useDispatch();\n\n const handleFillinHelper = async (item: LockerItem) => {\n if (item.productType !== 'jba') {\n return false;\n }\n\n const designSearchData = await checkDesignSearch(item.uniformDesignId);\n if (designSearchData.belongsToPastOrder) {\n dispatch(showFillinHelperModal('fill in', item.uniformDesignId));\n return true;\n } else if (designSearchData.cartId) {\n dispatch(showFillinHelperModal('update design', item.uniformDesignId));\n return true;\n }\n\n return false;\n };\n\n return { handleFillinHelper };\n};\n\n/**\n * Handles navigation between react pages or outside\n */\nexport const useNavigateTo = () => {\n const dispatch = useDispatch();\n\n const navigateTo = (url: string) => {\n if (url.includes('/nts')) {\n dispatch(push(url));\n } else {\n window.location.href = url;\n }\n };\n\n return navigateTo;\n};\n","import React from 'react';\nimport {Dispatch} from 'redux';\nimport {Modal, Button} from 'react-bootstrap';\nimport {connect} from 'react-redux';\n\nimport {AppState} from '../../reducers';\nimport {hideFillinHelperModal} from '../../actions/navigationActions';\nimport {isJbaDesignId} from '../../helpers/designHelpers';\nimport {BUILDER_URL_BASE, PDP_DESIGN_URL_BASE} from '../gridwall/gridwallConstants';\nimport {useNavigateTo} from '../locker/hooks';\n\ninterface StateProps {\n cartId?: string;\n isInLocker: boolean;\n mode: AppState['navigationState']['fillinHelperModal']['mode'];\n show: boolean;\n ud?: string;\n}\n\ninterface DispatchProps {\n hideModal: () => void;\n}\n\ntype Props = StateProps & DispatchProps;\n\nconst getCustomBuilderUrl = (designId: string, update: boolean) => {\n const id = designId.substring(2, designId.length);\n const transformedUD = `UD${id.toLowerCase()}`;\n return `${BUILDER_URL_BASE}${transformedUD}${update ? '&update=true' : ''}`;\n};\n\nconst FillinHelperModalComponent: React.FC = ({\n hideModal,\n mode,\n show,\n ud,\n isInLocker,\n cartId,\n}) => {\n const navigateTo = useNavigateTo();\n if (!ud) {\n return null;\n }\n const isJbaDesign = isJbaDesignId(ud);\n\n const createFillIn = () => {\n navigateTo('/en/en_US/nts/fillin');\n }\n const updateDesign = () => {\n const url = getCustomBuilderUrl(ud, true);\n navigateTo(url);\n }\n const goToLocker = () => {\n navigateTo('/en/en_US/nts/locker');\n hideModal();\n }\n const goToCart = () => {\n navigateTo(`/en/en_US/p/order,detail?cartId=${cartId}`);\n }\n\n const buildNewDesign = () => {\n if (isJbaDesign) {\n const url = getCustomBuilderUrl(ud, false);\n navigateTo(url);\n } else {\n hideModal();\n navigateTo(`${PDP_DESIGN_URL_BASE}${ud}`);\n }\n };\n\n const buildNavbarSearchMessage = () => {\n return isInLocker && !!cartId\n ? 'your locker, your cart'\n : isInLocker\n ? 'your locker'\n : 'your cart';\n };\n\n return (\n \n \n \n {mode === 'navbar search' && (\n \n \n )}\n {mode !== 'navbar search' && (\n \n \n )}\n \n {mode === 'navbar search' && isInLocker && (\n \n )}\n {mode === 'navbar search' && !!cartId && (\n \n )}\n {mode === 'fill in' && (\n \n )}\n {mode === 'update design' && (\n \n )}\n \n \n \n );\n};\n\nconst mapStateToProps = (state: AppState): StateProps => ({\n cartId: state.navigationState.fillinHelperModal.cartId,\n isInLocker: state.navigationState.fillinHelperModal.isInLocker,\n mode: state.navigationState.fillinHelperModal.mode,\n show: state.navigationState.fillinHelperModal.show,\n ud: state.navigationState.fillinHelperModal.ud,\n});\n\nconst mapDispatchToProps = (dispatch: Dispatch): DispatchProps => ({\n hideModal: () => dispatch(hideFillinHelperModal()),\n});\n\nexport const FillinHelperModal = connect(\n mapStateToProps,\n mapDispatchToProps,\n)(FillinHelperModalComponent);\n","import * as React from \"react\";\nimport {connect} from \"react-redux\";\n\n// types\nimport {AppState} from \"../../reducers\";\n\n// services & helpers\nimport {hasAtLeastOneRole} from \"../../helpers/userProfileHelpers\";\nimport {Redirect, Route} from \"react-router-dom\";\nimport {LoadingPage} from \"../loadingPage/LoadingPage\";\nimport {ComponentClass} from \"react\";\n\ninterface StateProps {\n isLoggedIn: boolean,\n isLoading: boolean,\n}\n\n// TODO: Find correct type for 'component'\ninterface Props {\n isLoggedIn: boolean,\n isLoading: boolean,\n roles: string[],\n path: string,\n component: ComponentClass | any\n}\n\nconst RoleProtectedRouteClass: React.FC = ({\n isLoggedIn,\n isLoading,\n roles,\n path,\n component\n}) => {\n\n const hasRole = hasAtLeastOneRole(roles);\n\n return isLoggedIn && hasRole ?\n (\n \n
\n \n
\n ); \n }\n}\n\nexport const MoreOptionsRow = connect(\n null, { push },\n)(MoreOptionsRowInner);","import React from \"react\";\nimport {Row, Col} from 'react-bootstrap';\n\n// helpers/utils\nimport {history} from \"../../store\";\nimport {getRetailerConfig, isRetailExperience} from \"../../helpers/retailHelpers\";\nimport {getAkamaiImageBaseUrl} from \"../../api/config/ntsDownloadsBaseUrl\";\nimport {mainLanding} from \"../../../content/mainLandingPage\";\n\n// components\nimport {MoreOptionsRow} from \"./shared/moreOptionsRow\";\nimport {NtsLink} from \"../shared/ntsLink\";\nimport {NtsLazyImage} from \"../shared/ntsLazyImage/ntsLazyImage\";\n\nconst imageUrl = getAkamaiImageBaseUrl();\n\nexport class MainLandingPage extends React.Component {\n\n componentWillMount() {\n if(isRetailExperience()) {\n history.push(getRetailerConfig().homePagePath);\n }\n }\n\n render() {\n\n /*const mobileBannerStyle = {backgroundImage: 'url('+urlAkamaiContent+'nike-blm-banner-mobile.jpg)'};\n const desktopBannerStyle = {backgroundImage: 'url('+urlAkamaiContent+'nike-blm-banner.jpg)'};*/\n\n return (\n = ({ selectedTab, onSelectTab }) => {\n const renderTab = (tab: Tabs, selected: boolean) => {\n return (\n onSelectTab(tab)}\n >\n {tab}\n \n )\n };\n\n //Uncomment map() to restore current vs past catalogs\n return (\n = ({\n sports,\n selectedSport,\n filterClickHandler,\n}) => {\n return (\n \n {\n sports.map(sport => {\n return (\n \n )\n })\n }\n \n );\n};\n\nexport default CatalogSportFilter;\n","import * as React from 'react';\n\nimport {sendCatalogClickedEvent} from '../../helpers/dataAnalyticsHelper';\n\ninterface Props {\n catalogUrl: string;\n thumbnailUrl: string;\n label: string;\n}\n\nconst CatalogTile: React.FC = (props) => {\n const handleClick = () => {\n sendCatalogClickedEvent(props.label);\n };\n\n return (\n \n 
\n\n = ({\n baseUrl,\n cacheBuster,\n catalogs,\n}) => {\n const renderTile = (cat: Catalog, idx: number) => {\n return (\n = ({\n baseUrl,\n cacheBuster,\n catalogs,\n years,\n}) => {\n const renderTile = (cat: Catalog, idx: number) => {\n return (\n \n
\n \n
\n
\n);\n\nexport default Spinner;","import React from 'react';\nimport {connect} from \"react-redux\";\nimport Spinner from \"./Spinner\";\n\nclass FullPageSpinnerComponent extends React.Component {\n render() {\n return (\n \n
\n {this.props.fullLoadingSpinner > 0 &&
\n );\n }\n}\n\nconst mapStateToProps = state => {\n return {\n fullLoadingSpinner: state.loadingSpinnerState.fullLoadingSpinner\n }\n};\n\nexport const FullPageSpinner = connect(\n mapStateToProps\n)(FullPageSpinnerComponent);\n\n\n","import React from \"react\";\n\nimport {FullPageSpinner} from \"../shared/spinners/FullPageSpinner\";\n\n/**\n * Empty page with spinner to be used for interim states\n * @returns {JSX.Element}\n * @constructor\n */\nexport const LoadingPage: React.FC<{}> = () => {\n return (\n \n
\n )\n};","import React from 'react';\nimport {Route, Redirect} from 'react-router-dom';\nimport {connect} from 'react-redux';\n\nimport {LoadingPage} from \"../loadingPage/LoadingPage\";\n\nclass ProtectedRouteClass extends React.Component {\n\n render() {\n\n return this.props.isLoggedIn ?\n (\n \n
\n\n {productsWithErrors.map((product, i) => (\n \n
\n ))}\n\n
\n );\n } else {\n // No errors to display for fill-in cart\n return null;\n }\n }\n }\n}\n","import React from \"react\";\nimport {Col, Popover, Row, OverlayTrigger} from \"react-bootstrap\";\n\n/**\n * Provides a clickable/selectable row for each cart\n * @param props\n * @returns {*}\n * @constructor\n */\nconst CartSelectorRow = (props) => {\n\n const popover = (\n \n
\n \n FILL-IN ERROR
\n\n \n {this.props.isJba ?\n <>\n })
\n }\n\n
\n \n
\n \n \n
\n {this.getProductName(product)}
\n{this.getProductUid(product)}
\n{product.error}
\n \n \n {props.cart.name}\n
\n \n \n {props.cart.name}\n
\n )\n }\n };\n\n return (\n \n \n \n
\n }\n {(!this.props.cartSelectorState.isFillIn) &&\n \n }\n \n \n {\n orders && orders.map((cart, i) => (\n \n \n \n
\n ))\n }\n
\n }\n \n \n Do you want to go to {buildNavbarSearchMessage()}\n , or create a new design based on this UD?\n
\n \n Do you want to {mode === 'fill in' ? 'create a fill in order' : 'update the design'}\n
\n or
\n \n create a new design based on this {isJbaDesign ? 'UD' : 'Design ID'}?\n
\n {this.props.content.moreOptions.catalog.headerText}
\n \n {this.props.content.moreOptions.catalog.callToAction}\n
\n \n \n
\n \n \n \n
\n \n {this.props.content.moreOptions.contactDealerHeader}
\n \n
\n );\n }\n}","// Provides content for the Scheels Landing Page (/retailer/scheels/scheelsLandingPage.js)\nexport const scheelsLanding = {\n \"seo\": {\n \"title\": \"Nike Team | Scheels | Custom Team Uniforms | Stock Uniforms\",\n \"description\": \"Nike TEAM & Scheels Landing Page\"\n },\n \"logo\": {\n \"src\": \"/landing/Team_Scheels_Logo.svg\",\n \"altText\": \"Nike TEAM & Scheels Branding\"\n },\n \"banner\": {\n \"src\": \"/landing/Scheels_Stock_Banner.png\",\n \"mobileSrc\": \"/landing/Scheels_Stock_Banner.png\",\n \"altText\": \"Design Your Look with Nike Team Stock Products\"\n },\n \"instructionBox\" : {\n \"instruct1\": {\n \"step\": \"1\",\n \"title\": \"CHOOSE YOUR PRODUCT\",\n \"desc\": \"Shop the innovation in Nike TEAM\"\n },\n \"instruct2\": {\n \"step\": \"2\",\n \"title\": \"MAKE IT YOURS\",\n \"desc\": \"Personalize with name, number, and custom artwork\"\n },\n \"instruct3\": {\n \"step\": \"3\",\n \"title\": \"ADD TO CART\",\n \"desc\": \"Update player info and quantities\"\n },\n \"instruct4\": {\n \"step\": \"4\",\n \"title\": \"SEE SCHEELS AGENT\",\n \"desc\": \"Work with a Scheels agent to checkout or schedule next steps\"\n }\n },\n \"stockUniformsBlock\": {\n \"header\": \"Stock Uniforms\",\n \"description\": \"Personalized product delivered in 2-3 weeks.\",\n \"image\": {\n \"src\": \"/landing/Scheels_Stock_Uniforms_Block.jpg\",\n \"altText\": \"Nike Team Softball - Stock Uniforms\"\n },\n \"cta\": {\n \"text\": \"Shop All\",\n \"route\": \"/en/en_US/nts/gridwall/any/any/625/?sort=rowNumber|desc&selected=hc_UN_Tops+hc_UN_Bottoms+uniformProgram_Custom_Stock+uniformProgram_Stock\"\n }\n },\n \"graphicTeesBlock\": {\n \"header\": \"Graphic Tees & Fleece\",\n \"description\": \"Personalized fundamentals delivered in 2-3 weeks.\",\n \"image\": {\n \"src\": \"/landing/Scheels_Graphic_Tee_Block.jpg\",\n\n \"altText\": \"Nike Team Softball - Graphic Tees & Fleece\"\n },\n \"cta\": {\n \"text\": \"Shop All\",\n \"route\": \"/en/en_US/nts/gridwall/any/any/746/?sort=rowNumber|desc&selected=hc_GT_Short_Sleeve+hc_GT_Long_Sleeve+hc_GT_Hoodies_and_Pullovers\"\n }\n },\n \"coachBlock\": {\n \"header\": \"Travel, Train, Coach\",\n \"description\": \"Blank fundamentals and equipment (retail price applies).\",\n \"image\": {\n \"src\": \"/landing/Scheels_Consumer_Block.png\",\n \"altText\": \"Nike Team Softball - Travel, Train, Coach\"\n },\n \"cta\": {\n \"text\": \"Shop All\",\n \"route\": \"/en/en_US/nts/gridwall/any/any/404/?sort=rowNumber|desc&selected=uniformProgram_Stock+uniformProgram_Custom_Stock\"\n }\n },\n \"moreOptions\": {\n \"catalog\": {\n \"imageSrc\": \"/landing/Download_Catalog.jpg\",\n \"headerText\": \"Download a catalog\",\n \"callToAction\": \"download\",\n \"callToActionRoute\": \"/en/en_US/p/shop,download_catalog\"\n },\n \"customizeHeader\": \"Customize more\",\n \"contactDealerHeader\": \"Contact a team dealer\"\n }\n}\n\n","import React from 'react';\n\nimport {Row, Col} from 'react-bootstrap';\nimport {Helmet} from 'react-helmet';\nimport {NtsLink} from \"../../shared/ntsLink\";\nimport {NtsLazyImage} from \"../../shared/ntsLazyImage/ntsLazyImage\";\n\nimport {getAkamaiImageBaseUrl} from \"../../../api/config/ntsDownloadsBaseUrl\";\n\nimport logo from '../../../../img/SVG/SCHEELS-NIKE-TEAM_Square.svg';\nimport {scheelsLanding} from \"../../../../content/retailers/scheelsLandingPage\";\n\nconst imageUrl = getAkamaiImageBaseUrl();\n\nexport class ScheelsLandingPage extends React.Component {\n\n render() {\n\n return (\n \n \n
\n\n {/* ===( BANNER VIDEO CONTAINER )===*/}\n {/*\n
*/}\n\n {/*===( BANNER IMAGE CONTAINER )===*/}\n\n {/**/}\n {/*
*/}\n\n {/**/}\n\n \n
\n \n \n
\n \n
\n \n {mainLanding.stockUniformsBlock.cta.text} \n \n {mainLanding.btoUniformsBlock.cta.text} \n \n {mainLanding.graphicTeesBlock.cta.text} \n \n {mainLanding.coachBlock.cta.text} \n \n
\n \n \n \n
\n {mainLanding.header.title}
\n \nTHIS TEAM WINS. EVERYONE WINS.
\n\n \n
\n \n YOU CAN'T STOP US
\nThere's a reason we love comeback stories. We see ourselves in them — our resolve, our grit, our hope. Now, more than ever, we need these stories to remind us what we're capable of. And by becoming a Nike Member, we can create our incredible comeback stories together.
\n\n JOIN US\n
\n */}\n {/*{mainLanding.header.title}
\n \n{mainLanding.header.subtitle}
\n \n{mainLanding.instructionBox.instruct1.step}
\n {mainLanding.instructionBox.instruct1.title}
\n {mainLanding.instructionBox.instruct1.desc}
\n \n {mainLanding.instructionBox.instruct2.step}
\n {mainLanding.instructionBox.instruct2.title}
\n {mainLanding.instructionBox.instruct2.desc}
\n \n {mainLanding.instructionBox.instruct3.step}
\n {mainLanding.instructionBox.instruct3.title}
\n {mainLanding.instructionBox.instruct3.desc}
\n \n {mainLanding.instructionBox.instruct4.step}
\n {mainLanding.instructionBox.instruct4.title}
\n {mainLanding.instructionBox.instruct4.desc}
\n \n {mainLanding.stockUniformsBlock.header}
\n{mainLanding.stockUniformsBlock.description}
\n{mainLanding.btoUniformsBlock.header}
\n{mainLanding.btoUniformsBlock.description}
\n{mainLanding.graphicTeesBlock.header}
\n{mainLanding.graphicTeesBlock.description}
\n{mainLanding.coachBlock.header}
\n{mainLanding.coachBlock.description}
\n\n
\n );\n }\n\n}\n","import {dateStringSort} from \"../../helpers/arrayHelpers\";\nimport {isDealerRole} from \"../../helpers/userProfileHelpers\";\n\nexport function getCurrentOrdersTableConfig() {\n let type = isDealerRole() ? \"ORDER\" : \"QUOTE\";\n return [\n {\n Header: 'ID',\n accessor: 'id',\n show: false\n },\n {\n Header: `${type} NAME`,\n accessor: 'name'\n },\n {\n Header: 'CREATED',\n accessor: 'createDate',\n sortMethod: dateStringSort\n },\n {\n Header: 'LAST UPDATED',\n accessor: 'lastUpdated',\n sortMethod: dateStringSort\n },\n {\n Header: 'STATUS',\n accessor: 'status'\n },\n\n // {\n // filterable : true,\n // Header: 'UD NUMBER',\n // accessor: 'udNumbers',\n // width: 300,\n // filterMethod: (filter, row) => {\n // if (row._original.udNumbers)\n // return row._original.udNumbers.toUpperCase().includes(filter.value.toUpperCase());\n // else\n // return false;\n // },\n // Cell: rowInfo => (\n // \n // {rowInfo.original.udNumbers &&\n // rowInfo.original.udNumbers.split(',').map((ud) => {\n // if (ud !== \"null\")\n // return (\n\n \n {scheelsLanding.seo.title} \n \n \n\n \n \n
\n \n
\n\n \n {scheelsLanding.stockUniformsBlock.cta.text} \n \n {scheelsLanding.graphicTeesBlock.cta.text} \n \n {scheelsLanding.coachBlock.cta.text} \n \n
\n\n
\n\n \n 
\n
\n\n \n 
\n
\n\n {scheelsLanding.instructionBox.instruct1.step}
\n {scheelsLanding.instructionBox.instruct1.title}
\n {scheelsLanding.instructionBox.instruct1.desc}
\n \n {scheelsLanding.instructionBox.instruct2.step}
\n {scheelsLanding.instructionBox.instruct2.title}
\n {scheelsLanding.instructionBox.instruct2.desc}
\n \n {scheelsLanding.instructionBox.instruct3.step}
\n {scheelsLanding.instructionBox.instruct3.title}
\n {scheelsLanding.instructionBox.instruct3.desc}
\n \n {scheelsLanding.instructionBox.instruct4.step}
\n {scheelsLanding.instructionBox.instruct4.title}
\n {scheelsLanding.instructionBox.instruct4.desc}
\n \n {scheelsLanding.stockUniformsBlock.header}
\n{scheelsLanding.stockUniformsBlock.description}
\n{scheelsLanding.graphicTeesBlock.header}
\n{scheelsLanding.graphicTeesBlock.description}
\n{scheelsLanding.coachBlock.header}
\n{scheelsLanding.coachBlock.description}
\n{ud}
);\n // else\n // return;\n // })}\n // \n // )\n // }\n // {\n // Header: 'RESERVATION EXPIRES IN',\n // Cell: row => (\n // \n // {formatTimeRemaining(row.original.hoursLeft, row.original.minutesLeft)}\n // \n // )\n // }\n ]\n}\n","import React from 'react';\nimport ReactTable from 'react-table';\nimport {connect} from 'react-redux';\n\nimport {store} from \"../../../App\";\nimport {getCurrentOrders} from \"../../actions/orderActions\";\nimport {navigateToShoppingHome} from \"../../helpers/navbarHelpers\";\nimport {getCurrentOrdersTableConfig} from \"./tableConfigUtil\";\n\n/**\n * Provides page for viewing past (submitted) orders\n */\nexport class OrdersClass extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n currentOrdersLoaded: false,\n searchValue: ''\n };\n }\n\n componentWillMount() {\n this.loadCurrentOrders();\n }\n\n loadCurrentOrders = () => {\n store.dispatch(getCurrentOrders(this.state.searchValue)).then(() => {\n this.setState({\n currentOrdersLoaded: true\n })\n }).catch(e => {\n console.error('Error getting currrent orders', e);\n });\n };\n\n defaultFilterMethod(filter, row) {\n return String(row[filter.id]).toUpperCase().includes(filter.value.toUpperCase())\n }\n\n render() {\n return (\n \n\n
\n )\n }\n\n}\n\nconst mapStateToProps = state => {\n return {\n ordersState: state.ordersState\n }\n};\n\nexport const OrdersPage = connect(\n mapStateToProps\n)(OrdersClass);","import React from 'react';\nimport {dateStringSort} from \"../../helpers/arrayHelpers\";\nimport {isAdminRole, isCustomerServiceRole, isConsumer} from \"../../helpers/userProfileHelpers\";\n\n/**\n * Provides 'react-table' column configuration for Past Orders table\n * @info - https://www.npmjs.com/package/react-table#columns\n * @returns [] - Column Config Array\n */\nexport function getPastOrderTableConfig() {\n\n const adminRole = isAdminRole();\n const customerServiceRole = isCustomerServiceRole();\n const consumerRole = isConsumer();\n\n // TODO PMENTS-2247: uncomment following new columns and Tracking Number changes when ready to release\n return [\n {\n Header: 'ID',\n accessor: 'id',\n show: false\n },\n {\n Header: 'ORDER NAME',\n accessor: 'name',\n show: (consumerRole) ? false : true\n },\n {\n Header: (consumerRole) ? 'ORDER' : 'CUSTOMER PO',\n accessor: 'customerOrderNumber'\n },\n {\n Header: 'NIKE PO',\n accessor: 'purchaseOrderNumber',\n width: 90,\n show: (consumerRole) ? false : true\n },\n {\n Header: (consumerRole) ? 'NIKE ORDER' : 'NIKE SO',\n accessor: 'salesOrderNumber',\n width: 90\n },\n {\n Header: 'CREATED',\n accessor: 'createDate',\n width: 140,\n sortMethod: dateStringSort\n },\n {\n Header: 'STATUS LAST UPDATED',\n accessor: 'statLastMod',\n width: 140,\n sortMethod: dateStringSort\n },\n {\n Header: 'STATUS',\n accessor: 'status',\n Cell: rowInfo => (\n \n {rowInfo.original.status &&\n rowInfo.original.status === 'ERROR' ? (\n \n
\n\n \n
\n CARTS
\n\n \n ![\"\"](\"/img/carrot.svg\")
\n CONTINUE SHOPPING\n \n
\n \n CONTINUE SHOPPING\n \n \n
\n\n \n {\n return {\n onClick: () => {\n window.location = window.location.protocol + '//' + window.location.host + '/en/en_US/p/order,detail?cartId=' + rowInfo.row.id;\n }\n }\n }}\n />\n
\n IN REVIEW
\n ) : (\n {rowInfo.original.status}
\n )}\n \n )\n },\n {\n filterable : true,\n Header: 'UD NUMBER',\n accessor: 'udNumbers',\n width: 150,\n filterMethod: (filter, row) => {\n if (row._original.udNumbers)\n return row._original.udNumbers.toUpperCase().includes(filter.value.toUpperCase());\n else\n return false;\n },\n Cell: rowInfo => (\n \n {rowInfo.original.udNumbers &&\n rowInfo.original.udNumbers.split(',').map((ud, i) => {\n if (ud !== \"null\")\n return ({ud}
);\n else\n return \"\";\n })}\n \n )\n },\n // {\n // filterable : true,\n // Header: 'TRACKING NUMBERS',\n // accessor: 'trackingNumber',\n // width: 300,\n // filterMethod: (filter, row) => {\n // if (row._original.trackingNumber)\n // return row._original.trackingNumber.toUpperCase().includes(filter.value.toUpperCase());\n // else\n // return false;\n // },\n // Cell: rowInfo => (\n // \n // {rowInfo.original.trackingNumber && rowInfo.original.trackingNumber.split(',').map((tn, i) => {\n // if (tn !== \"null\")\n // return ({tn.substr(tn.lastIndexOf(\"=\")+1)}
);\n // else\n // return \"\";\n // })}\n // \n // )\n // },\n {\n filterable : true,\n Header: 'TRACKING NUMBERS',\n accessor: 'shippingInfo',\n Cell: rowInfo => (\n \n {rowInfo.original.shippingInfo &&\n rowInfo.original.shippingInfo.split('|').map((ud, i) => {\n if (ud !== \"null\"){\n let shipping = ud.split(\"^\");\n return (\n \n {shipping[0]}\n
\n );\n }\n else\n return \"\";\n })}\n \n )\n },\n {\n Header: 'ESTIMATED ARRIVAL DATE',\n accessor: 'estimatedShipDate',\n width: 140,\n },\n /*{\n Header: 'SHIP METHOD',\n accessor: 'shippingDesc',\n width: 100,\n show: (consumerRole) ? false : true\n },*/\n {\n Header: 'FACTORY',\n accessor: 'factoryCode',\n width: 105,\n show: (adminRole || customerServiceRole) ? true : false,\n },\n\n {\n Header: 'REASON CODE',\n accessor: 'reasonCode',\n width: 100,\n show: (adminRole || customerServiceRole) ? true : false\n },\n\n ];\n}\n\nfunction handleTrackingClick (e) {\n e.stopPropagation();\n const url = e.target.dataset.link;\n window.open(url);\n}\n","import React from 'react';\nimport ReactTable from 'react-table';\nimport {connect} from 'react-redux';\n\nimport {store} from \"../../../App\";\nimport {getPastOrders} from \"../../actions/orderActions\";\nimport {navigateToShoppingHome} from \"../../helpers/navbarHelpers\";\nimport {getPastOrderTableConfig} from \"./ordersConfig\";\n\n/**\n * Provides page for viewing past (submitted) orders\n */\nexport class OrderHistoryClass extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n ordersLoaded: false,\n searchValue: ''\n };\n }\n\n componentWillMount() {\n this.loadPastOrders();\n }\n\n loadPastOrders = () => {\n store.dispatch(getPastOrders(this.state.searchValue)).then(() => {\n this.setState({\n ordersLoaded: true\n })\n }).catch(e => {\n console.error('Error loading past orders', e);\n });\n };\n\n defaultFilterMethod(filter, row) {\n return String(row[filter.id]).toUpperCase().includes(filter.value.toUpperCase())\n }\n\n render() {\n return (\n \n\n
\n )\n }\n\n}\n\nconst mapStateToProps = state => {\n return {\n ordersState: state.ordersState\n }\n};\n\nexport const OrderHistoryPage = connect(\n mapStateToProps\n)(OrderHistoryClass);","import React from 'react';\nimport {dateStringSort} from \"../../helpers/arrayHelpers\";\nimport {isConsumer} from \"../../helpers/userProfileHelpers\";\n\n/**\n * Provides 'react-table' column configuration for Past Orders table\n * @info - https://www.npmjs.com/package/react-table#columns\n * @returns [] - Column Config Array\n */\nexport function getPastQuotesTableConfig() {\n const consumerRole = isConsumer();\n return [\n {\n Header: 'ID',\n accessor: 'id',\n show: false\n },\n {\n Header: (consumerRole) ? 'QUOTE ID' : 'QUOTE NAME',\n accessor: (consumerRole) ? 'id' : 'name'\n },\n {\n Header: 'CUSTOMER PO',\n accessor: 'customerOrderNumber',\n show: (consumerRole) ? false : true\n },\n {\n Header: 'NIKE PO',\n accessor: 'purchaseOrderNumber',\n width: 100,\n show: (consumerRole) ? false : true\n },\n {\n Header: 'NIKE SO',\n accessor: 'salesOrderNumber',\n width: 100,\n show: (consumerRole) ? false : true\n },\n {\n Header: 'CREATED',\n accessor: 'createDate',\n width: 150,\n sortMethod: dateStringSort\n },\n {\n Header: 'STATUS LAST UPDATED',\n accessor: 'statLastMod',\n width: 150,\n sortMethod: dateStringSort\n },\n //TODO: Not implemented yet.\n // {\n // Header: 'TRACKING NUMBER',\n // accessor: 'trackingNumber'\n // },\n {\n Header: 'STATUS',\n accessor: 'status',\n Cell: rowInfo => (\n \n {rowInfo.original.status &&\n rowInfo.original.status === 'ERROR' ? (\n \n
\n\n \n
\n ORDERS
\n\n \n \n CONTINUE SHOPPING\n \n
\n \n CONTINUE SHOPPING\n \n \n
\n\n \n {\n return {\n onClick: (e, handleOriginal) => {\n if (column.expander) {\n if (handleOriginal) {\n handleOriginal()\n }\n } else {\n // TODO PMENTS-2247: uncomment conditional block when ready to release\n if(column.id !== \"shippingInfo\") {\n let pastOrderParam = rowInfo.original.isSAP === 'true' ? \"isSapPastOrderCart=true\" : \"isJbaPastOrderCart=true\";\n let id = rowInfo.original.isSAP === 'true' ? rowInfo.original.sapCartId : rowInfo.original.id;\n let cartIdParam = rowInfo.original.isSAP === 'true' ? \"sapCartId\" : \"cartId\";\n let url = window.location.protocol + '//' + window.location.host\n + '/en/en_US/p/order,detail?' + cartIdParam\n + '=' + id\n + \"&\" + pastOrderParam\n if(rowInfo.original.parentCartId) {\n url += \"&cartId=\" + rowInfo.original.parentCartId;\n }\n window.location = url;\n }\n }\n }\n }\n }}\n />\n\n
\n IN REVIEW
\n ) : (\n {rowInfo.original.status}
\n )}\n \n )\n },\n {\n filterable : true,\n Header: 'UD NUMBER',\n accessor: 'udNumbers',\n width: 300,\n filterMethod: (filter, row) => {\n if (row._original.udNumbers)\n return row._original.udNumbers.toUpperCase().includes(filter.value.toUpperCase());\n else\n return false;\n },\n Cell: rowInfo => (\n \n {rowInfo.original.udNumbers &&\n rowInfo.original.udNumbers.split(',').map((ud, i) => {\n if (ud !== \"null\")\n return ({ud}
);\n else\n return \"\";\n })}\n \n )\n },\n {\n filterable : true,\n Header: 'TRACKING NUMBERS',\n accessor: 'trackingNumber',\n width: 300,\n filterMethod: (filter, row) => {\n if (row._original.trackingNumber)\n return row._original.trackingNumber.toUpperCase().includes(filter.value.toUpperCase());\n else\n return false;\n },\n Cell: rowInfo => (\n \n {rowInfo.original.trackingNumber &&\n rowInfo.original.trackingNumber.split(',').map((tn, i) => {\n if (tn !== \"null\")\n return ({tn.substr(tn.lastIndexOf(\"=\")+1)}
);\n else\n return \"\";\n })}\n \n ),\n show: (consumerRole) ? false : true\n }\n ];\n}\n\nfunction handleTrackingClick (e) {\n e.stopPropagation();\n const url = e.target.dataset.link;\n window.open(url);\n}","import React from 'react';\nimport ReactTable from 'react-table';\nimport {connect} from 'react-redux';\n\nimport {store} from \"../../../App\";\nimport {getPastQuotes} from \"../../actions/orderActions\";\nimport {navigateToShoppingHome} from \"../../helpers/navbarHelpers\";\nimport {getPastQuotesTableConfig} from \"./quotesConfig\";\n\n/**\n * Provides page for viewing past (submitted) quotes\n */\nexport class QuoteHistoryClass extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n quotesLoaded: false,\n searchValue: ''\n };\n }\n\n componentWillMount() {\n this.loadPastQuotes();\n }\n\n loadPastQuotes = () => {\n store.dispatch(getPastQuotes(this.state.searchValue)).then(() => {\n this.setState({\n quotesLoaded: true\n })\n }).catch(e => {\n console.error('Error loading past quotes', e);\n });\n };\n\n defaultFilterMethod(filter, row) {\n return String(row[filter.id]).toUpperCase().includes(filter.value.toUpperCase())\n }\n\n render() {\n return (\n \n\n
\n )\n }\n\n}\n\nconst mapStateToProps = state => {\n return {\n ordersState: state.ordersState\n }\n};\n\nexport const QuoteHistoryPage = connect(\n mapStateToProps\n)(QuoteHistoryClass);","import * as React from 'react';\n\nimport {Tabs} from './CatalogPage';\n\ninterface Props {\n selectedTab: Tabs;\n onSelectTab: (tab: Tabs) => void;\n}\n\nconst CatalogTabs: React.FC\n
\n\n \n
\n QUOTES
\n\n \n \n CONTINUE SHOPPING\n \n
\n \n CONTINUE SHOPPING\n \n \n
\n\n \n {\n return {\n onClick: (e, handleOriginal) => {\n if (column.expander) {\n if (handleOriginal) {\n handleOriginal()\n }\n } else {\n let pastOrderParam = rowInfo.original.isSAP === 'true' ? \"isSapPastOrderCart=true\" : \"isJbaPastOrderCart=true\";\n let id = rowInfo.original.isSAP === 'true' ? rowInfo.original.sapCartId : rowInfo.original.id;\n let cartIdParam = rowInfo.original.isSAP === 'true' ? \"sapCartId\" : \"cartId\";\n window.location = window.location.protocol + '//' + window.location.host\n + '/en/en_US/p/order,detail?' + cartIdParam\n + '=' + id\n + \"&\" + pastOrderParam;\n }\n }\n }\n }}\n />\n\n
\n \n {/*{\n Object.values(Tabs).map((tabName) => {\n return renderTab(tabName, selectedTab === tabName)\n })\n }*/}\n onSelectTab(Tabs.CURRENT)}\n >\n {Tabs.CURRENT}\n \n
\n );\n};\n\nexport default CatalogTabs;\n","import * as React from 'react';\nimport {DropdownButton, MenuItem} from 'react-bootstrap';\n\ninterface Props {\n sports: string[];\n selectedSport: string;\n filterClickHandler: (sport: string) => void;\n}\n\nconst CatalogSportFilter: React.FC\n {props.label}\n
\n \n );\n};\n\nexport default CatalogTile;\n","import * as React from 'react';\n\nimport {naturalSortBy, SortDirection} from '../../helpers/typedArrayHelpers';\nimport {Catalog} from './CatalogPage';\nimport CatalogTile from './CatalogTile';\n\ninterface Props {\n baseUrl: string;\n cacheBuster: string;\n catalogs: Catalog[];\n}\n\nconst calcCurrentCatalogs = (catalogs: Catalog[]) => {\n const currentCatalogs = catalogs.filter(cat => cat.current === true);\n const alphaCatalogs = naturalSortBy(currentCatalogs, (cat: Catalog) => cat.label, SortDirection.ASC);\n return alphaCatalogs;\n}\n\nconst CurrentCatalogs: React.FC\n {\n currentCatalogs.map(renderTile)\n }\n
\n );\n};\n\nexport default CurrentCatalogs;\n","import * as React from 'react';\n\nimport {naturalSortBy, SortDirection} from '../../helpers/typedArrayHelpers';\nimport {Catalog} from './CatalogPage';\nimport CatalogTile from './CatalogTile';\n\ninterface Props {\n baseUrl: string;\n cacheBuster: string;\n catalogs: Catalog[];\n years: string[];\n}\n\nconst PastCatalogs: React.FC\n
\n );\n };\n\n return (\n {`${year} Catalogs`}
\n \n {\n alphaCatalogs.map(renderTile)\n }\n
\n \n {\n years.map(renderYear)\n }\n
\n );\n};\n\nexport default PastCatalogs;\n","import * as React from 'react';\n\nimport {uniq, SortDirection, naturalSort} from '../../helpers/typedArrayHelpers';\nimport {CatalogService} from '../../api/services/ntsWebappService';\nimport {getCatalogBaseUrl} from '../../api/config/ntsDownloadsBaseUrl';\nimport CatalogTabs from './CatalogTabs';\nimport CatalogSportFilter from './CatalogSportFilter';\nimport CurrentCatalogs from './CurrentCatalogs';\nimport PastCatalogs from './PastCatalogs';\n\nexport interface Catalog {\n label: string;\n sport: string;\n catalog: string;\n thumbnail: string;\n year: string;\n current?: boolean;\n}\n\ninterface CatalogConfig {\n cb: string;\n catalogs: Catalog[];\n}\n\ninterface State {\n baseUrl: string;\n cacheBuster: string;\n catalogs: Catalog[];\n selectedTab: Tabs;\n sportFilter: string;\n}\n\nconst DEFAULT_SPORT_FILTER = 'all sports';\nexport enum Tabs {\n CURRENT = 'Current Catalogs',\n ALL = 'Past Catalogs',\n}\n\nexport class CatalogPage extends React.Component<{}, State> {\n constructor(props: {}) {\n super(props);\n this.state = {\n baseUrl: '',\n cacheBuster: '',\n catalogs: [],\n selectedTab: Tabs.CURRENT,\n sportFilter: DEFAULT_SPORT_FILTER,\n }\n }\n\n componentDidMount = () => {\n const fetchCatalogs = async () => {\n const data = await CatalogService.getCatalogConfig()\n .catch((e) => console.error('Error fetching catalogs', e));\n if (data) {\n const baseUrl = getCatalogBaseUrl();\n // TODO: validate response type\n const config = data as unknown as CatalogConfig;\n this.setState({\n baseUrl,\n cacheBuster: config.cb,\n catalogs: config.catalogs,\n });\n }\n };\n\n fetchCatalogs();\n }\n\n genSportList = () => {\n const allSports = uniq(this.state.catalogs.map(cat => cat.sport.toLocaleLowerCase()));\n const alphaSports = naturalSort(allSports, SortDirection.ASC);\n const sports: string[] = [\n DEFAULT_SPORT_FILTER,\n ...alphaSports,\n ];\n return sports;\n }\n\n onFilterSport = (sport: string) => {\n this.setState({ sportFilter: sport });\n }\n\n onSelectTab = (tab: Tabs) => {\n this.setState({ selectedTab: tab });\n }\n\n getYearsDesc = () => {\n const years = uniq(this.state.catalogs.filter(cat => !cat.current).map(cat => cat.year));\n return naturalSort(years, SortDirection.DESC);\n }\n\n getFilteredCatalogs = () => {\n let filtered = [...this.state.catalogs];\n if (this.state.sportFilter !== DEFAULT_SPORT_FILTER) {\n filtered = filtered.filter(cat => {\n return cat.sport.toLocaleLowerCase() === this.state.sportFilter;\n });\n }\n return filtered;\n }\n\n render() {\n const yearsDesc = this.getYearsDesc();\n const filteredCatalogs = this.getFilteredCatalogs();\n\n return (\n \n
\n );\n }\n}\n","import React from \"react\";\nimport {Col} from 'react-bootstrap';\n\nexport class DealerContactButton extends React.Component {\n \n constructor(props) {\n super(props);\n this.state = {}\n }\n \n render() {\n \n return (\n Download A Catalog
\n\n \n
\n {\n this.state.selectedTab === Tabs.CURRENT && (\n {this.props.location.name}
\n {this.props.location.email}
\n \n \n );\n \n }\n \n}","import {\n emailValidator,\n phoneNumberValidator,\n} from '../../helpers/textValidationHelpers';\n\nexport function getSanitizedUrlParams(dealer, form) {\n return `&to=${encodeURIComponent(dealer.email)}&from=${encodeURIComponent(\n form.email)}&first_name=${encodeURIComponent(\n form.firstName)}&last_name=${encodeURIComponent(\n form.lastName)}&phone=${encodeURIComponent(\n form.phone)}&city=${encodeURIComponent(\n form.city)}&state=${encodeURIComponent(\n form.state)}&topic=${encodeURIComponent(\n form.topic)}&message=${encodeURIComponent(form.message)}`;\n}\n\nexport function validateForm(form) {\n let validations = {\n firstName: !(form.firstName && form.firstName !== ''),\n lastName: !(form.lastName && form.lastName !== ''),\n email: !(form.email && emailValidator(form.email)),\n phone: !(form.phone && phoneNumberValidator(form.phone)),\n city: !(form.city && form.city !== ''),\n state: !(form.state && form.state !== ''),\n topic: !(form.topic && form.topic !== ''),\n message: !(form.message && form.message !== '')\n };\n let errorCount = 0;\n Object.keys(validations).forEach(v => {\n if (validations[v] === true) {\n errorCount++;\n }\n });\n return {\n errorCount: errorCount,\n errors: {\n ...validations\n }\n }\n}\n ","import React from 'react';\nimport {Col, Row} from 'react-bootstrap';\n\nimport {\n getSanitizedUrlParams,\n validateForm\n} from './dealerContactHelpers';\nimport {ContactDealerService} from '../../api/services/environmentService';\nimport {showMessageModal} from '../../actions/messageModalActions';\n\nconst topicOptions = [\n {key: 'buying', text: 'Buying Uniforms and Products'},\n {key: 'product', text: 'Product Sizing Inquiry'},\n {key: 'custom', text: 'Embellishments and Customization Options'},\n {key: 'general', text: 'General Question'}\n];\n\nexport class DealerContactForm extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n firstName:'',\n lastName:'',\n email:'',\n phone:'',\n city:'',\n state:'',\n topic:'',\n message:'',\n formSubmitted: false,\n errors: {\n firstName: '',\n lastName: '',\n email: '',\n phone: '',\n city: '',\n state: '',\n topic: '',\n message: ''\n }\n }\n }\n\n handleSubmit = () => {\n const errors = validateForm(this.state);\n if(errors.errorCount > 0) {\n this.setState({\n ...this.state,\n formSubmitted: true,\n ...errors\n })\n } else {\n ContactDealerService.sendEmail(getSanitizedUrlParams(this.props.dealer, this.state)).then(result => {\n this.props.onSuccess();\n }).catch(error => {\n showMessageModal({\n header: \"ERROR SENDING EMAIL\",\n message: \"We're sorry, we could not send your message. Please try again.\"\n });\n });\n }\n };\n\n validateOnChange = (e) => {\n const name = e.target.name;\n const value = e.target.value;\n if(this.state.formSubmitted) {\n const form = this.state;\n form[name] = value;\n this.setState({\n [name]: value,\n ...validateForm(form)\n })\n } else {\n this.setState({\n [name]: value\n })\n }\n };\n\n render() {\n return (\n DEALER CONTACT
\n{this.props.dealer.name}
\n {this.props.dealer.email}
\n {this.props.dealer.telephone}
\n \n \n