handleClick(downloadType.key)}>\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\tconst handleClick = selectedKey => {\r\n\t\tdownloadsDataStore.setSelectedMenuOption(selectedKey);\r\n\t\thistory.push('/downloads');\r\n\t\tyourBooksDrawer && yourBooksDrawer.close();\r\n\t};\r\n\r\n\tconst logChange = e => {\r\n\t\tsetCollapsedPanels(e);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{downloads && downloads.length > 0 ? (\r\n\t\t\t\t\r\n\t\t\t\t\tTitles you download will show up here\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(DownloadsCollapse);\r\n","import { Icon, Menu } from 'antd';\r\nimport React from 'react';\r\nimport { useReviews } from '../Reviews/containers/ReviewsDataStore';\r\nimport TiledTitleList from '../Titles/TiledTitleList';\r\nimport { useDownloads } from './containers/DownloadsDataStore';\r\nimport DownloadType from './DownloadType';\r\nimport {\r\n\tgetDownloadedReviewedSku,\r\n\tgetDownloadedNotReviewedSku,\r\n} from './DownloadFilters';\r\n\r\nexport default function DownloadsMenu() {\r\n\tconst downloadsDataStore = useDownloads();\r\n\tconst { downloads, selectedMenuOption } = downloadsDataStore.state;\r\n\r\n\tconst handleClick = e => {\r\n\t\tdownloadsDataStore.setSelectedMenuOption(e.key);\r\n\t};\r\n\r\n\tconst downloadSkus = downloads.map(item => item.sku);\r\n\r\n\tconst reviewsDataStore = useReviews();\r\n\tconst { reviews } = reviewsDataStore.state;\r\n\tconst reviewedSkus = reviews && reviews.map(item => item.sku);\r\n\r\n\tconst renderDownloads = isLoading => {\r\n\t\tconst skus = getSkusToRender();\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{renderMenuItem(downloadSkus.length, DownloadType.All)}\r\n\t\t\t\t\t{renderMenuItem(\r\n\t\t\t\t\t\tgetDownloadedNotReviewedSku(downloadSkus, reviewedSkus),\r\n\t\t\t\t\t\tDownloadType.DownloadedNotReviewed,\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{renderMenuItem(\r\n\t\t\t\t\t\tgetDownloadedReviewedSku(downloadSkus, reviewedSkus),\r\n\t\t\t\t\t\tDownloadType.DownloadedReviewed,\r\n\t\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t{renderDownloads()}\r\n\t\t\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport LaneContainer from '../UI/LaneContainer';\r\nimport LoadingSpinner from '../UI/LoadingSpinner';\r\nimport YourBooksSectionHeader from '../YourBooks/YourBooksSectionHeader';\r\nimport { connectToDownloads } from './containers/DownloadsDataStore';\r\nimport DownloadsCollapse from './DownloadsCollapse';\r\nimport DownloadsMenu from './DownloadsMenu';\r\n\r\nexport class Downloads extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tshowInGrid: false,\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.initializeSource();\r\n\t}\r\n\r\n\tinitializeSource = () => {\r\n\t\tif (this.props.match) {\r\n\t\t\tthis.setState({ showInGrid: true });\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { showInGrid } = this.state;\r\n\t\tconst { isLoading } = this.props.downloadsDataStore.state;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t{showInGrid ? (\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\t\t handleClick(requestType.key)}>\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\tconst handleClick = selectedKey => {\r\n\t\trequestsDataStore.setSelectedMenuOption(selectedKey);\r\n\t\thistory.push('/requests');\r\n\t\tyourBooksDrawer && yourBooksDrawer.close();\r\n\t};\r\n\r\n\tconst reviewsDataStore = useReviews();\r\n\tconst { reviews } = reviewsDataStore.state;\r\n\r\n\tconst downloadsDataStore = useDownloads();\r\n\tconst { downloads } = downloadsDataStore.state;\r\n\r\n\tconst requestSkus = requests.map(item => item.sku);\r\n\r\n\tconst downloadSkus = downloads\r\n\t\t.map(item => item.sku)\r\n\t\t.filter(sku => requestSkus.includes(sku));\r\n\r\n\tconst reviewedSkus = reviews && reviews.map(item => item.sku);\r\n\r\n\tconst logChange = e => {\r\n\t\tsetCollapsedPanels(e);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{requests && requests.length > 0 ? (\r\n\t\t\t\t\r\n\t\t\t\t\tReview copy requests you make will show up here\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(RequestsCollapse);\r\n","import { Icon, Menu } from 'antd';\r\nimport React from 'react';\r\nimport { useDownloads } from '../Downloads/containers/DownloadsDataStore';\r\nimport { useReviews } from '../Reviews/containers/ReviewsDataStore';\r\nimport TiledTitleList from '../Titles/TiledTitleList';\r\nimport { useRequests } from './containers/RequestsDataStore';\r\nimport {\r\n\tgetApprovedDownloadableSku,\r\n\tgetDeclinedSku,\r\n\tgetDownloadedNotReviewedSku,\r\n\tgetDownloadedReviewedSku,\r\n\tgetPendingSku,\r\n} from './RequestFilters';\r\nimport RequestType from './RequestType';\r\n\r\nexport default function RequestsMenu() {\r\n\tconst requestsDataStore = useRequests();\r\n\tconst { isLoading, requests, selectedMenuOption } = requestsDataStore.state;\r\n\r\n\tconst handleClick = e => {\r\n\t\trequestsDataStore.setSelectedMenuOption(e.key);\r\n\t};\r\n\r\n\tconst renderRequests = () => {\r\n\t\tconst skus = getSkusToRender();\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{renderMenuItem(requests, RequestType.All)}\r\n\t\t\t\t\t{renderMenuItem(\r\n\t\t\t\t\t\tgetApprovedDownloadableSku(requests, downloadSkus),\r\n\t\t\t\t\t\tRequestType.ReadyToDownload,\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{renderMenuItem(\r\n\t\t\t\t\t\tgetDownloadedNotReviewedSku(downloadSkus, reviewedSkus),\r\n\t\t\t\t\t\tRequestType.DownloadedNotReviewed,\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{renderMenuItem(\r\n\t\t\t\t\t\tgetDownloadedReviewedSku(downloadSkus, reviewedSkus),\r\n\t\t\t\t\t\tRequestType.DownloadedReviewed,\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{renderMenuItem(\r\n\t\t\t\t\t\tgetDeclinedSku(requests),\r\n\t\t\t\t\t\tRequestType.Declined,\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{renderMenuItem(\r\n\t\t\t\t\t\tgetPendingSku(requests),\r\n\t\t\t\t\t\tRequestType.Pending,\r\n\t\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t{renderRequests()}\r\n\t\t\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport LaneContainer from '../UI/LaneContainer';\r\nimport LoadingSpinner from '../UI/LoadingSpinner';\r\nimport YourBooksSectionHeader from '../YourBooks/YourBooksSectionHeader';\r\nimport { connectToRequests } from './containers/RequestsDataStore';\r\nimport RequestsCollapse from './RequestsCollapse';\r\nimport RequestsMenu from './RequestsMenu';\r\n\r\nexport class Requests extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tshowInGrid: false,\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.initializeSource();\r\n\t}\r\n\r\n\tinitializeSource = () => {\r\n\t\tif (this.props.match) {\r\n\t\t\tthis.setState({ showInGrid: true });\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { showInGrid } = this.state;\r\n\t\tconst { isLoading } = this.props.requestsDataStore.state;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t{showInGrid ? (\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\t\t handleClick(reviewType.key)}>\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\tconst handleClick = selectedKey => {\r\n\t\treviewsDataStore.setSelectedMenuOption(selectedKey);\r\n\t\thistory.push('/reviews');\r\n\t\tyourBooksDrawer && yourBooksDrawer.close();\r\n\t};\r\n\r\n\tconst logChange = e => {\r\n\t\tsetCollapsedPanels(e);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{reviews && reviews.length > 0 ? (\r\n\t\t\t\t\r\n\t\t\t\t\tReviews you write will show up here\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(ReviewsCollapse);\r\n","import { Icon, Menu } from 'antd';\r\nimport React from 'react';\r\nimport TiledTitleList from '../Titles/TiledTitleList';\r\nimport { useReviews } from './containers/ReviewsDataStore';\r\nimport ReviewType from './ReviewType';\r\n\r\nexport default function ReviewsMenu() {\r\n\tconst reviewsDataStore = useReviews();\r\n\tconst { isLoading, reviews, selectedMenuOption } = reviewsDataStore.state;\r\n\r\n\tconst renderReviews = () => {\r\n\t\tconst filteredReviews = getReviewsByRating(\r\n\t\t\tReviewType[selectedMenuOption],\r\n\t\t);\r\n\t\tvar skus = filteredReviews.map(item => item.sku);\r\n\t\treturn (\r\n\t\t\treviews && (\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{Object.keys(ReviewType).map(reviewType =>\r\n\t\t\t\t\t\trenderMenuItem(ReviewType[reviewType]),\r\n\t\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t{renderReviews()}\r\n\t\t\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport LaneContainer from '../UI/LaneContainer';\r\nimport LoadingSpinner from '../UI/LoadingSpinner';\r\nimport YourBooksSectionHeader from '../YourBooks/YourBooksSectionHeader';\r\nimport { connectToReviews } from './containers/ReviewsDataStore';\r\nimport ReviewsCollapse from './ReviewsCollapse';\r\nimport ReviewsMenu from './ReviewsMenu';\r\n\r\nexport class Reviews extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tshowInGrid: false,\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.initializeSource();\r\n\t}\r\n\r\n\tinitializeSource = () => {\r\n\t\tif (this.props.match) {\r\n\t\t\tthis.setState({ showInGrid: true });\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { showInGrid } = this.state;\r\n\t\tconst { isLoading } = this.props.reviewsDataStore.state;\r\n\t\treturn (\r\n\t\t\t handleClick(shelfType.key)}>\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\tconst handleClick = selectedKey => {\r\n\t\tshelvesDataStore.setSelectedMenuOption(selectedKey);\r\n\t\thistory.push('/shelves');\r\n\t\tyourBooksDrawer && yourBooksDrawer.close();\r\n\t};\r\n\r\n\tconst logChange = e => {\r\n\t\tsetCollapsedPanels(e);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{shelves && shelves.length > 0 ? (\r\n\t\t\t\t\r\n\t\t\t\t\tTitles you add to your shelves will show up here\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(ShelvesCollapse);\r\n","import { Icon, Menu } from 'antd';\r\nimport React from 'react';\r\nimport TiledTitleList from '../Titles/TiledTitleList';\r\nimport { useShelves } from './containers/ShelvesDataStore';\r\nimport ShelfType from './ShelfType';\r\n\r\nexport default function ShelvesMenu() {\r\n\tconst shelvesDataStore = useShelves();\r\n\tconst { isLoading, shelves, selectedMenuOption } = shelvesDataStore.state;\r\n\r\n\tconst renderShelves = () => {\r\n\t\tconst filteredShelves = shelves.filter(\r\n\t\t\tsh => sh.shelf === selectedMenuOption,\r\n\t\t);\r\n\t\tvar shelfSkus = shelves.map(item => item.sku);\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{Object.keys(ShelfType).map(shelf => {\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\tShelfType[shelf].doRenderInList &&\r\n\t\t\t\t\t\t\trenderMenuItem(ShelfType[shelf])\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{renderShelves()}\r\n\t\t\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport LaneContainer from '../UI/LaneContainer';\r\nimport YourBooksSectionHeader from '../YourBooks/YourBooksSectionHeader';\r\nimport ShelvesCollapse from './ShelvesCollapse';\r\nimport ShelvesMenu from './ShelvesMenu';\r\n\r\nexport default class Shelves extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tshowInGrid: false,\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.initializeSource();\r\n\t}\r\n\r\n\tinitializeSource = () => {\r\n\t\tif (this.props.match) {\r\n\t\t\tthis.setState({ showInGrid: true });\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { showInGrid } = this.state;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t{showInGrid ?
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n","const RequestType = {\r\n\tAll: {\r\n\t\tkey: 'All',\r\n\t\ttext: 'All',\r\n\t\tdoShowIfZero: true,\r\n\t},\r\n\tReadyToDownload: {\r\n\t\tkey: 'ReadyToDownload',\r\n\t\ttext: 'Ready to Download',\r\n\t},\r\n\tDownloadedNotReviewed: {\r\n\t\tkey: 'DownloadedNotReviewed',\r\n\t\ttext: 'Downloaded, Not Reviewed',\r\n\t},\r\n\tDownloadedReviewed: {\r\n\t\tkey: 'DownloadedReviewed',\r\n\t\ttext: 'Downloaded, Reviewed',\r\n\t},\r\n\tDeclined: {\r\n\t\tkey: 'Declined',\r\n\t\ttext: 'Declined',\r\n\t},\r\n\tPending: {\r\n\t\tkey: 'Pending',\r\n\t\ttext: 'Pending',\r\n\t},\r\n};\r\n\r\nexport default RequestType;\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport api from '../../../Api';\r\nimport { connectToUser } from '../../User/containers/UserDataStore';\r\nimport makeConnectTo from '../../util/makeConnectTo';\r\nimport DownloadType from '../DownloadType';\r\n\r\nconst DownloadsContext = React.createContext();\r\n\r\nconst name = 'downloadsDataStore';\r\n\r\nexport const useDownloads = () => React.useContext(DownloadsContext);\r\n\r\nexport const connectToDownloads = makeConnectTo(DownloadsContext, name);\r\n\r\nclass DownloadsDataStore extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tchildren: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\r\n\t};\r\n\r\n\tstate = {\r\n\t\tdownloads: [],\r\n\t\tselectedMenuOption: DownloadType.All.key,\r\n\t\tisLoading: true,\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst downloadsDataStore = this.getStore();\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 onCheckboxChange(e, inputId)}>\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { Select } from 'antd';\r\nimport { InputType } from '../InputType';\r\nimport { FormContext } from '../FormContext';\r\nimport { FormId } from '../FormId';\r\n\r\nconst { Option } = Select;\r\n\r\nexport default function SelectInput() {\r\n\tconst formContext = React.useContext(FormContext);\r\n\tconst {\r\n\t\trowOptions,\r\n\t\tformValuesById,\r\n\t\tsetFormValuesById,\r\n\t\tformId,\r\n\t\taccountInfoForm,\r\n\t} = formContext;\r\n\tconst { rowTypeData } = rowOptions;\r\n\r\n\tconst onSelectChange = (value, id) => {\r\n\t\tvar newFormValuesById = {\r\n\t\t\t...formValuesById,\r\n\t\t\t[id]: value,\r\n\t\t};\r\n\r\n\t\tif (formId === FormId.AccountInfo && id === 'country') {\r\n\t\t\tnewFormValuesById['stateUS'] = accountInfoForm.states_US[0].id;\r\n\t\t\tnewFormValuesById['stateCA'] = accountInfoForm.states_CA[0].id;\r\n\t\t}\r\n\r\n\t\tsetFormValuesById(newFormValuesById);\r\n\t};\r\n\r\n\tconst getStatesSelectData = () => {\r\n\t\tswitch (formValuesById['country']) {\r\n\t\t\tcase 'US':\r\n\t\t\t\treturn rowTypeData.optionsUS;\r\n\t\t\tcase 'CA':\r\n\t\t\t\treturn rowTypeData.optionsCA;\r\n\t\t\tdefault:\r\n\t\t\t\tthrow new Error('Invalid country.');\r\n\t\t}\r\n\t};\r\n\r\n\tconst getSelectData = () => {\r\n\t\tswitch (rowTypeData.inputType) {\r\n\t\t\tcase InputType.StatesSelect:\r\n\t\t\t\treturn getStatesSelectData();\r\n\t\t\tcase InputType.Select:\r\n\t\t\t\treturn rowTypeData;\r\n\t\t\tdefault:\r\n\t\t\t\tthrow new Error('Invalid input type.');\r\n\t\t}\r\n\t};\r\n\r\n\tconst selectData = getSelectData();\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport TextInput from '../Inputs/TextInput';\r\nimport { Translate } from '@above-the-treeline/localization';\r\n\r\nexport default function PostalCodeAndPhoneInputRow() {\r\n\treturn (\r\n\t\t\r\n\t\t\t\t{rowTypeData.label}\r\n\t\t\t\t{getRequiredAsterisk()}\r\n\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","import React from 'react';\r\nimport { FormContext } from '../FormContext';\r\nimport InputByType from '../Inputs/InputByType';\r\n\r\nexport default function SocialMediaLinkInputRow() {\r\n\tconst formContext = React.useContext(FormContext);\r\n\tconst {\r\n\t\trowOptions: { rowTypeData },\r\n\t} = formContext;\r\n\r\n\tconst getLabel = () => {\r\n\t\treturn (\r\n\t\t\t\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\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t{getIcon()}\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tconst getIcon = () => (\r\n\t\t{rowTypeData.label}
\r\n\t\t\t\r\n\t\t\t{getLabel()}\r\n\t\t\t
\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { FormContext } from '../FormContext';\r\nimport { RowType } from '../RowType';\r\nimport IsAccountSearchableForNewUsers from './IsAccountSearchableForNewUsersRow';\r\nimport LabelAndInputRow from './LabelAndInputRow';\r\nimport PostalCodeAndPhoneInputRow from './PostalCodeAndPhoneInputRow';\r\nimport SocialMediaLinkInputRow from './SocialMediaLinkInputRow';\r\n\r\nexport default function RowByType() {\r\n\tconst formContext = React.useContext(FormContext);\r\n\tconst {\r\n\t\trowOptions: { rowType },\r\n\t} = formContext;\r\n\r\n\tswitch (rowType) {\r\n\t\tcase RowType.LabelAndInput:\r\n\t\t\treturn 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","/**\r\n *\r\n * @param {String} label\r\n * @param {Number} num\r\n * Converts given label into plural if applicable\r\n */\r\nconst handlePlural = (label, num, doExcludeNumber = false) => {\r\n\tconst n = typeof num === 'number' ? num : Number(num);\r\n\tconst base = `${!doExcludeNumber ? n.toLocaleString() + ' ' : ''}${label}`;\r\n\treturn n === 1 ? base : `${base}s`;\r\n};\r\n\r\nexport default handlePlural;\r\n","export { default } from './LoadingSpinnerInContainer';\r\n","export const RowType = {\r\n\tLabelAndInput: 'labelAndInput',\r\n\tPostalCodeAndPhone: 'postalCodeAndPhone',\r\n\tIsAccountSearchableForNewUsers: 'isAccountSearchableForNewUsers',\r\n\tSocialLinkMediaInputRow: 'socialLinkMediaInputRow',\r\n};\r\n","const DownloadType = {\r\n\tAll: {\r\n\t\tkey: 'All',\r\n\t\ttext: 'All',\r\n\t\tdoShowIfZero: true,\r\n\t},\r\n\tDownloadedNotReviewed: {\r\n\t\tkey: 'DownloadedNotReviewed',\r\n\t\ttext: 'Downloaded, Not Reviewed',\r\n\t},\r\n\tDownloadedReviewed: {\r\n\t\tkey: 'DownloadedReviewed',\r\n\t\ttext: 'Downloaded, Reviewed',\r\n\t},\r\n};\r\n\r\nexport default DownloadType;\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport api from '../../../Api';\r\nimport makeConnectTo from '../../util/makeConnectTo';\r\nimport * as Util from '../../../util';\r\nimport ShelfType from '../ShelfType';\r\nimport { connectToUser } from '../../User/containers/UserDataStore';\r\n\r\nconst ShelvesContext = React.createContext();\r\n\r\nconst name = 'shelvesDataStore';\r\n\r\nexport const useShelves = () => React.useContext(ShelvesContext);\r\n\r\nexport const connectToShelves = makeConnectTo(ShelvesContext, name);\r\n\r\nclass ShelvesDataStore extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tchildren: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\r\n\t\tuserDataStore: PropTypes.object,\r\n\t};\r\n\r\n\tstate = {\r\n\t\tshelves: [],\r\n\t\tselectedMenuOption: ShelfType.AnticipatingMild.key,\r\n\t\tisLoading: true,\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst shelvesDataStore = this.getStore();\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{text &&
\r\n\t\t);\r\n\t}\r\n}\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport api from '../../../Api';\r\nimport makeConnectTo from '../../util/makeConnectTo';\r\nimport { message } from 'antd';\r\n\r\nconst CollaborativeListsContext = React.createContext();\r\n\r\nconst name = 'collaborativeListsDataStore';\r\n\r\nexport const useCollaborativeLists = () =>\r\n\tReact.useContext(CollaborativeListsContext);\r\n\r\nexport const connectToCollaborativeLists = makeConnectTo(\r\n\tCollaborativeListsContext,\r\n\tname,\r\n);\r\n\r\nexport default class CollaborativeListsDataStore extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tchildren: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\r\n\t};\r\n\r\n\tstate = {\r\n\t\tcollaborativeListsData: {},\r\n\t\tisLoading: true,\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst collaborativeListsDataStore = this.getStore();\r\n\t\treturn (\r\n\t\t\t{text}
}\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\r\n\t\t\t\r\n {this.props.children}\r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport default class Forbidden extends React.Component {\r\n\tstatic propTypes = {\r\n\t\terrorMessage: PropTypes.string,\r\n\t};\r\n\r\n\trender() {\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\tshowError() {\r\n\t\tconst { errorMessage: msg } = this.props;\r\n\t\treturn msg && typeof msg === 'string' ? msg : null;\r\n\t}\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Forbidden from './Forbidden';\r\nimport BackToHomeButton from '../UI/Actions/BackToHomeButton';\r\nimport { Translate } from '@above-the-treeline/localization';\r\n\r\nexport const ErrorTypes = {\r\n\tforbidden: 'forbidden',\r\n\tunauthorized: 'unauthorized',\r\n};\r\n\r\nexport default class ErrorBoundary 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]).isRequired,\r\n\t\tFallbackComponent: PropTypes.element, // not required\r\n\t\tdoLocalize: PropTypes.bool,\r\n\t};\r\n\r\n\tstate = { hasError: false, error: null };\r\n\r\n\trender() {\r\n\t\tconst { FallbackComponent: Fallback } = this.props;\r\n\r\n\t\tif (this.hasForbiddenError()) {\r\n\t\t\tconst msg = this.state.error ? this.state.error.message : '';\r\n\t\t\treturn Access Denied
\r\n\t\t\t\t\r\n\t\t\t\t\tUh oh... looks like you are not authorized to view this\r\n\t\t\t\t\tpage.\r\n\t\t\t\t
\r\n\t\t\t\t{this.showError()}
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{this.props.doLocalize ? (\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\r\nErrorBoundary.defaultProps = {\r\n\tdoLocalize: true,\r\n};\r\n","import { useEffect } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\n\r\nfunction ScrollToTop({ history }) {\r\n useEffect(() => {\r\n const unlisten = history.listen(() => {\r\n window.scrollTo(0, 0);\r\n });\r\n return () => {\r\n unlisten();\r\n }\r\n }, []);\r\n\r\n return (null);\r\n}\r\n\r\nexport default withRouter(ScrollToTop);","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\talsoMatches,\r\n\ticon,\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\tconst isHelpIcon = icon === 'help-icon';\r\n\r\n\tconst renderHelpDesk = () => {\r\n\t\twindow.FreshworksWidget('open');\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t{this.props.doLocalize ? (\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{label}
\r\n\t\t\r\n\t);\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t \r\n\t\t\t
\r\n\t);\r\n}\r\n\r\nexport default LandingFooter;\r\n","import { useState } from 'react';\r\nimport useScript from 'react-script-hook';\r\n\r\nconst pathToJS = 'js/edelweissConnect.js';\r\n\r\nconst cdnUrl = process.env.REACT_APP_EDELWEISS_CONNECT_CDN_URL;\r\n\r\nconst bookfestUrl = process.env.REACT_APP_BOOKFEST_URL;\r\n\r\nconst showConnect = () =>\r\n\tprocess.env.REACT_APP_SHOW_EDELWEISS_CONNECT === 'true' &&\r\n\ttypeof window.edelweissConnect === 'function';\r\n\r\nconst initConnect = () => {\r\n\tif (!showConnect()) return;\r\n\treturn window.edelweissConnect({\r\n\t\tcdnUrl,\r\n\t\tapp: `${bookfestUrl}/sessions`,\r\n\t\ttexts: {\r\n\t\t\topen: 'Connect',\r\n\t\t\topening: 'Loading...',\r\n\t\t\tclose: 'Close',\r\n\t\t},\r\n\t});\r\n};\r\n\r\nconst deinitConnect = eConnect => {\r\n\tif (!showConnect()) return;\r\n\teConnect.deinit();\r\n\tconst buttons = document.getElementsByClassName('visibility-toggle-anchor');\r\n\tbuttons.forEach(btn => btn.remove && btn.remove());\r\n};\r\n\r\nexport default function useEdelweissConnect(isMobile) {\r\n\tconst [eConnect, setConnect] = useState(null);\r\n\r\n\tconst initConnectOnLoad = () => {\r\n\t\tconst eConnect = initConnect();\r\n\t\tsetConnect(eConnect);\r\n\t};\r\n\r\n\tconst [loading, error] = useScript({\r\n\t\tsrc: `${cdnUrl}/${pathToJS}`,\r\n\t\tonload: () => {\r\n\t\t\tif (!isMobile()) {\r\n\t\t\t\tinitConnectOnLoad();\r\n\t\t\t}\r\n\t\t},\r\n\t});\r\n\r\n\treturn {\r\n\t\terror,\r\n\t\tloading,\r\n\t\tinit: initConnectOnLoad,\r\n\t\tisActive: eConnect !== null,\r\n\t\tdeinit: () => {\r\n\t\t\tdeinitConnect(eConnect);\r\n\t\t\tsetConnect(null);\r\n\t\t},\r\n\t};\r\n}\r\n","import PropTypes from 'prop-types';\r\nimport useEdelweissConnect from './useEdelweissConnect';\r\nimport { withIsMobile } from 'treeline-react-core-components/WindowSizeProvider';\r\n\r\nEdelweissConnectInitializer.propTypes = {\r\n\tisMobile: PropTypes.func,\r\n\tchildren: PropTypes.oneOfType([\r\n\t\tPropTypes.arrayOf(PropTypes.node),\r\n\t\tPropTypes.node,\r\n\t]),\r\n};\r\n\r\nfunction EdelweissConnectInitializer({ children, isMobile }) {\r\n\tuseEdelweissConnect(isMobile);\r\n\treturn children;\r\n}\r\n\r\nexport default withIsMobile(EdelweissConnectInitializer);\r\n","import React from 'react';\r\nimport { Card } from 'antd';\r\nimport { RegistrationTypes } from '../AnonymousHeader/RegistrationModal/RegistrationEnums';\r\nimport WrappedRegistrationForm from '../AnonymousHeader/RegistrationModal/RegistrationForm/RegistrationForm';\r\nimport './passwordReset.less';\r\n\r\ntype PasswordResetProps = {\r\n\tuserToken: string;\r\n};\r\n\r\nexport default function PasswordReset({ userToken }: PasswordResetProps) {\r\n\tconst [isLoading, setIsLoading] = React.useState(false);\r\n\treturn (\r\n\t\t\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t{Object.keys(NavigationItemsEnum).map((navItem, i) => (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{renderNavItem(NavigationItemsEnum[navItem])}\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\r\n\t\t\t\t\t\r\n\t\t\t\t\t joinCommunity(community.id)}>\r\n\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t};\r\n\r\n\tconst getAccountRequiredModalContents = () => {\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);\r\n\r\n\tconst ePlusIconDesktop = (\r\n\t\t\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
\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
\r\n\t\t\t\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n}\r\n\r\nexport default withCookies(\r\n\twithIsMobile(NavigationAnchor, WindowSizeThresholdsEnum.Medium),\r\n);\r\n\r\nconst Logo = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t{!isAnonymous() &&\r\n\t\t\t\t(isMobileSize ? ePlusIconMobile : ePlusIconDesktop)}\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport './iconBadge.css';\r\n\r\nexport default class IconBadge extends React.Component {\r\n\trender() {\r\n\t\tconst { count, left } = this.props;\r\n\t\treturn \r\n\t\t\t\t
\r\n\t\t{count}
\r\n\t\t\t{!isLoading && (\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\t\tSign Out\r\n\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\t\t\t\r\n\t\t\t\t\t\t\t\t{user.userAvatar.displayName}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{user.userAvatar.displayName !==\r\n\t\t\t\t\t\t\tuser.organization.name ? (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{user.userAvatar && (\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\r\n\t\t\t\t\t\t\t\t\t{user.organization.address.city}{' '}\r\n\t\t\t\t\t\t\t\t\t{user.organization.address.stateProvince}\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\t{user.user.classification}\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\t\t{renderProfileEditorLink()}\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\t\t{renderCommunicationSettingsLink()}\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\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 connectToUser(UserOverview);\r\n","import paths from '../../paths';\r\nimport { Translate } from '@above-the-treeline/localization';\r\n\r\nconst TopMenuItems = {\r\n\tHomeNav: {\r\n\t\ticon: 'home',\r\n\t\ticonClass: 'home-nav-icon',\r\n\t\tlinkTo: paths.home(),\r\n\t\tlabel: \r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tconst renderTopMenuItem = (topMenuItem, badge) => {\r\n\t\treturn (\r\n\t\t\t{topMenuItem.label}
\r\n\t\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\t\t
\r\n\t\t\t\t\t{renderTopMenuItem(HomeNav)}\r\n\t\t\t\t\t{renderTopMenuItem(NotificationsNav, notices)}\r\n\t\t\t\t\t{renderTopMenuItem(YourBooksNav)}\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\r\n\t\t\r\n\t);\r\n}\r\n\r\nconst connectors = [connectToUser, connectToNotices, withRouter];\r\n\r\nexport default combineConnectors(connectors)(\r\n\twithIsMobile(UserAccountAnchor, WindowSizeThresholdsEnum.Medium),\r\n);\r\n","import * as React from 'react';\r\nimport { usePreferences } from '../Preferences/containers/PreferencesDataStore';\r\nimport { useCookies } from 'react-cookie';\r\nimport PreferenceType from '../Preferences/PreferenceType';\r\nimport PreferenceName from '../Preferences/PreferenceName';\r\nimport LandingPagePreference, {\r\n\tgetLandingPageCookie,\r\n} from '../Preferences/LandingPagePreference';\r\nimport { useLocation } from 'react-router-dom';\r\nimport paths from '../../paths';\r\nimport NavigationAnchor from '../User/NavigationAnchor';\r\nimport UserAccountAnchor from '../Navigation/UserAccountAnchor';\r\nimport './appHeader.less';\r\n\r\ntype Cookie = {\r\n\tname: string;\r\n\tvalue: string;\r\n\toptions: {\r\n\t\tdomain: string;\r\n\t\texpires: Date;\r\n\t\tsameSite: any;\r\n\t};\r\n};\r\n\r\nconst AppHeader = (): JSX.Element => {\r\n\tconst { getPreference } = usePreferences();\r\n\tconst [cookies, setCookie] = useCookies();\r\n\tconst location = useLocation();\r\n\r\n\tconst landingPageCookie = cookies['treeline.landingpage'];\r\n\tlet hasLandingPageSetToEPlus: boolean | undefined;\r\n\tconst isHomePage =\r\n\t\tlocation.pathname === paths.mainPage() ||\r\n\t\tlocation.pathname === paths.home();\r\n\r\n\tReact.useEffect(() => {\r\n\t\thandleRedirectBasedOnPreference();\r\n\t}, []);\r\n\r\n\tconst handleRedirectBasedOnPreference = () => {\r\n\t\tif (\r\n\t\t\ttypeof landingPageCookie === 'undefined' ||\r\n\t\t\tlandingPageCookie === ''\r\n\t\t) {\r\n\t\t\tconst landingPagePreference = getPreference(\r\n\t\t\t\tPreferenceType.landingPage,\r\n\t\t\t\tPreferenceName.preferred,\r\n\t\t\t);\r\n\r\n\t\t\tif (landingPagePreference) {\r\n\t\t\t\tconst landingPage =\r\n\t\t\t\t\tlandingPagePreference.value ===\r\n\t\t\t\t\tLandingPagePreference.EdelweissPlus\r\n\t\t\t\t\t\t? LandingPagePreference.EdelweissPlus\r\n\t\t\t\t\t\t: LandingPagePreference.Community;\r\n\r\n\t\t\t\tconst cookie: Cookie = getLandingPageCookie(landingPage);\r\n\t\t\t\tsetCookie(cookie.name, cookie.value, cookie.options);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\thasLandingPageSetToEPlus =\r\n\t\t\t\tlandingPageCookie === LandingPagePreference.EdelweissPlus;\r\n\t\t}\r\n\r\n\t\tif (hasLandingPageSetToEPlus && isHomePage) {\r\n\t\t\twindow.location.href = `${process.env.REACT_APP_EPLUS_LINK_URL}`;\r\n\t\t}\r\n\t};\r\n\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\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default AppHeader;\r\n","import coreKeys from 'treeline-react-core-components/localizationKeys'; // These keys are referenced by components in the lib\r\n\r\nconst localizationKeys = [\r\n\t...coreKeys,\r\n\t'a_link_to_reset_your_password',\r\n\t'access_currently_unauthorized',\r\n\t'account_information_saved',\r\n\t'account_name',\r\n\t'account_search',\r\n\t'account_type',\r\n\t'account',\r\n\t'active',\r\n\t'add_another_quantity',\r\n\t'add_another_quantity',\r\n\t'add_event_to_communities_subheader',\r\n\t'add_new',\r\n\t'add_this_title_to_an_available_list',\r\n\t'add_title_to_list_instructions',\r\n\t'add_titles_to_event_popover_content',\r\n\t'add_titles_to_list_instructions',\r\n\t'add_to_collaborative_list',\r\n\t'add_to_shelf_collection',\r\n\t'add_your_event_to_relevant_communities',\r\n\t'add',\r\n\t'added_by',\r\n\t'additional_information',\r\n\t'address',\r\n\t'affiliation',\r\n\t'age_range_filter_help',\r\n\t'age_range_filters',\r\n\t'age_range',\r\n\t'alert_type',\r\n\t'all',\r\n\t'all_genres',\r\n\t'all_titles',\r\n\t'allow_add_by_group_help',\r\n\t'allow_add_by_group',\r\n\t'already_have_an_edelweiss_acount',\r\n\t'archive',\r\n\t'archive',\r\n\t'are_you_sure_you_want_to_delete_this_circle',\r\n\t'are_you_sure_you_want_to_delete_this_community',\r\n\t'are_you_sure_you_want_to_save',\r\n\t'are_you_sure',\r\n\t'associated_titles',\r\n\t'author',\r\n\t'available_for_download',\r\n\t'available_for_request',\r\n\t'back_to_home',\r\n\t'back_to',\r\n\t'back',\r\n\t'backlist',\r\n\t'beta',\r\n\t'blog_personal',\r\n\t'booksellers',\r\n\t'browse_review_copies_by_genre',\r\n\t'buzz_across_communities',\r\n\t'buzz_for_x_community',\r\n\t'buzz',\r\n\t'by_clicking_sign_up',\r\n\t'cancel',\r\n\t'catalog_search',\r\n\t'catalogs',\r\n\t'category_filter_help',\r\n\t'category',\r\n\t'change_email_address',\r\n\t'change_password',\r\n\t'change',\r\n\t'changes_have_been_saved',\r\n\t'changes_saved',\r\n\t'circle_of_x',\r\n\t'circle_removed',\r\n\t'circle_saved',\r\n\t'circles_description',\r\n\t'circles',\r\n\t'city',\r\n\t'clear_title_selections',\r\n\t'click_either_image_to_edit_it',\r\n\t'click_here_to_search_for_titles',\r\n\t'click_to_attend',\r\n\t'click_to_edit_image',\r\n\t'click_to_learn_more_about_banner_content',\r\n\t'click_to_upload_main_event_image',\r\n\t'collaborative_list_management',\r\n\t'collaborative_list',\r\n\t'collaborative_lists',\r\n\t'collaborative_title_lists',\r\n\t'coming_soon',\r\n\t'comment',\r\n\t'comments',\r\n\t'common_across_requests',\r\n\t'communication_settings_saved',\r\n\t'communication_settings',\r\n\t'communities_your_event_will_be_added_to',\r\n\t'communities',\r\n\t'community_activity',\r\n\t'community_buzz_description',\r\n\t'community_buzz',\r\n\t'community_conversations_description',\r\n\t'community_does_not_exist_or_must_be_invited',\r\n\t'community_events_lane_description',\r\n\t'community_guidelines',\r\n\t'community_hub',\r\n\t'community_organized_by_x',\r\n\t'community_removed',\r\n\t'community_saved',\r\n\t'community_search',\r\n\t'community_updated',\r\n\t'community',\r\n\t'compressed_zip_file_with_all_chapter_mp3_files',\r\n\t'confirm_delete_filter',\r\n\t'continue',\r\n\t'contributors',\r\n\t'conversations',\r\n\t'country',\r\n\t'course',\r\n\t'create_affiliation',\r\n\t'create_collaborative_list',\r\n\t'create_event',\r\n\t'create_new_circle',\r\n\t'create_new_comment',\r\n\t'create_new_community',\r\n\t'create_saved_filter',\r\n\t'create',\r\n\t'cropped_image_preview',\r\n\t'cropper_is_set_to_max_dimensions',\r\n\t'current_email_subscriptions_uncheck_to_unsubscribe',\r\n\t'current_password',\r\n\t'currently_no_scheduled_events_for_communities_you_are_a_member_of',\r\n\t'currently_no_scheduled_events_for_this_community',\r\n\t'currently_no_scheduled_events_for_your_communities',\r\n\t'currently_reading_short',\r\n\t'currently_unavailable_via_the_edelweiss_web_reader',\r\n\t'date_is_required',\r\n\t'date',\r\n\t'default_sort',\r\n\t'delete',\r\n\t'delete_event_in_community_confirm_prompt',\r\n\t'delete_community',\r\n\t'delete_photo',\r\n\t'department',\r\n\t'desc_summary',\r\n\t'description_is_required',\r\n\t'description_of_role',\r\n\t'description',\r\n\t'dewey_filter_help',\r\n\t'dewey',\r\n\t'did_not_meet_image_requirements_message',\r\n\t'digital',\r\n\t'disable_ability_to_x',\r\n\t'dont_have_an_edelweiss_account',\r\n\t'down',\r\n\t'download_and_read',\r\n\t'download_drc',\r\n\t'download_method',\r\n\t'download_option',\r\n\t'download_ready',\r\n\t'download_the_drc',\r\n\t'download_title_csv',\r\n\t'download',\r\n\t'downvote',\r\n\t'downvotes',\r\n\t'draft',\r\n\t'drc_adobe_digital_editions',\r\n\t'drc_audio_description',\r\n\t'drc_audio_message',\r\n\t'drc_availability_filter_help',\r\n\t'drc_availability',\r\n\t'drc_downloaded',\r\n\t'drc_downloading_message',\r\n\t'drc_external_url_message',\r\n\t'drc_kindle_description',\r\n\t'drc_kindle_message',\r\n\t'drc_kindle_profile',\r\n\t'drc_method',\r\n\t'drc_open_drm_message',\r\n\t'drc_select_format',\r\n\t'drc_set_preferred_format',\r\n\t'drc_standard_description',\r\n\t'drc_standard_message_parttwo',\r\n\t'drc_standard_message',\r\n\t'drc_will_expire_in',\r\n\t'drc_will_expire_on',\r\n\t'edelweiss_community_newsletters',\r\n\t'edelweiss_plus_emails',\r\n\t'edit_account_info',\r\n\t'edit_circle',\r\n\t'edit_collaborative_list',\r\n\t'edit_comment',\r\n\t'edit_community',\r\n\t'edit_filter',\r\n\t'edit_personal_info',\r\n\t'edit',\r\n\t'edition_filter_help',\r\n\t'edition',\r\n\t'eligible_community_nonmember_alert',\r\n\t'email_address',\r\n\t'enable_quantity_inputs_help',\r\n\t'enable_quantity_inputs_help',\r\n\t'enable_quantity_inputs',\r\n\t'enable_quantity_inputs',\r\n\t'end_time_is_required',\r\n\t'end_time',\r\n\t'enter_current_password',\r\n\t'enter_your_id',\r\n\t'error_boundary_default_fallback_message',\r\n\t'error_occurred_please_try_again_later',\r\n\t'error_retrieving_communication_settings',\r\n\t'error_saving_account_information',\r\n\t'error_saving_links',\r\n\t'error_saving_personal_information',\r\n\t'error_saving_role_description',\r\n\t'error_saving_role_summary',\r\n\t'error',\r\n\t'evalDesc_1',\r\n\t'evalDesc_2',\r\n\t'evalDesc_3',\r\n\t'evalDesc_4',\r\n\t'evalType_0',\r\n\t'evalType_1',\r\n\t'evalType_2',\r\n\t'evalType_3',\r\n\t'evalType_4',\r\n\t'evaluation_purpose',\r\n\t'event_image',\r\n\t'event_images',\r\n\t'event_link',\r\n\t'event_organization_name',\r\n\t'event_organizer_image',\r\n\t'event_title_is_required',\r\n\t'event_title',\r\n\t'event_url_is_required',\r\n\t'event_url_to_learn_more_and_or_register',\r\n\t'event_url',\r\n\t'events',\r\n\t'exclude_from_filter',\r\n\t'exp_enrollment',\r\n\t'expired',\r\n\t'export_list',\r\n\t'featured_titles',\r\n\t'feedback',\r\n\t'filter_excluded',\r\n\t'filter_included',\r\n\t'filter',\r\n\t'find_a_community',\r\n\t'first_name_and_last_name_are_required',\r\n\t'first_name',\r\n\t'forgot_password_email_sent',\r\n\t'forgot_password',\r\n\t'format_filter_help',\r\n\t'format_filters',\r\n\t'format',\r\n\t'frontlist',\r\n\t'full_name',\r\n\t'gain_more_recognition_by_publishers_react',\r\n\t'general_readers_or_reviewers',\r\n\t'genre_category_filters',\r\n\t'genre_communities_authorization_instructions',\r\n\t'genre_communities',\r\n\t'go_back_to',\r\n\t'go_to_edelweiss',\r\n\t'here',\r\n\t'home_buzz_description',\r\n\t'home_catalog_folders_description',\r\n\t'home_collaborative_lists_description',\r\n\t'home_communities_description',\r\n\t'home_conversations_description',\r\n\t'home_events_lane_description',\r\n\t'home_my_reader_drcs_description',\r\n\t'home_new_review_copies_description',\r\n\t'home_your_review_copies_description',\r\n\t'home_your_shelves_description',\r\n\t'home',\r\n\t'if_you_close_the_drawer_you_will_lose_unsaved_work',\r\n\t'if_you_want_account_to_be_searchable_click_checkbox',\r\n\t'image_dimension_requirements',\r\n\t'images_with_quantity_in_parenthesis',\r\n\t'immediate_email',\r\n\t'immediate_text',\r\n\t'imprint_filter_help',\r\n\t'imprint_filters',\r\n\t'imprint',\r\n\t'in_person',\r\n\t'include_in_filter',\r\n\t'individual_chapters',\r\n\t'ineligible_community_nonmember_alert',\r\n\t'interactive',\r\n\t'invalid_date',\r\n\t'invalid_login_please_try_again',\r\n\t'invited',\r\n\t'is_of_interest_to',\r\n\t'isbn',\r\n\t'issue_loading_title_details',\r\n\t'issue_with_request_message',\r\n\t'join_community_with_validation_success_message',\r\n\t'join_community',\r\n\t'join',\r\n\t'joined',\r\n\t'key_selling_points',\r\n\t'kindle_additional_info_required',\r\n\t'kindle_email_address',\r\n\t'kindle_email_disclaimer',\r\n\t'kindle_in_order_to_send_point_four',\r\n\t'kindle_in_order_to_send_point_one',\r\n\t'kindle_in_order_to_send_point_three',\r\n\t'kindle_in_order_to_send_point_two',\r\n\t'kindle_in_order_to_send',\r\n\t'kindle_information',\r\n\t'kindle_method_send_to_email',\r\n\t'kindle_method_send_to_kindle',\r\n\t'last_activity',\r\n\t'last_activity_x',\r\n\t'last_name',\r\n\t'last_viewed_on_x',\r\n\t'learn_more',\r\n\t'less',\r\n\t'lexile_filter_help',\r\n\t'lexile',\r\n\t'librarians',\r\n\t'link_social_media_accounts',\r\n\t'link_to_virtual_event_is_required',\r\n\t'link_to_virtual_event',\r\n\t'link_your_goodreads_account',\r\n\t'links_saved',\r\n\t'list_archived',\r\n\t'list_moved_to_active',\r\n\t'list_pinned',\r\n\t'lists_this_title_is_on',\r\n\t'live_from_your_device',\r\n\t'loading_buzz',\r\n\t'loading_review_copies',\r\n\t'loading_x_saved_filter',\r\n\t'location',\r\n\t'log_in_with_your_edelweiss_account',\r\n\t'log_in',\r\n\t'make_account_searchable',\r\n\t'manage_list_notifications',\r\n\t'manage_notifications',\r\n\t'mark_unread',\r\n\t'marketing_plans',\r\n\t'max_8000_list',\r\n\t'mechanism',\r\n\t'messages',\r\n\t'more',\r\n\t'most_active_reviewers_description',\r\n\t'most_active_reviewers',\r\n\t'move_to_active',\r\n\t'move_to_active',\r\n\t'must_be_authorized_to_post_to_genre_communities_form_prompt',\r\n\t'must_be_invited_to_community_message',\r\n\t'must_select_one',\r\n\t'my_edelweiss_reader_review_copies',\r\n\t'my_events',\r\n\t'name',\r\n\t'net_votes',\r\n\t'new_password_confirm',\r\n\t'new_password',\r\n\t'new_review_copies',\r\n\t'new_saved_filter_help_examples',\r\n\t'new_saved_filter_help',\r\n\t'next',\r\n\t'no_active_collaborative_lists',\r\n\t'no_activity',\r\n\t'no_activity',\r\n\t'no_communities_found',\r\n\t'no_filters_selected_choose_from_below',\r\n\t'no_image_available',\r\n\t'no_image_available',\r\n\t'no_matches_found_no_punctuation',\r\n\t'no_matches_found',\r\n\t'no_overview',\r\n\t'no_role_specified',\r\n\t'no_titles_have_been_added_to_this_list_yet',\r\n\t'no_titles_match_those_search_terms',\r\n\t'no_titles',\r\n\t'no',\r\n\t'none',\r\n\t'not_included_on_any_lists',\r\n\t'not_member_of_any_communities',\r\n\t'not_set',\r\n\t'not_specified',\r\n\t'noticeType_1',\r\n\t'noticeType_10',\r\n\t'noticeType_11',\r\n\t'noticeType_12',\r\n\t'noticeType_13',\r\n\t'noticeType_2',\r\n\t'noticeType_3',\r\n\t'noticeType_4',\r\n\t'noticeType_5',\r\n\t'noticeType_6',\r\n\t'noticeType_7',\r\n\t'noticeType_8',\r\n\t'noticeType_9',\r\n\t'number_of_links',\r\n\t'official_genre_community_managed_by_x',\r\n\t'ok',\r\n\t'one_reply',\r\n\t'one_thought',\r\n\t'only_admins',\r\n\t'optional_comment_30',\r\n\t'optional_comment_30',\r\n\t'options',\r\n\t'organization_event_image_override_warning',\r\n\t'organization_logo',\r\n\t'other_user_created',\r\n\t'others_can_add_to_help',\r\n\t'others_can_add_to_help',\r\n\t'others_can_add_to',\r\n\t'others_can_add_to',\r\n\t'password_must_be_at_least',\r\n\t'password',\r\n\t'passwords_do_not_match',\r\n\t'past_event',\r\n\t'past',\r\n\t'personal_information_saved',\r\n\t'personal_information',\r\n\t'phone_number',\r\n\t'phone',\r\n\t'pin',\r\n\t'pin',\r\n\t'pinned',\r\n\t'please_confirm_your_password',\r\n\t'please_enter_a_name_for_this_list',\r\n\t'please_enter_your_email_and_click_submit',\r\n\t'please_enter_your_first_name',\r\n\t'please_enter_your_last_name',\r\n\t'please_enter_your_validation_id',\r\n\t'please_input_your_current_password',\r\n\t'please_log_in_to_your_account',\r\n\t'please_provide_a_password',\r\n\t'please_provide_a_valid_email_address',\r\n\t'please_provide_shipping_for_request',\r\n\t'please_provide_your_email_address',\r\n\t'please_select_a_country',\r\n\t'please_select',\r\n\t'please_try_again',\r\n\t'please_verify_that_you_are_not_a_robot',\r\n\t'pos_categories',\r\n\t'postal',\r\n\t'presented_by',\r\n\t'price',\r\n\t'print',\r\n\t'profile_editor',\r\n\t'profile_picture',\r\n\t'profile_strength_description',\r\n\t'profile_strength',\r\n\t'profile_summary_saved',\r\n\t'profile_summary',\r\n\t'pub_date',\r\n\t'pubdate_filter_help',\r\n\t'pubdate_filters',\r\n\t'pubdate',\r\n\t'published',\r\n\t'publisher_filter_help',\r\n\t'publisher',\r\n\t'qty',\r\n\t'qty',\r\n\t'qualifier',\r\n\t'quantities',\r\n\t'quantity',\r\n\t'quotes',\r\n\t'read_in_the_edelweiss_web_reader',\r\n\t'read_online',\r\n\t'registration_keep_me_updated',\r\n\t'remember_me',\r\n\t'remove',\r\n\t'request_for',\r\n\t'request_sent_for',\r\n\t'requested',\r\n\t'requiring_valid_id',\r\n\t'reset_cropper',\r\n\t'reset_password',\r\n\t'retrieve_prepared_file',\r\n\t'return_home',\r\n\t'return_to_request',\r\n\t'review_copies_for_all_genres',\r\n\t'review_copies_relevant_to_x_community',\r\n\t'review_copy_available',\r\n\t'review_copy_relevant_to_x_community',\r\n\t'review_copy_request_form',\r\n\t'review_of_x',\r\n\t'role_desc_note',\r\n\t'role_description_saved',\r\n\t'role_summary_saved',\r\n\t'role_summary',\r\n\t'save_changes',\r\n\t'save_event',\r\n\t'save_links',\r\n\t'save_role_description',\r\n\t'save',\r\n\t'saved_filter',\r\n\t'saved_filters',\r\n\t'search_all_catalogs',\r\n\t'search_for_communities',\r\n\t'search_for_titles',\r\n\t'search',\r\n\t'see_more_event_details_here',\r\n\t'see_the_event_recording_here',\r\n\t'select_best_option_for_request',\r\n\t'select_one',\r\n\t'send_to',\r\n\t'sending',\r\n\t'sequence',\r\n\t'share_or_export',\r\n\t'ship_to_address',\r\n\t'show_larger_jacket_cover',\r\n\t'show_less',\r\n\t'show_more',\r\n\t'show_smaller_jacket_cover',\r\n\t'sign_up_for_an_edelweiss_account',\r\n\t'sign_up',\r\n\t'social_media_links_below_will_appear_in_profile',\r\n\t'sort_by',\r\n\t'sorted_by',\r\n\t'list_sort_by_help',\r\n\t'standard',\r\n\t'start_conversation_in_another_community',\r\n\t'start_time_is_required',\r\n\t'start_time',\r\n\t'state',\r\n\t'status_help',\r\n\t'status_loading',\r\n\t'status',\r\n\t'step_one_event_details',\r\n\t'step_three_add_communities',\r\n\t'step_two_upload_images',\r\n\t'submit',\r\n\t'subrights_filter_help',\r\n\t'subrights',\r\n\t'success',\r\n\t'tb_author_bio',\r\n\t'terms_of_service',\r\n\t'the_email_address_you_have_provided_is_already_registered_with_edelweiss',\r\n\t'the_name_of_the_organization_presenting_the_event',\r\n\t'the_title_has_been_added',\r\n\t'the_titles_have_been_added',\r\n\t'there_are_no_past_events_for_communities_you_are_a_member_of',\r\n\t'there_are_no_past_events_for_this_community',\r\n\t'there_was_an_error_with_your_request',\r\n\t'time_zone',\r\n\t'time_zone_community_event_tooltip',\r\n\t'title_information',\r\n\t'title_review',\r\n\t'title_search',\r\n\t'title',\r\n\t'titles_added_removed',\r\n\t'titles_already_on_a_list_will_not_be_added_again',\r\n\t'titles_you_edited',\r\n\t'titles',\r\n\t'too_short',\r\n\t'tooltip_reviewed',\r\n\t'topic_x',\r\n\t'type_of_activity',\r\n\t'unable_to_validate_community_code',\r\n\t'unarchive',\r\n\t'unauthorized_retrieving_communication_settings',\r\n\t'unknown_title',\r\n\t'unpin',\r\n\t'unsubscribe_from_all_emails_disclaimer_in_communication_settings',\r\n\t'unsubscribe_from_all_emails',\r\n\t'unsubscribe_from_friend_emails',\r\n\t'unsubscribe_from_friend_emails_disclaimer_in_communication_settings',\r\n\t'until_your_event_has_been_added_to_a_community_it_will_not_be_seen_by_others',\r\n\t'up',\r\n\t'upcoming_event',\r\n\t'upcoming_events',\r\n\t'upcoming',\r\n\t'upcoming',\r\n\t'update_community_photo',\r\n\t'update_photo',\r\n\t'update',\r\n\t'updated_x_date',\r\n\t'upload_an_event_organization_image_for_your_whole_organization',\r\n\t'upload_an_organization_image_specific_to_this_event',\r\n\t'upload_organization_image',\r\n\t'upload_photo',\r\n\t'upvote',\r\n\t'upvotes',\r\n\t'use_organizations_event_image_switch_prompt',\r\n\t'validation_id',\r\n\t'venue_address_is_required',\r\n\t'venue_address',\r\n\t'venue_name_is_required',\r\n\t'venue_name',\r\n\t'view_edit_your_profile',\r\n\t'view_mode',\r\n\t'virtual_uppercase',\r\n\t'virtual',\r\n\t'visit_event_page_in_new_tab_question',\r\n\t'votes',\r\n\t'want_to_have_your_event_listed_here_prompt',\r\n\t'watch_recording',\r\n\t'where_x_y',\r\n\t'where_x',\r\n\t'where',\r\n\t'why_are_you_requesting_this_title',\r\n\t'word_for_example',\r\n\t'word_more',\r\n\t'word_or',\r\n\t'word_you',\r\n\t'word_you',\r\n\t'would_you_like_to_update_the_event_organization_image',\r\n\t'x_community_conversation_title',\r\n\t'x_community_hub',\r\n\t'x_community',\r\n\t'x_is_required',\r\n\t'x_member_of_the_y_account',\r\n\t'x_member',\r\n\t'x_members_of_the_y_account',\r\n\t'x_members',\r\n\t'x_notification',\r\n\t'x_other_conversation',\r\n\t'x_other_conversations',\r\n\t'x_profile',\r\n\t'x_replies',\r\n\t'x_thoughts',\r\n\t'yes',\r\n\t'you_do_not_currently_manage_any_communities',\r\n\t'you_have_no_events_for_this_filter_in_this_community',\r\n\t'you_have_no_events_for_this_filter',\r\n\t'you_have_no_scheduled_or_past_events_for_this_community',\r\n\t'you_have_no_scheduled_or_past_events',\r\n\t'you_have_not_added_your_event_to_communities',\r\n\t'you_must_be_a_member_of_the_x_community',\r\n\t'you_must_be_logged_in_to_edelweiss_plus_to_view_this_page',\r\n\t'you_must_have_an_edelweiss_account',\r\n\t'you',\r\n\t'your_books_help',\r\n\t'your_books',\r\n\t'your_communities',\r\n\t'your_event_has_been_deleted',\r\n\t'your_event_has_been_saved',\r\n\t'your_image_has_been_deleted',\r\n\t'your_image_has_been_saved',\r\n\t'your_password_has_been_changed',\r\n\t'your_review_copies',\r\n\t'your_saved_profile',\r\n\t'your_shared_reviews_description',\r\n\t'your_shared_reviews',\r\n\t'your_shelves_and_collections',\r\n\t'your_vote_has_been_recorded',\r\n\t'your_vote_has_been_removed',\r\n]; // Add any other localization keys you need for your app here.\r\n\r\nexport default localizationKeys;\r\n","import * as React from 'react';\r\nimport keys from './keys';\r\nimport { useLocation } from 'react-router-dom';\r\nimport { getLocalizationApiUrl } from '../../util/localization.util';\r\nimport {\r\n\tcultureCodeQueryParamName,\r\n\tgetCultureCodesFromUrlSearchParams,\r\n\tUseLocalizationType,\r\n\tLocalizationContext,\r\n\tuseLocalization,\r\n\ten,\r\n} from '@above-the-treeline/localization';\r\nimport LoadingApp from '../UI/LoadingApp';\r\nimport { useUser } from '../User/containers/UserDataStore';\r\n\r\ntype LocalizationContainerProps = {\r\n\tchildren: React.ReactNode;\r\n};\r\n\r\nconst LocalizationContainer = ({\r\n\tchildren,\r\n}: LocalizationContainerProps): JSX.Element => {\r\n\tconst location = useLocation();\r\n\tconst { state: user } = useUser();\r\n\tconst userCultureName = user?.region?.cultureName;\r\n\tconst userCultureNameOrDefault = userCultureName ? [userCultureName] : [en];\r\n\r\n\tconst localizationData: UseLocalizationType = useLocalization({\r\n\t\tcultureCodes:\r\n\t\t\tgetCultureCodesFromUrlSearchParams(\r\n\t\t\t\tcultureCodeQueryParamName,\r\n\t\t\t\tlocation.search,\r\n\t\t\t) || userCultureNameOrDefault,\r\n\t\tlocalizationApiUrl: getLocalizationApiUrl(),\r\n\t\tlocalizationKeys: keys,\r\n\t});\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\trenderAppLayoutFrame = () => {\r\n\t\tconst isMobile = this.props.isMobile();\r\n\t\tthis.showOrHideHelpDeskWidget(isMobile);\r\n\r\n\t\treturn (\r\n\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{userDataStore => (\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{userDataStore.isLoading() ? (\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)}\r\n\t\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","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport default function register() {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl);\r\n } else {\r\n // Is not local host. Just register service worker\r\n registerValidSW(swUrl);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n console.log('New content is available; please refresh.');\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n if (\r\n response.status === 404 ||\r\n response.headers.get('content-type').indexOf('javascript') === -1\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import 'react-app-polyfill/ie9';\r\nimport 'react-app-polyfill/stable';\r\nimport 'bootstrap/dist/css/bootstrap.css';\r\nimport 'bootstrap/dist/css/bootstrap-theme.css';\r\nimport './assets/fontastic.css';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport App from './App';\r\nimport { unregister } from './registerServiceWorker';\r\nimport WindowSizeProvider from 'treeline-react-core-components/WindowSizeProvider';\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\n\r\nReactDOM.render(\r\n\t\r\n\t\t\t{successfullyAddedIsbns.length\r\n\t\t\t\t? summaryBullet(\r\n\t\t\t\t\t\tsuccessfullyAddedIsbns,\r\n\t\t\t\t\t\t`Successfully added ${handlePluralIsbnTitle(\r\n\t\t\t\t\t\t\tsuccessfullyAddedIsbns.length,\r\n\t\t\t\t\t\t)}:`,\r\n\t\t\t\t )\r\n\t\t\t\t: null}\r\n\t\t\t{alreadyAddedIsbns.length\r\n\t\t\t\t? summaryBullet(\r\n\t\t\t\t\t\talreadyAddedIsbns,\r\n\t\t\t\t\t\t`${handlePluralIsbnTitle(\r\n\t\t\t\t\t\t\talreadyAddedIsbns.length,\r\n\t\t\t\t\t\t)} already on the list:`,\r\n\t\t\t\t )\r\n\t\t\t\t: null}\r\n\t\t\t{invalidIsbns.length\r\n\t\t\t\t? summaryBullet(\r\n\t\t\t\t\t\tinvalidIsbns,\r\n\t\t\t\t\t\t`Invalid ${handlePluralIsbnTitle(\r\n\t\t\t\t\t\t\tinvalidIsbns.length,\r\n\t\t\t\t\t\t)}:`,\r\n\t\t\t\t )\r\n\t\t\t\t: null}\r\n\t\t
\r\n\t);\r\n}\r\n\r\nexport default TitlesAddedSummary;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport CollaborativeListDataStore from '../containers/CollaborativeListDataStore';\r\nimport ManageListNotifications from './ManageListNotifications';\r\nimport { withLocalize } from '../../Localization/withLocalize';\r\n\r\nListNotificationModalContent.propTypes = {\r\n\tlistId: PropTypes.string,\r\n\tcommunityId: PropTypes.number,\r\n\tisVerticalView: PropTypes.bool,\r\n\ttranslate: PropTypes.func,\r\n};\r\n\r\nfunction ListNotificationModalContent({\r\n\tlistId,\r\n\tcommunityId,\r\n\tisVerticalView,\r\n\ttranslate,\r\n}) {\r\n\treturn (\r\n\t\t{headerText}
\r\n\t\t\t{createdDate && renderDate('Added', createdDate)}\r\n\t\t\t{updatedDate &&\r\n\t\t\t\t!areSameDay(createdDate, updatedDate) &&\r\n\t\t\t\trenderDate('Updated', updatedDate)}\r\n\t\t\r\n\t);\r\n}\r\n\r\nconst renderDate = (dateName, dateString) => {\r\n\treturn (\r\n\t\t\r\n\t\t\t{dateName}
\r\n\t);\r\n};\r\n\r\nconst areSameDay = (date1, date2) => {\r\n\treturn moment(date1)\r\n\t\t.startOf('day')\r\n\t\t.isSame(moment(date2).startOf('date'));\r\n};\r\n\r\nexport default ReviewCopyActionTooltip;\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport api from '../../../Api';\r\nimport { connectToUser } from '../../User/containers/UserDataStore';\r\nimport makeConnectTo from '../../util/makeConnectTo';\r\nimport PreferenceType from '../PreferenceType';\r\n\r\nconst PreferencesContext = React.createContext();\r\n\r\nconst name = 'preferencesDataStore';\r\n\r\nexport const usePreferences = () => React.useContext(PreferencesContext);\r\n\r\nexport const connectToPreferences = makeConnectTo(PreferencesContext, name);\r\n\r\nclass PreferencesDataStore extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tchildren: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\r\n\t};\r\n\r\n\tstate = {\r\n\t\tpreferences: [],\r\n\t\tisLoading: true,\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst preferencesDataStore = this.getStore();\r\n\t\treturn (\r\n\t\t\t{header}
\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\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\t{subHeader}\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{this.props.extra && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{majorHeader && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.getLanePrimaryHeader(majorHeader, icon)}\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{subHeader && (\r\n\t\t\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);\r\n\t\t}\r\n\r\n\t\treturn \r\n\t\t\t\t\r\n\t\t\t\t
\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\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
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default withIsMobile(TitleScroller);\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport api from '../../../Api';\r\nimport makeConnectTo from '../../util/makeConnectTo';\r\nimport { message } from 'antd';\r\nimport {\r\n\taddSavedFiltersToState,\r\n\tgetFilterRefinementDefinitionToSave,\r\n\tgetBrowseFiltersByType,\r\n} from '../../Community/util';\r\nimport { connectToSavedFilters } from './SavedFiltersDataStore';\r\n\r\nconst SavedFilterContext = React.createContext();\r\n\r\nexport const useSavedFilter = () => React.useContext(SavedFilterContext);\r\n\r\nconst name = 'savedFilterDataStore';\r\n\r\nexport const connectToSavedFilter = makeConnectTo(SavedFilterContext, name);\r\n\r\nexport class SavedFilterDataStore extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tchildren: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\r\n\t};\r\n\r\n\tstate = {\r\n\t\tsavedFilter: [],\r\n\t\tviewId: 0,\r\n\t\ttitleCount: -1,\r\n\t\tnewId: 0,\r\n\t\tisLoading: true,\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst savedFilterDataStore = this.getStore();\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t{this.renderLaneHeader()}\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t{this.renderTitles()} \r\n\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{request.status === RequestStatus.rejected && (\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
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\r\n\t\t\t\t\t{download && (\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)}\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{review && (\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)}\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\t
\r\n\t\t\t\t{title.product && (\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);\r\n\t}\r\n\r\n\tselectTitle = (sku, isSelected) => {\r\n\t\tthis.props.logSelectedTitles(sku, isSelected);\r\n\t};\r\n}\r\n\r\nexport default withIsMobile(TitleActivityTile);\r\n","const TitleFilterAttribute = {\r\n\tSupplier: {\r\n\t\tattribute: 'supplier',\r\n\t\tlabel: 'Imprint / Publisher',\r\n\t},\r\n\tFormat: {\r\n\t\tattribute: 'format',\r\n\t\tlabel: 'Format',\r\n\t},\r\n\tCategory: {\r\n\t\tattribute: 'category',\r\n\t\tlabel: 'Category',\r\n\t},\r\n\tSeries: {\r\n\t\tattribute: 'series',\r\n\t\tlabel: 'Series',\r\n\t},\r\n\tPubDateRange: {\r\n\t\tattribute: 'pubDatePeriodDisplay',\r\n\t\tlabel: 'Published Date Range',\r\n\t},\r\n\tPublishingStatus: {\r\n\t\tattribute: 'publishingStatus',\r\n\t\tlabel: 'Publishing Status',\r\n\t},\r\n\tReviewCopyAvailability: {\r\n\t\tattribute: 'reviewCopyAvailability',\r\n\t\tlabel: 'Review Copy Availability',\r\n\t},\r\n\tMarkupNoteIndicator: {\r\n\t\tattribute: 'markupNoteIndicator',\r\n\t\tlabel: 'Markup Notes',\r\n\t},\r\n};\r\n\r\nexport default TitleFilterAttribute;\r\n","import React from 'react';\r\nimport * as Util from '../../../util';\r\nimport { Switch } from 'antd';\r\nimport DrawerAnchor from '../../UI/DrawerAnchor';\r\nimport { withIsMobile } from 'treeline-react-core-components/WindowSizeProvider';\r\nimport TitleFilterAttribute from './TitleFilterAttribute';\r\nimport MobileDrawerHeader from '../../UI/MobileDrawerHeader';\r\n\r\nexport class TitleFilter extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tvisible: false,\r\n\t\t\tfilteredTitleCount: 0,\r\n\t\t\tactiveFilterSections: [],\r\n\t\t\tactiveFilters: [],\r\n\t\t\tfilterListKey: null,\r\n\t\t};\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\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\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\r\n\t\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\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
\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)}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{title.product.sequence + 1}\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\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{filteredTitleCount === titles.length ||\r\n\t\t\t\t\t\t\tfilteredTitleCount === 0 ? (\r\n\t\t\t\t\t\t\t\tNo Filters Active\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{filteredTitleCount} of {titles.length}{' '}\r\n\t\t\t\t\t\t\t\t\tTitles\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\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.renderFilterSection(\r\n\t\t\t\t\t\t\tTitleFilterAttribute.Supplier,\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{this.renderFilterSection(TitleFilterAttribute.Format)}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.renderFilterSection(\r\n\t\t\t\t\t\t\tTitleFilterAttribute.Category,\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{this.renderFilterSection(TitleFilterAttribute.Series)}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.renderFilterSection(\r\n\t\t\t\t\t\t\tTitleFilterAttribute.PubDateRange,\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{this.renderFilterSection(\r\n\t\t\t\t\t\t\tTitleFilterAttribute.PublishingStatus,\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{this.renderFilterSection(\r\n\t\t\t\t\t\t\tTitleFilterAttribute.ReviewCopyAvailability,\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{this.renderFilterSection(\r\n\t\t\t\t\t\t\tTitleFilterAttribute.MarkupNoteIndicator,\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\t{isActive && (\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\t\t{Object.keys(filteredList).length}{' '}\r\n\t\t\t\t\t\t\t\t{titleFilterAttribute.label} Filters\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\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tthis.toggleFilterSection(\r\n\t\t\t\t\t\t\t\t\t\t\te,\r\n\t\t\t\t\t\t\t\t\t\t\ttitleFilterAttribute,\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\t\r\n\t\t\t\t\r\n\t\t\t\t\t{item && item !== 'undefined' ? (\r\n\t\t\t\t\t\titem\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t[No {titleFilterAttribute.label}]\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\r\n\t\t\t\t\t\t\tthis.onChange(\r\n\t\t\t\t\t\t\t\te,\r\n\t\t\t\t\t\t\t\ttitleFilterAttribute.attribute,\r\n\t\t\t\t\t\t\t\titem,\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\tSearch\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\tonSearchInputChange = e => {\r\n\t\tconst { value } = e.target;\r\n\t\tthis.setState({ value });\r\n\r\n\t\tconst { titles } = this.props;\r\n\t\tvar searchResults = titles.filter(\r\n\t\t\tli =>\r\n\t\t\t\t(li.name &&\r\n\t\t\t\t\tli.name.toLowerCase().indexOf(value.toLowerCase()) > -1) ||\r\n\t\t\t\t(li.author &&\r\n\t\t\t\t\tli.author.toLowerCase().indexOf(value.toLowerCase()) > -1),\r\n\t\t);\r\n\r\n\t\tthis.props.sendSearchData(\r\n\t\t\ttitles ? searchResults.map(item => item.sku) : [],\r\n\t\t\tvalue.length,\r\n\t\t);\r\n\t};\r\n}\r\n","import ShelfSelectDrawer from '../Shelves/Selection/ShelfSelectDrawer';\r\nimport ListAssignDrawer from '../CollaborativeLists/ManageFromTitleOrList/ListAssignDrawer';\r\nimport TitleExport from './Export/TitleExport';\r\n\r\nexport const TitleListActionOptions = {\r\n\tAddToCollaborativeList: {\r\n\t\tlabel: 'add_to_collaborative_list',\r\n\t\tclassNames: 'icon-community add-to-collaborative-list-icon',\r\n\t\tdrawer: ListAssignDrawer,\r\n\t},\r\n\tAddToShelf: {\r\n\t\tlabel: 'add_to_shelf_collection',\r\n\t\tclassNames: 'icon-books shelf-icon',\r\n\t\tdrawer: ShelfSelectDrawer,\r\n\t},\r\n\tShareOrExport: {\r\n\t\tlabel: 'share_or_export',\r\n\t\tclassNames: 'icon-export share-icon',\r\n\t\tdrawer: TitleExport,\r\n\t},\r\n\tClearTitleSelections: {\r\n\t\tlabel: 'clear_title_selections',\r\n\t\tclassNames: 'icon-undo share-icon',\r\n\t},\r\n};\r\n","import { Button, List, Popover, Switch, Dropdown, Menu } from 'antd';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { withIsMobile } from 'treeline-react-core-components/WindowSizeProvider';\r\nimport handlePlural from '../../util/handlePlural';\r\nimport { connectToDownloads } from '../Downloads/containers/DownloadsDataStore';\r\nimport { connectToRequests } from '../Requests/containers/RequestsDataStore';\r\nimport { connectToReviews } from '../Reviews/containers/ReviewsDataStore';\r\nimport TitleActivityTile from '../Title/TitleActivityTile';\r\nimport combineConnectors from '../util/combineConnectors';\r\nimport TitleFilter from './Filter/TitleFilter';\r\nimport TitleSearch from './Search/TitleSearch';\r\nimport TitleSortAttribute from './Sort/TitleSortAttribute';\r\nimport TitleListType from './TitleListType';\r\nimport { TitleListActionOptions } from './TitleListActionOptions';\r\nimport PropTypes from 'prop-types';\r\nimport { Translate } from '@above-the-treeline/localization';\r\nimport './tiledTitleList.less';\r\n\r\nexport const TiledTitleList = ({\r\n\tskus,\r\n\ttitles,\r\n\tisLoading,\r\n\tlistKey,\r\n\tisMobile,\r\n\ttitleListType,\r\n\trequestsDataStore,\r\n\tdownloadsDataStore,\r\n\treviewsDataStore,\r\n}) => {\r\n\tconst [filterListKey, setFilterListKey] = useState(null);\r\n\tconst [isFiltered, setIsFiltered] = useState(false);\r\n\tconst [filteredSkus, setFilteredSkus] = useState([]);\r\n\tconst [isSearchOn, setIsSearchOn] = useState(false);\r\n\tconst [searchedSkus, setSearchedSkus] = useState([]);\r\n\tconst [titleSortAttribute, setTitleSortAttribute] = useState(\r\n\t\tTitleSortAttribute.OnSaleDate,\r\n\t);\r\n\tconst [isSortDirectionAsc, setIsSortDirectionAsc] = useState(false);\r\n\tconst [selectedSkus, setSelectedSkus] = useState([]);\r\n\tconst isMobileSize = isMobile();\r\n\r\n\tconst renderedSkus = isSearchOn\r\n\t\t? searchedSkus\r\n\t\t: isFiltered && listKey === filterListKey\r\n\t\t? filteredSkus\r\n\t\t: skus;\r\n\r\n\tuseEffect(() => {\r\n\t\tif (titleListType) {\r\n\t\t\tsetTitleSortAttribute(titleListType.defaultSortAttribute);\r\n\t\t\tsetIsSortDirectionAsc(titleListType.isSortDirectionAsc);\r\n\t\t}\r\n\t}, []);\r\n\r\n\tconst getSearchData = (searchedSkus, searchCharacters) => {\r\n\t\tif (\r\n\t\t\tsearchCharacters > 0 &&\r\n\t\t\tsearchedSkus &&\r\n\t\t\tsearchedSkus.length > 0 &&\r\n\t\t\tsearchedSkus.length !== skus.length\r\n\t\t) {\r\n\t\t\tsetIsSearchOn(true);\r\n\t\t\tsetSearchedSkus(searchedSkus);\r\n\t\t} else {\r\n\t\t\tsetIsSearchOn(false);\r\n\t\t\tsetSearchedSkus([]);\r\n\t\t}\r\n\t};\r\n\r\n\tconst getData = (searchedSkus, key) => {\r\n\t\tif (\r\n\t\t\tkey === listKey &&\r\n\t\t\tsearchedSkus &&\r\n\t\t\tsearchedSkus.length > 0 &&\r\n\t\t\tsearchedSkus.length !== skus.length\r\n\t\t) {\r\n\t\t\tsetIsFiltered(true);\r\n\t\t\tsetFilteredSkus(searchedSkus);\r\n\t\t\tsetFilterListKey(key);\r\n\t\t} else {\r\n\t\t\tsetIsFiltered(false);\r\n\t\t\tsetFilteredSkus([]);\r\n\t\t\tsetFilterListKey(listKey);\r\n\t\t}\r\n\t};\r\n\r\n\tconst renderTitle = (sku, titles) => {\r\n\t\tconst { requests } = requestsDataStore.state;\r\n\t\tconst { downloads } = downloadsDataStore.state;\r\n\t\tconst { reviews } = reviewsDataStore.state;\r\n\t\tconst request = requests && requests.filter(rq => rq.sku === sku)[0];\r\n\r\n\t\tconst skuDownload = downloads && downloads.filter(dn => dn.sku === sku);\r\n\t\tconst download =\r\n\t\t\tskuDownload && skuDownload.length > 0 && skuDownload[0];\r\n\r\n\t\tconst skuReview = reviews && reviews.filter(rv => rv.sku === sku);\r\n\t\tconst review = skuReview && skuReview.length > 0 && skuReview[0];\r\n\r\n\t\tconst skuTitle = titles.filter(dn => dn.sku === sku);\r\n\t\tconst title = skuTitle && skuTitle.length > 0 && skuTitle[0];\r\n\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\r\n\t\t\t\t sk === title.sku).length > 0\r\n\t\t\t\t\t}\r\n\t\t\t\t\ttitleListType={titleListType}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tconst renderFilterLink = renderedSkus => {\r\n\t\tif (listKey !== filterListKey) {\r\n\t\t\tsetIsFiltered(false);\r\n\t\t\tsetFilteredSkus([]);\r\n\t\t\tsetFilterListKey(listKey);\r\n\t\t}\r\n\t\tconst unfilteredTitles = titles.filter(function(item) {\r\n\t\t\treturn skus.includes(item.sku);\r\n\t\t});\r\n\t\tconst filteredTitles = isFiltered\r\n\t\t\t? titles.filter(function(item) {\r\n\t\t\t\t\treturn filteredSkus.includes(item.sku);\r\n\t\t\t })\r\n\t\t\t: unfilteredTitles;\r\n\t\tconst filteredProducts = filteredTitles.map(function(item) {\r\n\t\t\treturn item.product;\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{renderActionHeader(renderedSkus)}\r\n\t\t\t\t\t{renderFilterHeader(unfilteredTitles)}\r\n\t\t\t\t\t{renderSortHeader()}\r\n\t\t\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 renderActionHeader = renderedSkus => {\r\n\t\tconst renderActionTitleText = () => (\r\n\t\t\t\r\n\t\t\t\t\t{handlePlural('Title', skus.length, false)}\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\t\t\t{!isMobileSize && renderActionTitleText()}\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tconst renderFilterHeader = unfilteredTitles => {\r\n\t\tconst filterText = (\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\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t{!isMobileSize ? filterText : null}\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t};\r\n\r\n\tconst renderActionOptionLabel = option => {\r\n\t\tconst { classNames, label } = option;\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\t\t\t\r\n\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\tconst renderOneActionOption = (option, skus) => {\r\n\t\tconst { drawer: Drawer } = option;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{!isMobileSize && actionTitleText}\r\n\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tconst renderSortOptions = () => {\r\n\t\tconst getSortOptions = () => {\r\n\t\t\tconst sortOptions = [\r\n\t\t\t\tTitleSortAttribute.OnSaleDate,\r\n\t\t\t\tTitleSortAttribute.PubDate,\r\n\t\t\t\tTitleSortAttribute.DigitalUpdatedDate,\r\n\t\t\t\tTitleSortAttribute.Supplier,\r\n\t\t\t\tTitleSortAttribute.Category,\r\n\t\t\t\tTitleSortAttribute.Author,\r\n\t\t\t\tTitleSortAttribute.Pages,\r\n\t\t\t\tTitleSortAttribute.CommunityReviews,\r\n\t\t\t\tTitleSortAttribute.CommunityRating,\r\n\t\t\t];\r\n\t\t\ttitleListType === TitleListType.Catalog &&\r\n\t\t\t\tsortOptions.unshift(TitleSortAttribute.Sequence);\r\n\t\t\ttitleListType === TitleListType.CollaborativeList &&\r\n\t\t\t\tsortOptions.unshift(TitleSortAttribute.NetVotes);\r\n\t\t\treturn sortOptions;\r\n\t\t};\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\r\n\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);\r\n\t};\r\n\r\n\tconst renderSortOption = thisTitleSortAttribute => {\r\n\t\treturn (\r\n\t\t\tSort Direction
\r\n\t\t\t\t\r\n\t\t\t\t\t changeSortDirection(e)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\tSorted By
\r\n\t\t\t\t{getSortOptions().map(sortOption =>\r\n\t\t\t\t\trenderSortOption(sortOption),\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t{!isLoading &&\r\n\t\t\t\t(renderedSkus.length > 0 ? (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{renderFilterLink(renderedSkus)}\r\n\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{renderTitle(sku, titles)}\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\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\t
\r\n\t\t\t\t))}\r\n\t\t\r\n\t);\r\n};\r\n\r\nconst connectors = [connectToRequests, connectToDownloads, connectToReviews];\r\n\r\nexport default combineConnectors(connectors)(withIsMobile(TiledTitleList));\r\n\r\nTiledTitleList.propTypes = {\r\n\tisMobile: PropTypes.func,\r\n\tisLoading: PropTypes.bool,\r\n\tskus: PropTypes.array,\r\n\ttitles: PropTypes.array,\r\n};\r\n","export enum ApplicationIdentifierEnum {\r\n\tCommunity = 103,\r\n}\r\n","import React from 'react';\r\nimport { Button } from 'antd';\r\nimport { Translate } from '@above-the-treeline/localization';\r\n\r\nexport default function AlreadyRegisteredError(): JSX.Element {\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t\t\t{Boolean(process.env.REACT_APP_DO_SHOW_PASSWORD_EDITOR) && (\r\n\t\t\t\t\r\n\t\t\t)}\r\n\t\t
\r\n\t);\r\n}\r\n","enum UserPrivilegesEnum {\r\n\tIsOrgAuthorizedToPostEventsToGenreCommunities = 'community.communities.genre.organization.post.event',\r\n\tIsUserAuthorizedToPostEventsToGenreCommunities = 'community.communities.genre.user.post.event',\r\n}\r\n\r\nexport default UserPrivilegesEnum;\r\n","function _px_generateRandomId() {\r\n\treturn `${new Date().getTime()}-${_px_generateRandom(8)}`;\r\n}\r\n\r\nfunction setCookie(name, value, daysToLive) {\r\n\t// Encode value in order to escape semicolons, commas, and whitespace\r\n\tvar cookie = name + '=' + encodeURIComponent(value);\r\n\tif (typeof daysToLive === 'number') {\r\n\t\tcookie += '; max-age=' + daysToLive * 24 * 60 * 60;\r\n\t\tdocument.cookie = cookie;\r\n\t}\r\n}\r\n\r\nfunction _px_isAnonymous() {\r\n\tconst PX_COOKIE = 'apt.uid';\r\n\tvar cookieParts = _px_getCookie(PX_COOKIE).split('.');\r\n\tvar anonymous = cookieParts.length != 4 || cookieParts[2] === '0';\r\n\treturn anonymous;\r\n}\r\n\r\nfunction _px_getRandomInt(min, max) {\r\n\tmin = Math.ceil(min);\r\n\tmax = Math.floor(max);\r\n\treturn Math.floor(Math.random() * (max - min)) + min;\r\n}\r\n\r\nfunction _px_generateRandom(howMany) {\r\n\tlet random = '';\r\n\tfor (let i = 0; i < howMany; i++) {\r\n\t\trandom += _px_getRandomInt(1, 10);\r\n\t}\r\n\treturn random;\r\n}\r\n\r\nfunction _px_getCookie(cname) {\r\n\tvar name = cname + '=';\r\n\tvar decodedCookie = decodeURIComponent(document.cookie);\r\n\tvar ca = decodedCookie.split(';');\r\n\tfor (var i = 0; i < ca.length; i++) {\r\n\t\tvar c = ca[i];\r\n\t\twhile (c.charAt(0) == ' ') {\r\n\t\t\tc = c.substring(1);\r\n\t\t}\r\n\t\tif (c.indexOf(name) == 0) {\r\n\t\t\treturn c.substring(name.length, c.length);\r\n\t\t}\r\n\t}\r\n\treturn '';\r\n}\r\n\r\nexport function setGainsightCookieForAnonUser() {\r\n\tif (_px_isAnonymous()) {\r\n\t\tconst id = _px_generateRandomId();\r\n\t\twindow.aptrinsic('identify', { id });\r\n\t\tsetCookie(PX_ANON_COOKIE, id, PX_ANON_COOKIE_DAYS_TO_LIVE);\r\n\t}\r\n}\r\n\r\nfunction buildUserIdentity(user, region, subscriberType) {\r\n\treturn {\r\n\t\tid: `${user.id}`,\r\n\t\tuserId: user.userID,\r\n\t\temail: user.email,\r\n\t\tfirstName: user.firstName,\r\n\t\tlastName: user.lastName,\r\n\t\tsignUpDate: new Date(user.createdDate).getTime(),\r\n\t\ttitle: user.title,\r\n\t\trole: user.classification,\r\n\t\tsubscriberType,\r\n\t\tcountryName: region?.name,\r\n\t\tcultureName: region?.cultureName,\r\n\t};\r\n}\r\n\r\nexport function setGainsightIdentity(\r\n\tuserAccountDetails,\r\n\tregion,\r\n\tsubscriberType,\r\n) {\r\n\tconst user = userAccountDetails?.user;\r\n\tif (user) {\r\n\t\twindow.aptrinsic(\r\n\t\t\t'identify',\r\n\t\t\tbuildUserIdentity(user, region, subscriberType),\r\n\t\t\t{\r\n\t\t\t\tid: user.orgID,\r\n\t\t\t\tname: user.orgName,\r\n\t\t\t},\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport const PX_ANON_COOKIE = 'apt.anon';\r\nexport const PX_ANON_COOKIE_DAYS_TO_LIVE = 7;\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport api from '../../../Api';\r\nimport makeConnectTo from '../../util/makeConnectTo';\r\nimport moment from 'moment';\r\nimport queryString from 'query-string';\r\nimport { withIsMobile } from 'treeline-react-core-components/WindowSizeProvider';\r\nimport { Translate } from '@above-the-treeline/localization';\r\nimport AlreadyRegisteredError from '../../Anonymous/AnonymousHeader/RegistrationModal/RegistrationForm/AlreadyRegisteredError/AlreadyRegisteredError';\r\nimport { ApplicationIdentifierEnum } from '../../../enums/ApplicationIdentifierEnum';\r\nimport { isFunction } from 'lodash-es';\r\nimport UserPrivilegesEnum from '../enums/UserPrivilegesEnum';\r\nimport {\r\n\tsetGainsightCookieForAnonUser,\r\n\tsetGainsightIdentity,\r\n} from '../../../util/gainsight';\r\n\r\nconst UserContext = React.createContext();\r\n\r\nconst name = 'userDataStore';\r\n\r\nexport const useUser = () => React.useContext(UserContext);\r\n\r\nexport const connectToUser = makeConnectTo(UserContext, name);\r\n\r\nconst anonymousUserId = 0;\r\n\r\nclass UserDataStore extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tchildren: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\r\n\t\tisMobile: PropTypes.func,\r\n\t};\r\n\r\n\tstate = {\r\n\t\tuser: {},\r\n\t\torganization: {},\r\n\t\tuserAvatar: {},\r\n\t\tjoinedCommunities: [],\r\n\t\tisLoading: true,\r\n\t\tsessionId: '',\r\n\t\tisAnonymous: false,\r\n\t\tisAuthorizedToPostEventsToGenreCommunities: true,\r\n\t\tisUnsubscribedFromFriendEmail: false,\r\n\t\tregion: null,\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst userDataStore = this.getStore();\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t{Boolean(process.env.REACT_APP_DO_SHOW_PASSWORD_EDITOR) && (\r\n\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\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{headerText}
\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);\r\n}\r\n\r\nexport default withIsMobile(ReviewStepHeader);\r\n","import React from 'react';\r\n\r\nexport default function ViewInListLink() {\r\n\treturn (\r\n\t\t\r\n\t\t\tView in List{' '}\r\n\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","export const getReaderHref = (sku: string): string => {\r\n\tconst BASE_URL = process.env.REACT_APP_EDELWEISS_READER_URL;\r\n\treturn `${BASE_URL}/${sku}`;\r\n};\r\n","import { Button } from 'antd';\r\nimport { useWebReaderGalleyAccess } from '../hooks/useWebReaderGalleyAccess';\r\nimport { getReaderHref } from '../../util/getReaderHref';\r\nimport { TranslateType } from '@above-the-treeline/localization';\r\n\r\ntype IGhostButtonProps = {\r\n\tsku: string;\r\n\ttranslate: TranslateType;\r\n};\r\nexport const GhostButton = ({ sku, translate }: IGhostButtonProps) => {\r\n\tconst { isLoading, hasWebReaderGalleyAccess } = useWebReaderGalleyAccess();\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t{isActiveWebReaderProduct &&
\r\n\t);\r\n};\r\n","import { useUser } from '../../User/containers/UserDataStore';\r\n\r\nconst defaultFormat: Intl.DateTimeFormatOptions = {\r\n\tyear: 'numeric',\r\n\tmonth: 'numeric',\r\n\tday: 'numeric',\r\n};\r\n\r\nexport default function useLocalizeDate(\r\n\tdateFormat: Intl.DateTimeFormatOptions = defaultFormat,\r\n): (jsonDate: string) => string | null {\r\n\tconst user = useUser();\r\n\r\n\treturn (jsonDate: string): string | null => {\r\n\t\tconst hasValidDate = jsonDate && jsonDate !== '0001-01-01T00:00:00';\r\n\t\tif (!hasValidDate) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t\treturn new Date(jsonDate).toLocaleDateString(\r\n\t\t\tgetCultureIndicator(user),\r\n\t\t\tdateFormat,\r\n\t\t);\r\n\t};\r\n}\r\n\r\nfunction getCultureIndicator(userDataStore: any) {\r\n\tconst country =\r\n\t\tuserDataStore.state.organization &&\r\n\t\tuserDataStore.state.organization.address\r\n\t\t\t? userDataStore.state.organization.address.country\r\n\t\t\t: 'US';\r\n\tif (country === 'UK' || country === 'GB') {\r\n\t\treturn 'en-GB';\r\n\t}\r\n\treturn 'en-US';\r\n}\r\n","import Title from '../../types/Title';\r\nimport { useWebReaderGalleyAccess } from '../hooks/useWebReaderGalleyAccess';\r\nimport { GhostButton } from './GhostButton';\r\nimport { Tooltip } from 'antd';\r\nimport ReviewCopyActionTooltip from './ReviewCopyActionTooltip';\r\nimport { RoundButton } from './RoundButton';\r\nimport { withIsMobile } from 'treeline-react-core-components/WindowSizeProvider';\r\nimport useWebReaderProducts from '../Titles/hooks/useWebReaderProducts';\r\nimport useLocalizeDate from '../Localization/hooks/useLocalizeDate';\r\nimport { useTranslate } from '@above-the-treeline/localization';\r\n\r\ninterface IReaderLinkProps {\r\n\ttitle: Title;\r\n\tbuttonType: string;\r\n\tisMobile: () => boolean;\r\n}\r\n\r\nfunction EdelweissReaderLink({\r\n\ttitle,\r\n\tbuttonType,\r\n\tisMobile,\r\n}: IReaderLinkProps) {\r\n\tconst { sku } = title;\r\n\tconst { isLoading, hasWebReaderGalleyAccess } = useWebReaderGalleyAccess();\r\n\tconst { translate } = useTranslate();\r\n\r\n\tconst localizeDate = useLocalizeDate();\r\n\tconst webReaderProducts = useWebReaderProducts();\r\n\r\n\tconst getTooltipTitle = (lastAccessedDate: string): JSX.Element => {\r\n\t\tconst { digitalCreatedDate, digitalUpdatedDate } = title;\r\n\t\tlet header;\r\n\t\tif (!hasWebReaderGalleyAccess(sku)) {\r\n\t\t\theader = translate(\r\n\t\t\t\t'currently_unavailable_via_the_edelweiss_web_reader',\r\n\t\t\t);\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t} else if (lastAccessedDate) {\r\n\t\t\theader = translate('last_viewed_on_x', {\r\n\t\t\t\tx: localizeDate(lastAccessedDate) as string,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\theader = translate('read_in_the_edelweiss_web_reader');\r\n\t\t}\r\n\r\n\t\tconst percentRead: number = webReaderProducts.getPercentOfBookCompleted(\r\n\t\t\tsku,\r\n\t\t);\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{`${percentRead}% Read`}
\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\tconst renderButton = () => {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{buttonType === 'ghost' ? (\r\n\t\t\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tconst renderButtonWithTooltip = () => {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t{text}\r\n\t\t\t\r\n\t\t
\r\n\t);\r\n}\r\n","const TitlePubDateType = {\r\n\t1: {\r\n\t\tkey: 1,\r\n\t\tlabel: 'More Than 3 Months Out',\r\n\t\tclass: 'review-lane-left',\r\n\t\tmonthsFrom: 3,\r\n\t\tmonthsTo: 100,\r\n\t},\r\n\t2: {\r\n\t\tkey: 2,\r\n\t\tlabel: 'Coming Out Within 3 Months',\r\n\t\tclass: 'review-lane-right',\r\n\t\tmonthsFrom: 0,\r\n\t\tmonthsTo: 3,\r\n\t},\r\n\t3: {\r\n\t\tkey: 3,\r\n\t\tlabel: 'New in last 6 Months',\r\n\t\tclass: 'review-lane-left',\r\n\t\tmonthsFrom: -6,\r\n\t\tmonthsTo: 0,\r\n\t},\r\n\t4: {\r\n\t\tkey: 4,\r\n\t\tlabel: 'New over 6 Months Ago',\r\n\t\tclass: 'review-lane-right',\r\n\t\tmonthsFrom: -200,\r\n\t\tmonthsTo: -6,\r\n\t},\r\n};\r\n\r\nexport default TitlePubDateType;\r\n","const InputType = {\r\n\tDownVote: {\r\n\t\tkey: 'downVote',\r\n\t\tsingularKey: 'downvote',\r\n\t\tpluralKey: 'downvotes',\r\n\t},\r\n\tUpVote: {\r\n\t\tkey: 'upVote',\r\n\t\tsingularKey: 'upvote',\r\n\t\tpluralKey: 'upvotes',\r\n\t},\r\n\tComment: {\r\n\t\tkey: 'comment',\r\n\t\tsingularKey: 'comment',\r\n\t\tpluralKey: 'comments',\r\n\t},\r\n\tQuantity: {\r\n\t\tkey: 'quantity',\r\n\t\tsingularKey: 'quantity',\r\n\t\tpluralKey: 'quantities',\r\n\t},\r\n\tAdd: {\r\n\t\tkey: 'add',\r\n\t\tsingularKey: 'add',\r\n\t\tpluralKey: 'adds',\r\n\t},\r\n};\r\n\r\nexport default InputType;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withIsMobile } from 'treeline-react-core-components/WindowSizeProvider';\r\nimport SimpleBar from 'simplebar-react';\r\nimport Carousel from 'react-multi-carousel';\r\nimport { ScrollerConfigContext } from './ScrollerConfigContext';\r\nimport ScrollerType from './ScrollerType.js';\r\nimport './scroller.css';\r\nimport 'react-multi-carousel/lib/styles.css';\r\nimport 'simplebar/dist/simplebar.min.css';\r\n\r\nconst ScrollerConfigConsumer = ScrollerConfigContext.Consumer;\r\n\r\nconst CustomButtonGroup = ({ mobile, next, previous, ...rest }) => {\r\n\tconst {\r\n\t\tcarouselState: { totalItems, currentSlide },\r\n\t} = rest;\r\n\trest.carouselState.itemWidth = 150;\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
\r\n\t);\r\n}\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport api from '../../../Api';\r\nimport makeConnectTo from '../../util/makeConnectTo';\r\nimport ConversationType from '../ConversationType';\r\n\r\nconst ConversationsContext = React.createContext();\r\n\r\nconst name = 'conversationsDataStore';\r\n\r\nexport const useConversations = () => React.useContext(ConversationsContext);\r\n\r\nexport const connectToConversations = makeConnectTo(ConversationsContext, name);\r\n\r\nexport default class ConversationsDataStore extends React.Component {\r\n\tstatic propTypes = {\r\n\t\tchildren: PropTypes.oneOfType([\r\n\t\t\tPropTypes.element,\r\n\t\t\tPropTypes.func,\r\n\t\t\tPropTypes.array,\r\n\t\t]),\r\n\t};\r\n\r\n\tstate = {\r\n\t\tconversations: [],\r\n\t\tisLoading: true,\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst conversationsDataStore = this.getStore();\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t{titleKey && (\r\n\t\t\t\t\r\n\t\t\t\t\t{translate(titleKey, titleData)}\r\n\t\t\t\t\r\n\t\t\t)}\r\n\t\t