\n \n
\n );\n};\n\nexport default FacetSelector;\n","import isString from \"lodash/isString\";\nimport numeral from \"numeral\";\nimport { Component } from \"react\";\n\nclass MetricsBox extends Component {\n componentDidMount() {\n $(document).foundation();\n }\n\n render() {\n const { title, number, description, tooltip, notAvailable } = this.props;\n\n let metricInformation = (\n \n
\n );\n\n if (notAvailable)\n metricInformation = (\n \n {numeral(number).format(\"0,0\")}\n
\n{description}
\n\n These metrics are not available when you have a collection filter\n selected\n
\n );\n\n let metricHeader = {title};\n if (isString(tooltip))\n metricHeader = (\n\n
\n );\n }\n}\n\nexport default MetricsBox;\n","import { useSelector } from \"react-redux\";\n\nimport { get, map, sum, toPairs } from \"lodash\";\nimport MetricBox from \"./MetricBox\";\n\nimport { getSelectedFacet } from \"src/features/Dashboard/FiltersSlice\";\nimport { selectedTotalSets } from \"src/features/Dashboard/GlobalMetricsSlice\";\nimport {\n selectedMetrics,\n selectedTotalItems,\n} from \"src/features/Dashboard/MetricsSlice\";\n\nconst formatAsOfDescription = (description) => {\n return `${description} as of yesterday`;\n};\n\nconst IndexPage = () => {\n const metrics = useSelector(selectedMetrics);\n const totalStories = useSelector(selectedTotalSets);\n const selectedFacet = useSelector(getSelectedFacet);\n const totalItems = useSelector(selectedTotalItems);\n\n const metricsBoxData = {\n whats_new: {\n title: \"What's new\",\n description: \"New items\",\n number: sum(map(metrics.records, (m) => m.total_new_records)),\n tooltip:\n \"The number of new items added to DigitalNZ over the specified timeframe.\",\n },\n items: {\n title: \"Items\",\n description: formatAsOfDescription(\"Total items\"),\n number: totalItems,\n tooltip:\n \"The total number of items in the complete DigitalNZ data service. This total includes items that are not discoverable through www.digitalnz.org.\",\n },\n interactions: {\n title: \"Interactions\",\n description: \"Total item activity\",\n number: sum(\n map(metrics.views, (viewData) => {\n return (\n get(viewData, \"records_added_to_user_sets\", 0) +\n get(viewData, \"records_added_to_user_stories\", 0) +\n get(viewData, \"total_source_clickthroughs\", 0)\n );\n })\n ),\n tooltip:\n \"The number of times a user has clicked-through to the content source, or added an item to a story.\",\n },\n views: {\n title: \"Views and Impressions\",\n description:\n \"Total items appearing in search results, in viewed Stories, or viewed on full details pages\",\n number: sum(\n map(metrics.views, (viewData) => {\n return (\n get(viewData, \"searches\", 0) +\n get(viewData, \"record_page_views\", 0) +\n get(viewData, \"user_set_views\", 0) +\n get(viewData, \"user_story_views\", 0)\n );\n })\n ),\n tooltip:\n \"A combined count of how many times an item has been viewed on its full details page, appeared in any search results, or displayed in a Story.\",\n },\n sets: {\n title: \"Stories\",\n description: formatAsOfDescription(\"Total public Stories\"),\n number: totalStories,\n tooltip:\n \"The total number of public Stories created. Stories with a status of hidden or private are not reflected in this number.\",\n },\n };\n\n if (selectedFacet !== \"all\") metricsBoxData.sets.notAvailable = true;\n\n const metricBoxes = map(toPairs(metricsBoxData), (pair) => {\n const [id, metricData] = pair;\n return (\n {metricHeader}
\n {metricInformation}\n\n
\n );\n });\n\n return {metricBoxes}
;\n};\n\nexport default IndexPage;\n","// MODULES\nimport { isNil, keys } from \"lodash\";\nimport { useEffect } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\n\n// COMPONENTS\nimport DateRange from \"./DateRange\";\nimport DownloadCsv from \"./DownloadCsv\";\nimport FacetSelector from \"./FacetSelector\";\nimport IndexPage from \"./IndexPage\";\n\nimport SpinnerImage from \"images/spinner.gif\";\nimport generateDateRange from \"src/utils/generateDateRange\";\n\n// SLICES\nimport { selectFacets } from \"src/features/Dashboard/FacetsSlice\";\nimport {\n selectFilters,\n selectNewDateRange,\n selectNewFacet,\n} from \"src/features/Dashboard/FiltersSlice\";\nimport {\n fetchMetrics,\n selectMetrics,\n} from \"src/features/Dashboard/MetricsSlice\";\n\nconst shouldFetchMetrics = (metrics, facet, startDate, endDate) => {\n const dateRangesArray = generateDateRange(startDate, endDate);\n const metricsForFacet = metrics[facet];\n\n if (isNil(metricsForFacet)) return true;\n if (metricsForFacet.loading) return false;\n\n const currentMetricsDates = keys(metricsForFacet);\n return dateRangesArray.some((date) => !currentMetricsDates.includes(date));\n};\n\nconst Main = () => {\n const dispatch = useDispatch();\n const { startDate, endDate, selectedFacet } = useSelector(selectFilters);\n const metrics = useSelector(selectMetrics);\n const facets = useSelector(selectFacets);\n\n const selectedMetricObject = metrics[selectedFacet];\n const loading = selectedMetricObject ? selectedMetricObject.loading : true;\n\n useEffect(() => {\n if (shouldFetchMetrics(metrics, selectedFacet, startDate, endDate)) {\n dispatch(\n fetchMetrics({\n facet: selectedFacet,\n startDate: startDate,\n endDate: endDate,\n })\n );\n }\n }, [dispatch, metrics, selectedFacet, startDate, endDate]);\n\n const loadingText = (\n \n 
\n
\n );\n\n const changeSelectedFacet = (facet) => {\n dispatch(selectNewFacet(facet));\n };\n\n const changeSelectedDateRange = (dateRange) => {\n dispatch(selectNewDateRange(dateRange));\n };\n\n return (\n Loading data
\n\n
\n );\n};\n\nexport default Main;\n","require(\"isomorphic-fetch\");\nrequire(\"es6-promise/auto\");\n\nimport \"react-dates/initialize\";\nimport { Provider } from \"react-redux\";\nimport Main from \"src/components/Dashboard/Main\";\nimport ErrorBoundary from \"src/components/ErrorBoundary\";\nimport { dashboardReducer } from \"src/reducers\";\nimport configureAppStore from \"src/store\";\n\nconst DashboardApp = (props) => (\n Dashboard
\n\n Welcome to DigitalNZ's metrics dashboard. Here you can find metrics\n about the different collections DigitalNZ brings together.\n
\n\n
\n {loading ? loadingText : \n
\n \n
\n\n \n {loading ? null :
\n \n \n \n \n\n setOpenedDeleteModal(true)}\n >\n \n \n
\n\n \n 
\n\n
\n \n Are you sure you want to delete this image from DigitalNZ? It will\n be removed from any story it has been added to.\n
\n\n
\n \n
\n \n \n );\n};\n\nexport default EditOverlay;\n","import { Component } from \"react\";\nimport AddToStoryButton from \"src/components/AddToStoryButton/AddToStoryButton\";\nimport EditOverlay from \"src/components/RecordCard/EditOverlay\";\n\nfunction withMyUploadedItems(WrappedComponent) {\n return class extends Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const { id, recordId, title, thumbnailImageUrl } = this.props;\n\n return (\n \n
\n );\n};\n\nexport default MyUploadedItems;\n","import { Provider } from \"react-redux\";\nimport AddToStoryModalBehaviour from \"src/components/AddToStoryModalBehaviour\";\nimport AddToStoryNotification from \"src/components/AddToStoryNotification\";\nimport ErrorBoundary from \"src/components/ErrorBoundary\";\nimport MyUploadedItems from \"src/components/MyUploadedItems\";\nimport EditUserImageModal from \"src/components/RecordCard/EditUserImageModal\";\n\nimport { recordsReducer } from \"src/reducers\";\nimport configureAppStore from \"src/store\";\n\nconst MyUploadedItemsApp = (props) => {\n return (\n My Uploaded Images
\n\n {map(records, (record) => (\n
\n \n
\n ))}\n \n
\n ));\n\n return (\n \n \n {cards}\n \n
\n \n
\n\n \n You need to log in or sign up before you can add an item to a story.\n
\n\n\n
\n \n Sign up\n \n \n Log in\n \n
\n \n );\n};\n\nexport default Login;\n","import { Component } from \"react\";\nimport { bindAll, trim } from \"lodash\";\n\nclass CreateStoryForm extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n value: \"\",\n valid: true,\n };\n\n bindAll(this, \"onChange\", \"handleSubmit\");\n }\n\n onChange(e) {\n this.setState({ value: e.target.value });\n }\n\n handleSubmit(event) {\n event.preventDefault();\n\n const { value } = this.state;\n const { storyCreateCb } = this.props;\n\n if (trim(value)) {\n this.setState({ valid: true });\n storyCreateCb(value);\n } else {\n this.setState({ valid: false });\n }\n }\n\n render() {\n return (\n <>\n \n \n );\n }\n}\n\nexport default CreateStoryForm;\n","import { map, truncate } from \"lodash\";\n\nconst StoryCheckboxes = ({ stories, record, storiesMap, onStoryToggle }) => {\n return map(stories, ({ id, name, numberOfItems, recordIds }) => {\n const toggleCheckbox = onStoryToggle.bind(null, id);\n\n return (\n \n
\n );\n });\n};\n\nexport default StoryCheckboxes;\n","import { Component } from \"react\";\nimport StoryCheckboxes from \"./StoryCheckboxes\";\nimport { bindAll, some, isEqual } from \"lodash\";\n\nclass AddToStoryForm extends Component {\n constructor(props) {\n super(props);\n\n const record = props.record || {};\n const checkedStories = {};\n props.stories.forEach(({ id, recordIds }) => {\n checkedStories[id] = some(recordIds, { recordId: record.id });\n });\n\n this.state = {\n initialMap: checkedStories, // {id1: true, id2: false, id3: false...}\n storiesMap: Object.assign({}, checkedStories),\n };\n\n bindAll(this, \"onStoryToggle\", \"handleSubmit\");\n }\n\n onStoryToggle(storyId) {\n const storiesMap = this.state.storiesMap;\n storiesMap[storyId] = !storiesMap[storyId];\n this.setState({ storiesMap: storiesMap });\n }\n\n handleSubmit(event) {\n event.preventDefault();\n\n // only update stories where a checkbox has been changed\n const changedStoriesMap = {};\n for (let storyId in this.state.initialMap) {\n if (this.state.initialMap[storyId] != this.state.storiesMap[storyId]) {\n changedStoriesMap[storyId] = this.state.storiesMap[storyId];\n }\n }\n this.props.boundAddRemoveToStories(changedStoriesMap, this.props.record);\n }\n\n render() {\n const { stories, activateCreateMode, record, mode, toggleOpenCb, loading } =\n this.props;\n\n if (record == null) return null;\n\n return (\n <>\n \n \n
\n \n \n {`${numberOfItems} items`}\n \n
\n \n
\n\n \n \n );\n }\n}\n\nexport default AddToStoryForm;\n","import { Component } from \"react\";\nimport isEmpty from \"lodash/isEmpty\";\nimport bindAll from \"lodash/bindAll\";\nimport Modal from \"src/components/Modal\";\n\nimport Login from \"./Login\";\nimport CreateStoryForm from \"./CreateStoryForm\";\nimport AddToStoryForm from \"./AddToStoryForm\";\n\nclass AddToStoryModalFactory extends Component {\n constructor(props) {\n super(props);\n\n if (!props.loggedIn) this.state = { mode: \"login\" };\n else if (isEmpty(props.stories)) this.state = { mode: \"createStory\" };\n else this.state = { mode: \"addToStory\" };\n\n bindAll(this, \"changeMode\", \"onAfterClose\");\n }\n\n onAfterClose() {\n if (this.state.mode == \"createStory\") {\n this.setState({ mode: \"addToStory\" });\n }\n if ($(`#card_${this.props.record.id} [aria-haspopup=\"true\"]`).length) {\n $(`#card_${this.props.record.id} [aria-haspopup=\"true\"]`)[0].focus();\n }\n }\n\n changeMode(mode) {\n this.setState({ mode });\n }\n\n render() {\n const {\n stories,\n storyCreateCb,\n boundAddRemoveToStories,\n record,\n toggleOpenCb,\n loading,\n isOpened,\n } = this.props;\n\n const modeMap = {\n login: \n {record.thumbnailImageUrl && (\n
\n \n
\n )}\n \n
\n \n Add the item{\" \"}\n \n '{record.title}'\n {\" \"}\n to a story:\n
\n dispatch(closeNotification())} className={divClass}>\n
,\n document.getElementById(\"notifications\") // defined in application.html.haml\n );\n};\n\nexport default AddToStoryNotification;\n","import { Component } from \"react\";\n\nclass ErrorBoundary extends Component {\n constructor(props) {\n super(props);\n\n this.state = { hasError: false };\n\n this.developmentRender = this.developmentRender.bind(this);\n }\n\n componentDidCatch(error, info) {\n // Display fallback UI\n this.setState({ hasError: true, error: error });\n\n // eslint-disable-next-line no-console\n console.error(error, info);\n }\n\n developmentRender() {\n return (\n \n
\n \n
\n \n {\" \"}\n
\n \n {\n e.stopPropagation();\n dispatch(toggleAlwaysAdd());\n }}\n >\n {buttonText}\n \n
\n \n \n \n \n
\n \n
\n );\n }\n\n render() {\n if (!this.state.hasError) {\n return this.props.children;\n }\n\n if (\n process.env.RAILS_ENV == \"development\" ||\n process.env.RAILS_ENV == \"test\"\n ) {\n return this.developmentRender();\n }\n\n return (\n // taken from 500.html.haml\n [DEVELOPMENT] AN ERROR OCCURED
\n{this.state.error.message}
\n\n {this.state.error.stack}\n \n \n
\n );\n }\n}\n\nexport default ErrorBoundary;\n","import ReactModal from \"react-modal\";\n\nif (process.env.NODE_ENV != \"test\") {\n ReactModal.setAppElement(\"#root\");\n}\n\nconst Modal = (props) => {\n const OverlayElement = function (props, contentElement) {\n return (\n \n
\n We're sorry
\n\n But something went wrong, we've been notified about this issue and\n we'll take a look at it shortly.\n
\n- \n
- \n DigitalNZ Homepage\n \n
- \n About DigitalNZ\n \n
- \n Contact DigitalNZ\n \n
Thank you
\n\n
\n );\n };\n\n const ContentElement = function (props, children) {\n return (\n \n
\n {contentElement}
\n \n
\n );\n };\n\n return (\n \n
\n {children}\n
\n \n \n ×\n \n )}\n
\n {this.title}
\n {this.shouldHaveCloseButton !== false && (\n\n {children}\n
Loading...
\n ) : (\n \n
\n \n
\n \n );\n};\n\nexport default HorizontalRecordCard;\n","import classNames from \"classnames\";\nimport { truncate } from \"lodash\";\nimport unescapeXMLCharacters from \"src/utils/unescapeXMLCharacters\";\nimport RecordLink from \"./RecordLink\";\nimport RecordThumbnail from \"./RecordThumbnail\";\n\nconst VerticalRecordCard = ({ editOverlay, children, ...props }) => {\n const { id, title, source, link, externalLink, className, category } = props;\n const truncatedTitle = truncate(unescapeXMLCharacters(title), {\n length: 100,\n });\n\n let storyCreator = source ? `Created by ${source}` : \"\";\n\n return (\n \n \n
\n {children}\n \n {uniq(\n compact([\n formatDate(displayDate),\n displayContentPartner,\n displayCollection,\n storyCreator,\n ])\n ).join(\" | \")}\n
\n\n {unescapeXMLCharacters(title)}\n
\n \n {description && (\n\n {description}\n
\n )}\n\n {editOverlay}\n \n
\n );\n};\n\nexport default VerticalRecordCard;\n","import HorizontalRecordCard from \"./HorizontalRecordCard\";\nimport VerticalRecordCard from \"./VerticalRecordCard\";\n\nconst RecordCard = ({ layout, ...props }) => {\n const RecordComponent =\n layout === \"list\" ? HorizontalRecordCard : VerticalRecordCard;\n\n return \n
\n \n {children ? \n {truncatedTitle}\n
\n\n {category.includes(\"Stories\") ? storyCreator : source}\n
\n{children}
: null}\n \n \n
\n );\n};\n\nconst loadingGifThumbnail = () => {\n return (\n {categoryTitle}
\n\n \n
\n );\n};\n\nconst image = (imageUrl, title) => {\n const escapedTitle = unescapeXMLCharacters(title);\n let imageResizedUrl = new URL(imageUrl);\n imageResizedUrl.searchParams.append(\"resize\", \"368%3E\");\n\n return (\n Uploading image
\n\n
\n );\n};\n\nconst hasImage = (imageUrl) => {\n return (\n !isNil(imageUrl) &&\n imageUrl.length !== 0 &&\n imageUrl.indexOf(\"Unknown\") === -1\n );\n};\n\nconst RecordThumbnail = ({ thumbnailImageUrl, imageUrl, title, category }) => {\n let badge;\n if (category.includes(\"Stories\")) {\n badge = (\n \n \n USER STORY\n \n
\n );\n }\n\n return (\n <>\n {badge}\n {category.includes(\"LoadingGif\") ? (\n <>{loadingGifThumbnail()}\n ) : (\n <>\n {hasImage(thumbnailImageUrl || imageUrl) &&\n image(thumbnailImageUrl || imageUrl, title)}\n {!hasImage(thumbnailImageUrl || imageUrl) && iconThumbnail(category)}\n \n )}\n \n );\n};\n\nexport default RecordThumbnail;\n","import { useEffect, useState } from \"react\";\nimport { useLocation, useNavigate } from \"react-router-dom\";\nimport { Link } from \"react-router-dom\";\nimport { fetchMoreSearchResults, selectSearch } from \"src/features/SearchSlice\";\nimport truncate from \"lodash/truncate\";\nimport Parameterize from \"parameterize\";\nimport findGetParameter from \"src/utils/findGetParameter\";\nimport generateSearchParams from \"src/utils/generateSearchParams\";\nimport classNames from \"classnames\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport totalPages from 'src/utils/totalPages';\n\nconst RecordPageNav = (props) => {\n const dispatch = useDispatch();\n const navigate = useNavigate();\n const search = useSelector(selectSearch);\n\n let [direction, setDirection] = useState();\n\n useEffect(() => {\n const currentRecord = props.searchRecords[\n props.searchRecords.findIndex((record) => record.id === props.record.id)\n ];\n\n // If the current record is not in the search records\n // We have loaded a new page in the background and need to navigate to a new page.\n if(!currentRecord) {\n if(direction == 'forward') {\n const nextRecord = props.searchRecords[0];\n\n navigate(`/records/${nextRecord.recordId}/${truncate(\n Parameterize(nextRecord.title),\n { length: 75, omission: \"\" }\n )}`);\n } else {\n const previousRecord = props.searchRecords[props.searchRecords.length - 1];\n\n navigate(`/records/${previousRecord.recordId}/${truncate(\n Parameterize(previousRecord.title),\n { length: 75, omission: \"\" }\n )}`);\n }\n }\n }, [props.searchRecords, direction, navigate, props.record.id]);\n\n const isFirstRecord = () => {\n const results = props.searchRecords;\n const currentRecord = props.record;\n const firstRecord = results[0]\n\n if(results == undefined) {\n return false;\n }\n\n return(firstRecord.id == currentRecord.id);\n }\n\n const isLastRecord = () => {\n const results = props.searchRecords;\n const currentRecord = props.record; \n\n if(results == undefined) {\n return false;\n }\n\n return(results.length - 1 == results.findIndex((record) => record.id === currentRecord.id))\n }\n\n const fetchResults = (direction) => {\n // This conditional prevents an infinite loop.\n if (props.page * props.per_page < props.total_pages) {\n let page;\n\n if(isFirstRecord() && direction == 'back') {\n page = props.page - 1;\n setDirection('back');\n dispatch(fetchMoreSearchResults(page));\n }\n\n if(isLastRecord() && direction == 'forward') {\n page = props.page + 1;\n setDirection('forward');\n dispatch(fetchMoreSearchResults(page));\n }\n }\n };\n\n const nextSearchResult = () => {\n const results = props.searchRecords;\n const currentRecord = props.record;\n const nextRecord =\n results[\n results.findIndex((record) => record.id === currentRecord.id) + 1\n ];\n\n if (nextRecord && !props.loading) {\n return `/records/${nextRecord.recordId}/${truncate(\n Parameterize(nextRecord.title),\n { length: 75, omission: \"\" }\n )}`;\n }\n\n return \"#\";\n };\n\n const previousSearchResult = () => {\n const results = props.searchRecords;\n const currentRecord = props.record;\n const previousRecord =\n results[\n results.findIndex((record) => record.id === currentRecord.id) - 1\n ];\n\n if (previousRecord && !props.loading) {\n return `/records/${previousRecord.recordId}/${truncate(\n Parameterize(previousRecord.title),\n { length: 75, omission: \"\" }\n )}`;\n }\n\n return \"#\";\n };\n\n const nextLinkDisabled = () => {\n return props.page == totalPages(search) && isLastRecord();\n }\n\n const previousLinkDisabled = () => {\n return props.page == 1 && isFirstRecord();\n }\n\n const searchParams = generateSearchParams(\n props.searchValue,\n props.filters,\n props.activeTab,\n props.page\n );\n const location = useLocation();\n const storyId = findGetParameter(\"from-story\", location.search);\n const displayNav = storyId !== null || props.fromSearchResults;\n const record = props.record;\n\n let navParams = {\n backPath: `/stories/${storyId}`,\n backText: \" Back to story\",\n fromRouter: false,\n previousSearchResult: null,\n nextSearchResult: null,\n recordId: null,\n display: displayNav,\n };\n if (props.fromSearchResults) {\n navParams = {\n backPath: `/records?${$.param(searchParams)}#card_${record.recordId}`,\n backText: \" Back to results\",\n fromRouter: true,\n previousSearchResult: previousSearchResult(),\n nextSearchResult: nextSearchResult(),\n recordId: record.recordId,\n display: true,\n };\n }\n\n let Component = Link,\n navProp = { to: navParams.backPath };\n if (!navParams.fromRouter) {\n Component = \"a\";\n }\n\n return (\n \n
\n );\n};\n\nexport default RecordPageNav;\n","import inBrowser from \"./inBrowser\";\n\nexport default function findGetParameter(parameterName, search = null) {\n if (search === null && !inBrowser()) return null;\n\n const parametersString = search == null ? window.location.search : search;\n let result = null,\n tmp = [];\n const items = parametersString.substr(1).split(\"&\");\n for (let index = 0; index < items.length; index++) {\n tmp = items[index].split(\"=\");\n if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);\n }\n return result;\n}\n","import { map } from \"lodash\";\nimport { Fragment } from \"react\";\n\nfunction isLast(array, index) {\n return index === array.length - 1;\n}\n\nfunction determineSeparator(\n array,\n index,\n separator,\n secondToLastSeparator = null\n) {\n if (index === 0) return \"\";\n\n if (isLast(array, index) && secondToLastSeparator !== null) {\n return secondToLastSeparator;\n } else {\n return separator;\n }\n}\n\nexport default function convertArray(\n array,\n separator,\n secondToLastSeparator = null\n) {\n return map(array, (component, index) => {\n return (\n \n
\n \n
\n \n \n \n {navParams.backText}\n \n
\n \n {(navParams.previousSearchResult != null ||\n navParams.nextSearchResult != null) && (\n <>\n \n { fetchResults('back') }}\n >\n Previous record\n \n
\n \n { fetchResults('forward') }}\n >\n Next record\n \n
\n \n )}\n \n \n YOUR UPLOAD\n \n
\n );\n\n const iconClass = generateIconClass(category);\n const urlToOriginalRecord = linkToOriginalRecord(\n objectUrl,\n sourceUrl,\n landingUrl\n );\n\n if (youtubeEmbed) {\n return (\n \n \n
\n );\n }\n let linkProps = { href: urlToOriginalRecord };\n\n if (!includes(landingUrl, \"digitalnz.org/records/\")) {\n linkProps.title =\n \"This link will leave DigitalNZ. Use your browser's Back button to return here.\";\n linkProps[\"ga-category\"] = \"Click Through\";\n linkProps[\"ga-action\"] = \"Landing page - Image\";\n linkProps[\"ga-label\"] = truncate(sourceUrl, { length: 125 });\n linkProps.onClick = Analytics.onClick;\n }\n\n return (\n \n
\n \n \n \n
\n \n {belongsToUser && badge}\n \n \n \n
\n );\n}\n\nexport default RecordImage;\n","import { includes } from \"lodash\";\n\nexport default function linkToOriginalRecord(objectUrl, sourceUrl, landingUrl) {\n return includes(landingUrl, \"digitalnz.org/records/\")\n ? objectUrl\n : sourceUrl || landingUrl;\n}\n","import { map } from \"lodash\";\n\nimport generateIconTitle from \"src/utils/generateIconTitle\";\nimport unescapeXMLCharacters from \"src/utils/unescapeXMLCharacters\";\nimport convertArray from \"src/utils/convertArray.js\";\n\nimport RecordImage from \"./RecordImage.jsx\";\n\nconst RecordPreview = ({ record }) => {\n return (\n \n
\n );\n};\n\nexport default RecordPreview;\n","import classnames from \"classnames\";\nimport { bindAll, truncate } from \"lodash\";\nimport { Component } from \"react\";\n\nconst READ_MORE_LABEL = \"Read more\";\nconst READ_LESS_LABEL = \"Read less\";\n\nclass ReadMore extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n isExpanded: false,\n buttonLabel: READ_MORE_LABEL,\n };\n\n bindAll(this, \"expand\");\n }\n\n expand() {\n const isExpanded = !this.state.isExpanded;\n\n this.setState({\n isExpanded: isExpanded,\n buttonLabel: isExpanded ? READ_LESS_LABEL : READ_MORE_LABEL,\n });\n }\n\n render() {\n const { contentClass, maxCharacters, maxSentences, children } = this.props;\n const sentences = children.split(/\\.\\s/);\n let truncatedContent = sentences.slice(0, maxSentences).join(\". \");\n truncatedContent = truncate(truncatedContent, { length: maxCharacters });\n const isTruncated =\n children.length > maxCharacters || sentences.length > maxSentences;\n\n return (\n <>\n \n {convertArray(\n map(record.category, (category) => generateIconTitle([category])),\n \" / \"\n )}\n
\n\n {unescapeXMLCharacters(record.title)}\n
\n\n
\n );\n};\n\nexport { convertArrayItemsToLinks };\n\nexport default RecordDetails;\n","import { Component } from \"react\";\nimport ReCAPTCHA from \"react-google-recaptcha\";\nimport Modal from \"src/components/Modal\";\n\nimport { pickBy, keys, filter } from \"lodash\";\n\nimport inBrowser from \"src/utils/inBrowser\";\nimport { request } from \"src/utils/request\";\nimport InputCounter from \"src/utils/inputCounter\";\n\nclass ReportItem extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n recaptchaSuccess: false,\n canReport: false,\n additionalFields: false,\n report: {\n offensive: false,\n culturallyInsensitive: false,\n spam: false,\n copyrightViolation: false,\n recaptchaHash: null,\n reason: \"\",\n email: \"\",\n },\n reportItemModal: false,\n };\n\n if (process.env.RAILS_ENV == \"test\") {\n this.state.recaptchaSuccess = true;\n }\n\n this.handleSuccessfulRecaptcha = this.handleSuccessfulRecaptcha.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.handleReportItemModalButtonClick =\n this.handleReportItemModalButtonClick.bind(this);\n this.submitReportRecord = this.submitReportRecord.bind(this);\n this.additionalFields = this.additionalFields.bind(this);\n this.resetState = this.resetState.bind(this);\n }\n\n handleReportItemModalButtonClick(event) {\n event.preventDefault();\n\n this.setState({\n reportItemModal: true,\n });\n return;\n }\n\n submitReportRecord(event) {\n event.preventDefault();\n\n // disable report item submit button\n this.setState({ canReport: false });\n\n // toggle spinner on\n this.toggleSpinner();\n\n const params = {\n url: this.reportRecordRoute(),\n body: this.state.report,\n options: { method: \"post\" },\n };\n\n request(params)\n .then((resp) => {\n if (resp.ok) return resp.text();\n })\n .then((data) => {\n // add success message to body\n $(document.body).prepend(data);\n\n // reset component state\n this.resetState();\n\n // reset Recaptcha input\n if (typeof window.grecaptcha !== \"undefined\") window.grecaptcha.reset();\n\n // reset checkboxes\n $('.report-item-modal__input-group input[type=\"checkbox\"]').prop(\n \"checked\",\n false\n );\n\n // toggle spinner off\n this.toggleSpinner();\n })\n .bind(this);\n }\n\n toggleSpinner() {\n const spinner = $(\"i.fa-spin\");\n\n if (spinner.hasClass(\"hide\")) spinner.removeClass(\"hide\");\n else spinner.addClass(\"hide\");\n\n return;\n }\n\n handleChange(event) {\n const report = this.state.report;\n\n if (event.target.id == \"reason\" || event.target.id == \"email\") {\n report[event.target.id] = event.target.value;\n } else {\n const reportOptionKey = event.target.value;\n report[reportOptionKey] = event.target.checked;\n }\n\n // Determine which option has been checked\n // We only want to show additional fields if any field except spam\n // has been ticked.\n let options = keys(\n pickBy(report, (item) => {\n return item == true;\n })\n );\n\n options = filter(options, (option) => {\n return option != \"spam\";\n });\n\n // If no options have been selected, remove the reason and email values.\n if (options.length == 0) {\n report[\"reason\"] = \"\";\n report[\"email\"] = \"\";\n }\n\n const state = {\n canReport: this.canReport(),\n report: report,\n additionalFields: options.length >= 1,\n };\n\n this.setState(state);\n }\n\n handleSuccessfulRecaptcha(authHash) {\n const report = this.state.report;\n report.authHash = authHash;\n\n // update the recaptcha status\n // before checking if report can be submitted\n // also add recaptcha hash to report\n this.setState({\n recaptchaSuccess: true,\n report: report,\n });\n\n // recaptcha state updated\n // now, determine whether report can be submitted\n this.setState({\n canReport: Object.values(this.state.report).includes(true) \n });\n }\n\n reportRecordRoute() {\n return `/records/${this.props.recordId}/report`;\n }\n\n resetState() {\n this.setState({\n recaptchaSuccess: false,\n canReport: false,\n additionalFields: false,\n report: {\n offensive: false,\n culturallyInsensitive: false,\n spam: false,\n copyrightViolation: false,\n reason: \"\",\n email: \"\",\n },\n reportItemModal: false,\n });\n }\n\n canReport() {\n return (\n this.state.recaptchaSuccess &&\n Object.values(this.state.report).includes(true)\n );\n }\n\n additionalFields() {\n return (\n About this item
\n- \n
\n
\n );\n }\n\n render() {\n const recaptcha = (\n \n \n \n
\n\n \n \n
\n \n
\n\n {!props.record.belongsToUser && (\n \n What can I do with this item?\n
\n\n Check copyright status and what you can do with this item\n
\n \n Check\n information\n \n\n
\n )}\n\n Report this item
\n\n If you believe this item breaches our terms of use please report\n this item\n
\n\n DigitalNZ brings together more than 30 million items\n from institutions so that they are easy to find and use.{\" \"}\n {props.record.displayCollection !== \"User Uploaded Content\" &&\n \"This information is the best information we could find on this item. \"}\n This item was added on {formatDate(props.record.createdAt)}, and\n updated {formatDate(props.record.updatedAt)}.
\n Learn more about how we work.\n
Share
\n\n\n 
\n
\n\n \n
\n\n \n {title}\n
\n\n {children}\n
\n \n \n
\n \n\n \n
\n \n );\n};\n\nexport default MediaInRecordPage;\n","import MediaInRecordPage from \"src/components/MediaInRecordPage\";\n\nimport InformationImage from \"images/information.png\";\n\nconst MoreInformation = ({\n displayContentPartner,\n rightsInformation,\n rightsUrl,\n}) => {\n if (!(rightsUrl && rightsUrl.length > 0) && !rightsInformation) {\n return \"\";\n }\n\n return (\n \n
\n {children}
\n \n {displayContentPartner} has this to say about the rights status of\n this item:\n
\n{rightsInformation}
\n \n )}\n\n {rightsUrl && rightsUrl.length > 0 && (\n\n You can learn more about the rights status of this item at:{\" \"}\n\n { rightsUrl.length == 1 && (\n \n {rightsUrl}\n \n )}\n\n { rightsUrl.length > 1 && (\n
- \n {\n rightsUrl.map((url) => {\n return(\n
- \n \n {url}\n \n \n )\n })\n }\n
\n This item is all rights reserved, which means you'll have to{\" \"}\n \n get permission from {displayContentPartner}\n {\" \"}\n before using it.\n
\n \n\n\n This item appears to be licensed under a Creative Commons{\" \"}\n {licenseText}\n
\n \n\nSee below for specifics about how you may use this item.
\n \n\n\n We haven't been able to determine the rights status of this item. It{\" \"}\n may be suitable for sharing, modification and commercial use,\n but you will need to{\" \"}\n \n check with {displayContentPartner}\n {\" \"}\n about its specific terms of use, and may need to undertake research to\n find the creator and publisher of each object to determine this.\n
\n \n\n\n What is the copyright status of this item?\n
\n {rightsElement}\n \n );\n};\n\nexport default Rights;\n","export default {\n OPEN: {\n shareStatus: \"Share it\",\n shareMessage:\n \"This item is suitable for copying and sharing with others, without further permission.\",\n modifyStatus: \"Modify it\",\n modifyMessage:\n \"This item is suitable for modifying, remixing and building upon, without further permission.\",\n commercialStatus: \"Use it commercially\",\n commercialMessage:\n \"This item is suitable for commercial use, without further permission.\",\n },\n UNKNOWN: {\n shareStatus: \"Check before sharing\",\n shareMessage:\n \"You'll need to confirm with the copyright holder before copying and/or sharing this item with others. This includes posting it on your blog, using it in a presentation, or any other public use.\",\n modifyStatus: \"Check before modifying\",\n modifyMessage:\n \"You'll need to confirm with the copyright holder before modifying, remixing, or building upon this item.\",\n commercialStatus: \"Check about commercial use\",\n commercialMessage:\n \"You'll need to confirm with the copyright holder before using this item for commercial purposes.\",\n },\n RESTRICTED: {\n shareStatus: \"No sharing\",\n shareMessage:\n \"You may not copy and/or share this item with others without further permission. This includes posting it on your blog, using it in a presentation, or any other public use.\",\n modifyStatus: \"No modifying\",\n modifyMessage:\n \"You are not allowed to adapt or remix this item into any other works.\",\n commercialStatus: \"No commercial use\",\n commercialMessage: \"You may not use this item commercially.\",\n },\n};\n","import MediaInRecordPage from \"src/components/MediaInRecordPage\";\nimport usageText from \"./text\";\n\nimport commercialUseImage from \"images/commercial-use.png\";\nimport modifyImage from \"images/modify.png\";\nimport noCommercialUseImage from \"images/no-commercial-use.png\";\nimport noModifyImage from \"images/no-modify.png\";\nimport noShareImage from \"images/no-share.png\";\nimport researchImage from \"images/research.png\";\nimport shareImage from \"images/share.png\";\nimport unknownCommercialUseImage from \"images/unknown-commercial-use.png\";\nimport unknownModifyImage from \"images/unknown-modify.png\";\nimport unknownShareImage from \"images/unknown-share.png\";\n\nconst Usage = ({ usage, displayContentPartner, sourceUrl, userImage }) => {\n if (!usage) return null;\n\n let shareStatus = \"RESTRICTED\";\n let modifyStatus = \"RESTRICTED\";\n let commercialStatus = \"RESTRICTED\";\n let shareIcon = noShareImage;\n let modifyIcon = noModifyImage;\n let commercialIcon = noCommercialUseImage;\n\n if (usage.includes(\"Share\")) {\n shareStatus = \"OPEN\";\n shareIcon = shareImage;\n }\n\n if (usage.includes(\"Modify\")) {\n modifyStatus = \"OPEN\";\n modifyIcon = modifyImage;\n }\n\n if (usage.includes(\"Use commercially\")) {\n commercialStatus = \"OPEN\";\n commercialIcon = commercialUseImage;\n }\n\n if (usage.includes(\"Unknown\")) {\n shareStatus = \"UNKNOWN\";\n modifyStatus = \"UNKNOWN\";\n commercialStatus = \"UNKNOWN\";\n shareIcon = unknownShareImage;\n modifyIcon = unknownModifyImage;\n commercialIcon = unknownCommercialUseImage;\n }\n\n return (\n\n \n \n \n \n
\n );\n};\n\nexport default Usage;\n","import { useEffect, useState } from \"react\";\nimport { truncate } from \"lodash\";\nimport { snakeToCamelCase } from \"src/utils/keyConverters\";\nimport RecordCard from \"src/components/RecordCard/RecordCard\";\nimport { request } from \"src/utils/request\";\n\nconst MoreLikeThisItems = ({ recordId }) => {\n let [items, setItems] = useState(false);\n\n useEffect(() => {\n request({ url: `/records/${recordId}/more_like_this.json` })\n .then((response) => response.json())\n .then((itemsAsJson) => setItems(snakeToCamelCase(itemsAsJson)));\n }, [recordId]);\n\n let body = null;\n if (items === false) {\n body = What can I do with this item?
\n\n {!!userImage || (\n\n \n You must always check with {displayContentPartner}\n {\" \"}\n to confirm the specific terms of use, but this is our understanding:\n
\n )}\n\n\n
{usageText[shareStatus].shareMessage}
\n \n\n{usageText[modifyStatus].modifyMessage}
\n \n\n{usageText[commercialStatus].commercialMessage}
\n \nLoading...
;\n } else if (items.length === 0) {\n body =No related items found.
;\n } else if (items.length) {\n body = (\n\n {items.map((item) => (\n \n
\n ))}\n \n );\n }\n\n return (\n \n
\n );\n};\n\nexport default MoreLikeThisItems;\n","import AddToStoryButton from \"src/components/AddToStoryButton/AddToStoryButton\";\n\nimport { truncate } from \"lodash\";\nimport { useDispatch } from \"react-redux\";\nimport {\n setEditingUserImage,\n openEditUserImageModal,\n} from \"src/features/EditUserImageSlice\";\nimport Analytics from \"src/utils/Analytics\";\n\nconst ReactActions = (props) => {\n const dispatch = useDispatch();\n\n const handleEditDetailsClick = () => {\n dispatch(setEditingUserImage(props.record.id));\n dispatch(openEditUserImageModal());\n };\n\n return (\n <>\n {props.record.displayCollection !== \"User Uploaded Content\" && (\n \n Related items\n
\n {body}\n\n {(props.record.displayCollection !== \"User Uploaded Content\" ||\n props.record.belongsToUser) && (\n
\n
\n );\n};\n\nexport default ExperimentalBlock;\n","import ExperimentalBlock from \"./ExperimentalBlock\";\n\nconst Entities = ({ record }) => {\n return (\n \n {props.title}\n Experimental\n
\n- \n {props.entities.map((entity) => (\n
- \n {entity.title}\n \n
- \n {convertArrayItemsToLinks(\n entity.tags,\n `i[${entity.solrAttr}]`\n )}\n \n \n )}\n
\n
\n\n \n
\n \n
\n \n
\n \n
\n
\n \n
\n
\n \n
\n\n \n
\n \n
\n\n \n
\n )\n});\n\nexport default YearPicker;\n","import { useEffect, useState, useRef } from 'react';\nimport {\n updateDateRange,\n selectSearch\n} from \"src/features/SearchSlice\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { find } from 'lodash';\nimport { clearFacet } from '../../features/SearchSlice';\nimport classNames from \"classnames\";\nimport YearPicker from './YearPicker';\n\nconst DateRangeFilter = (props) => {\n const dispatch = useDispatch();\n let { filters } = useSelector(selectSearch);\n let { errors } = useSelector(selectSearch).panel;\n\n const dateRange = find(filters, (filter) => {\n return filter.facet == 'date_range';\n });\n\n const fromRef = useRef(null);\n const toRef = useRef(null);\n\n let fromYear;\n let toYear;\n\n if(dateRange) {\n const years = dateRange.value.split(' TO ');\n fromYear = years[0];\n toYear = years[1];\n }\n\n const [fromYearValue, setFromYearValue] = useState(fromYear)\n const [toYearValue, setToYearValue] = useState(toYear)\n const [fromPickerDisplayed, setFromPickerDisplayed] = useState(false);\n const [toPickerDisplayed, setToPickerDisplayed] = useState(false);\n\n const handleEnterPress = (event) => {\n if(event.keyCode == 13) {\n if(dateRange == undefined) {\n return;\n }\n\n props.enterCallback();\n }\n };\n\n useEffect(() => {\n if(dateRange == undefined) {\n setFromYearValue('');\n setToYearValue('');\n }\n }, [dateRange])\n\n useEffect(() => {\n if(fromYearValue || toYearValue) {\n dispatch(updateDateRange({ facet: 'date_range', value: `${fromYearValue} TO ${toYearValue}`}));\n } else {\n dispatch(clearFacet('date_range'));\n }\n \n }, [fromYearValue, toYearValue, dispatch]);\n\n const updateYear = (type, year) => {\n setFromPickerDisplayed(false);\n setToPickerDisplayed(false);\n \n if(type == 'from') {\n setFromYearValue(year)\n }\n\n if(type == 'to') {\n setToYearValue(year)\n }\n }\n \n const toggleYearPicker = (type) => {\n setFromPickerDisplayed(false);\n setToPickerDisplayed(false);\n\n if(type == 'from') {\n setFromPickerDisplayed(true);\n }\n\n if(type == 'to') {\n setToPickerDisplayed(true);\n }\n }\n\n useEffect(() => {\n function handleClickOutside(event) {\n\n if(fromRef.current && !fromRef.current.contains(event.target)) {\n setFromPickerDisplayed(false);\n }\n\n if(toRef.current && !toRef.current.contains(event.target)) {\n setToPickerDisplayed(false);\n }\n }\n\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [fromRef, toRef]);\n\n return(\n \n { pageValue != 1 && previousPage() }> }\n { pageValue == 1 && }\n\n { pageValue != pages.length && nextPage() }> }\n { pageValue == pages.length && }\n\n
\n\n Year {first(currentPage())} - {last(currentPage())}
\n\n { map(currentPage(), (year) => {\n return(\n
\n callback(type, year)}\n >\n { year }\n
\n )\n })}\n \n
\n )\n}\n\nexport default DateRangeFilter;","import { join } from \"lodash\";\n\nconst FacetFilter = (props) => {\n const { toggleFacetFilter, isActive, facetFilterName, facetFilterCount } =\n props;\n\n const facetFilterBaseClass = \"search-panel__content__filters__items__item\";\n const facetFilterActiveClassModifier = `${facetFilterBaseClass}--active`;\n const isActiveClass = isActive ? facetFilterActiveClassModifier : \"\";\n\n return (\n \n
\n\n This feature is currently in Beta. Please note not all records on DigitalNZ currently have date metadata and may not be shown in your results.\n \n From year\n\n { setFromYearValue(e.target.value.replace(/\\D/g,'')) }}\n onFocus={ () => { toggleYearPicker('from') }}\n />\n\n { fromPickerDisplayed &&
\n\n \n Please enter a year between 1 and {new Date().getFullYear()}\n
\n
\n Must be lower than To year\n
\n )}\n\n To year\n\n { setToYearValue(e.target.value.replace(/\\D/g,'')) }}\n onKeyDown={ (e) => { handleEnterPress(e)} }\n onFocus={ () => { toggleYearPicker('to') }}\n />\n\n { toPickerDisplayed &&
\n \n Please enter a year between 1 and {new Date().getFullYear()}\n
\n )}\n\n { errors.range && (\n\n Must be higher than From year\n
\n )}\n\n \n \n {facetFilterName}\n \n \n {\" \"}\n {facetFilterCount.toLocaleString()}{\" \"}\n \n \n
\n );\n};\n\nexport default FacetFilter;\n","import { useEffect } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\n\nimport {\n clearFiltersByFacet,\n selectSearch,\n toggleFacetTab,\n} from \"src/features/SearchSlice\";\nimport Analytics from \"src/utils/Analytics\";\nimport { performSearch } from \"src/utils/search\";\n\nconst FacetFilterActionBar = ({ hasActiveFilters, facetName }) => {\n const search = useSelector(selectSearch);\n const { hasDifferentFilters } = search;\n const dispatch = useDispatch();\n\n useEffect(() => {\n if (search.refreshWithNewFilters) {\n performSearch(dispatch, search);\n }\n }, [search, dispatch]);\n\n const clearFilters = (facetName) => {\n Analytics.event(\"click\", \"SearchFilterSelect\", \"Clear \" + facetName);\n dispatch(clearFiltersByFacet(facetName));\n };\n\n const applyFilters = () => {\n Analytics.event(\"click\", \"SearchFilterSelect\", \"Apply filters\");\n performSearch(dispatch, search);\n };\n\n return (\n \n dispatch(toggleFacetTab())}\n >\n Close\n \n \n )}\n\n {hasDifferentFilters && (\n \n )}\n
\n );\n};\n\nexport default FacetFilterActionBar;\n","import classNames from \"classnames\";\nimport { chain, size, startCase } from \"lodash\";\nimport { useDispatch, useSelector } from \"react-redux\";\n\nimport { selectSearch, toggleFacetTab } from \"src/features/SearchSlice\";\nimport Analytics from \"src/utils/Analytics\";\nimport { performSearch } from \"src/utils/search\";\n\nconst FacetFilterTab = ({ facetName }) => {\n const search = useSelector(selectSearch);\n const { panel, filters, hasDifferentFilters } = search;\n const isActive = panel.activeFacetTab === facetName;\n\n const dispatch = useDispatch();\n\n const getActiveFilterNamesByFacet = (facetName) => {\n const byFacetName = (filter) => filter.facet == facetName;\n const filterName = (filter) => filter.value;\n return chain(filters).filter(byFacetName).map(filterName).value();\n };\n\n const buildLabelForFacetTab = (facetName, filters) => {\n const alternativeFacetNames = {\n primary_collection: \"collection\",\n decade: \"Decades\",\n };\n\n const numberOfFilters = size(filters);\n\n if (numberOfFilters === 0) {\n return startCase(alternativeFacetNames[facetName] || facetName);\n }\n let label = chain(filters).first().truncate(25).value();\n label += facetName === \"decade\" ? \"s\" : \"\";\n\n // Add `+ X OTHERS` in the label if more than 1 filter is active\n // eg \"National Library of New Zea... + 1 others\"\n if (numberOfFilters > 1)\n label += ` + ${numberOfFilters - 1} ${\n numberOfFilters === 2 ? \"OTHER\" : \"OTHERS\"\n }`;\n\n return label;\n };\n\n const toggleFacetTabAndPerformSearch = (facetName) => {\n Analytics.event(\"click\", \"SearchFilterTabs\", facetName);\n dispatch(toggleFacetTab({ facetName: facetName }));\n\n if (isActive && hasDifferentFilters) performSearch(dispatch, search);\n };\n\n const activeFiltersByFacet = getActiveFilterNamesByFacet(facetName);\n const facetTabClass = classNames({\n \"search-panel__header__item\": true,\n \"search-panel__header__item--active\": isActive,\n \"search-panel__header__item--with-filters\": size(activeFiltersByFacet) > 0,\n \"search-panel__header__item--decade-filter\":\n facetName === \"decade\" && size(activeFiltersByFacet) > 0,\n });\n\n return (\n \n {hasActiveFilters && (\n clearFilters(facetName)}\n >\n Clear all\n \n \n )}\n
\n\n {!hasDifferentFilters && (\n \n View as: \n \n
\n );\n};\n\nconst GridIcon = () => (\n \n
\n );\n};\n\nexport default DesktopFilter;\n","import classNames from \"classnames\";\nimport { bindAll, filter, map, some } from \"lodash\";\nimport { Component } from \"react\";\nimport { connect } from \"react-redux\";\n\nimport {\n clearFacet,\n openMobileFilters,\n selectTab,\n toggleFacet,\n} from \"src/features/SearchSlice\";\n\nimport DateRangeFilter from \"src/components/DesktopFilter/DateRangeFilter\";\nimport { validDateRangeFilter } from \"src/utils/search\";\n\nclass FilterList extends Component {\n constructor(props) {\n super(props);\n bindAll(\n this,\n \"displayFilters\",\n \"applyFilters\",\n \"activeFilter\",\n \"activeFacetsInPanel\",\n \"onUpdateFilterClick\"\n );\n }\n\n applyFilters(filter) {\n if (this.props.facet == \"format\") {\n this.props.dispatch(selectTab(filter));\n } else {\n const facet = this.props.facet;\n this.props.dispatch(toggleFacet({ filter: { facet, value: filter } }));\n }\n }\n\n activeFilter(filter) {\n return (\n this.props.ui.search.activeTab == filter ||\n some(\n this.props.ui.search.filters,\n (f) => f.facet === this.props.facet && f.value === filter\n )\n );\n }\n\n displayFilters() {\n return (\n \n closeFacetFiltersPanel()}\n />\n\n
\n \n
\n\n {activeFacetTab && (\n <>\n \n {chain(facetFiltersWithCount)\n .pick(keys(facetFilterTabs))\n .keys()\n .map((facetName) => (\n \n Clear all\n \n \n )}\n
\n \n 0\n }\n facetName={activeFacetTab}\n />\n\n
\n \n )}\n \n
\n \n
\n \n {activeFacetTab == \"date_range\" && (\n \n dispatch(\n toggleFacet({\n filter: {\n facet: activeFacetTab,\n value: facetFilterName,\n },\n })\n )\n }\n isActive={includes(\n getActiveFiltersForFacet(activeFacetTab),\n facetFilterName\n )}\n facetFilterName={\n activeFacetTab === \"decade\"\n ? `${facetFilterName}s`\n : facetFilterName\n }\n facetFilterCount={facetFilterCount}\n />\n )\n )}\n
\n - \n {map(this.props.filters, (count, filter) => {\n const listClass = classNames({\n \"mobile-filters__options__option\": true,\n \"mobile-filters__options__option--active\":\n this.activeFilter(filter),\n });\n\n const filterItem = (\n
\n
\n \n );\n\n return filterItem;\n })}\n \n {this.props.multiple && (\n {}}\n type=\"checkbox\"\n checked={this.activeFilter(filter)}\n >\n )}\n
\n\n {`${filter}${\n this.props.name === \"Decades\" ? \"s\" : \"\"\n }`}
\n \n {count.toLocaleString()}\n
\n \n this.onUpdateFilterClick()}\n className=\"mobile-filters__button\"\n >\n UPDATE FILTERS\n \n
\n );\n }\n}\n\nfunction mapStateToProps(state) {\n return state;\n}\n\nexport default connect(mapStateToProps)(FilterList);\n","import classNames from \"classnames\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport {\n clearAllFacets,\n closeMobileFilters,\n selectSearch,\n selectTab,\n setMobileFiltersState,\n} from \"src/features/SearchSlice\";\nimport { performSearch } from \"src/utils/search\";\n\nconst MobileFiltersIndex = () => {\n const dispatch = useDispatch();\n const search = useSelector(selectSearch);\n\n const formatName = () => {\n if (search.activeTab == \"All\") {\n return \"FORMAT (ALL)\";\n } else {\n return search.activeTab;\n }\n };\n\n const filterName = (facet, onClick) => {\n const facetName = {\n date_range: \"DATE RANGE\",\n content_partner: \"CONTENT PARTNER\",\n primary_collection: \"COLLECTIONS\",\n usage: \"USAGE\",\n decade: \"DECADES\",\n };\n\n const filtersApplied = search.filters\n .filter((b) => b.facet === facet)\n .map((a) => a.value);\n let tabName = facetName[facet];\n\n const filterClasses = classNames({\n \"mobile-filters__filter\": true,\n \"mobile-filters__filter--active\": filtersApplied.length > 0,\n \"mobile-filters__filter--last\": facet === \"date_range\",\n \"mobile-filters__filter--decade-filter\": facet === \"decade\",\n });\n\n if (filtersApplied.length > 0) {\n tabName = filtersApplied.shift();\n tabName += facetName[facet] === \"DECADES\" ? \"s\" : \"\";\n tabName =\n tabName.length >= 15 ? tabName.substring(0, 15) + \"...\" : tabName;\n const filtersCount = filtersApplied.length;\n if (filtersCount > 0) {\n tabName = `${tabName} + ${filtersCount} ${\n filtersCount === 1 ? \"OTHER\" : \"OTHERS\"\n }`;\n }\n }\n\n return (\n \n this.props.dispatch(openMobileFilters())}\n className=\"mobile-filters__nav__back\"\n >\n \n Back\n \n\n {this.activeFacetsInPanel() && (\n {\n this.props.dispatch(clearFacet(this.props.facet));\n }}\n >\n Reset filters\n \n )}\n\n \n
\n\n \n {this.props.name}\n
\n\n\n {this.props.facet != \"date_range\" && this.displayFilters()}\n {this.props.facet == \"date_range\" && (\n
\n\n \n {\n performSearch(dispatch, search);\n }}\n >\n APPLY FILTERS\n \n
\n );\n};\n\nexport default MobileFiltersIndex;\n","import { useDispatch, useSelector } from \"react-redux\";\n\nimport { CSSTransition } from \"react-transition-group\";\n\nimport { openMobileFilters, selectSearch } from \"src/features/SearchSlice\";\n\nimport { fromPairs, reduce, sortBy, toPairs } from \"lodash\";\nimport MasonryLayoutSwitch from \"src/components/MasonryLayoutSwitch\";\nimport FilterList from \"./FilterList\";\nimport MobileFiltersIndex from \"./MobileFiltersIndex\";\n\nconst MobileFiltersApp = () => {\n const dispatch = useDispatch();\n const search = useSelector(selectSearch);\n\n const filterButtonText = () => {\n if (search.filters.length > 0 || search.activeTab != \"All\") {\n return \"Change or clear your filters\";\n } else {\n return \"Filter these results\";\n }\n };\n\n // Convert the format filters so that they are in the same format as the panel facets\n // So that the FilterList accepts normalized data.\n const formatFilters = () => {\n let filters = sortBy(search.primaryCategoryCounts, [\n function (filter) {\n return filter.category;\n },\n ]);\n\n return reduce(\n filters,\n function (result, value) {\n result[value.category] = value.count;\n return result;\n },\n {}\n );\n };\n\n const sortedFilters = (filters) => {\n let sortedFilters = sortBy(toPairs(filters), ([k, _v]) => {\n k = k.toUpperCase();\n return k;\n });\n\n return fromPairs(sortedFilters);\n };\n\n return (\n <>\n \n {\n dispatch(closeMobileFilters());\n }}\n >\n Back\n \n\n {(search.filters.length > 0 || search.activeTab != \"All\") && (\n {\n dispatch(clearAllFacets());\n dispatch(selectTab(\"All\"));\n }}\n >\n Clear all filters\n \n )}\n\n \n
\n\n Filters
\n\n\n dispatch(setMobileFiltersState(\"format\"))}\n />\n\n {filterName(\"content_partner\", () =>\n dispatch(setMobileFiltersState(\"content-partners\"))\n )}\n {filterName(\"primary_collection\", () =>\n dispatch(setMobileFiltersState(\"collections\"))\n )}\n {filterName(\"usage\", () => dispatch(setMobileFiltersState(\"usage\")))}\n\n {filterName(\"decade\", () => dispatch(setMobileFiltersState(\"decades\")))}\n\n {filterName(\"date_range\", () =>\n dispatch(setMobileFiltersState(\"date_range\"))\n )}\n
\n\n \n dispatch(openMobileFilters())}\n >\n {filterButtonText()}\n \n\n
\n\n \n \n Sorry, there are no results for '{currentSearch}' in{\" \"}\n {activeCategory}. However, there are results for '{currentSearch}'\n in these other content types:\n \n
\n- {suggestedResults()}
\n \n Sorry, there are no results for your search. Please try searching\n with a different word or refining your search. For example, you\n could remove a date or a few words to see if this brings back more\n results.\n \n
\n );\n } else {\n return (\n\n \n Sorry, there are no results for your search. Please try searching{\" \"}\n
\n
\n );\n}\n\nexport default NoResults;\n","import { useDispatch, useSelector } from \"react-redux\";\nimport { featureIsEnabled } from \"src/features/PlugFeaturesSlice\";\nimport { selectSearch, updateSearchQuery } from \"src/features/SearchSlice\";\n\nconst SearchBox = ({ switchSearchMode, handleSubmit }) => {\n const dispatch = useDispatch();\n const { query } = useSelector(selectSearch);\n const advancedSearchEnabled = useSelector((state) =>\n featureIsEnabled(state, \"advanced-search\")\n );\n\n const handleChange = (event) => {\n event.preventDefault();\n dispatch(updateSearchQuery(event.target.value));\n };\n\n return (\n {message()}
\n \n \n {advancedSearchEnabled && (\n
\n );\n};\n\nexport default SearchBox;\n","import classNames from \"classnames\";\nimport Downshift from \"downshift\";\nimport { useEffect, useState } from \"react\";\n\nconst filterSuggestions = (suggestions, inputText, maxResults = undefined) => {\n return suggestions\n .filter(\n (suggestion) =>\n suggestion.label.toLowerCase().indexOf(inputText.toLowerCase()) > -1\n )\n .slice(0, maxResults);\n};\n\nconst findSelectedItem = (suggestions, value) => {\n return suggestions.find((suggestion) => suggestion.value === value) || null;\n};\n\nconst Autocomplete = ({\n value,\n suggestions,\n onChange,\n maxResults,\n placeholder,\n}) => {\n const selectedItem = findSelectedItem(suggestions, value);\n const [inputValue, setInputValue] = useState(selectedItem?.label || \"\");\n\n useEffect(() => {\n // Sync the input value when the selected item or value prop changes\n setInputValue(selectedItem?.label || \"\");\n }, [value, selectedItem]);\n\n return (\n \n \n Advanced search{\" \"}\n \n \n
\n )}\n \n \n {isOpen\n ? filterSuggestions(suggestions, inputValue, maxResults).map(\n (item, index) => (\n \n {item.value}\n \n )\n )\n : null}\n \n
\n )}\n \n );\n};\n\nexport default Autocomplete;\n","import { useSelector } from \"react-redux\";\nimport { selectEmptySearchFacetById } from \"src/features/EmptySearchFacetsSlice\";\nimport Autocomplete from \"./Autocomplete\";\n\nconst AutocompleteField = ({ value, field, onChange }) => {\n const facets = useSelector((state) =>\n selectEmptySearchFacetById(state, field.field)\n );\n const options = Object.keys(facets).map((key) => ({\n value: key,\n label: key,\n }));\n\n return (\n \n
\n \n \n handleDeleteRow(index)}\n type=\"button\"\n >\n \n \n
\n \n );\n};\n\nexport default SearchRow;\n","import { useState } from \"react\";\nimport { useSelector } from \"react-redux\";\n\nimport { selectSearch } from \"src/features/SearchSlice\";\n\nimport generateSearchParams from \"src/utils/generateSearchParams\";\nimport SearchRow from \"./SearchRow\";\n\nconst searchHref = (filters, page) => {\n const queryFilter = filters.find((filter) => filter.facet === \"\");\n const activeTab = filters.find((filter) => filter.facet === \"category\");\n\n const params = generateSearchParams(\n queryFilter ? queryFilter.value : \"\",\n filters.filter(\n (filter) => filter.facet !== \"\" && filter.facet !== \"category\"\n ),\n activeTab ? activeTab.value : \"All\",\n page\n );\n\n return `/records?${$.param(params)}`;\n};\n\nconst AdvancedSearch = () => {\n const { query, activeTab, filters, page } = useSelector(selectSearch);\n const initialRows = [\n {\n include: true,\n exactMatch: true,\n terms: query,\n field: \"\",\n },\n ];\n\n if (activeTab !== \"All\") {\n initialRows.push({\n include: true,\n exactMatch: true,\n terms: activeTab,\n field: \"category\",\n });\n }\n filters.forEach((filter) => {\n initialRows.push({\n include: true,\n exactMatch: true,\n terms: filter.value,\n field: filter.facet,\n });\n });\n\n const [rows, setRows] = useState(initialRows);\n\n const handleAddRow = (e) => {\n setRows([\n ...rows,\n { include: true, exactMatch: true, terms: \"\", field: \"\" },\n ]);\n };\n\n const handleChange = (key, fields) => {\n setRows(\n rows.map((row, index) => {\n return key === index ? fields : row;\n })\n );\n };\n\n const handleDeleteRow = (key) => {\n setRows(rows.filter((_row, index) => key !== index));\n };\n\n const handleSubmit = () => {\n window.location.assign(\n window.location.protocol +\n \"//\" +\n window.location.host +\n searchHref(buildFilters(), page)\n );\n };\n\n const buildFilters = () => {\n return rows.map((row) => {\n return { facet: row.field, value: row.terms };\n });\n };\n\n return (\n \n );\n};\n\nexport default AdvancedSearch;\n","import $ from \"jquery\";\nimport { Component, createRef } from \"react\";\nimport Analytics from \"src/utils/Analytics\";\nimport generateSearchParams from \"src/utils/generateSearchParams\";\n\nimport { bindAll } from \"lodash\";\n\nclass CategoryTab extends Component {\n constructor(props, context) {\n super(props, context);\n\n this.tabRef = createRef();\n bindAll(this, \"categoryLink\");\n }\n\n componentDidMount() {\n if (this.props.categoryName === this.props.activeCategory) {\n this.tabRef.current.focus({ preventScroll: true });\n }\n }\n\n categoryLink(categoryName, searchValue) {\n const searchParams = generateSearchParams(\n searchValue,\n this.props.filters,\n categoryName,\n 1\n );\n return `/records?${$.param(searchParams)}`;\n }\n\n render() {\n const { classNames, activeCategory, categoryName, searchValue } =\n this.props;\n const activeTag =\n categoryName === activeCategory ? \"search-tabs__filter--active\" : \"\";\n\n const count = this.props.count;\n\n const disabledTag = count === \"0\" ? \"search-tabs__filter--disabled\" : \"\";\n\n return (\n \n
\n\n \n
\n \n \n \n \n \n
\n\n {!currentField.autocomplete && (\n \n \n \n \n \n
\n )}\n\n \n {(currentField.autocomplete && (\n
\n\n in
\n\n \n \n {FIELD_OPTIONS.map((option) => (\n \n ))}\n \n
\n {count}
\n \n \n );\n }\n}\n\nexport default CategoryTab;\n","/*\n Heavily inspired by: http://alexfedoseev.com/post/64/react-dropdown (@Alex Fedoseev)\n https://github.com/zippyui/react-dropdown-button/blob/master/src/index.jsx (@Zippy Tech)\n Author: Jeffery\n\n*/\n\nimport { bindAll, chain, find, includes, isUndefined } from \"lodash\";\nimport { Component } from \"react\";\nimport CategoryTab from \"./CategoryTab\";\n\nconst PRIMARY_TABS = [\"All\", \"Images\", \"Audio\", \"Videos\", \"Stories\"];\n\nclass DropDown extends Component {\n constructor(props) {\n super(props);\n\n // Dropdown block is inactive & hidden by default\n // Local state to track down the open/close, position of dropdown menu\n this.state = {\n dropdownIsActive: false,\n dropdownIsVisible: false,\n categoryStats: props.categoryStats,\n };\n\n bindAll(\n this,\n \"hideDropdown\",\n \"toggleDropdown\",\n \"handleClick\",\n \"handleFocus\",\n \"handleKeyUp\"\n );\n }\n\n componentDidMount() {\n window.addEventListener(\"click\", this.hideDropdown, false);\n }\n\n componentWillUnmount() {\n window.removeEventListener(\"click\", this.hideDropdown, false);\n }\n\n selectedStatus(tab) {\n const { dropdownIsVisible } = this.state;\n return !dropdownIsVisible && !includes(PRIMARY_TABS, tab);\n }\n\n moreTitleCount(tab) {\n if (find(this.props.categoryStats, { category: \"More\" }).count == 0)\n return 0;\n\n let tabName = tab;\n\n if (includes(PRIMARY_TABS, tab)) tabName = \"More\";\n\n return find(this.props.categoryStats, { category: tabName }).count;\n }\n\n toggleDropdown() {\n const { dropdownIsVisible } = this.state;\n this.setState({ dropdownIsVisible: !dropdownIsVisible });\n }\n\n handleClick(e) {\n this.toggleDropdown();\n\n e.stopPropagation();\n e.nativeEvent.stopImmediatePropagation();\n }\n\n handleKeyUp(e) {\n if (e.key === \"Enter\") {\n this.toggleDropdown();\n }\n\n e.stopPropagation();\n e.nativeEvent.stopImmediatePropagation();\n }\n\n hideDropdown() {\n this.setState({ dropdownIsVisible: false });\n }\n\n handleFocus() {\n this.setState({ dropdownIsActive: true });\n }\n\n getMenuName() {\n const { categoryName, activeCategory } = this.props;\n\n if (!isUndefined(activeCategory) && !includes(PRIMARY_TABS, activeCategory))\n return activeCategory;\n else return categoryName;\n }\n\n render() {\n const { categoryStats, activeCategory, dispatch, searchValue, filters } =\n this.props;\n const { dropdownIsVisible } = this.state;\n\n const activeClass =\n this.selectedStatus(activeCategory) || dropdownIsVisible;\n const disabledTag =\n this.moreTitleCount(activeCategory) === 0\n ? \"search-tabs__filter--disabled\"\n : \"\";\n\n const tabClass = activeClass ? \"search-tabs__filter--active\" : \"\";\n const tabMenus = chain(categoryStats)\n .filter((e) => e.category !== \"More\")\n .map((tab, index) => (\n - \n {tabMenus}\n
\n {this.moreTitleCount(activeCategory)}\n
\n {dropdown}\n \n \n );\n }\n}\n\nexport default DropDown;\n","import { map } from \"lodash\";\nimport { useSelector } from \"react-redux\";\nimport { selectSearch } from \"src/features/SearchSlice\";\nimport CategoryTab from \"./CategoryTab\";\nimport DropDown from \"./DropDown\";\n\nconst SearchTab = (_props) => {\n const {\n primaryCategoryCounts,\n secondaryCategoryCounts,\n activeTab,\n query,\n filters,\n } = useSelector(selectSearch);\n\n return (\n - \n {map(primaryCategoryCounts, (tab, index) => {\n return (\n
\n {search.mobileFiltersState == \"closed\" &&\n ((searchMode === \"simple\" && (\n
\n\n {search.mobileFiltersState != \"closed\" && (\n \n )}\n\n {resultsLength > 0 && \n \n Sorry, search is not working at the moment. Someone has been notified.\n Please try again later.\n \n
\n );\n }\n};\n\nexport default SearchPage;\n","import classNames from \"classnames\";\nimport { truncate } from \"lodash\";\nimport Parameterize from \"parameterize\";\nimport { Component } from \"react\";\nimport AddToStoryButton from \"src/components/AddToStoryButton/AddToStoryButton\";\n\nfunction withSearchResults(WrappedComponent) {\n return class extends Component {\n constructor(props) {\n super(props);\n }\n\n recordLink() {\n const { title, landingUrl, id, redirectToRecord } = this.props;\n\n let link = \"\";\n let externalLink = false;\n const isStory =\n landingUrl &&\n ((process.env.RAILS_ENV === \"development\" &&\n landingUrl.includes(\"http://www.dev/stories/\")) ||\n landingUrl.includes(\"digitalnz.org/stories/\"));\n\n if (isStory) {\n const storyId = landingUrl\n .match(RegExp(\"(?=stories).+\"))\n .toString()\n .replace(\"stories\", \"\");\n link = `/stories${storyId}`;\n } else {\n const truncatedTitle = truncate(Parameterize(title), {\n length: 75,\n omission: \"\",\n });\n link = `/records/${id}/${truncatedTitle}`;\n }\n\n // This is for the concepts page\n // Otherwise the record page will render inside of the concepts page\n if (redirectToRecord) {\n externalLink = true;\n }\n\n return { link, externalLink };\n }\n\n render() {\n const addToStoryButton = (\n - \n
- \n
- \n ...\n \n )}\n\n {map(pages(), (page) => {\n if (page == search.page) {\n return (\n \n {page}\n \n );\n } else {\n return (\n
- \n ...\n \n )}\n\n
- \n
- \n
- \n
- \n {search.page} / {totalPages(search)}{\" \"}\n \n\n
- \n
\n
\n ));\n\n const spinner = (\n \n \n
\n );\n\n return (\n Loading
\n\n \n {cards}\n
\n\n - \n
- \n
- \n
\n dispatch(addTextBlock({ position: index + 1 }))}\n tabIndex=\"0\"\n >\n \n Add text\n \n
\n \n \n );\n};\n\nexport default AddTextArea;\n","import { useState } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport classNames from \"classnames\";\nimport { uniq, flatten } from \"lodash\";\nimport { UilCloudUpload } from \"@iconscout/react-unicons\";\n\nconst ImageDropzone = ({ onValidImageSubmit }) => {\n const [errors, setErrors] = useState([]);\n\n const onDropAccepted = (files) => {\n onValidImageSubmit(files[0]);\n };\n\n const onDropRejected = (files) => {\n let errors = files.map((file) => file.errors.map((error) => error.code));\n errors = uniq(flatten(errors));\n\n const error_code_to_sentence = {\n \"too-many-files\": \"Only one image allowed.\",\n \"file-too-large\": \"The maximum file size is 15MB\",\n \"file-invalid-type\": \"The only files allowed are: JPG, PNG or GIF\",\n };\n\n setErrors(errors.map((error) => error_code_to_sentence[error]));\n };\n\n const { isDragActive, getRootProps, getInputProps } = useDropzone({\n multiple: false,\n maxSize: 15 * 1024 * 1024, // 15 megabytes\n accept: {\"image/*\": [\".png\", \".jpg\", \".jpeg\", \".gif\"]},\n onDropAccepted: onDropAccepted,\n onDropRejected: onDropRejected,\n });\n\n const dropzoneClassNames = (isDragActive) => {\n return classNames({\n cell: true,\n dropzone: true,\n \"text-center\": true,\n \"dropzone--active\": isDragActive,\n });\n };\n\n return (\n \n
\n \n
\n );\n};\n\nexport default ImageDropzone;\n","import { Component } from \"react\";\nimport ImageDropzone from \"./ImageDropzone\";\n\nclass ImageSelector extends Component {\n constructor(props) {\n super(props);\n // TODO\n // this.handleImageClick = this.handleImageClick.bind(this);\n }\n\n // TODO in another story\n // handleImageClick() {\n\n // }\n\n render() {\n // TODO in another story\n /*Drag and drop your image here
\nor
\n \n \n {errors.length > 0 && (\n\n {errors.map((error, i) => (\n
\n )}\n \n {error}\n
\n ))}\n\n
*/\n return (\n <>\n \n
\n \n
\n OR CHOOSE A PREVIOUSLY UPLOADED IMAGE
\n\n ![](\"https://via.placeholder.com/150\")
\n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n Uploads are limited to a file size of 15 megabytes and jpg, png, and\n gif formats.\n
\n\n
\n \n \n
\n \n
\n Your image
\n\n Upload any image that helps tell your story. Your image may\n contribute to your family history, the story of your local area,\n or simply give more context to your research.\n
\nPrivacy of your image
\n\n Your story can be public, private, or hidden.{\" \"}\n \n Here’s how to change the privacy of your story.\n \n
\n\n
\n \n
\n \n );\n }\n}\n\nexport default ImageSelector;\n","import { Component } from \"react\";\n\nimport activeRadio from \"images/active-radio.svg\";\nimport inactiveRadio from \"images/inactive-radio.svg\";\n\nclass ImageCopyrightItem extends Component {\n render() {\n const { selected, onClick, onKeyDown, imgSrc, title, description } =\n this.props;\n\n const radioSource = selected ? activeRadio : inactiveRadio;\n\n return (\n \n
\n \n );\n }\n}\n\nexport default ImageCopyrightItem;\n","import { Component } from \"react\";\nimport ImageCopyrightItem from \"./ImageCopyrightItem\";\n\nimport CopyrightImage from \"images/copyright.png\";\nimport CreativeCommonsImage from \"images/creative-commons.png\";\nimport ThumbsUpImage from \"images/thumbs-up.png\";\n\nclass ImageCopyrightForm extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n selected: props.license,\n errors: [],\n };\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleSelectChange = this.handleSelectChange.bind(this);\n }\n\n handleSelectChange(copyright) {\n this.setState({\n selected: copyright,\n });\n }\n\n handleSubmit(event) {\n event.preventDefault();\n if (this.state.selected === null) {\n this.setState({\n errors: [\"Please select a licence field\"],\n });\n } else {\n this.props.onValidCopyrightSubmit(this.state.selected);\n }\n }\n\n render() {\n const selected = this.state.selected;\n return (\n \n );\n }\n}\n\nexport default ImageCopyrightForm;\n","import { Component } from \"react\";\n\nclass ImageTermsOfUseForm extends Component {\n render() {\n return (\n \n );\n }\n}\n\nexport default ImageTermsOfUseForm;\n","import { Component } from \"react\";\nimport Modal from \"src/components/Modal\";\nimport ImageSelector from \"./ImageSelector\";\nimport ImageDescriberForm from \"./ImageDescriberForm\";\nimport ImageCopyrightForm from \"./ImageCopyrightForm\";\nimport ImageTermsOfUseForm from \"./ImageTermsOfUseForm\";\nimport { bindAll } from \"lodash\";\n\nclass AddUserImageModal extends Component {\n constructor(props) {\n super(props);\n this.state = this.initialState();\n\n bindAll(\n this,\n \"handleValidImageSubmit\",\n \"handleValidDescriptionSubmit\",\n \"handleValidCopyrightSubmit\",\n \"handleValidTermsOfUseSubmit\",\n \"handleRequestClose\",\n \"handleBackOnImageSelection\",\n \"handleBackOnDescription\",\n \"handleBackOnCopyright\"\n );\n }\n\n initialState() {\n return {\n title: \"\",\n description: \"\",\n subject: \"\",\n displayDate: \"\",\n creator: \"\",\n license: null,\n image: null,\n imageURL: null,\n stage: \"image\",\n };\n }\n\n handleValidImageSubmit(image) {\n this.setState({\n image: image,\n imageURL: URL.createObjectURL(image),\n stage: \"description\",\n });\n }\n\n handleValidDescriptionSubmit({\n title,\n description,\n displayDate,\n subject,\n creator,\n }) {\n this.setState({\n title: title,\n description: description,\n displayDate: displayDate,\n subject: subject,\n creator: creator,\n stage: \"license\",\n });\n }\n\n handleBackOnImageSelection() {\n this.setState({\n image: null,\n stage: \"image\",\n });\n }\n\n handleValidCopyrightSubmit(license) {\n this.setState({\n license: license,\n stage: \"terms-of-use\",\n });\n }\n\n handleBackOnDescription() {\n this.setState({\n stage: \"description\",\n });\n }\n\n handleValidTermsOfUseSubmit(e) {\n e.preventDefault();\n\n this.props.onImageUploadSubmit({\n image: this.state.image,\n title: this.state.title,\n description: this.state.description,\n subject: this.state.subject,\n displayDate: this.state.displayDate,\n creator: this.state.creator,\n license: this.state.license,\n });\n\n this.handleRequestClose();\n }\n\n handleBackOnCopyright() {\n this.setState({ stage: \"license\" });\n }\n\n handleRequestClose() {\n this.setState(this.initialState);\n this.props.onRequestClose();\n }\n\n render() {\n let content = null;\n let title = \"\";\n switch (this.state.stage) {\n case \"image\":\n title = \"Add your own images\";\n content = (\n \n
\n \n \n
\n \n 
\n
\n \n
\n {title}
\n{description}
\n\n {description}\n
\n {content}
\n \n );\n }\n}\n\nexport default AddUserImageModal;\n","import AddUserImageModal from \"./AddUserImageModal\";\n\nexport default AddUserImageModal;\n","import { useEffect, useState } from \"react\";\n\nconst BlockWrapper = ({ BlockComponent, dragRef, actionProps, blockProps }) => {\n const [scrollY, setScrollY] = useState(0);\n\n useEffect(() => {\n if (blockProps.monitor.isDragging()) {\n const interval = setInterval(() => {\n window.scrollBy(0, scrollY);\n }, 100);\n\n return () => clearInterval(interval);\n }\n }, [scrollY, blockProps.monitor]);\n\n const updateScrolling = () => {\n const { y } = blockProps.monitor.getClientOffset();\n const height = window.innerHeight;\n const buffer = height * 0.3;\n const maxScroll = 60;\n\n if (y <= buffer) {\n const strength = ((buffer - y) * maxScroll) / buffer;\n setScrollY(-strength); // scroll up\n } else if (y >= height - buffer) {\n const strength = (Math.abs(height - buffer - y) * maxScroll) / buffer;\n setScrollY(+strength); // scroll down\n } else {\n setScrollY(0);\n }\n };\n\n return (\n \n
\n \n );\n};\n\nexport default BlockWrapper;\n","import { Component } from \"react\";\n\nimport { cancelEditCaptionAndNotes } from \"src/features/EditStorySlice\";\nimport { blockUpdate } from \"src/features/ItemsSlice\";\n\nimport { assign, bindAll, concat, includes, remove, slice } from \"lodash\";\nimport CloseOnEscape from \"react-close-on-escape\";\nimport InputCounter from \"src/utils/inputCounter\";\n\nconst CATEGORY_OPTIONS = [\n \"\",\n \"Images\",\n \"Audio\",\n \"Videos\",\n \"Articles\",\n \"Websites\",\n \"Books\",\n \"Newspapers\",\n \"Other\",\n \"Manuscripts\",\n \"Research papers\",\n \"Data\",\n \"Archives\",\n \"Guides\",\n];\n\nclass EditDnzMetaForm extends Component {\n constructor(props) {\n super(props);\n const { meta } = props;\n let title = meta.title ? meta.title : props.title;\n title = title === props.title ? \"\" : title;\n\n this.state = assign(\n {},\n meta,\n { caption: meta.caption ? meta.caption : \"\" },\n { title: title },\n { category: meta.category }\n );\n\n bindAll(this, \"handleChange\", \"handleSubmit\", \"handleCancel\");\n }\n\n componentDidMount() {\n this.focusedElement.focus();\n InputCounter.init();\n }\n\n handleChange(e, key) {\n let tags = slice(this.state.tags);\n switch (key) {\n case \"isCover\":\n this.setState({ isCover: e.target.checked });\n break;\n case \"caption\":\n this.setState({ caption: e.target.value });\n break;\n case \"title\":\n this.setState({ title: e.target.value });\n break;\n case \"category\":\n this.setState({ category: e.target.value });\n break;\n case \"ssTePrimarySource\":\n if (e.target.checked) tags = concat(tags, \"s2s_te_primary_source\");\n else remove(tags, (i) => i === \"s2s_te_primary_source\");\n this.setState({ tags });\n break;\n default:\n break;\n }\n }\n\n handleSubmit(event) {\n event.preventDefault();\n const { title } = this.props;\n if (title === this.state.title) {\n this.setState({ title: \"\" }, this.submit);\n } else {\n this.submit();\n }\n\n this.props.doneEditing();\n event.preventDefault();\n }\n\n handleCancel() {\n this.props.dispatch(cancelEditCaptionAndNotes());\n this.props.doneEditing();\n }\n\n submit() {\n this.props.dispatch(\n blockUpdate({\n storyId: this.props.storyId,\n blockId: this.props.id,\n meta: this.state,\n })\n );\n }\n\n render() {\n const { isCover, caption, title, tags, category } = this.state;\n const ssTePrimarySource = includes(tags, \"s2s_te_primary_source\");\n const { user } = this.props;\n\n const isSchoolAdmin = includes(user.roles, \"school_admin\") && user.loggedIn;\n\n const categoriesDropdown = CATEGORY_OPTIONS.map((cat) => {\n return (\n \n );\n });\n\n const s2sBoxes = isSchoolAdmin ? (\n \n \n this.handleChange(e, \"category\")}\n >\n {categoriesDropdown}\n \n \n
\n ) : null;\n\n const editForm = (\n \n
\n \n );\n\n return (\n \n
\n \n \n this.handleChange(e, \"title\")}\n ref={(input) => {\n this.focusedElement = input;\n }}\n aria-labelledby=\"story-title-label\"\n />\n
\n\n \n \n this.handleChange(e, \"caption\")}\n ref={(input) => {\n this.captionInput = input;\n }}\n aria-labelledby=\"story-caption-label\"\n />\n
\n\n {isSchoolAdmin && s2sBoxes}\n\n {this.props.imageUrl && (\n \n this.handleChange(e, \"isCover\")}\n aria-labelledby=\"story-coverthumb-label\"\n />\n \n Use as cover image for this story\n \n
\n )}\n\n \n \n Cancel\n \n\n
\n \n {meta.caption}\n
\n );\n\n const editForm = (\n\n
\n \n Are you sure you want to remove '{escapedTitle}'{\" \"}\n from this story?\n
\nYou cannot undo this action.
\n\n
\n this.setDelete()}\n disabled={this.state.deleting}\n >\n Cancel\n \n this.removeBlock(id)}\n disabled={this.state.deleting}\n >\n \n Remove\n \n
\n \n );\n\n const isSmallBlock = meta.alignMode === 0;\n\n let recordLink = { title: escapedTitle };\n if (!keys(UNAVAILABLE_STORY_CONTENT).includes(content.status)) {\n const parameters = truncate(Parameterize(escapedTitle), {\n length: 75,\n omission: \"\",\n });\n recordLink = {\n ...recordLink,\n href: `/records/${content.id}/${parameters}?from-story=${this.state.storyId}`,\n };\n }\n\n let source = head(content.contentPartner);\n if (content.displayCollection == \"User Uploaded Content\") {\n source = `Uploaded by ${head(content.contentPartner)} user ${head(\n content.contributingPartner\n )}`;\n }\n\n const equalizerClasses = classNames({\n \"story-blocks__block-container__details__equalizer--grey\":\n meta.title || meta.caption,\n \"story-blocks__block-container__details__equalizer\": true,\n });\n\n return (\n \n {keys(UNAVAILABLE_STORY_CONTENT).includes(content.status) && (\n \n {UNAVAILABLE_STORY_CONTENT[content.status].heading} \n \n \n \n
\n )}\n \n {meta.title && titleTag}\n {meta.caption && caption}\n
\n\n \n {meta.title ? truncatedTitle : {truncatedTitle}
}\n \n\n\n {source}\n
\n \n {id === activeRecordItem && editForm}\n {this.state.deleteMode && removeItem}\n \n );\n }\n}\n\nexport default StackBlock;\n","import StackBlock from \"./StackBlock\";\n\nconst modeMappings = {\n stack: StackBlock,\n};\n\nconst DNZEmbedBlock = ({ mode, ...props }) => {\n const Component = modeMappings[mode];\n\n return\n \n YOUR UPLOAD\n \n
\n );\n }\n\n let alignmentElem = (\n \n {badge}\n {type === \"embed\" && (\n \n \n \n )}\n
\n );\n};\n\nexport default Overlay;\n","import { isEmpty } from \"lodash\";\nimport { useDispatch } from \"react-redux\";\nimport { editTextBlock } from \"src/features/EditStorySlice\";\n\nconst RichText = ({ id, content, modifiable, activeTextItem }) => {\n const dispatch = useDispatch();\n\n return (\n \n {alignmentElem}\n\n
\n \n {belongsToUser && imageUploadEnabled && (\n \n )}\n
\n {\n setDelete();\n }}\n >\n
\n \n \n {belongsToUser && imageUploadEnabled && (\n \n )}\n
\n
\n \n\n {modifiable && (\n
\n );\n};\n\nexport default RichText;\n","import { useState } from \"react\";\nimport { includes } from \"lodash\";\nimport { useDispatch } from \"react-redux\";\nimport { blockRemove } from \"src/features/ItemsSlice\";\n\nimport Modal from \"src/components/Modal\";\n\nconst DeleteTextModal = ({ id, storyId, opened, setOpened }) => {\n const dispatch = useDispatch();\n\n const [deleting, setDeleting] = useState(false);\n\n const deleteTextBlock = async (id) => {\n setDeleting(true);\n\n if (!includes(id, \"text-editor\")) {\n await dispatch(blockRemove({ storyId: storyId, blockId: id }));\n }\n\n setDeleting(false);\n setOpened(false);\n };\n\n return (\n \n dispatch(editTextBlock(id))}\n >\n \n Edit\n \n
\n )}\n \n
\n \n Are you use you want to delete your text box? You cannot undo this\n action.\n
\n\n
\n setOpened(false)}\n disabled={deleting}\n >\n Cancel\n \n deleteTextBlock(id)}\n disabled={deleting}\n >\n \n Delete\n \n
\n \n );\n};\n\nexport default DeleteTextModal;\n","import { useCallback, useRef, useState } from \"react\";\nimport Modal from \"src/components/Modal\";\nimport { isEmpty } from \"lodash\";\n\nconst LinkModal = ({\n linkModal,\n editor,\n setLinkModal,\n linkHref,\n setLinkHref,\n linkExternal,\n setLinkExternal,\n}) => {\n let linkInput = useRef();\n let [error, setError] = useState(false);\n\n const checkHandler = () => {\n setLinkExternal(!linkExternal);\n };\n\n const setLink = useCallback(() => {\n if (\n linkInput.current.checkValidity() &&\n !isEmpty(linkInput.current.value)\n ) {\n setError(false);\n let linkTarget = null;\n\n if (linkExternal) {\n linkTarget = \"_blank\";\n }\n\n editor\n .chain()\n .focus()\n .extendMarkRange(\"link\")\n .setLink({ href: linkHref, target: linkTarget })\n .run();\n\n setLinkModal(false);\n setLinkHref(\"\");\n setLinkExternal(false);\n } else {\n setError(true);\n }\n }, [\n setLinkExternal,\n setLinkHref,\n editor,\n linkHref,\n setLinkModal,\n linkExternal,\n ]);\n\n return (\n \n
\n \n
\n\n {error && \n {\n setLinkHref(e.target.value);\n }}\n value={linkHref}\n />\n\n
\n Please enter a valid URL
}\n\n
\n setLinkModal(false)}\n >\n Cancel\n \n\n setLink()}\n type=\"submit\"\n >\n Save\n \n
\n \n );\n};\n\nexport default LinkModal;\n","import { useEffect, useState, useCallback } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport CloseOnEscape from \"react-close-on-escape\";\nimport { filter, isEmpty, includes } from \"lodash\";\nimport sanitizeHtml from \"sanitize-html\";\nimport inBrowser from \"src/utils/inBrowser\";\nimport { EditorContent, useEditor } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport Link from \"@tiptap/extension-link\";\nimport Underline from \"@tiptap/extension-underline\";\nimport Placeholder from \"@tiptap/extension-placeholder\";\n\nimport { selectBlocks } from \"src/features/ItemsSlice\";\nimport {\n blockUpdate,\n blockAdd,\n cancelAddTextBlock,\n} from \"src/features/ItemsSlice\";\nimport DeleteTextModal from \"./DeleteTextModal\";\nimport LinkModal from \"./LinkModal\";\n\nexport default (props) => {\n const dispatch = useDispatch();\n\n const [modalOpened, setModalOpened] = useState(false);\n const [value, setValue] = useState(props.content.value);\n const [disableSave, setDisableSave] = useState(false);\n const [linkModal, setLinkModal] = useState(false);\n const [linkHref, setLinkHref] = useState(\"\");\n const [linkExternal, setLinkExternal] = useState(false);\n\n function countStoryTextBlocks(state) {\n return filter(selectBlocks(state), (content) => {\n return content.type === \"text\";\n }).length;\n }\n\n const storyTextBlockCount = useSelector(countStoryTextBlocks);\n\n useEffect(() => {\n setDisableSave(isEmpty(parseTextContent(value)));\n }, [value]);\n\n useEffect(() => {\n if (!inBrowser()) return;\n\n // This is equivalent to componentDidMount\n window.onbeforeunload = () => {\n finishEditing();\n return confirm(\"Your changes will be lost\");\n };\n\n // This is equivalent to componentWillUnmount\n return () => {\n window.onbeforeunload = null;\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const editor = useEditor({\n content: props.content.value,\n extensions: [\n StarterKit,\n Underline,\n Link.configure({\n autolink: true,\n HTMLAttributes: {\n rel: \"\",\n target: null,\n },\n }),\n Placeholder.configure({\n placeholder: \"type here\",\n }),\n ],\n\n onUpdate({ editor }) {\n const content = editor.getHTML();\n setValue(content);\n setDisableSave(isEmpty(parseTextContent(content)));\n },\n });\n\n const parseTextContent = (content) => {\n // Removing empty tags\n return sanitizeHtml(content, {\n exclusiveFilter: function (frame) {\n return !frame.text.trim();\n },\n allowedTags: false,\n }).trim();\n };\n\n const submitChanges = async () => {\n const { id, privacy, storyId, position } = props;\n\n if (!isEmpty(parseTextContent(value))) {\n if (includes(id, \"text-editor\")) {\n await dispatch(\n blockAdd({\n storyId: storyId,\n type: \"text\",\n subType: \"rich-text\",\n content: { value: parseTextContent(value) },\n position: position,\n })\n );\n } else {\n await dispatch(\n blockUpdate({\n storyId: storyId,\n blockId: id,\n content: {\n value: parseTextContent(value),\n },\n })\n );\n }\n\n if (privacy === \"public\" && storyTextBlockCount === 1) {\n props.openPrivacyModal();\n }\n }\n };\n\n const finishEditing = () => {\n submitChanges();\n props.doneEditing();\n };\n\n const cancel = () => {\n dispatch(cancelAddTextBlock(props.id));\n };\n\n const displayLinkModal = useCallback(() => {\n setLinkModal(true);\n\n const previousUrl = editor.getAttributes(\"link\").href;\n const previousChecked = editor.getAttributes(\"link\").target;\n\n if (previousUrl) {\n setLinkHref(previousUrl);\n }\n\n if (previousChecked == \"_blank\") {\n setLinkExternal(true);\n }\n }, [editor, setLinkModal]);\n\n const displayInlinePrivacyReminder = props.privacy === \"public\";\n\n return (\n \n You are editing a publicly available story\n
\n )}\n\n\n
\n\n {!includes(props.id, \"text-editor\") && (\n \n {\n editor.chain().focus().toggleBold().run();\n }}\n className={\n editor?.isActive(\"bold\")\n ? \"tip-tap__button tip-tap__button--active button\"\n : \"button tip-tap__button\"\n }\n title=\"bold\"\n >\n \n \n\n {\n editor.chain().focus().toggleItalic().run();\n }}\n className={\n editor?.isActive(\"italic\")\n ? \"button tip-tap__button tip-tap__button--active\"\n : \"button tip-tap__button\"\n }\n title=\"italic\"\n >\n \n \n\n {\n editor.chain().focus().toggleMark(\"underline\").run();\n }}\n className={\n editor?.isActive(\"underline\")\n ? \"button tip-tap__button tip-tap__button--active\"\n : \"button tip-tap__button\"\n }\n title=\"underline\"\n >\n \n \n
\n\n \n {\n editor.chain().focus().toggleBulletList().run();\n }}\n title=\"bullet list\"\n >\n \n \n\n {\n editor.chain().focus().toggleOrderedList().run();\n }}\n title=\"numbered list\"\n >\n \n \n\n editor.chain().focus().toggleBlockquote().run()}\n title=\"blockquote\"\n >\n \n \n
\n\n \n {\n displayLinkModal();\n }}\n className={\n editor?.isActive(\"link\")\n ? \"button tip-tap__button tip-tap__button--active\"\n : \"button tip-tap__button\"\n }\n title=\"link\"\n >\n \n \n\n editor.chain().focus().unsetLink().run()}\n className=\"tip-tap__button button\"\n title=\"unlink\"\n >\n \n \n
\n\n \n \n editor.chain().focus().toggleHeading({ level: 1 }).run()\n }\n className={\n editor?.isActive(\"heading\", { level: 1 })\n ? \"button tip-tap__button tip-tap__button--active\"\n : \"button tip-tap__button\"\n }\n title=\"heading 1\"\n >\n h1\n \n\n \n editor.chain().focus().toggleHeading({ level: 2 }).run()\n }\n className={\n editor?.isActive(\"heading\", { level: 2 })\n ? \"button tip-tap__button tip-tap__button--active\"\n : \"button tip-tap__button\"\n }\n title=\"heading 2\"\n >\n h2\n \n\n \n editor.chain().focus().toggleHeading({ level: 3 }).run()\n }\n className={\n editor?.isActive(\"heading\", { level: 3 })\n ? \"button tip-tap__button tip-tap__button--active\"\n : \"button tip-tap__button\"\n }\n title=\"heading 3\"\n >\n h3\n \n
\n\n \n editor.chain().focus().undo().run()}\n className=\"button tip-tap__button\"\n title=\"undo\"\n >\n \n \n\n editor.chain().focus().redo().run()}\n className=\"button tip-tap__button\"\n title=\"redo\"\n >\n \n \n
\n\n \n\n \n setModalOpened(true)}\n aria-label=\"delete text block\"\n className=\"button clear\"\n >\n Delete\n \n
\n )}\n\n \n cancel()}\n aria-label=\"Close editor\"\n className=\"button clear\"\n >\n Cancel\n \n\n finishEditing()}\n aria-label=\"Save and close editor\"\n className=\"button\"\n >\n Save\n \n
\n \n {insiderContent}\n
\n );\n};\n\nexport default Slot;\n","import classNames from \"classnames\";\nimport { chunk, first, get, isEmpty, last, map } from \"lodash\";\nimport AddTextArea from \"./AddTextArea\";\nimport Slot from \"./Slot\";\n\nexport const Row = ({ contents, findBlockIndex, id, ...storyProps }) => {\n const hasLargeBlock = get(first(contents), \"meta.alignMode\", 0) == 1;\n\n const dropClasses = classNames(\"grid-x\", \"row\", {\n \"row--drop\":\n (storyProps.activeSlot.rowId === id &&\n storyProps.activeSlot.blockSize === \"large\" &&\n storyProps.activeSlot.adjacentRowId === \"\") ||\n (storyProps.activeSlot.adjacentRowId === id &&\n storyProps.activeSlot.blockSize === \"large\"),\n });\n\n const displayTextBlock = () => {\n const containsTextBlock = get(first(contents), \"type\", \"embed\") == \"text\";\n\n const rows = chunk(storyProps.blocks, 3);\n const nextRowContainsTextBlock =\n get(first(rows[id + 1]), \"type\", \"embed\") == \"text\";\n\n return !(containsTextBlock || nextRowContainsTextBlock);\n };\n\n return (\n \n {map(contents, (content, index) => {\n return (\n
\n );\n};\n","const isInternalLink = (href) => {\n return (\n !href ||\n href.startsWith(\"#\") ||\n href.startsWith(\"data:\") ||\n href.startsWith(\"/\") ||\n href.includes(\"digitalnz.org\") ||\n href.includes(\"localhost\") ||\n href.includes(window.location.host)\n );\n};\n\nconst isExternalLink = (href) => {\n return !isInternalLink(href);\n};\n\nexport { isExternalLink, isInternalLink };\n","import { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { bindAll, findIndex, chunk, map, isEmpty, head } from \"lodash\";\nimport AddTextArea from \"./AddTextArea\";\nimport AddUserImageModal from \"./adduserimage\";\nimport Modal from \"src/components/Modal\";\nimport { request } from \"src/utils/request\";\nimport { Row } from \"./Row\";\nimport $ from \"jquery\";\n\nimport { selectStoryById } from \"src/features/StoriesSlice\";\nimport { selectUser } from \"src/features/UserSlice\";\nimport { selectEditStory } from \"src/features/EditStorySlice\";\nimport {\n blockFakeAdd,\n blockFakeRemove,\n blockAdd,\n repositionApiBlocks,\n selectBlocks,\n} from \"src/features/ItemsSlice\";\n\nimport { isInternalLink } from \"src/utils/isExternalLink\";\nimport { featureIsDisabled } from \"src/features/PlugFeaturesSlice\";\n\nclass Story extends Component {\n constructor(props) {\n super(props);\n this.state = {\n imageModalIsOpened: false,\n errorModalIsOpened: false,\n errors: [],\n uploadingImage: false,\n };\n bindAll(\n this,\n \"openModal\",\n \"closeModal\",\n \"handleImageUploadSubmit\",\n \"openUploadImageModalButton\"\n );\n }\n\n addExternalLinkStyles() {\n $(\".main a\").each(function (_idx, link) {\n var href = $(link).attr(\"href\");\n\n if (isInternalLink(href)) {\n return;\n }\n\n $(link).addClass(\"external-link\");\n });\n }\n\n componentDidMount() {\n this.addExternalLinkStyles();\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.blocks != this.props.blocks) {\n this.props.dispatch(\n repositionApiBlocks({\n storyId: this.props.storyId,\n blocks: this.props.blocks,\n })\n );\n }\n if (process.env.NODE_ENV != \"test\") {\n try {\n Foundation.reInit(\"equalizer\");\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error(error);\n }\n }\n\n this.addExternalLinkStyles();\n }\n\n somethingWentWrong() {\n return (\n <>\n We're sorry, but something went wrong. For support, please get in touch\n with us at{\" \"}\n \n
\n );\n }\n\n render() {\n const { blocks } = this.props;\n const findBlockIndex = (id) =>\n findIndex(this.props.blocks, (b) => b.id === id);\n\n const rows = chunk(this.props.blocks, 3);\n\n return (\n \n
\n \n \n \n \n Upload your image\n \n \n\n
\n \n Uploads are limited to a file size of 15 megabytes and jpg, png,\n and gif formats.\n
\n\n {this.openUploadImageModalButton()}\n \n
\n );\n }\n}\n\nexport default connect((state, ownProps) => ({\n imageUploadDisabled: featureIsDisabled(state, \"user-image-upload\"),\n blocks: selectBlocks(state),\n activeTextItem: selectEditStory(state).activeTextItem,\n activeRecordItem: selectEditStory(state).activeRecordItem,\n activeSlot: selectEditStory(state).activeSlot,\n user: selectUser(state),\n metadata: selectStoryById(state, ownProps.storyId),\n}))(Story);\n","import { bindAll } from \"lodash\";\nimport { Component } from \"react\";\nimport Modal from \"src/components/Modal\";\nimport inBrowser from \"src/utils/inBrowser\";\nimport Story from \"./Story\";\n\nimport { updateStory } from \"src/features/StoriesSlice\";\n\nclass StoryContainer extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n privacyModal: false,\n privateModal: false,\n publicModal: false,\n };\n\n bindAll(this, \"makeStoryPrivate\", \"openModal\", \"closeModal\");\n }\n\n componentDidMount() {\n if (inBrowser() && process.env.NODE_ENV != \"test\") {\n window.scrollTo(0, 0);\n $(document).foundation();\n }\n }\n\n openModal(modal) {\n this.setState({\n [modal]: true,\n });\n }\n\n closeModal(modal) {\n this.setState({\n [modal]: false,\n });\n }\n\n makeStoryPrivate() {\n this.props.dispatch(\n updateStory({ storyId: this.props.id, payload: { privacy: \"private\" } })\n );\n this.closeModal(\"privacyModal\");\n this.openModal(\"privateModal\");\n }\n\n keepStoryPublic() {\n this.closeModal(\"privacyModal\");\n this.openModal(\"publicModal\");\n }\n\n render() {\n const { privacyModal, privateModal, publicModal } = this.state;\n\n return (\n <>\n \n {(isEmpty(blocks) || blocks[0].type !== \"text\") &&\n this.props.editable && (\n
\n\n {map(rows, (row, index) => {\n return (\n \n
\n \n {head(this.state.errors)}
\n\n
\n \n Changes to your story may be viewed by anyone. Do you want us to\n make your story private while you're writing?\n
\n\n\n By saving a story on DigitalNZ, you agree to our{\" \"}\n
\n
\n this.makeStoryPrivate()}\n id=\"delete-story-privacy-modal\"\n >\n Yes, make my story private\n \n this.keepStoryPublic()}\n >\n No, Keep it public\n \n
\n \n\n \n
\n \n When you're ready, you can publish your story by changing story\n privacy settings at the top of this page.\n
\n\n
\n this.closeModal(\"privateModal\")}\n aria-label=\"Close modal\"\n >\n OK, got it\n \n
\n \n\n \n
\n \n Any changes you make will be immediately visible to anyone reading\n this story. You can make your story private by changing story\n privacy settings at the top of this page.\n
\n\n
\n this.closeModal(\"publicModal\")}\n aria-label=\"Close modal\"\n >\n OK, got it\n \n
\n \n \n );\n }\n}\n\nexport default StoryContainer;\n","import { Component } from \"react\";\nimport autosize from \"autosize\";\nimport bindAll from \"lodash/bindAll\";\nimport unescape from \"lodash/unescape\";\nimport classNames from \"classnames\";\n\nclass TextForm extends Component {\n constructor(props) {\n super(props);\n\n this.state = { value: props.value };\n bindAll(this, \"onChange\", \"submitChanges\", \"finishEditingKeyDown\");\n }\n\n componentDidMount() {\n autosize(this.textArea);\n }\n\n componentWillUnmount() {\n this.submitChanges();\n }\n\n onChange(e) {\n this.setState({ value: e.target.value });\n autosize(e.target);\n }\n\n submitChanges() {\n const { updateCb } = this.props;\n const { value } = this.state;\n\n // don't hammer the api\n if (this.props.value !== value) updateCb(value);\n }\n\n finishEditingKeyDown(e) {\n if (e.key === \"Enter\") this.submitChanges();\n }\n\n render() {\n const { value } = this.state;\n const { placeholder, id, maxLength } = this.props;\n const rows = 1;\n return (\n \n {this.manageAccessButton()}{\" \"}\n {this.accessDisplayTextFor(this.props.state)}\n
\n );\n }\n\n rejectedMessage() {\n return (\n\n \n This story is rejected because we believe it has violated DigitalNZ\n contributed content terms of use. If you believe our action is\n incorrect please get in touch with us by emailing{\" \"}\n info@digitalnz.org.\n \n
\n );\n }\n\n displayAccessState() {\n if (this.state.storyState === \"rejected\") {\n return this.rejectedMessage();\n } else {\n return this.manageAccess();\n }\n }\n\n render() {\n const { privacyState, shareModal, publishModal, publicModal } = this.state;\n\n return (\n\n {this.displayAccessState()}\n\n this.closeModal(\"shareModal\", true)}\n className=\"share-modal generic-modal\"\n title=\"Sharing settings\"\n >\n
\n this.closeModal(\"publishModal\", true)}\n className=\"generic-modal\"\n title=\"Publish your story\"\n >\n
\n this.closeModal(\"publicModal\")}\n className=\"generic-modal\"\n id=\"confirm-public-modal\"\n title=\"Story is public\"\n >\n
\n
\n );\n }\n}\n\nexport default RightsForm;\n","import { includes } from \"lodash\";\n\nexport default (tags, toggleS2S) => {\n const featured = includes(tags, \"s2s_te_featured\");\n const heTohu = includes(tags, \"s2s_te_he_tohu\");\n\n return (\n \n );\n};\n","import Modal from \"src/components/Modal\";\nimport { Component } from \"react\";\nimport { bindAll } from \"lodash\";\n\nclass CopyrightLicence extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n copyrightModal: false,\n };\n\n bindAll(this, \"closeModal\", \"openModal\");\n }\n\n closeModal(modal) {\n this.setState({\n [modal]: false,\n });\n }\n\n openModal(modal) {\n this.setState({\n [modal]: true,\n });\n }\n\n render() {\n return (\n \n
\n Select who can see your stories
\n\n {map(privacyTextMap, (right) => (\n
\n \n \n {right.text}\n \n
\n ))}\n \n
\n this.closeModal(\"shareModal\", true)}\n >\n Cancel\n \n this.saveRights()}\n id=\"update-story-access\"\n >\n Save\n \n
\n \n\n \n
\n \n By publishing a story on DigitalNZ, you agree to our{\" \"}\n \n terms and conditions\n {\" \"}\n and release your story under a{\" \"}\n
\n
\n this.closeModal(\"publishModal\", true)}\n >\n Keep private\n \n this.updatePrivacy()}\n >\n Publish\n \n
\n \n\n \n
\n \n Any changes you make will be immediately visible to anyone reading\n this story. You can make your story private by changing story\n privacy settings at the top of this page.\n
\n\n
\n this.closeModal(\"publicModal\")}\n >\n OK, got it\n \n
\n \n \n this.openModal(\"copyrightModal\")}\n >\n Check copyright of this story\n \n\n this.closeModal(\"copyrightModal\")}\n className=\"generic-modal modal\"\n title=\"What is the copyright status of this story?\"\n >\n
\n
\n );\n }\n}\n\nexport default CopyrightLicence;\n","import { Component } from \"react\";\nimport { request } from \"src/utils/request\";\nimport generateTitleText from \"src/utils/generateTitleText\";\nimport TextForm from \"./TextForm\";\nimport RightsForm from \"./RightsForm\";\nimport TopicExplorerForm from \"./TopicExplorerForm\";\nimport Modal from \"src/components/Modal\";\nimport { Helmet } from \"react-helmet\";\nimport CopyrightLicence from \"../../../storyheader/CopyrightLicence\";\nimport { without } from \"lodash\";\nimport { bindAll, concat, includes } from \"lodash\";\n\nclass Header extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n tags: props.tags,\n deleteModal: false,\n helpModal: false,\n };\n\n bindAll(\n this,\n \"deleteStory\",\n \"convertSubjectsToArray\",\n \"toggleS2S\",\n \"closeModal\",\n \"openModal\"\n );\n }\n\n componentDidMount() {\n const accessForm = new Foundation.Reveal($(\"#access-form\"));\n const deleteForm = new Foundation.Reveal($(\"#delete-form\"));\n const helpModal = new Foundation.Reveal($(\"#help-modal\"));\n accessForm;\n deleteForm;\n helpModal;\n }\n\n convertSubjectsToArray(subjects) {\n const subjectsArray = subjects.split(\",\").map((subject) => subject.trim());\n this.props.storyMetadataUpdateCb(\"subjects\", subjectsArray);\n }\n\n openModal(modal) {\n this.setState({\n [modal]: true,\n });\n }\n\n closeModal(modal) {\n this.setState({\n [modal]: false,\n });\n }\n\n deleteStory() {\n const { id } = this.props;\n const url = `/api/stories/${id}`;\n\n request({ url: url, options: { method: \"delete\" } }).then((json) => {\n if (json.status === 200) window.location.assign(\"/stories\");\n else {\n this.setState({\n deleteStoryMessage: \"Deleting story failed\",\n deleteStoryIcon: \"fa fa-ban\",\n });\n }\n });\n }\n\n toggleS2S(e, field) {\n const cb = this.props.storyMetadataUpdateCb;\n const tags = this.state.tags;\n\n if (e.target.checked)\n this.setState({ tags: concat(tags, field) }, () =>\n cb(\"tags\", this.state.tags)\n );\n else\n this.setState({ tags: without(tags, field) }, () =>\n cb(\"tags\", this.state.tags)\n );\n }\n\n render() {\n const {\n description,\n subjects,\n privacy,\n storyMetadataUpdateCb,\n user,\n name,\n state,\n storyTextBlockCount,\n } = this.props;\n\n const { tags, deleteModal, helpModal } = this.state;\n\n const isAdmin = user.loggedIn && includes(user.roles, \"admin\");\n const isSchoolAdmin = user.loggedIn && includes(user.roles, \"school_admin\");\n const searchParams = new URLSearchParams({ search: name });\n\n return (\n \n This story may include original text by the identified creator\n and/or copies of text by other people. It is the creator’s\n responsibility to ensure that they are licensed to include any text\n by other people or institutions and that they comply with the\n licence of that text. This may include attributing the original\n source and citing the terms on which that text is licensed. If you\n think any text has been included in a way that contravenes any\n licence conditions or copyright,{\" \"}\n \n please let us know\n \n . To the extent the creator owns copyright in this story, it is\n licensed under a{\" \"}\n \n Creative Commons Attribution 4.0 License\n \n
\n\n
\n this.closeModal(\"copyrightModal\")}\n >\n Got it\n \n
\n \n \n
\n \n \n Story description\n \n \n Story subjects\n \n \n Moderate\n \n )}\n {isSchoolAdmin && TopicExplorerForm(tags, this.toggleS2S)}\n
\n\n \n \n Story title\n \n
\n\n {name}
\n{description}
\n\n{subjects.join(\", \")}
\n\n\n
\n \n
\n\n \n this.openModal(\"helpModal\")}\n >\n Quick help\n \n\n this.closeModal(\"helpModal\")}\n className=\"generic-modal modal--wide\"\n title=\"Quick help\"\n >\n
\n
\n\n \n
\n \n Stories allow you to save items found in DigitalNZ, upload\n your own images and add your own captions, titles, and notes\n to tell a story.\n
\nHow to customise your story
\n\n Drag and drop - \n By default, your items will be added as you add things. You\n can reorder your items and customise your story by drag and\n drop the item cards and text boxes.\n
\n\n Add text - \n You can add text by tapping on the \"add text\" button which\n will expand to be editable.\n
\n\n Manage/change access - \n Your story is in moderation once created and will be made\n Public if approved. You can manage/change privacy access\n once you add items to your story.\n
\n \n\n
\n this.closeModal(\"helpModal\")}\n >\n Got it\n \n
\n \n \n this.openModal(\"deleteModal\")}\n >\n Delete\n \n this.closeModal(\"deleteModal\")}\n className=\"generic-modal\"\n title=\"Are you sure you want to delete this story?\"\n >\n
\n
\n \n
\n \n Once you delete this story you will not be able to recover\n it.\n
\n\n
\n this.closeModal(\"deleteModal\")}\n >\n Cancel\n \n this.deleteStory()}\n id=\"delete-story\"\n >\n Delete\n \n
\n \n \n
\n );\n};\n\nexport default BaseLayout;\n","import Modal from \"src/components/Modal\";\nimport { useSelector } from \"react-redux\";\nimport { selectEditStory } from \"src/features/EditStorySlice\";\n\nconst StoryError = () => {\n const storyError = useSelector((state) => selectEditStory(state).storyError);\n\n return (\n \n {Header}\n {children}\n {id !== undefined && (\n
\n \n
\n )}\n \n
\n \n \n
\n
\n );\n};\n\nexport default StoryError;\n","// TODO This component does not need to access redux - ie mapstatetoprops, because it's parent (show.js)\n// can pass all the required props now.\n\nimport { useDispatch, useSelector } from \"react-redux\";\nimport StoryContainer from \"../../story/StoryContainer\";\nimport Header from \"./header/Header\";\nimport BaseLayout from \"../../layouts/Base\";\nimport StoryError from \"./StoryError\";\nimport { filter } from \"lodash\";\n\nimport { selectStoryById, updateStory } from \"src/features/StoriesSlice\";\nimport { selectBlocks } from \"src/features/ItemsSlice\";\nimport { selectUser } from \"src/features/UserSlice\";\n\n// Return the number of text blocks that are currently\n// In the story\nfunction countStoryTextBlocks(state) {\n return filter(selectBlocks(state), (content) => {\n return content.type === \"text\";\n }).length;\n}\n\nconst Page = ({ id }) => {\n const dispatch = useDispatch();\n const metadata = useSelector((state) => selectStoryById(state, id));\n const user = useSelector(selectUser);\n const storyTextBlockCount = useSelector(countStoryTextBlocks);\n\n const boundStoryMetadataUpdate = (fieldName, value) => {\n dispatch(updateStory({ storyId: id, payload: { [fieldName]: value } }));\n };\n\n const headerProps = {\n ...metadata,\n storyTextBlockCount,\n };\n\n const header = (\n \n
\n \n It looks like this story has been edited in another window. Please\n reload the page to update the story. Your most recent edit may be\n lost.\n
\n\n
\n window.location.reload(false)}\n >\n Reload Page\n \n
\n \n \n \n \n \n
\n );\n }\n}\n\nexport default DeleteControls;\n","import { useSelector } from \"react-redux\";\nimport Masonry from \"react-masonry-component\";\nimport BaseLayout from \"../../layouts/Base\";\nimport withMyStories from \"src/components/RecordCard/hoc/withMyStories\";\nimport RecordCard from \"src/components/RecordCard/RecordCard\";\nimport { map } from \"lodash\";\nimport { selectAllStories } from \"src/features/StoriesSlice\";\n\nconst WithMyStories = withMyStories(RecordCard);\n\nconst MyStories = () => {\n const stories = useSelector(selectAllStories);\n const header = \n {numberOfItems} items\n
\nMy Stories
;\n\n return (\n\n \n {map(stories, (s) => {\n return (\n
\n \n
\n );\n })}\n \n \n \n {generateTitleText(name, \"STORY\")} \n \n
\n );\n};\n\nexport { StoryHeader };\n","import { cloneElement } from \"react\";\nimport { StoryHeader } from \"../storyheader\";\nimport BaseLayout from \"./Base\";\nimport { includes } from \"lodash\";\n\nconst ShowStoryLayout = ({ children, metadata, ...otherProps }) => {\n const header = \n
\n {unescape(name)}
\n\n A DigitalNZ Story by {creator}\n
\n{unescape(description)}
\n\n {!isEmpty(subjectSpans) &&\n subjectSpans.reduce((prev, curr) => [prev, \", \", curr])}\n
\n\n
\n )}\n {cloneElement(children, otherProps)}\n \n This story is {metadata.privacy}\n
\n Moderate\n
\n \n Moderate\n