\r\n\t\t\t\t\r\n\t\t\t\t\tError: {this.state.error.message}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t{this.state.error.details}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","const authOptions = {\r\n\t// https://github.com/IdentityModel/oidc-client-js/wiki\r\n\toidcClientOptions: {\r\n\t\tauthority: process.env.REACT_APP_OIDC_CLIENT_AUTHORITY_URI,\r\n\t\tclient_id: process.env.REACT_APP_OIDC_CLIENT_CLIENT_ID,\r\n\t\tredirect_uri:\r\n\t\t\twindow.location.origin +\r\n\t\t\tprocess.env.REACT_APP_OIDC_CLIENT_AUTH_CALLBACK_PATH,\r\n\t\tpost_logout_redirect_uri: window.location.origin,\r\n\t\tresponse_type: 'code',\r\n\t\tscope: process.env.REACT_APP_OIDC_CLIENT_SCOPE,\r\n\t\tfilterProtocolClaims: true,\r\n\t\tloadUserInfo: true,\r\n\t\tautomaticSilentRenew: true,\r\n\t\tsilent_redirect_uri:\r\n\t\t\twindow.location.origin +\r\n\t\t\tprocess.env.REACT_APP_OIDC_CLIENT_SILENT_REFRESH_CALLBACK_PATH,\r\n\t},\r\n\toidcClientLoggerOptions: {\r\n\t\tlogger: console,\r\n\t\tlevel: process.env.REACT_APP_OIDC_CLIENT_LOGGER_LEVEL,\r\n\t},\r\n};\r\n\r\nexport default authOptions;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport LocalizationInit from './Localization/LocalizationInit';\r\nimport GlobalDataStores from './data/GlobalDataStores';\r\nimport WindowSizeProvider from './context/WindowSize';\r\nimport ErrorBoundary from './UI/Error/ErrorBoundary';\r\nimport CustomerIDStore from './data/CustomerIDStore';\r\nimport { AuthProvider } from './Auth/AuthProvider';\r\nimport authOptions from '../auth/authOptions';\r\nimport LoadingPage from './UI/LoadingPage';\r\n\r\nexport default class AppFrame extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tchildren: PropTypes.oneOfType([\r\n\t\t\tPropTypes.element,\r\n\t\t\tPropTypes.arrayOf(PropTypes.element),\r\n\t\t]),\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\tSorry, something went wrong. Thanks for bearing with us as\r\n\t\t\t\t\twe continue to refine the Edelweiss Indie360 beta.\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t{this.state.error.details}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{({ isLoading }) => {\r\n\t\t\t\t\t\t\t\t\tif (isLoading) {\r\n\t\t\t\t\t\t\t\t\t\treturn \r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.children}\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import Convert from '../util/Convert';\r\n\r\nexport default class TitleAggregateParser {\r\n\taggregate = {};\r\n\r\n\tconstructor(aggregate) {\r\n\t\tthis.aggregate = aggregate;\r\n\t}\r\n\r\n\tbuildTitles() {\r\n\t\treturn this.getSkuList()\r\n\t\t\t.map(sku => this.buildOneTitle(sku))\r\n\t\t\t.filter(title => this.hasPrice(title));\r\n\t}\r\n\r\n\tgetSkuList = () => {\r\n\t\treturn this.aggregate.skus || Object.keys(this.aggregate.productsBySku);\r\n\t};\r\n\r\n\tbuildOneTitle = sku => ({\r\n\t\t...this.getTitleProductData(sku),\r\n\t\tpos: this.getTitlePOSData(sku),\r\n\t\treviews: this.getTitleReviews(sku),\r\n\t\timageUri: this.getTitleImageUri(sku),\r\n\t\toffers: this.getOffersForOneTitle(sku),\r\n\t\tcurrentRecs: this.getCurrentRecsForSku(sku),\r\n\t\thasImageUri: this.hasImageUri(sku),\r\n\t\teCommerceUri: this.getEcommerceUri(sku),\r\n\t});\r\n\r\n\thasPrice = title =>\r\n\t\t(Array.isArray(title.pos) &&\r\n\t\t\ttitle.pos.length &&\r\n\t\t\ttitle.pos[0].listPrice) ||\r\n\t\ttitle.retailPrice;\r\n\r\n\tgetTitleProductData(sku) {\r\n\t\tconst { productsBySku } = this.aggregate;\r\n\r\n\t\tif (productsBySku && sku in productsBySku) {\r\n\t\t\treturn productsBySku[sku];\r\n\t\t}\r\n\t\treturn { name: 'Title' };\r\n\t}\r\n\r\n\tgetTitlePOSData(sku) {\r\n\t\tconst { skuPosData } = this.aggregate;\r\n\r\n\t\tif (skuPosData && sku in skuPosData) {\r\n\t\t\treturn skuPosData[sku];\r\n\t\t}\r\n\t\treturn [];\r\n\t}\r\n\r\n\tgetTitleImageUri(sku) {\r\n\t\tconst { productImageUrisBySku } = this.aggregate;\r\n\r\n\t\tif (productImageUrisBySku && sku in productImageUrisBySku) {\r\n\t\t\treturn productImageUrisBySku[sku];\r\n\t\t}\r\n\t\treturn null;\r\n\t}\r\n\r\n\thasImageUri(sku) {\r\n\t\tconst imageUri = this.getTitleImageUri(sku);\r\n\t\tif (!imageUri || typeof imageUri !== 'string') return false;\r\n\t\treturn !imageUri.includes('/noimage.png');\r\n\t}\r\n\r\n\tgetCurrentRecsForSku(sku) {\r\n\t\tconst { currentRecommendationsBySku: recsBySku } = this.aggregate;\r\n\r\n\t\tif (recsBySku && recsBySku[sku]) {\r\n\t\t\treturn recsBySku[sku];\r\n\t\t}\r\n\t\treturn [];\r\n\t}\r\n\r\n\tgetTitleReviews(sku) {\r\n\t\tconst { reviews } = this.aggregate;\r\n\r\n\t\tif (Array.isArray(reviews)) {\r\n\t\t\tconst skuReviews = reviews.filter(r => r.sku === sku);\r\n\t\t\treturn skuReviews.map(this.addUserDataToReview);\r\n\t\t}\r\n\t\treturn [];\r\n\t}\r\n\r\n\taddUserDataToReview = skuReview => {\r\n\t\tconst { userAvatarsByAppUserId, usersById } = this.aggregate;\r\n\t\tconst userId = Convert.toString(skuReview.appUserId);\r\n\r\n\t\tconst user = usersById ? usersById[userId] : {};\r\n\t\tconst av = userAvatarsByAppUserId ? userAvatarsByAppUserId[userId] : {};\r\n\r\n\t\treturn { ...skuReview, avatar: av ? av : {}, user: user ? user : {} };\r\n\t};\r\n\r\n\tgetOffersForOneTitle(sku) {\r\n\t\tconst { offersBySku } = this.aggregate;\r\n\r\n\t\tif (offersBySku && sku in offersBySku) {\r\n\t\t\treturn offersBySku[sku];\r\n\t\t}\r\n\t\treturn [];\r\n\t}\r\n\r\n\tgetStaffPicksBySku(sku) {\r\n\t\tconst { staffPicksBySku } = this.aggregate;\r\n\r\n\t\tif (staffPicksBySku && sku in staffPicksBySku) {\r\n\t\t\treturn staffPicksBySku[sku];\r\n\t\t}\r\n\t\treturn [];\r\n\t}\r\n\r\n\tgetEcommerceUri(sku) {\r\n\t\tconst { eCommerceUrisBySku } = this.aggregate;\r\n\r\n\t\tif (eCommerceUrisBySku && sku in eCommerceUrisBySku) {\r\n\t\t\treturn eCommerceUrisBySku[sku];\r\n\t\t}\r\n\t\treturn '';\r\n\t}\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withRouter } from 'react-router-dom';\r\nimport api from '../../../api';\r\nimport TitleAggregateParser from '../../../title/TitleAggregateParser';\r\nimport { connectToCustomerID } from '../../data/CustomerIDStore';\r\n\r\nconst CollectionContext = React.createContext();\r\n\r\nexport class CollectionStore extends React.Component {\r\n\tstatic propTypes = {\r\n\t\t// react router props\r\n\t\tmatch: PropTypes.object,\r\n\t\thistory: PropTypes.object,\r\n\t\tlocation: PropTypes.object,\r\n\t\t// customer state props\r\n\t\tcustomerState: PropTypes.object,\r\n\t\t// passed in from parent\r\n\t\tchildren: PropTypes.func,\r\n\t};\r\n\r\n\tstatic connect = (Component, mapToProps) => {\r\n\t\treturn props => {\r\n\t\t\treturn (\r\n\t\t\t\t{content}
\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport default withIsMobile(PageTitle);\r\n\r\nPageTitle.propTypes = {\r\n\tisMobile: PropTypes.func,\r\n\tstyleOverrides: PropTypes.object,\r\n};\r\n\r\nPageTitle.defaultProps = {\r\n\tstyleOverrides: {},\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport PageTitle from '../../UI/PageTitle';\r\nimport { CollectionStore } from '../data/CollectionStore';\r\nimport { Translate } from 'react-localize-redux';\r\n\r\nclass CollectionHeader extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tisLoading: PropTypes.bool,\r\n\t\tcatalogName: PropTypes.string,\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst content = this.getHeaderContent();\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t{ReactHtmlParser(overview)}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default CollectionStore.connect(CollectionOverview, collectionStore => ({\r\n\tisLoading: collectionStore.state.isLoading,\r\n\toverview: collectionStore.getCatalog().overview,\r\n}));\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport makeConnectTo from '../../data/makeConnectTo';\r\nimport { connectToCustomerID } from '../../data/CustomerIDStore';\r\nimport api from '../../../api';\r\n\r\nconst WishlistSkusContext = React.createContext();\r\n\r\nconst name = 'wishlistSkusDataStore';\r\nexport const connectToWishlistSkus = makeConnectTo(WishlistSkusContext, name);\r\n\r\nconst actions = {\r\n\tADD_SKU: 'ADD_SKU',\r\n\tREMOVE_SKU: 'REMOVE_SKU',\r\n};\r\n\r\nclass WishlistSkusDataStore extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tcustomerState: PropTypes.object,\r\n\t\tchildren: PropTypes.oneOfType([PropTypes.func, PropTypes.element]),\r\n\t};\r\n\r\n\tstate = {\r\n\t\tskus: [],\r\n\t\tisLoading: true,\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t
\r\n\t);\r\n}\r\n\r\nexport default withIsMobile(TitleSkeleton);\r\n","export default __webpack_public_path__ + \"static/media/no_image_jacket.44ee3652.png\";","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport noImagePlaceholder from '../../../assets/images/no_image_jacket.png';\r\nimport { useWindowSize } from '../../context/WindowSize';\r\nimport './titleJacketImage.css';\r\n\r\nNoJacketImage.propTypes = {\r\n\ttitleDetails: PropTypes.object,\r\n\tsku: PropTypes.string,\r\n\tsize: PropTypes.string,\r\n};\r\n\r\nexport default function NoJacketImage({ titleDetails, sku, size }) {\r\n\tconst { width } = useWindowSize();\r\n\tconst noJacketRef = React.createRef();\r\n\tconst [dimensions, setDimensions] = React.useState({ height: 0, width: 0 });\r\n\tconst updateDimensions = () =>\r\n\t\tnoJacketRef.current &&\r\n\t\tsetDimensions({\r\n\t\t\theight: noJacketRef.current.offsetHeight,\r\n\t\t\twidth: noJacketRef.current.offsetWidth,\r\n\t\t});\r\n\r\n\tReact.useEffect(updateDimensions, [width]);\r\n\r\n\tconst renderNoJacketCoverText = () => {\r\n\t\treturn titleDetails ? (\r\n\t\t\t<>\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t{titleDetails.title || titleDetails.name}\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t{titleDetails.author || ''}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t) : (\r\n\t\t\t{sku}
\r\n\t\t);\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t updateDimensions()}\r\n\t\t\t/>\r\n\t\t\t{dimensions.width > 0 && (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)}\r\n\t\t\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { useImage } from '../../hooks/useImage';\r\nimport TitleSkeleton from './TitleSkeleton';\r\nimport NoJacketImage from './NoJacketImage';\r\nimport './titleJacketImage.css';\r\n\r\nconst defaultJacketUris = [\r\n\t'images/common/noimage.png',\r\n\t'https://images.abovethetreeline.com/ea/OO/images/jacket_covers/default_jacket_oo.png',\r\n\t'https://images-azf.edelweiss.plus/ea/OO/images/jacket_covers/default_jacket_oo.png',\r\n];\r\n\r\nconst small = 'small-image';\r\nconst medium = 'medium-image';\r\nconst large = 'large-image';\r\nconst pick = 'pick-image';\r\nconst mobile = 'mobile-image';\r\nconst fillwidth = 'fillwidth-image';\r\nconst fixedwidth = 'fixedwidth-image';\r\n\r\nfunction JacketImage({ size, imageUri, title, isTitleDetail }) {\r\n\tconst { hasLoaded, hasError } = useImage(imageUri);\r\n\r\n\tconst hasValidImageUri = () => {\r\n\t\treturn (\r\n\t\t\timageUri && !defaultJacketUris.some(uri => imageUri.includes(uri))\r\n\t\t);\r\n\t};\r\n\r\n\tif (hasError || !hasValidImageUri()) {\r\n\t\tconst titleDetails =\r\n\t\t\tArray.isArray(title.pos) && title.pos.length\r\n\t\t\t\t? title.pos[0]\r\n\t\t\t\t: title.product\r\n\t\t\t\t? title.product\r\n\t\t\t\t: title;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t{renderNoJacketCoverText()}\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\tgetImageUri() {\r\n\t\tconst { title } = this.props;\r\n\t\treturn title.imageUri\r\n\t\t\t? title.imageUri\r\n\t\t\t: title.product\r\n\t\t\t? title.product.imageUri\r\n\t\t\t: null;\r\n\t}\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Tooltip } from 'antd';\r\nimport { Translate } from 'react-localize-redux';\r\n\r\nexport default class TextTruncator extends React.Component {\r\n\tstatic propTypes = {\r\n\t\ttext: PropTypes.string,\r\n\t\tmaxLength: PropTypes.number,\r\n\t\tending: PropTypes.string,\r\n\t\tfallBackText: PropTypes.object,\r\n\t\tcanUseTooltip: PropTypes.bool,\r\n\t};\r\n\r\n\tstatic defaultProps = {\r\n\t\tmaxLength: 35,\r\n\t\tending: '...',\r\n\t\tfallBackText: \r\n\t\t\t handleToggle()}>\r\n\t\t\t\t\t
\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport Customer360PropTypes from '../../../types';\r\nimport PropTypes from 'prop-types';\r\nimport { Tooltip, notification } from 'antd';\r\nimport FavoriteEntityIndicator from './FavoriteEntityIndicator';\r\nimport { connectToFavorites } from '../data/CustomerFavoritesDataStore';\r\nimport { connectToPreviewMode } from '../../data/CustomerIDStore';\r\nimport combineConnectors from '../../data/combineConnectors';\r\nimport withIsMobile from '../../hoc/withIsMobile';\r\nimport { Translate } from 'react-localize-redux';\r\nimport FavoriteButton from './FavoriteButton';\r\nimport './favoriteEntityAnchor.css';\r\n\r\nclass FavoriteEntityAnchor extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tentity: Customer360PropTypes.RecommendableEntity,\r\n\t\t// Mapped to props\r\n\t\tisMobile: PropTypes.func,\r\n\t\tpreviewMode: PropTypes.object,\r\n\t\tcustomerFavoritesDataStore: PropTypes.object,\r\n\t\tisTitleDetail: PropTypes.bool,\r\n\t};\r\n\r\n\tstate = {\r\n\t\tisLoading: false,\r\n\t\tisActive: false,\r\n\t\tdidInitialize: false,\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { isMobile, isTitleDetail } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\t{this.state.didInitialize && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tthis.handleToggleAsFavorite(\r\n\t\t\t\t\t\t\t\t\t\t\t\ttranslate,\r\n\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t}>\r\n\t\t\t\t\t\t\t\t\t\t{!this.state.isLoading &&\r\n\t\t\t\t\t\t\t\t\t\t\tthis.renderIcon()}\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{this.props.favoritesDataStoreIsPresent &&\r\n\t\t\t\t\t\t\t\t!this.props.isUnknownCustomer &&\r\n\t\t\t\t\t\t\t\tthis.renderFavoriteEntityAnchor()}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t this.showDrawer()}>\r\n\t\t\t\t{children}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\tgetInstance = (isDrawerVisible = this.props.isDrawerVisible) => ({\r\n\t\tisVisible: isDrawerVisible,\r\n\t\topen: () => this.showDrawer(),\r\n\t\tclose: () => this.closeDrawer(),\r\n\t\tcloseDrawer: () => this.closeDrawer(),\r\n\t});\r\n\r\n\tshowDrawer = () => {\r\n\t\tthis.props.showDrawer();\r\n\t};\r\n\r\n\tcloseDrawer = () => {\r\n\t\tthis.props.closeDrawer();\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport DrawerAnchor from './DrawerAnchor';\r\nimport withIsMobile from '../hoc/withIsMobile';\r\n\r\nclass DetailDrawerAnchor extends React.Component {\r\n\tstatic propTypes = {\r\n\t\trenderDrawerContent: PropTypes.func,\r\n\t\tchildren: PropTypes.oneOfType([PropTypes.func, PropTypes.element]),\r\n\t\t// Mapped to props\r\n\t\tisMobile: PropTypes.func,\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst isMobile = this.props.isMobile();\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t{drawer => {\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t \r\n\t\t
\r\n\t);\r\n}\r\n\r\nclass LaneContainer extends React.Component {\r\n\tstatic propTypes = {\r\n\t\t// required\r\n\t\tmajorHeader: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\r\n\t\tchildren: PropTypes.oneOfType([PropTypes.array, PropTypes.element]),\r\n\t\t// optional\r\n\t\tsubHeader: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\r\n\t\textra: PropTypes.any,\r\n\t\ticon: PropTypes.string,\r\n\t\tshouldRenderIcons: PropTypes.bool,\r\n\t\tstyle: PropTypes.object,\r\n\t\tbackgroundClass: PropTypes.string,\r\n\t\tpreferencesDataStore: PropTypes.object,\r\n\t};\r\n\r\n\tstatic defaultProps = {\r\n\t\tstyle: {},\r\n\t\tshouldRenderIcons: false,\r\n\t\tbackgroundClass: 'gradient-background',\r\n\t};\r\n\r\n\tstatic SeeAllAnchor = SeeAllAnchor;\r\n\r\n\trender() {\r\n\t\tconst { backgroundClass, preferencesDataStore } = this.props;\r\n\t\tconst gradient =\r\n\t\t\tbackgroundClass === 'gradient-background'\r\n\t\t\t\t? preferencesDataStore.getGradient()\r\n\t\t\t\t: 'none';\r\n\t\tconst style = {\r\n\t\t\t...this.props.style,\r\n\t\t\tbackgroundImage: gradient,\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n\r\n\trenderLaneHeaders() {\r\n\t\tconst { majorHeader, subHeader, icon } = this.props;\r\n\t\tif (majorHeader) {\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.renderLaneHeaders()}\r\n\t\t\t\t\t\t{this.props.children}\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\treturn \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{this.props.extra && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{this.getLanePrimaryHeader(majorHeader, icon)}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{subHeader && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{subHeader && subHeader.text\r\n\t\t\t\t\t\t\t\t\t\t? subHeader.text\r\n\t\t\t\t\t\t\t\t\t\t: subHeader}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t{this.props.extra}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default connectToSellerPreferences(LaneContainer);\r\n","import React from 'react';\r\nimport Customer360PropTypes from '../../../types';\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport LaneContainer from '../../UI/LaneContainer';\r\nimport { Translate } from 'react-localize-redux';\r\nimport './publisherContent.css';\r\n\r\nPublisherContent.propTypes = {\r\n\ttitleAttributes: Customer360PropTypes.TitleAttributes,\r\n};\r\n\r\nexport default function PublisherContent({ titleAttributes: attributes }) {\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t{headerValue}\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t\t{attributes.keyNote && (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t)}\r\n\t\t\t{attributes.authorBio && (\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t{ReactHtmlParser(attributes.keyNote)}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{attributes.summary &&\r\n\t\t\t\t\t\t\tReactHtmlParser(attributes.summary)}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{ReactHtmlParser(attributes.authorBio)}\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t)}\r\n\t\t\r\n\t\t\t\t\t\t onCopy(translate)}>\r\n\t\t\t\t\t\t\t{isMobile() ? (\r\n\t\t\t\t\t\t\t\trenderShareButton()\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t);\r\n\t\t\t}}\r\n\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tremove = (wishlist, translate) => {\r\n\t\tif (this.props.previewMode.isActive()) {\r\n\t\t\treturn this.props.previewMode.notify();\r\n\t\t}\r\n\r\n\t\tthis.setState({ isLoading: true });\r\n\t\treturn wishlist.remove().then(this.onRemoveSuccess(translate));\r\n\t};\r\n\r\n\tonRemoveSuccess = translate => {\r\n\t\tconst {\r\n\t\t\twishlistSkusDataStore,\r\n\t\t\twishlistLaneDataStore,\r\n\t\t\tsku,\r\n\t\t\ttitleName,\r\n\t\t} = this.props;\r\n\t\twishlistSkusDataStore.remove(sku);\r\n\t\twishlistLaneDataStore && wishlistLaneDataStore.updateLane();\r\n\t\tthis.confirmWishlistWasUpdated();\r\n\t\tthis.notify(\r\n\t\t\ttranslate('removed_from_your_wishlist', {\r\n\t\t\t\tname: titleName,\r\n\t\t\t}),\r\n\t\t);\r\n\t};\r\n\r\n\tadd = (wishlist, translate) => {\r\n\t\tif (this.props.previewMode.isActive()) {\r\n\t\t\treturn this.props.previewMode.notify();\r\n\t\t}\r\n\r\n\t\tthis.setState({ isLoading: true });\r\n\t\treturn wishlist.add().then(this.onAddSuccess(translate));\r\n\t};\r\n\r\n\tonAddSuccess = translate => {\r\n\t\tconst {\r\n\t\t\twishlistSkusDataStore,\r\n\t\t\twishlistLaneDataStore,\r\n\t\t\tsku,\r\n\t\t\ttitleName,\r\n\t\t} = this.props;\r\n\t\twishlistSkusDataStore.add(sku);\r\n\t\twishlistLaneDataStore && wishlistLaneDataStore.updateLane();\r\n\t\tthis.confirmWishlistWasUpdated();\r\n\t\tthis.notify(translate('added_to_your_wishlist', { name: titleName }));\r\n\t};\r\n\r\n\tconfirmWishlistWasUpdated = () => {\r\n\t\tconst isOnList = this.state.isOnWishlist;\r\n\r\n\t\tthis.setState({\r\n\t\t\tisLoading: false,\r\n\t\t\tisOnWishlist: !isOnList,\r\n\t\t});\r\n\t};\r\n\r\n\tnotify = message => {\r\n\t\tnotification.success({ message, duration: 2 });\r\n\t};\r\n}\r\n\r\nconst connectors = [\r\n\tconnectToWishlist,\r\n\tconnectToWishlistSkus,\r\n\tconnectToPreviewMode,\r\n];\r\n\r\nexport default combineConnectors(connectors)(WishlistButton);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst DrawerContext = React.createContext();\r\n\r\nexport const useDrawer = () => React.useContext(DrawerContext);\r\n\r\nDrawerContextProvider.propTypes = {\r\n\tchildren: PropTypes.element,\r\n\tdrawer: PropTypes.shape({\r\n\t\topen: PropTypes.func,\r\n\t\tclose: PropTypes.func,\r\n\t}),\r\n};\r\n\r\nexport default function DrawerContextProvider({ drawer, children }) {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{label}\r\n\t\t\t\t\r\n\t\t\t \r\n\t\t
\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Button, Tooltip } from 'antd';\r\nimport { connectToSellerContent } from '../../data/BooksellerContentDataStore';\r\nimport { Translate } from 'react-localize-redux';\r\nimport './buyFromThirdPartyButton.less';\r\n\r\nclass BuyFromThirdPartyButton extends React.Component {\r\n\tstatic propTypes = {\r\n\t\t// passed in\r\n\t\ttitle: PropTypes.shape({\r\n\t\t\tsku: PropTypes.string,\r\n\t\t\tpubDate: PropTypes.string,\r\n\t\t\teCommerceUri: PropTypes.string,\r\n\t\t}),\r\n\t\tsize: PropTypes.string,\r\n\t\ttype: PropTypes.string,\r\n\t\tlabel: PropTypes.object,\r\n\t\tblock: PropTypes.bool,\r\n\t\twidth: PropTypes.number,\r\n\t\t// mapped to props\r\n\t\tbooksellerContentStore: PropTypes.object,\r\n\t};\r\n\r\n\tstatic defaultProps = {\r\n\t\tlabel: \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n\r\n\tgetHref() {\r\n\t\tconst { title, booksellerContentStore: content } = this.props;\r\n\r\n\t\tif (title.eCommerceUri) {\r\n\t\t\treturn title.eCommerceUri;\r\n\t\t}\r\n\r\n\t\tconst { ean, skuDisplay } = title;\r\n\t\tconst isbn13 = ean ? ean : skuDisplay;\r\n\r\n\t\tif (!content.state.storeInfo.links.titles) return '';\r\n\t\treturn content.state.storeInfo.links.titles\r\n\t\t\t.replace('{sku}', isbn13)\r\n\t\t\t.trim();\r\n\t}\r\n\r\n\tgetBuyButtonLabel() {\r\n\t\tconst { title: t } = this.props;\r\n\t\treturn this.isFrontList(t.pubDate) ? (\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t{label}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{getButtonLabel()}\r\n\t\t\t\t\r\n\t\t\t\t{renderAddedToBagModal()}\r\n\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t\t onCopy(translate)}>\r\n\t\t\t\t\t\t\t{isMobile() ? (\r\n\t\t\t\t\t\t\t\trenderShareButton()\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t);\r\n\t\t\t}}\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n}\r\n\r\nexport default withIsUnknownCustomer(TitleActionButtons);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { FullDateFormatNoDayOfWeek } from '../../../dateFormats';\r\nimport ShowMoreText from 'react-show-more-text';\r\nimport withIsMobile from '../../hoc/withIsMobile';\r\nimport { Translate } from 'react-localize-redux';\r\nimport TitleActionButtons from '../../Title/UI/TitleActionButtons';\r\nimport './staffReview.less';\r\n\r\nclass StaffReview extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tisMobile: PropTypes.func,\r\n\t\tdoShowActionButtons: PropTypes.bool,\r\n\t\treviewerFirstName: PropTypes.string,\r\n\t\treviewerFullName: PropTypes.string,\r\n\t\treviewText: PropTypes.string,\r\n\t\tupdatedDate: PropTypes.string,\r\n\t\tchildren: PropTypes.element,\r\n\t\ttitle: PropTypes.object,\r\n\t};\r\n\r\n\tstatic defaultProps = {\r\n\t\tdoShowActionButtons: true,\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tchildren,\r\n\t\t\treviewerFullName,\r\n\t\t\treviewText,\r\n\t\t\tdoShowActionButtons,\r\n\t\t\ttitle,\r\n\t\t\tisMobile,\r\n\t\t} = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t{children}
\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.renderHeader()}\r\n\t\t\t\t\r\n\t\t\t\t{reviewText && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t{titleName}\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\trenderReviewText() {\r\n\t\tconst { reviewText } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{reviewText}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default withIsMobile(StaffReview);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport api from '../../../api';\r\nimport { connectToCustomerID } from '../../data/CustomerIDStore';\r\nimport makeConnectTo from '../../data/makeConnectTo';\r\nimport * as Util from '../../../util';\r\nimport Convert from '../../../util/Convert';\r\nimport { connectToSellerPreferences } from '../../data/BooksellerPreferencesDataStore';\r\nimport combineConnectors from '../../data/combineConnectors';\r\nimport { connectToSections } from '../../data/SectionsDataStore';\r\n\r\nconst StaffPicksContext = React.createContext();\r\n\r\nexport const useStaffPicksDataStore = () => {\r\n\treturn React.useContext(StaffPicksContext);\r\n};\r\n\r\nexport const connectToStaffPicks = makeConnectTo(\r\n\tStaffPicksContext,\r\n\t'staffPicksDataStore',\r\n);\r\n\r\nclass StaffPicksDataStore extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tsectionsDataStore: PropTypes.object,\r\n\t\tpreferencesDataStore: PropTypes.object,\r\n\t\tentityId: PropTypes.string,\r\n\t\tsectionLevel: PropTypes.string,\r\n\t\tcustomerState: PropTypes.object,\r\n\t\tchildren: PropTypes.oneOfType([\r\n\t\t\tPropTypes.element,\r\n\t\t\tPropTypes.arrayOf(PropTypes.element),\r\n\t\t\tPropTypes.func,\r\n\t\t]),\r\n\t};\r\n\r\n\tstate = {\r\n\t\tisLoading: true,\r\n\t\tstaffPicksData: {},\r\n\t\tselectedStaffReviewers: [],\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst dataStore = this.getDataStore();\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t
\r\n\t);\r\n\r\n\tconst renderShelfButton = (shelf, idx) => {\r\n\t\tconst isValid = isValidShelf(shelf);\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
{staffBio.aboutText}
\r\n\t\t\r\n\t\t\t\t\t{isValid ? (\r\n\t\t\t\t\t\t
\r\n\t\t\t
\r\n\t);\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t
\r\n\t\t\t\t{Array.isArray(favoriteShelves) &&\r\n\t\t\t\t\tfavoriteShelves.map((shelf, idx) =>\r\n\t\t\t\t\t\trenderShelfButton(shelf, idx),\r\n\t\t\t\t\t)}\r\n\t\t\t
\r\n\t\t\r\n\t\t\t (\r\n\t\t\t\t\t
\r\n\t);\r\n}\r\n\r\nexport default withIsMobile(StaffProfile);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport { Button } from 'antd';\r\nimport TitleActionButtons from './TitleActionButtons';\r\nimport FamilyTitlesDropdown from './FamilyTitlesDropdown/FamilyTitlesDropdown';\r\nimport './titleDescription.css';\r\n\r\nTitleDescription.propTypes = {\r\n\ttitle: PropTypes.object,\r\n\tisTitleDetail: PropTypes.bool,\r\n};\r\n\r\nexport default function TitleDescription({ title, isTitleDetail }) {\r\n\tconst [expanded, setExpanded] = React.useState(false);\r\n\tconst publisherDescription = title.attributes.summary;\r\n\r\n\tconst renderPublisherDescription = () => {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t\r\n\t\t\t\t setExpanded(prev => !prev)}>\r\n\t\t\t\t\t{expanded ? 'less' : 'more'}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\treturn (\r\n\t\t{!expanded ? '...' : null}
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Tooltip } from 'antd';\r\nimport { Translate } from 'react-localize-redux';\r\nimport withIsMobile from '../../hoc/withIsMobile';\r\nimport './wishlistEntityIndicator.css';\r\n\r\nWishlistEntityIndicator.propTypes = {\r\n\tstyle: PropTypes.object,\r\n\tisMobile: PropTypes.func,\r\n};\r\n\r\nWishlistEntityIndicator.defaultProps = {\r\n\tstyle: {\r\n\t\tright: 30,\r\n\t\tbottom: -16,\r\n\t},\r\n};\r\n\r\nfunction WishlistEntityIndicator({ style, isMobile }) {\r\n\treturn (\r\n\t\t\r\n\t\t\t\t
\r\n\t\t\t{title.name}
\r\n\t\t\t\t\r\n\t\t\t\t\t{publisherDescription && renderPublisherDescription()}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n}\r\n\r\nexport default withIsMobile(WishlistEntityIndicator);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Tooltip } from 'antd';\r\nimport { Translate } from 'react-localize-redux';\r\nimport withIsMobile from '../../hoc/withIsMobile';\r\nimport './purchasedEntityIndicator.css';\r\n\r\nPurchasedEntityIndicator.propTypes = {\r\n\tright: PropTypes.number,\r\n\tisMobile: PropTypes.func,\r\n};\r\n\r\nPurchasedEntityIndicator.defaultProps = {\r\n\tright: 30,\r\n};\r\n\r\nfunction PurchasedEntityIndicator({ right, isMobile }) {\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n}\r\n\r\nexport default withIsMobile(PurchasedEntityIndicator);\r\n","import React from 'react';\r\nimport { Tooltip } from 'antd';\r\nimport withIsMobile from '../../hoc/withIsMobile';\r\nimport PropTypes from 'prop-types';\r\nimport { Translate } from 'react-localize-redux';\r\nimport './bagEntityIndicator.css';\r\n\r\nBagEntityIndicator.propTypes = {\r\n\tright: PropTypes.number,\r\n\tisMobile: PropTypes.func,\r\n};\r\n\r\nBagEntityIndicator.defaultProps = {\r\n\tright: 33,\r\n};\r\n\r\nfunction BagEntityIndicator({ right, isMobile }) {\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n}\r\n\r\nexport default withIsMobile(BagEntityIndicator);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport withIsMobile from '../hoc/withIsMobile';\r\nimport combineConnectors from '../data/combineConnectors';\r\nimport TitleJacketImage from '../Title/UI/TitleJacketImage';\r\nimport { connectToBag } from '../Bag/data/BagDataStore';\r\nimport { connectToFavorites } from '../CustomerFavorites/data/CustomerFavoritesDataStore';\r\nimport { connectToWishlistSkus } from '../Wishlist/data/WishlistSkusDataStore';\r\nimport { connectToTransactions } from '../data/TransactionsDataStore';\r\nimport WishlistEntityIndicator from '../Wishlist/UI/WishlistEntityIndicator';\r\nimport PurchasedEntityIndicator from '../Rewards/UI/PurchasedEntityIndicator';\r\nimport FavoriteEntityIndicator from '../CustomerFavorites/UI/FavoriteEntityIndicator';\r\nimport RecommendableEntity from '../../entity/RecommendableEntity';\r\nimport BagEntityIndicator from '../Bag/UI/BagEntityIndicator';\r\nimport TitleDetailDrawer from '../Title/TitleDetailDrawer';\r\nimport { Translate } from 'react-localize-redux';\r\n\r\nTitleJacketImageWithIconBadges.propTypes = {\r\n\ttitle: PropTypes.object,\r\n\tsize: PropTypes.string,\r\n\tisInTitleLane: PropTypes.bool,\r\n\tisMobile: PropTypes.func,\r\n\ttitleIsInBag: PropTypes.bool,\r\n\ttitleIsInWishlist: PropTypes.bool,\r\n\ttitleIsFavorite: PropTypes.bool,\r\n\ttitleWasPurchased: PropTypes.bool,\r\n};\r\n\r\nTitleJacketImageWithIconBadges.defaultProps = {\r\n\tisInTitleLane: false,\r\n};\r\n\r\nfunction TitleJacketImageWithIconBadges({\r\n\ttitle,\r\n\tsize,\r\n\tisInTitleLane,\r\n\tisMobile,\r\n\ttitleIsInBag,\r\n\ttitleIsFavorite,\r\n\ttitleIsInWishlist,\r\n\ttitleWasPurchased,\r\n}) {\r\n\tconst renderTitleJacketImage = () => {\r\n\t\tif (isInTitleLane) {\r\n\t\t\tconst jacketSize = isMobile() ? 'mobile' : 'medium';\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{renderIconBadges()}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tconst renderIconBadges = () => {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t{this.state.isLoading\r\n\t\t\t\t\t\t? this.renderLoading()\r\n\t\t\t\t\t\t: this.renderTitles()}\r\n\t\t\t\t\t{this.state.canLoadMoreTitles && (\r\n\t\t\t\t\t\t this.handleLoadMoreTitles()}>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n\r\n\thandleLoadMoreTitles = () => {\r\n\t\tconst { allTitles, currentMaxTitles } = this.state;\r\n\t\tconst newMaxTitles = currentMaxTitles + this.loadMoreTitlesAmount;\r\n\t\tconst canLoadMoreTitles = allTitles.length > newMaxTitles;\r\n\t\tthis.setState({\r\n\t\t\tcurrentMaxTitles: newMaxTitles,\r\n\t\t\tcanLoadMoreTitles,\r\n\t\t\thasLoadedMoreTitles: true,\r\n\t\t});\r\n\t};\r\n\r\n\trenderTitles = () => {\r\n\t\tconst { currentMaxTitles, allTitles } = this.state;\r\n\t\tconst titlesToRender = allTitles.slice(0, currentMaxTitles);\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{this.renderTitleCount()}\r\n\t\t\t\t{titlesToRender.map((title, idx) =>\r\n\t\t\t\t\tthis.renderOneTitle(title, idx),\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t);\r\n\t};\r\n\r\n\tgetNewState = allTitles => {\r\n\t\tconst { currentMaxTitles } = this.state;\r\n\t\treturn {\r\n\t\t\tisLoading: false,\r\n\t\t\tallTitles,\r\n\t\t\tcanLoadMoreTitles: allTitles.length > currentMaxTitles,\r\n\t\t};\r\n\t};\r\n\r\n\tcomponentDidMount() {\r\n\t\tconst { titles } = this.props;\r\n\t\tif (!titles) {\r\n\t\t\tthis.request = makeCancelable(this.props.fetchAllAvailableTitles());\r\n\t\t\tthis.request.promise\r\n\t\t\t\t.then(({ titles }) => {\r\n\t\t\t\t\tconst allTitles = Array.isArray(titles) ? titles : [];\r\n\t\t\t\t\treturn this.getNewState(allTitles);\r\n\t\t\t\t})\r\n\t\t\t\t.then(newState => this.setState(newState))\r\n\t\t\t\t.catch(err => !err.isCanceled && console.log(err));\r\n\t\t} else {\r\n\t\t\tconst newState = this.getNewState(titles);\r\n\t\t\tthis.setState(newState);\r\n\t\t}\r\n\t}\r\n\r\n\thandleScrollToLastViewedTitle = () => {\r\n\t\tthis.scrollRefToLastViewedTitle.current &&\r\n\t\t\tthis.scrollRefToLastViewedTitle.current.scrollIntoView({\r\n\t\t\t\tbehavior: 'smooth',\r\n\t\t\t});\r\n\t\tthis.setState({ hasLoadedMoreTitles: false });\r\n\t};\r\n\r\n\tcomponentDidUpdate() {\r\n\t\tthis.state.hasLoadedMoreTitles && this.handleScrollToLastViewedTitle();\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tapi.revoke(this.request);\r\n\t}\r\n\r\n\trenderLoading() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{subtitle && subtitle.text && subtitle.link\r\n\t\t\t\t\t? [subtitle.text, subtitle.link]\r\n\t\t\t\t\t: subtitle}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\trenderTitleCount = () => {\r\n\t\tconst { allTitles } = this.state;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{allTitles.length === 1 ? (\r\n\t\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tgetTitleWrapperStyle = () => {\r\n\t\tconst { isLoading } = this.state;\r\n\t\tconst isMobile = this.props.isMobile();\r\n\t\treturn {\r\n\t\t\tdisplay: 'flex',\r\n\t\t\tflexDirection: 'column',\r\n\t\t\tmargin: '0 auto',\r\n\t\t\tjustifyContent: isLoading\r\n\t\t\t\t? 'center'\r\n\t\t\t\t: isMobile\r\n\t\t\t\t? 'space-around'\r\n\t\t\t\t: 'space-between',\r\n\t\t};\r\n\t};\r\n\r\n\trenderReviewOrDescription = (titleDataStore, title) => {\r\n\t\tif (titleDataStore.isLoading()) {\r\n\t\t\treturn this.renderLoading();\r\n\t\t}\r\n\t\tconst { isMobile } = this.props;\r\n\t\tconst titleData = titleDataStore.getTitle();\r\n\t\tconst firstVisibleReview = this.findFirstVisibleReview(titleData);\r\n\t\treturn firstVisibleReview ? (\r\n\t\t\tthis.findStaffReviewer(titleDataStore, title, firstVisibleReview)\r\n\t\t) : (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{doShowStaffAvatar ? (\r\n\t\t\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\trenderFavoriteEntityAnchor(title) {\r\n\t\tconst type = RecommendableEntity.title;\r\n\t\tconst entity = new RecommendableEntity(title.sku, type, title.name);\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\tisLastViewedTitle = idx => {\r\n\t\tconst { currentMaxTitles } = this.state;\r\n\t\tconst lastViewedTitleIndex = this.loadMoreTitlesAmount + 1;\r\n\t\treturn idx === currentMaxTitles - lastViewedTitleIndex;\r\n\t};\r\n\r\n\trenderOneTitle = (title, idx) => {\r\n\t\tconst { isMobile, isUnknownCustomer } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t{isMobile() ? (\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t{!isUnknownCustomer &&\r\n\t\t\t\t\t\t\t\tthis.renderFavoriteEntityAnchor(title)}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{titleDataStore =>\r\n\t\t\t\t\t\t\ttitle.review\r\n\t\t\t\t\t\t\t\t? this.findStaffReviewer(titleDataStore, title)\r\n\t\t\t\t\t\t\t\t: this.renderReviewOrDescription(\r\n\t\t\t\t\t\t\t\t\t\ttitleDataStore,\r\n\t\t\t\t\t\t\t\t\t\ttitle,\r\n\t\t\t\t\t\t\t\t )\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t};\r\n}\r\n\r\nconst connectors = [\r\n\tconnectToOrg,\r\n\tconnectToFavorites,\r\n\tconnectToStaffPicks,\r\n\twithIsUnknownCustomer,\r\n\twithIsMobile,\r\n];\r\n\r\nexport default combineConnectors(connectors)(AllAvailableTitles);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Spin } from 'antd';\r\nimport StaffUserAvatar from '../UI/StaffUserAvatar';\r\nimport StaffProfile from '../UI/StaffProfile';\r\nimport { connectToStaffPicks } from '../data/StaffPicksDataStore';\r\nimport combineConnectors from '../../data/combineConnectors.js';\r\nimport { Translate } from 'react-localize-redux';\r\nimport { connectToSellerContent } from '../../data/BooksellerContentDataStore';\r\nimport { connectToSections } from '../../data/SectionsDataStore';\r\nimport { Link } from 'react-router-dom';\r\nimport AllAvailableTitles from '../../TitleLanes/AllAvailableTitles';\r\nimport UserAvatar from 'treeline-react-core-components/UserAvatar';\r\nimport withIsMobile from '../../hoc/withIsMobile';\r\nimport './staffPicksDetail.less';\r\n\r\nclass StaffPicksDetail extends React.Component {\r\n\tstatic propTypes = {\r\n\t\t// Passed in from parent\r\n\t\tappUserId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n\t\tsectionCode: PropTypes.string,\r\n\t\tshelfName: PropTypes.string,\r\n\t\t// Mapped to Props\r\n\t\tsectionsDataStore: PropTypes.object,\r\n\t\tbooksellerContentStore: PropTypes.object,\r\n\t\tstaffPicksDataStore: PropTypes.object,\r\n\t\ttitleReviews: PropTypes.arrayOf(PropTypes.object),\r\n\t\tisMobile: PropTypes.func,\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { staffPicksDataStore } = this.props;\r\n\t\tif (staffPicksDataStore && !staffPicksDataStore.isLoading()) {\r\n\t\t\treturn this.renderReviewedTitles();\r\n\t\t}\r\n\t\treturn this.renderLoading();\r\n\t}\r\n\r\n\trenderLoading() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\trenderDrawerHeader(staffUser) {\r\n\t\tconst { appUserId, sectionCode, isMobile } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{!sectionCode && (\r\n\t\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\tgetHeaderTitle(staffUser) {\r\n\t\tconst { sectionCode, shelfName } = this.props;\r\n\t\treturn sectionCode ? (\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\t\t{this.getHeaderTitle(staffUser)}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst withStaffUserTitleReviews = Component => {\r\n\tconst mapToProps = (staffPicksDataStore, { sectionCode, appUserId }) => {\r\n\t\tconst titlesWithReviews = sectionCode\r\n\t\t\t? staffPicksDataStore.getTitlesWithProductInfoBySection(sectionCode)\r\n\t\t\t: appUserId\r\n\t\t\t? staffPicksDataStore.getTitleReviewsByStaffUser(appUserId)\r\n\t\t\t: [];\r\n\t\tconst sortedTitlesWithReviewText = titlesWithReviews\r\n\t\t\t.filter(title => title.review)\r\n\t\t\t.sort((a, b) => new Date(b.updatedDate) - new Date(a.updatedDate));\r\n\t\treturn { titleReviews: sortedTitlesWithReviewText };\r\n\t};\r\n\treturn connectToStaffPicks(Component, mapToProps);\r\n};\r\n\r\nconst connectors = [\r\n\twithIsMobile,\r\n\twithStaffUserTitleReviews,\r\n\tconnectToSellerContent,\r\n\tconnectToSections,\r\n\tconnectToStaffPicks,\r\n];\r\n\r\nexport default combineConnectors(connectors)(StaffPicksDetail);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport UserAvatar from 'treeline-react-core-components/UserAvatar';\r\nimport { connectToStaffPicks } from '../data/StaffPicksDataStore';\r\nimport StaffPicksDetail from '../Drawers/StaffPicksDetail';\r\nimport DetailDrawerAnchor from '../../UI/DetailDrawerAnchor';\r\nimport { Tooltip } from 'antd';\r\nimport { Translate } from 'react-localize-redux';\r\n\r\nexport class StaffUserAvatar extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tappUserId: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\r\n\t\t\t.isRequired,\r\n\t\tfirstName: PropTypes.string.isRequired,\r\n\t\tlastName: PropTypes.string.isRequired,\r\n\t\tavatarUri: PropTypes.string, // can be undefined\r\n\t\tdisplayName: PropTypes.string.isRequired,\r\n\t\tsize: PropTypes.string,\r\n\t\tshouldRenderStaffDetails: PropTypes.bool,\r\n\t\tshelfName: PropTypes.string,\r\n\t\tisInLane: PropTypes.bool,\r\n\t};\r\n\r\n\tstatic defaultProps = {\r\n\t\tsize: UserAvatar.large,\r\n\t\tshouldRenderStaffDetails: true,\r\n\t\tisInLane: false,\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tappUserId,\r\n\t\t\tshouldRenderStaffDetails,\r\n\t\t\tavatarUri,\r\n\t\t\tdisplayName,\r\n\t\t\tsize,\r\n\t\t\tfirstName,\r\n\t\t\tshelfName,\r\n\t\t\tisInLane,\r\n\t\t} = this.props;\r\n\t\treturn shouldRenderStaffDetails ? (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tgetInitials = () => {\r\n\t\tconst { firstName, lastName } = this.props;\r\n\t\tif (!firstName || !lastName) return 'CU';\r\n\r\n\t\tconst first = firstName.charAt(0).toUpperCase();\r\n\t\tconst last = lastName.charAt(0).toUpperCase();\r\n\r\n\t\treturn `${first}${last}`;\r\n\t};\r\n}\r\n\r\nconst mapStaffPicksToProps = (staffPicksDataStore, { appUserId }) => {\r\n\tconst staffUser = staffPicksDataStore.getStaffUser(appUserId);\r\n\treturn {\r\n\t\tfirstName: staffUser.firstName,\r\n\t\tlastName: staffUser.lastName,\r\n\t\tdisplayName: staffUser.fullName,\r\n\t\tavatarUri: staffUser.avatarUri.uri ? staffUser.avatarUri.uri : '',\r\n\t};\r\n};\r\n\r\nexport default connectToStaffPicks(StaffUserAvatar, mapStaffPicksToProps);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport api from '../../../api';\r\nimport makeConnectTo from '../../data/makeConnectTo';\r\nimport { connectToCustomerID } from '../../data/CustomerIDStore';\r\nimport Convert from '../../../util/Convert';\r\n\r\nconst TitleIndiePicksContext = React.createContext();\r\n\r\nexport const connectToTitleIndiePicks = makeConnectTo(\r\n\tTitleIndiePicksContext,\r\n\t'titleIndiePicksDataStore',\r\n);\r\n\r\nclass TitleIndiePicksDataStore extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tsku: PropTypes.string,\r\n\t\tchildren: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\r\n\t\t// Mapped to props\r\n\t\tcustomerState: PropTypes.object,\r\n\t};\r\n\r\n\tstate = {\r\n\t\ttitle: {},\r\n\t\tisLoading: true,\r\n\t\treviewerUsersById: {},\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst titleIndiePicksDataStore = this.getDataStore();\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t{this.renderReviewText()}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{reviewText && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{this.props.children}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.renderHeader()}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\trenderReviewText() {\r\n\t\tconst { reviewText } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{reviewText}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport TitleIndiePicksDataStore from '../data/TitleIndiePicksDataStore';\r\nimport DrawerAnchor from '../../UI/DrawerAnchor';\r\nimport withIsMobile from '../../hoc/withIsMobile';\r\nimport IndieReview from '../../StaffPicks/UI/IndieReview';\r\nimport { StaffUserAvatar } from '../../StaffPicks/UI/StaffUserAvatar';\r\nimport UserAvatar from 'treeline-react-core-components/UserAvatar';\r\nimport { useBooksellerPreferencesDataStore } from '../../data/BooksellerPreferencesDataStore';\r\nimport { Translate } from 'react-localize-redux';\r\nimport './titleIndiePicks.less';\r\n\r\nTitleIndiePicks.propTypes = {\r\n\ttitle: PropTypes.object,\r\n\tisMobile: PropTypes.func,\r\n};\r\n\r\nfunction TitleIndiePicks({ title, isMobile }) {\r\n\tconst isMobileSize = isMobile();\r\n\tconst { getGradient } = useBooksellerPreferencesDataStore();\r\n\r\n\tconst renderIndiePicks = titleIndiePicksDataStore => {\r\n\t\tconst { reviews } = titleIndiePicksDataStore.getTitleIndiePicks();\r\n\t\tconst reviewers = titleIndiePicksDataStore.getReviewers();\r\n\r\n\t\tif (reviews && reviews.length > 0) {\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t{reviews.length === 1 ? (\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t{isMobileSize && }\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tconst renderReviews = (reviews, reviewers) => {\r\n\t\treturn reviews.map((review, index) => (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{renderReviews(reviews, reviewers)}\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tgetSimplebarProps = () => {\r\n\t\tif (this.props.isMobile()) {\r\n\t\t\treturn {};\r\n\t\t}\r\n\t\treturn { forceVisible: 'x', autoHide: false };\r\n\t};\r\n\r\n\trenderCarouselScroller = () => {\r\n\t\tconst responsive = {\r\n\t\t\ttablet: {\r\n\t\t\t\tbreakpoint: { max: 1024, min: 464 },\r\n\t\t\t\titems: 4,\r\n\t\t\t\tslidesToSlide: 3,\r\n\t\t\t},\r\n\t\t\tmobile: {\r\n\t\t\t\tbreakpoint: { max: 464, min: 0 },\r\n\t\t\t\titems: 2.5,\r\n\t\t\t\tslidesToSlide: 1,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst mobile = this.props.isMobile();\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t{this.props.children}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t{this.renderTitles()} \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\trenderTitles() {\r\n\t\tconst {\r\n\t\t\tisLoading,\r\n\t\t\tcanFetchMoreTitles,\r\n\t\t\tfetchMoreTitles,\r\n\t\t\ttitles,\r\n\t\t} = this.props;\r\n\t\tif (isLoading) {\r\n\t\t\treturn \r\n\t\t\t\t{this.props.renderOneTitle(title, idx)}\r\n\t\t\t
\r\n\t\t);\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Translate } from 'react-localize-redux';\r\n\r\nShowingTitlesCount.propTypes = {\r\n\tnumberOfTitles: PropTypes.number,\r\n};\r\n\r\nexport default function ShowingTitlesCount({ numberOfTitles }) {\r\n\tconst getCountLabel = () => {\r\n\t\treturn numberOfTitles === 1 ? (\r\n\t\t\t\r\n\t\t\t\t{this.getLaneConfigsToRender().map(laneConfig => {\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{this.renderOneLane(laneConfig)}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t);\r\n\t\t\t\t})}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\tgetLaneConfigsToRender() {\r\n\t\tconst { titleLanesDataStore } = this.props;\r\n\t\tif (titleLanesDataStore.state.isLoading) {\r\n\t\t\treturn titleLanesDataStore.getLaneConfigs();\r\n\t\t}\r\n\t\treturn titleLanesDataStore.getLaneConfigs().filter(laneConfig => {\r\n\t\t\treturn titleLanesDataStore.hasTitlesInLane(laneConfig.key);\r\n\t\t});\r\n\t}\r\n\r\n\trenderOneLane = laneConfig => {\r\n\t\tconst { key, title, subtitle } = laneConfig;\r\n\t\tconst { renderIcon } = this.props;\r\n\t\tconst header =\r\n\t\t\ttypeof renderIcon === 'function' ? this.renderHeader(title) : title;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\trenderExtra = laneKey => {\r\n\t\tconst key = laneKey;\r\n\t\tconst { isMobile } = this.props;\r\n\t\treturn !isMobile() && this.getShowingTitlesTotal(key);\r\n\t};\r\n\r\n\tgetShowingTitlesTotal(laneKey) {\r\n\t\tconst { titleLanesDataStore } = this.props;\r\n\t\tif (!titleLanesDataStore.state.isLoading) {\r\n\t\t\tconst titles = titleLanesDataStore.getTitles(laneKey);\r\n\t\t\tconst numberOfTitles = titles.length;\r\n\t\t\treturn {title}
\r\n\t\t\t\t{renderIcon()}\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tconst lane = titleLanesDataStore.getLane(laneKey);\r\n\t\tconst laneTitles = titleLanesDataStore.getTitles(laneKey);\r\n\t\tconst total = laneTitles.length;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\treturn this.renderAllAvailableTitlesInLane(\r\n\t\t\t\t\t\t\t\t\tlaneKey,\r\n\t\t\t\t\t\t\t\t\tfalse,\r\n\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t{this.props.extraBottom}\r\n\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t{reviewText ? (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{reviewText}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t) : (\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst connect = combineConnectors([\r\n\tconnectToRatingsAndReviews,\r\n\tconnectToPreviewMode,\r\n]);\r\n\r\nexport default connect(ReviewDisplay);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Modal, Input, Button, notification } from 'antd';\r\nimport { connectToRatingsAndReviews } from '../data/RatingsAndReviewsDataStore';\r\nimport { connectToPreviewMode } from '../data/CustomerIDStore';\r\nimport combineConnectors from '../data/combineConnectors';\r\nimport './rateAndReview.less';\r\nimport RecommendableEntity from '../../entity/RecommendableEntity';\r\nimport { Translate } from 'react-localize-redux';\r\n\r\nconst { TextArea } = Input;\r\nconst confirm = Modal.confirm;\r\n\r\nexport class ReviewInput extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tentityType: PropTypes.string,\r\n\t\tentityId: PropTypes.string,\r\n\t\treview: PropTypes.object,\r\n\t};\r\n\r\n\tstate = {\r\n\t\treview: '',\r\n\t\tinitialReview: '',\r\n\t};\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.setInitialReview();\r\n\t}\r\n\r\n\tonChange = ({ target: { value } }) => {\r\n\t\tthis.setState({ review: value });\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { review } = this.state;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tthis.deleteReview(translate)\r\n\t\t\t\t\t\t\t\t\t\t}>\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.cancelEdits()}>\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.setInitialValue();\r\n\t}\r\n\r\n\tsetInitialValue() {\r\n\t\tconst { entityId, ratingsAndReviewsDataStore } = this.props;\r\n\t\tconst rating = ratingsAndReviewsDataStore.getRating(entityId);\r\n\t\tif (rating) {\r\n\t\t\tthis.setState({ value: rating });\r\n\t\t}\r\n\t}\r\n\r\n\teditReview = () => {\r\n\t\tthis.setState({ isEditingReview: true });\r\n\t};\r\n\r\n\tleaveEditMode = () => {\r\n\t\tthis.setState({ isEditingReview: false });\r\n\t};\r\n}\r\n\r\nconst connect = combineConnectors([\r\n\tconnectToRatingsAndReviews,\r\n\tconnectToPreviewMode,\r\n]);\r\n\r\nexport default connect(RateAndReview);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport RateAndReview from '../../RateAndReview/RateAndReview';\r\nimport { useTransactionsDataStore } from '../../data/TransactionsDataStore';\r\nimport RecommendableEntity from '../../../entity/RecommendableEntity';\r\nimport LaneContainer from '../../UI/LaneContainer';\r\nimport withIsMobile from '../../hoc/withIsMobile';\r\n\r\nTitleInset.propTypes = {\r\n\tsku: PropTypes.string,\r\n\tisMobile: PropTypes.func,\r\n\tuserHasPurchased: PropTypes.bool,\r\n};\r\n\r\nfunction TitleInset({ sku, userHasPurchased, isMobile }) {\r\n\tconst { countTransactions } = useTransactionsDataStore();\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{isEditingReview ? (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{({ translate }) => {\r\n\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tthis.handleChange(value, translate)\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t&{' '}\r\n\t\t\t\t\t\t this.editReview()}>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t{userHasPurchased && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{countTransactions(sku)}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\r\n\t\t\t\t{this.props.isMobile() && (\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t\t{!this.props.isUnknownCustomer && (\r\n\t\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\trenderTitleCard = title => {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapSettingsToProps = store => ({\r\n\tappSettings: store.getAppSettings(),\r\n\tgradient: store.getGradient(),\r\n});\r\n\r\nconst connectors = [\r\n\tconnectToTitle,\r\n\tconnectToTransactions,\r\n\tconnectToStaffPicks,\r\n\twithIsUnknownCustomer,\r\n\tC => connectToSellerPreferences(C, mapSettingsToProps),\r\n];\r\n\r\nexport default combineConnectors(connectors)(withIsMobile(TitleDetail));\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport TitleDetail from './TitleDetail';\r\nimport TitleDataStore from './data/TitleDataStore';\r\nimport DrawerAnchor from '../UI/DrawerAnchor';\r\nimport withIsMobile from '../hoc/withIsMobile';\r\nimport DrawerContextProvider from '../context/DrawerContext';\r\nimport StaffPicksDataStore from '../StaffPicks/data/StaffPicksDataStore';\r\n\r\nclass TitleDetailDrawer extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tsku: PropTypes.string,\r\n\t\tchildren: PropTypes.oneOfType([PropTypes.func, PropTypes.element]),\r\n\t\tparentStyle: PropTypes.string,\r\n\t\t// Mapped to props\r\n\t\tisMobile: PropTypes.func,\r\n\t};\r\n\r\n\tstatic defaultProps = {\r\n\t\tparentStyle: 'clickable dotDot',\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst isMobile = this.props.isMobile();\r\n\t\tconst { parentStyle } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{item.sku !== title.sku ? (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{item.name}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t, {item.formatDisplayName}\r\n\t\t\t\t\t\r\n\t\t\t\t) : (\r\n\t\t\t\t\titem.formatDisplayName\r\n\t\t\t\t)}\r\n\t\t\t\t, \r\n\t\t\t\t\r\n\t\t\t\t{formattedTitle.formatDisplayName},{' '}\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\treturn Array.isArray(familyTitles) &&\r\n\t\tfamilyTitles.length > 1 &&\r\n\t\tfamilyTitles.map(t => t.sku).includes(title.sku) ? (\r\n\t\t\r\n\t\t\t\t{renderCurrentTitle()}\r\n\t\t\t\t
\r\n\t\t\r\n\t) : (\r\n\t\trenderDescriptionWithoutDropdown()\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Customer360PropTypes from '../../../types';\r\nimport TextTruncator from '../../UI/TextTruncator';\r\nimport { connectToSections } from '../../data/SectionsDataStore';\r\nimport { Link } from 'react-router-dom';\r\nimport { Translate } from 'react-localize-redux';\r\nimport FamilyTitlesDropdown from './FamilyTitlesDropdown/FamilyTitlesDropdown';\r\nimport './titleSummary.css';\r\n\r\nexport class TitleSummary extends React.Component {\r\n\tstatic propTypes = {\r\n\t\ttitle: Customer360PropTypes.Title,\r\n\t\tshouldTruncateName: PropTypes.bool,\r\n\t\ttitleNameFontSize: PropTypes.number,\r\n\t\tchildren: PropTypes.element,\r\n\t\tsections: PropTypes.arrayOf(PropTypes.object),\r\n\t\tdoShowSection: PropTypes.bool,\r\n\t};\r\n\r\n\tstatic defaultProps = {\r\n\t\ttitle: {},\r\n\t\tshouldTruncateName: true,\r\n\t\ttitleNameFontSize: 16,\r\n\t\tdoShowSection: false,\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{this.renderTitleSummary()}\r\n\t\t\t\t{this.props.children}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\trenderTitleSummary() {\r\n\t\tconst {\r\n\t\t\ttitle,\r\n\t\t\ttitleNameFontSize: sz,\r\n\t\t\tshouldTruncateName,\r\n\t\t\tdoShowSection,\r\n\t\t} = this.props;\r\n\r\n\t\tlet secDisplayName = '';\r\n\r\n\t\tif (doShowSection && Array.isArray(title.pos) && title.pos[0]) {\r\n\t\t\tsecDisplayName = this.getSectionDisplayName(\r\n\t\t\t\ttitle.pos[0].sectionCode,\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\tgetSectionDisplayName(sectionCode) {\r\n\t\tconst { sections } = this.props;\r\n\t\tif (!sections) return '';\r\n\r\n\t\tconst section = sections.find(s => s && s.sectionCode === sectionCode);\r\n\r\n\t\treturn section ? (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{shouldTruncateName ? (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t{title.author}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{this.props.children}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default withIsMobile(CollectionTitleCard);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Customer360PropTypes from '../../../types';\r\nimport CollectionTitleCard from './CollectionTitleCard';\r\nimport TitleDetailDrawer from '../../Title/TitleDetailDrawer';\r\nimport { Button } from 'antd';\r\nimport BuyTitleButton from '../../Title/Buy/BuyTitleButton';\r\nimport withIsMobile from '../../hoc/withIsMobile';\r\nimport { Translate } from 'react-localize-redux';\r\nimport './collectionTitle.css';\r\n\r\nconst propTypes = {\r\n\tisMobile: PropTypes.func,\r\n\ttitle: Customer360PropTypes.Title,\r\n};\r\n\r\nfunction CollectionTitle({ title, isMobile }) {\r\n\tconst renderViewTitleButton = drawer => {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t);\r\n\t};\r\n\r\n\tconst renderTitleActionButtons = () => {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{renderViewTitleButton}\r\n\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport { Icon } from 'antd';\r\nimport Fade from 'treeline-react-core-components/Fade';\r\n\r\nexport default class UpdateConfirmation extends React.Component {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t{overview && \r\n\t\t\t\t\t\t{state.titles.map(title => {\r\n\t\t\t\t\t\t\tconst key = title.sku;\r\n\t\t\t\t\t\t\treturn \r\n\t\t\t\t
\r\n\t\t\t{this.getMessagePrompt()}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{this.getButtonLabel()}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.state.didUpdate &&
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{this.renderNumberInput()}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tthis.saveNewPreference(translate)\r\n\t\t\t\t\t\t\t\t\t}>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{this.state.didSaveNewFrequency && (\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t \r\n\t\t
\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Spin } from 'antd';\r\nimport { urlPrefix } from '../../../api';\r\nimport SeriesAutocompleteRow from './SeriesAutocompleteRow';\r\nimport { connectToCustomerID } from '../../data/CustomerIDStore';\r\nimport LoadableAutocomplete from 'treeline-react-core-components/LoadableAutocomplete';\r\nimport { Translate } from 'react-localize-redux';\r\n\r\nclass SeriesAutocomplete extends React.Component {\r\n\tstatic propTypes = {\r\n\t\t// Passed in from parent\r\n\t\tplaceholder: PropTypes.string,\r\n\t\tonSelectOption: PropTypes.func,\r\n\t\trenderOption: PropTypes.func,\r\n\t\t// Mapped to props\r\n\t\torgId: PropTypes.string,\r\n\t};\r\n\r\n\tstatic defaultProps = {\r\n\t\tonSelectOption: () => {},\r\n\t\tplaceholder: {series.name}
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t \r\n\t\t
\r\n\t);\r\n}\r\n\r\nexport default class SeriesScroller extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tchildren: PropTypes.oneOfType([PropTypes.array, PropTypes.element]),\r\n\t};\r\n\r\n\tstatic SeriesItem = SeriesScrollerItem;\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{drawer => (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t{series.name}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\r\n\t\t\t\t\t{children}\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tthis.onSelectSeries(\r\n\t\t\t\t\t\t\t\t\t\t\t\tidx,\r\n\t\t\t\t\t\t\t\t\t\t\t\tseries,\r\n\t\t\t\t\t\t\t\t\t\t\t\ttranslate,\r\n\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tplaceholder={this.getPlaceholder(\r\n\t\t\t\t\t\t\t\t\t\t\ttranslate,\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\tgetSectionLevel(key) {\r\n\t\tconst sectionLevel = key.split('.')[0];\r\n\t\tif (sectionLevel === 'section') {\r\n\t\t\treturn 'Section';\r\n\t\t} else {\r\n\t\t\treturn 'Department';\r\n\t\t}\r\n\t}\r\n}\r\n\r\nclass SectionAutocomplete extends React.Component {\r\n\tstatic propTypes = {\r\n\t\t// Passed in from parent\r\n\t\tplaceholder: PropTypes.string,\r\n\t\tonSelectOption: PropTypes.func,\r\n\t\trenderOption: PropTypes.func,\r\n\t\t// Mapped to props\r\n\t\tcustomerState: PropTypes.object,\r\n\t};\r\n\r\n\tstatic defaultProps = {\r\n\t\tplaceholder: \r\n\t\t\t\t\t{this.getSectionLevel(section.key)}\r\n\t\t\t\t
\r\n\t\t\t\t{section.name}
\r\n\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t\r\n\t\t\t\t\t{typeof this.props.count === 'number' && (\r\n\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n\r\n\trenderNameWithLinkToSectionOrDepartment() {\r\n\t\tconst { entity } = this.props;\r\n\t\tconst isSection = entity.type === RecommendableEntity.section;\r\n\r\n\t\tconst sectionLvl = isSection\r\n\t\t\t? SectionLevel.section\r\n\t\t\t: SectionLevel.department;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\t{this.props.count}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{this.props.doLinkToSectionRoute\r\n\t\t\t\t\t\t? this.renderNameWithLinkToSectionOrDepartment()\r\n\t\t\t\t\t\t: this.renderNameWithOnClick()}\r\n\r\n\t\t\t\t\t{this.props.children}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tonSelectSection(section, translate)\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tplaceholder={getSearchBoxPlaceholder(\r\n\t\t\t\t\t\t\t\t\t\ttranslate,\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{title.title}\r\n\t\t\t\t
\r\n\t\t\t\t{title.author}
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nclass TitleAutocomplete extends React.Component {\r\n\tstatic propTypes = {\r\n\t\t// Passed in from parent\r\n\t\tplaceholder: PropTypes.string,\r\n\t\tonSelectOption: PropTypes.func,\r\n\t\trenderOption: PropTypes.func,\r\n\t\tisClearable: PropTypes.bool,\r\n\t\t// Mapped to props\r\n\t\tcustomerState: PropTypes.object,\r\n\t};\r\n\r\n\tstatic defaultProps = {\r\n\t\tonSelectOption: () => {},\r\n\t\tplaceholder: \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tthis.onSelectTitle(\r\n\t\t\t\t\t\t\t\t\t\t\t\tsku,\r\n\t\t\t\t\t\t\t\t\t\t\t\ttitle,\r\n\t\t\t\t\t\t\t\t\t\t\t\ttranslate,\r\n\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tplaceholder={this.getPlaceholder(\r\n\t\t\t\t\t\t\t\t\t\t\ttranslate,\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\r\n\t\t\t\t\t (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t);\r\n\t};\r\n}\r\n\r\nconst connectors = [connectToFavorites, connectToPreviewMode, withIsMobile];\r\n\r\nexport default combineConnectors(connectors)(TitleFavoritesLane);\r\n","import React from 'react';\r\nimport Customer360PropTypes from '../../../types';\r\n\r\nconst propTypes = {\r\n\tauthor: Customer360PropTypes.Author,\r\n};\r\n\r\nexport default function AuthorAutocompleteRow({ author }) {\r\n\treturn (\r\n\t\t\r\n\t\t\t{author.name}\r\n\t\t
\r\n\t);\r\n}\r\n\r\nAuthorAutocompleteRow.propTypes = propTypes;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport AuthorAutocompleteRow from './AuthorAutocompleteRow';\r\nimport { Spin } from 'antd';\r\nimport LoadableAutocomplete from 'treeline-react-core-components/LoadableAutocomplete';\r\nimport { useCustomerID } from '../../data/CustomerIDStore';\r\nimport { urlPrefix } from '../../../api';\r\nimport { Translate } from 'react-localize-redux';\r\n\r\nconst propTypes = {\r\n\tonSelectOption: PropTypes.func,\r\n\tplaceholder: PropTypes.string,\r\n\trenderAuthorOption: PropTypes.func,\r\n};\r\n\r\nconst defaultProps = {\r\n\tonSelectOption: () => {},\r\n\tplaceholder: \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t);\r\n\t\t\t}}\r\n\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t{children}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{Array.isArray(authorTitles) && (\r\n\t\t\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t{drawer => (\r\n\t\t\t\t\t
\r\n\t);\r\n}\r\n\r\nfunction ViewAuthorTitlesButton({ author }) {\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t\t{author.displayName}\r\n\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t{children && (\r\n\t\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t{titleCount.length === 1 ? (\r\n\t\t\t\t\t
\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Customer360PropTypes from '../../../types';\r\nimport Scroller from '../../UI/Scroller/Scroller';\r\nimport AuthorCard from './AuthorCard';\r\nimport './authorsScroller.css';\r\n\r\nAuthorScrollerItem.propTypes = {\r\n\tchildren: PropTypes.element,\r\n\tauthor: Customer360PropTypes.Author,\r\n};\r\n\r\nfunction AuthorScrollerItem({ author, children }) {\r\n\treturn (\r\n\t\t\r\n\t\t\t{children} \r\n\t\t
\r\n\t);\r\n}\r\n\r\nexport default class AuthorsScroller extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tchildren: PropTypes.oneOfType([PropTypes.array, PropTypes.element]),\r\n\t};\r\n\r\n\tstatic AuthorItem = AuthorScrollerItem;\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tthis.onSelectAuthor(\r\n\t\t\t\t\t\t\t\t\t\t\t\tid,\r\n\t\t\t\t\t\t\t\t\t\t\t\tauthor,\r\n\t\t\t\t\t\t\t\t\t\t\t\ttranslate,\r\n\t\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tplaceholder={this.getPlaceholder(\r\n\t\t\t\t\t\t\t\t\t\t\ttranslate,\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\trenderSubscriptionModifiers() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t{!isUnsubscribed && this.renderSubscriptionModifiers()}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t{children}
;\r\n}\r\n\r\nexport default connectToCustomer(UnsubscribePage);\r\n","import React from 'react';\r\nimport UnsubscribePage from './UnsubscribePage';\r\nimport MessageFrequencyDataStore from './data/MessageFrequencyDataStore';\r\nimport WishlistSkusDataStore from '../Wishlist/data/WishlistSkusDataStore';\r\nimport LoadingPage from '../UI/LoadingPage';\r\nimport './unsubscribe.css';\r\n\r\nexport default class UnsubscribePageRoot extends React.Component {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.renderPageContent}\r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\trenderPageContent = ({ isLoading }) => {\r\n\t\tif (isLoading) {\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t{isLoading || isLoadingFavorites\r\n\t\t\t\t\t? this.renderLoading()\r\n\t\t\t\t\t: this.renderRecentSectionHighlightLanes()}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\trenderLoading() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t{renderOneStaffPickSectionAnchor(section)}\r\n\t\t\t\t
\r\n\t\t\t);\r\n\t\t});\r\n\t};\r\n\r\n\tconst renderOneStaffPickSectionAnchor = section => {\r\n\t\tconst {\r\n\t\t\ttitles,\r\n\t\t\tsectionCode,\r\n\t\t\tdisplayName,\r\n\t\t\tsectionName,\r\n\t\t\tsectionId,\r\n\t\t} = section;\r\n\t\tconst name = displayName ? displayName : sectionName;\r\n\r\n\t\tconst sectionType = RecommendableEntity.section;\r\n\t\tconst entity = new RecommendableEntity(sectionId, sectionType, name);\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n}\r\n\r\nexport default connectToStaffPicks(StaffPicksByMemberLane);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport StaffPicksDataStore from './data/StaffPicksDataStore';\r\nimport StaffPickLaneType from '../../entity/StaffPickLaneType';\r\nimport StaffPicksBySectionLane from './StaffPicksBySectionLane';\r\nimport StaffPicksByMemberLane from './StaffPicksByMemberLane';\r\nimport './staffPicks.css';\r\n\r\nexport default class StaffPicksSummary extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tstaffPickLaneType: PropTypes.string, // By Staff Member or By Section\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{reviewsCt}
\r\n\t\t\t\t\r\n\t\t\t\t\t{staffPicksDataStore.getStaffUser(staffUserId).firstName}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t{!staffPicksDataStore.isLoading() &&\r\n\t\t\t\t\tthis.renderLane(staffPicksDataStore)}\r\n\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\trenderLane = staffPicksDataStore => {\r\n\t\tswitch (this.props.staffPickLaneType) {\r\n\t\t\tcase StaffPickLaneType.bySection:\r\n\t\t\t\tconst staffPickSections = staffPicksDataStore.getStaffPickSections();\r\n\t\t\t\treturn Array.isArray(staffPickSections) &&\r\n\t\t\t\t\tstaffPickSections.length ? (\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{title.title}\r\n\t\t\t\t
\r\n\t\t\t\t{title.author}
\r\n\t\t\t\t\r\n\t\t\t\t\t{title.pubDate !== '0001-01-01T00:00:00' && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{new Date(title.pubDate).toLocaleDateString(\r\n\t\t\t\t\t\t\t\t'en-US',\r\n\t\t\t\t\t\t\t\tFullDateFormatNoDayOfWeek,\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t • \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{title.formatDescription}\r\n\t\t\t\t
\r\n\t\t\t\t{this.isFrontList(title.pubDate) ? (\r\n\t\t\t\t\tComing Soon!
\r\n\t\t\t\t) : title.onHand ? (\r\n\t\t\t\t\tOn the Shelf
\r\n\t\t\t\t) : (\r\n\t\t\t\t\tAvailable
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n\r\n\tisFrontList(pubDate) {\r\n\t\treturn TitleStatus.isNotYetPublished(pubDate);\r\n\t}\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Spin } from 'antd';\r\nimport LoadableAutocomplete from 'treeline-react-core-components/LoadableAutocomplete';\r\nimport { connectToCustomerID } from '../../data/CustomerIDStore';\r\nimport { urlPrefix } from '../../../api';\r\nimport { cancelableDelay } from 'treeline-react-core-components/util';\r\nimport BrowseTitleAutocompleteRow from './BrowseTitleAutocompleteRow';\r\nimport { Translate } from 'react-localize-redux';\r\nimport './browseTitleAutocomplete.css';\r\n\r\nclass BrowseTitleAutocomplete extends React.Component {\r\n\tstatic propTypes = {\r\n\t\t// Passed in from parent\r\n\t\tplaceholder: PropTypes.string,\r\n\t\tonSelectOption: PropTypes.func,\r\n\t\trenderOption: PropTypes.func,\r\n\t\tisClearable: PropTypes.bool,\r\n\t\tincludeProductImagesInResults: PropTypes.bool,\r\n\t\thandleOptionsResponse: PropTypes.func,\r\n\t\tshouldResetInternalState: PropTypes.bool,\r\n\t\t// Mapped to props\r\n\t\tcustomerState: PropTypes.object,\r\n\t};\r\n\r\n\tstatic defaultProps = {\r\n\t\tonSelectOption: () => {},\r\n\t\tisClearable: true,\r\n\t\tincludeProductImagesInResults: false,\r\n\t\trenderTitleOption: title => {\r\n\t\t\treturn \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t\r\n\t\t\t{titlesByStatus &&\r\n\t\t\t\tObject.keys(titlesByStatus).map((status, idx) => {\r\n\t\t\t\t\tconst headers = titleStatusHeaders[status];\r\n\t\t\t\t\tconst titles = titlesByStatus[status];\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\ttitles.length > 0 && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\trenderAllTitles(titles, headers)\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t);\r\n\t\t\t\t})}\r\n\t\t\t{children}\r\n\t\t
\r\n\t);\r\n}\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport LaneContainer from '../../UI/LaneContainer';\r\nimport { Drawer } from 'antd';\r\nimport { Empty, Card } from 'antd';\r\nimport BrowseTitleAutocomplete from './BrowseTitleAutocomplete';\r\nimport * as TitleStatus from '../../../title/TitleStatus';\r\nimport TitleLanesByStatus from './TitleLanesByStatus';\r\nimport { withLocalize } from 'react-localize-redux';\r\nimport delay from '../../../util/delay';\r\nimport { findUniqueFamilyTitles } from '../../../util/titleUtility';\r\nimport './detailedTitleSearch.less';\r\n\r\nDetailedTitleSearch.propTypes = {\r\n\tisMobile: PropTypes.func,\r\n\tonCancel: PropTypes.func,\r\n\tdoShowResults: PropTypes.bool,\r\n\tonSearchResultsReceived: PropTypes.func,\r\n\theader: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\r\n\ttranslate: PropTypes.func,\r\n};\r\n\r\nfunction DetailedTitleSearch({\r\n\tisMobile,\r\n\tonCancel,\r\n\tdoShowResults,\r\n\tonSearchResultsReceived,\r\n\theader,\r\n\ttranslate,\r\n}) {\r\n\tconst [titles, setTitles] = useState([]);\r\n\tconst [userInput, setUserInput] = useState('');\r\n\tconst [didExecuteSearch, setDidExecute] = useState(false);\r\n\tconst [doResetInternalState, setDoResetInternalState] = useState(false);\r\n\r\n\tconst onTitleOptions = (\r\n\t\tuserInput,\r\n\t\t{ retailTitles, productImageUrisBySku, productsBySku },\r\n\t) => {\r\n\t\tconst productInfo = Object.values(productsBySku);\r\n\t\tconst titles = retailTitles.map(t => {\r\n\t\t\tconst imageKey = Object.keys(productImageUrisBySku).find(\r\n\t\t\t\tkey => key.toLowerCase() === t.sku.toLowerCase(),\r\n\t\t\t);\r\n\t\t\tconst titleInfo = productInfo.find(p => p.sku === t.sku);\r\n\t\t\treturn {\r\n\t\t\t\t...t,\r\n\t\t\t\timageUri: productImageUrisBySku[imageKey],\r\n\t\t\t\tfamilyItem: titleInfo.familyItem,\r\n\t\t\t\tretailPrice: titleInfo.retailPrice,\r\n\t\t\t};\r\n\t\t});\r\n\r\n\t\tconst titlesWithPrices = titles.filter(\r\n\t\t\tt => t.listPrice || t.retailPrice,\r\n\t\t);\r\n\t\tconst uniqueTitles = findUniqueFamilyTitles(titlesWithPrices);\r\n\r\n\t\tsetTitles(uniqueTitles);\r\n\t\tsetUserInput(userInput);\r\n\r\n\t\tif (!didExecuteSearch) {\r\n\t\t\tsetDidExecute(true);\r\n\t\t}\r\n\r\n\t\tonSearchResultsReceived(uniqueTitles);\r\n\t\treturn [];\r\n\t};\r\n\r\n\tconst getTitlesByStatus = () => {\r\n\t\tconst titlesByStatus = {\r\n\t\t\tonShelf: [],\r\n\t\t\tcomingSoon: [],\r\n\t\t\tavailableForOrder: [],\r\n\t\t};\r\n\t\tfor (let i = 0; i < titles.length; i++) {\r\n\t\t\tconst title = titles[i];\r\n\t\t\tif (TitleStatus.isNotYetPublished(title.pubDate)) {\r\n\t\t\t\ttitlesByStatus.comingSoon.push(title);\r\n\t\t\t} else if (typeof title.onHand === 'number' && title.onHand > 0) {\r\n\t\t\t\ttitlesByStatus.onShelf.push(title);\r\n\t\t\t} else {\r\n\t\t\t\ttitlesByStatus.availableForOrder.push(title);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn titlesByStatus;\r\n\t};\r\n\r\n\tconst hasNoResults = titlesByStatus => {\r\n\t\treturn (\r\n\t\t\ttitlesByStatus.onShelf.length === 0 &&\r\n\t\t\ttitlesByStatus.comingSoon.length === 0 &&\r\n\t\t\ttitlesByStatus.availableForOrder.length === 0\r\n\t\t);\r\n\t};\r\n\r\n\tconst getNoResultsPrompt = () => {\r\n\t\treturn didExecuteSearch\r\n\t\t\t? translate('no_results_found')\r\n\t\t\t: translate('search_results_will_appear_here');\r\n\t};\r\n\r\n\tconst clearSearch = () => {\r\n\t\tresetSearch();\r\n\t\tonCancel();\r\n\t\tsetDidExecute(false);\r\n\t};\r\n\r\n\tconst resetSearch = async () => {\r\n\t\tsetDoResetInternalState(true);\r\n\t\tawait delay(850);\r\n\t\tsetDoResetInternalState(false);\r\n\t};\r\n\r\n\tconst renderResults = titlesByStatus => {\r\n\t\treturn hasNoResults(titlesByStatus) ? (\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{isLoading()\r\n\t\t\t\t\t\t? renderLoading()\r\n\t\t\t\t\t\t: renderShelvesBySectionsOrDepartments()}\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tgetHeader = translate => {\r\n\t\treturn translate('browse_our_shelves');\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport './overlay.css';\r\nimport { useBooksellerPreferencesDataStore } from '../data/BooksellerPreferencesDataStore';\r\nimport { HeaderLayout } from '../Navigation/HeaderLayout';\r\n\r\nconst propTypes = {\r\n\tstyle: PropTypes.object,\r\n\theader: PropTypes.object,\r\n\tchildren: PropTypes.element,\r\n};\r\n\r\nconst defaultProps = {\r\n\tstyle: {},\r\n};\r\n\r\nexport function OverlayItem({ className, children }) {\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{({ translate }) => {\r\n\t\t\t\t\t\t\treturn titleSearchService.renderTitleSearch(\r\n\t\t\t\t\t\t\t\tthis.getHeader(translate),\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t{header}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t{hasUploadedPreview ? (\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\r\n\t);\r\n}\r\n\r\nSplashImageUpload.propTypes = propTypes;\r\n\r\nexport default connectToLogo(SplashImageUpload);\r\n","import React from 'react';\r\nimport ImageUploadDataStore from '../Image/ImageUploadDataStore';\r\nimport SplashImageUpload from './SplashImageUpload';\r\n\r\nexport default props => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t) : (\r\n\t\t\t\t\tthis.state.isUploadVisible &&\r\n\t\t\t\t\tthis.renderPreviewModeEmptySplash()\r\n\t\t\t\t)}\r\n\t\t\t\t{header && \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\t\t\t\tisUploadVisible: false,\r\n\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t
\r\n\t);\r\n}\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { useBooksellerPreferencesDataStore } from '../data/BooksellerPreferencesDataStore';\r\nimport withIsMobile from '../hoc/withIsMobile';\r\nimport { Translate } from 'react-localize-redux';\r\nimport StoreLocationInfo from './StoreLocationInfo';\r\nimport './organizationInfo.less';\r\n\r\nOrganizationInfo.propTypes = {\r\n\tstoreLocations: PropTypes.array,\r\n\tisMobile: PropTypes.func,\r\n};\r\n\r\nfunction OrganizationInfo({ storeLocations, isMobile }) {\r\n\tconst appSettings = useBooksellerPreferencesDataStore();\r\n\tconst { textColor, iconColor } = appSettings;\r\n\treturn (\r\n\t\t\r\n\t\t\t\t{locationName &&\r\n\t\t\t\t\tgetStoreInfoProperties(StoreLocationInfoEnum.locationName)}\r\n\t\t\t\t{address &&\r\n\t\t\t\t\tObject.values(address).some(value => value) &&\r\n\t\t\t\t\tgetStoreInfoProperties(StoreLocationInfoEnum.address)}\r\n\t\t\t\t{phoneNumber &&\r\n\t\t\t\t\tgetStoreInfoProperties(StoreLocationInfoEnum.phoneNumber)}\r\n\t\t\t
\r\n\t\t\t{hours && Object.values(hours).some(value => value) && (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)}\r\n\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{getStoreInfoProperties(StoreLocationInfoEnum.hours)}\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport default withIsMobile(OrganizationInfo);\r\n","import React from 'react';\r\nimport LaneContainer from '../UI/LaneContainer';\r\nimport { Progress } from 'antd';\r\nimport { Translate } from 'react-localize-redux';\r\n\r\nexport default class RewardsProgress extends React.Component {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t 1 ? 's' : ''\r\n\t\t\t\t\t\t}`}\r\n\t\t\t\t\t/>\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t{storeLocations.map((location, i) => (\r\n\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport TitleScroller from '../TitleLanes/TitleScroller';\r\nimport LaneContainer, { SeeAllAnchor } from '../UI/LaneContainer';\r\nimport { useRecentlyViewedDataStore } from './data/RecentlyViewedDataStore';\r\nimport { Translate } from 'react-localize-redux';\r\nimport withIsMobile from '../hoc/withIsMobile';\r\nimport ShowingTitlesCount from '../TitleLanes/ShowingTitlesCount';\r\nimport AllAvailableTitles from '../TitleLanes/AllAvailableTitles';\r\nimport StaffPicksDataStore from '../StaffPicks/data/StaffPicksDataStore';\r\n\r\nRecentlyViewedLane.propTypes = {\r\n\tisMobile: PropTypes.func,\r\n};\r\n\r\nfunction RecentlyViewedLane({ isMobile }) {\r\n\tconst recentlyViewed = useRecentlyViewedDataStore();\r\n\tconst titles = recentlyViewed ? recentlyViewed.getTitles() : [];\r\n\r\n\tconst getHeader = () => \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t{this.doRenderSplash() &&
\r\n\t\t);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tif (typeof this.props.onDidMount === 'function') {\r\n\t\t\tthis.props.onDidMount();\r\n\t\t}\r\n\t}\r\n\r\n\tdoRenderRewardsProgressLane() {\r\n\t\tconst { appSettings, isDemoBookstore } = this.props;\r\n\t\treturn (\r\n\t\t\tappSettings.doIncludeCommerce &&\r\n\t\t\tthis.hasValidCustomer() &&\r\n\t\t\tisDemoBookstore\r\n\t\t);\r\n\t}\r\n\r\n\tdoRenderRecentlyViewedLane() {\r\n\t\tconst { recentlyViewedDataStore: recentlyViewed } = this.props;\r\n\t\treturn recentlyViewed.any() && this.hasValidCustomer();\r\n\t}\r\n\r\n\tdoRenderSplash() {\r\n\t\tconst { logoStore, previewMode } = this.props;\r\n\t\treturn previewMode.isActive() ? true : logoStore.hasSplashImage();\r\n\t}\r\n\r\n\thasValidCustomer() {\r\n\t\tconst { previewMode, isUnknownCustomer } = this.props;\r\n\t\treturn !isUnknownCustomer && !previewMode.isActive();\r\n\t}\r\n}\r\n\r\nconst withAppSettings = Component => {\r\n\treturn connectToSellerPreferences(Component, preferences => ({\r\n\t\tappSettings: preferences.getAppSettings(),\r\n\t\tgradient: preferences.getGradient(),\r\n\t}));\r\n};\r\n\r\nconst connectors = [\r\n\tconnectToLogo,\r\n\twithIsDemoBookstore,\r\n\tconnectToPreviewMode,\r\n\twithIsUnknownCustomer,\r\n\twithAppSettings,\r\n\twithIsMobile,\r\n\tconnectToRecentlyViewed,\r\n\tconnectToSellerContent,\r\n];\r\n\r\nexport default combineConnectors(connectors)(HomePage);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport HomePage from './HomePage';\r\nimport { Route, Switch, Redirect } from 'react-router-dom';\r\nimport TitleDetailDrawer from '../Title/TitleDetailDrawer';\r\nimport { connectToOrg } from '../data/OrganizationDataStore';\r\nimport { connectToCustomerID } from '../data/CustomerIDStore';\r\nimport combineConnectors from '../data/combineConnectors';\r\nimport LoadingPage from '../UI/LoadingPage';\r\nimport WishlistSkusDataStore from '../Wishlist/data/WishlistSkusDataStore';\r\nimport CustomerFavoritesDataStore from '../CustomerFavorites/data/CustomerFavoritesDataStore';\r\nimport WishlistLaneDataStore from '../Wishlist/data/WishlistLaneDataStore';\r\nimport { connectToLogo } from '../data/BooksellerLogoStore';\r\nimport RecentlyViewedDataStore from '../RecentlyViewed/data/RecentlyViewedDataStore';\r\n\r\nclass HomePageRoot extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tmatch: PropTypes.object,\r\n\t\thistory: PropTypes.object,\r\n\t\tlocation: PropTypes.object,\r\n\t\t// Mapped to Props\r\n\t\torgName: PropTypes.string,\r\n\t\tisLoadingLogos: PropTypes.bool,\r\n\t\tisLoadingOrgData: PropTypes.bool,\r\n\t\tcustomerState: PropTypes.shape({\r\n\t\t\tisPreviewMode: PropTypes.bool,\r\n\t\t\tisUnknownCustomer: PropTypes.bool,\r\n\t\t}),\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { isPreviewMode, isUnknownCustomer } = this.props.customerState;\r\n\r\n\t\tif (isPreviewMode || isUnknownCustomer) {\r\n\t\t\treturn this.renderPage();\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t{displayName}
\r\n\t\t\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Popover } from 'antd';\r\nimport { Link } from 'react-router-dom';\r\nimport './sectionPopover.css';\r\n\r\nSectionPopover.propTypes = {\r\n\tdepartment: PropTypes.object,\r\n\tsection: PropTypes.object,\r\n};\r\n\r\nexport default function SectionPopover({ department, section }) {\r\n\tconst getSectionName = section =>\r\n\t\tsection.displayName ? section.displayName : section.sectionName;\r\n\r\n\tconst renderLinksToDepartmentAndSections = () => {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{section ? (\r\n\t\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tconst getSectionList = () => {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{department.departmentName}\r\n\t\t\t\t\t\t{' '}\r\n\t\t\t\t\t\tShelves:\r\n\t\t\t\t\t
\r\n\t\t\t\t) : (\r\n\t\t\t\t\t`${department.departmentName} Shelves:`\r\n\t\t\t\t)}\r\n\t\t\t\t{getSectionList()}\r\n\t\t\t- \r\n\t\t\t\t{department.sections.map((s, idx) => {\r\n\t\t\t\t\tconst sectionName = getSectionName(s);\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t{!section || s.sectionId !== section.sectionId ? (\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t{section\r\n\t\t\t\t\t? getSectionName(section)\r\n\t\t\t\t\t: `${department.departmentName} Department`}\r\n\t\t\t
\r\n\t\t\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport SectionTitleLanesDataStore from './data/SectionTitleLanesDataStore';\r\nimport TitleLanes from '../TitleLanes';\r\nimport SectionHeader from './SectionHeader';\r\nimport WishlistSkusDataStore from '../Wishlist/data/WishlistSkusDataStore';\r\nimport CustomerFavoritesDataStore from '../CustomerFavorites/data/CustomerFavoritesDataStore';\r\nimport StaffPicksDataStore from '../StaffPicks/data/StaffPicksDataStore';\r\nimport StaffPicksByMemberLane from '../StaffPicks/StaffPicksByMemberLane';\r\nimport { Spin } from 'antd';\r\nimport SectionLevel from '../../entity/SectionLevel';\r\nimport { useSectionsDataStore } from '../data/SectionsDataStore';\r\nimport { useTitleSearchService } from '../Title/Search/TitleSearchService';\r\nimport withIsMobile from '../hoc/withIsMobile';\r\nimport SectionPopover from './SectionPopover';\r\nimport './sectionHome.css';\r\n\r\nSectionHome.propTypes = {\r\n\tentityId: PropTypes.string,\r\n\tsectionLevel: PropTypes.string,\r\n\tisMobile: PropTypes.func,\r\n};\r\n\r\nfunction SectionHome({ entityId, sectionLevel, isMobile }) {\r\n\tconst { renderTitleSearch } = useTitleSearchService(isMobile);\r\n\tconst { getDepartment, getSection } = useSectionsDataStore();\r\n\tconst [shelfName, setShelfName] = React.useState('');\r\n\r\n\tconst getDisplayName = () => {\r\n\t\tif (sectionLevel === SectionLevel.section) {\r\n\t\t\treturn getHeaderForSection();\r\n\t\t}\r\n\t\tif (sectionLevel === SectionLevel.department) {\r\n\t\t\treturn getHeaderForDepartment();\r\n\t\t}\r\n\t\tthrow new Error('Invalid Path!');\r\n\t};\r\n\r\n\tconst getHeaderForDepartment = () => {\r\n\t\tconst department = getDepartment(entityId);\r\n\t\tsetShelfName(department.departmentName);\r\n\t\treturn department.sections.length ? (\r\n\t\t\t\r\n\t\t\t\t{department && department.sections.length ? (\r\n\t\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tconst renderLoading = () => {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tconst renderStaffPicks = () => {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tconst renderPageWithDataStore = titleLanesDataStore => {\r\n\t\tconst displayName = getDisplayName();\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{staffPicksDataStore => {\r\n\t\t\t\t\t\treturn staffPicksDataStore.isLoading()\r\n\t\t\t\t\t\t\t? renderLoading()\r\n\t\t\t\t\t\t\t: !staffPicksDataStore.isLoading() &&\r\n\t\t\t\t\t\t\t staffPicksDataStore.hasReviews()\r\n\t\t\t\t\t\t\t? renderStaffPicks()\r\n\t\t\t\t\t\t\t: null;\r\n\t\t\t\t\t}}\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\treturn ;\r\n\t\t}\r\n\t};\r\n\r\n\tbuildColumns() {\r\n\t\treturn [\r\n\t\t\t{\r\n\t\t\t\ttitle: 'Date',\r\n\t\t\t\tsorter: (a, b) =>\r\n\t\t\t\t\tnew Date(b.purchaseDate) - new Date(a.purchaseDate),\r\n\t\t\t\trender: transaction => (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{new Date(transaction.purchaseDate).toLocaleDateString(\r\n\t\t\t\t\t\t\t'en-US',\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tyear: '2-digit',\r\n\t\t\t\t\t\t\t\tmonth: '2-digit',\r\n\t\t\t\t\t\t\t\tday: '2-digit',\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t
\r\n\t\t\t\t),\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\ttitle: 'Title',\r\n\t\t\t\trender: transaction => (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t),\r\n\t\t\t},\r\n\t\t];\r\n\t}\r\n}\r\n","import React from 'react';\r\nimport PageTitle from '../UI/PageTitle';\r\nimport TransactionsList from './TransactionsList';\r\nimport WishlistSkusDataStore from '../Wishlist/data/WishlistSkusDataStore';\r\nimport CustomerFavoritesDataStore from '../CustomerFavorites/data/CustomerFavoritesDataStore';\r\n\r\nexport default class RewardsPage extends React.Component {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t{transaction.title}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{transaction.author}
\r\n\t\t\t\t\t\r\n\t\t\t{hasSplash && (\r\n\t\t\t\t
\r\n\t);\r\n}\r\n\r\nconst connectors = [connectToLogo, connectToCustomer];\r\n\r\nexport default combineConnectors(connectors)(\r\n\twithIsMobile(WishlistCollectionPageHeader, 550),\r\n);\r\n\r\nWishlistCollectionPageHeader.propTypes = propTypes;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { useReferralSource } from '../../data/CustomerIDStore';\r\nimport CustomerSummaryDataStore from '../../data/CustomerSummaryDataStore';\r\nimport TransactionsDataStore from '../../data/TransactionsDataStore';\r\n\r\nconst propTypes = {\r\n\tchildren: PropTypes.func,\r\n};\r\n\r\nexport default function WishlistCollectionPageDataStores({ children }) {\r\n\tconst referralSource = useReferralSource();\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t{isMobile && (\r\n\t\t\t\t\t\t
\r\n\t\t\t)}\r\n\t\t\t{!hasSplash && (\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport useReferralWishlistTitles from './data/useReferralWishlistTitles';\r\nimport CollectionTitle from '../Collection/UI/CollectionTitle';\r\nimport CollectionTitlesWrapper from '../Collection/UI/CollectionTitlesWrapper';\r\nimport LoadingPage from '../UI/LoadingPage';\r\nimport WishlistCollectionPageHeader from './UI/WishlistCollectionPageHeader';\r\nimport WishlistCollectionPageDataStores from './data/WishlistCollectionPageDataStores';\r\nimport ErrorBoundary from '../UI/Error/ErrorBoundary';\r\nimport WishlistPageError from './UI/WishlistPageError';\r\nimport { useBooksellerPreferencesDataStore } from '../data/BooksellerPreferencesDataStore';\r\nimport { HeaderLayout } from '../Navigation/HeaderLayout';\r\nimport CustomerFavoritesDataStore from '../CustomerFavorites/data/CustomerFavoritesDataStore';\r\nimport WishlistSkusDataStore from './data/WishlistSkusDataStore';\r\nimport './wishlistCollectionPage.css';\r\n\r\nexport default function WishlistCollectionPage() {\r\n\treturn (\r\n\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{renderWishlistTitles(transactionsDataStore)}\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\trenderPageContent(transactionsDataStore)\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\r\n\t\t\t{isMobile() ? renderWithConfirmModal() : renderAsPopConfirm()}\r\n\t\t
\r\n\t);\r\n}\r\n\r\nexport default withIsMobile(RemoveFromBagAnchor);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport TitleDataStore from '../../Title/data/TitleDataStore';\r\nimport { Translate } from 'react-localize-redux';\r\n\r\nBagTitleFormat.propTypes = {\r\n\tsku: PropTypes.string,\r\n};\r\n\r\nexport default function BagTitleFormat({ sku }) {\r\n\tconst getFormatDisplay = format => {\r\n\t\tswitch (format) {\r\n\t\t\tcase 'Trade Paperback':\r\n\t\t\t\treturn 'Paperback';\r\n\t\t\tdefault:\r\n\t\t\t\treturn format;\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t{isMobileSize && (\r\n\t\t\t\t<>\r\n\t\t\t\t\t\r\n\t\t\t\t{!isMobileSize && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t
\r\n\t\t
\r\n\t);\r\n}\r\n\r\nexport default withIsMobile(BagOrderTitleSummary);\r\n","import React from 'react';\r\nimport { useBagDataStore } from '../data/BagDataStore';\r\nimport BagOrderTitleSummary from './BagOrderTitleSummary';\r\nimport { Translate } from 'react-localize-redux';\r\nimport './bagOrderTitleSummary.less';\r\n\r\nexport default function BagOrderTitleSummaries() {\r\n\tconst { getTitles } = useBagDataStore();\r\n\tconst titles = getTitles();\r\n\r\n\tconst renderNoTitlesInBag = () => {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t{!isMobileSize && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tconst renderBagTitles = () => {\r\n\t\treturn titles.map(t => \r\n\t\t\t{titles.length > 0 ? renderBagTitles() : renderNoTitlesInBag()}\r\n\t\t
\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport useBagDataTotalAmount from '../data/useBagDataTotalAmount';\r\nimport LocalizedPrice from '../../Localization/LocalizedPrice';\r\n\r\nexport default function BagTotal() {\r\n\tconst { getTotal } = useBagDataTotalAmount();\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t);\r\n\t\t\t}}\r\n\t\t\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t{props.isShipping() && (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t)}\r\n\t\t\t{props.doShowTax && (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t
\r\n\t);\r\n}\r\n","import api from '../../api';\r\nimport { useCustomerID } from '../data/CustomerIDStore';\r\n\r\nexport default function useTaxes() {\r\n\tconst { orgId } = useCustomerID();\r\n\r\n\tconst getLocationTaxRate = async address => {\r\n\t\tconst addressQueryParams = new URLSearchParams(address).toString();\r\n\t\treturn api.get(`/orgs/${orgId}/taxes?${addressQueryParams}`);\r\n\t};\r\n\r\n\treturn {\r\n\t\tgetLocationTaxRate,\r\n\t};\r\n}\r\n","export const OrderProvider = {\r\n\tPayPal: 'PayPal',\r\n};\r\n","export const AddressType = {\r\n\tBilling: 'Billing',\r\n\tShipping: 'Shipping',\r\n};\r\n","export const PreferredContactMethod = {\r\n\tText: 'Text',\r\n\tEmail: 'Email',\r\n\tPhoneCall: 'PhoneCall',\r\n};\r\n","import api from '../../../api';\r\nimport { useCustomerID } from '../../data/CustomerIDStore';\r\nimport { OrderProvider } from '../../../orders/OrderProvider';\r\nimport { AddressType } from '../../../orders/AddressType';\r\nimport { PreferredContactMethod } from '../../../orders/PreferredContactMethod';\r\nimport { DeliveryMode } from '../../../orders/DeliveryMode';\r\nimport { useBagDataStore } from '../../Bag/data/BagDataStore';\r\n\r\nexport default function usePayPalOrders(deliveryMode) {\r\n\tconst { customerId, orgId } = useCustomerID();\r\n\tconst bagDataStore = useBagDataStore();\r\n\r\n\tconst hasValidLineItems = paypalOrderDetails => {\r\n\t\tconst { purchase_units } = paypalOrderDetails;\r\n\t\treturn (\r\n\t\t\tArray.isArray(purchase_units) &&\r\n\t\t\tArray.isArray(purchase_units[0].items)\r\n\t\t);\r\n\t};\r\n\r\n\tconst buildLineItems = paypalOrderDetails => {\r\n\t\tconst { purchase_units } = paypalOrderDetails;\r\n\r\n\t\tif (!hasValidLineItems(paypalOrderDetails)) {\r\n\t\t\tthrow new Error('Invalid order details');\r\n\t\t}\r\n\t\treturn purchase_units[0].items.map(item => ({\r\n\t\t\tsku: item.sku,\r\n\t\t\tamount: item.unit_amount.value,\r\n\t\t\tquantity: item.quantity,\r\n\t\t\tcurrencyCode: item.unit_amount.currency_code,\r\n\t\t}));\r\n\t};\r\n\r\n\tconst buildShippingAddress = paypalOrderDetails => {\r\n\t\tconst { purchase_units } = paypalOrderDetails;\r\n\t\tconst { shipping } = purchase_units[0];\r\n\t\treturn {\r\n\t\t\tfullName: shipping.name.full_name,\r\n\t\t\taddressType: AddressType.Shipping,\r\n\t\t\tstreetAddress1: shipping.address.address_line_1,\r\n\t\t\tstreetAddress2: shipping.address.address_line_2,\r\n\t\t\tregion: shipping.address.admin_area_1,\r\n\t\t\tlocality: shipping.address.admin_area_2,\r\n\t\t\tpostalCode: shipping.address.postal_code,\r\n\t\t\tcountryCode: shipping.address.country_code,\r\n\t\t\thomePhone: null,\r\n\t\t\tmobilePhone: null,\r\n\t\t};\r\n\t};\r\n\r\n\tconst buildAddresses = paypalOrderDetails => {\r\n\t\tif (deliveryMode !== DeliveryMode.HomeDelivery) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t\treturn [buildShippingAddress(paypalOrderDetails)];\r\n\t};\r\n\r\n\tconst buildOrderDTO = paypalOrderDetails => ({\r\n\t\torgId,\r\n\t\tcustomerId,\r\n\t\tdeliveryMode,\r\n\t\tisGift: false,\r\n\t\tdoWrap: false,\r\n\t\treferenceId: paypalOrderDetails.id,\r\n\t\temail: paypalOrderDetails.payer.email_address,\r\n\t\tlastName: paypalOrderDetails.payer.name.surname,\r\n\t\tfirstName: paypalOrderDetails.payer.name.given_name,\r\n\t\torderProvider: OrderProvider.PayPal,\r\n\t\tpreferredContactMethod: PreferredContactMethod.Email,\r\n\t\tstatus: paypalOrderDetails.status,\r\n\t\tshoppingCartGuid: bagDataStore.getShoppingCartGuid(),\r\n\t\taddresses: buildAddresses(paypalOrderDetails),\r\n\t\tlineItems: buildLineItems(paypalOrderDetails),\r\n\t});\r\n\r\n\tconst createOrders = async paypalOrderDetails => {\r\n\t\tif (!paypalOrderDetails) return;\r\n\r\n\t\tconst endpoint = `/org/${orgId}/orders`;\r\n\t\tconst orderDTO = buildOrderDTO(paypalOrderDetails);\r\n\r\n\t\tconst didSucceed = await api.post(endpoint, [orderDTO]);\r\n\t\treturn didSucceed;\r\n\t};\r\n\r\n\treturn {\r\n\t\tcreatePayPalOrders: createOrders,\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport {\r\n\tuseBooksellerAppSettings,\r\n\tappSettingsByKey,\r\n} from '../data/BooksellerPreferencesDataStore';\r\nimport { useCustomerID } from '../data/CustomerIDStore';\r\nimport { useCustomerSummaryDataStore } from '../data/CustomerSummaryDataStore';\r\nimport { useBagDataStore } from '../Bag/data/BagDataStore';\r\nimport useBagDataTotalAmount from '../Bag/data/useBagDataTotalAmount';\r\nimport useLocalizedCurrencyCode from '../Localization/useLocalizedCurrencyCode';\r\nimport { useOrganizationDataStore } from '../data/OrganizationDataStore';\r\nimport useTaxes from '../hooks/useTaxes';\r\nimport usePayPalOrders from './data/usePayPalOrders';\r\nimport useScript from 'react-script-hook';\r\nimport LoadingPage from '../UI/LoadingPage';\r\nimport { Alert } from 'antd';\r\n\r\nexport default function PayPalOrderButton({\r\n\tisShipping,\r\n\tdeliveryChoice,\r\n\torgSalesTax,\r\n\torgUseTax,\r\n\tgetOrderTotal,\r\n\tgetShippingPrice,\r\n\tgetTax,\r\n\tsetError,\r\n\tsetIsVisible,\r\n}) {\r\n\tconst bagDataStore = useBagDataStore();\r\n\tconst bagDataTotalAmount = useBagDataTotalAmount();\r\n\r\n\tconst titles = bagDataStore.getTitles();\r\n\tconst { amountsBySku, getFixedTotal } = bagDataTotalAmount;\r\n\r\n\tconst booksellerAppSettings = useBooksellerAppSettings();\r\n\tconst { emailAddress } = useCustomerID();\r\n\tconst { getFirstName, getLastName } = useCustomerSummaryDataStore();\r\n\r\n\tconst { getCultureAndCurrencyCodes } = useLocalizedCurrencyCode();\r\n\tconst { currency } = getCultureAndCurrencyCodes();\r\n\r\n\tconst {\r\n\t\tstate: orgDataStoreState,\r\n\t\tgetOrgName,\r\n\t\tgetOrgCountry,\r\n\t} = useOrganizationDataStore();\r\n\tconst { state: stateAbbreviation } = orgDataStoreState.organization;\r\n\r\n\tconst { getLocationTaxRate } = useTaxes();\r\n\tconst { createPayPalOrders } = usePayPalOrders(deliveryChoice);\r\n\r\n\tconst paypalApiKey = process.env.REACT_APP_PAYPAL_API_KEY;\r\n\tconst [isLoading, isError] = useScript({\r\n\t\tsrc: `https://www.paypal.com/sdk/js?client-id=${paypalApiKey}¤cy=${currency}`,\r\n\t});\r\n\tif (isLoading) return \r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t 0) {\r\n\t\t\t\t\t\t\treturn actions.order.patch([\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\top: 'replace',\r\n\t\t\t\t\t\t\t\t\tpath:\r\n\t\t\t\t\t\t\t\t\t\t\"/purchase_units/@reference_id=='default'/amount\",\r\n\t\t\t\t\t\t\t\t\tvalue: getAmount(taxRate),\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t]);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\treturn actions.resolve();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t \r\n\t\t
\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport BagOrderTitleSummaries from '../Bag/UI/BagOrderTitleSummaries';\r\nimport { useBagDataStore } from '../Bag/data/BagDataStore';\r\nimport useBagDataTotalAmount from '../Bag/data/useBagDataTotalAmount';\r\nimport { useOrganizationDataStore } from '../data/OrganizationDataStore';\r\nimport { Modal, Result, Form, Radio } from 'antd';\r\nimport OrderLaneContainer from './UI/OrderLaneContainer';\r\nimport './orderPage.css';\r\nimport LocalizedPrice from '../Localization/LocalizedPrice';\r\nimport { DeliveryMode } from '../../orders/DeliveryMode';\r\nimport OrderTotalBreakdown from './OrderTotalBreakdown';\r\nimport PayPalOrderButton from './PayPalOrderButton';\r\nimport useTaxes from '../hooks/useTaxes';\r\nimport withIsMobile from '../hoc/withIsMobile';\r\nimport { PropTypes } from 'prop-types';\r\nimport { Translate } from 'react-localize-redux';\r\n\r\nOrderPage.propTypes = {\r\n\tisMobile: PropTypes.func,\r\n};\r\n\r\nfunction OrderPage({ isMobile }) {\r\n\tconst bagDataStore = useBagDataStore();\r\n\tconst bagDataTotalAmount = useBagDataTotalAmount();\r\n\tconst { getFixedTotal } = bagDataTotalAmount;\r\n\r\n\tconst {\r\n\t\tstate: orgDataStoreState,\r\n\t\tgetOrgCountry,\r\n\t\tgetOrgShippingMethods,\r\n\t} = useOrganizationDataStore();\r\n\tconst { zip, city, state: stateProvince } = orgDataStoreState.organization;\r\n\r\n\tconst { getLocationTaxRate } = useTaxes();\r\n\tconst [orgTaxRate, setOrgTaxRate] = React.useState(null);\r\n\tconst { salesTax: orgSalesTax, useTax: orgUseTax } = orgTaxRate || {\r\n\t\tsalesTax: null,\r\n\t\tuseTax: null,\r\n\t};\r\n\r\n\tconst shippingMethods = getOrgShippingMethods();\r\n\tconst hasShippingMethods = shippingMethods && shippingMethods.length > 0;\r\n\r\n\tconst history = useHistory();\r\n\r\n\tconst [isVisible, setIsVisible] = React.useState(false);\r\n\tconst [error, setError] = React.useState({});\r\n\r\n\tconst firstShippingMethod = hasShippingMethods ? shippingMethods[0].id : -1;\r\n\tconst [shippingMethod, setShippingMethod] = React.useState(\r\n\t\tfirstShippingMethod,\r\n\t);\r\n\r\n\tconst defaultDeliveryChoice = hasShippingMethods\r\n\t\t? DeliveryMode.HomeDelivery\r\n\t\t: DeliveryMode.Pickup;\r\n\r\n\tconst [deliveryChoice, setDeliveryChoice] = React.useState(\r\n\t\tdefaultDeliveryChoice,\r\n\t);\r\n\r\n\tReact.useEffect(() => {\r\n\t\tgetLocationTaxRate({ postalCode: zip, city, stateProvince }).then(\r\n\t\t\tres => {\r\n\t\t\t\tsetOrgTaxRate(\r\n\t\t\t\t\tres || {\r\n\t\t\t\t\t\tsalesTax: null,\r\n\t\t\t\t\t\tuseTax: null,\r\n\t\t\t\t\t},\r\n\t\t\t\t);\r\n\t\t\t},\r\n\t\t);\r\n\t\t// eslint-disable-next-line\r\n\t}, []);\r\n\r\n\tconst getShippingPrice = shipping => {\r\n\t\tlet price = 0;\r\n\t\tconst anyItemType = 0;\r\n\t\tif (isShipping()) {\r\n\t\t\tconst shippingItemFee =\r\n\t\t\t\tshipping.shippingItemFees &&\r\n\t\t\t\tshipping.shippingItemFees.find(\r\n\t\t\t\t\tfee => fee.itemType === anyItemType,\r\n\t\t\t\t);\r\n\r\n\t\t\tif (typeof shippingItemFee === 'undefined') {\r\n\t\t\t\tprice = shipping.price;\r\n\t\t\t} else {\r\n\t\t\t\tvar items = bagDataStore.getTitles();\r\n\t\t\t\tvar itemCount = items.reduce(function(total, item) {\r\n\t\t\t\t\treturn total + item.quantity;\r\n\t\t\t\t}, 0);\r\n\t\t\t\tprice =\r\n\t\t\t\t\tshipping.price + itemCount * shippingItemFee.shippingFee;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn Number(price.toFixed(2));\r\n\t};\r\n\r\n\tconst getSelectedShippingPrice = () => {\r\n\t\tconst shipping = shippingMethods.find(sm => sm.id === shippingMethod);\r\n\r\n\t\treturn getShippingPrice(shipping);\r\n\t};\r\n\r\n\tconst isShipping = () => {\r\n\t\treturn deliveryChoice === DeliveryMode.HomeDelivery;\r\n\t};\r\n\r\n\tconst onChangeDelivery = e => {\r\n\t\tsetDeliveryChoice(e.target.value);\r\n\t};\r\n\r\n\tconst renderDeliveryOrPickupRadios = () => {\r\n\t\tconst radioStyle = {\r\n\t\t\tdisplay: 'block',\r\n\t\t\theight: '30px',\r\n\t\t\tlineHeight: '30px',\r\n\t\t};\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t{hasShippingMethods && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tconst onChangeShipping = e => {\r\n\t\tsetShippingMethod(e.target.value);\r\n\t};\r\n\r\n\tconst renderShippingMethodRadio = () => {\r\n\t\tif (!isShipping()) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst radioStyle = {\r\n\t\t\tdisplay: 'block',\r\n\t\t\theight: '30px',\r\n\t\t\tlineHeight: '30px',\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{shippingMethods.map(so => (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{so.name} -{' '}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t))}\r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tconst onModalOk = () => {\r\n\t\tsetIsVisible(false);\r\n\t\thistory.push('/explore');\r\n\t};\r\n\r\n\tconst getTax = taxRate => {\r\n\t\tif (!taxRate) {\r\n\t\t\ttaxRate = orgSalesTax;\r\n\t\t}\r\n\t\tif (!taxRate || !taxRate.totalRate) {\r\n\t\t\treturn 0.0;\r\n\t\t}\r\n\t\tconst orderTotal = Number(getFixedTotal());\r\n\t\tlet taxCost = orderTotal * taxRate.totalRate;\r\n\r\n\t\tif (taxRate.isFreightTaxable) {\r\n\t\t\tconst shippingPrice = getSelectedShippingPrice();\r\n\t\t\ttaxCost += shippingPrice * taxRate.totalRate;\r\n\t\t}\r\n\r\n\t\treturn Number(taxCost.toFixed(2));\r\n\t};\r\n\r\n\tconst getOrderTotal = taxRate => {\r\n\t\tlet orderTotal = Number(getFixedTotal());\r\n\r\n\t\tconst shippingPrice = getSelectedShippingPrice();\r\n\t\torderTotal += shippingPrice;\r\n\r\n\t\tconst tax = getTax(taxRate);\r\n\t\torderTotal += tax;\r\n\r\n\t\treturn orderTotal.toFixed(2);\r\n\t};\r\n\r\n\tconst renderCompletePaypalOrder = () => {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t \r\n\t\t\t
\r\n\t);\r\n}\r\n\r\nexport default withIsMobile(OrderPage);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport LoadingPage from '../UI/LoadingPage';\r\nimport { useAuth } from './AuthProvider';\r\nimport { useCustomerID } from '../data/CustomerIDStore';\r\nimport { useBooksellerLogoDataStore } from '../data/BooksellerLogoStore';\r\nimport { useOrganizationDataStore } from '../data/OrganizationDataStore';\r\nimport { useCustomerSummaryDataStore } from '../data/CustomerSummaryDataStore';\r\nimport {\r\n\tuseBooksellerPreferencesDataStore,\r\n\tappSettingsByKey,\r\n} from '../data/BooksellerPreferencesDataStore';\r\n\r\nLogin.propTypes = {\r\n\tgoToSignUp: PropTypes.bool,\r\n};\r\n\r\nLogin.defaultProps = {\r\n\tgoToSignUp: false,\r\n};\r\n\r\nfunction Login({ returnUri, goToSignUp }) {\r\n\tconst { orgId } = useCustomerID();\r\n\tconst { loginWithRedirect } = useAuth();\r\n\r\n\tconst { getOrgName } = useOrganizationDataStore();\r\n\tconst { getEmailAddress } = useCustomerSummaryDataStore();\r\n\r\n\tconst { getLogoUri } = useBooksellerLogoDataStore();\r\n\tconst { getAppSettingAtKey } = useBooksellerPreferencesDataStore();\r\n\r\n\tReact.useEffect(() => {\r\n\t\tconst customer = {\r\n\t\t\temail: getEmailAddress(),\r\n\t\t};\r\n\r\n\t\tconst tenant = {\r\n\t\t\torgId,\r\n\t\t\tname: getOrgName(),\r\n\t\t\tlogoImage: getLogoUri(),\r\n\t\t\tbackgroundImage: getAppSettingAtKey(\r\n\t\t\t\tappSettingsByKey.loginPageImage,\r\n\t\t\t),\r\n\t\t};\r\n\r\n\t\tloginWithRedirect({\r\n\t\t\tacr_values: 'tenant:' + tenant.orgId,\r\n\t\t\tlogin_hint: customer.email,\r\n\t\t\tstate: {\r\n\t\t\t\torgId: tenant.orgId,\r\n\t\t\t\treturnUri: returnUri || '/',\r\n\t\t\t},\r\n\t\t\textraQueryParams: {\r\n\t\t\t\ttenant: btoa(JSON.stringify(tenant)),\r\n\t\t\t\tsignup: goToSignUp,\r\n\t\t\t},\r\n\t\t});\r\n\t});\r\n\r\n\treturn \r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\trenderPurchaseDetailUI() {\r\n\t\tconst { transactionsDataStore, rating, posData, uri } = this.props;\r\n\t\tconst isMobile = this.props.isMobile();\r\n\t\tconst author =\r\n\t\t\tposData.author &&\r\n\t\t\tgetAuthorDisplayNameAndInitials(posData.author).displayName;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
{' '}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{transactionsDataStore &&\r\n\t\t\t\t\t\ttransactionsDataStore.includes(posData.sku) && (\r\n\t\t\t\t\t\t\t{posData.title}
\r\n\t\t\t\t\t\t{author && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{transactionsDataStore.countTransactions(\r\n\t\t\t\t\t\t\t\t\tposData.sku,\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t{rating ? (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{purchases.length &&\r\n\t\t\t\t\tpurchases.map((purchase, index) => {\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\tpurchasePosData[purchase.sku] && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tthis.setState({ isVisible: true })\r\n\t\t\t\t\t\t\t\t}>\r\n\t\t\t\t\t\t\t\t{this.props.children}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{this.renderRegistrationModal()}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t
\r\n\t) : (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t
\r\n\t);\r\n}\r\n\r\nexport default withIsMobile(AuthAnchor);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Avatar } from 'antd';\r\n\r\nCustomerAvatar.propTypes = {\r\n\tsize: PropTypes.number,\r\n};\r\n\r\nexport default function CustomerAvatar({ size }) {\r\n\treturn \r\n\t\t\t\t\t{!isMobile() &&
\r\n\t\t\t\r\n\t\t{getFullName()}
\r\n\t\t\t\t{getEmailAddress()}
\r\n\t\t\t\t{isMobile() && \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{rating && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t{review.review}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{reviewSkus.map((sku, index) => (\r\n\t\t\t\t\t\r\n\t\t\t{label}\r\n\t\t\t
\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport MyPurchasesDrawerAnchor from './Purchases/MyPurchasesDrawerAnchor';\r\nimport { connectToTransactions } from '../data/TransactionsDataStore';\r\nimport CustomerHeader from './UI/CustomerHeader';\r\nimport RewardsProgress from '../Rewards/RewardsProgress';\r\nimport { withIsDemoBookstore } from '../data/CustomerIDStore.js';\r\nimport combineConnectors from '../data/combineConnectors';\r\nimport MyReviewsDrawerAnchor from './Reviews/MyReviewsDrawerAnchor';\r\nimport MyOrderPerferencesDrawerAnchor from './OrderPerferences/MyOrderPerferencesDrawerAnchor';\r\nimport { Collapse, Icon, Tooltip } from 'antd';\r\nimport AuthorFavoritesLane from '../CustomerFavorites/AuthorFavorites/AuthorFavoritesLane';\r\nimport TitleFavoritesLane from '../CustomerFavorites/TitleFavorites/TitleFavoritesLane';\r\nimport SeriesFavoritesLane from '../CustomerFavorites/SeriesFavorites/SeriesFavoritesLane';\r\nimport ShelfFavoritesLane from '../CustomerFavorites/ShelfFavorites/ShelfFavoritesLane';\r\nimport CustomerFavoritesDataStore from '../CustomerFavorites/data/CustomerFavoritesDataStore';\r\nimport CustomerFavoritesService from '../CustomerFavorites/CustomerFavoritesService';\r\nimport withIsMobile from '../hoc/withIsMobile';\r\nimport AuthAnchor from './Auth/AuthAnchor';\r\nimport AccountAnchor from './UI/AccountAnchor';\r\nimport { connectToRatingsAndReviews } from '../data/RatingsAndReviewsDataStore';\r\nimport { connectToSellerPreferences } from '../data/BooksellerPreferencesDataStore';\r\nimport { Translate } from 'react-localize-redux';\r\nimport WishlistSkusDataStore from '../Wishlist/data/WishlistSkusDataStore';\r\nimport './accountPage.less';\r\n\r\nconst { Panel } = Collapse;\r\n\r\nclass AccountPage extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tisMobile: PropTypes.func,\r\n\t\tpurchases: PropTypes.arrayOf(PropTypes.object),\r\n\t\treviews: PropTypes.object,\r\n\t\tisDemoBookstore: PropTypes.bool,\r\n\t\tpreferencesDataStore: PropTypes.object,\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tpurchases,\r\n\t\t\tisDemoBookstore,\r\n\t\t\treviews,\r\n\t\t\tpreferencesDataStore,\r\n\t\t} = this.props;\r\n\t\tconst isMobile = this.props.isMobile();\r\n\t\tconst gradient = preferencesDataStore.getGradient();\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{count}\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{isDemoBookstore ? (\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{!isMobile && \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t{isDemoBookstore && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t{isMobile && (\r\n\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tkey=\"1\"\r\n\t\t\t\t\t\t\t\t\t\tstyle={{ marginBottom: '20px' }}>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { useBagDataStore } from '../data/BagDataStore';\r\nimport { Button } from 'antd';\r\nimport withIsMobile from '../../hoc/withIsMobile';\r\nimport './bagAnchor.css';\r\nimport { useBooksellerPreferencesDataStore } from '../../data/BooksellerPreferencesDataStore';\r\nimport { Translate } from 'react-localize-redux';\r\n\r\nBagAnchor.propTypes = {\r\n\tisMobile: PropTypes.func,\r\n};\r\n\r\nfunction BagAnchor({ isMobile }) {\r\n\tconst history = useHistory();\r\n\tconst bagDataStore = useBagDataStore();\r\n\tconst isLoading = bagDataStore.isLoading();\r\n\tconst totalCount = bagDataStore.getTitles().length;\r\n\tconst { getAppSettings } = useBooksellerPreferencesDataStore();\r\n\tconst { headerColor } = getAppSettings();\r\n\r\n\tconst getCountDisplay = () => {\r\n\t\tif (isLoading) return '-';\r\n\t\treturn totalCount;\r\n\t};\r\n\r\n\tconst goToCheckout = () => {\r\n\t\thistory.push('/order');\r\n\t};\r\n\r\n\tconst renderForMobile = () => {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t);\r\n\t};\r\n\r\n\tconst renderForDesktop = () => {\r\n\t\tconst bagLabel = \r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tif (isMobile()) {\r\n\t\treturn renderForMobile();\r\n\t}\r\n\treturn renderForDesktop();\r\n}\r\n\r\nexport default withIsMobile(BagAnchor, 915);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport useActiveRoute from '../hooks/useActiveRoute';\r\n\r\nNavigationAnchorRoot.propTypes = {\r\n\tonClick: PropTypes.func,\r\n\troutes: PropTypes.arrayOf(PropTypes.string),\r\n\talsoMatches: PropTypes.arrayOf(PropTypes.object), // array of RegExp\r\n\tchildren: PropTypes.oneOfType([\r\n\t\tPropTypes.element,\r\n\t\tPropTypes.arrayOf(PropTypes.element),\r\n\t]),\r\n};\r\n\r\nNavigationAnchorRoot.defaultProps = {\r\n\talsoMatches: [],\r\n};\r\n\r\nexport default function NavigationAnchorRoot({\r\n\troutes,\r\n\tchildren,\r\n\tonClick,\r\n\talsoMatches,\r\n}) {\r\n\tconst { isAnyRouteActive, isAnyMatchActive } = useActiveRoute(\r\n\t\troutes,\r\n\t\talsoMatches,\r\n\t);\r\n\r\n\tconst activeName = 'nav-anchor-active';\r\n\r\n\tconst isNavAnchorActive = () => {\r\n\t\treturn isAnyRouteActive() || isAnyMatchActive();\r\n\t};\r\n\r\n\tconst baseName = 'footer-navigation-anchor column';\r\n\tconst isActive = isNavAnchorActive();\r\n\r\n\tconst className = isActive ? `${baseName} ${activeName}` : baseName;\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t{children}\r\n\t\t
\r\n\t);\r\n}\r\n","import { useLocation } from 'react-router-dom';\r\n\r\nexport default function useActiveRoute(routesToCheck = [], alsoMatches = []) {\r\n\tconst { pathname } = useLocation();\r\n\r\n\tconst isAnyMatchActive = () => {\r\n\t\tfor (let i = 0; i < alsoMatches.length; i++) {\r\n\t\t\tif (alsoMatches[i].test(pathname)) {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn false;\r\n\t};\r\n\r\n\tconst isAnyRouteActive = () => {\r\n\t\tconst predicate = r => pathname.indexOf(r) > -1;\r\n\t\tconst activeRoutes = routesToCheck.filter(predicate);\r\n\t\treturn activeRoutes.length > 0;\r\n\t};\r\n\r\n\treturn {\r\n\t\tisAnyRouteActive,\r\n\t\tisAnyMatchActive,\r\n\t\tisActive: route => pathname === route,\r\n\t};\r\n}\r\n","export default __webpack_public_path__ + \"static/media/stacked_books.be78b2ab.png\";","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Modal, Button } from 'antd';\r\nimport { useBooksellerContentDataStore } from '../data/BooksellerContentDataStore';\r\nimport { Translate, withLocalize } from 'react-localize-redux';\r\nimport { Link, useLocation } from 'react-router-dom';\r\nimport { paths } from '../../paths';\r\nimport stackedBooksImage from '../../assets/images/stacked_books.png';\r\nimport './signUpModal.less';\r\n\r\nSignUpModal.propTypes = {\r\n\tdoRenderLearnMoreButton: PropTypes.bool,\r\n\tisVisibleAtRender: PropTypes.bool,\r\n\ttranslate: PropTypes.func,\r\n};\r\n\r\nSignUpModal.defaultProps = {\r\n\tdoRenderLearnMoreButton: true,\r\n\tisVisibleAtRender: true,\r\n};\r\n\r\nfunction SignUpModal({\r\n\tdoRenderLearnMoreButton,\r\n\tisVisibleAtRender,\r\n\ttranslate,\r\n}) {\r\n\tconst { state } = useBooksellerContentDataStore();\r\n\tconst { retailerMessageBody } = state.customerApp;\r\n\tconst location = useLocation();\r\n\tconst isAuthPage = paths.isAuthPage(location.pathname);\r\n\tconst [isVisible, setIsVisible] = React.useState(\r\n\t\tisVisibleAtRender && !isAuthPage && !retailerMessageBody.length > 0,\r\n\t);\r\n\tconst benefitsListItems = [\r\n\t\t{ translationId: 'create_a_wishlist' },\r\n\t\t{ translationId: 'add_to_your_favorites_collection' },\r\n\t\t{ translationId: 'get_better_title_recommendations' },\r\n\t\t{ translationId: 'view_your_reviews_and_past_purchases' },\r\n\t\t{ translationId: 'save_your_order_preferences_for_next_time' },\r\n\t];\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{doRenderLearnMoreButton && (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport default withLocalize(SignUpModal);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Button, Popover } from 'antd';\r\nimport { Link, useLocation } from 'react-router-dom';\r\nimport { paths } from '../../paths';\r\nimport { Translate } from 'react-localize-redux';\r\nimport SignUpModal from '../UI/SignUpModal';\r\nimport { useBooksellerContentDataStore } from '../data/BooksellerContentDataStore';\r\nimport { useWithIsMobile } from '../hoc/withIsMobile';\r\nimport './signUpPopover.less';\r\n\r\nSignUpPopover.propTypes = {\r\n\tchildren: PropTypes.object,\r\n};\r\n\r\nfunction SignUpPopover({ children }) {\r\n\tconst { isMobile } = useWithIsMobile();\r\n\tconst { state } = useBooksellerContentDataStore();\r\n\tconst { retailerMessageBody } = state.customerApp;\r\n\tconst location = useLocation();\r\n\tconst isAuthPage = paths.isAuthPage(location.pathname);\r\n\tconst [isVisible, setIsVisible] = React.useState(\r\n\t\t!isAuthPage && retailerMessageBody.length > 0,\r\n\t);\r\n\r\n\tconst content = (\r\n\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t- \r\n\t\t\t\t\t\t{benefitsListItems.map((item, idx) => (\r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t setIsVisible(false)}\r\n\t\t\t\tclassName=\"close-button\"\r\n\t\t\t\tshape=\"circle\">\r\n\t\t\t\tX\r\n\t\t\t\r\n\t\t\t
\r\n\t);\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t
\r\n\t\t\t setIsVisible(false)}>\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t setIsVisible(true)}>{children}
\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport default SignUpPopover;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport NavigationAnchorRoot from './NavigationAnchorRoot';\r\nimport { paths } from '../../paths';\r\nimport SignUpPopover from './SignUpPopover';\r\nimport SignUpModal from '../UI/SignUpModal';\r\nimport {\r\n\tappSettingsByKey,\r\n\tuseBooksellerPreferencesDataStore,\r\n} from '../data/BooksellerPreferencesDataStore';\r\n\r\nNavigationAnchor.propTypes = {\r\n\ticon: PropTypes.string,\r\n\tlabel: PropTypes.object,\r\n\tlinkTo: PropTypes.string,\r\n\talsoMatches: PropTypes.arrayOf(PropTypes.object), // array of RegExp\r\n};\r\n\r\nNavigationAnchor.defaultProps = {\r\n\talsoMatches: [],\r\n};\r\n\r\nexport default function NavigationAnchor({ icon, label, linkTo, alsoMatches }) {\r\n\tconst { getAppSettingAtKey } = useBooksellerPreferencesDataStore();\r\n\tconst doShowBookstoreLoyaltyPopup = getAppSettingAtKey(\r\n\t\tappSettingsByKey.doShowBookstoreLoyaltyPopup,\r\n\t);\r\n\r\n\tconst renderNavigationLink = () => (\r\n\t\t\r\n\t\t\t\r\n\t\t\t{label}
\r\n\t\t\r\n\t);\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{getOrgName()}\r\n\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport default withIsMobile(OverlapHeaderLayout);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { HeaderLayout } from '../Navigation/HeaderLayout';\r\nimport { LogoShape } from '../UI/BooksellerLogo/LogoShape';\r\nimport { useBooksellerLogoDataStore } from '../data/BooksellerLogoStore';\r\nimport { useBooksellerAppSettings } from '../data/BooksellerPreferencesDataStore';\r\nimport withIsMobile from '../hoc/withIsMobile';\r\n\r\nHeaderMargin.propTypes = {\r\n\tisMobile: PropTypes.func,\r\n\tisPreviewModeBannerVisible: PropTypes.bool,\r\n};\r\n\r\nfunction HeaderMargin({ isMobile, isPreviewModeBannerVisible }) {\r\n\tconst { getLogoShape } = useBooksellerLogoDataStore();\r\n\tconst { headerLayout } = useBooksellerAppSettings();\r\n\r\n\tconst findMarginTop = () => {\r\n\t\tif (headerLayout === HeaderLayout.classic && !isMobile()) {\r\n\t\t\tswitch (getLogoShape()) {\r\n\t\t\t\tcase LogoShape.square:\r\n\t\t\t\t\treturn isPreviewModeBannerVisible ? 205 : 125;\r\n\t\t\t\tcase LogoShape.portrait:\r\n\t\t\t\t\treturn isPreviewModeBannerVisible ? 230 : 150;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\treturn isPreviewModeBannerVisible ? 154 : 75;\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn isPreviewModeBannerVisible ? 154 : 75;\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t{ReactHtmlParser(retailerMessageBody)}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport withIsMobile from '../hoc/withIsMobile';\r\nimport { connectToCustomerID } from '../data/CustomerIDStore';\r\nimport PreviewModeAlert from '../UI/PreviewModeAlert';\r\nimport { connectToSellerPreferences } from '../data/BooksellerPreferencesDataStore';\r\nimport BagAnchor from '../Bag/UI/BagAnchor';\r\nimport combineConnectors from '../data/combineConnectors';\r\nimport { withIsUnknownCustomer } from '../data/CustomerIDStore';\r\nimport NavigationAnchor from './NavigationAnchor';\r\nimport NavigationItems from './NavigationItems';\r\nimport { HeaderLayout } from './HeaderLayout';\r\nimport { LogoShape } from '../UI/BooksellerLogo/LogoShape';\r\nimport { connectToLogo } from '../data/BooksellerLogoStore';\r\nimport ClassicHeaderLayout from './ClassicHeaderLayout';\r\nimport OverlapHeaderLayout from './OverlapHeaderLayout';\r\nimport HeaderMargin from './HeaderMargin';\r\nimport RetailerMessage from '../UI/RetailerMessage';\r\nimport { connectToSellerContent } from '../data/BooksellerContentDataStore';\r\nimport classNames from 'classnames';\r\nimport './landingHeader.less';\r\n\r\nclass LandingHeader extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tisMobile: PropTypes.func,\r\n\t\tisUnknownCustomer: PropTypes.bool,\r\n\t\tisPreviewMode: PropTypes.bool,\r\n\t\tchildren: PropTypes.object,\r\n\t\tappSettings: PropTypes.shape({\r\n\t\t\tdoIncludeCommerce: PropTypes.bool,\r\n\t\t\theaderLayout: PropTypes.string,\r\n\t\t\theaderColor: PropTypes.string,\r\n\t\t}),\r\n\t\tlogoShape: PropTypes.string,\r\n\t\tdoShowRetailerBrandLogo: PropTypes.bool,\r\n\t\tbooksellerContentStore: PropTypes.object,\r\n\t};\r\n\r\n\tstatic defaultProps = {\r\n\t\tdoShowRetailerBrandLogo: true,\r\n\t};\r\n\r\n\tstate = { didClosePreviewModeAlert: false };\r\n\r\n\trender() {\r\n\t\tconst isMobile = this.props.isMobile();\r\n\t\tconst { HomeNav, ShelvesNav } = NavigationItems;\r\n\t\tconst {\r\n\t\t\tappSettings,\r\n\t\t\tdoShowRetailerBrandLogo,\r\n\t\t\tchildren,\r\n\t\t\tbooksellerContentStore: content,\r\n\t\t} = this.props;\r\n\t\tconst { headerLayout } = appSettings;\r\n\t\tconst isClassicHeader = headerLayout === HeaderLayout.classic;\r\n\t\tconst { retailerMessageBody } = content.state.customerApp;\r\n\t\tconst hasMessageBody = retailerMessageBody.length > 0;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{!isMobile && (\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t{appSettings.doIncludeCommerce &&\r\n\t\t\t\t\t\tisMobile &&\r\n\t\t\t\t\t\tthis.renderBagAnchor()}\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{!isClassicHeader && hasMessageBody && (\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t{isClassicHeader && doShowRetailerBrandLogo && (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\tshouldShowAlert() {\r\n\t\treturn this.props.isPreviewMode && !this.state.didClosePreviewModeAlert;\r\n\t}\r\n\r\n\tonCloseAlert = () => {\r\n\t\tthis.setState({ didClosePreviewModeAlert: true });\r\n\t};\r\n\r\n\trenderPreviewModeAlert = () => {\r\n\t\treturn \r\n\t\t\t\t{isClassicHeader && hasMessageBody &&
\r\n\t\t);\r\n\t}\r\n\r\n\tgetHeaderHeight() {\r\n\t\tconst { headerLayout } = this.props.appSettings;\r\n\t\tconst { logoShape, isMobile } = this.props;\r\n\t\tif (headerLayout === HeaderLayout.classic && !isMobile()) {\r\n\t\t\tswitch (logoShape) {\r\n\t\t\t\tcase LogoShape.square:\r\n\t\t\t\t\treturn '125px';\r\n\t\t\t\tcase LogoShape.portrait:\r\n\t\t\t\t\treturn '150px';\r\n\t\t\t\tdefault:\r\n\t\t\t\t\treturn 'auto';\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn 'auto';\r\n\t}\r\n\r\n\tgetJustifyContentValue() {\r\n\t\tconst { headerLayout } = this.props.appSettings;\r\n\t\tconst isMobile = this.props.isMobile();\r\n\t\treturn isMobile\r\n\t\t\t? 'center'\r\n\t\t\t: headerLayout === HeaderLayout.classic\r\n\t\t\t? 'space-between'\r\n\t\t\t: 'flex-end';\r\n\t}\r\n}\r\n\r\nfunction HeaderContainer({ children }) {\r\n\treturn (\r\n\t\t{this.renderBagAnchor()}
\r\n\t\t\t\t)}\r\n\t\t\t\t{this.renderNavItem(isUnknownCustomer ? SignUpNav : AccountNav)}\r\n\t\t\t\r\n\t\t\t
\r\n\t);\r\n}\r\n\r\nconst withIsPreviewMode = Component => {\r\n\treturn connectToCustomerID(Component, customerState => ({\r\n\t\tisPreviewMode: customerState.isPreviewMode,\r\n\t}));\r\n};\r\n\r\nconst withAppSettings = Component => {\r\n\treturn connectToSellerPreferences(Component, preferences => ({\r\n\t\tappSettings: preferences.getAppSettings(),\r\n\t}));\r\n};\r\n\r\nconst withLogoShape = Component => {\r\n\treturn connectToLogo(Component, logoStore => ({\r\n\t\tlogoShape: logoStore.state.logoShape,\r\n\t}));\r\n};\r\n\r\nconst connect = combineConnectors([\r\n\twithLogoShape,\r\n\twithAppSettings,\r\n\twithIsPreviewMode,\r\n\twithIsUnknownCustomer,\r\n\tconnectToSellerContent,\r\n]);\r\n\r\nexport default connect(withIsMobile(LandingHeader, 915));\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withIsUnknownCustomer } from '../data/CustomerIDStore';\r\nimport { connectToSellerPreferences } from '../data/BooksellerPreferencesDataStore';\r\nimport combineConnectors from '../data/combineConnectors';\r\nimport NavigationAnchor from './NavigationAnchor';\r\nimport NavigationItems from './NavigationItems';\r\nimport RetailerMessage from '../UI/RetailerMessage';\r\nimport { connectToSellerContent } from '../data/BooksellerContentDataStore';\r\nimport './landingFooter.css';\r\n\r\nclass LandingFooter extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tisMobile: PropTypes.func,\r\n\t\tisUnknownCustomer: PropTypes.bool,\r\n\t\theaderColor: PropTypes.string,\r\n\t\tdoShowBrowseShelvesPage: PropTypes.bool,\r\n\t\tbooksellerContentStore: PropTypes.object,\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\theaderColor,\r\n\t\t\tisUnknownCustomer,\r\n\t\t\tdoShowBrowseShelvesPage,\r\n\t\t\tbooksellerContentStore: content,\r\n\t\t} = this.props;\r\n\r\n\t\tconst { HomeNav, ShelvesNav, SignUpNav, AccountNav } = NavigationItems;\r\n\r\n\t\tconst { retailerMessageBody } = content.state.customerApp;\r\n\t\tconst hasMessageBody = retailerMessageBody.length > 0;\r\n\r\n\t\treturn (\r\n\t\t\t{children}
\r\n\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\trenderNavItem(navItem) {\r\n\t\treturn \r\n\t\t\t\t\t{hasMessageBody &&
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tconst renderCampaignEmailPreview = () => {\r\n\t\tif (!campaignHtml) {\r\n\t\t\treturn No Preview Available;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t{capitalize(campaign.subject)}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tconst doShowRetailerLogo = () => {\r\n\t\treturn headerLayout === HeaderLayout.overlap;\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t{isLoading || isLoadingCampaign ? (\r\n\t\t\t\t\t
\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport default withIsMobile(CampaignEmailPreviewPage);\r\n","import React from 'react';\r\nimport api from '../../../api';\r\nimport { useCustomerID } from '../../data/CustomerIDStore';\r\n\r\nexport default function useCampaign(campaignId) {\r\n\tconst { orgId } = useCustomerID();\r\n\r\n\tconst [campaign, setCampaign] = React.useState({});\r\n\tconst [isLoading, setIsLoading] = React.useState(true);\r\n\tconst [error, setError] = React.useState({ exists: false, body: null });\r\n\r\n\tReact.useEffect(() => {\r\n\t\tlet request;\r\n\t\tconst endpoint = `/orgs/${orgId}/campaign/${campaignId}`;\r\n\r\n\t\tconst fetchCampaign = async () => {\r\n\t\t\ttry {\r\n\t\t\t\trequest = api.cancelableGet(endpoint);\r\n\t\t\t\tconst c = await request.promise;\r\n\r\n\t\t\t\tif (c) {\r\n\t\t\t\t\tsetCampaign(c);\r\n\t\t\t\t\tsetIsLoading(false);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthrow new Error(\r\n\t\t\t\t\t\t`Failed to match CampaignId ${campaignId} to a campaign`,\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t} catch (err) {\r\n\t\t\t\tsetError({ exists: true, body: err });\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tfetchCampaign();\r\n\r\n\t\treturn () => {\r\n\t\t\tapi.revoke(request);\r\n\t\t};\r\n\t}, [orgId, campaignId]);\r\n\r\n\treturn {\r\n\t\tcampaign,\r\n\t\thasError: error.exists,\r\n\t\tisLoadingCampaign: isLoading,\r\n\t};\r\n}\r\n","import { Button, Form, Input, Alert } from 'antd';\r\nimport React from 'react';\r\nimport { e360Api } from '../../../api';\r\nimport './subscribeForm.less';\r\nimport { FormComponentProps } from 'antd/es/form';\r\nimport { useOrganizationDataStore } from '../../data/OrganizationDataStore';\r\nimport { withLocalize, LocalizeContextProps } from 'react-localize-redux';\r\n\r\ntype CustomerType = {\r\n\t[key: string]: string;\r\n};\r\n\r\ntype AlertType = {\r\n\tisSuccessful: boolean;\r\n\tmessage?: string;\r\n};\r\n\r\ninterface ISubscribeFormProps\r\n\textends FormComponentProps,\r\n\t\tLocalizeContextProps {}\r\n\r\nconst SubscribeForm = ({ form, translate }: ISubscribeFormProps) => {\r\n\tconst isFormTouched = form.isFieldsTouched();\r\n\tconst { getFieldDecorator } = form;\r\n\tconst [alert, setAlert] = React.useState\r\n\t\t\t\r\n\t\t\t\t\t)\r\n\t\t\t\t}>\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default SubscribePage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Route, Switch, Redirect, withRouter } from 'react-router-dom';\r\nimport CollectionLanding from './Collection/CollectionLanding';\r\nimport UnsubscribePageRoot from './Unsubscribe/UnsubscribePageRoot';\r\nimport BrowseShelvesPage from './BrowseShelves/BrowseShelvesPage';\r\nimport HomePageRoot from './Home/HomePageRoot';\r\nimport SectionHome from './Section/SectionHome';\r\nimport RewardsPage from './Rewards/RewardsPage';\r\nimport WishlistCollectionPage from './Wishlist/WishlistCollectionPage';\r\nimport { connectToSellerPreferences } from './data/BooksellerPreferencesDataStore';\r\nimport { withIsUnknownCustomer } from './data/CustomerIDStore';\r\nimport combineConnectors from './data/combineConnectors';\r\nimport OrderPage from './Order/OrderPage';\r\nimport Login from './Auth/Login';\r\nimport Logout from './Auth/Logout';\r\nimport AccountPage from './CustomerAccount/AccountPage';\r\nimport CampaignEmailPreviewPage from './Campaign/CampaignEmailPreviewPage';\r\nimport Page from './Navigation/Page';\r\nimport { paths } from '../paths';\r\nimport SubscribePage from './Subscribe/SubscribePage';\r\n\r\nclass AppSwitch extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tmatch: PropTypes.object,\r\n\t\thistory: PropTypes.object,\r\n\t\tlocation: PropTypes.object,\r\n\t\tisUnknownCustomer: PropTypes.bool,\r\n\t\tappSettings: PropTypes.shape({\r\n\t\t\tdoShowBrowseShelvesPage: PropTypes.bool,\r\n\t\t}),\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { appSettings, isUnknownCustomer } = this.props;\r\n\t\treturn (\r\n\t\t\t