{"version":3,"file":"component---src-templates-index-js-2799e2e513fac23a8439.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/carousel/FacewallImage.js","webpack://gatsby-starter-default/./src/components/carousel/ImageCaption.js","webpack://gatsby-starter-default/./src/templates/index/FixedFacewallHomepage.js","webpack://gatsby-starter-default/./src/templates/index/ImageText.js","webpack://gatsby-starter-default/./src/templates/index/FirstTime.js","webpack://gatsby-starter-default/./src/templates/index/InTheCommunity.js","webpack://gatsby-starter-default/./src/components/program-toast/ProgramToast.js","webpack://gatsby-starter-default/./src/templates/index.js"],"sourcesContent":["import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport { Link } from \"gatsby\"\nimport { Image } from \"../Core\"\nimport ImageCaption from \"./ImageCaption\"\n\nfunction FacewallImage(props) {\n  let url = props.url\n  if (url.charAt(0) !== \"/\") url = \"/\" + url\n\n  return (\n    <>\n      <div className=\"column is-6 fixed-facewall-item has-text-centered\">\n        <div className={props.className}>\n          <Link\n            className=\"block mb-0 mb-1\"\n            aria-label=\"Navigate to patient review page\"\n            title={`Read more about ${props.reviewerName}'s review `}\n            to={url.toLowerCase()}>\n            <Image useAR publicId={props.imageUrl} responsiveUseBreakpoints />\n          </Link>\n          {(props.reviewerName || props.procedure || props.monthYear) && (\n            <Link\n              aria-label=\"Navigate to patient review page\"\n              title={`Read more about ${props.reviewerName}'s review `}\n              className=\"image-caption-link\"\n              to={url.toLowerCase()}>\n              <ImageCaption\n                reviewerName={props.reviewerName}\n                language={props.language}\n                procedure={props.procedure}\n                monthYear={props.monthYear}\n                hideProcedureNames={props.hideProcedureNames}\n              />\n            </Link>\n          )}\n        </div>\n      </div>\n    </>\n  )\n}\n\nFacewallImage.propTypes = {\n  className: PropTypes.string,\n  url: PropTypes.string,\n  procedure: PropTypes.string,\n  imageUrl: PropTypes.string.isRequired,\n  reviewerName: PropTypes.string,\n  language: PropTypes.string,\n  monthYear: PropTypes.object\n}\n\nexport default FacewallImage\n","import React from \"react\"\nimport classNames from \"classnames\"\nimport PropTypes from \"prop-types\"\nimport { getMonthYearFromStrings } from \"../../utils/utils\"\nimport { Text } from \"../Core\"\n\nfunction ImageCaption(props) {\n  let nameClasses = classNames(\"image-caption staff fixed-facewall-name\", {\n    last: !props.procedure && !props.monthYear\n  })\n  let procedureClasses = classNames(\n    \"image-caption staff fixed-facewall-procedure\",\n    {\n      last: !props.monthYear\n    }\n  )\n  let timeClasses = classNames(\"image-caption staff fixed-facewall-time\", {\n    last: true\n  })\n  return (\n    <div className=\"image-caption-wrapper\">\n      {props.reviewerName && (\n        <h6 className={nameClasses}>\n          {props.language === \"es\" ? \"Conoce a\" : \"Meet\"} {props.reviewerName}\n        </h6>\n      )}\n      {props.language === \"es\"\n        ? props.procedureEs &&\n          !props.hideProcedureNames && (\n            <Text\n              as=\"h6\"\n              className={procedureClasses}\n              text={props.procedureEs}\n            />\n          )\n        : props.procedure &&\n          !props.hideProcedureNames && (\n            <Text as=\"h6\" className={procedureClasses} text={props.procedure} />\n          )}\n      {props.monthYear && (\n        <h6 className={timeClasses}>\n          {getMonthYearFromStrings(props.monthYear.year, props.monthYear.month)}\n        </h6>\n      )}\n    </div>\n  )\n}\n\nImageCaption.propTypes = {\n  reviewerName: PropTypes.string,\n  language: PropTypes.string,\n  procedure: PropTypes.string,\n  procedureEs: PropTypes.string,\n  hideProcedureNames: PropTypes.bool,\n  monthYear: PropTypes.object\n}\n\nexport default ImageCaption\n","import React, { Component } from \"react\"\nimport classNames from \"classnames\"\nimport PropTypes from \"prop-types\"\n\nimport { Button } from \"../../components/Button\"\n\nimport FacewallImage from \"../../components/carousel/FacewallImage\"\n\nclass FixedFacewallHomepage extends Component {\n  constructor(props) {\n    super(props)\n  }\n\n  render() {\n    // Only allow rows of four, reviews should be sorted by most recent to least recent\n    let reviewCount = this.props.reviews.length\n    let nearestFourth = Math.floor((reviewCount / 4) * 4)\n    let reviews = this.props.reviews.slice(0, nearestFourth)\n    const images = reviews.map((review, i) => {\n      return (\n        <FacewallImage\n          className={i > 3 ? \"is-hidden-mobile\" : \"\"}\n          key={review.title}\n          imageUrl={review.thumbnailPublicId}\n          reviewerName={review.reviewerName}\n          procedure={\n            review.otherProcedure && review.otherProcedureName\n              ? review.otherProcedureName\n              : review.mainProcedureDone\n          }\n          procedureEs={\n            review.otherProcedure && review.otherProcedureName\n              ? review.otherProcedureName\n              : review.mainProcedureDone\n          }\n          url={review.title}\n          monthYear={review.monthYear}\n          middleColumnsis={this.props.middleColumnsis}\n          language={this.props.language}\n        />\n      )\n    })\n\n    return (\n      <section\n        data-aos=\"fade-up\"\n        data-aos-duration=\"1200\"\n        className={classNames(\n          \"home-section fixed-facewall\",\n          this.props.className\n        )}\n        style={{\n          paddingTop: this.props.paddingTop,\n          paddingBottom: this.props.paddingBottom\n        }}>\n        <div className=\"columns\">\n          <div className=\"column is-2\"></div>\n          <div className=\"column\">\n            <h3>{this.props.heading}</h3>\n            {this.props.blurb}\n          </div>\n          <div className=\"column is-2\"></div>\n        </div>\n        <div className=\"columns is-centered is-multiline procedure-patient-row\">\n          {images}\n        </div>\n        <div className=\"columns has-text-centered\">\n          <div className=\"column\">\n            {this.props.language === \"es\" ? (\n              <Button\n                className=\"mx-auto\"\n                contained\n                buttonText=\"Más Pacientes\"\n                href=\"/es/historias-de-pacientes/\"\n              />\n            ) : (\n              <Button\n                className=\"mx-auto\"\n                contained\n                buttonText=\"More Patients\"\n                href=\"/testimonial/\"\n              />\n            )}\n          </div>\n        </div>\n      </section>\n    )\n  }\n}\n\nFixedFacewallHomepage.propTypes = {\n  reviews: PropTypes.array.isRequired,\n  className: PropTypes.string,\n  middleColumnsis: PropTypes.number,\n  sideColumnIs: PropTypes.number,\n  paddingTop: PropTypes.string,\n  paddingBottom: PropTypes.string,\n  heading: PropTypes.string,\n  blurb: PropTypes.element\n}\n\nexport default FixedFacewallHomepage\n","import React from \"react\"\n\nimport { Columns, Section } from \"../../components/Containers\"\nimport { Text, Image } from \"../../components/Core\"\nimport { Button, ButtonGroup, ButtonGroupMap } from \"../../components/Button\"\n\nfunction ImageText(props) {\n  // if no complimentary image\n  if (!props.textImage) {\n    return (\n      <Section\n        className={\n          `home-section text-picture home-section-1 top-down` +\n          `${props.colorBack ? \"color-back\" : \"\"}`\n        }>\n        <div className=\"columns\">\n          <div className=\"column is-4\"></div>\n          <div\n            className=\" px-40--mobile\"\n            data-aos=\"fade-up\"\n            data-aos-duration=\"800\"\n            id=\"first-column\">\n            {props.post.homeSectionOne.heading && (\n              <Text\n                className=\"has-text-centered\"\n                text={props.post.homeSectionOne.heading}\n              />\n            )}\n            <Text useStringReplace text={props.post.homeSectionOne.text} />\n            {props.post.homeSectionOne.buttons && (\n              <div style={{ paddingBottom: \"10px\" }}>\n                <ButtonGroupMap\n                  isCentered\n                  noReverse={props.noReverse}\n                  buttons={props.post.homeSectionOne.buttons}\n                />\n              </div>\n            )}\n          </div>\n          <div className=\"column is-4\"></div>\n        </div>\n      </Section>\n    )\n  } else if (props.topDown) {\n    return (\n      <Section\n        colorBack={props.colorBack}\n        className=\"home-section text-picture home-section-1 top-down\">\n        <Columns sideColumnsSize={2}>\n          <div className=\"column\">\n            <div data-aos=\"fade-up\" data-aos-duration=\"800\" id=\"first-column\">\n              <Image\n                publicId={props.post.homeSectionOne.imageId}\n                className=\"full-width\"\n              />\n            </div>\n          </div>\n        </Columns>\n        <Columns sideColumnsSize={3}>\n          <div\n            className=\"column\"\n            data-aos=\"fade-up\"\n            data-aos-duration=\"800\"\n            id=\"first-column\">\n            <Text\n              className=\"has-text-centered\"\n              text={props.post.homeSectionOne.heading}\n            />\n            <Text useStringReplace text={props.post.homeSectionOne.text} />\n\n            <ButtonGroup alignLeft noReverse={props.noReverse}>\n              <Button\n                buttonText={props.post.homeSectionOne.buttonOne.buttonText}\n                minimal\n                href={props.post.homeSectionOne.buttonOne.href}\n              />\n              <Button\n                buttonText={props.post.homeSectionOne.buttonTwo.buttonText}\n                href={props.post.homeSectionOne.buttonTwo.href}\n              />\n            </ButtonGroup>\n          </div>\n        </Columns>\n      </Section>\n    )\n  }\n  if (props.textImage || props.imageText) {\n    return (\n      <LeftRight\n        colorBack={props.colorBack}\n        leftColumn={<TextColumn {...props} />}\n        rightColumn={<PictureColumn {...props} />}\n      />\n    )\n  }\n}\n\nfunction LeftRight(props) {\n  return (\n    <Section\n      colorBack={props.colorBack}\n      className=\"home-section text-picture home-section-1\">\n      <div className=\"columns is-vcentered reverse-columns\">\n        <div className=\"column is-2\"></div>\n        {props.leftColumn}\n        <div className=\"column is-2 is-hidden-touch-fix\"></div>\n        {props.rightColumn}\n        <div className=\"column is-2\"></div>\n      </div>\n    </Section>\n  )\n}\n\nfunction TextColumn(props) {\n  return (\n    <div\n      data-aos=\"fade-up\"\n      data-aos-duration=\"800\"\n      id=\"first-column\"\n      className=\"column text-column mobile-pad\">\n      <div className=\"columns\">\n        <div className=\"column\">\n          <Text text={props.post.homeSectionOne.heading} />\n          <Text useStringReplace text={props.post.homeSectionOne.text} />\n          {props.post.homeSectionOne.buttons && (\n            <ButtonGroupMap\n              alignLeft\n              isCenteredMobile\n              noReverse={props.noReverse}\n              buttons={props.post.homeSectionOne.buttons}\n            />\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction PictureColumn(props) {\n  return (\n    <div className=\"column is-10 picture-column is-hidden-touch-fix\">\n      <div className=\"columns\">\n        <div\n          className=\"column\"\n          data-aos-duration=\"1200\"\n          data-aos=\"fade-left\"\n          data-aos-anchor-placement=\"center-bottom\">\n          <Image publicId={props.post.homeSectionOne.imageId} />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default ImageText\n","import React from \"react\"\n\nimport { Section, Columns } from \"../../components/Containers\"\nimport { Text, Image } from \"../../components/Core\"\nimport { ButtonGroupMap } from \"../../components/Button\"\n\nfunction FirstTime(props) {\n  const { useImages, image } = props\n  return (\n    <Section colorBack={props.colorBack} className={`first-time`}>\n      <Columns sideColumnsSize={useImages ? 2 : 4}>\n        <div className=\"column\">\n          <div className={`${useImages ? \"first-time__grid\" : \"\"}`}>\n            {useImages && image && (\n              <div className=\"first-time__image px-40--mobile\">\n                <Image publicId={image} />\n              </div>\n            )}\n            <div className=\"first-time__card\">\n              <Text\n                as=\"h2\"\n                className={`mt-0 px-40--mobile`}\n                style={{ marginBottom: \"16px\" }}\n                text={props.post.firstTimePatient.heading}\n              />\n              <Text\n                as=\"p\"\n                className=\"px-40--mobile\"\n                text={props.post.firstTimePatient.text}\n              />\n              <ButtonGroupMap\n                buttons={props.post.firstTimePatient.buttons}\n                isCentered={!useImages}\n                isCenteredMobile={useImages}\n                noReverse={props.noReverse}\n              />\n            </div>\n          </div>\n        </div>\n      </Columns>\n    </Section>\n  )\n}\n\nexport default FirstTime\n","import React from \"react\"\n\nimport { Text, Image } from \"../../components/Core\"\nimport { ButtonGroupMap } from \"../../components/Button\"\nimport { Columns, Section } from \"../../components/Containers\"\n\nfunction InTheCommunity({\n  heading,\n  blurb,\n  image,\n  buttons,\n  colorBack,\n  useImages\n}) {\n  return (\n    <Section colorBack={colorBack} className={`first-time`}>\n      <Columns sideColumnsSize={useImages ? 2 : 4}>\n        <div className=\"column\">\n          <div className={`${useImages ? \"first-time__grid\" : \"\"}`}>\n            <div className=\"first-time__card\">\n              <Text\n                as=\"h2\"\n                className={`mt-0 px-40--mobile`}\n                style={{ marginBottom: \"16px\" }}\n                text={heading}\n              />\n              <Text as=\"p\" className=\"px-40--mobile\" text={blurb} />\n              <ButtonGroupMap\n                buttons={buttons}\n                isCentered={!useImages}\n                isCenteredMobile={useImages}\n                // noReverse={noReverse}\n              />\n            </div>\n            {useImages && image && (\n              <div className=\"first-time__image px-40--mobile\">\n                <Image publicId={image} />\n              </div>\n            )}\n          </div>\n        </div>\n      </Columns>\n    </Section>\n  )\n}\n\nexport default InTheCommunity\n","import React, { useState } from \"react\"\nimport { Text } from \"../Core\"\n\nimport \"./ProgramToast.scss\"\n\nconst ProgramToast = ({ closeDate, children }) => {\n  if (!children) return null\n\n  const [close, setClose] = useState(false)\n\n  const today = new Date()\n  const end = new Date(closeDate)\n\n  if (close || today > end) return null\n\n  return (\n    <div className=\"program-toast\">\n      <span className=\"close-toast\" onClick={() => setClose(true)}>\n        ✖\n      </span>\n      <Text text={children} />\n    </div>\n  )\n}\n\nexport default ProgramToast\n","import React, { Component } from \"react\"\nimport { graphql } from \"gatsby\"\nimport { sortReviewsByDate } from \"../utils/utils\"\n\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport FixedFacewallHomepage from \"./index/FixedFacewallHomepage\"\nimport StaticHeading from \"./index/StaticHeading\"\nimport Sizzle from \"./index/Sizzle\"\nimport ImageText from \"./index/ImageText\"\nimport AllRatingsReviews from \"../components/SocialReviews/AllSocialReviews\"\nimport FirstTime from \"./index/FirstTime\"\nimport InTheCommunity from \"./index/InTheCommunity\"\nimport LearnMoreCards from \"./index/LearnMoreCards\"\n// import ImageTexts from \"../components/ImageTexts\"\nimport StaticHero from \"./index/StaticHero\"\nimport { TestimonialPreview } from \"../components/Cards\"\nimport { Image, Text } from \"../components/Core\"\nimport { Columns, Section } from \"../components/Containers\"\nimport TheaterVideo from \"../components/Theater/TheaterVideo\"\nimport TestimonialGrid from \"../components/Cards/TestimonialGrid\"\nimport { ProgramToast } from \"../components/program-toast\"\n\nclass IndexPage extends Component {\n  constructor(props) {\n    super(props)\n    this.state = {\n      playing: false\n    }\n  }\n\n  render() {\n    const post = this.props.data.allUniquePagesJson.nodes[0]\n    const { metaTitle, metaDescription, language } = this.props.pageContext\n\n    const staticStyle = {\n      position: \"relative\",\n      overflow: \"unset\",\n      width: \"100%\",\n      zIndex: 1\n    }\n    const sizzleButtonStyle = {\n      position: \"absolute\",\n      top: 0,\n      zIndex: 200\n    }\n\n    const hasReviews = this.props.data.hasReviews.nodes[0].reviews\n    let allReviews = this.props.data.allReviews.nodes\n\n    const sortedReviews = sortReviewsByDate(allReviews)\n\n    // shuffleArray(allReviews);\n\n    let fixedFacewallReviews = []\n    if (sortedReviews.length >= 8) {\n      fixedFacewallReviews = sortedReviews.slice(0, 8)\n    } else {\n      fixedFacewallReviews = sortedReviews.slice(0, 4)\n    }\n\n    let schemaData = null\n    if (language === \"en\") {\n      schemaData = {\n        presets: post.schemas.presets,\n        customSchema: post.schemas.custom,\n        dateModified: this.props.pageContext.dateModified,\n        language,\n        metaTitle: metaTitle,\n        description: metaDescription,\n        path: this.props.location.pathname\n      }\n    }\n\n    return (\n      <Layout\n        navSpacer\n        className={`main-homepage ${language}`}\n        language={language}\n        layoutClass=\"homepage-fab\"\n        noFab\n        pageTitle=\"main-homepage\">\n        <SEO\n          title={metaTitle}\n          description={metaDescription}\n          schemaData={schemaData}\n          pathname={this.props.location.pathname}\n          lang={language}\n        />\n\n        <div className=\"static-container\" style={staticStyle}>\n          {post.hasSizzle ? (\n            <Sizzle\n              playing={this.state.playing}\n              sizzleButtonStyle={sizzleButtonStyle}\n              youtube={post.sizzleYoutube}\n              post={post}\n              language={language}>\n              <StaticHeading\n                playing={this.state.playing}\n                youtube={post.sizzleYoutube}\n                heading={post.hero.heading}\n                subheading={post.hero.subheading}\n                language={language}\n              />\n            </Sizzle>\n          ) : (\n            <StaticHero\n              post={post}\n              heading={post.hero.heading}\n              subheading={post.hero.subheading}\n              bgImage={post.hero.bgImage}\n              language={language}\n            />\n          )}\n\n          {hasReviews && (\n            <Section\n              colorBack\n              zeroTop\n              zeroBottom\n              className=\"homepage__testimonial-section\">\n              <Columns\n                sideColumnsSize={0}\n                className=\"homepage__testimonial-wall\">\n                <div className=\"column\">\n                  <Text\n                    as=\"h4\"\n                    className=\"has-text-centered mb-2 mt-2--mobile\"\n                    text=\"Hear Stories From People Just Like You\"\n                  />\n                  {post.featuredReviews?.length &&\n                    post.featuredReviews.length > 1 && (\n                      <div className=\"columns\">\n                        {post.featuredReviews.map(card => (\n                          <div key={card.youtube} className=\"column\">\n                            <TestimonialPreview\n                              language={language}\n                              youtube={card.youtube}\n                              image={card.image}\n                              heading={card.heading}\n                              subheading={card.subHeading}\n                            />\n                          </div>\n                        ))}\n                      </div>\n                    )}\n                  <TestimonialGrid language={language} reviews={allReviews} />\n                </div>\n              </Columns>\n            </Section>\n          )}\n\n          <LearnMoreCards language={language} post={post.learnMoreCards} />\n\n          {/* <ImageText\n            language={language}\n            post={post}\n            textImage={post.homeSectionOne.imageId}\n            noReverse\n            colorBack={language === \"es\"}\n          /> */}\n\n          <Section>\n            <Columns sideColumnsSize={2}>\n              <div className=\"column homepage__section-one\">\n                <Text\n                  className=\"has-text-centered px-40--mobile\"\n                  as=\"h2\"\n                  text={post.homeSectionOne.heading}\n                />\n                <Text\n                  useStringReplace\n                  className=\"has-text-centered px-40--mobile\"\n                  as=\"p\"\n                  text={post.homeSectionOne.text}\n                />\n              </div>\n            </Columns>\n          </Section>\n\n          {language === \"es\" && (\n            <Section>\n              <FixedFacewallHomepage\n                language={language}\n                heading={\n                  language === \"es\"\n                    ? \"Escuche de Nuestros Pacientes\"\n                    : \"Hear From Our Patients\"\n                }\n                reviews={fixedFacewallReviews}\n              />\n            </Section>\n          )}\n          {/* <HeadingVideo post={post} /> */}\n\n          <FirstTime\n            language={language}\n            post={post}\n            useImages={post.firstTimePatient.useImages}\n            image={post.firstTimePatient.image}\n            noReverse\n          />\n\n          {post.inTheCommunity.hasThisSection && (\n            <InTheCommunity\n              useImages\n              heading={post.inTheCommunity.heading}\n              blurb={post.inTheCommunity.text}\n              buttons={post.inTheCommunity.buttons}\n              image={post.inTheCommunity.imageId}\n            />\n          )}\n\n          {post.homeRatingsReviews.hasThisSection && (\n            <Section>\n              <AllRatingsReviews\n                animation\n                heading={post.homeRatingsReviews.heading}\n                blurb={post.homeRatingsReviews.blurb}\n                language={language}\n                buttonHref={post.homeRatingsReviews.buttonOne.href}\n                buttonText={post.homeRatingsReviews.buttonOne.buttonText}\n              />\n            </Section>\n          )}\n        </div>\n        {post.toast.hasThisSection && (\n          <ProgramToast closeDate={post.toast.closeDate}>\n            {post.toast.text}\n          </ProgramToast>\n        )}\n      </Layout>\n    )\n  }\n}\n\nexport const pageQuery = graphql`\n  query reviewsIndexQuery($title: String!, $language: String!) {\n    allReviews: allReviewsJson(\n      filter: { reviewType: { eq: \"Patient\" }, language: { eq: $language } }\n      limit: 30\n    ) {\n      nodes {\n        ...FacewallData\n      }\n    }\n    hasReviews: allDataJson(filter: { optionsItem: { eq: \"build-pages\" } }) {\n      nodes {\n        reviews\n      }\n    }\n    allUniquePagesJson(filter: { title: { eq: $title } }) {\n      nodes {\n        schemas {\n          presets\n          custom\n        }\n        hasSizzle\n        hero {\n          heading\n          subheading\n          bgImage\n        }\n        toast {\n          hasThisSection\n          text\n          closeDate\n        }\n        featuredReviews {\n          heading\n          subHeading\n          youtube\n          image\n        }\n        homeSectionOne {\n          buttons {\n            button {\n              buttonText\n              href\n              appearance\n              destination\n            }\n          }\n          heading\n          imageId\n          text\n        }\n        learnMoreCards {\n          blurb\n          hasThisSection\n          heading\n          cards {\n            blurb\n            heading\n            imageId\n            button {\n              buttonText\n              href\n            }\n          }\n        }\n        homeRatingsReviews {\n          hasThisSection\n          heading\n          # blurb\n          buttonOne {\n            buttonText\n            href\n          }\n        }\n        inTheCommunity {\n          buttons {\n            button {\n              buttonText\n              href\n              appearance\n              destination\n            }\n          }\n          hasThisSection\n          heading\n          imageId\n          leftRight\n          subheading\n          text\n        }\n        firstTimePatient {\n          buttons {\n            button {\n              href\n              buttonText\n              destination\n              appearance\n            }\n          }\n          heading\n          text\n          useImages\n          image\n        }\n        metaTitle\n        sizzleYoutube\n        metaDescription\n        title\n      }\n    }\n  }\n`\n\nexport default IndexPage\n"],"names":["props","url","charAt","React","className","Link","title","reviewerName","to","toLowerCase","Image","useAR","publicId","imageUrl","responsiveUseBreakpoints","procedure","monthYear","ImageCaption","language","hideProcedureNames","nameClasses","classNames","last","procedureClasses","timeClasses","procedureEs","Text","as","text","getMonthYearFromStrings","year","month","_Component","FixedFacewallHomepage","call","_inheritsLoose","prototype","render","reviewCount","this","reviews","length","nearestFourth","Math","floor","images","slice","map","review","i","FacewallImage","key","thumbnailPublicId","otherProcedure","otherProcedureName","mainProcedureDone","middleColumnsis","style","paddingTop","paddingBottom","heading","blurb","Button","contained","buttonText","href","Component","useImages","image","Section","colorBack","Columns","sideColumnsSize","marginBottom","post","firstTimePatient","ButtonGroupMap","buttons","isCentered","isCenteredMobile","noReverse","_ref","closeDate","children","close","setClose","useState","today","Date","end","onClick","IndexPage","_this","state","playing","_post$featuredReviews","data","allUniquePagesJson","nodes","metaTitle","metaDescription","pageContext","hasReviews","allReviews","sortedReviews","sortReviewsByDate","fixedFacewallReviews","schemaData","presets","schemas","customSchema","custom","dateModified","description","path","location","pathname","Layout","navSpacer","layoutClass","noFab","pageTitle","SEO","lang","position","overflow","width","zIndex","hasSizzle","Sizzle","sizzleButtonStyle","top","youtube","sizzleYoutube","StaticHeading","hero","subheading","StaticHero","bgImage","zeroTop","zeroBottom","featuredReviews","card","TestimonialPreview","subHeading","TestimonialGrid","LearnMoreCards","learnMoreCards","homeSectionOne","useStringReplace","FirstTime","inTheCommunity","hasThisSection","InTheCommunity","imageId","homeRatingsReviews","AllRatingsReviews","animation","buttonHref","buttonOne","toast","ProgramToast"],"sourceRoot":""}