\n {data.alt ? (\n \n
\n {!data.alt && {t(data.title)}
}\n\n
- \n
- \n
\n {t('header:safeRecommendations')}\n \n \n - \n
\n {t('header:resources')}\n \n \n - \n
\n {t('header:frequentlyAskedQuestions')}\n \n \n - \n
\n {t('header:startExercising')}\n \n \n - \n
\n {t('header:startExercising')}\n \n\n
\n
\n
\n \n \n \n
\n \n
\n \n \n {t('header:contact')}\n \n
\n \n
\n \n
\n \n \n {t('header:contact')}\n \n
\n \n \n {logo}\n \n
\n - \n
- \n
\n \n - \n
\n {t('footer:policy')}\n \n \n - \n
\n {t('footer:about')}\n \n \n - \n
\n {t('footer:contact')}\n \n \n
\n
\n \n
\n \n
\n \n
\n
\n
\n
\n \n {children}\n
\n \n
\n \n
\n \n \n {t('home:howItWorksButton')}\n \n
\n {t('howItWorksTitle')}
\n\n
- \n
- \n A\n
\n
\n\n Go to\n \n\n Start Exercising\n \n to access the videos.\n \n - \n B\n
\n
\n}} />\n \n - \n C\n
\n
\n}} />\n \n - \n D\n
\n
\n}} />\n \n
\n \n 
}\n {!data.alt && \n
\n );\n};\n\nExerciseCard.propTypes = {\n data: PropTypes.object.isRequired,\n ns: PropTypes.string,\n};\n\nExerciseCard.defaultProps = {\n ns: 'home',\n};\n\nexport default ExerciseCard;\n","import React from 'react';\nimport { useTranslation, Trans } from 'react-i18next';\nimport ExerciseCard from 'components/home/ExerciseCard';\nimport ExerciseCardImg1 from 'images/exercises/exercise1.svg';\nimport ExerciseCardImg2 from 'images/exercises/exercise2.svg';\nimport ExerciseCardImg3 from 'images/exercises/exercise3.svg';\nimport ExerciseCardImg4 from 'images/exercises/exercise4.svg';\nimport ExerciseCardImg5 from 'images/exercises/exercise5.svg';\n\nconst cards = [\n {\n id: 1,\n title: 'exerciseCard1.title',\n text: 'exerciseCard1.text',\n imgPath: ExerciseCardImg1,\n alt: false,\n },\n {\n id: 2,\n title: 'exerciseCard2.title',\n text: 'exerciseCard2.text',\n imgPath: ExerciseCardImg2,\n alt: false,\n },\n {\n id: 3,\n title: 'exerciseCard3.title',\n text: 'exerciseCard3.text',\n imgPath: ExerciseCardImg3,\n alt: false,\n },\n {\n id: 4,\n title: 'exerciseCard4.title',\n text: 'exerciseCard4.text',\n imgPath: ExerciseCardImg4,\n alt: false,\n },\n {\n id: 5,\n title: 'exerciseCard5.title',\n text: 'exerciseCard5.text',\n imgPath: ExerciseCardImg5,\n alt: false,\n },\n {\n id: 6,\n title: 'exerciseCard6.title',\n text: 'exerciseCard6.text',\n alt: true,\n },\n];\n\nconst ExerciseTypes = () => {\n const { t } = useTranslation('home');\n\n return (\n \n
\n {t('exerciseTypesTitle')}
\n\n
\n \n
\n {cards.map((card) =>
\n - \n {items.map((item) => (\n
- \n
\n {t(item.text)}\n
\n ))}\n
\n
\n \n
\n \n
\n {t('rightForYouTitle')}
\n\n
\n - \n
- \n \n
}} />\n \n - \n \n {t('rightForYouList2')}\n \n
- \n \n
}} />\n \n
\n
\n \n
\n \n
\n {t('rightForYouExperience.title')}
\n\n
\n {t('rightForYouHelp.title')}
\n{t('rightForYouBottomText')}
\n\n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n {t('helpfulResourcesButton')}\n \n
\n {t('helpfulResourcesTitle')}
\n{t('helpfulResourcesText')}
\n\n
\n );\n};\n\nTestimonial.propTypes = {\n data: PropTypes.object.isRequired,\n};\n\nexport default Testimonial;\n","import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport Testimonial from 'components/home/Testimonial';\n\nimport GuyImg from 'images/guy-home.webp';\nimport AndreaImg from 'images/andrea-home.webp';\n\nconst items = [\n {\n id: 1,\n name: 'testimonials.1.name',\n text: 'testimonials.1.text',\n imgPath: GuyImg,\n },\n {\n id: 2,\n name: 'testimonials.2.name',\n text: 'testimonials.2.text',\n imgPath: AndreaImg,\n },\n];\n\nconst Testimonials = () => {\n const { t } = useTranslation('home');\n\n return (\n \n
\n \n \n
\n \n 
\n
\n {t(data.text)}
\n\n —\n {t(data.name)}\n
\n \n
\n {t('testimonialsTitle')}
\n\n
\n \n
\n \n
\n {title}
\n : title;\n const textElement = _isString(text)\n ?{text}
\n : text;\n const mediaElement = _isString(media)\n ?\n
\n \n {titleElement}\n {textElement}\n
\n \n {mediaElement}\n
\n \n
\n );\n\n const text = (\n {t('intro1')}
\n{t('intro3')}
\n\n 
\n
\n );\n};\n\nVideo.propTypes = {\n levelId: PropTypes.number.isRequired,\n sublevels: PropTypes.arrayOf(PropTypes.object).isRequired,\n};\n\nexport default Video;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst ProgressBar = ({ sublevels, completed, color }) => {\n const steps = sublevels.map((item, index) => {\n const isCompleted = completed >= (index + 1);\n const bgClass = `bg-${color}`;\n\n return (\n \n \n {t('level')}\n {' '}\n {levelId}\n
\n
\n \n {t('level')}\n {' '}\n {levelId}\n 
\n
\n \n {steps}\n
\n );\n};\n\nProgressBar.propTypes = {\n sublevels: PropTypes.array.isRequired,\n completed: PropTypes.number.isRequired,\n color: PropTypes.string.isRequired,\n};\n\nexport default ProgressBar;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Trans } from 'react-i18next';\nimport classNames from 'classnames';\n\nconst messagesArray = [\n 'message1',\n 'message2',\n 'message3',\n 'message4',\n 'message5',\n];\n\nconst Messages = ({ levelId, completed }) => {\n const messages = messagesArray.map((message, index) => (\n \n {messages}\n
\n );\n};\n\nMessages.propTypes = {\n levelId: PropTypes.number.isRequired,\n completed: PropTypes.number.isRequired,\n};\n\nexport default Messages;\n","export default __webpack_public_path__ + \"static/media/duration.080c3954.svg\";","export default __webpack_public_path__ + \"static/media/target-areas.18724790.svg\";","export default __webpack_public_path__ + \"static/media/equipment-needed.9a20c6ae.svg\";","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslation } from 'react-i18next';\nimport durationImg from 'images/duration.svg';\nimport targetAreasImg from 'images/target-areas.svg';\nimport equipmentImg from 'images/equipment-needed.svg';\n\nconst Details = ({ levelId, intensityImg }) => {\n const { t } = useTranslation('exercises');\n\n return (\n \n
\n );\n};\n\nDetails.propTypes = {\n levelId: PropTypes.number.isRequired,\n intensityImg: PropTypes.string.isRequired,\n};\n\nexport default Details;\n","export default __webpack_public_path__ + \"static/media/checkmark.254cbc6d.svg\";","import React, { useEffect, useState, useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport _get from 'lodash/get';\nimport lockIcon from 'images/lock.svg';\nimport checkIcon from 'images/checkmark.svg';\nimport LevelProgressContext from 'context/LevelProgressContext';\nimport UnlockLevelContext from 'context/UnlockLevelContext';\nimport utils from 'common/utils';\n\nconst Sublevel = (props) => {\n const {\n id, title, levelId, thumbnailPromise,\n } = props;\n const [thumbnailUrl, setThumbnailUrl] = useState('');\n\n useEffect(() => {\n thumbnailPromise.then((url) => {\n setThumbnailUrl(url.default);\n });\n }, [thumbnailPromise]);\n\n const { t } = useTranslation('exercises');\n const { levelProgress, setLevelProgress } = useContext(LevelProgressContext);\n const { setLevelToUnlock } = useContext(UnlockLevelContext);\n const current = _get(levelProgress, 'currentSublevel');\n const sublevelsCompleted = _get(levelProgress[levelId], 'sublevelsCompleted', []);\n const completed = sublevelsCompleted.includes(id);\n const unlocked = _get(levelProgress, `${levelId}.unlocked`);\n const isSelected = current?.id === id && current?.levelId === levelId;\n\n const updateVideo = () => {\n const updatedProgress = utils.setCurrentSublevel(levelProgress, props, levelId);\n setLevelProgress(updatedProgress);\n };\n\n const showUnlockModal = () => {\n setLevelToUnlock(levelId);\n };\n\n const onSublevelClick = () => {\n if (unlocked) {\n updateVideo();\n } else {\n showUnlockModal();\n }\n };\n\n return (\n \n
\n {t('duration.title')}
\n\n 
\n {t('duration.label')}\n
\n \n
\n {t('intensity.title')}
\n\n 
\n {t(`intensity.label.${levelId}`)}\n
\n \n
\n {t('targetAreas.title')}
\n\n 
\n {t('targetAreas.label')}\n
\n \n
\n {t('equipmentNeeded.title')}
\n\n 
\n {t('equipmentNeeded.label')}\n
\n \n 
\n {!unlocked && (\n 
\n )}\n {completed && (\n 
\n )}\n
\n \n );\n};\n\nSublevel.propTypes = {\n id: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n levelId: PropTypes.number.isRequired,\n thumbnailPromise: PropTypes.object.isRequired,\n};\n\nexport default Sublevel;\n","import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport _get from 'lodash/get';\nimport { useTranslation } from 'react-i18next';\nimport LevelProgressContext from 'context/LevelProgressContext';\nimport Video from 'components/exercises/Video';\nimport ProgressBar from 'components/exercises/ProgressBar';\nimport Messages from 'components/exercises/Messages';\nimport Details from 'components/exercises/Details';\nimport Sublevel from 'components/exercises/Sublevel';\n\nconst Level = ({\n id, sublevels, intensityImg, color,\n}) => {\n const { t } = useTranslation('exercises');\n const { levelProgress } = useContext(LevelProgressContext);\n const sublevelsCompleted = _get(levelProgress, `${id}.sublevelsCompleted`, []);\n\n const sublevelsList = sublevels.map((sublevel) => (\n {t(title)}
\n\n {t('level')}\n {' '}\n {id}\n
\n\n \n
\n \n {sublevelsList}\n
\n \n
\n \n
\n
\n {t('continueText')}
\n\n \n {t('finishForToday')}\n 
\n \n \n \n 
\n \n \n
\n \n );\n};\n\nexport default ContinueModal;\n","import React, {\n useState, useContext, useEffect, useRef,\n} from 'react';\nimport { useTranslation, Trans } from 'react-i18next';\nimport classNames from 'classnames';\nimport { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock';\nimport LevelProgressContext from 'context/LevelProgressContext';\nimport UnlockLevelContext from 'context/UnlockLevelContext';\nimport utils from 'common/utils';\nimport cancelIcon from 'images/cancel-primary.svg';\nimport playIcon from 'images/play.svg';\nimport { AnalyticsContext } from 'context/AnalyticsContext';\n\nconst UnlockModal = () => {\n const { t } = useTranslation('exercises');\n const modal = useRef();\n const [open, setOpen] = useState(false);\n const { levelToUnlock, setLevelToUnlock } = useContext(UnlockLevelContext);\n const { levelProgress, setLevelProgress } = useContext(LevelProgressContext);\n const { onLevelCompleted } = useContext(AnalyticsContext);\n const previousLevel = levelToUnlock - 1;\n\n useEffect(() => {\n if (levelToUnlock) {\n setOpen(true);\n disableBodyScroll(modal.current);\n }\n }, [levelToUnlock]);\n\n const goToPreviousLevel = () => {\n setOpen(false);\n enableBodyScroll(modal.current);\n utils.scrollToElement(`level-${previousLevel}`);\n setLevelToUnlock(null);\n };\n\n const unlockLevel = () => {\n const levelToTrack = levelToUnlock - 1;\n onLevelCompleted(levelToTrack, 1);\n const updatedLevelUnlocked = utils.setLevelUnlocked(levelProgress, levelToUnlock);\n setLevelProgress(updatedLevelUnlocked);\n setOpen(false);\n enableBodyScroll(modal.current);\n utils.scrollToElement(`level-${levelToUnlock}`);\n setLevelToUnlock(null);\n };\n\n return (\n \n
\n \n
\n \n \n \n
\n \n );\n};\n\nexport default UnlockModal;\n","export default __webpack_public_path__ + \"static/media/about--tablet.20c28439.jpg\";","import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport LevelContextProvider from 'context/LevelContextProvider';\nimport Introduction from 'components/exercises/Introduction';\nimport { levels } from 'common/exercises';\nimport Level from 'components/exercises/Level';\nimport ContinueModal from 'components/exercises/ContinueModal';\nimport UnlockModal from 'components/exercises/UnlockModal';\nimport Seo from 'components/shared/Seo';\nimport utils from 'common/utils';\nimport metaImageUrl from 'images/about/about--tablet.jpg';\n\nconst metaImage = {\n url: utils.getImageFullPath(metaImageUrl),\n width: '737',\n height: '551',\n};\n\nconst Exercises = () => {\n const { t } = useTranslation('exercises');\n\n const levelList = levels.map((level) => (\n \n {levelList}\n
\n {children}
);\n case 5:\n return ({children}
);\n case 6:\n return ({children}
);\n case 2:\n default:\n return{children}
;\n }\n};\n\nTitle.defaultProps = {\n size: 2,\n children: null,\n className: null,\n weight: 'bold',\n};\n\nTitle.propTypes = {\n size: PropTypes.number,\n children: PropTypes.any,\n className: PropTypes.string,\n weight: PropTypes.string,\n};\n\nexport default Title;\n","export default __webpack_public_path__ + \"static/media/plus.5e21677f.svg\";","export default __webpack_public_path__ + \"static/media/dash.65839a53.svg\";","import React from 'react';\nimport ReactMarkdown from 'react-markdown';\nimport { useTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport ResponsiveImage from 'components/shared/ResponsiveImage';\nimport Title from 'components/shared/Title';\n\nimport dashUrl from 'images/dash.svg';\nimport plusUrl from 'images/plus.svg';\n\nconst Article = ({\n text,\n title,\n date,\n author,\n image,\n className,\n isCollapsed,\n onChange,\n}) => {\n const { t } = useTranslation('resources');\n const componentClasses = classNames(\n 'article',\n 'position-relative',\n 'mb-4',\n className,\n {\n open: !isCollapsed,\n },\n );\n const authorString = author ? `${t('by')} ${author}` : null;\n const showMore = () => {\n if (typeof onChange === 'function') {\n onChange(title);\n }\n };\n const images = [\n {\n media: 'all and (max-width: 0px)',\n img: `${image}.jpg`,\n img2x: `${image}@2x.jpg`,\n },\n ];\n\n // Split the Markdown content into lines\n const lines = text?.split('\\n');\n\n // Extract the second and third lines\n const firstParagraph = lines.slice(1, 2).join('\\n');\n\n // Extract the remaining content\n const remainingText = lines.slice(2).join('\\n');\n\n return (\n\n
\n \n
\n \n \n {date && {title} \n {authorString && {firstParagraph} \n\n
\n {date}
}\n {authorString}
}\n \n { !isCollapsed\n && (
\n \n \n {t('seeMore')}\n 
\n \n
\n )}\n \n
\n \n
\n \n \n Q\n \n
\n \n
\n {t(title)}
\n\n
\n \n
\n \n
\n \n
\n \n \n {t('answerInitial')}\n \n
\n \n
\n \n
\n \n \n {faqs}\n
\n \n {\n _map(deck, (deckItem, index) => (\n
\n \n {t(deckItem.title)} \n {_map(deckItem.cards, (card) => (\n
\n ))\n }\n
\n );\n\n return (\n \n {\n _map(teamMemberImages, (imageData, index) => {\n const key = `teamMember${index + 1}`;\n const name = t(`${key}.name`);\n const title = t(`${key}.title`);\n const isLast = index + 1 === imageData.length;\n\n return (\n \n \n );\n })\n }\n
\n );\n};\n\nMeetTheTeam.propTypes = {\n className: PropTypes.string,\n};\n\nMeetTheTeam.defaultProps = {\n className: '',\n};\n\nexport default MeetTheTeam;\n","export default __webpack_public_path__ + \"static/media/jose--mobile.ab77fa9e.jpg\";","export default __webpack_public_path__ + \"static/media/jose--mobile@2x.a17e1ca2.jpg\";","export default __webpack_public_path__ + \"static/media/jose--tablet.be7a4025.jpg\";","export default __webpack_public_path__ + \"static/media/jose--tablet@2x.fc985f8d.jpg\";","export default __webpack_public_path__ + \"static/media/jose--desktop.95445fd5.jpg\";","export default __webpack_public_path__ + \"static/media/jose--desktop@2x.95713118.jpg\";","export default __webpack_public_path__ + \"static/media/guy--mobile.f0455dce.jpg\";","export default __webpack_public_path__ + \"static/media/guy--mobile@2x.e2bff00a.jpg\";","export default __webpack_public_path__ + \"static/media/guy--tablet.8410c925.jpg\";","export default __webpack_public_path__ + \"static/media/guy--tablet@2x.99e38b80.jpg\";","export default __webpack_public_path__ + \"static/media/guy--desktop.7aa1d169.jpg\";","export default __webpack_public_path__ + \"static/media/guy--desktop@2x.4ef24293.jpg\";","export default __webpack_public_path__ + \"static/media/andrea--mobile.5547d5a2.jpg\";","export default __webpack_public_path__ + \"static/media/andrea--mobile@2x.4e894101.jpg\";","export default __webpack_public_path__ + \"static/media/andrea--tablet.d3f4e6f5.jpg\";","export default __webpack_public_path__ + \"static/media/andrea--tablet@2x.12907473.jpg\";","export default __webpack_public_path__ + \"static/media/andrea--desktop.a5e3fbf0.jpg\";","export default __webpack_public_path__ + \"static/media/andrea--desktop@2x.77bb8ace.jpg\";","import React from 'react';\nimport { useTranslation, Trans } from 'react-i18next';\nimport _map from 'lodash/map';\nimport classNames from 'classnames';\n\nimport Intro from 'components/shared/Intro';\nimport ResponsiveImage from 'components/shared/ResponsiveImage';\nimport TriangleContainer from 'components/shared/TriangleContainer';\nimport BackToTop from 'components/shared/BackToTop';\nimport Title from 'components/shared/Title';\nimport Seo from 'components/shared/Seo';\nimport utils from 'common/utils';\n\nimport aboutImgMobile1X from 'images/about/about--mobile.webp';\nimport aboutImgMobile2X from 'images/about/about--mobile@2x.webp';\nimport aboutImgTablet1X from 'images/about/about--tablet.webp';\nimport aboutImgTablet2X from 'images/about/about--tablet@2x.webp';\nimport aboutImgDesktop1X from 'images/about/about--desktop.webp';\nimport aboutImgDesktop2X from 'images/about/about--desktop@2x.webp';\nimport metaImageUrl from 'images/about/about--tablet.jpg';\n\nimport mcGillLogo from 'images/logos/en/mcgill-logo.svg';\nimport codeLogoEn from 'images/logos/en/code-life-logo.png';\nimport codeLogoFr from 'images/logos/fr/code-life-logo-fr.png';\nimport gdfLogo from 'images/logos/en/gdf-logo.svg';\n\nimport MeetTheTeam from './MeetTheTeam';\n\nconst images = [\n {\n media: 'all and (max-width: 360px)',\n img: aboutImgMobile1X,\n img2x: aboutImgMobile2X,\n type: 'image/webp',\n },\n {\n media: 'all and (max-width: 767px)',\n img: aboutImgTablet1X,\n img2x: aboutImgTablet2X,\n type: 'image/webp',\n },\n {\n media: 'all and (min-width: 768px)',\n img: aboutImgDesktop1X,\n img2x: aboutImgDesktop2X,\n type: 'image/webp',\n },\n];\n\nconst metaImage = {\n url: utils.getImageFullPath(metaImageUrl),\n width: '737',\n height: '551',\n};\n\nconst About = () => {\n const { t } = useTranslation('about');\n const lang = utils.getLang();\n const media = \n
\n \n {name} \n {title} \n
\n
\n );\n\n return (\n \n {t('meetTheTeam')} \n
\n \n
\n \n \n
\n \n {\n _map(logos, (logo) => {\n const { langKey } = logo;\n const companyTitle = t(`${langKey}.title`);\n const descriptionKey = `${langKey}.description`;\n\n return (\n \n \n );\n })\n }\n
\n \n
\n \n \n
\n \n {companyTitle} \n
\n \n \n \n );\n })\n }\n
\n \n \n {t('acknowledgementSectionTitle')} \n
\n {\n _map(acknowledgements, (acknowledgement) => {\n const { langKey } = acknowledgement;\n const descriptionKey = `${langKey}.description`;\n\n return (\n \n
\n \n \n
\n \n
\n {t('privacy.title')}
\n\n
\n
{t('disclaimer.title')}
\n\n
Not found page content
\n);\n\nexport default NotFound;\n","import React from 'react';\nimport Button from 'react-bootstrap/Button';\nimport Modal from 'react-bootstrap/Modal';\nimport PropTypes from 'prop-types';\n\nconst CustomModal = ({\n show,\n handleShow,\n handleClose,\n modalBtnName,\n modalTitle,\n modalBody,\n}) => (\n \n { modalBtnName && (\n \n ) }\n \n \n { modalTitle } \n \n { modalBody } \n \n
\n);\n\nexport default CustomModal;\n\nCustomModal.propTypes = {\n show: PropTypes.bool,\n handleShow: PropTypes.func.isRequired,\n handleClose: PropTypes.func.isRequired,\n modalBtnName: PropTypes.string,\n modalTitle: PropTypes.string,\n modalBody: PropTypes.element.isRequired,\n};\n\nCustomModal.defaultProps = {\n show: false,\n modalBtnName: '',\n modalTitle: '',\n};\n","export default __webpack_public_path__ + \"static/media/contact--mobile.b0ddd5dd.webp\";","export default __webpack_public_path__ + \"static/media/contact--mobile@2x.71045afa.webp\";","export default __webpack_public_path__ + \"static/media/contact--tablet.28862aab.webp\";","export default __webpack_public_path__ + \"static/media/contact--tablet@2x.f50318c0.webp\";","export default __webpack_public_path__ + \"static/media/contact--desktop.28862aab.webp\";","export default __webpack_public_path__ + \"static/media/contact--desktop@2x.f50318c0.webp\";","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_3199_239)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24 12C24 18.6289 18.627 24 12 24C5.37305 24 0 18.6289 0 12C0 5.37498 5.37305 0 12 0C18.627 0 24 5.37498 24 12ZM12 14.4194C10.7707 14.4194 9.77419 15.4159 9.77419 16.6452C9.77419 17.8744 10.7707 18.871 12 18.871C13.2293 18.871 14.2258 17.8744 14.2258 16.6452C14.2258 15.4159 13.2293 14.4194 12 14.4194ZM9.88679 6.41874L10.2457 12.9994C10.2625 13.3073 10.5171 13.5484 10.8255 13.5484H13.1745C13.4829 13.5484 13.7375 13.3073 13.7543 12.9994L14.1132 6.41874C14.1314 6.08613 13.8665 5.80645 13.5334 5.80645H10.4665C10.1334 5.80645 9.86864 6.08613 9.88679 6.41874Z\",\n fill: \"#F5504B\"\n}));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_3199_239\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n width: 24,\n height: 24,\n fill: \"white\"\n})));\n\nfunction SvgExclamationCircle(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgExclamationCircle);\nexport default __webpack_public_path__ + \"static/media/exclamation-circle.7e61890e.svg\";\nexport { ForwardRef as ReactComponent };","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { ReactComponent as ErrorIcon } from 'images/exclamation-circle.svg';\n\nconst getField = (fieldParams) => {\n const {\n type, register, error, options, ...restParams\n } = fieldParams;\n\n switch (type) {\n case 'text':\n case 'email':\n return (\n \n { otherParams.type !== 'radio' && }\n
\n );\n};\n\nFormField.propTypes = {\n label: PropTypes.string,\n placeholder: PropTypes.string,\n name: PropTypes.string.isRequired,\n id: PropTypes.string.isRequired,\n type: PropTypes.string.isRequired,\n register: PropTypes.object.isRequired,\n error: PropTypes.array,\n};\n\nFormField.defaultProps = {\n error: undefined,\n label: '',\n placeholder: '',\n};\n\nexport default FormField;\n","import React, { useEffect, useRef, useState } from 'react';\nimport emailjs from '@emailjs/browser';\n\nimport { useTranslation } from 'react-i18next';\nimport utils from 'common/utils';\nimport FormField from 'components/shared/form/FormField';\nimport { useForm } from 'react-hook-form';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nconst templateID = {\n en: 'template_i1k55pj',\n fr: 'template_t491zsp',\n};\n\nconst emailJSConfig = {\n serviceID: 'service_pvlcs5a',\n publicKey: 'j171QWS53sAOVQeMN',\n};\n\nconst ContactForm = ({\n formSubmitFunc,\n}) => {\n const lang = utils.getLang();\n const { t } = useTranslation('contact');\n const [responseMessage, setResponseMessage] = useState('');\n const [isSubmitting, setIsSubmitting] = useState(false);\n\n useEffect(() => {\n const timer = setTimeout(() => responseMessage && setResponseMessage(''), 10000);\n return () => clearTimeout(timer);\n }, [responseMessage]);\n\n /* Contact Form Fields */\n const formFields = [\n {\n id: 'formField1',\n type: 'text',\n name: 'user_first_name',\n label: t('formField1.label'),\n placeholder: t('formField1.placeholder'),\n validationRules: {\n required: { value: true, message: t('validationMessages.required') },\n },\n columnWidth: '50',\n },\n {\n id: 'formField2',\n type: 'text',\n name: 'user_last_name',\n label: t('formField2.label'),\n placeholder: t('formField2.placeholder'),\n validationRules: {\n required: { value: true, message: t('validationMessages.required') },\n },\n columnWidth: '50',\n },\n {\n id: 'formField3',\n type: 'email',\n name: 'user_email',\n label: t('formField3.label'),\n placeholder: t('formField3.placeholder'),\n validationRules: {\n required: { value: true, message: t('validationMessages.required') },\n pattern: { value: /^\\S+@\\S+$/i, message: t('validationMessages.email') },\n },\n columnWidth: '50',\n },\n {\n id: 'formField4',\n type: 'select',\n name: 'user_info',\n label: t('formField4.label'),\n placeholder: t('formField4.placeholder'),\n validationRules: {\n required: { value: true, message: t('validationMessages.required') },\n },\n selectOptions: [\n { id: 1, value: t('formField4.options.1') },\n { id: 2, value: t('formField4.options.2') },\n { id: 3, value: t('formField4.options.3') },\n { id: 4, value: t('formField4.options.4') },\n ],\n columnWidth: '50',\n },\n {\n id: 'formField5',\n type: 'textarea',\n name: 'user_message',\n label: t('formField5.label'),\n placeholder: t('formField5.placeholder'),\n validationRules: {\n required: { value: true, message: t('validationMessages.required') },\n },\n columnWidth: '100',\n },\n {\n id: 'formField6',\n type: 'radio',\n name: 'user_newsletter',\n label: t('formField6.label'),\n placeholder: t('formField6.placeholder'),\n validationRules: {\n required: { value: true, message: t('validationMessages.required') },\n },\n columnWidth: '100',\n },\n {\n id: 'formField7',\n type: 'radio',\n name: 'user_newsletter',\n label: t('formField7.label'),\n placeholder: t('formField7.placeholder'),\n validationRules: {\n required: { value: true, message: t('validationMessages.required') },\n },\n columnWidth: '100',\n },\n ];\n\n const {\n register,\n handleSubmit,\n reset,\n formState: { errors },\n } = useForm();\n\n const form = useRef();\n const sendEmail = () => {\n setIsSubmitting(true);\n try {\n emailjs.sendForm(\n emailJSConfig.serviceID,\n templateID[lang],\n form.current,\n emailJSConfig.publicKey,\n )\n .then((result) => {\n if (result) {\n formSubmitFunc();\n setIsSubmitting(false);\n }\n }, (error) => {\n if (error) {\n setResponseMessage(t('errorMessage'));\n setIsSubmitting(false);\n }\n });\n } catch (error) {\n setResponseMessage(t('errorMessage'));\n setIsSubmitting(false);\n }\n reset();\n };\n\n return (\n \n { getField({ ...props }) }\n { error &&
\n {error && {error[1].message}
}\n\n \n
\n \n
\n {t('contactFormTitle')}
\n\n
\n {t('contactFormNote')}
\n\n {\n responseMessage !== '' &&
\n {responseMessage}
\n }\n\n {\n formFields.map((formField) => {\n const errorObj = Object.entries(errors).find(([key]) => key === formField.name);\n return (\n \n
\n );\n })\n }\n \n \n
\n \n \n );\n};\n\nexport default ContactForm;\n\nContactForm.propTypes = {\n formSubmitFunc: PropTypes.func.isRequired,\n};\n","import React, { useState } from 'react';\nimport { useTranslation, Trans } from 'react-i18next';\n\nimport Intro from 'components/shared/Intro';\nimport ResponsiveImage from 'components/shared/ResponsiveImage';\nimport TriangleContainer from 'components/shared/TriangleContainer';\nimport Seo from 'components/shared/Seo';\nimport pathNames from 'router/path-names';\nimport AnimatedLink from 'components/shared/AnimatedLink';\nimport CustomModal from 'components/shared/CustomModal';\n\nimport utils from 'common/utils';\n\nimport contactImgMobile1X from 'images/contact--mobile.webp';\nimport contactImgMobile2X from 'images/contact--mobile@2x.webp';\nimport contactImgTablet1X from 'images/contact--tablet.webp';\nimport contactImgTablet2X from 'images/contact--tablet@2x.webp';\nimport contactImgDesktop1X from 'images/contact--desktop.webp';\nimport contactImgDesktop2X from 'images/contact--desktop@2x.webp';\nimport ContactForm from './ContactForm';\n\nconst images = [\n {\n media: 'all and (max-width: 480px)',\n img: contactImgMobile1X,\n img2x: contactImgMobile2X,\n type: 'image/webp',\n },\n {\n media: 'all and (max-width: 768px)',\n img: contactImgTablet1X,\n img2x: contactImgTablet2X,\n type: 'image/webp',\n },\n {\n media: 'all and (min-width: 769px)',\n img: contactImgDesktop1X,\n img2x: contactImgDesktop2X,\n type: 'image/webp',\n },\n];\n\nconst Contact = () => {\n const { t } = useTranslation('contact');\n const lang = utils.getLang();\n\n /* Thank you Modal */\n const [modalShow, setModalShow] = useState(false);\n const handleClose = () => setModalShow(false);\n const handleShow = () => setModalShow(true);\n\n const title = (\n
\n );\n\n const text = (\n \n
\n );\n\n const media = \n
\n
\n \n \n
\n);\n\nexport default App;\n","import i18n from 'i18next';\nimport { initReactI18next } from 'react-i18next';\nimport utils from 'common/utils';\n\n// Translations\nimport headerEn from 'locales/en/header.json';\nimport footerEn from 'locales/en/footer.json';\nimport homeEn from 'locales/en/home.json';\nimport exercisesEn from 'locales/en/exercises.json';\nimport resourcesEn from 'locales/en/resources.json';\nimport faqEn from 'locales/en/faq.json';\nimport recommendationsEn from 'locales/en/recommendations.json';\nimport aboutEn from 'locales/en/about.json';\nimport privacyEn from 'locales/en/privacy-disclaimer.json';\nimport commonEn from 'locales/en/common.json';\nimport contactEn from 'locales/en/contact-us.json';\n\nimport headerFr from 'locales/fr/header.json';\nimport footerFr from 'locales/fr/footer.json';\nimport homeFr from 'locales/fr/home.json';\nimport exercisesFr from 'locales/fr/exercises.json';\nimport resourcesFr from 'locales/fr/resources.json';\nimport faqFr from 'locales/fr/faq.json';\nimport recommendationsFr from 'locales/fr/recommendations.json';\nimport aboutFr from 'locales/fr/about.json';\nimport privacyFr from 'locales/fr/privacy-disclaimer.json';\nimport commonFr from 'locales/fr/common.json';\nimport contactFr from 'locales/fr/contact-us.json';\n\nconst lng = utils.getLang();\n\nconst resources = {\n en: {\n header: headerEn,\n footer: footerEn,\n home: homeEn,\n exercises: exercisesEn,\n resources: resourcesEn,\n faq: faqEn,\n recommendations: recommendationsEn,\n about: aboutEn,\n privacy: privacyEn,\n common: commonEn,\n contact: contactEn,\n },\n fr: {\n header: headerFr,\n footer: footerFr,\n home: homeFr,\n exercises: exercisesFr,\n resources: resourcesFr,\n faq: faqFr,\n recommendations: recommendationsFr,\n about: aboutFr,\n privacy: privacyFr,\n common: commonFr,\n contact: contactFr,\n },\n};\n\ni18n\n .use(initReactI18next)\n .init({\n resources,\n lng,\n fallbackLng: 'en',\n interpolation: {\n escapeValue: false,\n },\n });\n\nexport default i18n;\n","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport 'i18n';\nimport reportWebVitals from './reportWebVitals';\nimport TagManager from 'react-gtm-module';\nimport { getTagManagerArgs } from './common/GTM';\n\nTagManager.initialize(getTagManagerArgs());\n\nReactDOM.render(