= ({\n resources,\n}) =>\n resources?.length ? (\n \n Related Resources
\n {resources.map(({ icon, label, url }, i) => {\n const IconComponent = icon ? iconsMap[icon] : null\n\n return (\n \n )\n })}\n
\n ) : null\n","import React from 'react'\nimport { Row } from '@paypalcorp/pp-react'\n\nconst CommunityHelp = () => (\n \n Need help?
\n \n If you have any more questions please reach out to us in the paypal\n community.\n
\n \n Go to PayPal Community\n \n
\n)\n\nexport default CommunityHelp\n","import React, { FunctionComponent } from 'react'\nimport { Row } from '@paypalcorp/pp-react'\n\nimport { VideoStrip } from './VideoStrip'\n\ninterface RelatedVideosPlaylistProps {\n title: string\n videos: Video[]\n}\n\nexport const RelatedVideosPlaylist: FunctionComponent<\n RelatedVideosPlaylistProps\n> = ({ title, videos }) => {\n return (\n <>\n \n {title}
\n \n {`${videos.length + 1} in this series`}\n
\n
\n \n \n {videos.map((video) => (\n \n ))}\n
\n
\n >\n )\n}\n","import React, { FunctionComponent } from 'react'\n\nimport { RelatedResources } from './RelatedResources'\nimport CommunityHelp from './CommunityHelp'\nimport { RelatedVideosPlaylist } from './RelatedVideosPlaylist'\nimport { RelatedResource, Video } from '../utils/common'\n\ninterface VideoSidePanelProps {\n relatedVideos: Video[]\n relatedResources: RelatedResource[]\n}\n\nexport const VideoSidePanel: FunctionComponent = ({\n relatedVideos,\n relatedResources,\n}) => (\n \n {relatedVideos.length ? (\n \n ) : null}\n \n \n
\n)\n","import React, { useEffect, useMemo, useState } from 'react'\nimport { Container, Row, Col } from '@paypalcorp/pp-react'\nimport { PreviousPageLink } from '../../components/video-lib/components/PreviousPageLink'\nimport { VideoSection } from '../../components/video-lib/sections/VideoSection'\nimport { VideoSidePanel } from '../../components/video-lib/sections/VideoSidePanel'\nimport { navigate } from 'gatsby'\nimport '../../components/video-lib/css/index.css'\nimport VideoLayout from '../../components/video-lib/components/VideoLayout'\nimport {\n isBrowser,\n RelatedResource,\n} from '../../components/video-lib/utils/common'\nimport videos from '../../components/video-lib/data/videos.json'\nimport useParams from '../../hooks/useParams'\n\n/*\n Route has to be with videoId as query params\n*/\n\nfunction Watch() {\n const { videoId } = useParams()\n\n useEffect(() => {\n window.scrollTo(0, 0)\n }, [videoId])\n\n const { video, relatedVideos } = useMemo(() => {\n const video = videos?.find((v) => v?.id === videoId)\n return {\n video,\n relatedVideos: videos.filter(\n (v) =>\n v?.['video-Product-id'] === video?.['video-Product-id'] &&\n v?.id !== videoId,\n ),\n }\n }, [videoId])\n const isValid = useMemo(\n () => videos.some(({ id: playlistVideo }) => playlistVideo === videoId),\n [videoId],\n )\n\n if (!isValid) {\n isBrowser() && navigate('/video/collection?filter=all')\n }\n\n const { supplementalInfo } = video || {}\n\n return (\n <>\n \n \n \n \n {video?.title}\n
\n
\n \n \n \n \n \n {videoId && (\n \n )}\n \n
\n \n >\n )\n}\n\nexport default function VideoWrapper() {\n return (\n \n \n \n )\n}\n","module.exports = /[\\0-\\x1F\\x7F-\\x9F]/;","module.exports = /[\\0-\\uD7FF\\uE000-\\uFFFF]|[\\uD800-\\uDBFF][\\uDC00-\\uDFFF]|[\\uD800-\\uDBFF](?![\\uDC00-\\uDFFF])|(?:[^\\uD800-\\uDBFF]|^)[\\uDC00-\\uDFFF]/;"],"sourceRoot":""}