{"version":3,"file":"component---src-templates-single-review-js-3ef5dea23a0bb22d0796.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/Containers/Section.js","webpack://gatsby-starter-default/./src/components/Containers/Columns.js","webpack://gatsby-starter-default/./src/templates/singleReview.js"],"sourcesContent":["import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport classNames from \"classnames\"\n\nconst Section = ({\n  children,\n  colorBack = false,\n  colorBackSecondary = false,\n  smallSpacing,\n  zeroTop,\n  zeroBottom,\n  zeroTopMobile,\n  zeroBottomMobile,\n  zeroTopDesktop,\n  zeroBottomDesktop,\n  className\n}) => {\n  const wrapperClasses = classNames(className, {\n    sctn: true,\n    \"sctn--small\": smallSpacing,\n    \"color-back\": colorBack,\n    \"color-back--gray\": colorBackSecondary,\n    \"mt-0\": zeroTop && !colorBack,\n    \"mb-0\": zeroBottom && !colorBack,\n    \"pt-0\": zeroTop && colorBack,\n    \"pb-0\": zeroBottom && colorBack,\n    \"mt-0--mobile\": zeroTopMobile && !colorBack,\n    \"mb-0--mobile\": zeroBottomMobile && !colorBack,\n    \"pt-0--mobile\": zeroTopMobile && colorBack,\n    \"pb-0--mobile\": zeroBottomMobile && colorBack,\n    \"mt-0--desktop\": zeroTopDesktop && !colorBack,\n    \"mb-0--desktop\": zeroBottomDesktop && !colorBack,\n    \"pt-0--desktop\": zeroTopDesktop && colorBack,\n    \"pb-0--desktop\": zeroBottomDesktop && colorBack\n  })\n\n  return <section className={wrapperClasses}>{children}</section>\n}\n\nexport default Section\n\nSection.propTypes = {\n  children: PropTypes.node.isRequired,\n  colorBack: PropTypes.bool,\n  smallSpacing: PropTypes.bool,\n  zeroTop: PropTypes.bool,\n  zeroBottom: PropTypes.bool\n}\n","import React from \"react\"\nimport classNames from \"classnames\"\n\nconst Columns = ({\n  children,\n  rowReverse,\n  className,\n  verticallyCentered,\n  sideColumnsSize\n}) => {\n  const mainClasses = classNames(\"columns\", className, {\n    \"is-vcentered\": verticallyCentered,\n    \"flex-row-reverse\": rowReverse\n  })\n  return (\n    <div className={mainClasses}>\n      {!!sideColumnsSize && <div className={`column is-${sideColumnsSize}`} />}\n      {children}\n      {!!sideColumnsSize && <div className={`column is-${sideColumnsSize}`} />}\n    </div>\n  )\n}\n\nexport default Columns\n","import React from \"react\"\nimport { graphql, Link } from \"gatsby\"\nimport TheaterVideo from \"@components/Theater/TheaterVideo\"\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport { pluralizeName, getMonthYearFromStrings } from \"../utils/utils\"\nimport { Image, Text } from \"../components/Core\"\nimport { Button, ButtonGroup } from \"../components/Button\"\nimport { Columns, Section } from \"../components/Containers\"\n\nconst SingleReview = ({ data, pageContext, location }) => {\n  const post = data.singleReview.nodes[0]\n  const { metaTitle, metaDescription, language } = pageContext\n\n  const getStartedData = data.allTemplateSettingsJson.nodes[0].getStarted\n  const getStartedDataEs =\n    data.allTemplateSettingsJson.nodes[0].getStartedSpanish\n\n  const reviewPool = data.relatedReviews.nodes\n  // let referrerPool = data.relatedReviewsProviders.nodes\n\n  const relatedReview = reviewPool.find(\n    rev =>\n      rev.mainProcedureDone && rev.mainProcedureDone === post.mainProcedureDone\n  )\n\n  let backUrl = \"\"\n\n  if (data.allUniquePagesJson?.nodes[0]?.title) {\n    backUrl = `/${data.allUniquePagesJson.nodes[0].title}`\n  }\n\n  return (\n    <Layout navSpacer language={language}>\n      <SEO\n        title={metaTitle}\n        description={metaDescription}\n        pathname={location.pathname}\n        lang={language}\n      />\n      <div className=\"single-review\" style={{ paddingBottom: 0 }}>\n        <Section zeroBottom smallSpacing zeroTop>\n          <Columns sideColumnsSize={2} className=\"px-40--mobile\">\n            <Button\n              href=\"/video-reviews/\"\n              buttonText=\"Back to Video Reviews\"\n              secondary\n              goBack\n            />\n          </Columns>\n        </Section>\n\n        <Section>\n          <Columns sideColumnsSize={2}>\n            <div className=\"column is-one-third px-40--mobile\">\n              <Text as=\"h1\" text={`Meet ${post.reviewerName}`} />\n              <Text className=\"px-0\" as=\"p\" text={post.subheading} />\n\n              <TheaterVideo\n                videoUrl={`https://www.youtube.com/watch?v=${post.youtube}`}\n                // overVideo\n                // iconOnly\n                language={language}\n                buttonClass=\"contained\"></TheaterVideo>\n            </div>\n            <div className=\"column is-1\"></div>\n            <div className=\"column mt-3--mobile px-40--mobile\">\n              <Image publicId={post.thumbnailPublicId} />\n            </div>\n          </Columns>\n        </Section>\n\n        <Section>\n          <Columns sideColumnsSize={2}>\n            <div className=\"column\">\n              <Text\n                as=\"h2\"\n                text={`${pluralizeName(post.reviewerName)} Story`}\n              />\n\n              <Text className=\"mt-2\" text={`\"${post.quote}\"`} />\n              {post.proceduresDone && post.proceduresDone.length >= 1 && (\n                <ButtonGroup className=\"px-40--mobile\">\n                  {post.proceduresDone.map(p => (\n                    <Button\n                      key={p.procedureDone.procedureUrl}\n                      buttonText={`Learn More about ${p.procedureDone.procedureName}`}\n                      href={`/${p.procedureDone.procedureUrl}`}\n                      contained\n                      destination=\"internal\"\n                    />\n                  ))}\n                </ButtonGroup>\n              )}\n            </div>\n          </Columns>\n        </Section>\n\n        {relatedReview && (\n          <Section>\n            <Columns sideColumnsSize={2}>\n              <div className=\"column px-40--mobile\">\n                <>\n                  <Link\n                    to={`/${relatedReview.title}`}\n                    className=\"single-review__related\">\n                    <div className=\"single-review__related--content\">\n                      <h4 className=\"mb-2--mobile px-0\">{`Watch other reviews like ${pluralizeName(\n                        post.reviewerName\n                      )}`}</h4>\n\n                      <div\n                        style={{ gap: \"20px\" }}\n                        className=\"flex align-center\">\n                        <Text\n                          className=\"bold mb-0 mb-1--mobile mt-0 px-0\"\n                          as=\"p\"\n                          text={`Meet ${relatedReview.reviewerName}`}\n                        />\n                        <Text\n                          className=\"mb-0 mt-0 px-0  is-hidden-touch\"\n                          as=\"p\"\n                          text={relatedReview.mainProcedureDone}\n                        />\n                        <Text\n                          className=\"mb-0 mt-0 px-0  is-hidden-touch\"\n                          as=\"p\"\n                          text={getMonthYearFromStrings(\n                            relatedReview.monthYear.year,\n                            relatedReview.monthYear.month\n                          )}\n                        />\n                      </div>\n                    </div>\n\n                    <div>\n                      <Image publicId={relatedReview.thumbnailPublicId} />\n                      <div className=\"is-hidden-desktop\">\n                        <div\n                          style={{\n                            gap: \"20px\",\n                            justifyContent: \"space-between\"\n                          }}\n                          className=\"flex align-center\">\n                          <Text\n                            className=\"mb-0 mt-1 px-0\"\n                            as=\"p\"\n                            text={relatedReview.mainProcedureDone}\n                          />\n                          <Text\n                            className=\"mb-0 mt-1 px-0\"\n                            as=\"p\"\n                            text={getMonthYearFromStrings(\n                              relatedReview.monthYear.year,\n                              relatedReview.monthYear.month\n                            )}\n                          />\n                        </div>\n                      </div>\n                    </div>\n                  </Link>\n                </>\n              </div>\n            </Columns>\n          </Section>\n        )}\n\n        <Section zeroBottom className=\"single-review__cta\">\n          <Columns sideColumnsSize={2}>\n            <div className=\"column single-review__cta--content\">\n              <Text\n                style={{ fontSize: \"38px\" }}\n                as=\"h3\"\n                text={getStartedData.blurb}\n              />\n              <ButtonGroup className=\"px-40--mobile\">\n                {getStartedData.buttons.map(({ button }) => (\n                  <Button\n                    key={button.href}\n                    buttonText={button.buttonText}\n                    href={button.href}\n                    destination={button.destination}\n                    contained\n                  />\n                ))}\n              </ButtonGroup>\n            </div>\n            <div style={{ marginTop: \"auto\" }} className=\"column mt-3--mobile\">\n              <div>\n                <Image publicId=\"77P/DEV/about-doctor-fan\" />\n              </div>\n            </div>\n          </Columns>\n        </Section>\n      </div>\n    </Layout>\n  )\n}\n\nexport default SingleReview\n\nexport const query = graphql`\n  query ($id: String!, $language: String!, $title: String!) {\n    procedureQueryPage: allUniquePagesJson(\n      filter: { template: { eq: \"procedures\" }, language: { eq: $language } }\n    ) {\n      nodes {\n        title\n      }\n    }\n    allUniquePagesJson(\n      filter: {\n        template: { eq: \"patient-stories\" }\n        language: { eq: $language }\n      }\n    ) {\n      nodes {\n        title\n      }\n    }\n    allTemplateSettingsJson(filter: { templateType: { eq: \"single-review\" } }) {\n      nodes {\n        getStarted {\n          blurb\n          buttonText\n          heading\n          href\n          subheading\n          buttons {\n            button {\n              appearance\n              destination\n              href\n              buttonText\n            }\n          }\n        }\n        getStartedSpanish {\n          blurb\n          buttonText\n          heading\n          href\n          subheading\n          buttons {\n            button {\n              appearance\n              destination\n              href\n              buttonText\n            }\n          }\n        }\n      }\n    }\n    singleReview: allReviewsJson(filter: { id: { eq: $id } }) {\n      nodes {\n        id\n        title\n        metaTitle\n        metaDescription\n        mainProcedureDone\n        proceduresDone {\n          procedureDone {\n            procedureName\n            procedureUrl\n            otherProcedure\n            procedureShortName\n          }\n        }\n        heading\n        quote\n        language\n        reviewType\n        reviewerName\n        subheading\n        thumbnailPublicId\n        mainPhotoPublicId\n        youtube\n      }\n    }\n    relatedReviews: allReviewsJson(\n      filter: {\n        reviewType: { eq: \"Patient\" }\n        language: { eq: \"en\" }\n        title: { ne: $title }\n      }\n    ) {\n      nodes {\n        thumbnailPublicId\n        title\n        reviewerName\n        reviewType\n        mainProcedureDone\n        otherProcedureName\n        monthYear {\n          month\n          year\n        }\n        proceduresDone {\n          procedureDone {\n            procedureName\n            procedureUrl\n          }\n        }\n      }\n    }\n    relatedReviewsProviders: allReviewsJson(\n      filter: {\n        reviewType: { eq: \"Provider\" }\n        language: { eq: \"en\" }\n        title: { ne: $title }\n      }\n    ) {\n      nodes {\n        thumbnailPublicId\n        title\n        reviewerName\n        reviewType\n        mainProcedureDone\n        monthYear {\n          month\n          year\n        }\n        proceduresDone {\n          procedureDone {\n            procedureName\n            procedureUrl\n          }\n        }\n      }\n    }\n  }\n`\n"],"names":["_ref","children","colorBack","colorBackSecondary","smallSpacing","zeroTop","zeroBottom","zeroTopMobile","zeroBottomMobile","zeroTopDesktop","zeroBottomDesktop","className","wrapperClasses","classNames","sctn","React","rowReverse","verticallyCentered","sideColumnsSize","mainClasses","_data$allUniquePagesJ","_data$allUniquePagesJ2","data","pageContext","location","post","singleReview","nodes","metaTitle","metaDescription","language","getStartedData","allTemplateSettingsJson","getStarted","relatedReview","getStartedSpanish","relatedReviews","find","rev","mainProcedureDone","backUrl","allUniquePagesJson","title","Layout","navSpacer","SEO","description","pathname","lang","style","paddingBottom","Section","Columns","Button","href","buttonText","secondary","goBack","Text","as","text","reviewerName","subheading","TheaterVideo","videoUrl","youtube","buttonClass","Image","publicId","thumbnailPublicId","pluralizeName","quote","proceduresDone","length","ButtonGroup","map","p","key","procedureDone","procedureUrl","procedureName","contained","destination","Link","to","gap","getMonthYearFromStrings","monthYear","year","month","justifyContent","fontSize","blurb","buttons","_ref2","button","marginTop"],"sourceRoot":""}