{"version":3,"file":"508.f86897c971c57debd098.js","mappings":"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","sources":["webpack://cmhr-witness-blanket-rails/./app/webpack/client/components/pages/StoryDoor/DoorMosaic/index.tsx","webpack://cmhr-witness-blanket-rails/./app/webpack/client/components/pages/StoryDoor/Title.tsx","webpack://cmhr-witness-blanket-rails/./app/webpack/client/components/pages/StoryDoor/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Controller, Scene } from 'react-scrollmagic';\nimport { Timeline, Tween } from 'react-gsap';\nimport { useSelector } from 'react-redux';\n\nimport './DoorMosaic.css';\nimport '../../../../../stylesheets/_shared_animations.scss';\n\nimport { selectIsMobile, selectIsDesktop } from '../../../../store/ui/uiSlice';\n\nimport { MosaicImage } from '../../../shared/MosaicImage';\n\ninterface Props {\n  ariaLabel: string;\n}\n\nconst INITIAL_ANIMATION_DURATION = 5000;\n\nexport default function DoorMosaic({ ariaLabel }: Props) {\n  const isMobile = useSelector(selectIsMobile);\n  const isDesktop = useSelector(selectIsDesktop);\n\n  const [isInitialAnimationCompleted, setIsInitialAnimationCompleted] = useState(false);\n\n  useEffect(() => {\n    const timeoutRef1 = setTimeout(() => {\n      setIsInitialAnimationCompleted(true);\n    }, INITIAL_ANIMATION_DURATION);\n\n    return () => {\n      clearTimeout(timeoutRef1);\n    };\n  }, []);\n\n  return (\n    <div className=\"am-do-mos__mosaic\" role=\"img\" aria-label={ariaLabel}>\n      <div className=\"am-do-mos__img-container--wood\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"wood\" img=\"wood\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image1\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image1\" img=\"image1\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image2\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image2\" img=\"image2\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image3\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image3\" img=\"image3\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image4\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image4\" img=\"image4\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image5\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image5\" img=\"image5\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image6\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image6\" img=\"image6\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image7\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image7\" img=\"image7\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image8\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image8\" img=\"image8\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image9\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image9\" img=\"image9\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image10\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image10\" img=\"image10\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image11\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image11\" img=\"image11\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image12\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image12\" img=\"image12\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image13\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image13\" img=\"image13\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image14\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image14\" img=\"image14\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image15\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image15\" img=\"image15\" />\n      </div>\n\n      <div className=\"am-do-mos__img-container--image16\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image16\" img=\"image16\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image17\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image17\" img=\"image17\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image18\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image18\" img=\"image18\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image19\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image19\" img=\"image19\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image20\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image20\" img=\"image20\" />\n      </div>\n\n      <div className=\"am-do-mos__img-container--image21\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image21\" img=\"image21\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image22\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image22\" img=\"image22\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image23\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image23\" img=\"image23\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image24\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image24\" img=\"image24\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image25\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image25\" img=\"image25\" />\n      </div>\n      <div className=\"am-do-mos__img-container--image26\">\n        <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"image26\" img=\"image26\" />\n      </div>\n\n      <Controller>\n        <Scene\n          duration=\"80%\"\n          triggerElement=\".am-do-mos__mosaic\"\n          triggerHook={0}\n          enabled={isInitialAnimationCompleted && !isDesktop}\n        >\n          {(progress: number) => (\n            <>\n              <Timeline\n                paused\n                progress={progress}\n                target={\n                  <div className=\"am-do-mos__img-container--wood2\">\n                    <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"wood2\" img=\"wood2\" />\n                  </div>\n                }\n              >\n                <Tween\n                  from={{ x: -180, y: 180, ease: 'power1.inOut' }}\n                  to={{ x: isMobile ? -20 : -40, y: isMobile ? 20 : 40, ease: 'power1.inOut' }}\n                />\n                <Tween to={{ x: 0, y: 0, ease: 'power1.inOut' }} />\n              </Timeline>\n\n              <Timeline\n                paused\n                progress={progress}\n                target={\n                  <div className=\"am-do-mos__img-container--door\">\n                    <MosaicImage story=\"do\" mosaic=\"mosaic\" classModifier=\"door\" img=\"door\" />\n                  </div>\n                }\n              >\n                <Tween\n                  from={{\n                    opacity: 0,\n                    translateX: isMobile ? 0 : '-50%',\n                    y: -180,\n                    ease: 'power1.inOut',\n                  }}\n                  to={{\n                    opacity: 1,\n                    translateX: isMobile ? 0 : '-50%',\n                    y: isMobile ? 20 : 40,\n                    ease: 'power1.inOut',\n                  }}\n                />\n\n                <Tween\n                  to={{\n                    y: 0,\n                    translateX: isMobile ? 0 : '-50%',\n                    ease: 'power1.inOut',\n                  }}\n                />\n              </Timeline>\n            </>\n          )}\n        </Scene>\n      </Controller>\n    </div>\n  );\n}\n","import * as React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport StoryTitle from '../../shared/StoryTitle';\nimport DoorMosaic from './DoorMosaic';\n\nexport default function Title() {\n  const { t } = useTranslation();\n\n  return (\n    <StoryTitle\n      title={t('stories.door.title')}\n      pageId=\"do\"\n      witnesses={t('stories.door.witnesses', { returnObjects: true })}\n    >\n      <DoorMosaic ariaLabel={t('stories.door.mosaic_aria')} />\n    </StoryTitle>\n  );\n}\n","import React, { Suspense, lazy } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { HashLink } from 'react-router-hash-link';\nimport useShareData from '../../utils/useShareData';\nimport useScrollLocation from '../../utils/useScrollLocation';\nimport useSkipLinks from '../../utils/useSkipLinks';\n\nimport MapImage from '../../../../images/story_door/map_alert.png';\nimport TimelineImage from '../../../../images/story_door/timeline.png';\nimport SurvivorQuoteImg from '../../../../images/story_door/survivor_quote_profile.png';\n\nimport Title from './Title';\nimport Copy from '../../shared/Copy';\n\nconst StoryCarousel = lazy(() => import('../../shared/StoryCarousel'));\nconst Video = lazy(() => import('../../shared/Video'));\nconst Location = lazy(() => import('../../shared/Location'));\nconst ArtistQuote = lazy(() => import('../../shared/ArtistQuote'));\nconst ImageGallery = lazy(() => import('../../shared/ImageGallery'));\nconst SurvivorQuote = lazy(() => import('../../shared/SurvivorQuote'));\nconst DoorSubMosaic = lazy(() => import('./DoorSubMosaic'));\nconst ReflectiveQuestion = lazy(() => import('../../shared/ReflectiveQuestion'));\nconst ViewBlanket = lazy(() => import('../../shared/ViewBlanket'));\nconst TakeAction = lazy(() => import('../../shared/TakeAction'));\nconst Connect = lazy(() => import('../../shared/Connect'));\n\nexport default function StoryDoor() {\n  const { t, i18n } = useTranslation();\n  useShareData({ title: t('stories.door.title') });\n  useScrollLocation();\n  useSkipLinks();\n\n  return (\n    <>\n      <Title />\n      <Suspense fallback={null}>\n        <Copy htmlString={t('stories.door.copy_1')} />\n        <Location\n          title={t('stories.door.location_title')}\n          location={`${t('stories.door.location_city')}, ${t('stories.door.location_province')}`}\n          mapImage={MapImage}\n          timelineImage={TimelineImage}\n          mapImageAriaLabel={t('stories.door.location_map_aria')}\n          timelineImageAriaLabel={t('stories.door.location_timeline_aria')}\n          storyName=\"story_door\"\n          imageCaptions={t('stories.door.image_school_captions', { returnObjects: true })}\n          imageAltTexts={t('stories.door.image_school_alt_texts', { returnObjects: true })}\n          offset={{ marginRight: '-20%' }}\n        />\n        <Copy htmlString={t('stories.door.copy_2')} />\n        <Video\n          overlay={t('stories.door.video_overlay_1')}\n          transcript={t('stories.door.video_transcript_1')}\n          video_landscape_id={t('stories.door.video_landscape_id_1')}\n          video_portrait_id={t('stories.door.video_portrait_id_1')}\n          video_described_landscape_id={t('stories.door.video_described_landscape_id_1', { lng: i18n.language })}\n          video_described_portrait_id={t('stories.door.video_described_portrait_id_1', { lng: i18n.language })}\n        />\n        <Copy htmlString={t('stories.door.copy_3')} />\n        <ImageGallery\n          storyName=\"story_door\"\n          imageCaptions={t('stories.door.image_captions', { returnObjects: true })}\n          imageAltTexts={t('stories.door.image_alt_texts', { returnObjects: true })}\n          summary={t('stories.door.image_summary')}\n          imageCount={5}\n        />\n        <Copy htmlString={t('stories.door.copy_4')} />\n        <SurvivorQuote\n          altText={t('stories.door.survivor_alt_text')}\n          pictureImg={SurvivorQuoteImg}\n          quote={t('stories.door.survivor_quote')}\n          quoteSource={t('stories.door.survivor_quote_author')}\n          quoteSourceTitle={t('stories.door.survivor_quote_author_title')}\n          color=\"696553\"\n        />\n        <Copy htmlString={t('stories.door.copy_5')} />\n        <Video\n          overlay={t('stories.door.video_overlay_2')}\n          transcript={t('stories.door.video_transcript_2')}\n          video_landscape_id={t('stories.door.video_landscape_id_2')}\n          video_portrait_id={t('stories.door.video_portrait_id_2')}\n          video_described_landscape_id={t('stories.door.video_described_landscape_id_2', { lng: i18n.language })}\n          video_described_portrait_id={t('stories.door.video_described_portrait_id_2', { lng: i18n.language })}\n        />\n        <Copy htmlString={t('stories.door.copy_6')} />\n        <DoorSubMosaic ariaLabel={t('stories.door.sub_mosaic_1_aria')} />\n        <Copy htmlString={t('stories.door.copy_7')} />\n        <Video\n          overlay={t('stories.door.video_overlay_3')}\n          transcript={t('stories.door.video_transcript_3')}\n          video_landscape_id={t('stories.door.video_landscape_id_3')}\n          video_portrait_id={t('stories.door.video_portrait_id_3')}\n          video_described_landscape_id={t('stories.door.video_described_landscape_id_3', { lng: i18n.language })}\n          video_described_portrait_id={t('stories.door.video_described_portrait_id_3', { lng: i18n.language })}\n        />\n        <Copy htmlString={t('stories.door.copy_8')} />\n        <HashLink className=\"skipLink\" to={{ hash: '#artist-quote' }}>\n          {t('stories.skip_reflective_questions')}\n        </HashLink>\n        <ReflectiveQuestion questionString={t('stories.door.reflective_question_text', { returnObjects: true })} />\n        <ArtistQuote\n          quoteString={t('stories.door.artist_quote')}\n          quoteStringStyled={t('stories.door.artist_quote_styled')}\n        />\n      </Suspense>\n      <StoryCarousel />\n      <Suspense fallback={null}>\n        <ViewBlanket\n          spotlightPositionX={26}\n          spotlightPositionY={50}\n          initialBackgroundZoomPercentage={350}\n          initialBackgroundPositionX={56}\n          initialBackgroundPositionY={75}\n          finalBackgroundZoomPercentage={148}\n          finalBackgroundPositionX={60}\n          finalBackgroundPositionY={80}\n        />\n        <TakeAction />\n        <Connect />\n      </Suspense>\n    </>\n  );\n}\n"],"names":["DoorMosaic","ariaLabel","isMobile","useSelector","selectIsMobile","isDesktop","selectIsDesktop","useState","isInitialAnimationCompleted","setIsInitialAnimationCompleted","useEffect","timeoutRef1","setTimeout","clearTimeout","className","role","MosaicImage","story","mosaic","classModifier","img","duration","triggerElement","triggerHook","enabled","progress","paused","target","from","x","y","ease","to","opacity","translateX","Title","t","useTranslation","StoryTitle","title","pageId","witnesses","returnObjects","StoryCarousel","lazy","Video","Location","ArtistQuote","ImageGallery","SurvivorQuote","DoorSubMosaic","ReflectiveQuestion","ViewBlanket","TakeAction","Connect","StoryDoor","i18n","useShareData","useScrollLocation","useSkipLinks","Suspense","fallback","Copy","htmlString","location","mapImage","MapImage","timelineImage","TimelineImage","mapImageAriaLabel","timelineImageAriaLabel","storyName","imageCaptions","imageAltTexts","offset","marginRight","overlay","transcript","video_landscape_id","video_portrait_id","video_described_landscape_id","lng","language","video_described_portrait_id","summary","imageCount","altText","pictureImg","SurvivorQuoteImg","quote","quoteSource","quoteSourceTitle","color","hash","questionString","quoteString","quoteStringStyled","spotlightPositionX","spotlightPositionY","initialBackgroundZoomPercentage","initialBackgroundPositionX","initialBackgroundPositionY","finalBackgroundZoomPercentage","finalBackgroundPositionX","finalBackgroundPositionY"],"sourceRoot":""}