{"version":3,"file":"EducationDetailPage.01d0218a.mjs","mappings":"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","sources":["webpack://mfa-corporate/./src/js/components/EducationDetailPage/style.scss","webpack://mfa-corporate/./src/js/components/EducationDetailPage/educationDetailPage.jsx","webpack://mfa-corporate/./src/js/components/EducationDetailPage/index.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"section\":\"e8htl\",\"banner\":\"ltg7c\",\"track\":\"Hlwox\",\"textWrapper\":\"M9g11\",\"text\":\"cCqdg\",\"title\":\"ku6wV\",\"bannerTitle\":\"qTk8Y\",\"content\":\"D4SW2\",\"thinLine\":\"nqdnl\",\"subtitle\":\"TFuKk\",\"features\":\"vsqb5\",\"featuresList\":\"M8fgr\",\"featuresItem\":\"p87Ld\",\"featuresTitle\":\"PbFuv\",\"featuresValue\":\"TSHLY\",\"modeOfAssessment\":\"T5suJ\",\"modeOfAssessmentItem\":\"TEdhG\",\"modeOfAssessmentItemMobile\":\"ZAVka\",\"modeOfAssessmentLabel\":\"V622i\",\"modeOfAssessmentProgressBar\":\"UiQvQ\",\"overviewWrapper\":\"yaiJS\",\"overview\":\"x4lfB\",\"overviewTitle\":\"oWij8\",\"overviewList\":\"Ea6SD\",\"overviewItem\":\"wGYtV\",\"overviewItemTitle\":\"B1yfz\",\"overviewItemValue\":\"RbHFF\",\"button\":\"zMjsa\",\"readMore\":\"VAH38\"};","import * as React from \"react\";\nimport GliderComponent from \"react-glider\";\nimport { useLocation } from \"react-router-dom\";\n\nimport Breadcrumbs from \"../Breadcrumbs\";\nimport Downloads from \"../Downloads\";\nimport FAQs from \"../FAQs\";\nimport FullWidthBanner from \"../FullWidthBanner\";\nimport Gallery from \"../Gallery\";\nimport LeaderboardOrSquareAdvertisement from \"../LeaderboardOrSquareAdvertisement\";\nimport Navigation from \"../Navigation\";\nimport Page from \"../Page\";\nimport SubNavigation from \"../SubNavigation\";\nimport styles from \"./style.scss\";\n\nconst LABELS = {\n  OVERVIEW: \"Overview\",\n  MODE_OF_ASSESSMENT: \"Mode of Assessment\",\n  READ_MORE: \"Read more\",\n  DURATION: \"Duration\",\n  PRICE: \"Price\",\n  STATUS: \"Status\",\n  APPLY: \"Apply\",\n  SHOW_INTEREST: \"Show Interest\",\n  START_DATE: \"Starting\",\n};\n\nfunction EducationDetailPage({ onGetPage }) {\n  const { pathname } = useLocation();\n  const getPage = React.useCallback(onGetPage, [onGetPage]);\n  const [isTrackLoaded, setIsTrackLoaded] = React.useState(false);\n\n  return (\n    <Page path={pathname} onGetPage={getPage} scrollToTop>\n      {({\n        page: {\n          title,\n          banners,\n          gallery,\n          subNav,\n          downloads,\n          faqs,\n          overviewHtml,\n          moreDetailsHtml,\n          modeOfAssessment,\n          features,\n          duration,\n          status,\n          price,\n          isOpen,\n          startDate,\n          applyButtonUrl,\n          showInterestUrl,\n          showBreadcrumbs,\n        },\n        isReady: isPageReady,\n      }) => {\n        if (!isPageReady) {\n          return null;\n        }\n\n        return (\n          <section className={styles.section}>\n            {banners && (\n              <div className={styles.banner}>\n                <GliderComponent\n                  hasDots={banners.length > 1}\n                  hasArrows={false}\n                  slidesToShow={1}\n                  duration={0.5}\n                  skipTrack\n                  onLoad={() => setIsTrackLoaded(true)}\n                >\n                  <div\n                    className={`${\n                      isTrackLoaded ? \"\" : styles.track\n                    } glider-track`}\n                  >\n                    {banners.map(\n                      (n, index) =>\n                        n.images && (\n                          <FullWidthBanner\n                            key={n.id}\n                            lazyload={index > 0}\n                            media={n.images}\n                            reducedHeight\n                          />\n                        )\n                    )}\n                  </div>\n                </GliderComponent>\n                <div className={styles.textWrapper}>\n                  <div\n                    className={styles.text}\n                    style={{ color: banners[0].color }}\n                  >\n                    <h1 className={`${styles.title} ${styles.bannerTitle}`}>\n                      {title}\n                    </h1>\n                    {showBreadcrumbs && (\n                      <Breadcrumbs url={pathname} color={banners[0].color} />\n                    )}\n                  </div>\n                </div>\n              </div>\n            )}\n            {subNav && (\n              <Navigation type={subNav}>\n                {({ navigation }) => <SubNavigation navigation={navigation} />}\n              </Navigation>\n            )}\n            <div className={styles.overviewWrapper}>\n              <div className={styles.overview}>\n                <h2 className={styles.overviewTitle}>{LABELS.OVERVIEW}</h2>\n                <ul className={styles.overviewList}>\n                  {duration && (\n                    <li className={styles.overviewItem}>\n                      <span className={styles.overviewItemTitle}>\n                        {LABELS.DURATION}\n                      </span>\n                      <span className={styles.overviewItemValue}>\n                        {duration}\n                      </span>\n                    </li>\n                  )}\n                  {price && (\n                    <li className={styles.overviewItem}>\n                      <span className={styles.overviewItemTitle}>\n                        {LABELS.PRICE}\n                      </span>\n                      <span className={styles.overviewItemValue}>{price}</span>\n                    </li>\n                  )}\n                  {status && (\n                    <li className={styles.overviewItem}>\n                      <span className={styles.overviewItemTitle}>\n                        {LABELS.STATUS}\n                      </span>\n                      <span className={styles.overviewItemValue}>{status}</span>\n                    </li>\n                  )}\n                  {startDate && (\n                    <li className={styles.overviewItem}>\n                      <span className={styles.overviewItemTitle}>\n                        {LABELS.START_DATE}\n                      </span>\n                      <span className={styles.overviewItemValue}>\n                        {startDate}\n                      </span>\n                    </li>\n                  )}\n                  <li className={styles.overviewItem}>\n                    {isOpen ? (\n                      <a\n                        href={applyButtonUrl}\n                        target=\"_blank\"\n                        rel=\"noreferrer noopener\"\n                        className={styles.button}\n                      >\n                        {LABELS.APPLY}\n                      </a>\n                    ) : (\n                      <a\n                        href={showInterestUrl}\n                        target=\"_blank\"\n                        rel=\"noreferrer noopener\"\n                        className={styles.button}\n                      >\n                        {LABELS.SHOW_INTEREST}\n                      </a>\n                    )}\n                  </li>\n                </ul>\n              </div>\n            </div>\n            <div className={styles.content}>\n              {!banners && showBreadcrumbs && <Breadcrumbs url={pathname} />}\n              {!banners && <h1 className={styles.title}>{title}</h1>}\n              {gallery && Boolean(gallery.length) && (\n                <>\n                  <Gallery data={gallery} />\n                  <div className={styles.thinLine} />\n                </>\n              )}\n              <div\n                dangerouslySetInnerHTML={{ __html: overviewHtml }}\n                className=\"richtext\"\n              />\n              {moreDetailsHtml && (\n                <details>\n                  <summary>\n                    <span className={styles.readMore}>{LABELS.READ_MORE}</span>\n                  </summary>\n                  <div\n                    dangerouslySetInnerHTML={{ __html: moreDetailsHtml }}\n                    className=\"richtext\"\n                  />\n                </details>\n              )}\n              {modeOfAssessment && Boolean(modeOfAssessment.length) && (\n                <>\n                  <h2 className={styles.subtitle}>\n                    {LABELS.MODE_OF_ASSESSMENT}\n                  </h2>\n                  <ul className={styles.modeOfAssessment}>\n                    {modeOfAssessment.map((n) => (\n                      <React.Fragment key={n.key}>\n                        <li\n                          className={styles.modeOfAssessmentItem}\n                          style={{ width: `${n.value}%` }}\n                        >\n                          <span>{n.key}</span>&nbsp;(<span>{n.value}%</span>)\n                        </li>\n                        <li className={styles.modeOfAssessmentItemMobile}>\n                          <div className={styles.modeOfAssessmentLabel}>\n                            <span>{n.key}</span>\n                            &nbsp;(<span>{n.value}%</span>)\n                          </div>\n                          <span\n                            className={styles.modeOfAssessmentProgressBar}\n                            style={{ width: `${n.value}%` }}\n                          />\n                        </li>\n                      </React.Fragment>\n                    ))}\n                  </ul>\n                </>\n              )}\n              {downloads && Boolean(downloads.length) && (\n                <Downloads downloads={downloads} />\n              )}\n              {faqs && Boolean(faqs.length) && <FAQs faqs={faqs} />}\n              <LeaderboardOrSquareAdvertisement uid=\"education-detail-page-1\" />\n            </div>\n            {features && Boolean(features.length) && (\n              <div className={styles.features}>\n                <ul className={styles.featuresList}>\n                  {features.map((n) => (\n                    <li className={styles.featuresItem} key={n.key}>\n                      <span className={styles.featuresTitle}>{n.key}</span>\n                      <span className={styles.featuresValue}>{n.value}</span>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            )}\n          </section>\n        );\n      }}\n    </Page>\n  );\n}\n\nexport default EducationDetailPage;\n","import { connect } from \"react-redux\";\nimport { compose } from \"redux\";\n\nimport { getPage } from \"./actions\";\nimport Component from \"./educationDetailPage\";\n\nconst mapDispatchToProps = (dispatch) => ({\n  onGetPage: (data) => dispatch(getPage(data)),\n});\n\nconst EducationDetailPage = compose(connect(null, mapDispatchToProps))(\n  Component\n);\n\nexport default EducationDetailPage;\n"],"names":["LABELS","onGetPage","_Breadcrumbs","pathname","useLocation","getPage","React","isTrackLoaded","setIsTrackLoaded","_jsx","Page","path","scrollToTop","page","title","banners","gallery","subNav","downloads","faqs","overviewHtml","moreDetailsHtml","modeOfAssessment","features","duration","status","price","isOpen","startDate","applyButtonUrl","showInterestUrl","showBreadcrumbs","isReady","isPageReady","className","styles","GliderComponent","hasDots","length","hasArrows","slidesToShow","skipTrack","onLoad","map","n","index","images","FullWidthBanner","lazyload","media","reducedHeight","id","style","color","Breadcrumbs","url","Navigation","type","navigation","SubNavigation","href","target","rel","Boolean","Gallery","data","dangerouslySetInnerHTML","__html","key","width","value","Downloads","FAQs","_LeaderboardOrSquareA","LeaderboardOrSquareAdvertisement","uid","compose","connect","dispatch","Component"],"sourceRoot":""}